/* Generated on: Fri Dec 20 2019 12:55:15 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:500}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:300}.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;margin-left:7px}.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-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{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-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-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-nav[data-collapse="all"] .w-dropdown,.w-nav[data-collapse="all"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="all"] .w-dropdown-list{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-dropdown,.w-nav[data-collapse="medium"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="medium"] .w-dropdown-list{position:static}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-dropdown,.w-nav[data-collapse="small"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="small"] .w-dropdown-list{position:static}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-dropdown,.w-nav[data-collapse="tiny"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="tiny"] .w-dropdown-list{position:static}}.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}.w--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 .w--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"] .w--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"] .w--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.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}@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-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
   ========================================================================== */
body {
  font-family: Graphik, sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 1.6em;
  font-weight: 400;
}

h1 {
  font-family: Graphik, sans-serif;
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 1.1em;
  font-weight: 500;
}

h2 {
  font-family: Graphik, sans-serif;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1.1em;
  font-weight: 500;
}

h3 {
  font-family: Graphik, sans-serif;
  margin-bottom: 20px;
  font-size: 25px;
  line-height: 48px;
  font-weight: 500;
  letter-spacing: 0em;
}

h4 {
  font-family: Graphik, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 1.2em;
  font-weight: 700;
}

h5 {
  font-family: Graphik, sans-serif;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}

h6 {
  font-family: Graphik, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
}

p {
  max-width: 900px;
  margin-top: 20px;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

ul {
  padding-left: 40px;
}

.nav__menu {
  position: relative;
  width: 100%;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
  float: right;
  font-weight: 500;
}

.nav {
  position: absolute;
  z-index: 9998;
  display: block;
  width: 100%;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 15px;
  background-color: transparent;
}

.nav.cc-white {
  background-color: transparent;
}

.nav__brand {
  height: 100%;
  margin-right: 10px;
}

.nav__logo {
  width: 106px;
  height: 40px;
  margin-top: 16px;
}

.nav__right {
  display: inline-block;
  height: 100%;
  padding-top: 15px;
  float: right;
}

.nav__link {
  position: relative;
  display: inline-block;
  height: 50px;
  margin-top: 10px;
  padding-top: 19px;
  padding-right: 20px;
  padding-left: 20px;
  opacity: 1;
  color: #000;
  font-size: 15px;
  line-height: 15px;
}

.nav__link:hover {
  opacity: 1;
}

.nav__link.nav-link--dropdown {
  top: -19px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  opacity: 1;
}

.nav__link.nav-link--dropdown:hover {
  opacity: 1;
}

.nav__link.cc-white {
  color: #fff;
}

.nav__log-in {
  display: inline-block;
  height: 40px;
  margin-bottom: 0px;
  padding-top: 2px;
  padding-right: 14px;
  padding-left: 14px;
  opacity: 1;
  color: #000;
  font-size: 15px;
  line-height: 40px;
}

.nav__log-in:hover {
  opacity: 1;
}

.nav__log-in.cc-white {
  color: #fff;
}

.nav__sign-up {
  display: inline-block;
  height: 40px;
  padding-top: 2px;
  padding-right: 14px;
  padding-left: 14px;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  line-height: 40px;
}

.nav__sign-up:hover {
  background-color: #4353ff;
}

.nav__sign-up.cc-white {
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.08);
}

.nav__sign-up.cc-white:hover {
  background-color: hsla(0, 0%, 100%, 0.12);
}

.nav__dropdown-wrap {
  display: inline-block;
  height: 50px;
  padding: 19px 20px 0px;
}

.nav__dropdown-text {
  display: inline-block;
  color: #000;
}

.nav__dropdown-text.cc-white {
  color: #fff;
}

.nav-link__dropdown.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.15);
  opacity: 1;
}

.nav-dropdown__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-dropdown__link:hover {
  background-color: #eef0f3;
}

.nav-link__arrow {
  margin-bottom: 2px;
  margin-left: 10px;
}

.nav-dropdown__arrow {
  position: absolute;
  left: 50%;
  top: -6px;
  width: 12px;
  height: 6px;
  margin-left: -6px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9ea_nav-arrow-up.svg");
  background-position: 50% 50%;
  background-size: 12px 6px;
}

.nav-mobile {
  display: none;
}

.nav-dropdown__divider {
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px;
  background-color: rgba(0, 0, 0, 0.1);
}

.section {
  position: relative;
  z-index: 1;
  display: block;
  padding: 100px;
}

.section.cs-hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  max-height: 1000px;
  min-height: 800px;
  padding-top: 200px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section.cc-their-needs {
  padding-bottom: 90px;
}

.section.cc-heco {
  display: block;
  padding-top: 150px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section.cc-heco.option2 {
  display: block;
}

.section.cc-heco.option3 {
  display: none;
  margin-top: 50px;
}

.section.cc-heco-quote {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 175px;
}

.section.cc-collab {
  padding-top: 50px;
  padding-bottom: 0px;
}

.section.cc-collab-bottom {
  padding-top: 100px;
  padding-bottom: 175px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(130, 211, 240, 0)), color-stop(35%, #82d3f0));
  background-image: linear-gradient(180deg, rgba(130, 211, 240, 0), #82d3f0 35%);
}

.section.cc-heco-after {
  padding-bottom: 150px;
}

.section.cc-heco-after.cc-2 {
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  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: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: none;
}

.section.cc-problem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 650px;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.section.cc-problem.cc-brown {
  background-color: #f3efec;
}

.section.cc-problem.cc-heco {
  background-color: #82d3f0;
  background-image: none;
}

.section.cc-problem.cc-hello {
  background-color: #199fc9;
  color: #fff;
}

.section.cc-problem.cc-grey {
  background-color: #1a1b1f;
}

.section.cc-read-more {
  display: none;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.25);
}

.section.cc-first {
  padding-top: 0px;
}

.section.cc-first.cc-hello {
  overflow: hidden;
}

.section.cc-webflow-for {
  padding-top: 75px;
  padding-bottom: 25px;
}

.section.cc-hero-test {
  display: none;
}

.section.cc-hello-moving {
  padding-bottom: 150px;
}

.section.cc-dell-search {
  overflow: hidden;
  padding-bottom: 150px;
  background-color: #2b2b2b;
  color: #fff;
}

.section.cc-get-started {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 125px;
  padding-bottom: 125px;
  -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: #eee;
  text-align: center;
}

.section.quote--half {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 640px;
  padding-right: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.section.quote--half.grey2 {
  height: 640px;
  padding-right: 80px;
  background-color: #000;
}

.section.thin-banner {
  padding-top: 0px;
}

.section.editor {
  padding: 150px 100px;
  background-color: #1a1b1f;
}

.section.grey {
  padding-top: 150px;
  padding-bottom: 80px;
  background-color: #fff;
}

.section.white {
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: #e3e6eb;
}

.section.cc-dell-quote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 600px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section.cc-quotes {
  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;
  background-color: #4353ff;
  color: #fff;
}

.section.cc-s-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  min-height: 800px;
  padding-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;
}

.section.cc-edu {
  padding-bottom: 150px;
}

.section.cc-edu.cc-startups {
  padding-top: 50px;
}

.section.cc-s-main-quote.cc-business {
  display: none;
  background-color: #000;
  color: #fff;
}

.section.cc-s-main-quote.cc-heco {
  background-color: #caf0fd;
}

.section.cc-s-main-quote.cc-mtv {
  background-color: #ffeae2;
}

.section.cc-s-main-quote.cc-dell {
  background-color: #b7c1c7;
}

.section.cc-s-main-quote.cc-get {
  background-color: #d4b4d4;
}

.section.cc-p-split {
  background-color: #eee;
}

.section.cc-b-logo {
  padding-top: 0px;
}

.section.cc-s-sites {
  padding-bottom: 65px;
  background-color: #eee;
}

.section.cc-s-sites.cc-scroll {
  padding: 0px;
}

.section.cc-b-sites {
  overflow: hidden;
  padding-top: 150px;
  padding-bottom: 100px;
  background-color: #f5f5f5;
}

.section.cc-s-intergrate {
  background-color: #eee;
}

.section.cc-b-plan {
  background-color: #eee;
}

.section.cc-p-plan {
  padding-bottom: 50px;
}

.container {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

.container.cs-hero {
  display: block;
  margin-top: 90px;
}

.container.cs-triple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.container.cs-work {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.container.cc-flex {
  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;
}

.container.cc-flex.wider {
  max-width: 1100px;
}

.container.cc-flex.cc-dell {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.cc-quote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
}

.container.cc-quote.cc-no-top {
  padding-top: 0px;
}

.container.cc-collab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container.cc-read-more.cc-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}

.container.cc-heco-horizontal-wrap {
  top: 20px;
  height: 530px;
  margin-right: 0px;
  margin-left: 0px;
}

.container.cc-cs-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  padding-bottom: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #000;
}

.container.cc-3d {
  -webkit-perspective: 2000px;
  perspective: 2000px;
}

.container.cc-3d.cc-hello {
  padding-top: 50px;
}

.container.cs-hero-solutions {
  z-index: 2;
  display: block;
  max-width: 1100px;
  margin-top: 30px;
}

.container.cs-hero-solutions.flex {
  display: block;
  max-width: 1100px;
  margin-top: 11px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.container.cs-solutions {
  z-index: 2;
  display: block;
  max-width: 1100px;
}

.container.cs-three-up {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
  margin-top: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container.cs-three-up.blog {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: none;
  margin-right: -20px;
  margin-left: -20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container.flex {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.cc-home-nav {
  display: block;
  max-width: 1100px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 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;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-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;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.button {
  min-width: 160px;
  margin-top: 20px;
  padding: 1px 35px 0px;
  background-color: #4353ff;
  color: #fff;
  font-size: 15px;
  line-height: 44px;
  font-weight: 500;
  text-align: center;
}

.button.cc-secondary {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000;
}

.main_container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1100px;
  -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: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.main_container.cc-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
}

.main_container.cc-content {
  z-index: 11;
  -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;
}

.main_container.cc-top {
  z-index: 50;
  display: block;
}

.main_type {
  font-family: 'Roboto Mono', sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.hc_number {
  position: relative;
  margin-top: -15px;
  margin-right: 20px;
  margin-bottom: -4px;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 80px;
  line-height: 1em;
  text-align: right;
  letter-spacing: 2px;
}

.main_cell-hero {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.main_cell-hero.cc-spread {
  position: relative;
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.main_nav {
  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-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-shadow: none;
}

.main_nav-link {
  display: block;
  margin-top: 4px;
  margin-left: 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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  line-height: 1.3em;
  font-weight: 500;
}

.main_nav-link:hover {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main_nav-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 20px;
  cursor: pointer;
}

.main_nav-item:hover {
  opacity: 0.7;
}

.cs-hero_absolute {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: none;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cs-hero_absolute-container {
  position: relative;
  width: 1100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.cs-hero_img {
  position: absolute;
  left: 33%;
  bottom: 199px;
  display: block;
  width: 70vw;
  height: 900px;
  background-color: rgba(26, 30, 68, 0.2);
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca14_Screen%20Shot%202017-07-12%20at%203.33.43%20PM.png");
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 71px 71px 200px 0 rgba(0, 0, 0, 0.1);
}

.cs-hero_cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 405px;
  -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;
}

.cs-hero_cell.cc-right {
  position: relative;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: right;
}

.cs-cell_triple {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33%;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
}

.cs-cell_triple.cc-fav-feat {
  padding-right: 50px;
}

.stat_number {
  margin-bottom: 26px;
  margin-left: -3px;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 50px;
  line-height: 1em;
}

.stat_number.cc-nudge {
  margin-left: -3px;
}

.cs-cell_expand {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cs-title_problem {
  margin-top: -3px;
}

.h-no-pad {
  margin-top: 0px;
  margin-bottom: 0px;
}

.h-no-pad.white {
  margin-top: 30px;
  color: #fff;
}

.slide-nav {
  display: none;
  height: 40px;
  margin-bottom: -40px;
  font-size: 7px;
  text-align: left;
}

.cs-slide {
  margin-right: 50px;
  padding-right: 0px;
  background-color: #000;
}

.mask {
  overflow: visible;
}

.slider {
  height: 600px;
  background-color: transparent;
}

._70-black-text {
  color: rgba(0, 0, 0, 0.7);
}

._70-black-text.university-p {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 15px;
}

._70-black-text.cc-z {
  position: relative;
  z-index: 1;
}

.cs-hero__image {
  position: absolute;
  left: 50px;
  display: block;
  max-height: 100%;
  max-width: none;
  box-shadow: none;
}

.cs-body {
  background-color: #eef0f3;
}

.cs-work_column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cs-work_column.cc-40 {
  width: 40%;
  padding-right: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.cs-work_column.cc-caption-bottom-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
  -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;
}

.cs-work_column.cc-2of3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.67%;
  -ms-flex: 0 0 66.67%;
  flex: 0 0 66.67%;
}

.cs-caption {
  display: block;
  width: 100%;
  margin-top: 30px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 21px;
}

.cs-caption.cc-align {
  margin-top: -6px;
  margin-bottom: -7px;
}

.cs-work__image {
  max-height: 100%;
}

.cs-work__image.cc-hellosign-img-special {
  width: 100%;
  max-width: none;
  float: right;
}

.cs-big-list__paragraph {
  max-width: none;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 32px;
}

.cs-big-list__paragraph.cc-last {
  margin-bottom: 0px;
}

.cs-their-needs {
  margin-top: -18px;
}

.cs_big-list {
  position: relative;
  z-index: 1;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.1);
}

._70-white-text {
  margin-bottom: 5px;
  color: hsla(0, 0%, 100%, 0.7);
}

._70-white-text.cc-z {
  position: relative;
  z-index: 1;
}

.content_wrap {
  width: 100%;
}

.hc_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 75px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hc_number-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 75px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.hc_logo {
  position: relative;
  z-index: 1;
}

.button_wrap {
  display: inline-block;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button_wrap:hover {
  -webkit-transform: rotateX(0deg) rotateY(20deg) rotateZ(-10deg) scale(0.97);
  transform: rotateX(0deg) rotateY(20deg) rotateZ(-10deg) scale(0.97);
}

.button_wrap:active {
  -webkit-transform: rotateX(0deg) rotateY(20deg) rotateZ(-10deg) scale(1.1);
  transform: rotateX(0deg) rotateY(20deg) rotateZ(-10deg) scale(1.1);
}

.quote-text {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 30px;
  line-height: 1.6em;
  font-style: italic;
  font-weight: 400;
}

.quote-text.cc-small {
  font-size: 24px;
}

.quote-text.cc-s-quote-main {
  margin-top: -10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 38px;
  line-height: 150%;
  font-style: normal;
  font-weight: 500;
}

.hc_type {
  margin-bottom: 3px;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.hc_type.cc-site {
  position: absolute;
  right: 0px;
  bottom: -10px;
  z-index: 50;
  display: block;
  margin-bottom: 0px;
  -webkit-transform: rotate(90deg) translate(100%, 0px);
  -ms-transform: rotate(90deg) translate(100%, 0px);
  transform: rotate(90deg) translate(100%, 0px);
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.hc_type.cc-light {
  color: hsla(0, 0%, 100%, 0.8);
}

.hc_type.cc-subtitle {
  display: inline-block;
  margin-bottom: 30px;
}

.hc_type.white {
  margin-bottom: 0px;
  color: hsla(0, 0%, 100%, 0.7);
  line-height: 1em;
}

.hc_type.black {
  color: #000;
  line-height: 2em;
}

.hc_type.white {
  color: #fff;
  line-height: 2em;
}

.hc_type.subtitle-text {
  color: #4353ff;
  letter-spacing: 0px;
  text-transform: none;
}

.hc_type.process {
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.7);
}

.home_company-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 100px;
  padding-top: 75px;
  padding-right: 100px;
  padding-left: 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;
}

.hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 700px;
  padding: 130px 100px 100px;
  -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;
  background-color: #fff;
  color: #fff;
}

.img {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 90%;
  max-width: 1100px;
  min-height: 400px;
  -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: #f3f4f5;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca58_heco-bg-blur.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
  background-attachment: scroll;
}

.img.cc-hello {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 159, 201, 0.5)), to(rgba(25, 159, 201, 0.5))), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca38_hellosign-blur.jpg");
  background-image: linear-gradient(180deg, rgba(25, 159, 201, 0.5), rgba(25, 159, 201, 0.5)), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca38_hellosign-blur.jpg");
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.img.cc-dell {
  background-color: grey;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5ad0e0610f7efd3387f12a65_dell-blur.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.img_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 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;
}

.hc-bottom-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 75px;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.customer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  -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;
}

.vertical-line {
  position: absolute;
  left: 50%;
  top: 100px;
  bottom: 100px;
  z-index: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.25);
}

.customer_intro {
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 1.6em;
}

.customer_heading {
  width: 90%;
  margin-top: -7px;
  margin-bottom: 0px;
}

.heco_sliver {
  position: absolute;
  left: 40px;
  top: -20px;
  bottom: 20px;
  z-index: 0;
  display: none;
  width: 12%;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca18_heco.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.heco_sliver.cc-2 {
  left: auto;
  top: -24%;
  right: 15%;
  bottom: 10%;
  width: 6%;
}

.heco_sliver.cc-3 {
  left: auto;
  top: auto;
  right: 23%;
  bottom: -40px;
  width: 2%;
  height: 80%;
}

.heco_sliver.cc-4 {
  left: 24%;
  top: 16%;
  width: 100px;
  height: 100px;
}

.heco_sliver.cc-5 {
  left: 22%;
  top: 80%;
  bottom: -20px;
  width: 30%;
}

.button_3d-wrap {
  position: relative;
  z-index: 1;
  width: 200px;
  height: 50px;
  -webkit-transform: rotateX(20deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(20deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button_face {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  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: linear-gradient(325deg, #000, #3b3b3b);
  box-shadow: 0 0 0 1px #fff;
  font-family: 'Roboto Mono', sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.button_face.cc-front {
  -webkit-transform: translate3d(0px, 0px, 25px);
  transform: translate3d(0px, 0px, 25px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button_face.cc-back {
  -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 25px);
  transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 25px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button_face.cc-top {
  -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 25px);
  transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 25px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button_face.cc-bottom {
  -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 25px);
  transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 25px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button_shadow {
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 50px 50px 5px rgba(0, 0, 0, 0.2);
}

.webflow-for {
  margin-bottom: 30px;
  padding-bottom: 30px;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);
  font-size: 45px;
  line-height: 1.1em;
}

.hero_heading {
  max-width: 800px;
  margin-left: -3px;
  font-size: 68px;
}

.hero_heading.cc-dell {
  max-width: 760px;
}

.cs-hero-img {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  width: 68%;
  height: 602px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(129, 211, 240, 0.25)), to(rgba(129, 211, 240, 0.25))), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca1a_heco-blur.jpg");
  background-image: linear-gradient(180deg, rgba(129, 211, 240, 0.25), rgba(129, 211, 240, 0.25)), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca1a_heco-blur.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  box-shadow: none;
}

.cs-hero-img.cc-hello {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.2)), to(hsla(0, 0%, 100%, 0.2))), -webkit-gradient(linear, left top, left bottom, from(rgba(25, 159, 201, 0.5)), to(rgba(25, 159, 201, 0.5))), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca38_hellosign-blur.jpg");
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.2)), linear-gradient(180deg, rgba(25, 159, 201, 0.5), rgba(25, 159, 201, 0.5)), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca38_hellosign-blur.jpg");
  background-position: 0px 0px, 0px 0px, 0px 0px;
  background-size: auto, auto, cover;
  background-repeat: repeat, repeat, no-repeat;
}

.cs-hero-img.cc-dell {
  background-color: #5eaed3;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5ad5325a3d5f83f9a50af127_dell-light.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
}

.cs-hero-img.cc-dark {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca45_heco-bg-light.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.heco_wrap {
  position: relative;
}

.heco_bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: block;
  width: 68%;
  background-color: #f5f5f5;
}

.heco_subhead {
  max-width: 500px;
  font-size: 20px;
  line-height: 1.6em;
}

.cs_graphic-cell {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 53%;
  -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;
}

.cs_graphic-cell.cc-hello-list {
  padding: 40px 40px 40px 60px;
}

.cs_graphic-cell.cc-hello-problem {
  padding-top: 30px;
  padding-right: 50px;
  padding-bottom: 18px;
}

.cs_graphic-cell.cc-hello-d-e {
  -webkit-perspective: 99999px;
  perspective: 99999px;
}

.cs_graphic-cell.cc-dell-needs {
  width: 63%;
  padding-top: 65px;
}

.cs_graphic-cell.cc-dell {
  min-height: 700px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-perspective: none;
  perspective: none;
}

.cs_graphic-cell.cc-dell-problem {
  width: 560px;
  margin-top: -125px;
  margin-bottom: -125px;
  margin-left: -50px;
}

.cs_text-cell {
  padding-left: 75px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cs_text-cell.cc-left {
  padding-right: 75px;
  padding-left: 0px;
}

.cs_text-cell.cc-left.cc-dell {
  padding-right: 100px;
}

.cs_text-cell.left {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
}

.heco_life-after-head {
  margin-top: -6px;
  margin-left: -2px;
  font-size: 68px;
}

.heco_collab-cell {
  max-width: 430px;
  text-align: center;
}

.heco_split-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cs_half {
  position: relative;
  z-index: 1;
  width: 50%;
  min-height: 400px;
}

.cs_half.cc-hello {
  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;
  background-color: #199fc9;
  color: #fff;
}

.cs_half.cc-dell {
  top: 0px;
  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;
  background-color: transparent;
}

.cs_half.cc-hello-img {
  background-color: #1a1a1a;
}

.heco_split-text {
  max-width: 400px;
}

.heco_split-text.cc-quote {
  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;
}

.read-more_heading {
  width: 390px;
}

.read-more_cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 400px;
  padding: 20px 40px 40px;
  -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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 0 #000;
  color: #000;
}

.read-more_cell:hover {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.read-more_cell.cc-2 {
  margin-left: -1px;
  border-left-color: transparent;
}

.read-more_cell.cc-2:hover {
  border-left-color: #000;
}

.heco_horizontal {
  position: absolute;
  left: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.heco_horizontal-section {
  position: relative;
  display: block;
  height: 100%;
  padding-top: 1px;
  padding-right: 100px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.heco_horizontal-section.cc-last {
  padding-right: 0px;
}

.heco_horizontal-section.cc-middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 100px;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.heco_horizontal-section.cc-first {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 0;
  margin-right: 400px;
  padding-right: 0px;
}

.heco_horizontal-section.cc-first2 {
  margin-left: -400px;
}

.heco_track {
  position: relative;
  height: 400vh;
}

.heco_horizontal-scroll-trigger {
  position: absolute;
  top: 100vh;
  bottom: 100vh;
}

.heco_life-after-webflow-text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: 450px;
  padding-right: 50px;
  -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;
}

.heco_horizontal-progress-wrap {
  position: absolute;
  left: 0px;
  top: -50px;
  right: 0px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.heco_horizontal-progress-bar {
  width: 25%;
  height: 1px;
  border-radius: 3px;
  background-color: #000;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.cs_half-inner {
  position: relative;
  top: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 100px;
  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;
}

.cs_half-inner.cc-dell-img {
  min-height: 800px;
  padding-right: 50px;
}

.heco_horiznotal-image {
  display: block;
  height: 100%;
  max-width: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.align-paragraph-bottom {
  width: 450px;
  margin-bottom: -8px;
}

.heco_horizontal-flex-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.cs-logo {
  height: 50px;
}

.cs-logo.cc-logo {
  width: 70px;
  height: 80px;
}

.hecotic {
  position: absolute;
  z-index: 10;
  display: block;
  margin-left: 20px;
}

.dash {
  width: 100px;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.25);
}

.dash.cc-white {
  background-color: #fff;
}

.dash.dark {
  background-color: hsla(0, 0%, 47.5%, 0.25);
}

.quote_credit-wrap {
  padding-right: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.quote_credit-wrap.cc-vert {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.quote_credit-wrap.long {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -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;
}

.quote_credit-wrap.short {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 0px;
  -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;
}

.quotee {
  width: 64px;
  margin-bottom: 48px;
  margin-left: -2px;
  border-radius: 50%;
}

.quotee.cc-vert {
  margin-right: 32px;
  margin-bottom: 0px;
}

.quotee.solutions-small {
  margin-right: 20px;
  margin-bottom: 30px;
}

.quotee.cc-s-main-quotee {
  width: 48px;
  margin-right: 24px;
  margin-bottom: 0px;
}

.quote_quote-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -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-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.quote_quote-wrap.cc-vert {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 75px;
}

.quote_quote-wrap.cc-vert.cc-slim {
  width: 100%;
}

.quote-icon {
  display: block;
  margin-top: 10px;
  margin-right: 64px;
}

.quote-icon.cc-vert {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 32px;
}

.quote-icon.cc-vert.solutions {
  position: absolute;
  display: none;
  margin-top: 22px;
  margin-left: -55px;
  opacity: 0.5;
}

.quote-icon.cc-dell {
  position: absolute;
  left: -80px;
  top: 0px;
}

.heco_collab {
  margin-bottom: 30px;
}

.no-stretch {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.next-title {
  max-width: 300px;
  margin-bottom: 0px;
  font-size: 24px;
}

.next-sub {
  color: rgba(0, 0, 0, 0.7);
}

.stat_desc {
  max-width: 90%;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 14px;
  line-height: 1.6em;
}

.hero-work_tilt {
  position: absolute;
  left: 40%;
  top: 50%;
  z-index: 1;
  width: 800px;
  height: 2000px;
  -webkit-transform: translate3d(0px, 0px, -200px) scale(1.2) translate(-50%, -50%) rotateX(30deg) rotateY(30deg) rotateZ(-30deg);
  transform: translate3d(0px, 0px, -200px) scale(1.2) translate(-50%, -50%) rotateX(30deg) rotateY(30deg) rotateZ(-30deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.hero-work_wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  -webkit-perspective: 3000px;
  perspective: 3000px;
}

.hero-work_shadow {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  background-image: linear-gradient(180deg, transparent 69%, rgba(0, 0, 0, 0.05)), linear-gradient(63deg, hsla(0, 0%, 100%, 0) 34%, hsla(0, 0%, 100%, 0.9) 63%);
  -webkit-transform: translate3d(0px, 0px, 200px);
  transform: translate3d(0px, 0px, 200px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.hero-work_symbol {
  width: 800px;
}

.hero-work_image {
  display: block;
  height: 444px;
  margin-bottom: 20px;
  box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.25), -71px 71px 200px -10px rgba(0, 0, 0, 0.15);
}

.hero-work_repeat {
  position: absolute;
  top: 100%;
  margin-top: 20px;
}

.hero_headline {
  margin-bottom: 0px;
  color: #000;
  font-size: 48px;
  line-height: 1.15em;
}

.hero_headline.cc-switcher {
  position: absolute;
  display: block;
  color: rgba(0, 0, 0, 0.6);
}

.hero_headline.cc-switcher.cc-rotate-2 {
  opacity: 0;
}

.hero_headline.cc-switcher.cc-rotate-3 {
  opacity: 0;
}

.hero_headline.cc-switcher.cc-rotate-4 {
  opacity: 0;
}

.hero_headline.cc-switcher.cc-rotate-5 {
  opacity: 0;
}

.hero_headline.cc-switcher.cc-rotate-6 {
  opacity: 0;
}

.hero_headline.cc-switcher.cc-rotate-7 {
  opacity: 0;
}

.img_inner {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca54_heco-bg.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  opacity: 0;
}

.img_inner.cc-hello {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 159, 201, 0.5)), to(rgba(25, 159, 201, 0.5))), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca39_hellosign-main.jpg");
  background-image: linear-gradient(180deg, rgba(25, 159, 201, 0.5), rgba(25, 159, 201, 0.5)), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca39_hellosign-main.jpg");
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.img_inner.cc-dell {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5ad0e3343265e9a1924312fb_dell-main.jpg");
}

.heco_video {
  position: relative;
}

.heco_video-embed {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.heco_video-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9bd_heco-overlay.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.heco_browser-top {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  padding-left: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: rgba(61, 53, 53, 0.15);
}

.heco_dot {
  width: 8px;
  height: 8px;
  margin-left: 6px;
  border-radius: 50%;
  background-color: #000;
}

.points_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.points_wrap.cc-heco-2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.points_wrap.cc-under-3d {
  position: relative;
  z-index: 0;
  display: block;
  margin-right: 25px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.points_cell {
  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 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.points_cell.cc-vertical {
  margin-bottom: 30px;
}

.points_point {
  display: block;
  margin-left: 15px;
  font-family: 'Roboto Mono', sans-serif;
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

.point_icon-wrap {
  width: 24px;
  height: 24px;
}

.point_icon-wrap.cc-home {
  width: 48px;
  height: 48px;
  margin-left: -6px;
}

.cs_browser {
  position: relative;
  z-index: 10;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: -82px 126px 100px 0 rgba(0, 0, 0, 0.1), -2px 2px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-transform: rotateX(45deg) rotateY(15deg) rotateZ(-45deg);
  transform: rotateX(45deg) rotateY(15deg) rotateZ(-45deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.hero_bottom-copy {
  position: relative;
  width: 300px;
}

.hero_top-copy {
  width: 400px;
}

.hero_line {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 100px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.25);
}

.hero_stat-wrap {
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: none;
}

.hero_stat {
  font-family: 'Roboto Mono', sans-serif;
  font-size: 48px;
  line-height: 1em;
}

.hero_stat-desc {
  margin-top: 1em;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 13px;
  line-height: 1em;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.hero_top-copy-wrap {
  position: relative;
  overflow: hidden;
  height: 55px;
}

.hero_top-copy-wrap.cc-2 {
  height: 110px;
}

.hero_subhead {
  margin-top: 30px;
  margin-bottom: 25px;
  color: #000;
}

.graph_wrap {
  position: relative;
  width: 80%;
  padding-top: 32px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.graph_wrap.cc-2 {
  width: 90%;
  margin-bottom: -48px;
}

.graph_wrap.cc-before {
  display: block;
}

.graph_row {
  position: relative;
  z-index: 1;
  padding-bottom: 48px;
}

.graph_meat.cc-h-sketch {
  width: 50%;
}

.graph_meat.cc-h-sketch.cc-2 {
  width: 50.3%;
}

.graph_meat.cc-h-code {
  margin-left: 50%;
  color: #fff;
}

.graph_meat.cc-h-zeplin {
  width: 30%;
  margin-left: 45%;
}

.graph_meat.cc-h-principle {
  width: 25%;
  margin-left: 35%;
}

.graph_meat.cc-h-webflow {
  width: 37.8%;
  margin-left: 37.5%;
}

.graph_line {
  width: 100%;
  height: 6px;
  min-width: 6px;
  margin-top: 16px;
  border-radius: 3px;
  background-color: #000;
}

.graph_line.cc-white {
  background-color: #fff;
}

.graph_line.cc-webflow {
  box-shadow: none;
}

.graph_key {
  position: absolute;
  left: 0px;
  bottom: 30px;
  z-index: 1;
  letter-spacing: 1.6px;
}

.graph_key-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.graph_key-row.cc-white {
  color: #fff;
}

.graph_key-dot {
  width: 8px;
  height: 8px;
  margin-right: 16px;
  border-radius: 50%;
  background-color: #000;
}

.graph_key-dot.cc-white {
  background-color: #fff;
}

.graph_bg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.1;
}

.graph_bg-column {
  margin-top: 61px;
  margin-right: -1px;
  margin-bottom: 48px;
  padding-right: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-shadow: inset 1px 0 0 0 #000, inset -1px 0 0 0 #000;
}

.hero_progress {
  display: none;
  width: 30px;
  height: 1px;
  margin-bottom: 30px;
  background-color: rgba(0, 0, 0, 0.25);
}

.hero_progress-bar {
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.hero_headline-wrap {
  margin-left: -3px;
}

.cs_vertical-points {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -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;
}

.heco_under-browser-line {
  position: absolute;
  left: -75px;
  bottom: 20px;
  width: 1px;
  height: 200%;
  background-color: rgba(0, 0, 0, 0.25);
}

.customer-link_wrap {
  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 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #000;
  font-weight: 500;
}

.button-arow {
  width: 22px;
  margin-left: 16px;
}

.point_icon {
  display: block;
}

.cs_rte {
  margin-top: -20px;
}

.cs_rte ul {
  margin-top: 25px;
  margin-bottom: -5px;
}

.cs_rte li {
  margin-bottom: 10px;
}

.cs_vertical-track {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cs_vertical-track.cc-hello-middle {
  margin-top: -150px;
  margin-bottom: -150px;
}

.h_t {
  margin-left: -4px;
}

.h_t.half-text {
  max-width: 600px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.h_t.half-text.white {
  color: #fff;
}

.cs_check {
  position: relative;
  display: block;
  width: 19px;
  height: 17px;
  margin-top: 6px;
  margin-right: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9ad_check%402x.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cs_li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 30px;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.cs_li.cc-last {
  box-shadow: none;
}

.cs_hello-list-bg {
  position: absolute;
  left: 80px;
  top: 60px;
  right: 20px;
  bottom: 20px;
  z-index: 0;
  border-radius: 5px;
  background-color: #199fc9;
}

.hello-p_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 10px;
  font-family: 'Roboto Mono', sans-serif;
  color: hsla(0, 0%, 100%, 0.9);
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.hello-p_column {
  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: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.hello-p_column.cc-blue {
  color: #4ab3ca;
}

.hello-p_gap-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 0.5;
}

.hello-p_gap-wrap.cc-100 {
  opacity: 1;
}

.hello-p_dot {
  width: 5px;
  height: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #fff;
}

.hello-p_dot.cc-black {
  background-color: #000;
}

.hello-p_arrow-line {
  position: relative;
  width: 1px;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
}

.hello-p_arrow-line.cc-black {
  background-color: #000;
}

.hello-p_arrow {
  position: absolute;
  right: -6px;
  bottom: 0px;
  display: block;
  width: 13px;
  height: 7px;
  max-width: none;
}

.hello-p_title {
  margin-bottom: 50px;
  border-radius: 2px;
  font-family: Graphik, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: none;
}

.hello-p_title.cc-black {
  color: #000;
}

.hello-p_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.hello-p_row.cc-stretch {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hello-d-e_wrap {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transform: rotateX(-20deg) rotateY(40deg) rotateZ(0deg) scale(1.1);
  transform: rotateX(-20deg) rotateY(40deg) rotateZ(0deg) scale(1.1);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.hello-d-e_image {
  position: relative;
  border-radius: 5px;
  box-shadow: -49px 49px 100px 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: translate3d(0px, 0px, -75px);
  transform: translate3d(0px, 0px, -75px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.hello-d-e_image.cc-e {
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transform: translate3d(0px, 0px, 75px);
  transform: translate3d(0px, 0px, 75px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.dell-list_ul {
  padding-left: 60px;
}

.dell-list_li {
  position: relative;
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 1.6em;
  font-weight: 500;
}

.dell-list_number {
  position: absolute;
  left: -60px;
  top: 3px;
  font-family: 'Roboto Mono', sans-serif;
  color: rgba(0, 0, 0, 0.35);
  font-size: 24px;
  line-height: 1em;
  font-weight: 400;
}

._80-white-text {
  color: hsla(0, 0%, 100%, 0.8);
}

.lil-line {
  width: 50px;
  height: 1px;
  margin-bottom: 26px;
  background-color: rgba(0, 0, 0, 0.25);
}

._100-width {
  display: block;
  width: 100%;
}

.cs_browser-center {
  position: relative;
  left: 50px;
}

.footer_wrap {
  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;
}

.footer_contain {
  display: block;
  width: 90%;
  max-width: 1100px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.footer_logo-wrap {
  padding-bottom: 65px;
}

.footer_link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.footer_link-col {
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer_link-col.cc-icons {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.footer_heading {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 17px;
}

.footer_link {
  margin-bottom: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #888;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
}

.footer_link:hover {
  color: #000;
}

.footer_logo {
  width: 81px;
}

.footer_c {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #888;
  font-size: 15px;
  line-height: 1.5em;
}

.footer_icon {
  width: 24px;
  height: 24px;
  margin-top: -2px;
  margin-bottom: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0.45;
}

.footer_icon:hover {
  opacity: 1;
}

.footer_icon-img {
  display: block;
}

.heco_crew {
  position: relative;
  z-index: 5;
  background-color: #82d3f0;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca5b_crew.jpg");
  background-position: 50% 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.get-subhead {
  margin-top: 0px;
  font-size: 20px;
}

.get_heading {
  margin-top: 0px;
  font-size: 58px;
}

.hello-p_bold {
  color: #000;
}

.cs-hero-img-blur {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  width: 68%;
  height: 602px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(129, 211, 240, 0.25)), to(rgba(129, 211, 240, 0.25))), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca1a_heco-blur.jpg");
  background-image: linear-gradient(180deg, rgba(129, 211, 240, 0.25), rgba(129, 211, 240, 0.25)), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca1a_heco-blur.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  box-shadow: none;
}

.cs-hero-img-blur.cc-dark {
  z-index: 1;
  display: block;
  width: 100%;
  height: 94vh;
  min-height: 640px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a624bee5f56db0001617c90_hero-video-blur-ALT.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.cs-hero-img-blur.cc-dark.option2 {
  right: 0%;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 700px;
  min-height: 700px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a6a21d35e549100012176b7_Artboard%20Copy-blur_%402x.jpg");
  background-position: 50% 0px;
  background-size: auto 700px;
  background-attachment: fixed;
}

.solutions_heading {
  max-width: 800px;
  margin-left: -3px;
  font-size: 68px;
}

.solutions_subhead {
  max-width: 500px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 17px;
  line-height: 27px;
}

.cs-hero-img-clear {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  width: 68%;
  height: 602px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(129, 211, 240, 0.25)), to(rgba(129, 211, 240, 0.25))), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca1a_heco-blur.jpg");
  background-image: linear-gradient(180deg, rgba(129, 211, 240, 0.25), rgba(129, 211, 240, 0.25)), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca1a_heco-blur.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  box-shadow: none;
}

.cs-hero-img-clear.cc-dark {
  z-index: 0;
  width: 100%;
  height: 94vh;
  min-height: 640px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a624bf35a026d0001db4865_hero-video-ALT.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.9;
}

.cs-hero-img-clear.cc-dark.option2 {
  width: 100%;
  height: 700px;
  min-height: 700px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a6a21515e54910001217617_Artboard%20Copy_%402x.jpg");
  background-position: 50% 0px;
  background-size: auto 700px;
  background-attachment: fixed;
}

.cs-hero-img-clear.cc-dark.option3 {
  width: 100%;
  margin-top: 50px;
  background-image: none;
  background-attachment: scroll;
}

.paragraph {
  color: #000;
  font-size: 17px;
}

.paragraph.bigger {
  margin-top: 24px;
  font-size: 21px;
  line-height: 1.8em;
  font-weight: 400;
}

.paragraph.bigger.black {
  margin-top: 24px;
  color: #000;
}

.paragraph.biggeest {
  max-width: 800px;
  margin-top: 24px;
  font-size: 24px;
  line-height: 1.6em;
  font-weight: 400;
}

.cta-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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #000;
  font-weight: 500;
}

.cta-link.black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
}

.cta-link.black.right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
}

.cta-link.black.short {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
}

.cta-link.white {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
}

.cta-link.black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.cta-text {
  color: #fff;
}

.cta-text.black {
  color: #000;
}

.testimonial--double {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ui-copy-wrap {
  position: relative;
  z-index: 1;
  display: block;
  width: 60%;
  padding-right: 75px;
}

.ui-image-wrap {
  overflow: hidden;
  max-width: 62%;
  border-radius: 0px 4px 4px 0px;
}

.ui-image-wrap.full {
  max-width: 100%;
  margin-top: 80px;
}

.ui-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: 66px;
  padding-top: 180px;
  padding-bottom: 150px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.third {
  width: 33%;
  padding-right: 24px;
}

.third.last {
  padding-right: 0px;
}

.third.blog {
  width: 31%;
  padding: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33%;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
}

.small-heading {
  display: inline-block;
  margin-top: 0px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
}

.small-heading.link {
  margin-left: 10px;
}

.small-heading.block {
  display: block;
}

.small-paragraph {
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
}

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

.hero-text {
  position: relative;
  z-index: 10;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.play-button {
  position: relative;
  z-index: 8;
}

.play-container {
  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;
  border-radius: 56px;
}

.play-container.option2 {
  z-index: 20;
  width: 180px;
  margin-top: -50px;
  float: right;
}

.design-process {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
  margin-right: auto;
  margin-bottom: 30px;
  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;
}

.design-process.fix {
  display: block;
}

.h_t2 {
  display: inline;
  width: 100%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  font-size: 32px;
}

.h_t2.center {
  width: auto;
  margin-left: 0px;
}

.testimonial--sing {
  position: relative;
  z-index: 1;
  display: block;
  padding: 100px;
}

.testimonial--sing.quote--full {
  background-color: #4353ff;
}

.player-container {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 700px;
  -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(#fff), to(hsla(0, 0%, 100%, 0.7)));
  background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.7));
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.video-size {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 700px;
  margin-top: 40px;
  -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;
}

.text-block-3 {
  display: block;
  font-size: 15px;
}

.horz-rule {
  display: block;
  width: 100%;
  height: 1px;
  max-width: 1100px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  background-color: #e3e6eb;
}

.date-text {
  font-family: 'Roboto Mono', sans-serif;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}

.description-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 10px;
  -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;
}

.link-block {
  width: 100%;
  height: 153px;
  border-radius: 10px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a6219cded65df00011765e7_2018-img.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.2);
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
  -webkit-transition: box-shadow 200ms ease, all 200ms ease;
  transition: box-shadow 200ms ease, all 200ms ease;
}

.link-block:hover {
  box-shadow: 0 15px 45px -5px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}

.category-text {
  margin-left: 30px;
  font-family: 'Roboto Mono', sans-serif;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}

.category-text:hover {
  color: #000;
}

.browser-bar-flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: hsla(0, 0%, 50.2%, 0.35);
}

.browser-dots {
  position: absolute;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 4px;
}

.dot {
  width: 9px;
  height: 9px;
  margin-top: 12px;
  margin-bottom: 10px;
  margin-left: 8px;
  border-radius: 4.5px;
  background-color: hsla(0, 0%, 100%, 0.2);
}

.browser-address {
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 13px;
  line-height: 13px;
}

.text-span {
  color: hsla(0, 0%, 100%, 0.7);
}

.old-container {
  position: relative;
  display: block;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}

.cs-hero-video {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  width: 68%;
  height: 602px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(129, 211, 240, 0.25)), to(rgba(129, 211, 240, 0.25))), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca1a_heco-blur.jpg");
  background-image: linear-gradient(180deg, rgba(129, 211, 240, 0.25), rgba(129, 211, 240, 0.25)), url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca1a_heco-blur.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  box-shadow: none;
}

.cs-hero-video.cc-dark {
  z-index: 10;
  display: block;
  width: 100%;
  height: 94vh;
  min-height: 640px;
  -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: #4353ff;
  background-image: none;
  opacity: 0.9;
}

.youtube-video {
  display: block;
  margin-left: 20px;
}

.hosting-img {
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  margin-left: 20px;
}

.designer-timelapse {
  display: block;
  width: 1130px;
  margin-right: -12px;
  float: right;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 4px 4px 0px;
}

.heading {
  position: relative;
  z-index: 10;
  width: 60%;
  margin-right: -20px;
  font-family: 'Roboto Mono', sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.6px;
}

.div-block-3 {
  max-width: 550px;
}

.two-by-two {
  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-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.contain-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 40px 20px 40px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 48%;
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  border-radius: 4px;
  background-color: #eef0f3;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 200ms ease, all 200ms ease;
  transition: box-shadow 200ms ease, all 200ms ease;
}

.contain-button:hover {
  box-shadow: 0 15px 45px -5px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}

.university-illo {
  width: 36%;
  margin-right: 30px;
}

.background-video {
  z-index: 10;
  width: 50%;
  height: 94vh;
  float: right;
  opacity: 0.8;
}

.sign-up {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #4353ff;
}

.form-container {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}

.heading-medium {
  margin-bottom: 5px;
  margin-left: -4px;
  color: #fff;
  font-size: 50px;
  line-height: 60px;
}

.form-wrap {
  width: 100%;
}

.form-block {
  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;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1100px;
  margin-top: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.input-field {
  width: 24%;
  height: 50px;
  padding: 2px 16px 0px;
  border-style: none;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.input-field::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  font-size: 15px;
  line-height: 18px;
}

.input-field:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  font-size: 15px;
  line-height: 18px;
}

.input-field::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  font-size: 15px;
  line-height: 18px;
}

.input-field::placeholder {
  color: hsla(0, 0%, 100%, 0.6);
  font-size: 15px;
  line-height: 18px;
}

.submit-button {
  width: 24%;
  height: 50px;
  padding: 1px 0px 0px;
  border-radius: 3px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  font-weight: 500;
}

.submit-button:hover {
  background-color: hsla(0, 0%, 100%, 0.9);
}

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

.success-message {
  padding-left: 0px;
  background-color: transparent;
  text-align: left;
}

.error-message {
  margin-left: 10px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-size: 15px;
}

.black-text {
  color: #000;
  font-weight: 500;
}

.circle-animate {
  position: absolute;
  right: 4px;
  z-index: 0;
  display: none;
  width: 82px;
  height: 82px;
  border-radius: 41px;
  background-color: hsla(0, 0%, 100%, 0.7);
}

.close-video {
  position: absolute;
  top: 20px;
  right: 20px;
}

.cta-contain {
  display: inline-block;
  margin-top: 20px;
}

.process-illo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rule {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 1px;
  height: 200px;
  background-color: #f4f4f4;
}

.design-arrow {
  position: absolute;
  top: 25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 65.5%;
  margin-left: 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;
}

.design-arrow.share {
  left: 66.7%;
  top: 45%;
  width: 7.3%;
  margin-left: 0px;
}

.design-arrow.update {
  left: 75%;
  top: 65%;
  width: 24%;
  margin-left: -1px;
}

.design-arrow.sketch {
  top: 20%;
  width: 50%;
}

.design-arrow.principle {
  left: 45%;
  top: 40%;
  width: 25%;
}

.arrow-dot {
  width: 4px;
  height: 4px;
  margin-top: -0.5px;
  border-radius: 2.5px;
  background-color: #4353ff;
}

.arrow-dot.green {
  background-color: #38d996;
}

.arrow-dot.purple {
  background-color: #9085da;
}

.arrow-dot.black {
  position: relative;
  z-index: 2;
  border-radius: 2px;
  background-color: #000;
}

.arrow-rule {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 2px;
  margin-left: -1px;
  background-color: #4353ff;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.arrow-rule.green {
  background-color: #38d996;
}

.arrow-rule.purple {
  background-color: #9085da;
}

.arrow-rule.black {
  background-color: #000;
}

.image-8 {
  position: relative;
  z-index: 2;
  margin-top: 0.5px;
  margin-left: -4px;
}

.image-8.bllue {
  margin-top: 0px;
}

.arrow-gradient {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  height: 16px;
  margin-top: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(67, 83, 255, 0.2)), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, rgba(67, 83, 255, 0.2), hsla(0, 0%, 100%, 0));
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.arrow-gradient.green {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 217, 150, 0.2)), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, rgba(56, 217, 150, 0.2), hsla(0, 0%, 100%, 0));
}

.arrow-gradient.purple {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(144, 133, 218, 0.2)), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, rgba(144, 133, 218, 0.2), hsla(0, 0%, 100%, 0));
}

.arrow-gradient.black {
  z-index: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#68c7e9), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, #68c7e9, hsla(0, 0%, 100%, 0));
}

.illo-caption {
  position: absolute;
  left: 0px;
  top: 20px;
  margin-bottom: 3px;
  font-family: 'Roboto Mono', sans-serif;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.key {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 2px solid #455afb;
  border-radius: 5px;
  background-color: #dfe3fe;
}

.key.green {
  border-color: #42d898;
  background-color: #e1f9ef;
}

.key.purple {
  border-color: #9087d8;
  background-color: #eeecf9;
}

.arrow-gradient-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  display: block;
  width: 40px;
  height: 16px;
  margin-top: 0px;
  background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.graph-container {
  display: none;
  width: 100%;
}

.dot-rule {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -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;
}

.dots {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.3);
}

.hellosign-site {
  display: block;
  width: 100%;
}

.dell_search-wrap {
  position: relative;
  bottom: 50px;
  width: 480px;
  height: 300px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transform: rotateX(55deg) rotateY(0deg) rotateZ(45deg);
  transform: rotateX(55deg) rotateY(0deg) rotateZ(45deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.dell_designer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5acd21efc6f3e737ff997061_designer.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translate3d(0px, 0px, 0.1px);
  transform: translate3d(0px, 0px, 0.1px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.dell_other-tool {
  position: absolute;
  top: -110%;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  opacity: 0.4;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.dell_other-tool.cc-down {
  top: auto;
  bottom: -110%;
}

.dell_other-tool.cc-down.cc-down-1 {
  bottom: -120%;
}

.dell_other-tool.cc-up-1 {
  top: -120%;
}

.dell_icon {
  position: absolute;
  top: 50%;
  right: -60px;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5acfc44e7de76a0529f03562_na.svg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.dell_icon.cc-ya {
  right: -80px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5acfc44eceeb2036a5efad8d_ya.svg");
}

.dell_wf {
  position: absolute;
  left: 50px;
  top: 50%;
  height: 16px;
  margin-top: -8px;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.dell_layer {
  position: absolute;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0px, 0px, 0.2px);
  transform: translate3d(0px, 0px, 0.2px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.dell_layer.cc-base {
  z-index: 2;
}

.dell_wf-wrap {
  position: absolute;
  left: -20px;
  top: -20px;
  right: -20px;
  bottom: -20px;
  z-index: 1;
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.25);
}

.dell_img {
  position: relative;
  z-index: 1;
  display: block;
}

.dell_img.cc-screenshot {
  border-radius: 3px;
  box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.2);
}

.dell_img.cc-screenshot.cc-panel {
  left: -60px;
  top: 80px;
  max-width: 240px;
}

.dell_img.cc-colors {
  position: absolute;
  left: 60px;
  top: 10%;
  z-index: 0;
  max-width: 200px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.dell_img.cc-products {
  bottom: -50px;
  max-width: 220px;
}

.dell_img.cc-icons {
  position: absolute;
  right: 120px;
  bottom: 10%;
  z-index: 0;
  max-width: 60px;
}

.s-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 40px;
  line-height: 130%;
}

.s-title.cc-small {
  max-width: 300px;
  font-size: 22px;
}

.s-title.cc-s-main {
  position: absolute;
  left: 0px;
  bottom: -7px;
  margin-top: -6px;
  padding-right: 30px;
  font-size: 22px;
}

.s-title.cc-s-quote-main {
  max-width: 300px;
  font-size: 22px;
  line-height: 30px;
}

.s-title.cc-sites {
  position: relative;
  z-index: 1;
  max-width: 420px;
  margin-bottom: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #000;
}

.s-title.cc-med {
  font-size: 28px;
}

.s-title.cc-med.cc-s-sites {
  width: 33.33%;
}

.s-quote_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.s-quote {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 30px;
  line-height: 150%;
}

.s-quote_title {
  width: 33%;
  padding-right: 100px;
}

.s-quote_deets {
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 500;
}

.s-quote_photo {
  width: 32px;
  height: 32px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #000;
}

.s-quotee {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.button__text {
  display: inline-block;
  line-height: 49px;
}

.button__text.small {
  line-height: 15px;
}

.button__text.black-text {
  font-size: 15px;
}

.button__text.cc-s-main {
  font-size: 14px;
  line-height: 30px;
}

.button__arrow {
  display: inline-block;
  width: 22px;
  height: 10px;
  margin-right: -3px;
  margin-bottom: 3px;
  margin-left: 16px;
}

.s-pricing_cell {
  display: block;
  margin: 5px;
  padding: 35px 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #f5f5f5;
  color: #000;
}

.s-pricing_cell:hover {
  background-color: #eee;
}

.s-pricing_cell.cc-hosting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #ddd;
}

.s-pricing_cell.cc-hosting:hover {
  background-color: #eee;
  box-shadow: none;
}

.s-pricing_cell.cc-hosting.cc-2 {
  display: block;
  padding-top: 35px;
}

.s-pricing_cell.cc-hosting.cc-2:hover {
  background-color: #f5f5f5;
}

.s-pricing_cell.cc-hosting.cc-callout {
  box-shadow: none;
}

.s-pricing_cell.cc-hosting.cc-callout:hover {
  background-color: #3545ee;
}

.s-pricing_cell.cc-callout {
  background-color: #4353ff;
  color: #fff;
}

.s-pricing_cell.cc-callout:hover {
  background-color: #3545ee;
}

.s-pricing_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5px;
  margin-left: -5px;
}

.s-pricing_desc {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 26px;
  line-height: 120%;
  font-weight: 500;
}

.s-quotes_wrap {
  margin-top: 18px;
  padding-top: 80px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.slider-2 {
  height: 350px;
  background-color: transparent;
}

.slide-nav-2 {
  top: -79px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  padding: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 8px;
  line-height: 1px;
  text-align: left;
}

.s-quote-arrow {
  left: auto;
  top: -65px;
  right: 0px;
  bottom: auto;
  width: 24px;
  height: 24px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5af08414e8ac1e4401209179_right.svg");
  background-position: 50% 50%;
  background-size: 8px;
  background-repeat: no-repeat;
}

.s-quote-arrow:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.s-quote-arrow.cc-left {
  right: 24px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5af08414e8c7a8c930bd81ea_left.svg");
  background-size: 8px;
}

.s-hero_cell {
  position: relative;
  z-index: 200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-hero_cell.cc-free {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: none;
  width: 70%;
  height: auto;
  background-image: linear-gradient(351deg, rgba(67, 83, 255, 0.2), rgba(67, 83, 255, 0));
}

.s-hero_cell.cc-startups {
  z-index: 190;
  -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;
}

.s-hero_cell.cc-business {
  z-index: 50;
  -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;
}

.s-hero_cell.cc-fa {
  z-index: 0;
  -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;
}

.s-hero_p {
  max-width: 80%;
}

.button-2 {
  display: inline-block;
  height: 50px;
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 1px;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #4353ff;
  font-family: Graphik, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 50px;
  font-weight: 500;
  text-align: center;
}

.button-2:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0.07)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
}

.button-2:focus {
  box-shadow: 1px 1px 0 0 transparent;
}

.button-2.cc-quote-cta {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: #3a4ddf;
}

.button-2.cc-b-templates {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  background-color: hsla(0, 0%, 100%, 0.1);
}

.button-2.cc-b-templates:hover {
  background-color: hsla(0, 0%, 100%, 0.15);
  background-image: none;
}

.button-2.cc-b-templates.cc-1 {
  background-color: #222;
}

.button-2.cc-experts {
  background-color: #25c78d;
}

.button-2.cc-black {
  background-color: #000;
}

.s-split {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
}

.s-split_half {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-left: 100px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #eee;
}

.s-split_half.cc-right {
  padding-right: 100px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #000;
}

.s-split_half-inner {
  max-width: 500px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.customers-help__vertical-wrap {
  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: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.button-3 {
  display: inline-block;
  height: 50px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 1px;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 3px;
  background-color: #4353ff;
  font-family: Graphik, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 50px;
  font-weight: 500;
  text-align: center;
}

.button-3:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0.07)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
}

.button-3:focus {
  box-shadow: 1px 1px 0 0 transparent;
}

.button-3.button__no-background {
  display: inline-block;
  margin-top: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  text-align: left;
}

.button-3.button__no-background:hover {
  background-image: none;
}

.button-3.button__no-background.cc-quote {
  padding-right: 20px;
  padding-left: 20px;
  background-color: rgba(0, 0, 0, 0.1);
}

.button-3.button__no-background.cc-home {
  margin-top: 0px;
  margin-bottom: -20px;
}

.button-3.form-section__button {
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0px;
  background-color: #fff;
  color: #000;
}

.button-3.cc-main {
  height: auto;
  margin-top: 10px;
  margin-left: -7px;
  padding-top: 0px;
  padding-right: 7px;
  padding-left: 7px;
  background-color: transparent;
  color: #5570ff;
  line-height: 15px;
}

.button-3.cc-main:hover {
  background-color: rgba(67, 83, 255, 0.1);
  background-image: none;
}

.button-3.cc-main.cc-hide {
  display: none;
}

.customers-help__icon {
  width: 120px;
  height: 120px;
  margin-right: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.customers__section-copy {
  max-width: 600px;
}

.customers-help__inner {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.customers-help__cell {
  width: 50%;
  padding: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.customers-help__link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
  padding: 25px 30px;
  -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-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  background-color: #f5f5f5;
  color: #000;
}

.customers-help__link-wrap:hover {
  background-color: #eee;
}

.s-edu_title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 26px;
}

.s-edu_sub {
  max-width: 400px;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  line-height: 1.6em;
}

.form-section {
  padding: 120px 100px;
  background-color: #4353ff;
  color: #fff;
  text-align: center;
}

.suggestion {
  display: inline-block;
  color: #68767d;
  text-decoration: underline;
}

.validator-text {
  display: block;
}

.tos-copy {
  position: absolute;
  bottom: -33px;
  display: none;
  width: 100%;
  opacity: 0;
  color: hsla(0, 0%, 100%, 0.25);
  font-size: 12px;
  text-align: center;
}

.tos-copy.right {
  left: 0px;
  right: 0px;
  width: auto;
  color: hsla(0, 0%, 100%, 0.35);
  text-align: right;
}

.tos-link {
  border-bottom: 1px dotted hsla(0, 0%, 100%, 0.35);
  color: hsla(0, 0%, 100%, 0.35);
}

.tos-link:hover {
  color: hsla(0, 0%, 100%, 0.8);
}

.form-section__heading {
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: -4px;
  font-family: Graphik, sans-serif;
  font-size: 50px;
  line-height: 60px;
  font-weight: 500;
}

.form-section__sub {
  margin-bottom: 5px;
  color: hsla(0, 0%, 100%, 0.7);
}

.form-section__top {
  display: block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: left;
}

.validator {
  position: absolute;
  top: 59px;
  right: 0px;
  z-index: 999;
  padding: 10px 14px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(14, 21, 24, 0.3);
  opacity: 0;
  color: #9da9b0;
  font-size: 12px;
  line-height: 16px;
}

.sign-up-form {
  position: relative;
  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;
}

.sign-up-form.sign-up-form__horizontal {
  -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;
}

.input-wrapper {
  position: relative;
  text-align: center;
}

.input-wrapper.input-wrapper--horizontal {
  display: block;
  height: 50px;
  margin-right: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-input {
  height: 50px;
  margin-top: 0px;
  margin-bottom: 30px;
  padding: 2px 16px 0px;
  border-style: none;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 15px;
  line-height: 18px;
}

.form-input:focus {
  background-color: rgba(0, 0, 0, 0.16);
}

.form-input::-webkit-input-placeholder {
  color: #fff;
}

.form-input:-ms-input-placeholder {
  color: #fff;
}

.form-input::-ms-input-placeholder {
  color: #fff;
}

.form-input::placeholder {
  color: #fff;
}

.validator-punctuation {
  display: inline-block;
}

.tooltip-arrow {
  position: absolute;
  left: 50%;
  top: -3px;
  width: 15px;
  height: 15px;
  margin-left: -7.5px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form-wrap-2.form-wrap__horizontal {
  margin-top: 40px;
  margin-bottom: 0px;
}

.s-main {
  position: relative;
  padding-top: 1px;
  background-color: #222;
  color: #fff;
}

.s-main_section {
  position: relative;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 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;
}

.s-main_section.cc-scroll {
  padding: 80px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.s-container {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}

.s-container.cc-flex {
  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;
}

.s-container.cc-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.s-container.cc-edu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1110px;
  margin-top: 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.s-container.cc-s-title {
  padding-bottom: 40px;
}

.s-container.cc-s-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1100px;
  -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;
}

.s-container.cc-s-main.cc-scroll {
  width: auto;
  height: auto;
  max-width: 1100px;
  margin-right: 0px;
  margin-left: 0px;
  -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-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 0;
}

.s-container.cc-s-main-quote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.s-container.cc-p-split {
  display: block;
  margin-top: 80px;
  background-color: #222;
}

.s-container.cc-p-split.cc-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0%;
  background-color: transparent;
}

.s-container.cc-b-templates {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 600px;
  -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;
}

.s-container.cc-s-b-templates {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -200px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.s-container.cc-s-b-templates.cc-2 {
  overflow: hidden;
  margin-top: 200px;
  padding: 60px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.s-container.cc-logos {
  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-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.s-container.cc-logos.cc-prototyping {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.s-container.cc-logos.cc-bottom {
  margin-bottom: 50px;
}

.s-container.cc-integrations {
  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;
}

.s-container.cc-integrations.cc-2 {
  -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;
}

.s-container.cc-sites {
  display: block;
  padding-bottom: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.s-container.cc-sites.cc-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.s-main_bottom {
  position: relative;
  bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-main_bottom.cc-scroll {
  top: -1px;
  width: 440px;
  min-height: 400px;
  padding-left: 50px;
  -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;
}

.s-main_cell {
  position: relative;
  width: 15%;
  height: 210px;
}

.s-main_cell.cc-active {
  width: 55%;
}

.s-main_cell.cc-active.cc-2 {
  width: 65%;
}

.s-main_cell.cc-active.cc-scroll {
  width: 100%;
}

.s-main_cell.cc-2 {
  width: 35%;
  height: 142px;
}

.s-main_cell.cc-scroll {
  width: 100%;
  height: 28px;
  max-width: 100%;
  min-height: 0px;
  margin-bottom: 20px;
}

.s-main_cell.cc-scroll.cc-active {
  height: 290px;
}

.s-main_cell.cc-scroll.cc-active.cc-b {
  height: 209px;
  max-width: 100%;
}

.s-main_cell.cc-scroll.cc-active.cc-startups {
  height: 257px;
}

.s-main_cell.cc-scroll.cc-last {
  margin-bottom: 0px;
}

.s-main_sub {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  height: 28px;
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 0;
  font-size: 22px;
  line-height: 28px;
}

.s-main_sub.cc-no {
  display: block;
  opacity: 1;
  color: hsla(0, 0%, 100%, 0.5);
}

.s-main_sub.cc-no.cc-active {
  display: none;
}

.s-main_sub.cc-active {
  display: block;
  opacity: 1;
}

.s-main_sub.asdf {
  top: -45px;
  z-index: 10;
  display: block;
  opacity: 1;
}

.s-main_number {
  display: block;
  margin-bottom: 8px;
  opacity: 0.45;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 14px;
  line-height: 1em;
}

.s-main_number.cc-scroll {
  position: absolute;
  left: -50px;
  top: 10px;
}

.s-body {
  position: static;
  left: 0px;
  top: 65px;
  display: none;
  width: 90%;
  max-width: 550px;
  margin-top: 10px;
  margin-bottom: 0px;
  opacity: 0;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 15px;
  line-height: 1.6em;
}

.s-body.cc-active {
  display: block;
  opacity: 1;
}

.s-body.cc-scroll {
  position: static;
  display: none;
  width: 100%;
  margin-top: 15px;
}

.s-body.cc-scroll.cc-active {
  display: block;
}

.s-main_top {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50vh;
  padding-bottom: 40px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-main_visual {
  position: relative;
  width: 70%;
}

.s-main_side {
  position: relative;
  z-index: 2;
  display: block;
  padding-left: 50px;
  -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: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.s-main_main {
  position: absolute;
  left: 0px;
  top: -2px;
  -webkit-transform: translate(0px, -100%) rotate(90deg);
  -ms-transform: translate(0px, -100%) rotate(90deg);
  transform: translate(0px, -100%) rotate(90deg);
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.s-main_main.cc-startups {
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-left: -2px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.s-main_main.cc-fa {
  left: -1.2vh;
}

.s-main_main-text {
  height: 6vh;
  margin-bottom: 0px;
  padding-top: 0.5vh;
  font-size: 5vh;
  line-height: 5vh;
}

.s-main_main-text.cc-s-intro {
  padding-top: 0vh;
  opacity: 0.3;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  font-family: 'Roboto Mono', sans-serif;
  font-weight: 400;
}

.s-main_main-text.cc-s-intro.cc-0 {
  display: block;
}

.s-main_main-text.cc-startups {
  opacity: 0.3;
}

.s-main_main-text.cc-startups-intro {
  height: 36px;
  opacity: 0.3;
  font-size: 36px;
  line-height: 70%;
}

.s-main_title-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  height: 28px;
}

.s-main_title-wrap.asdf {
  overflow: visible;
}

.s-main_track {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.s-main_fill {
  height: 101vh;
  margin-top: 1px;
}

.s-main_fill.cc-filler {
  height: 51vh;
}

.s-main_fill.cc-scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 600px;
  padding-right: 40px;
  padding-left: 0;
  -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;
}

.s-main_line {
  position: relative;
  height: 1px;
  margin-right: 20px;
  margin-bottom: 13px;
  background-color: #555;
}

.s-main_trigger-track {
  position: absolute;
  left: 0px;
  top: 101vh;
  bottom: 0px;
  z-index: 999;
  width: 1px;
}

.s-main_trigger-track.cc-scroll {
  top: 101vh;
}

.s-main_trigger-dot {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
}

.s-main_trigger-dot.cc-1 {
  top: 0vh;
}

.s-main_trigger-dot.cc-2 {
  top: 101vh;
}

.s-main_trigger-dot.cc-3 {
  top: 202vh;
}

.s-main_trigger-dot.cc-4 {
  top: 303vh;
}

.s-main_number-wrap {
  overflow: hidden;
  height: 5vh;
}

.s-main_number-wrap-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
  margin-bottom: -1vh;
}

.s-main_title-main-wrap {
  overflow: hidden;
  height: 6vh;
}

.s-main_title-main-wrap.cc-startups {
  overflow: hidden;
  height: 45px;
}

.s-main_title-main-track {
  height: 24vh;
}

.s-main_title-main-track.cc-startups {
  height: 18vh;
}

.s-main_number-track {
  height: 24vh;
}

.s-main_line-wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #555;
  opacity: 0;
}

.s-main_line-wrap.cc-active {
  opacity: 1;
}

.s-main_line-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #fff;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.s-main_bg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: none;
  height: 55%;
  background-color: #eee;
}

.s-third_title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.s-third_title.cc-left {
  display: block;
  width: 50%;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-main-quote_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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.quote-text_quote {
  margin-left: -18px;
}

.s-main-quote_cell-2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-split {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.p-split.cc-left {
  left: 0px;
}

.p-split.cc-left.cc-copy {
  position: relative;
  padding-right: 100px;
}

.p-split.cc-right {
  right: 0px;
  background-color: #333;
}

.p-split.cc-right.cc-copy {
  position: relative;
  padding-left: 100px;
  background-color: transparent;
  color: #fff;
}

.s-para-half {
  max-width: 40%;
}

.s-split_half-background {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 50%;
  background-color: #222;
}

.s-p-list_li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.s-p-list_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33px;
  height: 33px;
  -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;
}

.s-p-list_left {
  padding-right: 30px;
}

.s-p-list_text {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 1.6em;
}

.s-b_cell-templates {
  position: relative;
  display: block;
  width: 50%;
  margin-bottom: 200px;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-b_cell-templates.cc-2 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-b_cell-title {
  margin-top: 0px;
}

.s-s-hero-headline {
  width: 450px;
  font-size: 40px;
}

.s-s-logo {
  display: block;
  width: 12%;
  margin-top: 32px;
  margin-bottom: 32px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-s-logo.cc-smaller {
  padding-right: 2%;
  padding-left: 2%;
}

.s-s-logo.cc-p {
  width: 10%;
}

.s-s-logo.cc-p.cc-mtv {
  width: 5%;
}

.s-s-logo.cc-p.cc-dell {
  width: 5%;
}

.s-s-logo.cc-p.cc-intuit {
  width: 8%;
}

.s-s-logo.cc-p.cc-cbs {
  width: 8%;
}

.s-s-free {
  position: absolute;
  right: -30px;
  bottom: -17%;
  display: block;
  max-width: 80%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-integrations_cell {
  width: 33.33%;
  padding-right: 60px;
}

.s-integrations_cell.cc-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 66.66%;
  padding-right: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #f5f5f5;
}

.s-integration {
  width: 50%;
  padding: 40px;
  text-align: left;
}

.s-integration_logo {
  height: 50px;
  text-align: center;
}

.s-integration_logo.cc-1 {
  width: 186px;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.s-integration_logo.cc-2 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.s-integration_logo.cc-3 {
  width: 140px;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.s-integration_logo.cc-5 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.s-integration_logo.cc-6 {
  width: 40px;
  height: auto;
  padding-bottom: 12px;
}

.s-integration_text {
  margin-top: 30px;
  font-size: 15px;
  line-height: 1.6em;
}

.s-integrations_sub {
  margin-bottom: 2px;
}

.code {
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
  background-color: rgba(0, 0, 0, 0.07);
  font-family: 'Roboto Mono', sans-serif;
  font-size: 13px;
  line-height: 1.6em;
}

.s-sites_list {
  display: block;
  overflow: hidden;
  margin-right: -100px;
  margin-left: -100px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.s-sites_list.cc-2 {
  display: none;
}

.s-site {
  position: relative;
  display: block;
  width: 33vw;
  margin-right: 1vw;
  margin-left: 1vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-site_inner {
  width: 100%;
  padding-bottom: 56.255%;
  background-color: #f0495d;
}

.s-site_list-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1vw;
}

.b-h1_wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 96px;
  margin-left: -5px;
}

.b-h1 {
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 80px;
  line-height: 100%;
}

.b-h1_contain {
  overflow: hidden;
}

.dropdown {
  position: relative;
  left: 0px;
  top: -23px;
  z-index: 999;
  height: 73px;
}

.p-h1_wrap {
  position: absolute;
  left: 0px;
  top: auto;
  right: auto;
  bottom: 100%;
  overflow: hidden;
  width: 600px;
  height: 148px;
}

.p-h1 {
  height: 148px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.p-h1.cc-2 {
  width: 500px;
}

.p-h1.cc-mobile {
  display: none;
}

.p-h1_track {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.dropdown_list {
  position: absolute;
  overflow: hidden;
  width: 130px;
  height: 50px;
  padding-left: 0px;
  background-color: hsla(0, 0%, 92.5%, 0.75);
  box-shadow: 0 1px 1px -4px rgba(0, 0, 0, 0.2);
  -webkit-transition: width 200ms ease, height 200ms ease, box-shadow 200ms ease;
  transition: width 200ms ease, height 200ms ease, box-shadow 200ms ease;
}

.dropdown_list:hover {
  width: 230px;
  height: 200px;
  background-color: #fff;
  box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.15);
}

.dropdown_list.cc-prototyping {
  width: 155px;
}

.dropdown_list.cc-prototyping:hover {
  width: 230px;
}

.dropdown_list.cc-business {
  width: 189px;
}

.dropdown_list.cc-business:hover {
  width: 230px;
}

.dropdown_list.cc-freelancers-agencies {
  width: 254px;
}

.dropdown_list.cc-startups {
  width: 189px;
}

.dropdown_list.cc-startups:hover {
  width: 230px;
}

.dropdown_li {
  position: relative;
  color: rgba(0, 0, 0, 0.3);
}

.dropdown_li:hover {
  background-color: #4353ff;
  color: hsla(0, 0%, 100%, 0.5);
}

.dropdown_li:active {
  background-color: #4054e9;
}

.dropdown_link {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-size: 15px;
  font-weight: 500;
}

.dropdown_link:hover {
  color: #fff;
}

.dropdown_link.cc-first {
  cursor: default;
}

.dropdown_arrow {
  position: absolute;
  top: 0px;
  right: 20px;
  z-index: 0;
  display: block;
  height: 100%;
  max-width: none;
  margin-left: 12px;
  padding-top: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.dropdown_lede {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 100%;
}

.p-prototype_wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  height: 440px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.p-prototype_track {
  position: relative;
  z-index: 5;
  width: 16px;
  margin: 30px;
}

.p-prototype_paddle {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 33.33%;
  border-radius: 10px;
}

.p-prototype_paddle.cc-2 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0px;
  bottom: 0px;
}

.p-prototype_half {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -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-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.p-prototype_half.cc-left {
  left: 0px;
  top: 0px;
  right: auto;
  bottom: 0px;
}

.p-prototype_number {
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
  opacity: 0;
  font-family: 'Roboto Mono', sans-serif;
  color: #4353ff;
  font-size: 30px;
  line-height: 80%;
}

.p-prototype_ball-track {
  position: absolute;
  left: 50px;
  top: 0px;
  right: 70px;
  bottom: 20px;
  z-index: 10;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.p-prototype_gradient {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  background-image: linear-gradient(135deg, rgba(67, 83, 255, 0.25), rgba(67, 83, 255, 0.5));
  opacity: 0;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.p-prototype_gradient.cc-paddle {
  border-radius: 10px;
  background-image: linear-gradient(135deg, rgba(67, 83, 255, 0.25), rgba(67, 83, 255, 0.75));
}

.p-prototype_gradient.cc-left {
  background-image: linear-gradient(225deg, rgba(67, 83, 255, 0.35), rgba(67, 83, 255, 0.65));
}

.p-prototype_gradient.cc-right {
  background-image: linear-gradient(135deg, rgba(67, 83, 255, 0.5), rgba(67, 83, 255, 0.75));
}

.p-prototype_redline {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  box-shadow: inset 0 0 0 2px #ccc;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.p-prototype_redline.cc-offset {
  left: -1px;
}

.p-prototype_redline.cc-offset2 {
  right: -1px;
}

.p-prototype_redline.cc-right {
  top: 1px;
}

.p-prototype_redline.cc-left {
  bottom: -2px;
}

.p-prototype_redline.cc-line {
  left: 50%;
  top: -30px;
  right: auto;
  bottom: auto;
  width: 2px;
  height: 30px;
  margin-left: -1px;
  opacity: 0.33;
}

.p-prototype_redline.cc-line.cc-2 {
  left: auto;
  top: 50%;
  right: -30px;
  width: 30px;
  height: 2px;
  margin-top: -1px;
  margin-left: 0px;
}

.p-prototype_redline.cc-line.cc-3 {
  left: -30px;
  top: 50%;
  right: auto;
  width: 30px;
  height: 2px;
  margin-top: -1px;
  margin-left: 0px;
}

.p-prototype_number-wrap {
  position: relative;
  z-index: 2;
  height: 28px;
  margin: 30px;
}

.p-prototype_ball {
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #4353ff;
}

.p-prototype_numbers {
  height: 56px;
}

.p-prototype_wooooo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #4353ff;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.p-prototype_numbers-hide {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  height: 28px;
}

.s-b-site {
  position: absolute;
  left: 0%;
  top: 0%;
  z-index: 1;
  width: 480px;
  height: 274px;
  margin-top: -135px;
  margin-left: -240px;
  background-color: #eee;
  box-shadow: 49px 49px 150px 0 rgba(0, 0, 0, 0.3);
}

.s-b-site.cc-1 {
  left: 19%;
  top: 34%;
  z-index: 5;
  width: 600px;
  height: 343px;
  margin-top: -168.75px;
  margin-left: -300px;
}

.s-b-site.cc-2 {
  left: 60%;
  top: 44%;
}

.s-b-site.cc-3 {
  left: 95%;
  top: 16%;
  z-index: 2;
}

.s-b-site.cc-4 {
  left: 4%;
  top: 106%;
  z-index: 2;
  width: 360px;
  height: 206px;
  margin-top: -101.25px;
  margin-left: -180px;
}

.s-b-site.cc-5 {
  left: 47%;
  top: 140%;
}

.s-b-site.cc-6 {
  left: 9%;
  top: -9%;
}

.s-b-site.cc-7 {
  left: 72%;
  top: -21%;
  width: 360px;
  height: 206px;
  margin-top: -101.25px;
  margin-left: -180px;
}

.s-b-site.cc-8 {
  left: 30%;
  top: 90%;
}

.s-b-site.cc-9 {
  left: 106%;
  top: 57%;
  width: 360px;
  height: 206px;
  margin-top: -101.25px;
  margin-left: -180px;
}

.s-b-site_img {
  opacity: 0.2;
}

.s-pricing_sub {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 1.6em;
}

.s-pricing_icon {
  display: none;
  width: 52px;
  height: 52px;
  margin-bottom: 24px;
  border-radius: 50%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.s-pricing_icon.cc-free {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5b14c28411a9de6217360e88_free-icon.png");
}

.s-pricing_icon.cc-pro {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5b14c284b45b89ca5785d3cd_pro-icon.png");
}

.s-pricing_icon.cc-team {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5b14c284da3c5c1b9afe99ad_team-icon.png");
}

.s-pricing_add {
  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;
}

.s-pricing_add.cc-2 {
  width: 52px;
  height: 100px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.s-pricing_add-icon {
  position: relative;
  width: 2px;
  height: 20px;
  background-color: #000;
}

.s-pricing_add-icon.cc-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -10px;
  margin-left: -1px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.s-fa-h {
  height: 110px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 2px;
  padding-bottom: 8px;
  font-size: 100px;
  line-height: 100%;
}

.s-fa-h_track {
  height: 550px;
}

.s-fa-h_wrap {
  overflow: hidden;
  height: 110px;
  margin-left: -3px;
}

.p-prototype_ball-wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
}

.p-prototype_shadow {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  background-image: linear-gradient(135deg, rgba(67, 83, 255, 0.1), rgba(67, 83, 255, 0.25));
  opacity: 0;
}

.p-prototype_inner-white {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  background-color: hsla(0, 0%, 100%, 0.5);
}

.s-hero_startups-img {
  width: 120%;
  max-width: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-pricing_add-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -35px;
  margin-bottom: -35px;
  margin-left: -40px;
  padding-right: 60px;
  padding-left: 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;
}

.s-hero_group {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 69vw;
  -webkit-transform: translate3d(0px, 0px, 0.0001px);
  transform: translate3d(0px, 0px, 0.0001px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s-fa_bg {
  position: relative;
  left: 0px;
  top: 0px;
}

.s-hero_wrap {
  position: relative;
  width: 30vw;
  height: 20vw;
  -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(-35deg);
  transform: rotateX(45deg) rotateY(0deg) rotateZ(-35deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s-hero_site {
  position: relative;
  width: 30vw;
  height: 20vw;
  margin-bottom: 3vw;
  background-image: linear-gradient(135deg, rgba(67, 83, 255, 0), rgba(67, 83, 255, 0.5));
  -webkit-transform: translate3d(0px, 0px, 0.0001px);
  transform: translate3d(0px, 0px, 0.0001px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s-hero_track {
  position: relative;
  z-index: 1;
  -webkit-transform: translate3d(0px, 0px, 0.001px);
  transform: translate3d(0px, 0px, 0.001px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s-hero_group-position {
  position: absolute;
  top: 69vw;
}

.s-hero_group-position.cc-top {
  top: auto;
  bottom: 69vw;
}

.s-hero_platform {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  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;
  background-image: none;
  -webkit-transform: translate3d(0px, 0px, 0.0001px);
  transform: translate3d(0px, 0px, 0.0001px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s-hero_img-top {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: block;
  width: 44.5vw;
  height: 28.7vw;
  max-width: none;
  margin-top: -14.35vw;
  margin-left: -22.25vw;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 1.5vw);
  transform: translate3d(0px, 0px, 1.5vw);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s-hero_img-top-shadow {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: block;
  width: 44.5vw;
  height: 28.7vw;
  max-width: none;
  margin-top: -14.35vw;
  margin-left: -22.25vw;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 0.01px);
  transform: translate3d(0px, 0px, 0.01px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s-b-gradient {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 100;
  height: 200px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
}

.s-b-gradient.cc-bottom {
  top: auto;
  bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
}

.s-s-illo_small {
  position: absolute;
  left: 50%;
  top: 50%;
}

.s-s-illo_small.cc-coffee {
  left: 101%;
  top: 26%;
  width: 64px;
}

.s-s-illo_small.cc-mac {
  left: 97%;
  top: 68%;
  width: 66px;
}

.s-s-illo_small.cc-planet {
  left: 5%;
  top: -14%;
  width: 108px;
}

.s-s-illo_small.cc-cube {
  left: -36%;
  top: 5%;
  width: 65px;
}

.s-s-illo_small.cc-cone {
  left: 6%;
  top: 95%;
  width: 66px;
}

.s-b-need {
  position: absolute;
  right: -10%;
  bottom: 45%;
  width: 50%;
  -webkit-transform: translate(0px, 28%);
  -ms-transform: translate(0px, 28%);
  transform: translate(0px, 28%);
}

.s-p_split-img {
  width: 100%;
}

.s-site_title {
  position: absolute;
  left: 0px;
  bottom: -30px;
  display: none;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
}

.s-main_graphic {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  max-height: 100%;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.s-main_graphic.cc-p-2 {
  max-width: 737px;
  opacity: 0;
}

.s-main_graphic.cc-p-1 {
  max-width: 837px;
}

.s-main_scroll-img {
  width: 800px;
  padding-left: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-main_scroll-img.cc-s-3 {
  width: 660px;
}

.s-main_scroll-img.cc-s-2 {
  width: 750px;
}

.s-main_scroll-img.cc-b-2 {
  width: 700px;
}

.s-main_scroll-img.cc-s-1 {
  width: 693px;
}

.s-main_video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.s-fa_wrap {
  position: relative;
  width: 90vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.s-fa_bud {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.s-shadow {
  position: absolute;
  left: -59%;
  top: -73%;
  z-index: 0;
  display: block;
  width: 200%;
  height: 250%;
  max-width: none;
  opacity: 0.9;
}

.s-quote-logo {
  margin-bottom: 60px;
}

._70-opacity {
  opacity: 0.7;
}

._50-opacity {
  opacity: 0.5;
}

.s-pricing_pricing {
  padding-top: 24px;
  padding-bottom: 10px;
}

.s-pricing_pricing.cc-horizontal {
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-pricing_pricing-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2px;
  padding-top: 10px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.s-pricing_pricing-wrap.cc-horizontal {
  padding-top: 19px;
  padding-right: 45px;
  padding-bottom: 0px;
}

.s-pricing_pricing-text {
  margin-right: 6px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #4353ff;
  font-size: 32px;
  line-height: 100%;
}

.s-pricing_pricing-text.cc-usd {
  font-size: 14px;
  font-weight: 500;
}

.s-pricing_pricing-text.cc-intro {
  font-family: 'Roboto Mono', sans-serif;
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.s-pricing_pricing-text.cc-intro.cc-callout {
  color: hsla(0, 0%, 100%, 0.5);
}

.s-pricing_pricing-text.cc-callout {
  color: #fff;
}

.text-block-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s-quote-lede {
  margin-bottom: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.s-main_gradient {
  display: none;
}

.s-main_mobile {
  display: none;
}

.c-p-icon-mobile {
  display: none;
}

.s-hero_bottom {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

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

.nav_signup_wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.nav_inner {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 60px;
  -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;
  background-color: #000;
}

.nav_inner.cc-open {
  height: 60px;
  background-color: #2e2e2e;
}

.nav_1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.nav_paragraph {
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
}

.nav_paragraph.cc-coming-soon {
  position: absolute;
  bottom: 100%;
  margin-bottom: 8px;
  color: rgba(46, 46, 46, 0.8);
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
}

.nav_position {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav_customer-logo {
  height: 22px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_customer-logo.cc-dell {
  height: 48px;
  margin-top: -5px;
}

.nav_customer-logo.cc-heco {
  height: 28px;
}

.nav_customer-logo.cc-hello {
  height: 20px;
}

.nav_icon-img {
  display: block;
}

.nav_signup-text {
  font-size: 14px;
  font-weight: 500;
}

.nav_link-inner {
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav_link-bottom {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-bottom: -1px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_title-wrap.cc-third {
  -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;
}

.nav_2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 400px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nav_title-wrap-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 400px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.meganav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -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;
  line-height: 1em;
}

.nav-text {
  font-size: 14px;
  cursor: pointer;
}

.nav_arrow {
  display: none;
}

.nav_li-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 40px;
  -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;
  color: #fff;
  text-decoration: none;
}

.nav_li-link:hover {
  background-color: #4353ff;
}

.nav_li-link.cc-grid {
  display: block;
  width: 100%;
  margin-left: 0px;
  padding: 35px 30px 30px 40px;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: hsla(0, 0%, 100%, 0.5);
}

.nav_li-link.cc-grid p {
  color: hsla(0, 0%, 100%, 0.5);
}

.nav_li-link.cc-grid:hover {
  color: #fff;
}

.nav_li-link.cc-grid.cc-customers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.nav_icon {
  width: 28px;
  height: 28px;
  margin-bottom: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_icon.cc-inline {
  width: 22px;
  height: 22px;
  margin: -3px 10px 10px -2px;
}

.nav_icon.cc-designer {
  margin-left: -5px;
}

.nav_icon.cc-editor {
  margin-left: -3px;
}

.nav_icon.cc-ecom {
  margin-left: -2px;
}

.nav_icon.cc-ix {
  margin-left: -4px;
}

.nav_icon.cc-cms {
  margin-left: -3px;
}

.nav_icon.cc-hosting {
  margin-left: -3px;
}

.nav_dropdown {
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  display: none;
}

.nav_dropdown.cc-visible {
  display: block;
}

.products_link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding: 35px 20px 35px 40px;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: hsla(0, 0%, 100%, 0.5);
  text-decoration: none;
}

.products_link-block p {
  color: hsla(0, 0%, 100%, 0.5);
}

.products_link-block:hover {
  color: #fff;
}

.products_link-block.cc-editor:hover {
  background-color: #4fadff;
}

.products_link-block.cc-ix:hover {
  background-color: #d36ec6;
}

.products_link-block.cc-cms:hover {
  background-color: #9085da;
}

.products_link-block.cc-ecom:hover {
  background-color: #38d996;
}

.products_link-block.cc-hosting:hover {
  background-color: #ffab9d;
}

.products_link-block.cc-designer:hover {
  background-color: #ff6382;
}

.nav_mobile {
  display: none;
}

.nav_cell {
  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-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav_cell.cc-customers {
  width: 45%;
  padding-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: hsla(0, 0%, 100%, 0.03);
}

.nav_cell.cc-solutions {
  padding-bottom: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav_cell.cc-community {
  width: 40%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_cell.cc-community {
  width: 40%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 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-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav_ul.cc-grid {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -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;
}

.nav_ul.cc-grid.cc-3 {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.nav_icon-title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nav_title {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 6px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, 0.07);
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.nav_logo-wrap {
  position: relative;
  top: -1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  -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;
}

.nav_logo-wrap:hover {
  background-color: #262626;
}

.nav_main {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: rgba(0, 0, 0, 0.15);
}

.nav_x {
  display: none;
}

.nav_signup, a.nav_signup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -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: #4353ff;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

a.nav_signup.logout_link {
  background-color: transparent;
  transition: all .2s ease-out;
}

.nav_signup.logout_link:hover {
  background-color: transparent;
  color: #666;
}

.nav_signup:hover {
  background-color: #3645ee;
}

.nav_signup.cc-2 {
  background-color: hsla(0, 0%, 100%, 0);
}

.nav_signup.cc-2:hover {
  background-color: #262626;
}

.nav_signup.cc-secondary {
  background-color: hsla(0, 0%, 100%, 0);
}

.nav_signup.cc-secondary:hover {
  background-color: #262626;
}

.nav_signup.cc-main {
  position: relative;
  background-color: #333;
}

.products_li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16.666%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
}

.products_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav_link-title {
  margin-top: 0px;
  margin-bottom: 12px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.nav_link-title.cc-icon {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 18px;
}

.nav_mobile-back {
  display: none;
}

.nav_logo {
  display: block;
  width: 76px;
  margin-bottom: 1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_li {
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav_li.cc-grid {
  width: 33.33%;
  height: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_li.cc-grid.cc-customers {
  height: auto;
}

.nav_li.cc-grid.cc-4 {
  width: 50%;
}

.nav_li.cc-grid {
  width: 33.33%;
  height: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_li.cc-grid.cc-4 {
  width: 50%;
}

.nav_li.cc-grid.cc-customers {
  height: auto;
}

.nav_item, a.nav_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  -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;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

.nav_background {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}

.div-block-4 {
  position: relative;
}

.s-site_site {
  display: block;
  width: 35vw;
  height: 20vw;
  max-width: none;
  margin-right: 1vw;
  margin-left: 1vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_2-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 400px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nav_1-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.nav_title-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-bottom: -1px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav_title-wrap-2.cc-third {
  -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;
}

.products_li-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16.6666%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.products_li-2.cc-last {
  width: 17%;
}

.nav_3-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 400px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nav_tablet-close {
  display: none;
}

.nav_link-bottom-2 {
  position: relative;
  height: 0px;
  min-height: 108px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: height 200ms cubic-bezier(.215, .61, .355, 1);
  transition: height 200ms cubic-bezier(.215, .61, .355, 1);
}

.nav_logo-wrap-2, a.nav_logo-wrap-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -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;
}

.nav_logo-wrap-2:hover {
  background-color: #262626;
}

.nav_link-title-2 {
  margin-top: 0px;
  margin-bottom: 12px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.nav_link-title-2.cc-icon {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 18px;
}

.nav_icon-title-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.products_ul-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card_inner {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.card {
  display: block;
  padding: 36px 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #e4e4e4;
  color: #000;
  text-decoration: none;
}

.card:hover {
  background-color: #e4e4e4;
}

.card.cc-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding: 24px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card_4card_image {
  margin-right: 28px;
}

.card_4card_text {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card_4card_text_title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 26px;
}

.card_4card_text_desc {
  max-width: 400px;
  margin-top: 10px;
  margin-bottom: 0px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  line-height: 1.6em;
}

.badge_footer {
  position: relative;
}

.footer_jobs-hiring {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer_jobs-hiring_badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  margin-left: 12px;
  padding: 3px 3px 3px 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #999;
  font-family: 'Roboto Mono', sans-serif;
  color: #fff;
  font-size: 10px;
  text-transform: none;
}

.footer_jobs-hiring_badge.light {
  background-color: #404040;
}

.footer_jobs-link {
  color: #888;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
}

.footer_jobs-link:hover {
  color: #000;
}

.button-4 {
  display: inline-block;
  height: 50px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 1px;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #4353ff;
  color: #fff;
  font-size: 15px;
  line-height: 50px;
  font-weight: 500;
  text-align: center;
}

.button-4:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0.07)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07));
}

.button-4:focus {
  box-shadow: 1px 1px 0 0 transparent;
}

.button-4.top-margin {
  height: 55px;
  margin-top: 20px;
}

.button__text-2 {
  display: inline-block;
  line-height: 55px;
}

.button__arrow-2 {
  display: inline-block;
  width: 22px;
  margin-right: -3px;
  margin-bottom: 2px;
  margin-left: 16px;
}

.sign-up_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 100px 50px;
  background-color: #000;
}

.logo_wrap {
  display: -ms-grid;
  display: grid;
  padding-top: 50px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  justify-items: start;
  -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;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-areas: ".";
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.logo {
  display: block;
  opacity: 0.35;
}

.logo.cc-intuit {
  margin-bottom: 3px;
}

.logo.cc-auto {
  margin-top: 2px;
}

.sign-up_container {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.paragraph-2 {
  max-width: 600px;
  color: #666;
  font-size: 16px;
  line-height: 1.6;
}

.paragraph-2.cc-dark-bg {
  color: #999;
}

.sign-up_cell {
  padding-right: 50px;
}

.sign-up_grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  -ms-grid-columns: minmax(450px, 1fr) 1fr;
  grid-template-columns: minmax(450px, 1fr) 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  color: #fff;
}

.sign-up_cell_title {
  max-width: 600px;
  margin-top: -8px;
  margin-bottom: 30px;
  margin-left: -4px;
  font-size: 60px;
  line-height: 110%;
  font-weight: 500;
}

.div-block-26 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.logo_intro {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 12px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
  color: #999;
  font-size: 16px;
}

.footer__bottom {
  -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;
}

.footer__contain {
  display: block;
  width: 100%;
  max-width: 1100px;
  padding-top: 100px;
  padding-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 50px;
  -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-color: #000;
  color: #fff;
}

.footer__linkblock {
  display: block;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #888;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  text-decoration: none;
}

.footer__linkblock:hover {
  color: #fff;
}

.footer__link {
  display: block;
  margin-bottom: 30px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #888;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
}

.footer__link:hover {
  color: #fff;
}

.footer__link.footer__link--icon {
  width: 24px;
  height: 24px;
  margin-bottom: 23px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
  opacity: 0.45;
}

.footer__link.footer__link--icon:hover {
  opacity: 1;
}

.footer__link.footer__link--icon.footer__link--insta {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a53f12f43d17_24-insta.svg");
  background-size: 24px;
}

.footer__link.footer__link--icon.footer__link--youtube {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a54f16f43d18_24-youtube.svg");
  background-size: 24px;
}

.footer__link.footer__link--icon.footer__link--fb {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a5933bf43d16_24-fb.svg");
  background-size: 24px;
}

.footer__link.footer__link--icon.footer__link--twitter {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a559f8f43d19_24-twitter.svg");
  background-size: 24px;
}

.footer__link.footer__link--icon.footer__link--webflow {
  margin-top: -5px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a5f5cbf43d15_24-wolfdew.svg");
  background-size: 24px;
}

.footer__link-column {
  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-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer__link-column.footer__link-column--social {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.footer__link-column.footer__link-column--logo {
  padding-bottom: 65px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.footer__link-column.footer__link-column--logo {
  padding-top: 64px;
  padding-bottom: 64px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.footer_jobs-hiring-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.footer__logo-link {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.footer__heading {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 17px;
}

.footer__copyright-text {
  color: #999;
  font-size: 15px;
}

.footer__logo {
  width: 81px;
}

.paragraph-l {
  font-size: 20px;
}

.paragraph-l.cc-cta {
  max-width: 600px;
}

.footer__link-2 {
  display: block;
  margin-bottom: 30px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #888;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  text-decoration: none;
}

.footer__link-2:hover {
  color: #fff;
}

.footer__link-2.footer__link--icon {
  width: 24px;
  height: 24px;
  margin-bottom: 23px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
  opacity: 0.45;
}

.footer__link-2.footer__link--icon:hover {
  opacity: 1;
}

.footer__link-2.footer__link--icon.footer__link--insta {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a53f12f43d17_24-insta.svg");
  background-size: 24px;
}

.footer__link-2.footer__link--icon.footer__link--webflow {
  margin-top: -5px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a5f5cbf43d15_24-wolfdew.svg");
  background-size: 24px;
}

.footer__link-2.footer__link--icon.footer__link--youtube {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a54f16f43d18_24-youtube.svg");
  background-size: 24px;
}

.footer__link-2.footer__link--icon.footer__link--fb {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a5933bf43d16_24-fb.svg");
  background-size: 24px;
}

.footer__link-2.footer__link--icon.footer__link--twitter {
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5db2df8fe800a559f8f43d19_24-twitter.svg");
  background-size: 24px;
}

.cta-button_sub-text {
  opacity: 0.8;
  font-weight: 400;
}

.div-block-8 {
  display: -ms-grid;
  display: grid;
  width: 100%;
  max-width: 1100px;
  padding-top: 64px;
  padding-bottom: 64px;
  -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;
  grid-auto-columns: 1fr;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.hero-button {
  margin-top: 24px;
  margin-right: 16px;
  padding-top: 1px;
  padding-right: 24px;
  padding-left: 24px;
  background-color: #4353ff;
  color: #fff;
  font-size: 17px;
  line-height: 59px;
  font-weight: 500;
  text-decoration: none;
}

.hero-button:hover {
  background-color: #3545ee;
}

.hero-button.cc-main {
  position: relative;
}

.footer-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 64px;
  padding-right: 64px;
  padding-left: 64px;
  -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: #111;
  color: #fff;
}

.footer__copyright-text-2 {
  color: #888;
  font-size: 15px;
}

.footer_jobs-hiring_badge-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  margin-left: 12px;
  padding: 3px 3px 3px 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #999;
  color: #fff;
  font-size: 10px;
  text-transform: none;
}

.footer_jobs-hiring_badge-2.light {
  background-color: #404040;
  font-family: 'Roboto Mono', sans-serif;
}

.footer__heading-2 {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
}

.inner-button {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
}

.footer_contain-2 {
  display: block;
  width: 100%;
  max-width: 1110px;
  padding-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sign-up_cell_title-2 {
  max-width: 500px;
  margin-top: -8px;
  margin-bottom: 30px;
  margin-left: -4px;
  font-size: 60px;
  line-height: 110%;
  font-weight: 500;
}

.logo-2 {
  display: block;
  opacity: 0.5;
}

.logo-2.cc-auto {
  margin-top: 2px;
}

.logo-2.cc-intuit {
  margin-bottom: 3px;
}

.eyebrow {
  margin-top: 0px;
  margin-bottom: 24px;
  font-family: 'Roboto Mono', sans-serif;
  color: #888;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.logo_wrap-2 {
  display: -ms-grid;
  display: grid;
  padding-top: 32px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  justify-items: start;
  -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;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-areas: ".";
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.txt-light {
  margin-left: 5px;
  font-weight: 400;
}

.modal_wrap {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999999991;
  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;
}

.modal_box {
  position: relative;
  z-index: 2;
  width: 600px;
  height: 600px;
  max-height: 90vh;
  max-width: 90vw;
  background-color: #fff;
}

.modal_box.modal-medium {
  width: 960px;
}

.modal_box.modal-medium.modal-anchored {
  margin-top: 30px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.modal_x {
  position: absolute;
  left: auto;
  top: 16px;
  right: 16px;
  bottom: auto;
  z-index: 2;
  width: 32px;
  height: 32px;
  background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5dbb0d440775d4505a904e4f_x.svg");
  background-position: 50% 50%;
  background-size: 21px 21px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.modal_x:hover {
  opacity: 0.5;
}

.html-embed-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

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

.text-block-6 {
  font-weight: 400;
}

@media (max-width: 991px) {
  .nav__menu {
    position: relative;
    top: -391px;
    z-index: 1;
    display: block;
    height: auto;
    padding: 20px 7.5% 40px;
    float: none;
    background-color: #1a1b1f;
    color: #fff;
  }
  .nav {
    position: absolute;
    height: 60px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .nav__brand {
    display: none;
    margin-left: 10px;
  }
  .nav__brand.nav-brand--mobile {
    display: block;
    padding-left: 0px;
  }
  .nav__logo {
    margin-top: 11px;
  }
  .nav__right {
    display: block;
    height: auto;
    padding-top: 0px;
    float: none;
  }
  .nav__link {
    display: block;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    opacity: 1;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
  }
  .nav__link.nav-link--dropdown {
    top: 0px;
    height: auto;
    opacity: 1;
  }
  .nav__log-in {
    display: block;
    height: 50px;
    padding-top: 19px;
    padding-right: 0px;
    padding-left: 0px;
    opacity: 1;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
  }
  .nav__sign-up {
    padding-top: 19px;
    padding-right: 20px;
    padding-left: 0px;
    background-color: transparent;
    font-size: 13px;
    line-height: 13px;
  }
  .nav__sign-up:hover {
    background-color: transparent;
  }
  .nav__sign-up.cc-white {
    background-color: transparent;
  }
  .nav__dropdown-wrap {
    padding-right: 0px;
    padding-left: 0px;
  }
  .nav__dropdown-text {
    color: #fff;
  }
  .nav-link__dropdown.w--open {
    position: relative;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    background-color: transparent;
    box-shadow: 0 0 0 0 transparent;
  }
  .nav-dropdown__link {
    height: 50px;
    color: #999;
  }
  .nav-dropdown__link:hover {
    background-color: transparent;
  }
  .nav-dropdown__arrow {
    display: none;
  }
  .nav-mobile {
    position: relative;
    z-index: 2;
    display: block;
    background-color: #000;
  }
  .nav__menu-button {
    z-index: 100;
    width: 60px;
    height: 60px;
    padding: 17px;
  }
  .nav__menu-button.w--open {
    background-color: #1a1b1f;
  }
  .menu-icon {
    position: absolute;
    left: 17px;
    top: 17px;
    right: 17px;
    bottom: 17px;
    display: block;
    width: 26px;
    height: 26px;
    background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9ca_menu-icon.svg");
    background-position: 50% 50%;
    background-size: auto;
  }
  .close-icon {
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9c6_menu-close.svg");
    background-position: 50% 50%;
    background-size: auto;
    opacity: 0;
  }
  .section {
    padding-right: 80px;
    padding-left: 80px;
  }
  .section.cc-heco {
    overflow: hidden;
  }
  .section.cc-collab {
    padding-top: 0px;
  }
  .section.cc-problem.cc-heco {
    padding: 100px 150px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section.cc-problem.cc-hello {
    padding-top: 125px;
    padding-bottom: 100px;
  }
  .section.cc-problem.cc-dell {
    padding-top: 0px;
  }
  .section.cc-dell-search {
    padding-top: 80px;
  }
  .section.quote--half {
    height: auto;
  }
  .section.quote--half.grey2 {
    height: auto;
  }
  .section.thin-banner {
    padding-right: 40px;
    padding-left: 40px;
  }
  .section.cc-s-hero {
    padding-bottom: 80px;
  }
  .section.cc-b-sites {
    padding-bottom: 100px;
  }
  .container.cc-flex {
    display: block;
  }
  .container.cc-flex.cc-hello-needs {
    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;
  }
  .container.flex {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main_container {
    width: 100%;
  }
  .main_nav {
    display: block;
  }
  .hc_bottom {
    padding-right: 50px;
  }
  .quote-text {
    font-size: 24px;
  }
  .quote-text.cc-s-quote-main {
    font-size: 26px;
  }
  .hc_type {
    font-size: 12px;
  }
  .home_company-section {
    padding-right: 0px;
    padding-left: 0px;
  }
  .hero {
    padding-right: 80px;
    padding-left: 80px;
  }
  .img {
    width: 100%;
  }
  .hc-bottom-right {
    padding-left: 0px;
  }
  .customer {
    padding-right: 80px;
    padding-left: 80px;
  }
  .vertical-line {
    display: none;
  }
  .customer_heading {
    font-size: 36px;
  }
  .hero_heading {
    max-width: 700px;
    font-size: 55px;
  }
  .cs_graphic-cell {
    width: 100%;
  }
  .cs_graphic-cell.cc-hello-list {
    display: block;
    max-width: 575px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
  }
  .cs_graphic-cell.cc-hello-problem {
    height: 300px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .cs_graphic-cell.client-bill {
    height: 300px;
  }
  .cs_graphic-cell.cc-dell {
    min-height: 600px;
  }
  .cs_graphic-cell.cc-dell-problem {
    display: block;
    width: 400px;
    margin: 0px auto;
  }
  .cs_text-cell {
    padding-top: 75px;
    padding-left: 0px;
  }
  .cs_text-cell.cc-left {
    padding-top: 0px;
    padding-right: 0px;
  }
  .cs_text-cell.cc-left.cc-hello-needs {
    display: block;
    max-width: 550px;
  }
  .cs_text-cell.force-half {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 40px;
  }
  .cs_text-cell.left {
    padding-top: 0px;
  }
  .heco_life-after-head {
    font-size: 50px;
  }
  .heco_collab-cell {
    max-width: 410px;
  }
  .cs_half {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .cs_half.cc-hello {
    width: 66.6666%;
  }
  .cs_half.cc-copy {
    width: 66.6666%;
  }
  .cs_half.cc-img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .cs_half.cc-hello-img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .heco_horizontal-section.cc-first {
    margin-right: 300px;
  }
  .heco_horizontal-section.cc-first2 {
    margin-left: -300px;
  }
  .cs_half-inner {
    padding-right: 80px;
    padding-left: 80px;
  }
  .cs_half-inner.cc-dell-img {
    padding-right: 20px;
    padding-left: 0px;
  }
  .quote-icon {
    margin-top: 7px;
    margin-right: 50px;
  }
  .hero-work_shadow {
    background-image: linear-gradient(180deg, transparent 69%, rgba(0, 0, 0, 0.05)), linear-gradient(63deg, hsla(0, 0%, 100%, 0) 17%, hsla(0, 0%, 100%, 0.9) 60%);
  }
  .points_point {
    font-size: 12px;
  }
  .cs_browser {
    -webkit-transform: rotateX(45deg) rotateY(15deg) rotateZ(-45deg);
    transform: rotateX(45deg) rotateY(15deg) rotateZ(-45deg);
  }
  .graph_wrap.cc-before {
    width: 100%;
  }
  .graph_key.cc-heco-after {
    bottom: 0px;
  }
  .cs_vertical-points {
    padding-top: 50px;
  }
  .cs_vertical-track.cc-hello-middle {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .cs_hello-list-bg {
    left: 60px;
  }
  .hello-d-e_wrap {
    width: 75%;
    margin-bottom: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .body {
    font-size: 16px;
  }
  .cs_browser-center {
    left: 20px;
  }
  .footer_contain {
    padding-top: 60px;
    padding-bottom: 45px;
  }
  .footer_logo-wrap {
    padding-bottom: 60px;
  }
  .footer_link-wrap {
    padding-bottom: 30px;
  }
  .footer_heading {
    font-size: 13px;
  }
  .footer_link {
    font-size: 13px;
  }
  .footer_logo {
    width: 60px;
  }
  .footer_c {
    font-size: 13px;
  }
  .footer_icon {
    margin-top: -3px;
    margin-bottom: 26px;
  }
  .cs-hero-img-blur.cc-dark.option2 {
    background-position: 80% 0%;
    background-size: 1300px;
  }
  .solutions_heading {
    font-size: 55px;
  }
  .cs-hero-img-clear.cc-dark.option2 {
    background-position: 80% 0%;
    background-size: 1300px;
    background-repeat: no-repeat;
  }
  .testimonial--double {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #000;
  }
  .ui-copy-wrap {
    width: 45%;
    padding-right: 30px;
  }
  .ui-image-wrap {
    max-width: 55%;
  }
  .h_t2 {
    line-height: 1.3em;
  }
  .testimonial--sing {
    padding-right: 80px;
    padding-left: 80px;
  }
  .player-container {
    display: none;
  }
  .video-size {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .description-text {
    -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;
  }
  .category-text {
    margin-left: 0px;
  }
  .hosting-img {
    width: 70%;
    margin-left: 0px;
  }
  .div-block-3 {
    margin-right: 20px;
  }
  .contain-button {
    padding-left: 20px;
    -webkit-flex-basis: 44%;
    -ms-flex-preferred-size: 44%;
    flex-basis: 44%;
  }
  .university-illo {
    width: 140px;
    margin-right: 20px;
  }
  .sign-up {
    padding-bottom: 120px;
  }
  .illo-caption {
    font-size: 12px;
  }
  .dell_img.cc-screenshot.cc-panel {
    left: 20px;
  }
  .dell_img.cc-colors {
    max-width: 160px;
  }
  .dell_img.cc-products {
    position: absolute;
    left: 0px;
    top: 10%;
    bottom: auto;
    max-width: 200px;
  }
  .s-title.cc-s-quote-main {
    font-size: 18px;
    line-height: 140%;
  }
  .s-title.cc-med {
    font-size: 24px;
  }
  .customers-help__vertical-wrap {
    -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;
  }
  .customers-help__cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .customers-help__link-wrap {
    display: block;
  }
  .s-edu_title {
    margin-top: 20px;
  }
  .form-section {
    padding: 60px 60px 80px;
  }
  .tos-copy.right {
    position: relative;
    text-align: left;
  }
  .tos-link {
    font-size: 12px;
  }
  .sign-up-form {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .input-wrapper.input-wrapper--horizontal {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  .s-container.cc-flex {
    display: block;
  }
  .s-container.cc-s-b-templates.cc-2 {
    display: block;
    margin-top: 150px;
  }
  .s-container.cc-logos.cc-bottom {
    margin-bottom: 25px;
  }
  .s-main_sub {
    font-size: 16px;
  }
  .s-body {
    font-size: 14px;
  }
  .s-main_top {
    max-height: 600px;
  }
  .s-main_main.cc-fa {
    -webkit-transform: translate(0px, -100%) rotate(90deg) scale(0.75);
    -ms-transform: translate(0px, -100%) rotate(90deg) scale(0.75);
    transform: translate(0px, -100%) rotate(90deg) scale(0.75);
  }
  .s-main_fill.cc-scroll {
    overflow: hidden;
    margin-left: 0px;
  }
  .s-third_title.cc-left {
    padding-right: 60px;
  }
  .quote-text_quote {
    margin-left: -12px;
  }
  .s-b_cell-templates.cc-2 {
    width: auto;
  }
  .s-sites_list {
    margin-right: -80px;
    margin-left: -80px;
  }
  .p-h1_wrap {
    display: none;
  }
  .p-h1.cc-mobile {
    display: block;
    height: auto;
    max-width: 400px;
    font-size: 38px;
  }
  .p-prototype_wrap {
    height: 40vw;
  }
  .s-b-site.cc-1 {
    width: 360px;
    height: 205.8px;
    margin-top: -101.25px;
    margin-left: -180px;
  }
  .s-b-site.cc-3 {
    width: 288px;
    height: 164.4px;
    margin-top: -81px;
    margin-left: -144px;
  }
  .s-b-site.cc-5 {
    width: 288px;
    height: 164.4px;
    margin-top: -81px;
    margin-left: -144px;
  }
  .s-b-site.cc-6 {
    width: 288px;
    height: 164.4px;
    margin-top: -81px;
    margin-left: -144px;
  }
  .s-b-site.cc-8 {
    width: 288px;
    height: 164.4px;
    margin-top: -81px;
    margin-left: -144px;
  }
  .s-hero_wrap {
    left: 5vw;
    top: -5vw;
    -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(-35deg) scale(1.1);
    transform: rotateX(45deg) rotateY(0deg) rotateZ(-35deg) scale(1.1);
  }
  .s-b-gradient {
    display: none;
  }
  .s-b-gradient.cc-bottom {
    display: block;
  }
  .s-s-illo_small.cc-coffee {
    width: 44px;
  }
  .s-s-illo_small.cc-mac {
    width: 46px;
  }
  .s-s-illo_small.cc-planet {
    left: 22%;
    top: -6%;
    width: 68px;
  }
  .s-s-illo_small.cc-cube {
    left: -20%;
    width: 51px;
  }
  .s-s-illo_small.cc-cone {
    left: 46%;
    width: 46px;
  }
  .s-b-need {
    display: none;
    width: 70%;
    opacity: 0.54;
  }
  .s-main_graphic.cc-p-2 {
    max-width: 600px;
  }
  .s-main_graphic.cc-p-1 {
    max-width: 600px;
  }
  .s-main_gradient {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 0;
    display: block;
    background-image: radial-gradient(circle farthest-side at 0% 100%, rgba(34, 34, 34, 0.87) 53%, rgba(34, 34, 34, 0));
  }
  .nav_inner {
    height: 60px;
  }
  .nav_paragraph {
    font-size: 11px;
    line-height: 18px;
  }
  .nav_paragraph.cc-customers {
    width: 50%;
    height: auto;
  }
  .nav_paragraph.cc-coming-soon {
    top: 5px;
    right: 0px;
    bottom: auto;
    color: hsla(0, 0%, 100%, 0.5);
  }
  .nav_customer-logo.cc-dell {
    height: 34px;
  }
  .nav_customer-logo.cc-heco {
    height: 22px;
  }
  .nav_customer-logo.cc-hello {
    height: 16px;
  }
  .nav_signup-text {
    font-size: 13px;
  }
  .nav_link-inner {
    position: relative;
  }
  .nav_link-bottom {
    position: static;
    height: 70px;
  }
  .nav_title-wrap {
    height: 60px;
    padding: 25px 30px 15px;
  }
  .meganav {
    top: 0px;
    height: 60px;
    font-size: 15px;
  }
  .nav-text {
    font-size: 13px;
  }
  .nav_li-link.cc-grid {
    padding: 20px 30px;
  }
  .nav_li-link.cc-grid.cc-customers {
    -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;
  }
  .nav_icon {
    width: 22px;
    height: 22px;
    margin-bottom: 8px;
  }
  .nav_icon.cc-editor {
    margin-left: -1px;
  }
  .nav_icon.cc-cms {
    margin-left: -2px;
  }
  .products_link-block {
    padding: 25px 30px;
  }
  .nav_cell.cc-customers {
    width: 40%;
  }
  .nav_cell.cc-resources {
    padding-bottom: 0px;
  }
  .nav_cell.cc-community {
    width: 45%;
  }
  .nav_ul.cc-grid {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .nav_ul.cc-grid.cc-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .nav_title {
    font-size: 14px;
  }
  .nav_logo-wrap {
    padding-right: 10px;
    padding-left: 20px;
  }
  .nav_main {
    height: 60px;
  }
  .nav_signup {
    font-size: 13px;
  }
  .products_li {
    width: 33.33%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .products_ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .nav_link-title {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
  }
  .nav_link-title.cc-icon {
    font-size: 13px;
  }
  .nav_logo {
    width: 66px;
  }
  .nav_li.cc-grid.cc-customers {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .nav_li.cc-grid.cc-customers {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .nav_item {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 13px;
  }
  .nav_2-2 {
    height: 376px;
  }
  .nav_1-2 {
    height: 376px;
  }
  .nav_title-wrap-2 {
    height: 50px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .products_li-2 {
    width: 33.33%;
    height: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .products_li-2.cc-last {
    width: 33.33%;
  }
  .nav_3-2 {
    height: 376px;
  }
  .nav_tablet-close {
    position: absolute;
    left: 0px;
    top: 436px;
    right: 0px;
    display: block;
    height: 24px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: hsla(0, 0%, 100%, 0.1);
    background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5b44f9af9049a82b28367432_tablet-arrow.png");
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
  }
  .nav_link-bottom-2 {
    position: static;
    height: 70px;
  }
  .nav_logo-wrap-2 {
    padding-right: 10px;
    padding-left: 20px;
  }
  .nav_link-title-2 {
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 18px;
  }
  .nav_link-title-2.cc-icon {
    font-size: 13px;
  }
  .nav_icon-title-wrap-2 {
    display: block;
  }
  .products_ul-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .card_4card_text_title {
    margin-top: 20px;
  }
  .footer_jobs-link {
    font-size: 13px;
  }
  .logo_wrap {
    width: auto;
    padding-left: 0px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .sign-up_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sign-up_cell_title {
    font-size: 50px;
  }
  .div-block-26 {
    padding-top: 50px;
    padding-left: 0px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .footer__contain {
    padding-top: 60px;
    padding-bottom: 45px;
  }
  .footer__link-wrap {
    width: 100%;
    padding-bottom: 30px;
    float: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer__linkblock {
    font-size: 13px;
    line-height: 17px;
  }
  .footer__link {
    font-size: 13px;
    line-height: 17px;
  }
  .footer__link-column.footer__link-column--logo {
    padding-bottom: 60px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .footer__link-column.footer__link-column--logo {
    padding-bottom: 60px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .footer__heading {
    font-size: 13px;
    line-height: 17px;
  }
  .footer__copyright-text {
    font-size: 13px;
  }
  .footer__logo {
    width: 60px;
    margin-left: 0%;
  }
  .paragraph-l {
    font-size: 18px;
  }
  .footer__link-2 {
    font-size: 13px;
    line-height: 17px;
  }
  .div-block-8 {
    padding-top: 31px;
    padding-bottom: 31px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .footer__copyright-text-2 {
    font-size: 13px;
  }
  .footer__heading-2 {
    font-size: 13px;
    line-height: 17px;
  }
  .sign-up_cell_title-2 {
    max-width: 450px;
    font-size: 40px;
  }
  .logo_wrap-2 {
    width: auto;
    padding-left: 0px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
}

@media (max-width: 767px) {
  .section {
    padding-right: 50px;
    padding-left: 50px;
  }
  .section.cc-heco {
    padding-right: 30px;
    padding-left: 30px;
  }
  .section.cc-problem.cc-heco {
    padding-top: 75px;
    padding-right: 80px;
    padding-left: 80px;
  }
  .section.cc-problem.cc-hello {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section.cc-problem.cc-grey.solutions {
    padding-right: 30px;
    padding-left: 30px;
  }
  .section.cc-dell-search {
    padding-top: 60px;
  }
  .section.quote--half {
    width: 100%;
  }
  .section.thin-banner {
    padding-right: 30px;
    padding-left: 30px;
  }
  .section.editor {
    padding-right: 30px;
    padding-left: 30px;
  }
  .section.grey {
    padding-right: 30px;
    padding-left: 30px;
  }
  .section.white {
    padding-right: 30px;
    padding-left: 30px;
  }
  .section.cc-s-hero {
    display: block;
    height: auto;
    min-height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .section.cc-s-hero.s-pricing_pricing-wrap {
    padding-top: 120px;
  }
  .section.cc-p-logos {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .container.cc-read-more.cc-2 {
    display: block;
  }
  .container.cc-cs-nav {
    display: block;
    height: auto;
    padding-bottom: 0px;
  }
  .container.cs-hero-solutions.flex {
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .container.cs-solutions {
    width: 90%;
  }
  .container.cs-three-up {
    -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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .container.cs-three-up.blog {
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .main_container.cc-hero {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .main_container.cc-content {
    display: block;
  }
  .main_nav {
    display: block;
  }
  .main_nav-link {
    margin-top: 0px;
    margin-left: 15px;
  }
  .main_nav-item {
    width: 100%;
    margin-bottom: 20px;
    -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;
  }
  ._70-black-text.center-mobile {
    text-align: left;
  }
  .hc_bottom {
    padding-bottom: 30px;
  }
  .hc_logo {
    max-width: 70%;
  }
  .quote-text {
    font-size: 20px;
  }
  .quote-text.cc-small {
    font-size: 20px;
  }
  .hc_type.cc-uses-for {
    margin-bottom: 30px;
  }
  .hero {
    padding-right: 50px;
    padding-left: 50px;
  }
  .customer {
    padding-right: 50px;
    padding-left: 50px;
  }
  .customer_intro {
    margin-bottom: 30px;
  }
  .hero_heading {
    max-width: 500px;
    font-size: 40px;
  }
  .heco_bg {
    display: block;
  }
  .cs_graphic-cell.cc-hello-list {
    margin-top: 50px;
    padding-left: 40px;
  }
  .cs_graphic-cell.client-bill {
    height: 260px;
  }
  .cs_graphic-cell.cc-dell-problem {
    width: 90%;
  }
  .cs_text-cell.force-half {
    padding-left: 0px;
  }
  .heco_life-after-head {
    font-size: 45px;
  }
  .read-more_cell.cc-2 {
    margin-top: -1px;
    margin-left: 0px;
    border-top-color: transparent;
    border-left-color: rgba(0, 0, 0, 0.25);
  }
  .read-more_cell.cc-2:hover {
    border-color: #000;
  }
  .heco_horizontal-section.cc-first {
    margin-right: 20vw;
  }
  .heco_horizontal-section.cc-first2 {
    margin-left: -20vw;
  }
  .cs_half-inner {
    height: auto;
    padding: 50px;
  }
  .cs_half-inner.cc-dell-img {
    padding-right: 20px;
  }
  .cs-logo {
    margin-bottom: 30px;
  }
  .quote_credit-wrap {
    width: 40%;
  }
  .quotee {
    width: 48px;
  }
  .quote-icon {
    width: 16px;
    margin-top: 4px;
    margin-right: 40px;
  }
  .quote-icon.cc-vert.solutions {
    width: 32px;
  }
  .quote-icon.cc-dell {
    left: -60px;
  }
  .hero-work_tilt {
    -webkit-transform: translate3d(0px, 0px, -200px) scale(0.8) translate(-50%, -50%) rotateX(30deg) rotateY(30deg) rotateZ(-30deg);
    transform: translate3d(0px, 0px, -200px) scale(0.8) translate(-50%, -50%) rotateX(30deg) rotateY(30deg) rotateZ(-30deg);
  }
  .hero-work_shadow {
    background-image: linear-gradient(180deg, transparent 69%, rgba(0, 0, 0, 0.05)), linear-gradient(63deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.9) 60%);
  }
  .heco_browser-top {
    height: 15px;
  }
  .heco_dot {
    width: 3px;
    height: 3px;
    margin-left: 3px;
  }
  .points_wrap.cc-heco-2 {
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .points_cell {
    padding-bottom: 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-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
  }
  .points_cell.cc-vertical {
    padding-bottom: 0px;
    -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;
  }
  .points_point {
    margin-top: 15px;
    margin-left: 0px;
  }
  .points_point.cc-horz {
    margin-top: 0px;
    margin-left: 15px;
  }
  .cs_browser {
    -webkit-transform: rotateX(45deg) rotateY(15deg) rotateZ(-45deg);
    transform: rotateX(45deg) rotateY(15deg) rotateZ(-45deg);
  }
  .cs_vertical-points {
    padding-top: 75px;
  }
  .heco_under-browser-line {
    height: 140%;
  }
  .cs_vertical-track.cc-hello-middle {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .cs_hello-list-bg {
    left: 60px;
  }
  .cs_browser-center {
    left: 4%;
    width: 95%;
  }
  .footer_contain {
    width: 80%;
  }
  .footer_link-col {
    padding-bottom: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .get-subhead {
    font-size: 17px;
  }
  .get_heading {
    font-size: 36px;
  }
  .cs-hero-img-blur.cc-dark.option2 {
    height: 800px;
  }
  .cta-link.black {
    margin-top: 0px;
  }
  .cta-link.black.right {
    display: block;
  }
  .cta-link.white {
    margin-top: 0px;
  }
  .testimonial--double {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ui-copy-wrap {
    width: 90%;
  }
  .ui-image-wrap {
    max-width: 90%;
    margin-top: 80px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .ui-section {
    margin-top: 0px;
    padding-right: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .third {
    width: 100%;
    margin-bottom: 30px;
  }
  .third.blog {
    padding: 10px;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .hero-text {
    width: 100%;
  }
  .play-container.option2 {
    margin-top: 40px;
  }
  .design-process {
    -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;
  }
  .h_t2 {
    line-height: 1.4em;
    text-align: left;
  }
  .h_t2.center {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .testimonial--sing {
    padding-right: 50px;
    padding-left: 50px;
  }
  .player-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .description-text {
    display: block;
  }
  .category-text {
    margin-left: 0px;
  }
  .two-by-two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .input-field {
    width: 100%;
  }
  .submit-button {
    width: 100%;
  }
  .cta-contain {
    display: inline-block;
  }
  .dell_wf {
    display: none;
  }
  .dell_img.cc-screenshot.cc-panel {
    max-width: 160px;
  }
  .dell_img.cc-colors {
    max-width: 120px;
  }
  .dell_img.cc-products {
    left: 20px;
    max-width: 140px;
  }
  .dell_img.cc-icons {
    max-width: 50px;
  }
  .s-pricing_cell.cc-hosting {
    padding-top: 35px;
  }
  .s-pricing_inner {
    display: block;
  }
  .s-hero_cell {
    width: 100%;
  }
  .s-hero_cell.cc-startups {
    position: absolute;
    top: -20%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .s-hero_cell.cc-business {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .s-hero_cell.cc-fa {
    position: absolute;
  }
  .s-hero_p {
    max-width: 90%;
  }
  .form-section {
    padding-bottom: 60px;
  }
  .tos-copy {
    position: relative;
    bottom: -20px;
    display: block;
    text-align: center;
  }
  .form-section__heading {
    margin-left: -1px;
    font-size: 40px;
    line-height: 50px;
  }
  .validator {
    position: absolute;
  }
  .sign-up-form {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form-input {
    width: 100%;
    margin-bottom: 36px;
  }
  .s-main.cc-med {
    display: block;
  }
  .s-main.cc-p {
    display: none;
  }
  .s-main.cc-fa {
    display: none;
  }
  .s-container.cc-hero {
    z-index: auto;
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
  }
  .s-container.cc-hero.cc-s {
    height: 600px;
  }
  .s-container.cc-hero.cc-p {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .s-container.cc-p-split.cc-copy {
    display: block;
  }
  .s-container.cc-logos {
    height: 70px;
  }
  .s-container.cc-logos.cc-prototyping {
    height: 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .s-container.cc-logos.cc-bottom {
    margin-bottom: 26px;
  }
  .s-container.cc-integrations.cc-2 {
    display: block;
  }
  .s-main_bottom.cc-scroll {
    overflow: hidden;
  }
  .quote-text_quote {
    margin-left: -12px;
  }
  .p-split.cc-left.cc-copy {
    width: auto;
  }
  .p-split.cc-right.cc-copy {
    width: auto;
    padding-top: 50px;
    padding-left: 0px;
    color: #000;
  }
  .s-para-half {
    max-width: 80%;
  }
  .s-split_half-background {
    background-color: #eee;
  }
  .s-p-list_li {
    padding-top: 15px;
  }
  .s-s-hero-headline {
    width: auto;
    font-size: 42px;
  }
  .s-integrations_cell {
    width: 50%;
    padding-right: 0px;
    padding-bottom: 60px;
  }
  .s-integrations_cell.cc-2 {
    width: 100%;
  }
  .s-sites_list {
    margin-right: -50px;
    margin-left: -50px;
  }
  .b-h1_wrap {
    width: 140%;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  .b-h1 {
    padding-top: 6px;
    line-height: 110%;
  }
  .b-h1_contain {
    height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-prototype_wrap {
    position: relative;
    width: 100%;
    height: 50vw;
    margin-bottom: 75px;
  }
  .s-fa-h {
    height: 60px;
    padding-bottom: 4px;
    font-size: 50px;
  }
  .s-fa-h_track {
    height: 300px;
  }
  .s-fa-h_wrap {
    width: 200%;
    height: 60px;
  }
  .s-hero_startups-img {
    width: 100%;
  }
  .s-hero_wrap {
    left: 0vw;
    top: -10vw;
    -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(-35deg) scale(1.3);
    transform: rotateX(45deg) rotateY(0deg) rotateZ(-35deg) scale(1.3);
  }
  .s-b-gradient {
    display: none;
  }
  .s-b-gradient.cc-bottom {
    height: 300px;
  }
  .s-s-illo_small.cc-cube {
    top: 39%;
  }
  .s-s-illo_small.cc-cone {
    left: -3%;
    top: 68%;
  }
  .s-main_mobile {
    background-color: #222;
  }
  .s-main_mobile.customers__section-copy {
    display: block;
    color: #fff;
  }
  .s-main_mobile.cc-fa {
    display: block;
    color: #fff;
  }
  .s-main_mobile-section {
    padding: 75px 50px 125px;
  }
  .s-main_mobile-heading {
    margin-top: 0px;
    font-size: 32px;
    line-height: 140%;
  }
  .s-main_mobile-heading.cc-intro {
    margin-bottom: 0px;
    color: hsla(0, 0%, 100%, 0.5);
  }
  .s-main_mobile-img {
    margin-bottom: 20px;
  }
  .s-main_mobile-img.cc-fa {
    margin-bottom: 50px;
  }
  .c-p-icon-desktop {
    display: none;
  }
  .c-p-icon-mobile {
    display: block;
  }
  .s-hero_bottom {
    width: 100%;
  }
  .nav_list {
    display: block;
    margin-bottom: 10vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .nav_signup_wrap {
    position: relative;
    display: block;
  }
  .nav_inner {
    height: 50px;
    background-color: transparent;
  }
  .nav_lll {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5b3e46737d94c2a78c6404ac_lll.svg");
    background-position: 50% 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
  }
  .nav_1 {
    height: auto;
    padding-top: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .nav_paragraph.cc-customers {
    width: auto;
  }
  .nav_paragraph.cc-coming-soon {
    left: 30px;
    top: 1px;
    right: auto;
    width: 50px;
    font-size: 8px;
    line-height: 11px;
  }
  .nav_link-inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .nav_link-bottom {
    height: auto;
  }
  .nav_title-wrap {
    padding-top: 80px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .nav_title-wrap.cc-third {
    padding-top: 25px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .nav_2 {
    display: block;
    height: auto;
  }
  .nav_title-wrap-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .nav_3 {
    display: block;
    height: auto;
  }
  .nav_mobile-back-wrap {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8vw;
    background-color: rgba(34, 34, 34, 0.9);
  }
  .meganav {
    height: 50px;
  }
  .nav-text {
    position: relative;
    z-index: 1;
    padding: 15px 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .nav_arrow {
    display: block;
    width: 9px;
    height: 9px;
    margin-top: -3px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .nav_li-link.cc-grid {
    padding: 15px 20px;
  }
  .nav_li-link.cc-grid:hover {
    background-color: transparent;
    color: hsla(0, 0%, 100%, 0.5);
  }
  .nav_li-link.cc-grid.cc-customers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 120px;
    -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;
  }
  .nav_icon {
    margin-bottom: 16px;
  }
  .nav_icon.cc-inline {
    margin-bottom: 16px;
  }
  .nav_dropdown {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: none;
    overflow: scroll;
    padding-right: 8vw;
    padding-bottom: 16vw;
    padding-left: 8vw;
    background-color: #222;
  }
  .products_link-block:hover {
    color: hsla(0, 0%, 100%, 0.5);
  }
  .products_link-block.cc-editor:hover {
    background-color: transparent;
  }
  .products_link-block.cc-ix:hover {
    background-color: transparent;
  }
  .products_link-block.cc-cms:hover {
    background-color: transparent;
  }
  .products_link-block.cc-ecom:hover {
    background-color: transparent;
  }
  .products_link-block.cc-hosting:hover {
    background-color: transparent;
  }
  .products_link-block.cc-designer {
    background-color: transparent;
  }
  .products_link-block.cc-designer:hover {
    background-color: transparent;
  }
  .nav_mobile {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1;
    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;
    background-color: #000;
  }
  .nav_cell.cc-customers {
    width: auto;
    background-color: transparent;
  }
  .nav_cell.cc-solutions {
    background-color: transparent;
  }
  .nav_cell.cc-community {
    width: auto;
    background-color: transparent;
  }
  .nav_cell.cc-community {
    width: auto;
    background-color: transparent;
  }
  .nav_ul.cc-grid.cc-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .nav_l {
    width: 10px;
    height: 16px;
    margin-right: 32px;
  }
  .nav_icon-title-wrap {
    display: block;
  }
  .nav_title.cc-features {
    box-shadow: none;
  }
  .nav_logo-wrap {
    position: absolute;
    left: 8vw;
    top: 8vw;
    height: auto;
    padding: 20px;
  }
  .nav_logo-wrap:hover {
    background-color: transparent;
  }
  .nav_logo-wrap.cc-mobile {
    position: relative;
    left: 0vw;
    top: 0vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 15px;
  }
  .nav_main {
    position: fixed;
    bottom: 0px;
    z-index: 999;
    display: none;
    overflow: scroll;
    height: auto;
    padding: 25vw 8vw 20vw;
    -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: #000;
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  .nav_main.cc-open {
    display: block;
  }
  .nav_x {
    position: absolute;
    top: 8vw;
    right: 8vw;
    display: block;
    width: 76px;
    height: 76px;
    margin-top: -10px;
    margin-right: -10px;
    background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5b3e46737d94c20a126404ad_x.svg");
    background-position: 50% 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
  }
  .nav_signup {
    padding: 14px 20px;
  }
  .nav_signup.cc-2 {
    background-color: hsla(0, 0%, 100%, 0.1);
  }
  .nav_signup.cc-secondary {
    background-color: hsla(0, 0%, 100%, 0.1);
  }
  .products_li {
    width: 50%;
    height: 33.3333%;
  }
  .nav_items {
    display: block;
    height: auto;
  }
  .nav_link-title {
    margin-bottom: 8px;
  }
  .nav_link-title.cc-icon {
    margin-bottom: 8px;
  }
  .nav_mobile-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nav_logo {
    width: 66px;
  }
  .nav_li.cc-grid.cc-customers {
    display: block;
    width: 50%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .nav_li.cc-grid {
    width: 50%;
  }
  .nav_li.cc-grid.cc-customers {
    display: block;
    width: 50%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .nav_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .nav_2-2 {
    display: block;
    height: auto;
  }
  .nav_1-2 {
    height: auto;
    padding-top: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .nav_title-wrap-2 {
    padding-top: 80px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .nav_title-wrap-2.cc-third {
    padding-top: 25px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .products_li-2 {
    width: 50%;
    height: 33.3333%;
  }
  .products_li-2.cc-last {
    width: 50%;
  }
  .nav_3-2 {
    display: block;
    height: auto;
  }
  .nav_tablet-close {
    display: none;
  }
  .nav_link-bottom-2 {
    height: auto;
  }
  .nav_logo-wrap-2 {
    position: absolute;
    left: 8vw;
    top: 8vw;
    height: auto;
    padding: 20px;
  }
  .nav_logo-wrap-2:hover {
    background-color: transparent;
  }
  .nav_logo-wrap-2.cc-mobile {
    position: relative;
    left: 0vw;
    top: 0vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 15px;
  }
  .nav_link-title-2 {
    margin-bottom: 8px;
  }
  .nav_link-title-2.cc-icon {
    margin-bottom: 8px;
  }
  .nav_icon-title-wrap-2 {
    display: block;
  }
  .logo_wrap {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .sign-up_cell {
    padding-right: 0px;
  }
  .sign-up_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sign-up_cell_title {
    font-size: 40px;
  }
  .footer__bottom {
    width: 100%;
  }
  .footer-wrap {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .footer__link-column {
    padding-bottom: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .footer__link-column.footer__link-column--social {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .footer__link-column.footer__link-column--logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .footer__link-column.footer__link-column--logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .footer__logo {
    margin-left: 0%;
  }
  .footer-wrap-2 {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .sign-up_cell_title-2 {
    font-size: 40px;
  }
  .eyebrow {
    font-size: 14px;
  }
  .logo_wrap-2 {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
}

@media (max-width: 479px) {
  h2 {
    font-size: 36px;
  }
  .section {
    padding-right: 30px;
    padding-left: 30px;
  }
  .section.cc-heco.option2 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .section.cc-heco-quote {
    padding-bottom: 100px;
  }
  .section.cc-problem.cc-heco {
    padding-top: 50px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .section.cc-dell-search {
    padding-top: 40px;
  }
  .section.quote--half {
    padding-right: 10px;
    padding-left: 10px;
  }
  .section.quote--half.grey2 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .section.thin-banner {
    padding-right: 10px;
    padding-left: 10px;
  }
  .section.editor {
    padding-right: 0px;
    padding-left: 0px;
  }
  .section.grey {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .section.white {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .section.cc-s-hero.cc-s {
    padding-top: 100px;
  }
  .section.cc-edu {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section.cc-s-main-quote.cc-get {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section.cc-p-split {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section.cc-b-logo {
    padding-bottom: 30px;
  }
  .section.cc-s-sites {
    padding-top: 30px;
  }
  .section.cc-b-sites {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .container.cs-triple {
    display: block;
    padding-right: 30px;
    padding-left: 30px;
  }
  .container.cc-quote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .container.cc-heco-horizontal-wrap {
    height: 450px;
  }
  .container.cs-hero-solutions {
    width: 90%;
  }
  .container.cs-hero-solutions.flex {
    display: block;
    width: 100%;
    margin-top: 40px;
    -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: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .container.cs-three-up {
    width: 90%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .container.cs-three-up.blog {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .container.flex {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .main_container.cc-hero {
    display: block;
  }
  .main_cell-hero.cc-spread {
    height: 100%;
  }
  .cs-cell_triple.cc-fav-feat {
    padding-right: 10px;
    padding-bottom: 50px;
  }
  ._70-black-text.center-mobile {
    text-align: left;
  }
  .cs-big-list__paragraph {
    font-size: 15px;
  }
  .quote-text.cc-s-quote-main {
    font-size: 22px;
  }
  .hc_type.cc-subtitle {
    line-height: 1.4em;
  }
  .hero {
    height: 600px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 30px;
  }
  .hero_heading {
    font-size: 32px;
  }
  .heco_subhead {
    font-size: 17px;
  }
  .cs_graphic-cell {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .cs_graphic-cell.cc-hello-list {
    padding: 0px;
  }
  .cs_graphic-cell.cc-dell-needs {
    width: 100%;
    padding-top: 30px;
  }
  .cs_graphic-cell.client-bill {
    height: 160px;
    margin-bottom: 20px;
  }
  .cs_graphic-cell.cc-dell {
    min-height: 500px;
  }
  .cs_text-cell {
    padding-top: 50px;
  }
  .cs_text-cell.cc-left.cc-dell {
    padding-right: 20px;
  }
  .cs_text-cell.force-half {
    display: block;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .cs_text-cell.left {
    width: 95%;
  }
  .heco_life-after-head {
    font-size: 36px;
  }
  .heco_split-section.cc-hello {
    display: block;
  }
  .heco_split-section.cc-dell {
    display: block;
  }
  .cs_half.cc-hello {
    display: block;
    width: 100%;
  }
  .cs_half.cc-dell {
    width: auto;
  }
  .cs_half.cc-copy {
    width: 100%;
  }
  .cs_half.cc-img {
    overflow: hidden;
    width: 100%;
    max-height: 400px;
  }
  .cs_half.cc-hello-img {
    overflow: hidden;
    width: 100%;
    max-height: 400px;
  }
  .heco_horizontal-section.cc-first {
    margin-right: 0vw;
  }
  .heco_horizontal-section.cc-first2 {
    margin-left: 0vw;
    padding-left: 31px;
  }
  .heco_life-after-webflow-text {
    padding-right: 0px;
  }
  .cs_half-inner.cc-dell-img {
    padding-right: 49px;
    padding-left: 49px;
  }
  .cs_half-inner.cc-dell-img.cc-on-mobile {
    display: none;
  }
  .cs_half-inner.cc-dell-img.cc-keep {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .quote_credit-wrap {
    width: 100%;
    padding-top: 48px;
    padding-left: 43px;
  }
  .quote_credit-wrap.cc-vert.cc-hello {
    padding: 0px;
  }
  .quote_credit-wrap.cc-vert.cc-nopad {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .quote_credit-wrap.long {
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
  }
  .quote_credit-wrap.short {
    padding-top: 0px;
    padding-left: 0px;
  }
  .quotee {
    width: 32px;
    margin-bottom: 32px;
  }
  .quote_quote-wrap {
    width: auto;
  }
  .quote-icon {
    margin-right: 25px;
  }
  .quote-icon.cc-vert.solutions {
    margin-left: -48px;
  }
  .quote-icon.cc-dell {
    position: relative;
    left: 0px;
  }
  .hero-work_tilt {
    -webkit-transform: translate3d(0px, 0px, -200px) scale(0.7) translate(-50%, -50%) rotateX(30deg) rotateY(30deg) rotateZ(-30deg);
    transform: translate3d(0px, 0px, -200px) scale(0.7) translate(-50%, -50%) rotateX(30deg) rotateY(30deg) rotateZ(-30deg);
  }
  .hero-work_shadow {
    background-color: hsla(0, 0%, 100%, 0.5);
  }
  .hero_headline {
    font-size: 32px;
  }
  .points_wrap.cc-under-3d {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .points_cell {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .points_cell.cc-vertical {
    width: auto;
    text-align: left;
  }
  .hero_bottom-copy {
    width: auto;
    max-width: 300px;
  }
  .hero_top-copy {
    width: 280px;
  }
  .hero_top-copy-wrap {
    height: 36px;
  }
  .hero_top-copy-wrap.cc-2 {
    height: 72px;
  }
  .graph_wrap.cc-2 {
    width: 100%;
    margin-bottom: 0px;
  }
  .graph_wrap.cc-before {
    width: 90%;
  }
  .graph_meat {
    font-size: 11px;
  }
  .graph_key-row {
    font-size: 11px;
  }
  .cs_vertical-points {
    padding-top: 80px;
    padding-left: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .heco_under-browser-line {
    display: none;
  }
  .cs_hello-list-bg {
    left: 10px;
    top: 10px;
    right: -10px;
    bottom: -10px;
  }
  .dell-list_ul {
    padding-right: 60px;
  }
  .dell-list_li {
    font-size: 20px;
  }
  .body {
    font-size: 15px;
  }
  .footer_link-col {
    margin-bottom: 20px;
  }
  .cs-hero-img-blur.cc-dark {
    height: 100%;
  }
  .cs-hero-img-blur.cc-dark.option2 {
    height: 900px;
  }
  .solutions_heading {
    font-size: 50px;
  }
  .solutions_subhead {
    font-size: 15px;
  }
  .cs-hero-img-clear.cc-dark {
    height: 100%;
  }
  .cs-hero-img-clear.cc-dark.option2 {
    height: 900px;
  }
  .cta-link.black {
    width: 100%;
  }
  .ui-copy-wrap {
    width: 90%;
  }
  .ui-image-wrap {
    max-width: 95%;
  }
  .ui-section {
    margin-top: 0px;
    padding-right: 0px;
  }
  .third.blog {
    width: 100%;
  }
  .hero-text {
    position: relative;
    display: block;
    width: 88%;
    margin-right: auto;
    margin-left: auto;
  }
  .play-button {
    position: relative;
    right: 4px;
    width: 52px;
  }
  .play-container {
    position: absolute;
    right: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .play-container.option2 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-top: 40px;
    margin-right: 20px;
    margin-bottom: 0px;
    -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;
  }
  .design-process {
    width: 94%;
  }
  .design-process.fix {
    width: 90%;
  }
  .h_t2 {
    text-align: left;
  }
  .h_t2.center {
    text-align: left;
  }
  .testimonial--sing {
    padding-right: 30px;
    padding-left: 30px;
  }
  .testimonial--sing.quote--full {
    padding-right: 10px;
    padding-left: 10px;
  }
  .browser-bar-flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .browser-dots {
    margin-top: 3px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dot {
    width: 5px;
    height: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 4px;
  }
  .browser-address {
    margin-top: 5px;
    margin-bottom: 4px;
    font-size: 10px;
  }
  .old-container {
    width: 90%;
  }
  .hosting-img {
    width: 100%;
  }
  .designer-timelapse {
    display: block;
    width: 88%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .heading {
    margin-right: 20px;
  }
  .contain-button {
    display: block;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  .university-illo {
    width: 100px;
    margin-bottom: 20px;
  }
  .form-container {
    width: 86%;
  }
  .circle-animate {
    position: relative;
    right: 0px;
    width: 62px;
    height: 62px;
  }
  .dell_search-wrap {
    display: block;
    width: 320px;
    height: 200px;
    margin-right: auto;
    margin-left: auto;
  }
  .dell_img.cc-colors {
    left: 80px;
    top: auto;
    bottom: 20px;
  }
  .dell_img.cc-icons {
    top: -60px;
    right: 100px;
    bottom: auto;
  }
  .s-title {
    font-size: 22px;
  }
  .s-title.cc-med.cc-s-sites {
    width: 50%;
  }
  .s-quotee {
    margin-top: 40px;
  }
  .s-hero_cell.cc-startups {
    position: relative;
    top: auto;
    margin-bottom: 50px;
  }
  .customers-help__icon {
    margin-left: -10px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .customers-help__cell {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .customers-help__link-wrap {
    margin-top: 0px;
    padding: 10px 30px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form-section {
    padding-right: 30px;
    padding-left: 30px;
  }
  .tos-copy {
    opacity: 1;
  }
  .tos-copy.right {
    line-height: 1.5em;
  }
  .tos-link {
    display: inline-block;
  }
  .s-main {
    display: none;
  }
  .s-main.cc-med {
    display: none;
  }
  .s-container.cc-hero.cc-s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .s-container.cc-s-main-quote {
    display: block;
  }
  .s-container.cc-s-b-templates {
    padding-right: 30px;
    padding-left: 30px;
  }
  .s-container.cc-s-b-templates.cc-2 {
    margin-top: 100px;
    padding: 30px;
    box-shadow: none;
  }
  .s-container.cc-logos {
    height: 60px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .s-container.cc-logos.cc-bottom {
    margin-bottom: 15px;
  }
  .s-third_title.cc-left {
    width: auto;
    padding-right: 0px;
    padding-bottom: 80px;
  }
  .quote-text_quote {
    margin-left: -9px;
  }
  .p-split.cc-left.cc-copy {
    padding-right: 0px;
  }
  .p-split.cc-right.cc-copy {
    padding-top: 75px;
  }
  .s-b_cell-templates {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .s-s-logo {
    width: 18%;
  }
  .s-s-logo.cc-no-mobile {
    display: none;
  }
  .s-integrations_cell {
    width: auto;
  }
  .s-integrations_cell.cc-2 {
    padding-bottom: 0px;
  }
  .s-integration {
    padding: 30px;
  }
  .s-integration_text {
    font-size: 13px;
  }
  .s-sites_list {
    margin-right: -30px;
    margin-left: -30px;
  }
  .b-h1_wrap {
    width: 180%;
    height: 70px;
  }
  .b-h1 {
    font-size: 50px;
  }
  .p-prototype_track {
    margin: 15px;
  }
  .p-prototype_redline.cc-line {
    top: -15px;
    height: 15px;
  }
  .p-prototype_redline.cc-line.cc-2 {
    right: -15px;
    width: 15px;
  }
  .p-prototype_redline.cc-line.cc-1 {
    top: -15px;
    height: 15px;
  }
  .p-prototype_redline.cc-line.cc-3 {
    left: -15px;
    width: 15px;
  }
  .p-prototype_number-wrap {
    margin: 15px;
  }
  .s-hero_wrap {
    left: 0vw;
    top: -30vw;
    -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(-35deg) scale(1.5) translate(0px, -40%);
    transform: rotateX(45deg) rotateY(0deg) rotateZ(-35deg) scale(1.5) translate(0px, -40%);
  }
  .s-s-illo_small.cc-coffee {
    width: 40px;
  }
  .s-s-illo_small.cc-mac {
    width: 32px;
  }
  .s-s-illo_small.cc-planet {
    top: -16%;
    width: 48px;
  }
  .s-s-illo_small.cc-cube {
    width: 35px;
  }
  .s-s-illo_small.cc-cone {
    top: 78%;
    width: 31px;
  }
  .s-quote-logo {
    margin-bottom: 30px;
  }
  .s-main_mobile {
    display: block;
    color: #fff;
  }
  .s-main_mobile-section {
    padding-right: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
  .s-main_mobile-heading {
    margin-top: 0px;
    font-size: 24px;
    line-height: 140%;
  }
  .s-main_mobile-heading.cc-intro {
    margin-bottom: 0px;
  }
  .s-main_mobile-img.cc-s-1 {
    padding-left: 7%;
  }
  .nav_list {
    margin-bottom: 20vw;
  }
  .nav_signup_wrap {
    padding-right: 20px;
    padding-left: 20px;
  }
  .nav_lll {
    background-image: url("https://assets.website-files.com/5a31661749520e00017ec983/5b3e46737d94c2a78c6404ac_lll.svg");
    background-position: 50% 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
  }
  .nav_customer-logo.cc-dell {
    margin-bottom: 16px;
  }
  .nav_customer-logo.cc-heco {
    margin-bottom: 16px;
  }
  .nav_customer-logo.cc-hello {
    margin-bottom: 16px;
  }
  .nav_title-wrap.cc-third {
    padding-right: 0px;
  }
  .nav-text {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .nav_li-link.cc-grid.cc-customers {
    height: auto;
  }
  .nav_dropdown {
    overflow: scroll;
  }
  .products_link-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .nav_mobile {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .nav_logo-wrap {
    top: 6vw;
  }
  .nav_main {
    overflow: hidden;
    padding-bottom: 25vw;
  }
  .nav_x {
    top: 6vw;
  }
  .nav_signup {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .products_li {
    width: 100%;
    height: auto;
  }
  .nav_item {
    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;
  }
  .nav_title-wrap-2.cc-third {
    padding-right: 0px;
  }
  .products_li-2 {
    width: 100%;
    height: auto;
  }
  .products_li-2.cc-last {
    width: 100%;
  }
  .nav_logo-wrap-2 {
    top: 6vw;
  }
  .sign-up_wrap {
    padding: 50px 30px;
  }
  .logo_wrap {
    -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-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .sign-up_container {
    width: 100%;
  }
  .paragraph-2 {
    font-size: 14px;
  }
  .sign-up_cell_title {
    font-size: 30px;
  }
  .footer__contain {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer-wrap {
    padding-right: 30px;
    padding-left: 30px;
  }
  .footer__link-column {
    width: 50%;
    margin-bottom: 20px;
  }
  .hero-button.cc-main {
    font-size: 15px;
    line-height: 53px;
  }
  .footer-wrap-2 {
    padding-top: 32px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .footer_contain-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sign-up_cell_title-2 {
    font-size: 30px;
  }
  .eyebrow {
    max-width: 75%;
  }
  .logo_wrap-2 {
    -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-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
}

#w-node-94e63f851f06-3f851f04 {
  -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;
}

#w-node-94e63f851f16-3f851f04 {
  -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;
}

@media screen and (max-width: 767px) {
  #w-node-94e63f851f06-3f851f04 {
    -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;
  }
}
@font-face {
  font-family: 'Graphik';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9cf_Graphik-Medium-Web.woff2') format('woff2'), url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9d9_Graphik-Medium-Web.eot') format('embedded-opentype'), url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9f0_Graphik-Medium-Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9e6_Graphik-MediumItalic-Web.woff2') format('woff2'), url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9cb_Graphik-MediumItalic-Web.eot') format('embedded-opentype'), url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9c7_Graphik-MediumItalic-Web.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Graphik';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9dd_Graphik-Regular-Web.woff2') format('woff2'), url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9d1_Graphik-Regular-Web.eot') format('embedded-opentype'), url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9c5_Graphik-Regular-Web.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9c9_Graphik-RegularItalic-Web.woff2') format('woff2'), url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9c8_Graphik-RegularItalic-Web.eot') format('embedded-opentype'), url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9cd_Graphik-RegularItalic-Web.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Circular';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9f5_circular-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Circular';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9f2_circular-book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Circular';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9ef_circular-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Circular';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca00_circular-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017eca01_Avenir%20Next%20Pro%20Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9f6_Avenir%20Next%20Pro%20Demi.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9cc_Avenir%20Next%20Pro%20Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir';
  src: url('https://assets.website-files.com/5a31661749520e00017ec983/5a31661749520e00017ec9c1_Avenir%20Next%20Pro%20Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@media (min-width: 992px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="77d1077c-0642-87ef-9ac5-7792cd87e14d"] {
    opacity: 0;
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="35e54024-ada3-4518-99bd-435f39ab9dbb"] {
    display: none;
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="53bdce17-e0ef-1ccd-78e7-0fb44f6451d8"] {
    opacity: 0;
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="fe80e6c1-80fd-c9bc-abc8-a3e7568c97ad"] {
    opacity: 1;
    display: inline-block;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="9c8dc75e-ebcc-4c5f-0170-8cfb6db3b36c"] {
    opacity: 0;
    -webkit-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="21b67720-ee73-69a2-f942-a863bff9e657"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="be8e96d5-7ecc-9606-917d-b87e8025baf6"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="21b67720-ee73-69a2-f942-a863bff9e659"] {
    -webkit-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="45fc354b-5367-eef1-f2f8-691bc761df9c"] {
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
    display: block;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="45fc354b-5367-eef1-f2f8-691bc761df9e"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="a773fcbf-5ced-c8e2-92cd-23406274d626"] {
    opacity: 0;
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="aa05d781-542a-8b15-b071-8f4f78740f33"] {
    height: 28PX;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="5b8a13bb-290a-b9de-183b-e9387e32487c"] {
    height: 28PX;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="9b9f331c-7714-392b-ccac-ee134a7a0da1"] {
    height: 257PX;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="77d1077c-0642-87ef-9ac5-7792cd87e14d"] {
    opacity: 0;
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="35e54024-ada3-4518-99bd-435f39ab9dbb"] {
    display: none;
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="53bdce17-e0ef-1ccd-78e7-0fb44f6451d8"] {
    opacity: 0;
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="fe80e6c1-80fd-c9bc-abc8-a3e7568c97ad"] {
    opacity: 1;
    display: inline-block;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="9c8dc75e-ebcc-4c5f-0170-8cfb6db3b36c"] {
    opacity: 0;
    -webkit-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="21b67720-ee73-69a2-f942-a863bff9e657"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="be8e96d5-7ecc-9606-917d-b87e8025baf6"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="21b67720-ee73-69a2-f942-a863bff9e659"] {
    -webkit-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="45fc354b-5367-eef1-f2f8-691bc761df9c"] {
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
    display: block;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="45fc354b-5367-eef1-f2f8-691bc761df9e"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="a773fcbf-5ced-c8e2-92cd-23406274d626"] {
    opacity: 0;
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="aa05d781-542a-8b15-b071-8f4f78740f33"] {
    height: 28PX;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="5b8a13bb-290a-b9de-183b-e9387e32487c"] {
    height: 28PX;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="9b9f331c-7714-392b-ccac-ee134a7a0da1"] {
    height: 257PX;
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="77d1077c-0642-87ef-9ac5-7792cd87e14d"] {
    opacity: 0;
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="35e54024-ada3-4518-99bd-435f39ab9dbb"] {
    display: none;
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="53bdce17-e0ef-1ccd-78e7-0fb44f6451d8"] {
    opacity: 0;
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="fe80e6c1-80fd-c9bc-abc8-a3e7568c97ad"] {
    opacity: 1;
    display: inline-block;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="9c8dc75e-ebcc-4c5f-0170-8cfb6db3b36c"] {
    opacity: 0;
    -webkit-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="21b67720-ee73-69a2-f942-a863bff9e657"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="be8e96d5-7ecc-9606-917d-b87e8025baf6"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="21b67720-ee73-69a2-f942-a863bff9e659"] {
    -webkit-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="45fc354b-5367-eef1-f2f8-691bc761df9c"] {
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
    display: block;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="45fc354b-5367-eef1-f2f8-691bc761df9e"] {
    -webkit-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="a773fcbf-5ced-c8e2-92cd-23406274d626"] {
    opacity: 0;
    -webkit-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, -10PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    display: none;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="aa05d781-542a-8b15-b071-8f4f78740f33"] {
    height: 28PX;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="5b8a13bb-290a-b9de-183b-e9387e32487c"] {
    height: 28PX;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="9b9f331c-7714-392b-ccac-ee134a7a0da1"] {
    height: 257PX;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  -webkit-font-smoothing: antialiased;
}

.nav_dropdown {
  -webkit-overflow-scrolling: touch;
}

.nav_mobile-back-wrap {
  position: -webkit-sticky !important;
  position: sticky !important;
}

::selection {
  background: rgb(67, 83, 255);
  /* Bright Blue */
  color: white;
}

::-moz-selection {
  background: rgb(67, 83, 255);
  /* Bright Blue */
  color: white;
}

.button {
  outline: none;
}

body {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.message_success {
  opacity: 0;
  font-size: 15px;
  margin-top: 62px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: -10;
  animation: 8s disappear;
}

.message_success span {
  background-color: #03bf6d;
  color: rgba(255, 255, 255, 0.9);
  padding: 9px 100px;
}

.message_error {
  opacity: 0;
  font-size: 14px;
  margin-top: 65px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: -10;
  animation: 8s disappear;
}

.message_error span {
  background-color: red;
  color: #ffffff;
  padding: 9px 100px;
}

@keyframes disappear {
  0%, 80% {
    opacity: 1;
    z-index: 10;
  }
  99% {
    opacity: 0;
    z-index: 10;
  }
  100% {
    display: none;
  }
}

#consent-container {
  position: fixed;
  left: 200px;
  right: 200px;
  bottom: 20px;
  z-index: 10000;
}

#consent-container > div {
  display: flex;
}

#consent-container > div > div {
  margin: auto;
  padding: 10px 50px 10px 20px;
  background-color: #4353ff;
  color: white;
  border-radius: 3px;
}

@media screen and (max-width: 991px) {
  #consent-container {
    left: 12px;
    right: 12px;
    bottom: 50px;
  }
}

/* Menu view fix */
.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

body {
  -webkit-font-smoothing: antialiased;
}

.s-main_section {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.w-slider-dot {
  width: 32%;
  height: 10px;
}

.w-slider-nav-invert > div {
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.w-slider-nav-invert > div:hover {
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.w-slider-nav-invert > div.w-active {
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 1);
}

#copy_code {
  background-color: #ffe601;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  margin-top: 20px;
  padding: 9px 25px;
  transition: background-color .3s ease-out;
}

#copy_code:hover {
  background-color: #238a8a !important;
}