/* Generated on: Tue Mar 02 2021 06:01:14 GMT+0000 (Coordinated Universal Time) */
/* ==========================================================================
   normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css 
   ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ==========================================================================
   Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below.
   ========================================================================== */
@font-face{font-family:'webflow-icons';src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0 0;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1);cursor:pointer}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%}fieldset{padding:0;margin:0;border:0}button,html input[type="button"],input[type="reset"]{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed;background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none !important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-widget-gplus{overflow:hidden}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^="w-icon-"],.w-slider-arrow-right [class^="w-icon-"],.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"]{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type="video"]>div:after{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default !important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] [data-nav-menu-open]{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] [data-nav-menu-open]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important}

/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */
.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

body {
  font-family: Montserrat, sans-serif;
  color: #1a1b1f;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  line-height: 62px;
  font-weight: 400;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 36px;
  line-height: 50px;
  font-weight: 500;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 46px;
  font-weight: 500;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 34px;
  font-weight: 500;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}

p {
  margin-bottom: 10px;
}

a {
  display: block;
  margin-right: 24px;
  margin-left: 24px;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #fff;
  text-decoration: underline;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

blockquote {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  border-left: 5px solid #e2e2e2;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  margin-top: 5px;
  opacity: 0.6;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.divider {
  height: 1px;
  background-color: #eee;
}

.styleguide-content-wrap {
  text-align: center;
}

.team_section {
  display: block;
  overflow: visible;
  height: auto;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 0px solid #505050;
}

.team_section.cc-cta {
  margin-top: 100px;
  margin-bottom: 100px;
  padding-right: 80px;
  padding-left: 80px;
  background-color: #000;
}

.team_section.new_footer {
  display: block;
}

.styleguide-block {
  display: block;
  margin-top: 80px;
  margin-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.custom-container-newsletter {
  display: block;
  overflow: visible;
  width: 80%;
  max-width: 80vw;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 196px 0px;
  border-top: 0px solid #313131;
  border-radius: 2px;
  background-color: rgba(39, 39, 39, 0);
}

.custom-container-newsletter.cc-blog-detail {
  color: #fff;
}

.custom-container-newsletter.press {
  width: 100%;
}

.paragraph-tiny {
  color: #747474;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-bigger {
  position: static;
  margin-bottom: 10px;
  opacity: 1;
  color: #fff;
  font-size: 26px;
  line-height: 34px;
  font-weight: 500;
  text-align: left;
}

.paragraph-bigger.cc-bigger-light {
  opacity: 1;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: #1f252a;
  -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.button:hover {
  background-color: #32343a;
  color: #fff;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  background-image: linear-gradient(91deg, #00283a, #067981);
  font-size: 14px;
  line-height: 26px;
}

.button.cc-contact-us {
  position: relative;
  z-index: 5;
  margin-right: 95px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: transparent;
}

.button.cc-contact-us:hover {
  background-color: hsla(0, 0%, 100%, 0.52);
}

.button.cc-white-button {
  padding: 16px 35px;
  background-color: #fff;
  color: #202020;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: hsla(0, 0%, 100%, 0.8);
}

.button.cc-white-button:active {
  background-color: hsla(0, 0%, 100%, 0.9);
}

.label {
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-light {
  margin-bottom: 0px;
  opacity: 0.6;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  text-transform: none;
}

.label.cc-blog-date {
  margin-top: 20px;
  opacity: 0.6;
}

.heading-jumbo-tiny {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  text-transform: uppercase;
}

.rich-text {
  width: 70%;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
}

.rich-text p {
  margin-top: 15px;
  margin-bottom: 25px;
  opacity: 0.6;
}

.paragraph-light {
  opacity: 0.6;
  color: #fff;
  font-weight: 200;
  text-align: left;
}

.heading-jumbo {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 64px;
  line-height: 80px;
  font-weight: 300;
  text-transform: none;
}

.heading-jumbo-small {
  margin-top: 10px;
  margin-bottom: 15px;
  color: #fff;
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
  text-transform: none;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 460px;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a1b1f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.44)), color-stop(46%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce6e5df476867856122_XP1-Profile-in-motion.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.44), transparent 46%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce6e5df476867856122_XP1-Profile-in-motion.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  color: #fff;
  text-align: center;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.logo-link:hover {
  opacity: 0.8;
}

.logo-link:active {
  opacity: 0.7;
}

.menu {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.navigation {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  padding: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #000;
}

.navigation-item {
  padding-top: 9px;
  padding-bottom: 9px;
  opacity: 0.6;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navigation-item:hover {
  opacity: 0.9;
}

.navigation-item:active {
  opacity: 0.8;
  color: #0092c7;
}

.navigation-item.w--current {
  opacity: 1;
  color: #fff;
  font-weight: 400;
}

.navigation-item.w--current:hover {
  opacity: 0.8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: 0.7;
  color: #0bf;
}

.logo-image {
  display: block;
  margin-left: 0px;
}

.navigation-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 70px;
  padding-bottom: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.webflow-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  text-decoration: none;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: 0.8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.cta-text {
  width: auto;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
}

.cta-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.intro-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 620px;
  margin-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5d6969dafaa2a058d2410d65_universe-1566159.jpg");
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
}

.intro-header.cc-subpage {
  height: 50vh;
  background-color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.69)), to(transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f18af6b5031f922c9c0ca8d_Hyperion%20building%20compressed%20sun%20glow.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.69), transparent), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f18af6b5031f922c9c0ca8d_Hyperion%20building%20compressed%20sun%20glow.jpg");
  background-position: 0px 0px, 50% 45%;
  background-size: auto, cover;
  color: #fff;
}

.intro-content {
  width: 70%;
  max-width: 1140px;
  text-align: center;
}

.section-heading-wrap {
  margin-top: 0px;
  margin-bottom: 80px;
  opacity: 1;
  color: #fff;
  text-align: center;
}

.status-message {
  padding: 9px 30px;
  background-color: #202020;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  display: block;
  width: 70%;
  margin: 100px auto;
}

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

.text-field {
  margin-bottom: 18px;
  padding: 21px 20px;
  border: 1px solid #e4e4e4;
  border-radius: 0px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  font-size: 14px;
  line-height: 26px;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active {
  border-color: #43464d;
}

.text-field:focus {
  border-color: #43464d;
}

.text-field::-webkit-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field:-ms-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field::placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff;
}

.projects-grid {
  margin-bottom: 60px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-areas: "."
    "."
    ".";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto 30px auto 30px auto;
  grid-template-rows: auto auto auto;
}

.project-name-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: 0.8;
}

.project-name-link:active {
  opacity: 0.7;
}

.project-cover-link {
  margin-bottom: 40px;
}

.project-cover-link:hover {
  opacity: 0.8;
}

.project-cover-link:active {
  opacity: 0.7;
}

.project-overview-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 620px;
  margin-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5d6969dafaa2a00a1f410d4f_portfolio%201%20-%20wide.svg");
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
}

.project-overview-header.cc-project-2-header {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5d6969dafaa2a07029410d51_portfolio%202%20-%20wide.svg");
  background-position: 50% 50%;
}

.project-details-grid {
  margin-top: 100px;
  margin-bottom: 100px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-areas: ". .";
  -ms-grid-columns: 1fr 80px 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.project-pics {
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.detail-header-image {
  display: block;
  width: 100%;
  height: 620px;
  margin-bottom: 60px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0px 0px;
  background-size: cover;
}

.detail-header-image.w--current {
  margin-bottom: 60px;
}

.blog-list-wrap {
  margin-bottom: 0px;
}

.blog-item {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  text-align: center;
}

.blog-preview-image {
  position: relative;
  display: block;
  width: 60%;
  height: 300px;
  margin-bottom: 0px;
  margin-left: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: hsla(0, 0%, 100%, 0.64);
  border-radius: 3px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transform: perspective(0px);
  transform: perspective(0px);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.blog-preview-image:hover {
  border-width: 2px;
  border-color: #044e5b;
  opacity: 1;
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.blog-preview-image:active {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.blog-summary-wrap {
  width: 70%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-left: 30px;
  text-align: left;
}

.blog-heading-link {
  margin-bottom: 10px;
  margin-left: 0px;
  -webkit-transition: opacity 200ms ease, -webkit-transform 350ms ease;
  transition: opacity 200ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, opacity 200ms ease;
  transition: transform 350ms ease, opacity 200ms ease, -webkit-transform 350ms ease;
  color: #fff;
  font-size: 25px;
  line-height: 38px;
  font-weight: 400;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: 0.8;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  color: #037fa5;
}

.blog-heading-link:active {
  opacity: 0.7;
}

.protected-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.protected-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 90px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  padding: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: center;
}

._404-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a1b1f;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.hero-section-div-title {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 100;
  margin-top: 65px;
  padding-left: 0px;
  background-color: rgba(75, 55, 55, 0);
}

.hero-section-div-title.home-hero {
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 120px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.hero-section-div-title.home-hero.order {
  margin-top: 80px;
}

.lottie-animation-5 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  overflow: visible;
  height: 30px;
  margin-bottom: 80px;
}

.div-block-37 {
  width: 100px;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 0px;
  background-image: linear-gradient(94deg, #0ef, #00ffe1);
}

.button-3 {
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 1px;
  background-color: rgba(56, 152, 236, 0);
  color: #fff;
}

.button-3:hover {
  background-color: #000;
  color: #fff;
}

.heading-interior {
  color: #fff;
  font-weight: 500;
}

.paragraph-interior-specs {
  color: #e2e2e2;
}

.vertical-white-div-divider {
  width: 1px;
  height: 80px;
  margin-right: 21px;
  margin-left: 24px;
  background-color: #fff;
}

.heading-45 {
  color: #fff;
  font-size: 37px;
  font-weight: 600;
}

.body-2 {
  display: block;
  overflow: visible;
  height: auto;
  background-color: #000;
}

.hero-black-fadein-onscroll {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: block;
  overflow: hidden;
  background-image: none;
  font-family: Montserrat, sans-serif;
}

.featured-specs {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 70vw;
  height: 12vh;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-span-2 {
  margin-right: 0px;
  margin-left: 0px;
  color: #000;
  font-size: 14px;
  font-weight: 200;
  text-align: center;
  letter-spacing: 3px;
}

.div-holding-specs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-specs {
  display: block;
  color: #fff;
  font-size: 41px;
  line-height: 30px;
  text-align: center;
}

.heading-specs.white-bg {
  color: #000;
}

.vertical-white-div-spacer {
  width: 1px;
  height: 100px;
  margin-right: 38px;
  margin-left: 38px;
  background-color: #fff;
}

.vertical-white-div-spacer.white-bg {
  background-color: #000;
}

.text-span-3 {
  font-size: 22px;
  font-weight: 300;
}

.home-section-div-title {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-section-div-title.about-hyperion-div-combo {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-section-div-title.about-page-header-hero {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.home-section-div-title.tech-center {
  bottom: 0px;
  margin-top: 0px;
}

.home-button-section {
  padding-right: 64px;
  padding-left: 64px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: rgba(56, 152, 236, 0);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
  color: #fff;
  letter-spacing: 6px;
}

.home-button-section:hover {
  border-color: hsla(0, 0%, 100%, 0);
  background-color: #fff;
}

.home-button-section.black_button {
  border-color: #000;
  color: #000;
}

.home-button-section.black_button:hover {
  border-color: #000;
  background-color: #000;
  color: #fff;
}

.section-40 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.section-40.tech {
  display: none;
}

.home-section-heading {
  position: relative;
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 14px;
  -webkit-filter: brightness(200%) brightness(200%);
  filter: brightness(200%) brightness(200%);
  color: #fff;
  font-size: 60px;
  line-height: 80px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 60px;
  text-transform: uppercase;
  background-clip: border-box;
}

.home-section-heading.white-bg {
  color: #000;
}

.sub_heading_h2_light {
  margin-top: 11px;
  margin-bottom: 15px;
  color: #fff;
  font-size: 12px;
  line-height: 33px;
  font-weight: 200;
  letter-spacing: 7px;
}

.sub_heading_h2_light.white-bg {
  color: #000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
}

.sub_heading_h2_light.dark_bg {
  font-size: 28px;
  line-height: 28px;
}

.sub_heading_h2_light.white-sub {
  font-size: 18px;
  line-height: 28px;
}

.home-section-about {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.background-video-11 {
  z-index: 1;
  height: 100vh;
  background-image: none;
}

.home-section-technology {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(41%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3388c39b165fff3039f2bf_XP1_Crane_shot.jpg");
  background-image: linear-gradient(180deg, #000, transparent 41%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3388c39b165fff3039f2bf_XP1_Crane_shot.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.xp1-linkblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-decoration: none;
}

.text-span-6 {
  font-size: 16px;
}

.text-span-7 {
  font-size: 16px;
}

.heading-71 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 25px;
  font-weight: 100;
  letter-spacing: 9px;
}

.glass-roof-heading {
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 39px;
  line-height: 52px;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.body-4 {
  background-color: #000;
  color: #fff;
}

.background_video_17 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(126, 50, 50, 0);
}

.background_video_17.performance {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e8c1570d131f50ee33775b0_Raceway%20Compressed.jpg");
  background-position: 0% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.popupdiv_left_text_xp1v2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 1500;
  display: none;
  overflow: scroll;
  width: 70vw;
  height: 100vh;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.popupdiv_left_text_xp1v2.home_charging {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  overflow: hidden;
  width: 100vw;
}

.popupdiv_left_text_xp1v2.performance {
  position: fixed;
  z-index: 9999;
  display: none;
  overflow: scroll;
  width: 70vw;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.black_div_fadein_xp1 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(18%, rgba(0, 0, 0, 0.66)), color-stop(81%, transparent));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.66) 18%, transparent 81%);
}

.car-image {
  margin-bottom: 11px;
}

.heading-80 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 200;
  letter-spacing: 3px;
}

.left_div_explore {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  margin-bottom: 0px;
  margin-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.explore_more_button {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-right: 33px;
  padding-left: 33px;
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: transparent;
  color: #fff;
}

.explore_more_button:hover {
  border: 1px solid transparent;
  background-color: #fff;
  color: #000;
}

.explore_more_button.w--current {
  cursor: pointer;
}

.explore_more_button.w--current:hover {
  border-color: transparent;
  background-color: #fff;
  color: #000;
}

.explore_more_button.home_charging {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}

.explore_more_button.performance {
  margin-right: 0px;
}

.explore_more_button.performance.w--current {
  margin-right: 0px;
}

.close_div_xp1popup {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1000;
  margin-top: 20px;
  margin-right: 20px;
  cursor: pointer;
}

.container_inside_popup {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  padding: 79px 55px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.close_icon_image:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.paragraph-20 {
  margin-top: 8px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
}

.lottie-heading-xp1 {
  overflow: visible;
  height: 69px;
  margin-left: -17px;
}

.paragraph-21 {
  margin-top: 5px;
  margin-bottom: 32px;
  color: #a8a8a8;
}

.homechargerstand_image {
  margin-top: 65px;
  margin-bottom: 65px;
}

.featured-specs-container {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 85px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.featured-specs-container.specs-for-section {
  position: relative;
}

.featured-specs-container.specs-for-section.margin-mobile {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 18;
  margin-top: 49px;
  margin-bottom: 40px;
  padding-left: 33px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.xp1-hero-div-feature-specs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-span-15 {
  font-size: 33px;
}

.text-span-16 {
  font-size: 33px;
}

.text-span-17 {
  font-size: 33px;
}

.spec_subheading {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 17px;
  line-height: 22px;
  font-weight: 200;
  text-align: center;
  letter-spacing: 0px;
}

.heading-84 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 33px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
}

.div-block-69 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.specs_popup_image {
  margin-right: 30px;
  margin-left: 30px;
}

.hero-xp1-page {
  position: relative;
  display: none;
  overflow: hidden;
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(92deg, transparent 73%, rgba(0, 0, 0, 0.39)), linear-gradient(180deg, rgba(0, 0, 0, 0.24), transparent 26%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e8c1570d131f50ee33775b0_Raceway%20Compressed.jpg");
  background-position: 0px 0px, 0px 0px, 100% 50%;
  background-size: auto, auto, cover;
}

.text-block {
  padding-left: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: 100;
  letter-spacing: 7px;
  text-transform: uppercase;
}

.text-block.black-text {
  color: #000;
  text-align: center;
  letter-spacing: 12px;
}

.body-6 {
  background-color: #000;
}

.left-container-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  height: 100vh;
  padding-right: 92px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-container-custom.our-story.our-team {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.left-container-custom.performance {
  height: auto;
  padding-right: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.left-container-custom.performance._3rd-interior {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.right-container-custom {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 50vw;
  height: 90vh;
  padding: 30px 0px 30px 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.right-container-custom.our-team {
  height: 100vh;
  padding-right: 0px;
  padding-left: 0px;
}

.right-container-custom.performance {
  height: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.right-container-custom.performance.last-interior-shot {
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-89 {
  margin-left: 0px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.paragraph-22 {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-family: Montserrat, sans-serif;
  color: #969696;
  font-size: 18px;
  line-height: 37px;
  font-weight: 300;
}

.paragraph-22.our-story {
  color: #b8b8b8;
  font-size: 14px;
  line-height: 28px;
  font-weight: 300;
}

.div-block-76 {
  width: 100px;
  height: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#28d7ce), to(#27979d));
  background-image: linear-gradient(180deg, #28d7ce, #27979d);
}

.expore-performance-div-button {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-20 {
  width: 50px;
  margin-left: 0px;
  cursor: pointer;
}

.custom-container-max-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 80vw;
  min-width: 80vw;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-container-max-width.our-team {
  position: relative;
}

.custom-container-max-width.performance {
  max-width: 90vw;
  margin-top: 84px;
  margin-bottom: 84px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.custom-container-max-width.performance.padding-adjust {
  margin-top: 19px;
}

.custom-container-max-width.interior {
  max-width: 90vw;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.custom-container-max-width.wide-banner-interior-image {
  height: 55vh;
  max-width: 90vw;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc79df7ecbab55f5e04d68_s02_s04_white.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.meet-our-team-section {
  position: relative;
  display: none;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #17181a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(67%, #17181a), to(#000));
  background-image: linear-gradient(180deg, #17181a 67%, #000);
}

.heading-93 {
  color: #fff;
  font-size: 60px;
  line-height: 73px;
}

.text-span-23 {
  color: #fff;
  font-weight: 500;
}

.lottie-animation-21 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 500px;
  height: 60vh;
  margin: auto;
}

.text-span-25 {
  color: #a0a0a0;
  font-weight: 100;
}

.plus-icon-team-pics {
  position: absolute;
  left: auto;
  top: auto;
  right: 3%;
  bottom: 0%;
  width: 40px;
}

.div-block-84 {
  width: 50%;
}

.heading-95 {
  padding-left: 47px;
  color: #fff;
  font-size: 52px;
  font-weight: 200;
  letter-spacing: 55px;
}

.body-8 {
  background-color: #000;
}

.interior-popout {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1500;
  display: none;
  overflow: auto;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 65px;
  padding-bottom: 65px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #000;
}

.div-image-performance {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 400px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-image-performance.no-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 100px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  background-image: none;
}

.div-image-performance.no-image._3rd-image {
  padding-right: 0px;
  padding-left: 100px;
}

.div-image-performance.interior-wide-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.link-block {
  margin-right: 0px;
  margin-left: 10px;
}

.slider {
  width: 100%;
  height: 65vh;
  margin-right: auto;
  margin-left: auto;
}

.slide {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e7acbb7a892986a07a1c4cc_Glass%20roof%20from%20inside.jpg");
  background-position: 50% 100%;
  background-size: cover;
  background-attachment: scroll;
}

.slide-2 {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e547172e5884b64191c65f0_Hyper%20GT%20interior%20Mt_.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.text-span-31 {
  font-size: 22px;
  font-weight: 100;
}

.icon {
  opacity: 0.65;
}

.icon-2 {
  opacity: 0.65;
}

.slide-3 {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebcb6585a54f4fabe689e84_medium%20wide%20shot%20of%20interior%20screen.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.link-block-3 {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2000;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 0px;
}

.link-block-3.w--current {
  z-index: 2000;
  cursor: pointer;
}

.text-block-6 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0px;
}

.text-block-6.absolute-text-location {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  margin-top: 0px;
  margin-bottom: 60px;
  margin-left: 60px;
  font-size: 33px;
}

.text-block-6.phone {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 200;
}

.text-span-address-location {
  font-size: 15px;
  font-weight: 200;
  letter-spacing: 1px;
}

.heading-102 {
  margin-top: -2px;
  color: #fff;
  font-size: 37px;
}

.column-25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80vh;
  padding-right: 70px;
  padding-left: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: none;
  background-position: 0px 0px;
}

.section-56 {
  height: auto;
  margin-top: 120px;
  margin-bottom: 0px;
}

.columns-10 {
  height: 80vh;
}

.column-26 {
  height: 80vh;
  padding-right: 0px;
  padding-left: 0px;
}

.slider-3 {
  height: 80vh;
}

.background-video-23 {
  height: 80vh;
}

.slide-11 {
  position: relative;
}

.contact-form-white-text {
  color: #fff;
}

.text-field-white-stroke {
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.34);
  background-color: hsla(0, 0%, 100%, 0);
}

.footer-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 80vw;
  margin-right: auto;
  margin-left: auto;
  padding-top: 35px;
  padding-bottom: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-text-link {
  color: #313131;
  text-decoration: none;
}

.link-block-7 {
  width: 25px;
  height: 25px;
  margin-right: 8px;
  margin-left: 8px;
}

.section-57 {
  margin-top: 57px;
  margin-bottom: 57px;
}

.text-block-9 {
  color: #06757e;
}

.columns-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-field-4 {
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0);
}

.submit-button-form {
  width: 100%;
  margin-top: 20px;
  padding-right: 25px;
  padding-left: 25px;
  background-image: -webkit-gradient(linear, left top, right top, from(#012a3c), to(#087880));
  background-image: linear-gradient(90deg, #012a3c, #087880);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.submit-button-form:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.submit-button-form.career {
  display: inline-block;
}

.text-field-5 {
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0);
}

.heading-104 {
  margin-bottom: 0px;
  color: #fff;
  font-size: 33px;
  line-height: 50px;
  font-weight: 600;
}

.column-27 {
  padding-left: 35px;
}

.column-28 {
  padding-right: 35px;
}

.div-block-103 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-4 {
  margin-left: 0px;
  padding: 5px 39px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 1px;
  background-color: transparent;
}

.button-4:hover {
  background-color: #fff;
}

.lottie-animation-23 {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-bottom: 0px;
}

.side-nav-bar {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 11;
  display: none;
  overflow: hidden;
  width: 20vw;
  height: 100vh;
  padding-right: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.side-nav-div-warpper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-104 {
  width: 2px;
  height: 100%;
  margin-right: 0px;
  margin-left: 20px;
  background-color: #fff;
  opacity: 1;
}

.text-side-nav-ilnk {
  color: #fff;
  text-decoration: none;
}

.text-side-nav-ilnk:hover {
  color: #fff;
}

.black-bottom-div-fade-in {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: none;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(11%, #000), to(rgba(0, 0, 0, 0.94)));
  background-image: linear-gradient(0deg, #000 11%, rgba(0, 0, 0, 0.94));
}

.black-div-top-fade-in {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(41%, transparent));
  background-image: linear-gradient(180deg, #000, transparent 41%);
}

.text-span-35 {
  margin-left: 2px;
  font-size: 20px;
  font-weight: 400;
}

.heading-106 {
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #fff;
  line-height: 37px;
}

.div-block-105 {
  width: 1px;
  height: 90px;
  margin-right: 40px;
  margin-left: 40px;
  background-color: #fff;
}

.sub-head-stat {
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.performance-spec-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.full-specs-container {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px auto 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.full-specs-container.interior {
  position: static;
}

.interior-section-pic {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.heading-107 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  letter-spacing: 11px;
  text-transform: uppercase;
}

.pop-up-div-container-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 90vw;
  min-width: 90vw;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-8 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
}

.body-9 {
  background-color: #000;
}

.custom-container-layout-5 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 44;
  overflow: visible;
  max-width: 90vw;
  min-width: 90vw;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto;
}

.custom-container-layout-5.launch_button {
  overflow: visible;
  width: 50vw;
  max-width: 50vw;
  min-width: auto;
  margin-bottom: 50px;
}

.preloader-v2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  -webkit-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.div-block-108 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-40 {
  margin-right: 0px;
}

.heading-109 {
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 20px;
  color: #fff;
  font-weight: 200;
  letter-spacing: 22px;
}

.lottie-animation-24 {
  height: 40px;
  margin-top: 20px;
}

.slider-perormance {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(71%, transparent), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.46)), color-stop(33%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png");
  background-image: linear-gradient(180deg, transparent 71%, #fff), linear-gradient(180deg, rgba(0, 0, 0, 0.46), transparent 33%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png");
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
  opacity: 1;
}

.lottie-animation-25 {
  position: absolute;
  width: 700px;
  height: auto;
  -webkit-filter: saturate(200%) contrast(106%) brightness(100%);
  filter: saturate(200%) contrast(106%) brightness(100%);
}

.div-block-112 {
  display: none;
}

.div-block-113 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.specs-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 40vh;
  max-width: 80vw;
  min-width: 80vw;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-112 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 41px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase;
}

.tab-pane-tab-1 {
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(170deg, #13384d, hsla(0, 0%, 100%, 0) 37%), linear-gradient(350deg, rgba(0, 0, 0, 0.7) 14%, transparent 40%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f340a5e8da2e47470c489ee_Hyp_XP1_perf_track_mobile.jpg");
  background-position: 0px 0px, 0px 0px, 50% 43%;
  background-size: auto, auto, cover;
  -webkit-filter: contrast(111%);
  filter: contrast(111%);
}

.tabs-menu {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: none;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.tab-link-tab-1 {
  position: relative;
  border-style: solid;
  border-width: 0px 0px 2px;
  border-color: #fff #fff hsla(0, 0%, 100%, 0.24);
  background-color: transparent;
  -webkit-transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, opacity 200ms ease;
  transition: transform 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  color: rgba(255, 255, 255, 0.44);
  cursor: pointer;
}

.tab-link-tab-1:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #fff;
}

.tab-link-tab-1.w--current {
  border-bottom-color: #fff;
  background-color: transparent;
  -webkit-transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, opacity 200ms ease;
  transition: transform 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  color: #fff;
}

.tab-xp1-page-element {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.tabs-content {
  height: 100vh;
}

.tab-section-xp1-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
}

.tab-pane-interior-overview {
  position: relative;
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.57)), color-stop(42%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5efba5ef99dbc2beada89132_LA%20side%20profile%20diagnol%20CPU%20render%201mb.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.57), transparent 42%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5efba5ef99dbc2beada89132_LA%20side%20profile%20diagnol%20CPU%20render%201mb.jpg");
  background-position: 0px 0px, 50% 92%;
  background-size: auto, cover;
}

.image-41 {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.div-block-115 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(14%, rgba(0, 0, 0, 0.73)), color-stop(38%, transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.73) 14%, transparent 38%);
}

.div-block-115.bottom-fade {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), color-stop(57%, transparent)), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.77)), color-stop(39%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33c57732b3f1d4ac86bd09_Hyp_interior_new.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), transparent 57%), linear-gradient(0deg, rgba(0, 0, 0, 0.77), transparent 39%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33c57732b3f1d4ac86bd09_Hyp_interior_new.jpg");
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.tab-pane-tab-3-2 {
  position: relative;
  height: 100vh;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), color-stop(40%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.55)), color-stop(46%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e7acbb7a892986a07a1c4cc_Glass%20roof%20from%20inside.jpg");
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent 40%), linear-gradient(180deg, rgba(0, 0, 0, 0.55), transparent 46%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e7acbb7a892986a07a1c4cc_Glass%20roof%20from%20inside.jpg");
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.div-warpper-tab-sections {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 60vw;
  min-width: 60vw;
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.heading-114 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  line-height: 44px;
  font-weight: 400;
}

.paragraph-32 {
  margin-left: 59px;
  color: #fff;
  line-height: 25px;
  font-weight: 400;
}

.lightbox-link-3 {
  width: 250px;
  margin: 14px;
  padding: 0px;
}

.body-10 {
  height: auto;
  background-color: #000;
}

.container {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-26 {
  width: 50px;
}

.container-2 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-62 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f189e3bf31cf50282cfc760_xp1%20compressed%20v2.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.text-block-14 {
  margin-top: 0px;
  margin-bottom: 25px;
  padding-left: 16px;
  color: #d4d4d4;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 15px;
  text-transform: uppercase;
}

.lottie-animation-29 {
  position: static;
  z-index: 30;
  width: 80px;
}

.div-block-120 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tabs-menu {
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 50;
}

.lottie-animation-30 {
  width: 200px;
}

.background-video-28 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-63 {
  display: none;
  overflow: hidden;
  height: 100vh;
}

.background-video-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-31 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
  height: 300px;
  margin-top: auto;
  margin-bottom: auto;
}

.section-64 {
  height: auto;
}

.form_header {
  margin-top: 0px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 33px;
  font-weight: 600;
  letter-spacing: 10px;
  text-transform: uppercase;
}

.heading-119 {
  margin-top: 0px;
  color: #fff;
}

.section-65 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.column-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 70px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.launch-page-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 80%;
  max-width: 80%;
  margin: 80px auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.column-31 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.column-32 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.columns-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-right: auto;
  margin-bottom: 113px;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #686868;
}

.div-block-123 {
  width: 100%;
  height: 2px;
  margin-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, right top, from(#012b3d), color-stop(99%, #08767f), to(#fff));
  background-image: linear-gradient(90deg, #012b3d, #08767f 99%, #fff);
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.div-block-123.footer {
  width: 100px;
  height: 2px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.section-66 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: auto;
  padding-top: 92px;
  padding-bottom: 92px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-2 {
  display: -ms-grid;
  display: grid;
  overflow: visible;
  float: none;
  clear: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.slider-4 {
  height: 100vh;
}

.slide-12 {
  position: relative;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d705cecdb24d04524abc9_10c_crop_2_levels_.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.lottie-animation-32 {
  position: absolute;
  left: 0%;
  top: 80px;
  right: 0%;
  bottom: auto;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.heading-122 {
  position: absolute;
  left: 0%;
  top: 191px;
  right: 0%;
  bottom: auto;
  color: #afafaf;
  font-size: 22px;
  font-weight: 200;
  text-align: center;
  letter-spacing: 5px;
}

.slide-13 {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d9e3b81f4766005d3e954_engine%20xp1%20compressed.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.body-11 {
  background-color: #000;
}

.background-video-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.21)), to(rgba(0, 0, 0, 0.21)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.21), rgba(0, 0, 0, 0.21));
}

.heading-124 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  opacity: 1;
  color: #fff;
  font-size: 45px;
  line-height: 63px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.heading-124.tech {
  font-size: 90px;
  letter-spacing: 2px;
}

.section-69 {
  height: 60vh;
  padding-top: 131px;
  padding-bottom: 131px;
}

.grid-3 {
  grid-column-gap: 25px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-124 {
  position: relative;
  width: 300px;
  height: 300px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f077cdece37cec6c63a0ea5_18_blue__ground_v1_levels.jpg");
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.div-block-124:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.div-block-125 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#053944), to(#09757e));
  background-image: linear-gradient(90deg, #053944, #09757e);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.div-block-125:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.link {
  color: #fff;
  text-decoration: none;
}

.image-48 {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  cursor: pointer;
}

.lottie-animation-33 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 150px;
}

.nav-landing-page {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 101;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 25px 5px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0px solid #000;
}

.link-2 {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

.div-block-126 {
  width: 350px;
  height: 500px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d6ea02f453ec4a35b7d06_hyperion%20teaser%20scale%20in.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
  -o-object-fit: cover;
  object-fit: cover;
}

.heading-125 {
  position: absolute;
  left: 0%;
  top: 60px;
  right: 0%;
  bottom: auto;
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
}

.social-icon-wrapper {
  position: static;
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-icon-wrapper.menu {
  position: relative;
  margin-top: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.image-49 {
  width: 30px;
  -webkit-filter: brightness(200%);
  filter: brightness(200%);
}

.image-49.menu_image {
  -webkit-filter: brightness(200%) brightness(200%);
  filter: brightness(200%) brightness(200%);
}

.text-block-17 {
  margin-top: 40px;
  color: #505050;
  font-weight: 300;
  text-align: center;
}

.lightbox-link-4 {
  position: relative;
  z-index: 10;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.lightbox-link-4:hover {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.heading-126 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #fff;
  line-height: 45px;
}

.paragraph-34 {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-weight: 200;
  text-align: left;
}

.link-3 {
  margin-right: 0px;
  margin-left: 0px;
  color: #06757e;
  font-weight: 500;
  text-align: left;
}

.column-33 {
  padding: 27px;
  border-radius: 15px;
  background-color: transparent;
}

.social-link-block-footer {
  margin-right: 15px;
  margin-left: 0px;
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
}

.social-link-block-footer:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.social-link-block-footer.menusocial {
  margin-right: 8px;
  margin-left: 0px;
}

.down-arrow-link {
  -webkit-transition: opacity 200ms ease, -webkit-transform 350ms ease;
  transition: opacity 200ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, opacity 200ms ease;
  transition: transform 350ms ease, opacity 200ms ease, -webkit-transform 350ms ease;
  cursor: pointer;
}

.down-arrow-link:hover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.text-field-6 {
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: #000 #000 #fff;
  border-radius: 0px;
  background-color: transparent;
  color: #fff;
}

.select-field-4 {
  border-radius: 0px;
  background-color: transparent;
  color: #929292;
}

.field-label {
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}

.recaptcha {
  margin-top: 20px;
  margin-bottom: 20px;
}

.paragraph-35 {
  font-size: 10px;
  line-height: 13px;
  font-weight: 500;
}

.italic-text-2 {
  color: #858585;
}

.heading-131 {
  margin-bottom: 0px;
  padding-left: 0px;
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 3px;
}

.image-51 {
  width: 75px;
  margin-bottom: 10px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.body-12 {
  background-color: #000;
}

.text-block-19 {
  color: #7a7a7a;
  font-size: 14px;
  text-align: center;
}

.text-block-19:hover {
  color: #fff;
}

.link-block-15 {
  -webkit-transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, opacity 200ms ease;
  transition: transform 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  color: #fff;
  text-decoration: none;
}

.link-block-15:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  color: #086f79;
}

.link-block-15.w--current {
  display: none;
}

.body-13 {
  background-color: #000;
}

.body-14 {
  background-color: #000;
}

.div-block-134 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  border-radius: 3px;
  background-image: linear-gradient(75deg, rgba(1, 46, 64, 0.52), rgba(2, 69, 75, 0.35));
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.div-block-134:hover {
  background-image: linear-gradient(75deg, rgba(1, 46, 64, 0.52), rgba(2, 69, 75, 0.35));
  opacity: 0;
}

.collection-list-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.body-15 {
  background-color: #000;
}

.section-72 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 60vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(86deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.28)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f18af6b5031f922c9c0ca8d_Hyperion%20building%20compressed%20sun%20glow.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.section-72.contact {
  height: 60vh;
  background-image: linear-gradient(278deg, rgba(0, 0, 0, 0.86), transparent), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f190212f9b7ad103d6ff861_contact%20us%20hero%20image.png");
  background-position: 0px 0px, 50% 20%;
  background-size: auto, cover;
  -webkit-filter: contrast(100%);
  filter: contrast(100%);
}

.collection-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  margin-bottom: 80px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.link-block-17 {
  position: relative;
  width: 60%;
  height: 300px;
  margin-left: 0px;
  border-radius: 3px;
  background-image: linear-gradient(109deg, #012c3e, rgba(8, 118, 127, 0.32)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f190212f9b7ad103d6ff861_contact%20us%20hero%20image.png");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  -webkit-transition: opacity 200ms ease, background-color 300ms ease, -webkit-transform 300ms ease;
  transition: opacity 200ms ease, background-color 300ms ease, -webkit-transform 300ms ease;
  transition: opacity 200ms ease, transform 300ms ease, background-color 300ms ease;
  transition: opacity 200ms ease, transform 300ms ease, background-color 300ms ease, -webkit-transform 300ms ease;
}

.link-block-17:hover {
  border-style: solid;
  border-width: 2px;
  border-color: #05525f;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f190212f9b7ad103d6ff861_contact%20us%20hero%20image.png");
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.div-block-135 {
  width: 70%;
  padding-left: 20px;
}

.body-16 {
  background-color: #000;
}

.blog {
  padding-top: 100px;
}

.image-54 {
  width: 100%;
  height: 500px;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: transparent;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.rich-text-block {
  margin-top: 40px;
  color: #fff;
  font-weight: 300;
}

.newsroom-heading {
  color: #fff;
  font-size: 28px;
  line-height: 38px;
}

.text-block-20 {
  color: rgba(255, 255, 255, 0.43);
}

.nav-pop-up {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  -webkit-perspective-origin: 50% 0%;
  perspective-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.nav-link-landing-page {
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  padding: 12px;
  -webkit-transition: color 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  transition: color 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  transition: color 300ms ease, transform 300ms ease, opacity 200ms ease;
  transition: color 300ms ease, transform 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-link-landing-page:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  color: #006781;
}

.lottie-animation-35 {
  width: 50px;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  cursor: pointer;
}

.lottie-animation-35:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.body-17 {
  background-color: #000;
}

.div-block-138 {
  display: none;
  background-image: linear-gradient(316deg, #000, rgba(0, 0, 0, 0.3)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f19e5408b5f6c8a9812a1d1_ocean%20%20%20top%20down.jpg");
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
}

.about-video-section {
  display: none;
}

.body-18 {
  background-color: #000;
}

.section-77 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(65, 117, 127, 0.3)), color-stop(64%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f2875b9f2205a518fc8ac10_mt%20stars%20blue.jpg");
  background-image: linear-gradient(0deg, rgba(65, 117, 127, 0.3), transparent 64%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f2875b9f2205a518fc8ac10_mt%20stars%20blue.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

._80vw-60vw-container {
  width: 80vw;
  max-width: 80vw;
  margin: -2px auto;
  padding-top: 50px;
  padding-bottom: 59px;
}

.rich-text-block-2 {
  color: #fff;
  font-size: 14px;
}

.body-19 {
  background-color: #000;
}

.privacy-hero-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f288f7d449cb8220a05d7b5_black%20sand%20ocean.jpg");
  background-position: 50% 0%;
  background-size: cover;
}

.rich-text-block-3 {
  overflow: hidden;
  color: #fff;
}

.official-navbar {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 55;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 10px 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.official-navbar.reserve {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.lottie-animation-38 {
  width: 120px;
  padding-top: 0px;
}

.lottie-animation-39 {
  display: block;
  width: 100px;
  height: 25px;
  margin-right: 0px;
  padding-top: 0px;
}

.lottie-animation-39:active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.menu-div-icon {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
  cursor: pointer;
}

.menu-div-icon:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.menu-pop-up-official {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: linear-gradient(314deg, rgba(0, 0, 0, 0.93), rgba(0, 0, 0, 0.61) 72%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f19e5408b5f6c8a9812a1d1_ocean%20%20%20top%20down.jpg");
  background-position: 0px 0px, 0% 0%;
  background-size: auto, cover;
  -webkit-filter: saturate(111%) contrast(106%);
  filter: saturate(111%) contrast(106%);
}

.menu-links-official {
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 9px;
  -webkit-transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, opacity 200ms ease;
  transition: transform 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.menu-links-official:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  color: #000;
}

.menu-links-official.tech_hide {
  display: none;
}

.menu-official-container-links {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 19px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo-link-home {
  margin-left: 0px;
}

.logo-link-home.w--current {
  margin-right: 0px;
  -webkit-transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, opacity 200ms ease;
  transition: transform 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
}

.logo-link-home.w--current:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.lottie-animation-40 {
  width: 300px;
  margin-bottom: 0px;
  padding-right: 15px;
  -webkit-filter: none;
  filter: none;
}

.home-hero-slider {
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.slide-14 {
  overflow: hidden;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f358fd8d9a146f333f3f981_Hyp_main_00a.jpg");
  background-position: 50% 50%;
  background-size: cover;
  -webkit-filter: brightness(112%);
  filter: brightness(112%);
}

.slide-15 {
  overflow: hidden;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33b3e232b3f1b0d28690e6_XP1_rear.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.slide-nav {
  overflow: hidden;
  opacity: 0;
}

.slide-16 {
  overflow: hidden;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f2da0ff8d0a2b97f612b06b_Profile%20xp1.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.left-arrow {
  opacity: 0;
}

.right-arrow {
  opacity: 0;
}

.heading-140 {
  color: #fff;
  font-size: 97px;
  line-height: 70px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.text-span-41 {
  font-size: 44px;
  font-weight: 300;
}

.heading-141 {
  padding-left: 51px;
  color: #fff;
  font-weight: 200;
  text-align: center;
  letter-spacing: 45px;
}

.div-block-143 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-79 {
  overflow: hidden;
}

.body-20 {
  background-color: #000;
}

.tech_hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-142 {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 58px;
  color: #fff;
  font-size: 33px;
  font-weight: 100;
  letter-spacing: 34px;
  text-transform: uppercase;
}

.heading-142.tech {
  padding-left: 35px;
}

.background-video-34 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.57)), color-stop(50%, transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.57), transparent 50%);
}

.section-81 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-55 {
  position: static;
  width: 90vw;
  height: 70vh;
  border-radius: 3px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 10%;
  object-position: 50% 10%;
}

.lightbox-link-5 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
}

.lottie-animation-41 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  width: 100px;
  height: 100px;
  margin: auto;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.lottie-animation-41:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.launch_video_divbutton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
}

.launch_video_divbutton:hover {
  background-color: #fff;
  color: #000;
}

.text-block-22 {
  text-decoration: none;
}

.lightbox-link-6 {
  text-decoration: none;
}

.lightbox-link-6:hover {
  color: #fff;
}

.text-span-45 {
  margin-right: 10px;
  font-size: 20px;
}

.text-span-46 {
  margin-right: 10px;
  font-size: 22px;
}

.section-83 {
  position: relative;
  height: 200vh;
}

.columns-15 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100vh;
}

.column-34 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.43)), color-stop(20%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.55)), color-stop(24%, #fff));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.43), transparent 20%), linear-gradient(180deg, rgba(0, 0, 0, 0.55), #fff 24%);
  background-size: auto, auto;
}

.column-35 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-42 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-filter: contrast(96%);
  filter: contrast(96%);
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}

.heading-143 {
  color: #fff;
}

.container-4 {
  position: static;
  padding-right: 59px;
  padding-left: 59px;
}

.paragraph-37 {
  color: #fff;
  font-weight: 200;
}

.blue_gradient_aboutvideo {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  border-radius: 3px;
  background-image: linear-gradient(292deg, rgba(0, 0, 0, 0.56), rgba(0, 104, 148, 0.63));
}

.slide-nav-2 {
  opacity: 0;
}

.div-block-144 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-arrow-2 {
  opacity: 0;
}

.right-arrow-2 {
  opacity: 0;
}

.link-block-18 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  overflow: hidden;
}

.div-block-145 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.body-21 {
  padding-right: 0%;
  padding-left: 0%;
  background-color: #000;
}

.section-84 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(94deg, rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.3)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f35c8be603d99797f6d0827_Stars_careers_bg.jpg");
  background-position: 0px 0px, 50% 25%;
  background-size: auto, cover;
  -webkit-filter: saturate(135%);
  filter: saturate(135%);
}

.heading-144 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  font-weight: 200;
  letter-spacing: 4.5px;
  text-transform: uppercase;
}

.careers_container {
  width: 80vw;
  max-width: 80vw;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

.field-label-2 {
  color: #fff;
}

.form_label_text {
  margin-bottom: 0px;
  color: #fff;
}

.text-block-23 {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
}

.body-22 {
  background-color: #000;
}

.hero_invest {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3aca10725ac738d8bbc870_caleb-george-Lh6X0gXu7eg-unsplash.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3aca10725ac738d8bbc870_caleb-george-Lh6X0gXu7eg-unsplash.jpg");
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
}

.form_text_field {
  height: 45px;
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: #000 #000 #fff;
  border-radius: 0px;
  background-color: transparent;
  -webkit-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
  color: #fff;
}

.form_text_field:hover {
  border-width: 0px 0px 2px;
  border-color: #055f66;
}

.button-7 {
  border: 0px solid #000;
  border-radius: 3px;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.button-7:hover {
  background-color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.text {
  font-size: 12px;
  font-weight: 600;
}

.form-2 {
  position: static;
  padding: 40px;
  border-radius: 15px;
  background-color: #000;
}

.text_field_flex_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.text_field_wrap {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-150 {
  width: 60px;
}

.section-85 {
  padding-top: 62px;
  padding-bottom: 62px;
}

.success-message-3 {
  background-image: linear-gradient(162deg, #023243, #08757e);
}

.text-block-24 {
  color: #fff;
}

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

.recharge_section {
  overflow: hidden;
  height: 100vh;
}

.columns-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
}

.column-38 {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.column-39 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-right: 99px;
  padding-left: 99px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.div-block-153 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  margin: 0px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3d922678e2397235b154ae_charging-close-up.jpg");
  background-position: 65% 50%;
  background-size: cover;
  background-repeat: repeat;
  background-attachment: scroll;
}

.text-block-25 {
  margin-top: 0px;
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.battery_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 36px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text_span_light {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.recharge_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.battery_bar {
  width: 70px;
  height: 25px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#024400), to(#2dd427));
  background-image: linear-gradient(0deg, #024400, #2dd427);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.battery_bar.hydrogen {
  position: relative;
  height: 400px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00e5ff), to(#002324));
  background-image: linear-gradient(180deg, #00e5ff, #002324);
}

.hydrogen_container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-156 {
  width: 35px;
  height: 100px;
}

.heading-146 {
  color: #fff;
  font-size: 39px;
  text-transform: uppercase;
}

.text-span-47 {
  font-size: 14px;
  font-weight: 300;
}

.text-block-26 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 500;
}

.text-span-48 {
  font-size: 12px;
  font-weight: 300;
}

.div-block-157 {
  margin-bottom: 30px;
}

.paragraph-38 {
  display: none;
  margin-top: 50px;
  color: #fff;
}

.charging_section_start {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(31%, transparent)), -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(43%, transparent));
  background-image: linear-gradient(0deg, #000, transparent 31%), linear-gradient(180deg, #000, transparent 43%);
  background-position: 0px 0px, 0px 0px;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.heading-147 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 60px;
  letter-spacing: 10px;
  text-transform: uppercase;
}

.heading-148 {
  margin-top: 20px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 200;
  letter-spacing: 28px;
  text-transform: uppercase;
}

.text-span-49 {
  letter-spacing: 2px;
  text-transform: none;
}

.text-span-50 {
  font-size: 18px;
  font-weight: 400;
}

.text-span-51 {
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: none;
}

.div-block-158 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(26%, #000), to(transparent));
  background-image: linear-gradient(0deg, #000 26%, transparent);
}

.sub_tech_menu {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: auto;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
}

.link-5 {
  padding: 7px;
  border-bottom: 1px solid #818181;
  -webkit-transition: opacity 500ms ease, -webkit-transform 400ms ease;
  transition: opacity 500ms ease, -webkit-transform 400ms ease;
  transition: transform 400ms ease, opacity 500ms ease;
  transition: transform 400ms ease, opacity 500ms ease, -webkit-transform 400ms ease;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.link-5:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.lottie-animation-43 {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 50px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.link-block-19 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
  margin-bottom: 50px;
}

.section-86 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(38%, transparent)), -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(54%, transparent));
  background-image: linear-gradient(180deg, #000, transparent 38%), linear-gradient(0deg, #000, transparent 54%);
  background-position: 0px 0px, 0px 0px;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  -webkit-filter: hue-rotate(169deg);
  filter: hue-rotate(169deg);
}

.heading-149 {
  padding-left: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 24.5px;
  text-transform: uppercase;
}

.heading-150 {
  margin-bottom: 50px;
  opacity: 1;
  font-family: Montserrat, sans-serif;
  font-size: 129px;
  line-height: 100px;
}

.grid-5 {
  overflow: hidden;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.section-87 {
  height: 100vh;
}

.columns-17 {
  height: 100vh;
}

.column-40 {
  height: 100vh;
}

.column-41 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.car_png {
  position: absolute;
  width: 350px;
}

.heading-151 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 463px;
  line-height: 450px;
  text-transform: uppercase;
}

._1000mi_scroll {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: none;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.body-23 {
  overflow: visible;
  background-color: #111;
}

.section-88 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: 100vh;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-164 {
  width: 100%;
  max-width: 100%;
}

.grey_div {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  bottom: 0px;
  z-index: 20;
  width: 100%;
  height: 70px;
  background-color: #111;
}

.chargin_tech_section {
  position: relative;
  display: none;
  background-color: #000;
}

.chargin_tech_section.live {
  display: block;
  margin-top: 0px;
}

._1000mi_stick_div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 200vh;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

._1000mi_range_sticky_div {
  position: relative;
  height: 250vh;
}

.div-block-167 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 80vw;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-152 {
  display: block;
  font-size: 75px;
  line-height: 70px;
  text-align: center;
  letter-spacing: 20px;
  text-transform: uppercase;
}

.section-91 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  color: #fff;
}

.heading-157 {
  margin-top: 0px;
  color: #000;
  font-size: 90px;
  line-height: 100px;
  font-weight: 700;
  text-align: center;
}

.heading-158 {
  color: #000;
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
}

.heading-159 {
  margin-top: 0px;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase;
}

.gallary_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33c5438fa5cbc75f792ee2_Hyp_rear_3_quarter.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.gallery_sticky_warpper {
  position: relative;
  overflow: visible;
  height: 250vh;
}

.gallery {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.centered-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.gallery-grid-container {
  display: -ms-grid;
  display: grid;
  margin-top: 0px;
  -ms-grid-row-align: center;
  align-self: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto 20px auto;
  grid-template-rows: auto auto;
}

.gallery-lightbox {
  position: relative;
  overflow: hidden;
  margin-right: 0px;
  margin-left: 0px;
}

.gallery-thumbnail {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.gallery-thumbnail:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.heading-164 {
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  font-family: Montserrat, sans-serif;
  color: #000;
  font-size: 54px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0px;
}

.heading-164.white {
  color: #fff;
}

.gallery_heading_container {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding-top: 80px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.gallery_heading_container.interior {
  padding-top: 110px;
}

.black_div_fade_gallery {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-color: #000;
  opacity: 0.72;
}

.section-94 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.black_div_1000mi {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.85);
}

.text-block-27.white {
  color: #fff;
}

.lottie_car_role_desktop {
  width: 100%;
  height: 100vh;
  margin-top: 0px;
  padding-bottom: 34px;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hero_sticky_scroll_wrapper {
  position: relative;
  height: 200vh;
}

.lottie_xp1_roll_vertical {
  display: none;
}

.section-95 {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bg-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  height: 100%;
  margin: auto;
}

.bg-image.hero_about {
  height: 110%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.94)), color-stop(28%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce88596605c0d89559c_XP1_Front_HQ.png");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.94), transparent 28%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce88596605c0d89559c_XP1_Front_HQ.png");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  -webkit-filter: saturate(120%);
  filter: saturate(120%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.tech_home_section {
  position: relative;
  display: none;
  overflow: hidden;
  min-height: 100vh;
}

.tech_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: linear-gradient(358deg, rgba(0, 0, 0, 0.74) 25%, transparent), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7df65fa99720819a03fa0b_xp1-drone-screenshot_compressed.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  opacity: 1;
  -webkit-filter: saturate(116%);
  filter: saturate(116%);
}

.xp1_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6a6f590dbf04f63594b1b2_xp1-3-4-zoomed-out.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.xp1_bg_image.tech {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502413bccae2895ea44a3_top-tron-xp1.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.heading-165 {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 25px;
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 30px;
  text-transform: uppercase;
}

.heading-165.about {
  margin-top: 0px;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 60px;
  line-height: 50px;
  font-weight: 400;
  text-align: center;
}

.section-97 {
  position: relative;
  height: 100vh;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0px 0px;
  background-size: auto;
}

.sf_bg_only {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), color-stop(39%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5c06b59364d55c5720e0b2_SF-bg-only-compressed.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45), transparent 39%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5c06b59364d55c5720e0b2_SF-bg-only-compressed.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.xp1_sf {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5c075100a088d2a61650c7_xp1_caronly_sf.png");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-174 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-166 {
  color: #fff;
  font-size: 60px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 20px;
  text-transform: uppercase;
}

.text-span-57 {
  color: #fff;
  font-size: 20px;
  letter-spacing: 25px;
}

.performance-section {
  position: relative;
  display: block;
  height: 100vh;
}

.performance_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce6e5df476867856122_XP1-Profile-in-motion.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-175 {
  width: 150px;
}

.grid-6 {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  max-width: 80vw;
  min-width: 80vw;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-6.order-now {
  position: static;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid-6.order {
  display: none;
}

.grid-6.order_xp1 {
  max-width: 90%;
  min-width: 90%;
}

.spec_div_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: auto;
  height: auto;
  padding-top: 0px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: #fff #fff #bbb;
  border-radius: 1px;
}

.spec_div_wrapper.order {
  border-bottom-color: #b1b1b1;
}

.specs_text {
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.specs_feature_text {
  margin-top: 15px;
  color: #fff;
  font-size: 60px;
  line-height: 60px;
  font-weight: 400;
  background-clip: border-box;
}

.specs_feature_text.black {
  color: #000;
}

.body-24 {
  background-color: #000;
}

.tech_hero_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  overflow: hidden;
  height: 120%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0.88)), color-stop(22%, transparent)), -webkit-gradient(linear, right top, left top, from(#000), color-stop(83%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d1bd9ec95624e9210406b_Hyperion%20side%20engine%20pre%20teaser.jpg"), -webkit-gradient(linear, left top, left bottom, from(#003850), color-stop(28%, #81bad4), color-stop(51%, transparent), to(#000)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce79f779a703d4b6060_XP1-3-4_rear_palms.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.88) 5%, transparent 22%), linear-gradient(270deg, #000, transparent 83%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d1bd9ec95624e9210406b_Hyperion%20side%20engine%20pre%20teaser.jpg"), linear-gradient(180deg, #003850, #81bad4 28%, transparent 51%, #000), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce79f779a703d4b6060_XP1-3-4_rear_palms.jpg");
  background-position: 0px 0px, 0px 0px, 50% 50%, 0px 0px, 50% 50%;
  background-size: auto, auto, cover, auto, cover;
}

.tech_secondary_nav_wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 80%;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tech_anchor_linkblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 0px solid #fff;
  -webkit-transition: opacity 350ms ease, background-color 300ms ease;
  transition: opacity 350ms ease, background-color 300ms ease;
  text-decoration: none;
}

.tech_anchor_linkblock:hover {
  border-right-width: 0px;
  background-image: linear-gradient(125deg, rgba(0, 187, 224, 0.72), rgba(0, 48, 60, 0.38));
}

.text-block-28 {
  color: #fff;
  text-decoration: none;
}

.lucid_replicate_nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.tech_nav_wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 16em;
  padding-left: 0vw;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tech_nav_wrapper.range {
  height: 16em;
  padding-left: 0vw;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.heading_tech_nav {
  padding-left: 0px;
  font-weight: 300;
  letter-spacing: 0px;
  text-transform: capitalize;
}

.tech_nav_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce6e5df476867856122_XP1-Profile-in-motion.jpg");
  background-position: 50% 62%;
  background-size: cover;
  background-attachment: fixed;
  cursor: pointer;
}

.tech_nav_bg_image.endurance {
  background-image: linear-gradient(94deg, rgba(19, 57, 66, 0.47), transparent), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f63ef1afe290bb75ca79ec1_XP1-Bush-FG.jpg");
  background-position: 0px 0px, 50% 62%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.tech_nav_bg_image.refuel {
  background-image: linear-gradient(91deg, rgba(147, 131, 131, 0.36), transparent 72%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e9e608069e4ff5057a3e85f_nyc_house_v2_crop_a.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.tech_nav_bg_image.energy {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e59cad50e17067c28736c07_Engine%20exterior%20compressed.jpg");
}

.tech_nav_bg_image.life {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f63f18e073660a41086c747_wind%20mills.jpg");
}

.tech_nav_bg_image.range {
  background-image: linear-gradient(89deg, rgba(219, 150, 132, 0.48), transparent), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f642664f15eb41a9b284b16_xp1%20drone%20screenshot.jpg");
  background-position: 0px 0px, 50% 62%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.tech_nav_bg_image.reuse {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3efec6257927862338cef4_solar%20field%202.jpg");
  background-attachment: fixed;
  -webkit-filter: hue-rotate(3deg);
  filter: hue-rotate(3deg);
}

.tech_headingwrapper {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tech_black_fade {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.59);
  opacity: 1;
}

.lottie-animation-44 {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  margin-left: 0px;
}

.link-block-20 {
  margin-left: 0px;
}

.link-block-21 {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.link-block-21.w--current {
  text-decoration: none;
}

.grid-7 {
  overflow: hidden;
  height: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.tech_grid_div_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 250px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid_tech_wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 250px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0px solid #000;
  opacity: 1;
  text-decoration: none;
}

.grid_tech_wrapper:hover {
  color: #fff;
}

.tech_grid_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  height: 500px;
  border: 0px solid #000;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a0072b43c29f4b6b8bb_xp1_s01_s09_doors_up.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
  opacity: 1;
  -webkit-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}

.tech_grid_bg_image:hover {
  opacity: 1;
  color: #fff;
}

.tech_grid_bg_image.endurance {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00870a5d5855077741_xp1_s01_s05_beauty.jpg"), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f63ef1afe290bb75ca79ec1_XP1-Bush-FG.jpg");
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
}

.tech_grid_bg_image.recharge {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00f24ea885332ce627_jonfront34.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.tech_grid_bg_image.reuse {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a0001e6bf70848e361b_john_Rearquarter.jpg"), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f63f18e073660a41086c747_wind%20mills.jpg");
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
}

.tech_grid_bg_image.energy-density {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33b3e232b3f1b0d28690e6_XP1_rear.jpg"), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3da32b3d3c8cb80667fb80_stars%20bg.jpg");
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
}

.tech_grid_bg_image.life-cycle {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e6c8abc75d1ae0f5c97f558_Hyperion%20Home%20Hero%20Mobile%20v2.jpg"), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3aca10725ac738d8bbc870_caleb-george-Lh6X0gXu7eg-unsplash.jpg");
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
}

.heading-167 {
  position: relative;
  z-index: 4;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 30px;
  font-weight: 400;
}

.heading-167:hover {
  color: #fff;
}

.image-56 {
  position: static;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
}

.expand_icon {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 5;
  margin-top: 20px;
  margin-right: 20px;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 50%;
}

.button_wrapper_techgrid {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0px solid #000;
}

.div-block-177 {
  width: 200px;
  height: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
}

.click_explore_button {
  position: relative;
  padding: 10px 24px;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
}

.text-block-29 {
  position: relative;
  z-index: 3;
  font-weight: 300;
}

.button_white_slide-in {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 1;
  width: 0%;
  height: 100%;
  background-color: #fff;
  background-image: none;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.div-block-178 {
  width: 100%;
  height: auto;
  padding: 131px 114px;
  background-color: #1b1b1b;
  background-image: linear-gradient(105deg, #1c435a, #011d2a);
  color: #000;
  font-style: normal;
}

.div-block-178.lucid {
  background-color: #dbd4c5;
  background-image: linear-gradient(180deg, #585e63, #585e63), linear-gradient(105deg, #1c435a, #011d2a);
}

.div-block-178.lucid-grye {
  padding: 128px 0px;
  background-color: #000;
  background-image: none;
}

.grey-background {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding-top: 41px;
  padding-bottom: 41px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1b1b1b;
}

.paragraph-39 {
  margin-bottom: 0px;
  color: #fff;
  font-size: 40px;
  line-height: 45px;
  font-style: normal;
  font-weight: 300;
}

.paragraph-39.black {
  color: #fff;
  line-height: 50px;
}

.text-block-30 {
  margin-top: 20px;
  color: #d4d4d4;
  font-weight: 400;
}

.text-block-30.black {
  color: #006e85;
  font-weight: 400;
  background-clip: border-box;
}

.container-5 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-span-58 {
  background-color: #000;
  color: #fff;
}

.text-span-59 {
  background-color: #000;
  color: #fff;
}

.text-block-31 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-179 {
  width: 300px;
  height: 50px;
  background-color: #1b1b1b;
}

.div-block-180 {
  width: 300px;
  height: 50px;
  background-color: #0f4b6f;
  background-image: linear-gradient(103deg, #0f4b6f, #002d44);
  color: #08f;
}

.div-block-181 {
  width: 300px;
  height: 60px;
  background-color: #063955;
}

.blue_textblock_bg_black {
  color: #006185;
}

.homepage_headings_h1 {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-left: 0px;
  color: #fff;
  font-size: 45px;
  line-height: 63px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.homepage_headings_h1.white {
  padding-left: 15px;
  color: #fff;
  font-weight: 400;
}

.homepage_headings_h1.white.home_hero {
  padding-left: 64px;
  font-size: 45px;
  line-height: 60px;
  font-weight: 300;
  letter-spacing: 60px;
}

.homepage_headings_h1.white.about {
  padding-left: 0px;
}

.homepage_headings_h1.whitesub {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 45px;
  letter-spacing: 0px;
}

.homepage_headings_h1.specs {
  margin-bottom: 40px;
}

.text-block-32 {
  margin-top: 50px;
  text-align: center;
}

.home_hero_container {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.heading-168 {
  background-color: #00ff48;
  text-align: center;
}

.div-block-182 {
  width: 200px;
  height: 50px;
}

.main_button_black {
  position: relative;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 50px;
  margin: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  -webkit-transition-property: none;
  transition-property: none;
  color: #000;
  text-decoration: none;
}

.main_button_black.open_doors {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}

.main_button_textblock {
  position: relative;
  z-index: 4;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.black_button_fill_ani {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 2;
  width: 0%;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #000;
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -o-object-fit: fill;
  object-fit: fill;
}

.div-block-183 {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 50px;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #000;
  background-color: transparent;
}

.div-block-184 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 0px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  background-color: #00ffbf;
  -webkit-transition: width 350ms ease;
  transition: width 350ms ease;
}

.div-block-184:hover {
  width: 200px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.div-block-185 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 200px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0, 255, 17, 0.51);
  opacity: 1;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.div-block-185:hover {
  width: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.div-block-186 {
  width: 200px;
  height: 50px;
  margin-top: 20px;
  background-color: #c300ff;
  -webkit-transition: background-color 350ms ease;
  transition: background-color 350ms ease;
}

.div-block-186:hover {
  background-color: #00ff40;
}

.div-block-189 {
  width: 300px;
  height: 2px;
  margin: 19px 0px;
  background-color: #000;
}

.main_button_white {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 50px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  text-decoration: none;
}

.main_button_white:hover {
  color: #fff;
}

.div-block-191 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.text-block-33 {
  position: relative;
  z-index: 4;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
}

.white-_button_fill_anim {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 2;
  width: 0%;
  height: 100%;
  background-color: #fff;
}

.lottie-animation-45 {
  width: 300px;
}

.home_spec_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 90vw;
  min-width: 80vw;
  margin-bottom: 60px;
  padding-top: 9px;
  padding-bottom: 9px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-46 {
  width: 300px;
}

.white_div_gradient {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(17%, #fff), color-stop(45%, transparent));
  background-image: linear-gradient(0deg, #fff 17%, transparent 45%);
}

.sub_header_grey {
  color: #555;
  font-size: 14px;
  line-height: 23px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: none;
}

.black_div_fade_in {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: none;
}

.text-block-34 {
  color: #fff;
  font-size: 10px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.text-block-34.black {
  margin-top: -20px;
  color: #2c2c2c;
  text-align: center;
}

.div-block-192 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.52)), to(rgba(0, 0, 0, 0.18)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.18));
}

.section-98 {
  display: block;
  height: 100vh;
  padding-top: 0px;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(61%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6ac55caf238532eb9137e2_xp1-fall-compressed.jpg");
  background-image: linear-gradient(0deg, #000, transparent 61%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6ac55caf238532eb9137e2_xp1-fall-compressed.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.div-block-193 {
  margin-bottom: 20px;
}

.section-99 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.div-block-194 {
  position: relative;
  z-index: 20;
  width: 800px;
  height: 450px;
}

.div-block-195 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 50%;
  height: 100%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f19e5408b5f6c8a9812a1d1_ocean%20%20%20top%20down.jpg");
  background-position: 0% 50%;
  background-size: cover;
}

.lightbox-link-7 {
  width: 100%;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.div-block-196 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6ad3335cd61dfe04efff8a_angelo%20pic.png");
  background-position: 50% 50%;
  background-size: cover;
  -webkit-filter: contrast(105%);
  filter: contrast(105%);
}

.lottie-animation-47 {
  position: relative;
  z-index: 50;
  width: 75px;
  height: 75px;
}

.video_parallax_section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tech_video_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(146deg, transparent 21%, rgba(0, 0, 0, 0.81) 70%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7256a2f0d2bbbbe6b8ede6_ocean_dark.jpg");
  background-position: 0px 0px, 0% 0%;
  background-size: auto, cover;
  -o-object-fit: fill;
  object-fit: fill;
}

.div-block-198 {
  width: 80%;
  height: 80%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 50%;
  background-size: cover;
}

.tech_bg_colum_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 110%;
  height: 110%;
  margin-top: -15px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6ac7e80a94051ae9efcace_mt%20with%20water.jpg");
  background-position: 0% 50%;
  background-size: cover;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}

.video_div_wrapper_bg_image {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  height: 450px;
  margin: 0px auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(137deg, #003a4b, transparent), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33c5438fa5cbc75f792ee2_Hyp_rear_3_quarter.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  -webkit-transition: -webkit-transform 1000ms ease;
  transition: -webkit-transform 1000ms ease;
  transition: transform 1000ms ease;
  transition: transform 1000ms ease, -webkit-transform 1000ms ease;
}

.video_div_wrapper_bg_image:hover {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.video_div_wrapper_bg_image.range {
  background-image: linear-gradient(137deg, rgba(0, 58, 75, 0.75), transparent 80%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a0072b43c29f4b6b8bb_xp1_s01_s09_doors_up.jpg");
  -webkit-filter: contrast(105%);
  filter: contrast(105%);
}

.video_div_wrapper_bg_image.about {
  background-image: linear-gradient(154deg, #003a4b, transparent), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502413bccae2895ea44a3_top-tron-xp1.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.lottie-animation-48 {
  width: 75px;
  margin-right: 20px;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.lottie-animation-48:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.div-block-201 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-169 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.text-block-35 {
  color: #fff;
  font-size: 14px;
  font-weight: 200;
}

.div-block-202 {
  max-width: 85vw;
  min-width: 85vw;
  margin-right: auto;
  margin-left: auto;
}

.body-25 {
  background-color: #000;
}

.tech_pop_hero_section {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-170 {
  margin-top: 0px;
  padding-left: 8px;
  color: #fff;
  font-size: 80px;
  line-height: 70px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.text-block-36 {
  padding-left: 20px;
  color: #006185;
  font-weight: 500;
  text-align: center;
  letter-spacing: 20px;
  text-transform: uppercase;
}

.lottie-animation-49 {
  width: 50px;
}

.scroll_down_wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.range_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00870a5d5855077741_xp1_s01_s05_beauty.jpg"), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00f24ea885332ce627_jonfront34.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00870a5d5855077741_xp1_s01_s05_beauty.jpg"), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00f24ea885332ce627_jonfront34.jpg");
  background-position: 0px 0px, 50% 50%, 50% 50%;
  background-size: auto, cover, cover;
}

.range_bg_image.endurance {
  height: 110%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00870a5d5855077741_xp1_s01_s05_beauty.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00870a5d5855077741_xp1_s01_s05_beauty.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.range_bg_image.endurance.recharge {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 54, 65, 0.55)), color-stop(49%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00f24ea885332ce627_jonfront34.jpg");
  background-image: linear-gradient(180deg, rgba(0, 54, 65, 0.55), transparent 49%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a00f24ea885332ce627_jonfront34.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.range_bg_image.range {
  height: 130%;
  margin-top: -61px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(46%, rgba(0, 0, 0, 0.43)), to(rgba(0, 0, 0, 0.49))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a0072b43c29f4b6b8bb_xp1_s01_s09_doors_up.jpg");
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.43) 46%, rgba(0, 0, 0, 0.49)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a0072b43c29f4b6b8bb_xp1_s01_s09_doors_up.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.range_bg_image.energy {
  height: 115%;
  margin-top: -40px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502429935a22a8c17f3ca_xp1-engine-close-up.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502429935a22a8c17f3ca_xp1-engine-close-up.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.range_bg_image.life_cycle {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7cab7012a6003c5dbe4e52_track_top_shot_compressed.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7cab7012a6003c5dbe4e52_track_top_shot_compressed.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.div-block-203 {
  position: relative;
  z-index: 3;
}

.exit_wrapper_fixed {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 9200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 157px;
  padding-left: 157px;
  clear: none;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.exit_button_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: -webkit-transform 450ms ease;
  transition: -webkit-transform 450ms ease;
  transition: transform 450ms ease;
  transition: transform 450ms ease, -webkit-transform 450ms ease;
  cursor: pointer;
}

.exit_button_wrapper:hover {
  -webkit-transform: scale(1.1) rotate(180deg);
  -ms-transform: scale(1.1) rotate(180deg);
  transform: scale(1.1) rotate(180deg);
}

.exit_button_wrapper.w--current {
  margin-right: 0px;
  margin-left: 0px;
}

.image-57 {
  width: 35px;
  height: 35px;
}

.range_tech_page_wrapper {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.div-block-204 {
  width: 50%;
  height: 2px;
  background-color: #fff;
}

.div-block-205 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #fff;
}

.text-block-37 {
  padding-left: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.image-58 {
  width: 25px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.section-101 {
  height: 100vh;
  background-color: #d15454;
}

.div-block-206 {
  position: absolute;
}

.div-block-207 {
  overflow: scroll;
}

.div-block-208 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tech_nav_wrapper_section {
  position: relative;
  overflow: visible;
}

.div-block-209 {
  width: 150px;
  height: 50px;
  border: 2px solid #fff;
}

.link-block-22 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 50px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #fff;
  -webkit-transition: background-color 400ms ease, opacity 200ms ease;
  transition: background-color 400ms ease, opacity 200ms ease;
  color: #fff;
  text-decoration: none;
}

.link-block-22:hover {
  background-color: #fff;
}

.image-59 {
  width: 25px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.text-block-38 {
  padding-left: 10px;
}

.tech_progress_bar {
  width: 60%;
  height: 1px;
  border: 0px solid #fff;
  background-color: #fff;
}

.body-26 {
  background-color: #000;
}

.heading-171 {
  color: #fff;
}

.section-102 {
  overflow: hidden;
  height: auto;
  background-color: transparent;
}

.columns-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.column-42 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-43 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-60 {
  position: relative;
  z-index: 15;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.div-block-210 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#999));
  background-image: linear-gradient(180deg, #999, #999);
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.heading-172 {
  margin-bottom: 40px;
  color: #fff;
  font-size: 46px;
  line-height: 48px;
  font-weight: 600;
  text-transform: capitalize;
}

.heading-172.denser {
  margin-top: 0px;
}

.heading-172.weight {
  margin-top: 0px;
  margin-bottom: 60px;
  color: #0090c5;
  font-weight: 300;
  text-align: center;
}

.heading-172.weight.battery {
  color: #048000;
}

.div-block-211 {
  position: relative;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  width: 70%;
}

.paragraph-40 {
  color: #fff;
  line-height: 26px;
  font-weight: 300;
}

.section-103 {
  position: relative;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

.lottie-animation-50 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 20px;
}

.scroll_wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-51 {
  width: 50px;
}

.div-block-212 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  width: 80%;
  height: 50px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  background-image: linear-gradient(108deg, #002129, #0082b9);
}

._1000mi_wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  margin-bottom: 40px;
}

.heading-173 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 60px;
  text-align: center;
  text-transform: uppercase;
}

.heading-173.range {
  padding-left: 84px;
  font-size: 20px;
  letter-spacing: 60px;
}

.column-44 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-45 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-213 {
  width: 75px;
  height: 500px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009ec5), to(#012e35));
  background-image: linear-gradient(180deg, #009ec5, #012e35);
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.div-block-214 {
  position: relative;
  width: 70px;
  height: 200px;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.div-block-214.hydrogen {
  position: relative;
  height: 400px;
  background-image: none;
}

.div-block-215 {
  padding: 16px;
}

.text-block-39 {
  margin-bottom: 30px;
  padding-left: 3px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.text-block-40 {
  margin-bottom: 5px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
}

.text-block-41 {
  padding-left: 30px;
  color: #fff;
  font-weight: 300;
  text-align: center;
  letter-spacing: 27px;
  text-transform: uppercase;
}

.columns-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.div-block-216 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-104 {
  height: 100px;
}

.paragraph-41 {
  color: #fff;
}

.column-46 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.column-46.solar {
  padding-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.columns-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.column-47 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 135px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.div-block-217 {
  max-width: 80vw;
  min-width: 80vw;
  margin-right: auto;
  margin-left: auto;
  padding-top: 108px;
  padding-bottom: 108px;
}

.text-block-42 {
  color: #006185;
  font-size: 20px;
  text-transform: capitalize;
}

.map_range_section {
  height: auto;
  padding-top: 169px;
  padding-bottom: 169px;
  background-color: transparent;
}

.div-block-218 {
  width: 70px;
  height: 200px;
}

.column-48 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.column-49 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.column-49._24hrs {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.div-block-219 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 70%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 7px;
  background-color: #1f1f1f;
}

.columns-21 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tabs {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.tab-pane-tab-1-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

.tabs-menu-2 {
  margin-right: auto;
  margin-left: auto;
}

.tab-pane-tab-1-3 {
  height: 50vh;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f726173d209346a636fe924_hyperion_dark_map.png");
  background-position: 50% 50%;
  background-size: cover;
  -webkit-filter: brightness(200%) grayscale(100%);
  filter: brightness(200%) grayscale(100%);
}

.tabs-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.section-105 {
  position: relative;
  height: 100vh;
}

.tabs-menu-3 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tabs-menu-4 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 500px;
  margin-right: 0px;
  margin-left: 0px;
}

.tabs-menu-5 {
  position: absolute;
}

.lottie-animation-52 {
  width: 100%;
  height: auto;
}

.map_container {
  width: 60%;
  padding: 0px;
  border: 1px solid #fff;
}

.tech_bg {
  width: 80vw;
  height: 110%;
  max-width: 80vw;
  margin-right: auto;
  margin-left: auto;
  background-image: linear-gradient(150deg, rgba(19, 141, 165, 0.35), transparent 49%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7276b33405af555b3af0ae_profile-jon-with-spin_00000-6k.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.section-106 {
  overflow: hidden;
  height: 60vh;
}

.section-107 {
  height: auto;
}

.column-50 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.column-51 {
  height: 80vh;
  padding: 0px;
}

.div-block-220 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f72817af79c1c512317a893_longer-range_cold_xp1.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-220.winter {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7256a2f0d2bbbbe6b8ede6_ocean_dark.jpg");
}

.div-block-220.hot {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce6e5df476867856122_XP1-Profile-in-motion.jpg");
}

.enduance_overlay {
  position: absolute;
  left: 16%;
  top: 7%;
  right: auto;
  bottom: auto;
  z-index: 5;
  width: 100%;
  height: 300px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f72817af79c1c512317a893_longer-range_cold_xp1.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.enduance_overlay.hot {
  left: auto;
  top: auto;
  right: 3%;
  bottom: -12%;
  z-index: 11;
  width: 80%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6ab63d2c8d3bb9753e71d6_XP1-Profile-in-motion-full-res-with-glow.jpg");
}

.section-108 {
  height: 100vh;
}

.section-109 {
  height: auto;
}

.column-52 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-53 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.temp_bar {
  width: 5px;
  height: 70%;
  margin-left: 20px;
  border-radius: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(#0081a2));
  background-image: linear-gradient(180deg, red, #0081a2);
}

.div-block-222 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.text-block-43 {
  color: #fff;
}

.div-block-223 {
  overflow: hidden;
  width: 100vw;
  height: 100%;
  max-width: 100vw;
  margin-right: auto;
  margin-left: auto;
}

.background-video-35 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 110%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.section-110 {
  overflow: hidden;
  height: 100vh;
}

.div-block-224 {
  width: 90vw;
  max-width: 90vw;
  margin-right: auto;
  margin-left: auto;
}

.lottie-animation-53 {
  width: 300px;
}

.div-block-225 {
  width: 85%;
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.column-54 {
  height: auto;
  padding-right: 20px;
  padding-left: 0px;
}

.column-55 {
  height: auto;
  padding-right: 0px;
  padding-left: 20px;
}

.section-111 {
  padding-top: 46px;
  padding-bottom: 102px;
}

.heading-174 {
  font-size: 25px;
  line-height: 23px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.text-span-60 {
  padding-left: 8px;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 13px;
}

.text-span-61 {
  padding-left: 7px;
  letter-spacing: 10px;
}

.div-block-226 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
  margin-top: 40px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
}

.div-block-227 {
  width: 10px;
  height: 10px;
  margin-left: 0px;
  background-color: #007eac;
}

.div-block-227.green {
  background-color: #f11919;
}

.text-block-44 {
  color: #fff;
}

.div_comparison_container {
  width: 80%;
}

.heading-175 {
  margin-bottom: 30px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.columns-22 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.recharge_bg_image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: 80vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3d902803f5a8d40671d45a_XP1-charger.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.text-span-62 {
  font-weight: 300;
  text-transform: capitalize;
}

.section-112 {
  overflow: hidden;
  height: auto;
}

.column-56 {
  height: 100vh;
}

.column-57 {
  height: 100vh;
}

.div-block-228 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 91px;
  margin-left: 122px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.lottie-animation-54 {
  width: 35px;
  height: 35px;
  margin-top: 0px;
  margin-right: 20px;
  margin-left: 0px;
}

.div-block-229 {
  position: relative;
  width: 200px;
  height: 300px;
  border: 0px solid #fff;
  border-radius: 5px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3d922678e2397235b154ae_charging-close-up.jpg");
  background-position: 65% 50%;
  background-size: cover;
}

.div-block-230 {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 200px;
  height: auto;
  margin-bottom: 0px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.85);
}

.text-block-45 {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}

.section-113 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.tech_div_wrapper {
  position: relative;
  width: 200px;
  height: 300px;
  margin-right: 20px;
  margin-left: 20px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6c3a0072b43c29f4b6b8bb_xp1_s01_s09_doors_up.jpg");
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: none;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: rotateX(-17deg) rotateY(37deg) rotateZ(0deg);
  transform: rotateX(-17deg) rotateY(37deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.div-block-231 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  box-shadow: 0 14px 33px 0 transparent;
  color: #fff;
}

.text-block-46 {
  letter-spacing: 10px;
  text-transform: uppercase;
}

.div-block-232 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: transparent;
  background-image: linear-gradient(135deg, #0c4458, transparent);
}

.body-27 {
  background-color: #000;
}

.section-114 {
  position: relative;
  height: 100vh;
}

.xp1_hero_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-image: linear-gradient(358deg, #000, transparent 31%), linear-gradient(180deg, rgba(0, 0, 0, 0.46), transparent 36%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f74e6b5358bcf98538b6a73_xp1-surrland.jpg");
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.info_hero_container {
  position: absolute;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.text-block-47 {
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
}

.text-block-48 {
  color: #fff;
  font-size: 40px;
  line-height: 40px;
}

.text-span-63 {
  font-size: 20px;
  font-weight: 400;
}

.div-block-233 {
  padding: 0px 18px;
}

.div-block-234 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3388c39b165fff3039f2bf_XP1_Crane_shot.jpg");
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.div-block-234:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.lightbox-link-8 {
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}

.lottie-animation-55 {
  width: 15%;
}

.xp1_hero_container_v2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.xp1_hero_design_v3 {
  position: relative;
  height: 100vh;
}

.xp1_bg_image_v2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f74ed37fef3e32bfc57ac3b_XP1-Profiles-studio-compressed.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-235 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 125px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-236 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: 100%;
  padding-right: 79px;
  padding-left: 79px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(180deg, #000, #000), linear-gradient(93deg, #13eae2, #035752);
}

.div-block-237 {
  width: 20%;
  height: 100%;
}

.lightbox-link-9 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.div-block-238 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3388c39b165fff3039f2bf_XP1_Crane_shot.jpg");
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 600ms ease;
  transition: -webkit-transform 600ms ease;
  transition: transform 600ms ease;
  transition: transform 600ms ease, -webkit-transform 600ms ease;
}

.div-block-238:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.lottie-animation-56 {
  width: 35px;
  height: 35px;
}

.text-block-49 {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}

.text-block-50 {
  color: #fff;
  font-size: 40px;
  line-height: 35px;
  font-weight: 300;
}

.text-span-64 {
  font-size: 20px;
}

.div-block-239 {
  width: 2px;
  height: 50px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0px 0px;
  background-size: auto;
}

.lottie-animation-57 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 300px;
  margin-top: 144px;
  margin-right: auto;
  margin-left: auto;
}

.grid-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.div-block-240 {
  width: 2px;
  height: 120px;
  margin-right: 40px;
  margin-bottom: 20px;
  margin-left: 40px;
  background-color: #fff;
}

.section-115 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.section-116 {
  height: 10vh;
  background-color: #fff;
}

.section-117 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: auto;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-58 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.background-video-36 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-118 {
  padding-top: 58px;
  padding-bottom: 58px;
}

.lottie-animation-59 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 60px;
  height: 60px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
}

.lottie-animation-59.ordernow {
  left: auto;
  top: auto;
  right: 20px;
  bottom: 0%;
  width: 35px;
  margin-bottom: 0px;
}

.heading-176 {
  padding-left: 40px;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 40px;
  text-transform: uppercase;
}

.div-block-241 {
  max-width: 85%;
  min-width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.iceberg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f74fff37c3b9c618a874ccf_greenland-crompessed.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.lightbox-link-10 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.heading-177 {
  padding-left: 24px;
  color: #fff;
  font-size: 22px;
  font-weight: 200;
  text-align: center;
  letter-spacing: 20px;
  text-transform: uppercase;
}

.section-119 {
  overflow: hidden;
  height: 90vh;
}

.background-video-37 {
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(39%, transparent));
  background-image: linear-gradient(0deg, #000, transparent 39%);
}

.section-120 {
  position: relative;
  overflow: hidden;
  height: 110vh;
  -webkit-perspective: 100px;
  perspective: 100px;
}

.xp1_white_studio {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6a6f590dbf04f63594b1b2_xp1-3-4-zoomed-out.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.xp1_white_studio.order {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(48%, hsla(0, 0%, 100%, 0))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502413bccae2895ea44a3_top-tron-xp1.jpg");
  background-image: linear-gradient(180deg, #000, hsla(0, 0%, 100%, 0) 48%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502413bccae2895ea44a3_top-tron-xp1.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.column-58 {
  height: 100vh;
  padding-right: 0px;
  padding-left: 0px;
}

.column-59 {
  height: 100vh;
}

.div-block-243 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7256a2f0d2bbbbe6b8ede6_ocean_dark.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-244 {
  width: 80%;
  height: 30%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f74e6b5358bcf98538b6a73_xp1-surrland.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.lottie-animation-60 {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.div-block-245 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-246 {
  width: 200px;
  height: 300px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f76661075b54c536a21d770_xp1-wheel-close-up-2.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.nasa_wheel_container {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.heading-178 {
  margin-top: 0px;
  margin-bottom: 20px;
  color: #fff;
}

.heading-178.carbon {
  line-height: 45px;
}

.text-block-51 {
  color: #166c90;
  letter-spacing: 15px;
  text-transform: uppercase;
}

.div-block-247 {
  width: 100%;
  height: 400px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f76661075b54c536a21d770_xp1-wheel-close-up-2.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.nasa_wheel_info {
  width: 80%;
}

.lottie-animation-61 {
  position: static;
  left: 596.5px;
  top: 499.5px;
  z-index: 15;
  width: 50px;
  height: 50px;
}

.lottie-animation-62 {
  position: absolute;
  left: 285.5px;
  width: 50px;
  height: 50px;
}

.lottie-animation-63 {
  position: absolute;
  top: 364.5px;
  width: 50px;
  height: 50px;
}

.lottie-animation-64 {
  position: absolute;
  left: 443.5px;
  top: 403.5px;
  width: 50px;
  height: 50px;
}

.paragraph-42 {
  margin-top: 15px;
  margin-bottom: 0px;
  color: #fff;
}

.link-block-23 {
  position: absolute;
  top: 496.5px;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.link-block-23:hover {
  -webkit-transform: scale(1.1) rotate(180deg);
  -ms-transform: scale(1.1) rotate(180deg);
  transform: scale(1.1) rotate(180deg);
}

.image-61 {
  width: 50px;
  height: 50px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.image-61:hover {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.exit_button_div {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 40px;
  margin-right: 40px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  -webkit-transition: background-color 350ms ease;
  transition: background-color 350ms ease;
}

.exit_button_div:hover {
  background-color: #fff;
}

.section-121 {
  overflow: hidden;
  height: 100vh;
}

.div-block-248 {
  position: relative;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.49)), color-stop(38%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f776383128669370396df48_xp1-interior-danny-crane.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.49), transparent 38%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f776383128669370396df48_xp1-interior-danny-crane.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.tech_feature_grid_section {
  display: none;
  overflow: hidden;
  height: auto;
  margin-top: -105px;
  padding-top: 0px;
  padding-bottom: 100px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: -webkit-gradient(linear, left top, right top, from(#d8dde0), to(#dfe4e7));
  background-image: linear-gradient(90deg, #d8dde0, #dfe4e7);
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.grid-9 {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.key_feature_container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 300px;
  padding: 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.key_feature_container:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.key_feature_bg_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f76661075b54c536a21d770_xp1-wheel-close-up-2.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f76661075b54c536a21d770_xp1-wheel-close-up-2.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  box-shadow: 0 80px 40px -9px rgba(0, 0, 0, 0.55);
}

.key_feature_bg_image.glass {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc7b6e580afe29ed8a1e3e_interior%20xp1%20seats.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc7b6e580afe29ed8a1e3e_interior%20xp1%20seats.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.key_feature_bg_image.wing {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f09001d6aab90ee880c78c9_wings%20with%20blur%20sunset.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f09001d6aab90ee880c78c9_wings%20with%20blur%20sunset.jpg");
  background-position: 0px 0px, 70% 50%;
  background-size: auto, cover;
}

.key_feature_bg_image.mirrors {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d6ea02f453ec4a35b7d06_hyperion%20teaser%20scale%20in.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.key_feature_bg_image.exhaust {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33eecb5c4520ebdd1a7961_xp1_rear_studio.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33eecb5c4520ebdd1a7961_xp1_rear_studio.jpg");
  background-position: 0px 0px, 50% 55%;
  background-size: auto, auto;
}

.text-block-52 {
  position: relative;
  z-index: 2;
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.text-block-53 {
  position: relative;
  z-index: 2;
}

.feature_section {
  overflow: hidden;
  height: 100vh;
}

.feature_section.canopy {
  display: none;
  height: auto;
}

.feature_section.nasa {
  display: none;
}

.column-60 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.column-60.doors {
  height: 100vh;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.column-61 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-61.glass {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-61.wing {
  height: 100vh;
}

.div-block-249 {
  position: relative;
  overflow: hidden;
  width: 80%;
  height: 80%;
}

.div-block-249.glass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-249.nasa_wheel {
  width: 500px;
  height: 500px;
}

.div-block-250 {
  width: 80%;
}

.div-block-250.glass {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-251 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502429935a22a8c17f3ca_xp1-engine-close-up.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-251.doors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.div-block-251.canopy {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f74e6b5358bcf98538b6a73_xp1-surrland.jpg");
}

.div-block-251.nasa-wheel-ani {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f779fa941d4cd35f87550a6_NASA%20wheel%20animation_00000.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.columns-23 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.number_text_block {
  margin-bottom: 40px;
  color: #fff;
  font-size: 50px;
  line-height: 50px;
  font-weight: 100;
}

.number_text_block.solar {
  margin-bottom: 0px;
}

.div-block-252 {
  position: relative;
  left: auto;
  z-index: 20;
  overflow: visible;
  width: 100%;
  height: 40%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.background-video-38 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100%;
  background-image: none;
}

.div-block-253 {
  position: relative;
  overflow: hidden;
  width: 90%;
  height: 65vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.div-block-253.glass {
  height: 80vh;
}

.div-block-253.interior_grid {
  display: none;
  width: 100%;
}

.div-block-253.solar {
  height: 65vh;
}

.section-122 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
  padding-bottom: 90px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.div-block-254 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
}

.div-block-254.canopy {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e7acbb7a892986a07a1c4cc_Glass%20roof%20from%20inside.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-254.track {
  height: 80%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7ca78ceb54c2641fc9b7ae_High-res-but-compressed-track-shot.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.div-block-254.track.interior {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc7b6e580afe29ed8a1e3e_interior%20xp1%20seats.jpg");
  background-position: 50% 50%;
}

.div-block-254.track.order {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f9b77b92179d109e086b42a_Angelo_XP1_compressed.jpg");
}

.div-block-254.hq {
  position: static;
  width: 90%;
  height: 70vh;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603d8abfc1dd612835331a39_XP1-straight-on-HQ_.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.div-block-254.fuel {
  background-image: none;
}

.div-block-255 {
  width: 90%;
  max-width: 90%;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}

.div-block-255.cluster {
  width: 90%;
  margin-bottom: 0px;
}

.configurator_section {
  display: none;
  height: 100vh;
}

.tabs-3 {
  position: relative;
  height: 100%;
}

.tabs-menu-6 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab-pane-tab-1-4 {
  height: 100vh;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 50%;
  background-size: cover;
}

.lottie-animation-65 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.instrument-cluster-section {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.div-block-256 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-66 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 400px;
  height: 400px;
  margin: auto;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.lottie-animation-66:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.lottie-animation-67 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
}

.div-block-257 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 115%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502413bccae2895ea44a3_top-tron-xp1.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7502413bccae2895ea44a3_top-tron-xp1.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.lottie-animation-68 {
  position: absolute;
  z-index: 300;
  width: auto;
  height: auto;
  margin-left: 458px;
}

.text-block-54 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-right: auto;
  margin-bottom: 189px;
  margin-left: auto;
  color: #fff;
  text-align: center;
}

.section-124 {
  height: 100vh;
}

.section-125 {
  position: relative;
  overflow: hidden;
  height: 50vh;
  margin-bottom: 100px;
}

.lottie-animation-69 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  width: 100%;
  height: auto;
}

.div-block-258 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.div-block-258.mobile {
  display: none;
}

.black_div_interior_fade {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 6;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(34%, rgba(0, 0, 0, 0.52)), color-stop(47%, transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.52) 34%, transparent 47%);
}

.image-62 {
  width: 50px;
  height: 50px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.section-126 {
  position: relative;
  overflow: hidden;
  height: auto;
}

.div-block-260 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc79df7ecbab55f5e04d68_s02_s04_white.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.interior_container {
  position: relative;
  overflow: hidden;
  margin-bottom: -13px;
}

.text-span-65 {
  font-size: 20px;
  font-weight: 300;
}

.columns-24 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: block;
  height: 50%;
  margin-top: -85px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.column-62 {
  overflow: hidden;
  height: 100%;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.column-63 {
  overflow: hidden;
  height: 100%;
  padding: 0px;
}

.div-block-261 {
  width: 100%;
  height: 130%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7cab7012a6003c5dbe4e52_track_top_shot_compressed.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-261.gesture {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc79df7ecbab55f5e04d68_s02_s04_white.jpg");
}

.div-block-261.hq {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603c54e32907498dc81d3bb2_profile_hq.jpg");
}

.div-block-262 {
  width: 100%;
  height: 130%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6ab63d2c8d3bb9753e71d6_XP1-Profile-in-motion-full-res-with-glow.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-262.interior_2 {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e547172e5884b64191c65f0_Hyper%20GT%20interior%20Mt_.jpg");
}

.div-block-262.close {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603c54ce3b870e0332cfa7f6_close_rear.jpg");
}

.interior_lottie_mobile {
  display: none;
}

.div-block-264 {
  display: none;
  margin: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
  background-position: 0px 0px;
}

.columns-25 {
  width: 100%;
  height: 100%;
}

.column-64 {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.column-65 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 100px 87px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: transparent;
}

.background-video-39 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.28)), to(rgba(0, 0, 0, 0.28)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.28));
  -webkit-filter: contrast(110%);
  filter: contrast(110%);
}

.grid-10 {
  width: 100%;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.div-block-265 {
  height: auto;
}

.div-block-265.submenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.link-6 {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border-bottom: 1px solid transparent;
  -webkit-transition: border-width 500ms ease, color 350ms ease, background-color 500ms ease, border-color 350ms ease, opacity 200ms ease, -webkit-filter 500ms ease;
  transition: border-width 500ms ease, color 350ms ease, background-color 500ms ease, border-color 350ms ease, opacity 200ms ease, -webkit-filter 500ms ease;
  transition: border-width 500ms ease, filter 500ms ease, color 350ms ease, background-color 500ms ease, border-color 350ms ease, opacity 200ms ease;
  transition: border-width 500ms ease, filter 500ms ease, color 350ms ease, background-color 500ms ease, border-color 350ms ease, opacity 200ms ease, -webkit-filter 500ms ease;
  font-size: 40px;
  line-height: 60px;
  font-weight: 200;
  text-decoration: none;
  background-clip: border-box;
}

.link-6:hover {
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#002738), to(#0ef));
  background-image: linear-gradient(90deg, #002738, #0ef);
  -webkit-filter: brightness(165%);
  filter: brightness(165%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.link-6.w--current {
  font-weight: 200;
}

.link-6.tech {
  display: none;
}

.link-7 {
  margin-bottom: 0px;
  -webkit-transition: color 400ms ease, opacity 200ms ease;
  transition: color 400ms ease, opacity 200ms ease;
  color: #adadad;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  text-decoration: none;
}

.link-7:hover {
  color: #fff;
}

.div-block-266 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.menu_social_icon {
  position: relative;
  z-index: 2;
  -webkit-filter: none;
  filter: none;
  -webkit-transition: -webkit-filter 500ms ease;
  transition: -webkit-filter 500ms ease;
  transition: filter 500ms ease;
  transition: filter 500ms ease, -webkit-filter 500ms ease;
}

.menu_social_icon:hover {
  -webkit-filter: brightness(200%) brightness(200%);
  filter: brightness(200%) brightness(200%);
}

.link-block-24 {
  position: relative;
  z-index: 5;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  margin-left: 0px;
  border: 0px solid #fff;
  border-radius: 0px;
  -webkit-transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: opacity 200ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, opacity 200ms ease;
  transition: transform 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
}

.link-block-24:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.text-block-55 {
  color: #fff;
  font-size: 15px;
  font-weight: 200;
  letter-spacing: 10px;
}

.menu_divider {
  width: 30%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 40px;
  background-image: -webkit-gradient(linear, left top, right top, from(#116079), to(#0bf));
  background-image: linear-gradient(90deg, #116079, #0bf);
}

.lottie-animation-70 {
  width: 80%;
  opacity: 1;
}

.menu_icon_custom {
  position: relative;
  display: none;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
}

.menu_dashes {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 20px;
  height: 20px;
  margin: auto;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.menu_dashes.exit {
  display: none;
  width: 40px;
  height: 40px;
}

.menu_white_fill {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 0%;
  background-color: #fff;
}

.grid-11 {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-267 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.foot_links {
  margin-bottom: 10px;
  margin-left: 0px;
  text-decoration: none;
}

.div-block-268 {
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #9c9c9c;
}

.column-66 {
  padding-right: 100px;
  padding-left: 0px;
}

.text-block-56 {
  color: #fff;
}

.field-label-3 {
  color: #a7a7a7;
}

.text-field-7 {
  height: 50px;
  margin-bottom: 0px;
  border: 0px solid #000;
  background-color: #2c2c2c;
  color: #fff;
}

.submit-button {
  padding-right: 32px;
  padding-left: 32px;
  border: 1px solid #fff;
  background-color: transparent;
  -webkit-transition: color 350ms ease, background-color 350ms ease;
  transition: color 350ms ease, background-color 350ms ease;
  color: #fff;
}

.submit-button:hover {
  background-color: #fff;
  color: #000;
}

.submit-button.footer {
  border-width: 1px;
  border-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#012b3d), to(#07767e));
  background-image: linear-gradient(90deg, #012b3d, #07767e);
}

.submit-button.footer:hover {
  border-width: 1px;
  border-color: #fff;
  background-color: transparent;
  background-image: none;
  color: #fff;
}

.div-block-269 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #000), color-stop(33%, transparent));
  background-image: linear-gradient(180deg, #000 4%, transparent 33%);
}

.section-128 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-270 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7e023b7ae56e189e96612c_hud-UI-demo.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.section-129 {
  overflow: hidden;
  height: 100vh;
}

.div-block-271 {
  height: 115%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), color-stop(44%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f84b78cb097098699798452_xp1_door_up_lower_frame.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), transparent 44%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f84b78cb097098699798452_xp1_door_up_lower_frame.jpg");
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.section-130 {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.background-video-40 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-179 {
  font-size: 77px;
  line-height: 50px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.text-span-66 {
  padding-left: 31px;
  font-size: 45px;
  font-weight: 200;
  letter-spacing: 29px;
}

.section-131 {
  overflow: hidden;
  height: 100vh;
}

.xp1_track_image {
  position: relative;
  height: 100%;
  background-image: linear-gradient(169deg, #275f83, transparent 36%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7ca78ceb54c2641fc9b7ae_High-res-but-compressed-track-shot.jpg");
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
}

.text-span-67 {
  font-size: 14px;
  font-weight: 300;
}

.text-span-68 {
  font-size: 14px;
}

.text-span-69 {
  font-size: 14px;
  font-weight: 300;
}

.div-block-273 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-180 {
  margin-right: 40px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
}

.div-block-274 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-132 {
  overflow: hidden;
}

.section-133 {
  display: none;
  height: auto;
  padding-top: 74px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-71 {
  width: 100%;
  margin-top: 35px;
}

.body-28 {
  background-color: #000;
}

.div-block-275 {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 33px;
  padding-bottom: 33px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.tech_nav_links {
  padding-right: 33px;
  padding-bottom: 14px;
  padding-left: 33px;
  border-bottom: 1px solid #696969;
  text-decoration: none;
}

.section-134 {
  display: block;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-276 {
  width: 85%;
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.heading-181 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 19px;
  color: #fff;
  font-size: 80px;
  line-height: 90px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 20px;
  text-transform: uppercase;
}

.text-block-57 {
  color: #fff;
  text-align: center;
}

.heading-182 {
  font-size: 46px;
}

.section-135 {
  position: relative;
  top: auto;
  z-index: 5;
  height: auto;
  background-color: #000;
}

.section-136 {
  position: relative;
  top: 0px;
  height: 160vh;
}

.div-block-277 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5eb1f706c7f61e3482f019eb_NASA%20Color%20Graded%20v2.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.heading-183 {
  color: #fff;
  font-size: 60px;
  font-weight: 500;
}

.div-block-278 {
  width: 85%;
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.column-68 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-69 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-137 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-138 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 115vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.range {
  color: #fff;
  font-size: 142px;
  line-height: 80px;
}

.range.white {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 100px;
  line-height: 90px;
  text-transform: uppercase;
}

.range.white.space {
  font-size: 50px;
  line-height: 40px;
}

.heading-184 {
  padding-left: 87px;
  color: #bebebe;
  font-size: 45px;
  font-weight: 300;
  letter-spacing: 80px;
}

.heading-184.ehite {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  color: #fff;
  font-size: 30px;
  line-height: 50px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.div-block-279 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-279.space {
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  padding-right: 20px;
  padding-bottom: 10px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.image-63 {
  position: relative;
  z-index: 12;
  display: none;
  width: 500px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.text-block-58 {
  color: #fff;
  font-size: 100px;
  line-height: 80px;
}

.text-span-70 {
  margin-left: 10px;
  font-size: 30px;
  font-weight: 300;
}

.div-block-280 {
  overflow: hidden;
  padding: 57px;
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  border-radius: 50px;
}

.div-block-281 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#04c4f3), to(#003844));
  background-image: linear-gradient(180deg, #04c4f3, #003844);
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.div-block-282 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#37a73e), to(#243a26));
  background-image: linear-gradient(180deg, #37a73e, #243a26);
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.section-139 {
  position: relative;
  overflow: hidden;
  height: 60vh;
}

.div-block-284 {
  height: 110%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5eb1f706c7f61e3482f019eb_NASA%20Color%20Graded%20v2.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.div-block-285 {
  position: relative;
  overflow: hidden;
  width: 90%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.section-140 {
  height: 200vh;
}

.div-block-286 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f19e49db0687469d9903dac_road%20long%20range.jpg");
  background-position: 50% 50%;
  background-size: auto;
}

.heading-185 {
  color: #fff;
  font-size: 150px;
  line-height: 100px;
  font-weight: 500;
}

.text-block-59 {
  padding-left: 82px;
  color: #fff;
  font-size: 60px;
  line-height: 80px;
  font-weight: 300;
  letter-spacing: 75px;
}

.div-block-287 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-64 {
  position: absolute;
  z-index: 5;
  width: 250px;
  margin-right: 18px;
  -webkit-filter: brightness(143%);
  filter: brightness(143%);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.image-65 {
  width: 400px;
}

.div-block-288 {
  width: 90%;
  height: 65vh;
  max-width: 90%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.background-video-41 {
  width: 100%;
  height: 100%;
}

.section-141 {
  padding-top: 87px;
  padding-bottom: 87px;
}

.image-66 {
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -8px;
}

.text-block-60 {
  color: #949494;
  text-align: left;
}

.text-block-60.weight {
  text-align: center;
}

.text-block-60.weight.space {
  margin-bottom: 40px;
}

.columns-27 {
  padding-top: 126px;
  padding-bottom: 126px;
}

.columns-27.weight {
  padding-top: 0px;
}

.paragraph-43 {
  color: #fff;
  font-weight: 400;
}

.div-block-289 {
  width: 85%;
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.div-block-290 {
  width: 100%;
  height: 550px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce6e5df476867856122_XP1-Profile-in-motion.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-291 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 200px;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 10px;
  background-color: #181818;
}

.heading-186 {
  color: #fff;
  font-size: 60px;
  font-weight: 600;
}

.text-block-61 {
  color: #fff;
}

.column-70 {
  padding-right: 20px;
  padding-left: 0px;
}

.div-block-292 {
  overflow: hidden;
  height: 400px;
  margin-top: 0px;
  margin-bottom: 100px;
}

.div-block-293 {
  height: 115%;
  margin-bottom: 0px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6ab63d2c8d3bb9753e71d6_XP1-Profile-in-motion-full-res-with-glow.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.heading-187 {
  padding: 29px;
  border-radius: 10px;
  background-color: #1a1a1a;
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  text-align: center;
}

.heading-188 {
  margin-bottom: 0px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.column-72 {
  padding-left: 20px;
}

.background-video-42 {
  width: 100%;
  height: 100%;
}

.body-29 {
  padding-bottom: 150px;
  background-color: #000;
  color: #fff;
}

.section-142 {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.background-video-43 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 115%;
}

.div-block-294 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 90%;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding: 22px 58px 58px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #000;
}

.image-67 {
  width: 200px;
}

.div-block-295 {
  padding: 0px;
}

.div-block-296 {
  padding: 0px;
}

.heading-189 {
  width: auto;
  color: #fff;
  font-size: 130px;
  line-height: 120px;
  font-weight: 600;
}

.scroll_button {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 75px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0px solid #000;
  background-color: #0071e3;
  -webkit-perspective-origin: 100% 100%;
  perspective-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: opacity 200ms ease, -webkit-transform 450ms ease;
  transition: opacity 200ms ease, -webkit-transform 450ms ease;
  transition: transform 450ms ease, opacity 200ms ease;
  transition: transform 450ms ease, opacity 200ms ease, -webkit-transform 450ms ease;
}

.scroll_button:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.image-68 {
  width: 35px;
  height: 35px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.image-68.download {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.link-8 {
  margin-bottom: 10px;
  -webkit-transition: color 450ms ease, opacity 200ms ease;
  transition: color 450ms ease, opacity 200ms ease;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.link-8:hover {
  color: #0071e3;
}

.column-73 {
  position: static;
  top: 50px;
  padding-top: 50px;
}

.responsive_page_wrapper {
  width: 90%;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.heading-190 {
  margin-bottom: 20px;
  margin-left: -9px;
  font-size: 140px;
  line-height: 150px;
  font-weight: 600;
}

.paragraph-44 {
  width: 80%;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
}

.download-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 170px;
  height: 50px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0071e3;
  -webkit-transition: all 400ms ease, background-color 400ms ease, opacity 200ms ease;
  transition: all 400ms ease, background-color 400ms ease, opacity 200ms ease;
  color: #fff;
  text-decoration: none;
}

.download-button:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#0071e3), to(#002bff));
  background-image: linear-gradient(90deg, #0071e3, #002bff);
  color: #fff;
}

.text-block-62 {
  margin-right: 10px;
  text-decoration: none;
}

.image-69 {
  width: 10px;
}

.section-143 {
  position: relative;
  padding-top: 60px;
}

.div-block-298 {
  margin-top: 80px;
}

.column-74 {
  padding-right: 0px;
  padding-left: 0px;
}

.columns-28 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.text-block-63 {
  color: #8a8a8a;
}

.text-block-64 {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 400;
}

.white_bg_logofill {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 400px;
  margin-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.white_bg_logofill.esign {
  height: 450px;
  padding-left: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.image-70 {
  width: 70%;
}

.lottie-animation-72 {
  width: 70%;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.text-block-65 {
  margin-bottom: 5px;
  color: #868686;
}

.heading-191 {
  margin-bottom: 0px;
  font-weight: 500;
}

.paragraph-45 {
  width: 80%;
  color: #fff;
  font-weight: 400;
}

.div-block-299 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 400px;
  height: 350px;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 0 9px 20px 4px rgba(0, 0, 0, 0.15);
}

.text-block-66 {
  color: #000;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.text-block-67 {
  margin-bottom: 20px;
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.text-block-68 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.text-block-69 {
  color: #000;
  font-size: 12px;
  line-height: 20px;
}

.div-block-300 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-71 {
  width: 30px;
  margin-right: 10px;
}

.div-block-301 {
  width: 100%;
  height: 1px;
  margin-top: 10px;
  background-color: #000;
}

.button-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 50px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0071e3;
}

.div-block-302 {
  width: 100%;
  height: 1px;
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: #3b3b3b;
}

.div-block-303 {
  margin-top: 0px;
  padding: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: #707070;
}

.div-block-304 {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  padding-top: 26px;
  padding-bottom: 26px;
}

.heading-192 {
  margin-top: 80px;
  font-weight: 400;
}

.text-block-70 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 100;
}

.text-block-70.extra-light {
  font-weight: 200;
}

.text-block-70.light {
  font-weight: 300;
}

.text-block-70.normal {
  font-weight: 400;
}

.text-block-70.medium {
  font-weight: 500;
}

.text-block-70.semi {
  font-weight: 600;
}

.text-block-70.bold {
  font-weight: 700;
}

.text-block-70.extra {
  font-weight: 800;
}

.div-block-305 {
  margin-top: 60px;
}

.text-block-71 {
  margin-bottom: 30px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
}

.text-block-71.no-margin {
  margin-bottom: 0px;
}

.div-block-306 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-307 {
  width: 47%;
  height: auto;
}

.text-block-72 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
}

.div-block-308 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
}

.text-block-73 {
  color: #000;
  font-size: 60px;
  line-height: 60px;
  font-weight: 500;
}

.text-block-73.bold {
  font-weight: 700;
}

.text-block-74 {
  color: #000;
  font-weight: 500;
}

.text-block-75 {
  margin-top: 38px;
  color: #000;
  font-size: 60px;
  line-height: 60px;
  font-weight: 300;
}

.text-block-75.normal {
  font-weight: 400;
}

.div-block-309 {
  margin-top: 60px;
  padding-top: 37px;
  padding-bottom: 37px;
}

.image-72 {
  width: 300px;
}

.text-block-77 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
  font-size: 30px;
  letter-spacing: 16.5px;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.div-block-310 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-block-78 {
  margin-top: 5px;
  margin-left: -3px;
  color: #000;
  font-size: 52px;
  line-height: 40px;
  letter-spacing: 45px;
  text-transform: uppercase;
}

.div-block-311 {
  width: 100%;
  max-width: 100%;
}

.background-video-44 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 450px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: linear-gradient(119deg, rgba(0, 88, 189, 0.1), rgba(0, 137, 179, 0.15));
}

.image-73 {
  width: 50px;
}

.div-block-312 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-313 {
  padding: 4px 21px;
  border-radius: 50px;
  background-color: #fff;
}

.text-block-79 {
  color: #000;
}

.lightbox-link-11 {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.div-block-314 {
  overflow: hidden;
  width: 90%;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.background-video-45 {
  width: 100%;
  height: 125%;
  margin-top: -57px;
}

.lightbox-link-12 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
  margin-right: 0px;
  margin-left: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: rgba(85, 85, 85, 0);
  text-decoration: none;
}

.ligthbox_div_infopanel {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-74 {
  width: 55px;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.image-74:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.text-block-80 {
  padding: 9px 24px;
  border-radius: 50px;
  background-color: #fff;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
  color: #000;
  text-decoration: none;
}

.text-block-80:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.section-45 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#181819), to(#181819));
  background-image: linear-gradient(180deg, #181819, #181819);
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.circle-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
}

.start-today-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 55px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #acacac;
  -webkit-transition: font-size 1000ms ease, color 400ms ease, background-color 400ms ease, opacity 200ms ease;
  transition: font-size 1000ms ease, color 400ms ease, background-color 400ms ease, opacity 200ms ease;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
}

.start-today-button:hover {
  background-color: #fff;
  color: #000;
}

.bg-blur-glow {
  position: absolute;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: 0%;
  width: 500px;
  height: 500px;
  margin: auto;
  border-radius: 50%;
  background-image: linear-gradient(315deg, #000b57, #0083a3);
  -webkit-filter: blur(80px);
  filter: blur(80px);
}

.circle-border {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 410px;
  height: 410px;
  margin: auto;
  border-radius: 50%;
  background-color: #ff0909;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d79688), to(#8b54aa));
  background-image: linear-gradient(180deg, #d79688, #8b54aa);
}

.circle-border.border {
  z-index: 2;
  background-color: hsla(0, 0%, 100%, 0);
  background-image: linear-gradient(160deg, #0ff, #0b274f);
}

.heading-81 {
  margin-top: 0px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 60px;
  font-weight: 500;
}

.text-block-81 {
  color: #fff;
  font-weight: 300;
  background-clip: border-box;
}

.grey-circle {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 400px;
  margin: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0px;
  border-color: red;
  border-radius: 50%;
  background-color: #181819;
}

.hero_about-_text_wrapper {
  position: relative;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  max-width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-block-82 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-75 {
  opacity: 0.1;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.error-message {
  background-image: linear-gradient(89deg, #8b2c2c, red);
}

.text-block-83 {
  color: #fff;
  font-weight: 500;
}

.success-message-4 {
  background-image: linear-gradient(86deg, #003e68, #00bfe6);
}

.text-block-84 {
  color: #fff;
  font-weight: 500;
}

.div-block-315 {
  width: 80%;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.footer_sub_button {
  width: 175px;
  height: 55px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, from(#06757e), to(#023a4b));
  background-image: linear-gradient(270deg, #06757e, #023a4b);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.footer_sub_button:hover {
  border: 1px solid #fff;
  background-image: none;
}

.body-30 {
  background-color: #000;
}

.hero_ordernow {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 0px;
  padding-bottom: 81px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), color-stop(34%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.32)), color-stop(38%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6a6f590dbf04f63594b1b2_xp1-3-4-zoomed-out.jpg");
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25), transparent 34%), linear-gradient(180deg, rgba(0, 0, 0, 0.32), transparent 38%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6a6f590dbf04f63594b1b2_xp1-3-4-zoomed-out.jpg");
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
}

.image-76 {
  width: 150px;
}

.image-77 {
  width: 150px;
}

.div-block-316 {
  display: none;
}

.order-now {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 50px;
  margin: auto 155px auto 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: transparent;
  -webkit-transition: color 350ms ease, background-color 350ms ease;
  transition: color 350ms ease, background-color 350ms ease;
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.5px;
  text-transform: none;
}

.order-now:hover {
  background-color: #fff;
  color: #000;
}

.order-now.no-margin {
  position: relative;
  margin-right: 0px;
}

.order-now.hide-on-page {
  display: none;
}

.text-block-85 {
  font-size: 120px;
  line-height: 120px;
  font-style: normal;
  font-weight: 500;
}

.div-block-317 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-318 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.body-31 {
  background-color: #000;
}

.grid-13 {
  overflow: visible;
  height: 100%;
  padding: 17px;
  -ms-grid-columns: 2.25fr 1fr;
  grid-template-columns: 2.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.tab-image {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100%;
  border-radius: 10px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603bf6cd290749f65b1b38f7_XP-1-order-3-4.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.tab-image.profile {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603bf8a093f850caa3720ab1_side-profile.jpg");
}

.tab-image.rear {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603bf8becdeb026be3daeba4_rear-xp1.jpg");
}

.tab-image.interior {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.56)), color-stop(45%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33c57732b3f1d4ac86bd09_Hyp_interior_new.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.56), transparent 45%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33c57732b3f1d4ac86bd09_Hyp_interior_new.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.tab-image.interior-2 {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc7b6e580afe29ed8a1e3e_interior%20xp1%20seats.jpg");
  background-position: 100% 50%;
}

.tab-image.chas {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603da65f543fdbd4f6709ace__chassis_studio_1.jpg");
  background-position: 70% 50%;
  background-size: cover;
}

.tabs-4 {
  position: relative;
  height: 100%;
}

.tabs-menu-7 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 60px;
  margin-right: 15px;
  margin-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603bf6cd290749f65b1b38f7_XP-1-order-3-4.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.tab_button.w--current {
  margin-right: 15px;
  border-style: solid;
  border-width: 2px;
  border-color: #00b0d3;
  -webkit-transition: all 500ms ease, opacity 200ms ease, -webkit-transform 550ms ease;
  transition: all 500ms ease, opacity 200ms ease, -webkit-transform 550ms ease;
  transition: all 500ms ease, transform 550ms ease, opacity 200ms ease;
  transition: all 500ms ease, transform 550ms ease, opacity 200ms ease, -webkit-transform 550ms ease;
}

.tab_button.profile {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603bf8a093f850caa3720ab1_side-profile.jpg");
  -webkit-transition-property: none;
  transition-property: none;
}

.tab_button.rear {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603bf8becdeb026be3daeba4_rear-xp1.jpg");
}

.tab_button.interior {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33c57732b3f1d4ac86bd09_Hyp_interior_new.jpg");
}

.tab_button.interior-2 {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc7b6e580afe29ed8a1e3e_interior%20xp1%20seats.jpg");
}

.tab_button.interior-2.w--current {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc7b6e580afe29ed8a1e3e_interior%20xp1%20seats.jpg");
}

.tab_button.chas {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603da65f543fdbd4f6709ace__chassis_studio_1.jpg");
}

.tab_button.chas.w--current {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603da65f543fdbd4f6709ace__chassis_studio_1.jpg");
}

.order_section {
  overflow: visible;
  height: 100vh;
  padding: 0px;
}

.order-summary-div-container {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: auto;
  padding: 0px 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 10px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.37)), color-stop(15%, hsla(0, 0%, 100%, 0))), -webkit-gradient(linear, left top, left bottom, from(#d0d5d9), color-stop(51%, #d3d8db), to(#dfe4e8));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.37), hsla(0, 0%, 100%, 0) 15%), linear-gradient(180deg, #d0d5d9, #d3d8db 51%, #dfe4e8);
}

.heading-193 {
  color: #fff;
  letter-spacing: -0.5px;
}

.text-span-71 {
  font-weight: 600;
}

.heading-194 {
  margin-top: 0px;
  margin-bottom: 20px;
  color: #292c2e;
  font-weight: 500;
}

.grid-14 {
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.submit-button-2 {
  width: 100%;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
}

.order-fields {
  height: 50px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  border-radius: 0px;
  background-color: transparent;
  color: #000;
}

.grid-15 {
  width: 100%;
  margin-top: 40px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.text-block-86 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

.form_block_ordernow {
  display: none;
}

.tabs-content-2 {
  height: 100%;
}

.section-145 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-bottom: 66px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7ca78ceb54c2641fc9b7ae_High-res-but-compressed-track-shot.jpg");
  background-position: 100% 50%;
  background-size: cover;
}

.body-32 {
  background-color: #000;
}

.thankyou_hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.black_circle {
  position: absolute;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 400px;
  padding-right: 39px;
  padding-left: 39px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #000;
}

.blue_circle {
  position: absolute;
  z-index: 4;
  width: 410px;
  height: 410px;
  border-radius: 50%;
  background-image: linear-gradient(145deg, #05c5ff, #002735);
}

.glow_block {
  position: absolute;
  z-index: 2;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background-image: linear-gradient(143deg, #09f, #084a63);
  -webkit-filter: saturate(176%) blur(100px);
  filter: saturate(176%) blur(100px);
}

.text-block-87 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 45px;
  line-height: 40px;
  font-weight: 600;
}

.text-block-88 {
  font-family: Montserrat, sans-serif;
  color: #b4b4b4;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
}

.image-78 {
  position: absolute;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.text_container {
  position: absolute;
  z-index: 8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 380px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-field-8 {
  color: #fff;
}

.x47861084-input {
  height: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  border-radius: 0px;
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff;
}

.div-block-319 {
  width: 100%;
  padding: 0px;
}

.html-embed {
  width: 100%;
  margin: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.text-block-89 {
  margin-bottom: 10px;
  margin-left: 0px;
  font-size: 40px;
  line-height: 35px;
  font-weight: 500;
}

.grid-16 {
  width: 100%;
  margin-top: 15px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.text-block-90 {
  font-weight: 600;
  text-align: right;
}

.text-block-90.due-today {
  text-align: left;
}

.text-block-91 {
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: -0.1px;
}

.bold-text {
  line-height: 40px;
  text-transform: capitalize;
}

.section-146 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 89px;
  padding-bottom: 89px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.chassis {
  width: 100%;
  height: 80vh;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603d8742abad322106ae5bed_chassis_2_DOF.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.chassis.door-open {
  height: 70vh;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603d88fc1de5fbb12ba1f789_door-open-front.jpg");
  background-position: 50% 100%;
}

.chassis-container {
  width: 90%;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.grid-17 {
  overflow: hidden;
  height: 100%;
  grid-template-areas: ". Area"
    ". Area";
}

.div-block-320 {
  width: 100%;
  height: 100%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603c54e32907498dc81d3bb2_profile_hq.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-321 {
  height: 230%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603c54ce3b870e0332cfa7f6_close_rear.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-322 {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f9b77b92179d109e086b42a_Angelo_XP1_compressed.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.grid-18 {
  height: 100%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.engine-image {
  width: 100%;
  height: 100%;
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603dc43c50efa384eea51cdc_1_toned_cropped_engine_compressed.jpg");
  background-position: 50% 50%;
  background-size: cover;
}

.engine-image.refuel-handle {
  background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603dc40971d95916f665e46f_handle_1_good_.jpg");
}

@media screen and (min-width: 1280px) {
  .sub_heading_h2_light.dark_bg {
    margin-top: 0px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
  }

  .background-video-30 {
    height: 60vh;
  }

  .section-72 {
    height: 45vh;
  }

  .section-72.contact {
    height: 45vh;
    background-image: linear-gradient(280deg, #000, transparent), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f190212f9b7ad103d6ff861_contact%20us%20hero%20image.png");
    background-position: 0px 0px, 50% 20%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .official-navbar.reserve {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .official-navbar.reserve.order {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .container-4 {
    padding-right: 90px;
    padding-left: 90px;
  }

  .homepage_headings_h1 {
    letter-spacing: 10px;
  }

  .homepage_headings_h1.white {
    padding-left: 40px;
    letter-spacing: 40px;
  }

  .homepage_headings_h1.whitesub {
    color: #fff;
  }

  .main_button_black {
    border-width: 1px;
  }

  .main_button_black.white {
    border-color: #fff;
    color: #fff;
  }

  .main_button_textblock.white {
    color: #fff;
  }

  .div-block-187 {
    width: 300px;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    border: 1px none #000;
    background-color: #000;
  }

  .div-block-188 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    padding-right: 0px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-254.hq {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603d8abfc1dd612835331a39_XP1-straight-on-HQ_.jpg");
    background-position: 50% 50%;
    background-size: cover;
  }

  .div-block-263 {
    overflow: hidden;
  }

  .order-now.hide.w--current {
    display: none;
  }

  .tab-image.chas {
    background-position: 40% 50%;
    background-size: cover;
  }

  .text-block-91 {
    line-height: 18px;
  }

  .text-block-91.team {
    margin-top: 10px;
  }
}

@media screen and (min-width: 1440px) {
  .custom-container-newsletter {
    width: 70%;
    max-width: 70%;
  }

  .blog-preview-image {
    position: relative;
    z-index: 10;
    border-width: 0px;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50% 50%;
    background-size: cover;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
  }

  .blog-preview-image:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .blog-heading-link {
    -webkit-transition: color 250ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
    transition: color 250ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
    transition: color 250ms ease, transform 300ms ease, opacity 200ms ease;
    transition: color 250ms ease, transform 300ms ease, opacity 200ms ease, -webkit-transform 300ms ease;
  }

  .blog-heading-link:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #0af;
  }

  .home-section-div-title {
    margin-top: 75px;
  }

  .lottie-animation-31 {
    height: 500px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .launch-page-wrapper {
    width: 70%;
    max-width: 70%;
  }

  .div-block-134 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    border-radius: 3px;
    background-image: linear-gradient(102deg, rgba(4, 57, 67, 0.7), rgba(8, 119, 127, 0));
  }

  .grid-6 {
    width: 80%;
    max-width: 80%;
    min-width: auto;
  }

  .grid-6.order_xp1 {
    min-width: auto;
  }

  .column-60 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .column-61 {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .column-61.wing {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-249 {
    width: 100%;
  }

  .columns-23 {
    width: 80%;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-253 {
    width: 80%;
    max-width: 80%;
  }

  .div-block-254.hq {
    width: 80%;
    height: 75vh;
    max-width: 80%;
    background-position: 50% 50%;
  }

  .div-block-255 {
    width: 80%;
    max-width: 80%;
  }

  .div-block-255.cluster {
    width: 80%;
  }

  .instrument-cluster-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-256 {
    position: relative;
    width: 60%;
  }

  .lottie-animation-66 {
    cursor: pointer;
  }

  .div-block-288 {
    width: 80%;
    max-width: 80%;
  }

  .div-block-314 {
    width: 80%;
    max-width: 80%;
  }

  .lightbox-link-12 {
    height: 550px;
  }

  .circle-border.border {
    width: 510px;
    height: 510px;
  }

  .grey-circle {
    width: 500px;
    height: 500px;
  }

  .tab-image.chas {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603da65f543fdbd4f6709ace__chassis_studio_1.jpg");
    background-position: 70% 50%;
  }

  .tab_button.chas.w--current {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603da65f543fdbd4f6709ace__chassis_studio_1.jpg");
  }

  .chassis.door-open {
    height: 75vh;
  }

  .chassis-container {
    width: 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 1920px) {
  .team_section {
    overflow: hidden;
  }

  .team_section.cc-cta {
    overflow: hidden;
    margin-top: 220px;
  }

  .custom-container-newsletter {
    overflow: hidden;
    width: 0%;
    max-width: 70%;
    min-width: 70%;
    padding-top: 224px;
    padding-bottom: 224px;
  }

  .detail-header-image {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }

  .blog-preview-image {
    width: 50%;
    background-position: 50% 50%;
  }

  .hero-section-div-title.home-hero {
    margin-top: 150px;
  }

  .hero-section-div-title.home-hero.order {
    margin-top: 145px;
  }

  .home-section-div-title {
    margin-top: 100px;
  }

  .home-section-technology {
    display: none;
  }

  .text-block {
    font-size: 20px;
  }

  .left-container-custom {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .right-container-custom {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .heading-89 {
    font-size: 55px;
  }

  .paragraph-22 {
    font-size: 18px;
    line-height: 37px;
  }

  .paragraph-22.our-story {
    font-size: 18px;
  }

  .custom-container-max-width.performance {
    margin-top: 162px;
    margin-bottom: 162px;
  }

  .interior-popout {
    z-index: 2000;
    overflow: scroll;
  }

  .heading-97 {
    font-size: 55px;
  }

  .heading-102 {
    font-size: 50px;
    letter-spacing: 2px;
  }

  .column-25 {
    padding-left: 120px;
  }

  .columns-11 {
    overflow: hidden;
  }

  .custom-container-layout-5 {
    margin-bottom: 139px;
  }

  .specs-wrapper {
    padding-top: 97px;
  }

  .heading-112 {
    font-size: 50px;
  }

  .tab-pane-tab-1 {
    background-image: linear-gradient(170deg, #003a55, hsla(0, 0%, 100%, 0) 36%), linear-gradient(350deg, rgba(0, 0, 0, 0.7) 14%, transparent 40%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f340a5e8da2e47470c489ee_Hyp_XP1_perf_track_mobile.jpg");
    background-position: 0px 0px, 0px 0px, 50% 43%;
    background-size: auto, auto, cover;
  }

  .tabs-menu {
    margin-bottom: 140px;
  }

  .div-warpper-tab-sections {
    max-width: 50vw;
    min-width: 50vw;
  }

  .heading-114 {
    font-size: 55px;
    line-height: 60px;
  }

  .paragraph-32 {
    font-size: 18px;
    line-height: 27px;
  }

  .container-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section-62 {
    overflow: hidden;
  }

  .text-block-14 {
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .div-block-120 {
    overflow: hidden;
  }

  .background-video-29 {
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .lottie-animation-31 {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    height: 500px;
    margin-top: auto;
    margin-bottom: auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .section-64 {
    border-top: 0px solid #000;
  }

  .heading-119 {
    font-size: 55px;
  }

  .section-65 {
    border: 0px solid transparent;
  }

  .column-30 {
    padding-right: 100px;
  }

  .launch-page-wrapper {
    max-width: 70vw;
    min-width: 70vw;
  }

  .grid-2 {
    overflow: hidden;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .slide-12 {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d705cecdb24d04524abc9_10c_crop_2_levels_.jpg");
    background-position: 50% 50%;
    background-size: cover;
  }

  .slide-13 {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d713c50b49664fe7c436b_1_toned_2_levels_ak.jpg");
    background-position: 50% 50%;
    background-size: cover;
  }

  .background-video-30 {
    height: 60vh;
  }

  .heading-124 {
    font-size: 80px;
    letter-spacing: 5px;
  }

  .div-block-126 {
    width: 400px;
    height: 600px;
  }

  .heading-125 {
    position: absolute;
    left: 0%;
    top: 60px;
    right: 0%;
    bottom: auto;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    font-size: 39px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 5px;
  }

  .social-icon-wrapper {
    overflow: hidden;
  }

  .image-51 {
    width: 100px;
  }

  ._80vw-60vw-container {
    width: 70vw;
    max-width: 100vw;
  }

  .rich-text-block-2 {
    color: #fff;
  }

  .official-navbar {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 101;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 5px;
    padding-right: 25px;
    padding-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .lottie-animation-38 {
    width: 200px;
  }

  .lottie-animation-39 {
    width: 100px;
    height: 40px;
    margin-right: 0px;
    padding-top: 0px;
  }

  .menu-div-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 350ms ease;
    transition: -webkit-transform 350ms ease;
    transition: transform 350ms ease;
    transition: transform 350ms ease, -webkit-transform 350ms ease;
    cursor: pointer;
  }

  .menu-div-icon:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .menu-pop-up-official {
    display: none;
    overflow: hidden;
  }

  .heading-142 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 55px;
    letter-spacing: 32px;
  }

  .column-34 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.43)), color-stop(26%, transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.43), transparent 26%);
  }

  .lottie-animation-42 {
    width: 100%;
    -webkit-filter: contrast(96%);
    filter: contrast(96%);
  }

  .heading-143 {
    font-size: 70px;
  }

  .container-4 {
    padding-right: 191px;
    padding-left: 191px;
  }

  .section-84 {
    position: static;
  }

  .careers_container {
    width: 65vw;
    max-width: 65vw;
  }

  .text-block-25 {
    font-size: 20px;
  }

  .battery_bar {
    height: 55px;
  }

  .battery_bar.hydrogen {
    height: 500px;
  }

  .heading-146 {
    font-size: 60px;
  }

  .car_png {
    width: 450px;
  }

  .heading-151 {
    font-size: 700px;
  }

  .lottie_car_role_desktop {
    width: 100%;
  }

  .grid-6.order_xp1 {
    max-width: 80%;
    min-width: 80%;
  }

  .tech_nav_bg_image {
    background-image: -webkit-gradient(linear, left top, right top, from(#92756e), color-stop(45%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce6e5df476867856122_XP1-Profile-in-motion.jpg");
    background-image: linear-gradient(90deg, #92756e, transparent 45%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f5bdce6e5df476867856122_XP1-Profile-in-motion.jpg");
    background-position: 0px 0px, 50% 62%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .tech_nav_bg_image.endurance {
    background-image: linear-gradient(94deg, #907169 1%, transparent 46%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f63ef1afe290bb75ca79ec1_XP1-Bush-FG.jpg");
    background-position: 0px 0px, 50% 62%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .tech_nav_bg_image.refuel {
    background-image: linear-gradient(91deg, #997a72, transparent 47%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e9e608069e4ff5057a3e85f_nyc_house_v2_crop_a.jpg");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .tech_nav_bg_image.energy {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(140, 114, 109, 0.38)), color-stop(42%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e59cad50e17067c28736c07_Engine%20exterior%20compressed.jpg");
    background-image: linear-gradient(90deg, rgba(140, 114, 109, 0.38), transparent 42%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e59cad50e17067c28736c07_Engine%20exterior%20compressed.jpg");
    background-position: 0px 0px, 0px 0px;
    background-size: auto, auto;
    background-attachment: scroll, scroll;
  }

  .tech_nav_bg_image.life {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f63f18e073660a41086c747_wind%20mills.jpg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f63f18e073660a41086c747_wind%20mills.jpg"), linear-gradient(180deg, transparent, transparent);
    background-position: 50% 0%, 0px 0px;
    background-attachment: fixed, scroll;
  }

  .tech_nav_bg_image.range {
    background-image: linear-gradient(89deg, rgba(219, 150, 132, 0.48), transparent 48%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f642664f15eb41a9b284b16_xp1%20drone%20screenshot.jpg");
    background-position: 0px 0px, 50% 62%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .tech_black_fade {
    background-color: rgba(0, 0, 0, 0.48);
    opacity: 1;
  }

  .grid_tech_wrapper:hover {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }

  .main_button_black.open_doors {
    margin-bottom: 80px;
  }

  .video_div_wrapper_bg_image {
    width: 1100px;
    height: 600px;
  }

  .div-block-202 {
    max-width: 70vw;
    min-width: 70vw;
  }

  .heading-172 {
    font-size: 50px;
    line-height: 48px;
  }

  .div-block-211 {
    width: 60%;
  }

  .paragraph-40 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
  }

  .column-44 {
    padding-bottom: 100px;
  }

  .column-45 {
    padding-bottom: 100px;
  }

  .div-block-214 {
    height: 250px;
  }

  .div-block-214.hydrogen {
    height: 500px;
  }

  .column-47 {
    padding-left: 220px;
  }

  .div-block-217 {
    max-width: 70vw;
    min-width: 70vw;
  }

  .map_range_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .div-block-218 {
    height: 250px;
  }

  .column-48 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .section-106 {
    height: 75vh;
  }

  .div-block-223 {
    width: 100%;
    height: 80vh;
    max-width: 100%;
  }

  .div-block-225 {
    max-width: 70vw;
  }

  .div-block-229 {
    width: 300px;
    height: 450px;
  }

  .div-block-230 {
    width: 100%;
  }

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

  .section-117 {
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .div-block-241 {
    max-width: 75%;
    min-width: 75%;
  }

  .div-block-249.nasa_wheel {
    width: 700px;
    height: 700px;
  }

  .div-block-250 {
    width: 70%;
  }

  .div-block-251.doors {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png");
    background-size: cover;
  }

  .div-block-252 {
    height: 50%;
  }

  .div-block-253 {
    position: relative;
    width: 80%;
    height: 70vh;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
  }

  .div-block-253.solar {
    height: 700px;
  }

  .section-122 {
    padding-top: 84px;
    padding-bottom: 84px;
  }

  .div-block-254 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-image: none;
  }

  .div-block-254.canopy {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e7acbb7a892986a07a1c4cc_Glass%20roof%20from%20inside.jpg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e7acbb7a892986a07a1c4cc_Glass%20roof%20from%20inside.jpg"), linear-gradient(180deg, transparent, transparent);
    background-position: 50% 50%, 0px 0px;
    background-size: cover, auto;
  }

  .div-block-254.track {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7ca78ceb54c2641fc9b7ae_High-res-but-compressed-track-shot.jpg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f7ca78ceb54c2641fc9b7ae_High-res-but-compressed-track-shot.jpg"), linear-gradient(180deg, transparent, transparent);
    background-position: 50% 50%, 0px 0px;
    background-size: cover, auto;
  }

  .div-block-254.hq {
    width: 80%;
    height: 80vh;
    max-width: 80%;
  }

  .div-block-255 {
    width: 80%;
  }

  .div-block-255.cluster {
    width: 80%;
    max-width: 80%;
  }

  .instrument-cluster-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-54 {
    margin-bottom: 250px;
  }

  .columns-24 {
    display: block;
  }

  .column-65 {
    padding: 155px;
  }

  .range.white {
    color: #fff;
    font-size: 120px;
    line-height: 115px;
    text-transform: uppercase;
  }

  .heading-184.ehite {
    padding-left: 0px;
    color: #fff;
    font-size: 40px;
    line-height: 70px;
    font-weight: 300;
    letter-spacing: 5px;
    text-transform: uppercase;
  }

  .div-block-283 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 2;
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5eb1f706c7f61e3482f019eb_NASA%20Color%20Graded%20v2.jpg");
    background-position: 50% 50%;
    background-size: cover;
  }

  .section-139 {
    position: relative;
    overflow: hidden;
    height: 60vh;
  }

  .div-block-284 {
    height: 115%;
    margin-top: -57px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), color-stop(35%, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.66)), color-stop(21%, rgba(0, 0, 0, 0.41)), color-stop(79%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5eb1f706c7f61e3482f019eb_NASA%20Color%20Graded%20v2.jpg");
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), transparent 35%), linear-gradient(180deg, rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.41) 21%, transparent 79%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5eb1f706c7f61e3482f019eb_NASA%20Color%20Graded%20v2.jpg");
    background-position: 0px 0px, 0px 0px, 50% 100%;
    background-size: auto, auto, cover;
  }

  .div-block-288 {
    width: 80%;
    max-width: 80%;
  }

  .div-block-292 {
    height: 600px;
  }

  .scroll_button {
    margin-right: 0px;
    margin-left: 0px;
  }

  .responsive_page_wrapper {
    width: 70%;
    max-width: 70%;
  }

  .text-block-76 {
    color: #b3b3b3;
  }

  .div-block-314 {
    width: 80%;
    max-width: 80%;
  }

  .lightbox-link-12 {
    height: 650px;
  }

  .bg-blur-glow {
    width: 700px;
    height: 700px;
  }

  .circle-border.border {
    width: 610px;
    height: 610px;
  }

  .grey-circle {
    width: 600px;
    height: 600px;
  }

  .hero_about-_text_wrapper {
    width: 70%;
    max-width: 70%;
  }

  .hero_ordernow {
    padding-bottom: 100px;
  }

  .grid-13 {
    -ms-grid-columns: 2.25fr 0.5fr;
    grid-template-columns: 2.25fr 0.5fr;
  }

  .order-summary-div-container {
    padding: 0px 37px 48px;
  }

  .order-fields {
    height: 50px;
  }

  .form_block_ordernow {
    width: 100%;
  }

  .text-block-91 {
    font-size: 14px;
  }

  .bold-text {
    font-size: 60px;
    line-height: 55px;
  }

  .chassis.door-open {
    height: 80vh;
  }

  .chassis-container {
    width: 80%;
    max-width: 80%;
  }

  .grid-17 {
    overflow: hidden;
    height: 100%;
    grid-auto-flow: row;
    grid-template-areas: ". Area"
      ". Area";
  }

  .div-block-320 {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603c54e32907498dc81d3bb2_profile_hq.jpg");
    background-position: 50% 50%;
    background-size: cover;
  }

  .div-block-321 {
    height: 210%;
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/603c54ce3b870e0332cfa7f6_close_rear.jpg");
    background-position: 50% 50%;
    background-size: cover;
  }

  .div-block-322 {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f9b77b92179d109e086b42a_Angelo_XP1_compressed.jpg");
    background-position: 50% 50%;
    background-size: cover;
  }
}

@media screen and (max-width: 991px) {
  .team_section.cc-cta {
    padding-right: 0px;
    padding-left: 0px;
  }

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

  .button {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .button.cc-contact-us {
    display: none;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .logo-link.w--current {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu {
    position: static;
    margin-left: 30px;
  }

  .navigation-wrap {
    z-index: 15;
    background-color: hsla(0, 0%, 100%, 0);
  }

  .navigation {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 15;
    padding: 25px 30px;
  }

  .navigation-item {
    padding: 15px 30px;
    -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    text-align: center;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0px;
  }

  .menu-button.w--open {
    background-color: transparent;
  }

  .logo-image {
    margin-left: 1px;
    padding-left: 0px;
  }

  .navigation-items {
    z-index: 159;
    background-color: #000;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .project-details-grid {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-row-gap: 50px;
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 50px auto;
    grid-template-rows: auto auto;
    text-align: center;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .detail-header-image {
    height: 460px;
  }

  .blog-item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .blog-preview-image {
    width: 100%;
    height: 300px;
    margin-right: 0px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .hero-section-div-title.home-hero {
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .heading-interior {
    font-size: 33px;
  }

  .home-section-heading {
    padding-left: 18px;
    font-size: 33px;
    letter-spacing: 30px;
  }

  .background_video_17.performance {
    background-position: 94% 50%;
  }

  .featured-specs-container.specs-for-section.margin-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .left-container-custom {
    padding-right: 29px;
  }

  .right-container-custom {
    padding-left: 0px;
  }

  .heading-89 {
    font-size: 33px;
  }

  .paragraph-22 {
    font-size: 13px;
    line-height: 24px;
  }

  .paragraph-22.our-story {
    line-height: 22px;
  }

  .heading-95 {
    letter-spacing: 45px;
  }

  .column-25 {
    padding-left: 20px;
  }

  .side-nav-bar {
    display: none;
  }

  .custom-container-layout-5.launch_button {
    max-width: 90vw;
    min-width: 90vw;
  }

  .background-video-28 {
    height: 80%;
  }

  .section-65 {
    height: 100vh;
  }

  .column-30 {
    height: 80%;
    padding-right: 30px;
  }

  .grid-2 {
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .heading-131 {
    letter-spacing: 45px;
  }

  .collection-list-wrapper {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .gallery-grid-container {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .lottie_car_role_desktop {
    margin-top: 144px;
  }

  .grid-6 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .video_div_wrapper_bg_image {
    width: 600px;
    height: 350px;
  }

  .exit_wrapper_fixed {
    padding-right: 30px;
    padding-left: 30px;
  }

  .grid-9 {
    grid-column-gap: 15px;
    grid-row-gap: 50px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-249.nasa_wheel {
    width: 350px;
    height: 350px;
  }

  .div-block-253.solar {
    height: 400px;
  }

  .text-block-77 {
    padding-left: 5px;
  }

  .div-block-310 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-78 {
    margin-left: 0px;
    padding-left: 35px;
  }

  .lightbox-link-12 {
    height: 350px;
  }
}

@media screen and (max-width: 767px) {
  .team_section {
    overflow: hidden;
    margin-right: 15px;
    margin-left: 15px;
  }

  .team_section.cc-cta {
    padding: 15px;
  }

  .team_section.cc-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .custom-container-newsletter {
    padding-top: 121px;
    padding-bottom: 121px;
    text-align: center;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .rich-text {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0px;
  }

  .navigation {
    padding: 20px 30px;
  }

  .cta-wrap {
    padding-right: 30px;
    padding-left: 30px;
  }

  .intro-content {
    width: 80%;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .text-field.cc-contact-field {
    text-align: left;
  }

  .project-name-wrap {
    margin-bottom: 30px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .blog-detail-header-wrap {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .blog-heading-link {
    text-align: left;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .hero-section-div-title.home-hero {
    margin-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-37 {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .heading-45 {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
  }

  .background_video_17.performance {
    background-position: 93% 50%;
  }

  .explore_more_button.w--current {
    margin-top: 0px;
  }

  .paragraph-20 {
    font-size: 12px;
    line-height: 20px;
  }

  .featured-specs-container.specs-for-section.margin-mobile {
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .heading-95 {
    padding-left: 21px;
    font-size: 33px;
    letter-spacing: 25px;
  }

  .interior-popout {
    display: none;
  }

  .custom-container-layout-5.launch_button {
    max-width: 90vw;
    min-width: 90vw;
  }

  .section-62 {
    overflow: hidden;
  }

  .div-block-120 {
    overflow: hidden;
  }

  .section-64 {
    overflow: hidden;
  }

  .heading-119 {
    margin-top: 0px;
  }

  .section-65 {
    overflow: hidden;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .columns-13 {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

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

  .slider-4 {
    overflow: hidden;
  }

  .div-block-126 {
    width: 100%;
  }

  .heading-126 {
    text-align: left;
  }

  .column-33 {
    padding-right: 0px;
  }

  .heading-131 {
    padding-left: 39px;
    font-size: 35px;
    letter-spacing: 40px;
  }

  .text-block-20 {
    text-align: left;
  }

  .lottie-animation-42 {
    display: none;
  }

  .columns-16 {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-38 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .column-39 {
    height: auto;
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .section-88 {
    height: auto;
  }

  .gallery {
    padding: 40px 20px;
  }

  .gallery-grid-container {
    max-width: none;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }

  .homepage_headings_h1.white.home_hero {
    padding-left: 25px;
    font-size: 40px;
    letter-spacing: 40px;
  }

  .video_div_wrapper_bg_image {
    width: 500px;
    height: 350px;
  }

  .tech_progress_bar {
    width: 40%;
  }

  .column-46 {
    margin-bottom: 10px;
    padding-left: 0px;
  }

  .columns-20 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-47 {
    padding-left: 0px;
  }

  .column-60.doors {
    height: 50vh;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .column-61.wing {
    height: auto;
    padding-top: 73px;
    padding-bottom: 73px;
  }

  .div-block-249 {
    width: 90%;
  }

  .columns-23.doors {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-64 {
    display: none;
  }

  .text-block-77 {
    padding-left: 5px;
    font-size: 20px;
    letter-spacing: 13px;
  }

  .div-block-310 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-78 {
    padding-left: 21px;
    font-size: 40px;
    font-weight: 400;
    text-align: left;
    letter-spacing: 30px;
  }

  .div-block-314 {
    margin-bottom: 50px;
  }

  .lightbox-link-12 {
    height: 300px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  .team_section {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top-width: 0px;
    background-color: transparent;
  }

  .team_section.cc-cta {
    margin-top: 120px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #000;
  }

  .custom-container-newsletter {
    width: 90%;
    max-width: 90%;
    margin-bottom: 80px;
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .paragraph-bigger.cc-bigger-light {
    margin-bottom: 0px;
    color: #979797;
    font-size: 12px;
    line-height: 22px;
  }

  .button.cc-jumbo-button {
    margin-right: 31px;
    margin-left: 31px;
    padding: 11px 0px;
    background-color: #1d202c;
    background-image: -webkit-gradient(linear, left top, right top, from(#002d3d), to(#007074));
    background-image: linear-gradient(90deg, #002d3d, #007074);
  }

  .label.cc-blog-date {
    text-align: left;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .paragraph-light {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
  }

  .heading-jumbo {
    font-size: 18px;
    line-height: 48px;
    letter-spacing: 6px;
  }

  .heading-jumbo-small {
    color: #fff;
    font-size: 25px;
  }

  .logo-link {
    margin-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .logo-link.w--current {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .menu {
    margin-left: 15px;
  }

  .navigation-wrap {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: transparent;
  }

  .navigation {
    z-index: 15;
    overflow: visible;
    padding: 9px;
    opacity: 1;
  }

  .navigation-item {
    color: #000;
  }

  .navigation-item.w--current:focus {
    color: #0080c0;
  }

  .navigation-item.w--current:visited {
    color: #0097ce;
  }

  .menu-button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .menu-button.w--open {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .logo-image {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    border: 1px solid transparent;
  }

  .navigation-items {
    background-color: #fff;
  }

  .cta-text {
    margin-bottom: 11px;
    line-height: 33px;
  }

  .cta-wrap {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .section-heading-wrap {
    margin-top: 0px;
  }

  .status-message.cc-no-data {
    width: 100%;
  }

  .project-details-grid {
    width: 100%;
  }

  .blog-detail-header-wrap {
    width: 100%;
    max-width: none;
  }

  .detail-header-image {
    background-position: 20% 50%;
  }

  .blog-item {
    width: 100%;
    max-width: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .blog-preview-image {
    width: 100vw;
    height: 200px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .blog-summary-wrap {
    padding-left: 0px;
  }

  .blog-heading-link {
    margin-top: 30px;
    margin-right: 0px;
    font-size: 25px;
    line-height: 30px;
    text-align: left;
  }

  .hero-section-div-title {
    z-index: 2;
    margin-top: 90px;
  }

  .hero-section-div-title.home-hero {
    z-index: 10;
    margin-top: 91px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .lottie-animation-5 {
    margin-bottom: 110px;
  }

  .div-block-37 {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .button-3 {
    padding: 1px 24px;
    border-width: 1px;
    font-weight: 300;
  }

  .heading-interior {
    margin-bottom: 1px;
    font-size: 19px;
  }

  .paragraph-interior-specs {
    font-size: 11px;
  }

  .vertical-white-div-divider {
    margin-right: 11px;
    margin-left: 11px;
  }

  .heading-45 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
  }

  .body-2 {
    background-color: #000;
  }

  .hero-black-fadein-onscroll {
    z-index: 2;
    width: 100vw;
    height: 100vh;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(14%, #000), color-stop(65%, rgba(0, 0, 0, 0.47)));
    background-image: linear-gradient(0deg, #000 14%, rgba(0, 0, 0, 0.47) 65%);
  }

  .featured-specs {
    width: 100vw;
    margin-bottom: 156px;
  }

  .text-span-2 {
    font-size: 12px;
    font-weight: 300;
  }

  .heading-specs {
    font-size: 26px;
  }

  .heading-specs.white-bg {
    font-weight: 400;
  }

  .vertical-white-div-spacer {
    margin-right: 24px;
    margin-left: 24px;
  }

  .vertical-white-div-spacer.white-bg {
    margin-right: 10px;
    margin-left: 10px;
  }

  .text-span-3 {
    font-size: 11px;
  }

  .home-section-div-title {
    margin-top: 109px;
  }

  .home-section-div-title.about-hyperion-div-combo {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }

  .home-section-div-title.about-page-header-hero {
    z-index: 7;
  }

  .home-button-section {
    padding-right: 59px;
    padding-left: 59px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 3px;
  }

  .home-button-section.black_button {
    border-color: #000;
    color: #000;
  }

  .section-40 {
    height: 100vh;
    padding-bottom: 160px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.71)), color-stop(46%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3319236834d07d35f5ef04_XP1%20Studio%203-4ths%20mobile.jpg");
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.71), transparent 46%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3319236834d07d35f5ef04_XP1%20Studio%203-4ths%20mobile.jpg");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .home-section-heading {
    padding-left: 7px;
    font-size: 26px;
    line-height: 25px;
    letter-spacing: 4px;
  }

  .home-section-heading.tech {
    letter-spacing: 10px;
  }

  .sub_heading_h2_light {
    margin-top: 0px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 2px;
  }

  .home-section-technology {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(41%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f09001d6aab90ee880c78c9_wings%20with%20blur%20sunset.jpg");
    background-image: linear-gradient(180deg, #000, transparent 41%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f09001d6aab90ee880c78c9_wings%20with%20blur%20sunset.jpg");
    background-position: 0px 0px, 50% 50%;
  }

  .glass-roof-heading {
    font-size: 22px;
    letter-spacing: 5px;
  }

  .background_video_17.homecharging {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ecd790dbd7addcfcbdf49e9_home%20charging%20mobile.jpg");
    background-position: 50% 50%;
  }

  .background_video_17.performance {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e8c1d44d131f57c393790b9_XP1%20raceway%20mobile%20v2.jpg");
    background-position: 101% 50%;
    background-size: cover;
  }

  .popupdiv_left_text_xp1v2 {
    width: 100vw;
    padding-left: 18px;
  }

  .popupdiv_left_text_xp1v2.performance {
    display: none;
    width: 100vw;
  }

  .black_div_fadein_xp1 {
    height: 100vh;
  }

  .left_div_explore {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: auto;
    max-width: 90vw;
    margin-top: 0px;
    margin-bottom: 140px;
    margin-left: 15px;
  }

  .explore_more_button.w--current {
    margin-top: 0px;
  }

  .explore_more_button.performance.w--current {
    padding-right: 21px;
    padding-left: 21px;
    font-size: 14px;
  }

  .container_inside_popup {
    padding-right: 17px;
    padding-left: 17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .paragraph-20 {
    padding-right: 64px;
    font-size: 13px;
    line-height: 22px;
  }

  .lottie-heading-xp1 {
    margin-bottom: -8px;
    margin-left: -8px;
  }

  .paragraph-21 {
    font-size: 13px;
    line-height: 20px;
  }

  .featured-specs-container {
    margin-bottom: 110px;
  }

  .featured-specs-container.specs-for-section.margin-mobile {
    margin-top: 52px;
    margin-bottom: 44px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .featured-specs-container.specs-for-section.margin-mobile.xp1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .xp1-hero-div-feature-specs {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .text-span-15 {
    font-size: 12px;
  }

  .text-span-16 {
    font-size: 12px;
  }

  .text-span-17 {
    font-size: 12px;
  }

  .spec_subheading {
    font-size: 11px;
    line-height: 15px;
  }

  .heading-84 {
    margin-top: 0px;
    font-size: 30px;
    line-height: 30px;
  }

  .div-block-69 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .specs_popup_image {
    margin-right: 18px;
    margin-left: 18px;
  }

  .lottie-animation-17 {
    width: 100vw;
  }

  .hero-xp1-page {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e8c1d44d131f57c393790b9_XP1%20raceway%20mobile%20v2.jpg");
    background-position: 100% 50%;
    background-size: cover;
  }

  .text-block {
    font-size: 12px;
    text-align: center;
    letter-spacing: 3px;
  }

  .text-block.black-text {
    font-size: 16px;
  }

  .body-6 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: linear-gradient(180deg, #000, #000);
  }

  .left-container-custom {
    width: auto;
    height: auto;
    padding: 48px 0px 10px;
  }

  .left-container-custom.our-story.our-team {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .left-container-custom.performance {
    padding-top: 0px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .right-container-custom {
    width: 90vw;
    height: 40vh;
    margin-bottom: 32px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .right-container-custom.our-team {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .right-container-custom.performance {
    margin-bottom: 0px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .paragraph-22 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    color: #ebebeb;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
  }

  .paragraph-22.our-story {
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 25px;
    text-align: left;
  }

  .lottie-animation-20 {
    width: 40px;
  }

  .custom-container-max-width {
    max-width: 90vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .custom-container-max-width.our-team {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .custom-container-max-width.performance {
    margin-top: 22px;
    margin-bottom: 22px;
  }

  .custom-container-max-width.interior {
    max-width: 100vw;
  }

  .custom-container-max-width.wide-banner-interior-image {
    height: 19vh;
  }

  .meet-our-team-section {
    overflow: hidden;
    height: 40vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#131313), to(#131313));
    background-image: linear-gradient(180deg, #131313, #131313);
  }

  .heading-93 {
    font-size: 36px;
    line-height: 43px;
    text-align: center;
  }

  .lottie-animation-21 {
    display: none;
    width: 90vw;
    height: auto;
    opacity: 0.29;
  }

  .div-block-84 {
    width: 100%;
  }

  .heading-95 {
    padding-left: 24px;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 22px;
  }

  .interior-popout {
    display: none;
    padding-top: 88px;
  }

  .div-image-performance {
    height: auto;
  }

  .div-image-performance.no-image {
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .div-image-performance.no-image._3rd-image {
    padding-left: 0px;
  }

  .div-image-performance.interior-wide-view {
    height: auto;
  }

  .slider {
    height: 30vh;
  }

  .paragraph-26 {
    color: #c5c5c5;
    font-size: 13px;
    line-height: 22px;
    font-weight: 300;
  }

  .paragraph-27 {
    color: #d1d1d1;
    font-size: 13px;
    line-height: 22px;
    font-weight: 300;
  }

  .heading-97 {
    margin-bottom: 0px;
  }

  .heading-98 {
    font-size: 30px;
  }

  .text-block-6 {
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 22px;
  }

  .text-block-6.absolute-text-location {
    margin-left: 20px;
  }

  .text-span-address-location {
    font-size: 12px;
  }

  .column-25 {
    height: 50vh;
    padding-right: 17px;
    padding-left: 17px;
  }

  .section-56 {
    height: 100vh;
    margin-top: 0px;
  }

  .column-26 {
    height: 50vh;
  }

  .slider-3 {
    height: 50vh;
  }

  .background-video-23 {
    height: 50vh;
  }

  .text-field-white-stroke {
    margin-bottom: 0px;
  }

  .footer-text-link {
    display: none;
  }

  .footer-text-link.privacy {
    display: block;
  }

  .text-block-9 {
    text-align: left;
  }

  .columns-11 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .submit-button-form {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    clear: none;
  }

  .heading-104 {
    margin-top: 15px;
    margin-bottom: 40px;
    text-align: left;
  }

  .column-27 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .column-28 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .form {
    margin-top: 20px;
  }

  .div-block-103 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .button-4 {
    padding-right: 14px;
    padding-left: 14px;
    font-size: 13px;
  }

  .lottie-animation-23 {
    width: 40px;
  }

  .black-bottom-div-fade-in {
    display: none;
  }

  .text-span-35 {
    font-size: 10px;
  }

  .heading-106 {
    font-size: 25px;
  }

  .div-block-105 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .div-block-105.mobile-hide-div-spacer {
    display: none;
  }

  .sub-head-stat {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }

  .full-specs-container {
    min-width: 90vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .heading-107 {
    font-size: 30px;
    letter-spacing: 8px;
  }

  .custom-container-layout-5 {
    margin-bottom: 156px;
  }

  .custom-container-layout-5.launch_button {
    max-width: 90vw;
    min-width: 90vw;
    margin-bottom: 120px;
  }

  .slider-perormance {
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.23)), color-stop(18%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png"), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.69)), color-stop(28%, transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.23), transparent 18%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.69), transparent 28%);
    background-position: 0px 0px, 50% 50%, 0px 0px;
    background-size: auto, cover, auto;
    background-attachment: scroll, scroll, scroll;
  }

  .lottie-animation-25 {
    overflow: visible;
    width: auto;
    height: auto;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .div-block-113 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .specs-wrapper {
    height: 40vh;
    max-width: 90vw;
    min-width: 90vw;
    padding-top: 110px;
  }

  .heading-112 {
    font-size: 35px;
    text-align: center;
    letter-spacing: 0px;
  }

  .tab-pane-tab-1 {
    background-image: linear-gradient(350deg, rgba(0, 0, 0, 0.7) 14%, transparent 40%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f340a5e8da2e47470c489ee_Hyp_XP1_perf_track_mobile.jpg");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .tabs-menu {
    padding-right: 51px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .tab-link-tab-1 {
    padding-left: 0px;
  }

  .tab-link-tab-1.w--current {
    padding-left: 0px;
  }

  .image-41 {
    margin-bottom: 5px;
  }

  .tab-pane-tab-3-2 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.62)), color-stop(54%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(0, 0, 0, 0.6)), color-stop(34%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc7b6e580afe29ed8a1e3e_interior%20xp1%20seats.jpg");
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.62), transparent 54%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 6%, transparent 34%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5ebc7b6e580afe29ed8a1e3e_interior%20xp1%20seats.jpg");
    background-position: 0px 0px, 0px 0px, 53% 50%;
    background-size: auto, auto, auto;
  }

  .div-warpper-tab-sections {
    max-width: 90vw;
    min-width: 90vw;
    padding-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .paragraph-32 {
    margin-left: 0px;
    font-size: 12px;
    line-height: 22px;
  }

  .lightbox-link-3 {
    display: block;
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .container {
    padding-top: 100px;
  }

  .container-2 {
    padding-bottom: 90px;
  }

  .section-62 {
    overflow: hidden;
    height: 90vh;
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f18a67526346c1bb2c9308e_XP1%20Mobile%20Compressed%20cropped.jpg");
    background-size: cover;
  }

  .div-block-120 {
    overflow: hidden;
  }

  .background-video-28 {
    height: 350px;
  }

  .section-64 {
    overflow: hidden;
    padding-top: 0px;
  }

  .section-65 {
    overflow: hidden;
    height: auto;
    padding-top: 99px;
    padding-bottom: 99px;
  }

  .section-65.about_mobile {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .columns-13 {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-30 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .launch-page-wrapper {
    display: block;
    max-width: 90vw;
  }

  .column-31 {
    margin-top: 0px;
    margin-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .columns-14 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-123.footer {
    width: 75px;
  }

  .grid-2 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-auto-flow: column;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }

  .slider-4 {
    overflow: hidden;
    height: 60vh;
  }

  .slide-12 {
    background-position: 40% 50%;
  }

  .lottie-animation-32 {
    top: 0px;
    width: 250px;
  }

  .heading-122 {
    top: 95px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0px;
  }

  .background-video-30 {
    height: 50vh;
  }

  .heading-124 {
    padding-left: 0px;
    font-size: 55px;
    line-height: 50px;
    letter-spacing: 0px;
  }

  .heading-124.tech {
    padding-left: 12px;
    font-size: 40px;
    letter-spacing: 9px;
  }

  .section-69 {
    height: auto;
    padding-top: 40px;
  }

  .lottie-animation-33 {
    width: 125px;
  }

  .nav-landing-page {
    padding-right: 15px;
    padding-left: 15px;
  }

  .link-2 {
    margin-right: 0px;
    margin-left: 0px;
  }

  .heading-125 {
    font-size: 22px;
    letter-spacing: 4px;
  }

  .social-icon-wrapper {
    margin-bottom: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .image-49 {
    width: 20px;
  }

  .text-block-17 {
    font-size: 11px;
    line-height: 22px;
  }

  .heading-126 {
    text-align: left;
  }

  .link-3 {
    margin-left: 0px;
  }

  .column-33 {
    padding-left: 0px;
  }

  .link-block-14 {
    margin-right: 0px;
    margin-left: 0px;
  }

  .italic-text-2 {
    font-size: 8px;
  }

  .heading-131 {
    padding-left: 21px;
    font-size: 28px;
    line-height: 35px;
    font-weight: 300;
    letter-spacing: 18px;
  }

  .image-51 {
    width: 55px;
  }

  .text-block-19 {
    font-size: 10px;
  }

  .heading-133 {
    font-size: 30px;
    line-height: 40px;
  }

  .collection-list-wrapper {
    margin-top: 40px;
  }

  .section-72 {
    height: 50vh;
  }

  .section-72.contact {
    height: 30vh;
  }

  .collection-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .link-block-17 {
    width: 100%;
    height: 200px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .div-block-135 {
    width: 100%;
  }

  .image-54 {
    height: 200px;
  }

  .newsroom-heading {
    margin-bottom: 35px;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
  }

  .container-3 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .lottie-animation-35 {
    width: 65px;
    padding: 8px;
  }

  .body-17 {
    padding-bottom: 0px;
  }

  .section-77 {
    height: 50vh;
  }

  ._80vw-60vw-container {
    overflow: hidden;
    width: 80vw;
  }

  .official-navbar {
    padding: 0px 15px;
  }

  .official-navbar.reserve {
    padding: 15px 30px;
  }

  .lottie-animation-38 {
    padding-top: 10px;
  }

  .lottie-animation-39 {
    width: 80px;
  }

  .lottie-animation-40 {
    width: 250px;
  }

  .home-hero-slider {
    height: 95vh;
  }

  .slide-14 {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f3591041756d75c18dc1f67_Hyperion_Mobile_new_xp1.jpg");
    background-position: 50% 50%;
  }

  .slide-15 {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33b3e232b3f1b0d28690e6_XP1_rear.jpg");
  }

  .slide-16 {
    background-position: 30% 50%;
  }

  .heading-140 {
    font-size: 80px;
  }

  .heading-141 {
    font-size: 27px;
  }

  .section-79 {
    overflow: hidden;
  }

  .tech_hero {
    height: 90vh;
    padding-bottom: 0px;
    background-image: none;
  }

  .heading-142 {
    margin-top: 0px;
    padding-left: 14px;
    font-size: 17px;
    letter-spacing: 14px;
  }

  .heading-142.tech {
    padding-left: 22px;
    letter-spacing: 20px;
  }

  .image-55 {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .launch_video_divbutton {
    width: 175px;
    height: 40px;
    border-width: 1px;
  }

  .text-span-45 {
    margin-right: 0px;
    font-size: 10px;
  }

  .columns-15 {
    overflow: hidden;
  }

  .column-34 {
    overflow: hidden;
    height: 50vh;
  }

  .column-35 {
    height: 50vh;
  }

  .lottie-animation-42 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 23px;
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }

  .container-4 {
    padding-right: 18px;
    padding-left: 18px;
  }

  .paragraph-37 {
    font-size: 12px;
    line-height: 22px;
  }

  .heading-144 {
    font-size: 10px;
    text-align: center;
    letter-spacing: 1px;
  }

  .careers_container {
    width: 85vw;
    max-width: 85vw;
  }

  .form_label_text {
    margin-bottom: 0px;
  }

  .text-block-23 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .button-7 {
    margin-right: 10px;
  }

  .form-2 {
    padding: 0px;
  }

  .recharge_section {
    height: auto;
  }

  .columns-16 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-38 {
    height: 50vh;
    margin-bottom: 41px;
  }

  .column-39 {
    height: auto;
    padding: 90px 20px 133px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .div-block-153 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

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

  .paragraph-38 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
  }

  .charging_section_start {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .heading-147 {
    font-size: 40px;
    text-align: center;
  }

  .heading-148 {
    padding-left: 4px;
    font-size: 10px;
    letter-spacing: 18px;
  }

  .text-span-49 {
    font-weight: 400;
  }

  .sub_tech_menu {
    display: none;
    overflow: visible;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .link-5 {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .link-block-19 {
    margin-bottom: 110px;
  }

  .section-86 {
    width: 100%;
  }

  .heading-149 {
    padding-left: 0px;
    font-size: 11px;
    text-align: center;
    letter-spacing: 5px;
  }

  .grid-5 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .car_png {
    width: 150px;
  }

  .heading-151 {
    font-size: 150px;
  }

  ._1000mi_scroll {
    height: 20vh;
  }

  ._1000mi_stick_div {
    padding-top: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-167 {
    max-width: 90vw;
  }

  .heading-152 {
    font-size: 50px;
    text-align: center;
    letter-spacing: 3px;
  }

  .text-span-54 {
    padding-left: 43px;
    letter-spacing: 40px;
  }

  .text-span-55 {
    padding-left: 19px;
    font-size: 25px;
    font-weight: 200;
    letter-spacing: 15px;
  }

  .section-91 {
    overflow: hidden;
  }

  .heading-157 {
    font-size: 50px;
    line-height: 40px;
  }

  .heading-159 {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 7px;
  }

  .gallary_sticky {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f33ce506dd90bd834ca3eed_xp1-3-quarters-mobile.jpg");
    background-position: 50% 50%;
  }

  .gallery_sticky_warpper {
    margin-top: -13px;
  }

  .centered-container {
    text-align: left;
  }

  .gallery-grid-container {
    margin-right: 0px;
    margin-left: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto;
  }

  .heading-164 {
    font-size: 40px;
    line-height: 45px;
  }

  .gallery_heading_container {
    padding-top: 100px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .gallery_heading_container.interior {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .black_div_fade_gallery {
    opacity: 0.43;
  }

  .text-block-27 {
    font-size: 14px;
    line-height: 22px;
  }

  .lottie_car_role_desktop {
    display: none;
    width: 100vw;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .lottie_xp1_roll_vertical {
    display: block;
    width: 100vw;
    height: 100vh;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .section-95 {
    height: 90vh;
    min-height: auto;
  }

  .xp1_bg_image {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6a990d585691ba6b232caf_Mobile-studio.jpg");
    background-position: 50% 50%;
  }

  .xp1_bg_image.tech {
    background-position: 80% 50%;
  }

  .heading-165 {
    margin-top: 0px;
    padding-left: 0px;
    font-size: 12px;
    letter-spacing: 5px;
  }

  .heading-165.about {
    padding-left: 5px;
    font-size: 50px;
  }

  .heading-166 {
    font-size: 40px;
  }

  .text-span-57 {
    font-size: 12px;
  }

  .grid-6 {
    z-index: 10;
    max-width: 90vw;
    min-width: 90vw;
    margin-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .grid-6.order {
    margin-bottom: 0px;
  }

  .spec_div_wrapper {
    padding-bottom: 0px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom-color: #756e6e;
  }

  .specs_text {
    font-size: 12px;
    line-height: 22px;
    text-align: left;
  }

  .specs_feature_text {
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 48px;
    line-height: 40px;
  }

  .specs_feature_text.black {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 35px;
  }

  .tech_hero_bg_image {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f0d1bd9ec95624e9210406b_Hyperion%20side%20engine%20pre%20teaser.jpg"), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f66426b01a919ab661b871e_xp1%20verticle%20moble%20rear.JPG");
    background-position: 20% 50%, 65% 50%;
    background-size: cover, auto;
  }

  .grid-7 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid_tech_wrapper {
    height: 200px;
  }

  .heading-167 {
    font-size: 20px;
  }

  .click_explore_button {
    padding: 7px 11px;
  }

  .div-block-178.lucid-grye {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }

  .paragraph-39.black {
    font-size: 25px;
    line-height: 30px;
  }

  .text-block-30.black {
    font-size: 12px;
  }

  .homepage_headings_h1 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
  }

  .homepage_headings_h1.white {
    padding-left: 0px;
    font-size: 30px;
  }

  .homepage_headings_h1.white.home_hero {
    padding-left: 18px;
    font-size: 25px;
    line-height: 50px;
    letter-spacing: 20px;
  }

  .homepage_headings_h1.white.about {
    margin-bottom: 0px;
    font-size: 40px;
    letter-spacing: 5px;
  }

  .homepage_headings_h1.whitesub {
    font-size: 30px;
    letter-spacing: 15px;
  }

  .home_hero_container {
    position: relative;
  }

  .main_button_black.open_doors {
    margin-bottom: 35px;
  }

  .home_spec_container {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .lottie-animation-46 {
    width: 250px;
    margin-bottom: 15px;
  }

  .text-block-34.black {
    margin-top: -10px;
  }

  .section-98 {
    padding-top: 151px;
    padding-bottom: 151px;
  }

  .video_div_wrapper_bg_image {
    width: 90%;
    height: 400px;
  }

  .video_div_wrapper_bg_image.about {
    height: 350px;
  }

  .tech_pop_hero_section {
    overflow: hidden;
  }

  .heading-170 {
    padding-left: 0px;
    font-size: 50px;
    text-align: center;
    letter-spacing: 2px;
  }

  .heading-170.endurance {
    padding-left: 0px;
    font-size: 50px;
    letter-spacing: 0px;
  }

  .text-block-36 {
    letter-spacing: 10px;
  }

  .range_bg_image.endurance.recharge {
    overflow: hidden;
  }

  .range_bg_image.range {
    background-position: 0px 0px, 70% 50%;
  }

  .exit_wrapper_fixed {
    padding-right: 15px;
    padding-left: 15px;
  }

  .exit_button_wrapper {
    width: 50px;
    height: 50px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .link-block-22 {
    width: 120px;
    height: 40px;
  }

  .text-block-38 {
    font-size: 12px;
  }

  .tech_progress_bar {
    width: 30%;
  }

  .columns-18 {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-42 {
    height: 80vh;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .column-43 {
    height: auto;
    padding: 41px 0px;
  }

  .heading-172 {
    font-size: 25px;
    line-height: 30px;
  }

  .heading-172.weight {
    margin-bottom: 15px;
  }

  .div-block-211 {
    width: 90%;
    max-width: 90%;
  }

  .paragraph-40 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }

  .section-103 {
    height: auto;
    padding-top: 100px;
  }

  .scroll_wrapper {
    margin-bottom: 90px;
  }

  ._1000mi_wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .heading-173 {
    font-size: 40px;
  }

  .heading-173.range {
    padding-left: 29px;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 30px;
  }

  .column-44 {
    height: auto;
  }

  .column-45 {
    height: auto;
  }

  .div-block-215 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-block-39 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }

  .text-block-40 {
    margin-bottom: 0px;
    font-size: 20px;
  }

  .text-block-41 {
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 10px;
  }

  .column-46 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .columns-20 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .columns-20.tint {
    padding-top: 40px;
  }

  .column-47 {
    padding-left: 0px;
  }

  .div-block-217 {
    max-width: 90vw;
    min-width: 90vw;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .map_range_section {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .column-48 {
    overflow: hidden;
    height: auto;
    padding-top: 28px;
    padding-bottom: 28px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .column-48._24hrs {
    height: auto;
    padding-top: 49px;
    padding-bottom: 49px;
  }

  .column-49 {
    height: auto;
    padding-top: 20px;
  }

  .column-49._24hrs {
    padding-top: 0px;
  }

  .columns-21 {
    padding-top: 0px;
    padding-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .map_container {
    overflow: hidden;
    width: 90%;
  }

  .tech_bg {
    width: 90vw;
    max-width: 90vw;
  }

  .section-106 {
    height: 30vh;
  }

  .column-52 {
    height: auto;
    padding-top: 50px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .column-53 {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .temp_bar {
    height: 200px;
  }

  .div-block-222 {
    height: 200px;
  }

  .div-block-223 {
    width: 100%;
    height: 60vh;
    max-width: 100%;
  }

  .lottie-animation-53 {
    width: 150px;
  }

  .column-54 {
    height: auto;
    padding-right: 0px;
    padding-bottom: 40px;
    padding-left: 0px;
  }

  .column-55 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-block-44 {
    font-size: 14px;
    line-height: 22px;
  }

  .heading-175 {
    letter-spacing: 5px;
  }

  .columns-22 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .recharge_bg_image {
    width: 90%;
    height: 60vh;
    background-position: 40% 50%;
  }

  .section-112 {
    height: 60vh;
  }

  .div-block-228 {
    margin-top: 66px;
    margin-left: 41px;
  }

  .div-block-229 {
    width: 200px;
  }

  .info_hero_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .text-block-48 {
    font-size: 30px;
  }

  .div-block-233 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px;
  }

  .div-block-234 {
    width: 100%;
  }

  .grid-8 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .section-117 {
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-176 {
    padding-left: 25px;
    font-size: 16px;
    letter-spacing: 25px;
  }

  .div-block-241 {
    max-width: 85%;
    min-width: 85%;
  }

  .section-119 {
    height: 50vh;
  }

  .section-120 {
    height: 100vh;
  }

  .xp1_white_studio {
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6a990d585691ba6b232caf_Mobile-studio.jpg");
    background-position: 60% 50%;
  }

  .heading-178 {
    margin-bottom: 0px;
    line-height: 40px;
  }

  .tech_feature_grid_section {
    margin-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .grid-9 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-grid-row-align: auto;
    align-self: auto;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .key_feature_container {
    width: 150px;
    height: 250px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .key_feature_bg_image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .feature_section {
    height: auto;
  }

  .column-60 {
    height: 50vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .column-60.doors {
    height: 50vh;
  }

  .column-61 {
    height: auto;
    padding: 68px 0px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .column-61.glass {
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .column-61.wing {
    height: 50vh;
    padding-top: 40px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .div-block-249 {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }

  .div-block-249.glass {
    height: auto;
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .div-block-249.nasa_wheel {
    width: 350px;
    height: 350px;
  }

  .div-block-250.glass.canopy {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-251 {
    height: 130%;
  }

  .div-block-251.doors {
    height: 115%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.46)), to(rgba(0, 0, 0, 0.46))), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png");
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.46)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f46c132f33691b79849fc77_studio_bg.png");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .div-block-251.canopy {
    height: 130%;
  }

  .div-block-251.nasa-wheel-ani {
    height: 100%;
  }

  .columns-23 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .number_text_block {
    margin-bottom: 20px;
  }

  .div-block-252 {
    display: none;
    height: 20vh;
    margin-bottom: 59px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .div-block-253 {
    width: 90%;
    height: 50vh;
    max-width: 90%;
    margin-bottom: 45px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .div-block-253.glass {
    height: 45vh;
  }

  .div-block-253.interior_grid {
    margin-bottom: 0px;
  }

  .div-block-253.solar {
    height: 200px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .section-122 {
    padding-top: 0px;
    padding-bottom: 60px;
  }

  .section-122.order {
    padding-top: 60px;
  }

  .div-block-254 {
    height: 130%;
  }

  .div-block-254.canopy {
    height: 120%;
    background-image: url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5e7acbb7a892986a07a1c4cc_Glass%20roof%20from%20inside.jpg");
    background-position: 50% 50%;
    background-size: cover;
  }

  .div-block-254.track {
    height: 100%;
    margin-top: 0px;
    background-position: 70% 50%;
    background-size: cover;
  }

  .div-block-254.hq {
    height: 60vh;
  }

  .lottie-animation-65 {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 350px;
    height: 350px;
  }

  .instrument-cluster-section {
    height: 70vh;
  }

  .lottie-animation-66 {
    width: 250px;
    height: 250px;
  }

  .text-block-54 {
    margin-bottom: 80px;
  }

  .lottie-animation-69.mobile {
    width: auto;
  }

  .div-block-258.desktop {
    display: none;
  }

  .div-block-258.mobile {
    display: block;
  }

  .image-62 {
    width: 30px;
    height: 30px;
  }

  .section-126 {
    overflow: hidden;
  }

  .interior_container {
    overflow: hidden;
    height: auto;
    margin-bottom: 0px;
  }

  .columns-24 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .div-block-261 {
    background-position: 20% 50%;
  }

  .div-block-262 {
    background-position: 30% 50%;
  }

  .interior_lottie_desktop {
    width: auto;
    margin-top: 0px;
    margin-right: -301px;
    margin-left: -301px;
  }

  .interior_lottie_mobile {
    display: block;
  }

  .div-block-263 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section-127 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .section-127.touch {
    padding-top: 40px;
    padding-bottom: 20px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .column-64 {
    display: none;
  }

  .column-65 {
    padding: 88px 22px 88px 35px;
  }

  .grid-10 {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-template-areas: "Area";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .div-block-265.submenu {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .link-6 {
    margin-bottom: 2px;
    font-size: 25px;
    line-height: 35px;
    font-weight: 400;
  }

  .link-7 {
    margin-left: 0px;
    font-size: 14px;
    line-height: 25px;
  }

  .link-block-24 {
    width: 25px;
    height: 25px;
  }

  .text-block-55 {
    font-size: 15px;
  }

  .menu_divider {
    width: 100%;
    margin-bottom: 20px;
  }

  .grid-11 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .div-block-267 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .foot_links {
    text-align: left;
  }

  .column-66 {
    padding-right: 0px;
  }

  .text-block-56 {
    text-align: left;
  }

  .field-label-3 {
    text-align: left;
  }

  .text-field-7 {
    border-radius: 0px;
  }

  .column-67 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .form-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-271 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.36)), color-stop(44%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f84b5bc2616c5bef1e2b268_XP1_vertical.jpg");
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.36), transparent 44%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f84b5bc2616c5bef1e2b268_XP1_vertical.jpg");
    background-position: 0px 0px, 50% 50%;
  }

  .xp1_track_image {
    background-image: linear-gradient(0deg, #000, transparent 40%), linear-gradient(169deg, #275f83, transparent 36%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f340a5e8da2e47470c489ee_Hyp_XP1_perf_track_mobile.jpg");
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
  }

  .heading-180 {
    margin-right: 0px;
  }

  .div-block-275 {
    overflow: hidden;
  }

  .tech_nav_links {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
  }

  .section-135 {
    overflow: hidden;
  }

  .div-block-278 {
    width: 90%;
    max-width: 90%;
  }

  .column-68 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .column-69 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .section-137 {
    height: auto;
    padding-top: 53px;
    padding-bottom: 53px;
  }

  .columns-26 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .section-138 {
    height: 60vh;
  }

  .range {
    margin-bottom: 0px;
    font-size: 80px;
  }

  .range.white.space {
    font-size: 25px;
  }

  .heading-184 {
    margin-top: 0px;
    padding-left: 35px;
    font-size: 40px;
    letter-spacing: 33px;
  }

  .heading-184.ehite {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0px;
  }

  .text-block-58 {
    font-size: 80px;
  }

  .div-block-280 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section-139 {
    display: none;
    height: 40vh;
  }

  .image-65 {
    display: none;
  }

  .div-block-288 {
    width: 100%;
    height: 40vh;
    max-width: 100%;
    margin-bottom: 51px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .section-141 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-70 {
    padding-right: 0px;
  }

  .heading-188 {
    font-size: 50px;
  }

  .grid-12 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .column-71 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .column-73 {
    padding-left: 0px;
  }

  .heading-190 {
    font-size: 40px;
    line-height: 45px;
  }

  .paragraph-44 {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 21px;
  }

  .columns-28 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .white_bg_logofill {
    height: 200px;
  }

  .image-70 {
    width: 85%;
  }

  .image-72 {
    margin-left: -5px;
  }

  .text-block-77 {
    font-size: 15px;
    text-align: left;
    letter-spacing: 4.5px;
  }

  .div-block-310 {
    margin-top: -20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-78 {
    margin-top: 0px;
    padding-left: 6px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    letter-spacing: 10px;
  }

  .background-video-45 {
    height: 140%;
  }

  .lightbox-link-12 {
    height: 300px;
  }

  .text-block-80 {
    padding: 5px 15px;
    font-size: 13px;
  }

  .section-144 {
    padding-top: 0px;
    padding-bottom: 60px;
  }

  .section-45 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bg-blur-glow {
    width: 400px;
    height: 400px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#01a5eb), to(#0a4769));
    background-image: linear-gradient(180deg, #01a5eb, #0a4769);
  }

  .circle-border.border {
    width: 310px;
    height: 310px;
  }

  .heading-81 {
    font-size: 45px;
  }

  .text-block-81 {
    color: #f7f7f7;
    background-clip: border-box;
  }

  .grey-circle {
    width: 300px;
    height: 300px;
  }

  .hero_about-_text_wrapper {
    width: 90%;
    max-width: 90%;
  }

  .image-75 {
    width: 120px;
  }

  .div-block-315 {
    width: 90%;
    max-width: 90%;
  }

  .hero_ordernow {
    height: 90vh;
    padding-bottom: 139px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.32)), color-stop(38%, transparent)), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6a990d585691ba6b232caf_Mobile-studio.jpg");
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32), transparent 38%), url("https://global-uploads.webflow.com/5d6969dafaa2a0ecb5410d23/5f6a990d585691ba6b232caf_Mobile-studio.jpg");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .order-now {
    display: none;
  }

  .order-now.no-margin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .grid-13 {
    padding-bottom: 30px;
    -ms-grid-columns: 2.25fr;
    grid-template-columns: 2.25fr;
  }

  .tab-image {
    height: 300px;
    border-radius: 3px;
  }

  .tabs-menu-7 {
    width: 100%;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .tab_button {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .tab_button.w--current {
    width: 20px;
    height: 30px;
    margin-right: 5px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .tab_button.profile {
    width: 30px;
    height: 30px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .tab_button.rear {
    width: 30px;
    height: 30px;
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .tab_button.interior {
    width: 30px;
    height: 30px;
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .tab_button.interior-2 {
    width: 30px;
    height: 30px;
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .order_section {
    height: auto;
    padding-top: 68px;
  }

  .order-summary-div-container {
    padding-top: 20px;
    padding-bottom: 32px;
  }

  .heading-194 {
    margin-bottom: 15px;
  }

  .order-fields {
    height: 40px;
    border-width: 1px;
    border-color: #fff;
    color: #fff;
  }

  .grid-15 {
    margin-top: 34px;
  }

  .thankyou_hero {
    overflow: hidden;
  }

  .black_circle {
    width: 300px;
    height: 300px;
  }

  .blue_circle {
    width: 310px;
    height: 310px;
  }

  .glow_block {
    width: 310px;
    height: 310px;
  }

  .text-block-87 {
    font-size: 40px;
  }

  .text-block-88 {
    color: #cecece;
    font-size: 14px;
    line-height: 22px;
  }

  .text_container {
    width: 300px;
  }

  .chassis {
    height: 40vh;
    background-position: 25% 50%;
  }

  .chassis.door-open {
    height: 45vh;
  }

  .grid-17 {
    grid-column-gap: 11px;
    grid-template-areas: ". Area"
      "Area-2 Area-2";
  }

  .div-block-321 {
    height: 100%;
  }

  .div-block-322 {
    width: 210%;
  }

  .grid-18 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38cdc-5a410d39 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38ce3-5a410d39 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38cea-5a410d39 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-_0be20a5f-9b43-5453-eb4d-333b7db9a358-6532ff09 {
  -ms-grid-row: span 2;
  grid-row-start: span 2;
  -ms-grid-row-span: 2;
  grid-row-end: span 2;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

@media screen and (max-width: 479px) {
  #w-node-dd97546a-3336-7e1b-1cc7-3dc74f775575-6532ff09 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  #w-node-_0be20a5f-9b43-5453-eb4d-333b7db9a358-6532ff09 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }

  #w-node-_938bdafe-e2f2-9395-7bed-680fa405f58d-b6a1fa13 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-align: auto;
    align-self: auto;
  }
}
@font-face {
  font-family: 'Orbitron';
  src: url('https://uploads-ssl.webflow.com/5d6969dafaa2a0ecb5410d23/5eb1fa3cdc812d5cb5a67e4b_Orbitron-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Orbitron';
  src: url('https://uploads-ssl.webflow.com/5d6969dafaa2a0ecb5410d23/5eb1fa3cd67eb7b5d06ef44e_Orbitron-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Orbitron';
  src: url('https://uploads-ssl.webflow.com/5d6969dafaa2a0ecb5410d23/5eb1fa3c33da8aa17d521af8_Orbitron-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}