/* Generated on: Sun Dec 25 2022 23:12:19 GMT+0000 (Coordinated Universal Time) */ /* ========================================================================== normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css ========================================================================== */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{height:auto}input[type='search']{-webkit-appearance:none}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ========================================================================== Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below. ========================================================================== */ @font-face{font-family:'webflow-icons';src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0% 0%;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1);cursor:pointer}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0px;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%;border:none}fieldset{padding:0;margin:0;border:0}button,[type='button'],[type='reset']{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{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:0px}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none !important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-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-background-video--control{position:absolute;bottom:1em;right:1em;background-color:transparent;padding:0}.w-background-video--control>[hidden]{display:none !important}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^='w-icon-'],.w-slider-arrow-right [class^='w-icon-'],.w-slider-arrow-left [class*=' w-icon-'],.w-slider-arrow-right [class*=' w-icon-']{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-slider-force-show{display:block !important}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type="video"]>div:after{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0px;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] [data-nav-menu-open]{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] [data-nav-menu-open]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important}.wf-layout-layout{display:grid !important} /* ========================================================================== Start of custom Webflow CSS ========================================================================== */ .w-layout-grid { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-row-gap: 16px; grid-column-gap: 16px; } .w-embed-youtubevideo { width: 100%; position: relative; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg); background-size: cover; background-position: 50% 50%; } .w-embed-youtubevideo:empty { min-height: 75px; padding-bottom: 56.25%; } .w-pagination-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .w-pagination-previous { display: block; color: #333; font-size: 14px; margin-left: 10px; margin-right: 10px; padding-top: 9px; padding-bottom: 9px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .w-pagination-previous-icon { margin-right: 4px; } .w-pagination-next { display: block; color: #333; font-size: 14px; margin-left: 10px; margin-right: 10px; padding-top: 9px; padding-bottom: 9px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .w-pagination-next-icon { margin-left: 4px; } .w-commerce-commercecheckoutformcontainer { width: 100%; min-height: 100vh; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; background-color: #f5f5f5; } .w-commerce-commercelayoutcontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .w-commerce-commercelayoutmain { -webkit-flex-basis: 800px; -ms-flex-preferred-size: 800px; flex-basis: 800px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; margin-right: 20px; } .w-commerce-commercecartapplepaybutton { background-color: #000; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; text-decoration: none; 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-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 8px; height: 38px; min-height: 30px; } .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px; } .w-commerce-commercecartquickcheckoutbutton { background-color: #000; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; text-decoration: none; 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-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; height: 38px; } .w-commerce-commercequickcheckoutgoogleicon { display: block; margin-right: 8px; } .w-commerce-commercequickcheckoutmicrosofticon { display: block; margin-right: 8px; } .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutblockheader { 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: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; padding-top: 4px; padding-bottom: 4px; padding-right: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-right-color: #e6e6e6; border-left-style: solid; border-left-width: 1px; border-left-color: #e6e6e6; background-color: #fff; } .w-commerce-commercecheckoutblockcontent { padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-right-color: #e6e6e6; border-left-style: solid; border-left-width: 1px; border-left-color: #e6e6e6; background-color: #fff; } .w-commerce-commercecheckoutlabel { margin-bottom: 8px; } .w-commerce-commercecheckoutemailinput { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutemailinput::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutemailinput:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutemailinput::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutemailinput::placeholder { color: #999; } .w-commerce-commercecheckoutemailinput:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingfullname { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingfullname::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingstreetaddress::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -8px; margin-left: -8px; } .w-commerce-commercecheckoutcolumn { padding-right: 8px; padding-left: 8px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0%; } .w-commerce-commercecheckoutshippingcity { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingcity::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingstateprovince::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingzippostalcode::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingcountryselector { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingcountryselector::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingmethodslist { border-left-color: #e6e6e6; border-left-width: 1px; border-left-style: solid; border-right-color: #e6e6e6; border-right-width: 1px; border-right-style: solid; } .w-commerce-commercecheckoutshippingmethoditem { padding-top: 16px; padding-bottom: 16px; padding-right: 16px; padding-left: 16px; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-bottom-color: #e6e6e6; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0px; background-color: #fff; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .w-commerce-commercecheckoutshippingmethoddescriptionblock { margin-left: 12px; margin-right: 12px; 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-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .w-commerce-commerceboldtextblock { font-weight: 700; } .w-commerce-commercecheckoutshippingmethodsemptystate { text-align: center; padding-left: 16px; padding-right: 16px; padding-top: 64px; padding-bottom: 64px; border-left-style: solid; border-left-width: 1px; border-left-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-right-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e6e6e6; background-color: #fff; } .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutcardnumber { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardnumber::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber::placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardexpirationdate::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardsecuritycode::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingaddresstogglewrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .w-commerce-commercecheckoutbillingaddresstogglecheckbox { margin-top: 4px; } .w-commerce-commercecheckoutbillingaddresstogglelabel { font-weight: 400; margin-left: 8px; } .w-commerce-commercecheckoutbillingaddresswrapper { margin-top: 16px; margin-bottom: 20px; } .w-commerce-commercecheckoutbillingfullname { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingfullname::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingstreetaddress::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcity { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingcity::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingstateprovince::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingzippostalcode::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcountryselector { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingcountryselector::-webkit-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector:-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryblockheader { 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: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; padding-top: 4px; padding-bottom: 4px; padding-right: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-right-color: #e6e6e6; border-left-style: solid; border-left-width: 1px; border-left-color: #e6e6e6; background-color: #fff; } .w-commerce-commercecheckoutorderitemslist { margin-bottom: -20px; } .w-commerce-commercecheckoutorderitem { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .w-commerce-commercecartitemimage { width: 60px; height: 0%; } .w-commerce-commercecheckoutorderitemdescriptionwrapper { margin-left: 16px; margin-right: 16px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .w-commerce-commercecheckoutorderitemquantitywrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: pre-wrap; } .w-commerce-commercecheckoutorderitemoptionlist { text-decoration: none; padding-left: 0px; margin-bottom: 0px; list-style-type: none; } .w-commerce-commercelayoutsidebar { -webkit-flex-basis: 320px; -ms-flex-preferred-size: 320px; flex-basis: 320px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: -webkit-sticky; position: sticky; top: 20px; } .w-commerce-commercecheckoutordersummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummarylineitem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 8px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .w-commerce-commercecheckoutordersummaryextraitemslistitem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 8px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .w-commerce-commercecheckoutsummarytotal { font-weight: 700; } .w-commerce-commercecheckoutplaceorderbutton { background-color: #3898ec; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 9px; padding-bottom: 9px; padding-left: 15px; padding-right: 15px; text-decoration: none; display: block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 20px; text-align: center; } .w-commerce-commercecheckouterrorstate { margin-top: 16px; margin-bottom: 16px; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; background-color: #ffdede; } .w-commerce-commercepaypalcheckoutformcontainer { width: 100%; min-height: 100vh; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; background-color: #f5f5f5; } .w-commerce-commercecheckoutcustomerinfosummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryitem { margin-bottom: 8px; } .w-commerce-commercecheckoutsummarylabel { margin-bottom: 8px; } .w-commerce-commercecheckoutsummaryflexboxdiv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .w-commerce-commercecheckoutsummarytextspacingondiv { margin-right: 0.33em; } .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px; } .w-commerce-commercepaypalcheckouterrorstate { margin-top: 16px; margin-bottom: 16px; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; background-color: #ffdede; } .w-commerce-commerceorderconfirmationcontainer { width: 100%; min-height: 100vh; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; background-color: #f5f5f5; } .w-commerce-commercecheckoutshippingsummarywrapper { margin-bottom: 20px; } .w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: #3b79c3; } @media screen and (max-width: 767px) { .w-commerce-commercelayoutcontainer { -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; } .w-commerce-commercelayoutmain { margin-right: 0px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .w-commerce-commercelayoutsidebar { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } @media screen and (max-width: 479px) { .w-commerce-commercecheckoutemailinput { font-size: 16px; } .w-commerce-commercecheckoutshippingfullname { font-size: 16px; } .w-commerce-commercecheckoutshippingstreetaddress { font-size: 16px; } .w-commerce-commercecheckoutshippingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutrow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .w-commerce-commercecheckoutshippingcity { font-size: 16px; } .w-commerce-commercecheckoutshippingstateprovince { font-size: 16px; } .w-commerce-commercecheckoutshippingzippostalcode { font-size: 16px; } .w-commerce-commercecheckoutshippingcountryselector { font-size: 16px; } .w-commerce-commercecheckoutcardnumber { font-size: 16px; } .w-commerce-commercecheckoutcardexpirationdate { font-size: 16px; } .w-commerce-commercecheckoutcardsecuritycode { font-size: 16px; } .w-commerce-commercecheckoutbillingfullname { font-size: 16px; } .w-commerce-commercecheckoutbillingstreetaddress { font-size: 16px; } .w-commerce-commercecheckoutbillingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutbillingcity { font-size: 16px; } .w-commerce-commercecheckoutbillingstateprovince { font-size: 16px; } .w-commerce-commercecheckoutbillingzippostalcode { font-size: 16px; } .w-commerce-commercecheckoutbillingcountryselector { font-size: 16px; } } h2 { margin-top: 40px; margin-bottom: 10px; font-family: Pulpdisplay, sans-serif; font-size: 30px; line-height: 1.5em; font-weight: 700; } h3 { margin-top: 40px; margin-bottom: 10px; font-size: 20px; line-height: 1.5em; font-weight: 700; } h4 { margin-top: 40px; margin-bottom: 10px; font-size: 16px; line-height: 1.5em; font-weight: 700; } p { margin-bottom: 10px; font-family: Pulpdisplay, sans-serif; font-size: 16px; line-height: 1.5em; } a { color: #e350cc; font-weight: 700; text-decoration: none; } ul { margin-top: 0px; margin-bottom: 10px; padding-left: 20px; font-size: 16px; } li { font-size: 16px; } img { display: block; max-width: 100%; margin-top: 20px; margin-bottom: 20px; text-align: left; } .bravo-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-width: 1500px; margin-right: 70px; margin-left: 70px; padding-top: 0px; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; text-align: left; } .section-1-introduccing-bravo { display: none; height: auto; -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: #490d82; background-image: none; } .description-bravo { margin-top: 47px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 37px; line-height: 55px; font-weight: 700; text-align: center; } .text-block-8 { margin-top: 34px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 18px; font-weight: 700; } .navigation { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: block; background-color: #fff; } .description-bravo-copy { width: 600px; margin-top: 14px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 16px; line-height: 26px; font-weight: 300; text-align: center; } .div-gif-container { display: none; height: 20%; -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; } .old-navigation { display: none; width: 100%; margin-top: 27px; margin-bottom: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #b8b8b8; } .link { margin-right: 95px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 16px; font-weight: 300; text-decoration: none; } .image-3 { margin-top: 0px; } .div-block-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section { display: none; height: 5vh; -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: #7725be; } .button { padding: 2px 27px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.17); font-family: Pulpdisplay, sans-serif; font-size: 11px; font-weight: 400; } .text-block-10 { margin-right: 32px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 15px; font-weight: 300; } .image-4 { width: 80%; } .form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; margin-top: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .email-submit-button { display: block; height: 100%; margin-top: 0px; margin-bottom: 0px; padding: 12px 37px; border-radius: 0px 5px 5px 0px; background-color: #1accaa; font-family: Pulpdisplay, sans-serif; font-size: 17px; font-weight: 700; } .text-field { height: 100%; margin-bottom: 0px; padding-left: 31px; border-style: solid none solid solid; border-width: 1px; border-color: #adadad; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #adadad; font-weight: 300; } .form-block { display: none; margin-top: 0px; margin-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .success-message { background-color: #141219; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: #24ffa4; } .text-block-11 { color: #4fe3c3; } .div-block-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 51px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-6 { margin-top: 40px; margin-bottom: 59px; text-align: center; } .image-6 { height: 280px; } .link-contact { margin-right: 95px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 16px; font-weight: 300; text-decoration: none; } .green-button-fill { margin-right: 0px; margin-left: 15px; padding-right: 30px; padding-left: 30px; border: 3px solid #000; border-radius: 0px; background-color: #1accaa; box-shadow: 6px 6px 0 0 #000; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 13px; font-weight: 500; cursor: pointer; } .green-button-fill-copy { display: none; margin-right: 15px; margin-left: 15px; padding-right: 30px; padding-left: 30px; border: 1px none #1accaa; border-radius: 40px; background-color: #1accaa; font-family: Pulpdisplay, sans-serif; color: #fff; } .body { background-color: #490d82; } .link-language { margin-right: 0px; margin-bottom: 0px; margin-left: 25px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 13px; font-weight: 300; text-decoration: none; } .green-button-stroke-copy { display: none; margin-right: 0px; margin-left: 15px; padding-right: 30px; padding-left: 30px; border: 1px solid #1accaa; border-radius: 40px; background-color: rgba(26, 204, 170, 0); font-family: Pulpdisplay, sans-serif; color: #1accaa; } .green-button-stroke-copy2 { margin-right: 0px; margin-left: 15px; padding-right: 30px; padding-left: 30px; border: 3px solid #1accaa; border-radius: 0px; background-color: rgba(26, 204, 170, 0); box-shadow: 6px 6px 0 0 #000; font-family: Pulpdisplay, sans-serif; color: #1accaa; font-size: 13px; font-weight: 700; } .faq-section { 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-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-color: #490d82; background-image: none; } .h6 { margin-top: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 14px; line-height: 16px; font-weight: 700; cursor: pointer; } .title-faq { margin-top: 0px; margin-bottom: 57px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 40px; line-height: 40px; font-weight: 300; } .paragraph-faq { overflow: visible; margin-top: 11px; padding-right: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 14px; line-height: 1.5em; font-style: italic; font-weight: 300; } .pink-link-text { color: #ffce1f; text-decoration: none; } .div-block-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 500px; margin-top: 57px; margin-bottom: 19px; -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; } .image-8 { margin-right: 37px; } .div-block-11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 32px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .paragraph-faq-copy2 { margin-top: 0px; margin-bottom: 0px; margin-left: 42px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 20px; line-height: 28px; font-weight: 300; } .image-9 { width: 50%; } .image-10 { width: 50%; } .accordion-wrapper { width: 100%; margin-top: 0px; margin-bottom: 54px; } .accordion-item { display: block; -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; white-space: break-spaces; } .accordion-item-trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .accordion-item-content { display: block; overflow: hidden; } .image-11 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .navbar { padding-top: 10px; background-color: #490d82; } .menu-link { font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 14px; font-weight: 400; cursor: pointer; } .menu-link.w--current { color: #e350cc; } .image-13 { margin-top: 10px; margin-right: 23px; } .brand { cursor: pointer; } .nav-menu-bg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -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; } .container-nav-1 { 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; } .div-block-12 { 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .body-2 { background-color: #f3f6e6; } .page-title-1 { margin-top: 123px; margin-bottom: 157px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 60px; line-height: 40px; font-weight: 700; text-align: center; } .section-2 { margin-top: 134px; margin-right: 0px; margin-left: 0px; padding-top: 20px; } .container-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .columns-2 { width: auto; height: 180px; margin-bottom: 0px; padding-bottom: 30px; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .footer-text { margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 14px; font-weight: 400; text-align: left; text-decoration: none; } .link-block-2 { margin-bottom: 12px; text-decoration: none; cursor: pointer; } .footer-column-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; 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: 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-column-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer-text-copyright { margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 12px; font-weight: 300; text-align: left; text-decoration: none; } .text-block-12-copy { margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 12px; line-height: 14px; font-weight: 300; text-align: left; } .div-block-13 { display: block; margin-top: 0px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .text-block-12-number { margin-top: 0px; margin-left: 5px; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 20px; font-weight: 300; text-align: left; } .image-14 { width: 25px; } .link-block-4 { margin-right: 13px; cursor: pointer; } .footer-text-copyright-mobile { display: none; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #adadad; font-size: 12px; font-weight: 300; text-decoration: none; } .div-block-18 { 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; } .footer-text-copy { margin-right: 11px; margin-bottom: 0px; margin-left: 11px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 15px; font-weight: 300; text-align: center; text-decoration: none; } .div-block-19 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-19-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-20 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .div-block-21 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 300px; margin-right: 0px; margin-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; } .color-circle { width: 70px; height: 70px; margin-bottom: 9px; border-radius: 100%; background-color: #e350cc; } .div-block-20-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 2px; margin-bottom: 107px; -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; } .image-15-copy { width: 280px; max-width: 100%; margin-bottom: 43px; } .primarycolor-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px; } .color-circle-copy { width: 70px; height: 70px; margin-bottom: 9px; border-radius: 100%; background-color: #50e3c2; } .color-circle-copy2 { width: 70px; height: 70px; margin-bottom: 9px; border-radius: 100%; background-color: #ffce1f; } .color-circle-copy2-copy { width: 70px; height: 70px; margin-bottom: 9px; border: 1px none #000; border-radius: 100%; background-color: #490d82; } .link-block-6 { cursor: default; } .link-block-6.w--current { cursor: pointer; } .link-block-7 { cursor: pointer; } .container-3 { margin-bottom: 87px; } .title-faq-copy { margin-top: 0px; margin-bottom: 57px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 25px; line-height: 40px; font-weight: 300; } .title-faq-copy-copy { margin-top: 117px; margin-bottom: 57px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 25px; line-height: 40px; font-weight: 300; } .menu-logo { width: 100px; max-width: 100%; margin-top: 12px; margin-right: 30px; } .link-block-8 { cursor: pointer; } .text-block-13 { margin-top: 140px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 30px; line-height: 35px; font-weight: 700; } .text-block-13-copy { margin-top: 26px; margin-bottom: 28px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 18px; line-height: 25px; font-weight: 300; } .container-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 44px; } .section-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 80vh; margin-top: 0px; margin-bottom: 126px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d695c7aad96_Stroke-222%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0fe172a64bf3_Asset%207%404x.png"); background-position: 90% 25%, 25% 80%, 39% 90%, 12% 32%, -12% 70%; background-size: 30px, 8px, 8px, 8px, auto 200px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .image-16 { display: block; } .div-block-25 { width: 650px; margin-top: 0px; padding-right: 15px; } .section-4-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60vh; margin-top: 106px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d695c7aad96_Stroke-222%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0fe172a64bf3_Asset%207%404x.png"); background-position: 90% 25%, 25% 80%, 39% 90%, 12% 32%, -12% 70%; background-size: 30px, 8px, 8px, 8px, auto 200px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .play-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 250px; height: 50px; margin-top: 10px; padding: 8px 0px 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px solid #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#1accaa), to(#1accaa)); background-image: linear-gradient(180deg, #1accaa, #1accaa); box-shadow: 6px 6px 0 0 #000; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 16px; text-decoration: none; cursor: pointer; } .div-block-13-copy { display: none; margin-top: 0px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .section-1-introduccing-bravo-copy { display: block; height: auto; -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: #f3f6e6; background-image: none; } .section-4-copy { display: none; height: auto; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .conteiner-steps { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; margin-bottom: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-15 { margin-right: 0px; margin-left: 0px; padding: 5px 0px 5px 17px; border: 3px solid #000; background-color: #fff; box-shadow: -7px 6px 0 0 #000; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); font-family: Pulpdisplay, sans-serif; color: #000; font-size: 30px; line-height: 35px; font-weight: 700; text-align: center; } .div-block-28 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 280px; height: 70px; padding: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .div-block-29 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-17 { width: 500px; } .text-block-16 { font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 18px; line-height: 25px; } .div-block-30 { width: 400px; } .link-3 { color: #e350cc; text-decoration: none; cursor: pointer; } .section-bravo-vision { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9e63a90640f4e04c67_Asset%2012%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9ff83da729b9301207_Asset%2013%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"); background-position: 15% 50%, 150px 100px, 90% 25%, 45% 25%, 75% 30%; background-size: 18px, 25px, 30px, 8px, 8px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .div-block-31 { width: 700px; } .text-block-17 { margin-top: 25px; margin-right: 100px; padding-right: 0px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 18px; line-height: 25px; } .image-18 { display: none; } .image-19 { width: 400px; margin-right: 0px; border: 3px solid #000; border-radius: 0px; box-shadow: 8px 8px 0 0 #000, 8px 8px 0 0 #ffce1f; font-size: 14px; } .text-block-17-copy { margin-top: 10px; font-family: Pulpdisplay, sans-serif; color: #ffce1f; font-size: 30px; line-height: 35px; font-weight: 700; } .div-block-32-copy { margin-right: 0px; margin-left: 31px; } .section-import { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9e63a90640f4e04c67_Asset%2012%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9ff83da729b9301207_Asset%2013%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d695c7aad96_Stroke-222%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"); background-position: 10% 50%, 95% 95%, 65% 20%, 75% 40%, 39% 90%, 5% 95%; background-size: 18px, 25px, 30px, 8px, 8px, 8px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .div-block-33 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-18 { width: 420px; padding-right: 18px; background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 18px; line-height: 25px; } .text-block-19 { margin-bottom: 2px; margin-left: 17px; padding-right: 0px; color: #0146e0; line-height: 16px; font-weight: 700; } .image-22 { min-height: auto; min-width: auto; border: 3px solid #000; box-shadow: 8px 8px 0 0 #000; } .text-span-5 { font-size: 40px; } .roadmap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-top: 0px; margin-bottom: 227px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9e63a90640f4e04c67_Asset%2012%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9ff83da729b9301207_Asset%2013%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"); background-position: 15% 50%, 150px 100px, 90% 25%, 45% 25%, 75% 30%; background-size: 18px, 25px, 30px, 8px, 8px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .roadmap-home { 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; border-radius: 100%; background-color: rgba(255, 206, 31, 0); } .image-23 { width: 80%; height: 100%; } .div-block-35 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 26px; margin-bottom: 26px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-36 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .roadmap-title { font-family: Pulpdisplay, sans-serif; color: #ffce1f; font-size: 30px; line-height: 35px; font-weight: 700; } .roadmap-title-copy { font-family: Pulpdisplay, sans-serif; color: #7a3eed; font-size: 30px; line-height: 35px; font-weight: 700; } .roadmap-title-copy { font-family: Pulpdisplay, sans-serif; color: #7a3eed; font-size: 30px; line-height: 35px; font-weight: 700; } .roadmap-title-copy { font-family: Pulpdisplay, sans-serif; color: #7a3eed; font-size: 30px; line-height: 35px; font-weight: 700; } .body-3 { background-color: #490d82; } .green-button-demos { margin-right: 0px; margin-left: 0px; padding-right: 30px; padding-left: 30px; border: 3px solid #000; border-radius: 0px; background-color: #1accaa; box-shadow: 6px 6px 0 0 #000; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 13px; font-weight: 500; cursor: pointer; } .section-5 { margin-top: 55px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6c228ed3960_Asset%205%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d695c7aad96_Stroke-222%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9e63a90640f4e04c67_Asset%2012%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9ff83da729b9301207_Asset%2013%404x.png"); background-position: 30% 85%, 5% 40%, 90% 50%, 10% 80%, 95% 15%, 15% 0%; background-size: 15px, 15px, 10px, 30px, 20px, 25px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .section-6 { margin-top: 0px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e21ac9b4e402303c_Asset%202%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6b9d3ed395f_Asset%206%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9ff83da729b9301207_Asset%2013%404x.png"); background-position: 4% 95%, 5% 20%, 20% 65%, 90% 15%, 90% 90%, 30% 80%, 10% 50%; background-size: 20px, 12px, 12px, 30px, 11px, 35px, 30px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .section-5-copy { margin-top: 55px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6c228ed3960_Asset%205%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d695c7aad96_Stroke-222%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9e63a90640f4e04c67_Asset%2012%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9ff83da729b9301207_Asset%2013%404x.png"); background-position: 80% 90%, 85% 50%, 7% 50%, 75% 70%, 95% 15%, 15% 0%; background-size: 15px, 12px, 8px, 30px, 20px, 25px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .body-4 { background-color: #490d82; } .section-step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 1000px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-37 { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 70px; margin-bottom: 0px; padding: 15px 71px; -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: #7a3eed; } .link-step { font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 20px; font-weight: 700; text-decoration: none; } .link-step.w--current { color: #ffce1f; font-weight: 700; } .text-block-20 { margin-top: 7px; margin-bottom: 7px; font-family: Pulpdisplay, sans-serif; color: #ffce1f; font-size: 30px; line-height: 35px; } .progress-bar { position: absolute; left: 0px; top: 0%; right: auto; bottom: auto; width: 100%; height: 5px; background-color: #e350cc; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; } .div-block-38 { width: 100%; height: 10px; } .step-number { font-family: Pulpdisplay, sans-serif; color: #7a3eed; font-size: 50px; line-height: 50px; font-weight: 700; } .step-ps { font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 18px; line-height: 25px; } .div-block-39 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 35px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .column-7 { padding-right: 10px; padding-left: 10px; } .column-8 { display: block; padding-right: 10px; padding-left: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .columns-5 { margin-top: 21px; margin-right: 0px; margin-left: 0px; } .section-step-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; margin-bottom: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .container-5 { display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .download-vision-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 250px; height: 50px; margin-top: 10px; margin-right: 44px; padding: 8px 0px 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px solid #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#1accaa), to(#1accaa)); background-image: linear-gradient(180deg, #1accaa, #1accaa); box-shadow: 6px 6px 0 0 #000; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 16px; text-decoration: none; cursor: pointer; } .image-20-copy { height: 25px; } .text-block-19-copy { margin-right: 17px; margin-bottom: 2px; margin-left: 0px; padding-right: 0px; line-height: 16px; font-weight: 700; } .download-vision-button-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 250px; height: 50px; margin-top: 10px; padding: 8px 0px 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 3px; border-color: #0146e0; background-image: -webkit-gradient(linear, left top, left bottom, from(#1accaa), to(#1accaa)); background-image: linear-gradient(180deg, #1accaa, #1accaa); box-shadow: 6px 6px 0 0 #0146e0; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 16px; text-decoration: none; cursor: pointer; } .div-block-39-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vh; margin-top: 24px; margin-bottom: 88px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .text-block-19-copy { margin-bottom: 2px; margin-left: 17px; padding-right: 0px; line-height: 16px; font-weight: 700; } .step-ps-copy { margin-bottom: 28px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 18px; line-height: 25px; } .step-ps-copy2 { margin-bottom: 28px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 18px; line-height: 25px; } .section-step-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-step-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 1000px; -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; } .announcment-div { 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; } .download-vision-button-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 250px; height: 50px; margin-top: 10px; margin-right: 0px; padding: 8px 0px 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px solid #0146e0; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffdb59), to(#ffdb59)); background-image: linear-gradient(180deg, #ffdb59, #ffdb59); box-shadow: 6px 6px 0 0 #0146e0; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 16px; text-decoration: none; cursor: pointer; } .text-block-19-copy { margin-right: 0px; margin-bottom: 2px; margin-left: 0px; padding-right: 0px; line-height: 16px; font-weight: 700; } .image-20-copy { height: 15px; margin-left: 20px; } .download-bravo-vision-icon { height: 25px; color: #0146e0; } .container-titles { height: 150px; } .section-test { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9e63a90640f4e04c67_Asset%2012%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7b5a9ff83da729b9301207_Asset%2013%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d695c7aad96_Stroke-222%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"); background-position: 10% 50%, 95% 95%, 65% 20%, 75% 40%, 39% 90%, 5% 95%; background-size: 18px, 25px, 30px, 8px, 8px, 8px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } .section-title-coming { margin-top: 150px; } .column-11 { padding-right: 10px; } .column-12 { margin-top: 30px; padding-right: 10px; } .column-15 { margin-top: 30px; } .columns-8-copy-mobile { display: none; } .div-block-33-copy-mobile { display: none; margin-top: 66px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .modal { position: fixed; left: 0%; top: auto; right: auto; bottom: 0%; z-index: 9999; display: none; width: 350px; height: 100px; margin-bottom: 15px; margin-left: 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 15px; background-color: #1accaa; } .text-block-22 { margin-top: 22px; margin-right: 30px; margin-left: 15px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 13px; line-height: 18px; } .image-29 { width: 40px; height: auto; max-width: 15%; margin-top: 21px; margin-left: 15px; } .link-4 { color: #fff; font-weight: 700; text-decoration: none; cursor: pointer; } .close-modal { margin-top: 5px; margin-right: 11px; cursor: pointer; } .section-8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 170vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: none; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .body-6 { background-color: #f3f6e6; font-family: Pulpdisplay, sans-serif; } .navbar-2 { position: fixed; z-index: 999; display: none; width: 100%; padding-top: 15px; padding-bottom: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d9ddc8; background-color: #f3f6e6; } .navbar-2.nobg { -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; background-color: rgba(243, 246, 230, 0); } .brand-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .brand-2.w--current { margin-right: 0px; margin-left: 10px; } .image-32 { position: static; top: -8px; margin: 0px; } .nav-link-3 { margin-left: 20px; padding: 9px 26px; border: 3px solid #0146e0; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 700; cursor: pointer; } .nav-link-3:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .nav-link-3:active { left: 3px; top: 3px; } .nav-link-3.w--current { background-color: #ffdb59; color: #0146e0; } .nav-link-3.menu-nav { font-size: 17px; } .div-block-51 { position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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-align-self: auto; -ms-flex-item-align: auto; align-self: auto; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .text-block-23 { position: static; z-index: 9; width: auto; margin-top: 0px; padding-right: 17px; padding-bottom: 20px; padding-left: 17px; font-family: Pulpdisplay, sans-serif; color: #ffce1f; font-size: 120px; line-height: 120px; font-weight: 700; text-align: center; } .text-block-24 { margin-top: 60px; padding-top: 0px; padding-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #ffce1f; font-size: 18px; font-weight: 300; } .image-34 { height: 110px; margin-top: 30px; margin-bottom: 10px; } .the-sticky-div { position: -webkit-sticky; position: sticky; top: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 100vh; margin: 0px auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0px; background-color: hsla(0, 0%, 100%, 0); } .the-overflow-hidden-mask { position: relative; z-index: 200; display: block; overflow: visible; width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .the-width-400vh-scrollable-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 220vw; height: 100%; -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-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .the-height-400vh-section { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 220vh; margin-top: 134px; margin-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-top: 60px none rgba(36, 36, 36, 0.09); background-color: hsla(0, 0%, 100%, 0); } .the-height-400vh-section:focus { box-shadow: inset 0 0 0 85px rgba(255, 0, 0, 0.29); } .the-content-copy { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(120, 61, 61, 0); } .div-block-52 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .div-block-53 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 189px; -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; } .showcase-app-yellow-bg { position: relative; z-index: 5; border: 2px solid #000; border-radius: 20px; background-color: #000; box-shadow: 8px 8px 0 0 #ffce1f; } .image-36 { position: relative; z-index: 0; display: block; width: 200px; height: auto; border-style: solid; border-width: 1px; border-color: #000; border-radius: 18px; } .demo-button-hidden { position: relative; z-index: 0; display: none; margin-top: 43px; border: 5px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 16px; font-weight: 700; } .showcase-app-blue-bg { position: relative; left: auto; z-index: 5; display: block; border: 2px solid #000; border-radius: 20px; background-color: #000; box-shadow: 8px 8px 0 0 #0146e0; } .div-block-54-yellow { position: relative; z-index: 5; border: 5px solid #000; border-radius: 20px; box-shadow: 14px 14px 0 0 #ffce1f; } .showcase-app-purple-bg { position: relative; z-index: 5; border: 2px solid #000; border-radius: 20px; background-color: #000; box-shadow: 8px 8px 0 0 #e350cc; } .image-37 { position: absolute; z-index: 0; width: 1000px; height: 580px; max-width: none; box-shadow: none; } .video { position: static; left: 0%; top: 0%; right: auto; bottom: auto; z-index: 1; display: inline-block; width: auto; height: auto; max-height: none; min-height: auto; padding-bottom: 0px; box-shadow: none; } .video-div-landing { position: fixed; top: 93px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 1000px; height: 570px; margin-top: 53px; background-color: #191919; box-shadow: 14px 14px 0 0 #0146e0; } .div-block-55 { position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; display: block; overflow: visible; width: 100%; height: 100%; margin-right: auto; margin-left: auto; float: none; } .section-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 100vh; padding-right: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .h1---title { margin-bottom: 38px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 50px; font-weight: 700; } .text-block-home { width: auto; margin-bottom: 38px; padding-right: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 14px; line-height: 20px; font-weight: 300; } .call-to-action-button { margin-top: 0px; padding: 9px 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 700; cursor: pointer; } .call-to-action-button:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button:active { position: relative; left: 3px; top: 3px; } .call-to-action-button.purple { border-color: #ffce1f; background-color: #490d82; color: #ffce1f; } .call-to-action-button.purple.mod { padding-right: 28px; padding-left: 28px; border-color: #ff61f6; background-color: #470137; color: #ff61f6; } .call-to-action-button.figma { border-style: solid; border-color: #a259ff; border-radius: 0px; background-color: #490d82; color: #fff; } .call-to-action-button.smlinks { width: 100%; text-align: center; } .call-to-action-button._3-0 { padding: 10px 20px; border-color: #fff; background-color: rgba(255, 255, 255, 0); color: #fff; font-size: 17px; } .call-to-action-button.yellow { margin-top: 0px; background-color: #ffce1f; } .call-to-action-button.lightbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 20px; } .call-to-action-button.lightbox.yellow { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .call-to-action-button.purplestroke { border-color: #490d82; color: #490d82; } .call-to-action-button.greenstroke { border-color: #056d38; color: #056d38; } .div-block-56 { position: static; right: auto; width: 500px; margin-left: 74px; } .image-38 { position: static; left: -294px; width: auto; border: 5px none #000; } .image-39 { position: absolute; left: 53%; top: 0%; right: auto; bottom: auto; z-index: 0; display: none; } .text-block-23-copy123 { position: relative; z-index: 9; width: auto; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 100px; line-height: 115px; font-weight: 700; text-align: center; } .div-block-57 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 220px; height: 100%; margin-right: 0px; padding-right: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: help; } .div-block-58 { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90vw; padding-left: 82px; -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; } .text-block-27 { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 16px; line-height: 20px; font-weight: 700; } .image-40 { margin-bottom: 24px; } .text-block-28 { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 23px; line-height: 29px; font-weight: 700; } .image-42 { margin-bottom: 24px; } .text-block-27-copy { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 28px; line-height: 31px; font-weight: 700; } .div-block-57-copy { width: 330px; height: 450px; margin-right: 0px; } .div-block-59 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 26px; padding-left: 11px; -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; } .div-block-57-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 330px; height: 450px; margin-right: 0px; -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; } .text-block-27-copy { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 28px; line-height: 31px; font-weight: 700; } .div-block-59-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-left: 0px; -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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-57-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 220px; height: 100%; margin-right: 0px; -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; cursor: help; } .div-block-59-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-left: 0px; -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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .text-block-27-copy { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 16px; line-height: 20px; font-weight: 700; } .div-block-59-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 30px; 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: 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; } .section-11-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; } .old-landing-section-1 { display: none; height: auto; background-image: none; } .div-block-57-copy-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 220px; height: 450px; margin-right: 0px; -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; cursor: help; } .section-13 { display: none; height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-60 { position: absolute; z-index: 0; display: none; border: 5px solid #000; border-radius: 23px; box-shadow: 11px 11px 0 0 #f2c94c; } .text-block-23-copy-copy-copy { position: static; left: 0%; top: auto; right: auto; bottom: 0%; z-index: 5; width: auto; margin-top: 0px; margin-bottom: 0px; padding-bottom: 18px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 100px; line-height: 115px; font-weight: 700; text-align: center; } .text-block-29 { margin-bottom: 12px; background-color: rgba(73, 13, 130, 0); font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 20px; line-height: 25px; font-weight: 700; } .vision-popup-1 { position: absolute; left: 678.143px; top: -313px; right: auto; z-index: 0; width: 320px; } .text-block-30 { margin-top: 3px; padding-right: 6px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 14px; line-height: 20px; font-weight: 300; } .div-block-61 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .vision-popup-2 { position: absolute; left: 678.143px; top: auto; right: auto; bottom: -255.7143px; z-index: 0; width: 320px; } .vision-popup-3 { position: absolute; left: -263.857px; top: -125px; right: auto; bottom: auto; z-index: 0; width: 320px; } .section-14 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40vh; -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; } .the-sticky-div-title-copy { position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 0; display: block; width: 100%; margin-top: 0px; margin-bottom: 0px; background-color: rgba(52, 152, 219, 0); -webkit-transform: perspective(2000px); transform: perspective(2000px); font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 120px; line-height: 120px; font-weight: 700; text-align: center; letter-spacing: 0px; text-transform: none; } .div-block-62 { width: 85vw; margin-top: 122px; margin-bottom: 117px; } .div-block-63 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 11px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .text-block-31 { width: 150px; margin-right: 0px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-weight: 700; } .image-43 { width: 100%; padding-right: 137px; padding-left: 8px; } .text-block-32 { margin-bottom: 8px; padding-left: 8px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 22px; line-height: 25px; font-weight: 700; } .text-block-33 { display: none; width: 50%; margin-bottom: 100px; margin-left: 8px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-weight: 300; } .div-block-64 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 29px; margin-left: 8px; -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; } .text-block-34 { font-family: Pulpdisplay, sans-serif; color: #fedfe1; font-weight: 700; } .div-block-66 { 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: 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; } .invision-progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20%; height: 25px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #056d38; } .framer-x-progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 75%; height: 25px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #056d38; } .principle-progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40%; height: 25px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #056d38; } .adobe-progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 60%; height: 25px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #056d38; } .marvel-progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20%; height: 25px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #056d38; } .figma-progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20%; height: 25px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #056d38; } .bravo-studio-progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 70%; height: 25px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #490d82; } .image-44 { display: block; margin-bottom: 24px; background-color: rgba(150, 66, 66, 0); color: #a81717; } .footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; margin-top: 0px; padding-top: 100px; -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: #dff4ff; } .footer-title { margin-right: auto; margin-bottom: 25px; margin-left: auto; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; } .footer-link { display: block; margin-bottom: 12px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 300; text-decoration: none; cursor: pointer; } .footer-columns { display: block; width: auto; margin-right: 0px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-45 { margin-bottom: 0px; } .section-14-copy { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-bottom: 168px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .column-17 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 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; } .columns-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-right: 100px; margin-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; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .column-18 { 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; } .columns-10-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-right: 100px; margin-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; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .div-block-56-copy123 { position: static; right: auto; width: 500px; margin-right: 74px; margin-left: 0px; } ._2974652386523875 { font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 23px; line-height: 29px; font-weight: 700; } .cta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f6e6), to(#f3f6e6)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5dd7ebc33f3c69c48c62ab86_ezgif.com-optimize%20(2).gif"); background-image: linear-gradient(180deg, #f3f6e6, #f3f6e6), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5dd7ebc33f3c69c48c62ab86_ezgif.com-optimize%20(2).gif"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .the-height-400vh-section-copy { position: relative; display: none; height: 400vh; margin-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-top: 60px none rgba(36, 36, 36, 0.09); background-color: hsla(0, 0%, 100%, 0); } .the-height-400vh-section-copy:focus { box-shadow: inset 0 0 0 85px rgba(255, 0, 0, 0.29); } .the-sticky-div-copy { position: -webkit-sticky; position: sticky; top: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 100vh; margin: 0px auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0px; background-color: hsla(0, 0%, 100%, 0); } .the-sticky-div-title-copy { position: relative; left: 0px; top: 236px; right: 0px; z-index: 0; display: block; width: 100%; margin-top: 0vh; margin-bottom: 0px; background-color: rgba(52, 152, 219, 0); -webkit-transform: perspective(2000px); transform: perspective(2000px); font-family: Pulpdisplay, sans-serif; color: #6826b5; font-size: 120px; line-height: 120px; font-weight: 700; text-align: center; letter-spacing: 0px; text-transform: none; } .the-overflow-hidden-mask-copy { position: relative; z-index: 200; display: block; overflow: hidden; width: 100%; height: 100%; } .the-width-400vh-scrollable-div-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 400vw; height: 100%; -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-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .the-content-copy-copy { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(120, 61, 61, 0); } .div-block-52-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .div-block-53-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 189px; -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; } .div-block-53-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 189px; -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; } .div-block-53-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 189px; -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; } .div-block-53-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 189px; -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; } .div-block-53-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 189px; -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; } .div-block-53-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 189px; -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; } .mobile-section-1 { display: none; } .image-48 { position: static; margin-right: 150px; padding-right: 2px; text-align: left; } .mobile-section-2 { display: none; } .nav-menu-3 { clear: none; } .mobile-section-3 { display: none; } .mobile-section-4 { display: none; } .mobile-section-5 { display: none; } .fs-content { width: 100%; max-width: 1000px; margin-right: auto; margin-left: auto; } .mobile-section-6 { display: none; } .mobile-section-7 { display: none; } .text-block-30-copy1243ed-copy { width: auto; font-family: Pulpdisplay, sans-serif; color: #056d38; line-height: 20px; font-weight: 300; text-align: left; } .div-block-85 { position: relative; width: auto; height: 100px; margin-top: 19px; padding-right: 0px; line-height: 40; } .text-block-30-copy1243ed-copy-copy { width: auto; font-family: Pulpdisplay, sans-serif; color: #0146e0; line-height: 20px; font-weight: 300; } .the-sticky-div-title-copy-copyasd { position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 0; display: block; width: 100%; margin-top: 0px; margin-bottom: 0px; background-color: rgba(52, 152, 219, 0); -webkit-transform: perspective(2000px); transform: perspective(2000px); font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 100px; line-height: 100px; font-weight: 700; text-align: center; letter-spacing: 0px; text-transform: none; } .text-block-23-copy-copy-copy-copy { position: static; left: 0%; top: auto; right: auto; bottom: 0%; z-index: 5; width: auto; margin-top: 0px; margin-bottom: 85px; padding-bottom: 23px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 100px; line-height: 100px; font-weight: 700; text-align: center; } .body-7 { background-color: #fff3c5; } .section-18 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-45 { display: block; width: auto; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 120px; line-height: 120px; font-weight: 700; } .text-block-46 { margin-top: 60px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 22px; font-weight: 300; } .image-59 { width: 26px; margin-top: 81px; } .div-block-89 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 280px; margin-right: 29px; margin-left: 29px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-90 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 87px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-60 { width: 180px; border: 3px solid #000; border-radius: 20px; box-shadow: 9px 9px 0 0 #50e3c2; } .text-block-47 { margin-top: 27px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-weight: 300; text-align: center; } .text-block-48 { margin-top: 27px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 22px; font-weight: 700; } .div-block-91 { margin-top: 27px; } .image-61 { display: block; width: 40px; margin-right: 11px; margin-left: 11px; } .background-video-2 { position: relative; display: block; width: 336px; height: 704px; border-style: none; border-width: 1px; border-color: #fff; } .text-block-23-copy-copy-copy-copysasdfgdfg { position: static; left: 0%; top: auto; right: auto; bottom: 0%; z-index: 5; width: auto; margin-top: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: rgba(73, 13, 130, 0); font-size: 120px; line-height: 120px; font-weight: 700; text-align: center; } .showcase-app-green-bg { position: relative; z-index: 5; border: 2px solid #000; border-radius: 20px; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); background-image: linear-gradient(180deg, #000, #000); box-shadow: 8px 8px 0 0 #50e3c2; } .text-block-36-copysdfg { padding-bottom: 25px; border: 1px none #ffdb59; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 120px; line-height: 120px; font-weight: 700; text-align: center; } .text-block-24-copy-copysdfgsdfg { margin-top: 61px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 20px; font-weight: 300; } .call-to-action-button-2-copy { position: relative; left: 3px; top: 3px; margin-top: 60px; padding-right: 24px; padding-left: 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 700; cursor: pointer; } .call-to-action-button-2-copy:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .div-block-92 { position: absolute; z-index: 0; display: block; width: 100%; height: 100%; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5dd7ebc33f3c69c48c62ab86_ezgif.com-optimize%20(2).gif"); background-position: 0px 0px; background-size: cover; opacity: 1; } .div-block-93 { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-94 { position: relative; display: block; width: 95vw; margin-top: 0px; margin-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-grid-row-align: auto; align-self: auto; grid-auto-flow: row; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-block-94.hidden { display: none; } .image-64 { width: 57px; height: 57px; margin-top: 0px; border: 4px solid #490d82; background-color: #fff; } .demo-app-link { margin-top: 37px; margin-right: 5px; margin-left: 5px; cursor: pointer; } .div-block-96 { position: absolute; width: 100%; height: 100%; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5ddf979764e4a685ded21518_5dcd630005abdc45f54fd3fb_6ee56a77dc0f610bc08eb11b089f5f71.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .image-65 { display: none; } .the-sticky-div-title-copy123 { position: static; left: 0px; top: 267px; right: 0px; z-index: 0; display: block; width: 100%; margin-top: 0vh; margin-bottom: 0px; padding-bottom: 22px; background-color: rgba(52, 152, 219, 0); -webkit-transform: perspective(2000px); transform: perspective(2000px); font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 100px; line-height: 100px; font-weight: 700; text-align: center; letter-spacing: 0px; text-transform: none; } .bravo-vision-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-top: 0px; padding-bottom: 183px; -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; } .workflow-with-bravo-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-top: 183px; padding-bottom: 183px; -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; } .blue-line { width: 100%; height: 20px; margin-bottom: -5px; border-style: solid solid none; border-width: 3px 3px 0px; border-color: #0146e0 #0146e0 #000; } .blue-line-2 { width: 100%; height: 50px; margin-top: 0px; border-style: none none none solid; border-width: 3px 3px 0px; border-color: #000 #0146e0; } .green-line { width: 100%; height: 20px; border-style: solid solid none; border-width: 3px 3px 0px; border-color: #056d38 #056d38 #000; } .green-line-22 { width: 100%; height: 50px; border-style: none none none solid; border-width: 3px 3px 0px; border-color: #000 #0146e0 #000 #056d38; } .green-line-copy { width: 100%; height: 20px; margin-top: 0px; margin-bottom: -4px; padding-bottom: 0px; border-style: solid solid none none; border-width: 3px 3px 0px; border-color: #056d38 #056d38 #000; } .call-to-action-button-inactive { position: static; padding-right: 24px; padding-left: 24px; border-style: solid; border-width: 3px; border-color: #0146e0; border-radius: 0px; background-color: rgba(255, 255, 255, 0.52); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; cursor: pointer; } .call-to-action-button-inactive:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-inactive:active { position: relative; left: 3px; top: 3px; } .section-19 { background-color: #f3f6e6; } .container-15 { padding-top: 81px; padding-bottom: 141px; } .terms-title { position: static; z-index: 9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 52px; margin-bottom: 57px; padding-right: 0px; padding-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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 100px; line-height: 115px; font-weight: 700; text-align: left; } .terms-subtitle { margin-top: 28px; margin-bottom: 38px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 50px; font-weight: 700; } .terms-parragraph { margin-bottom: 38px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; } .terms-parragraph-copy { margin-bottom: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: left; } .terms-parragraph-copy.mod { margin-bottom: 34px; padding-left: 0px; } .terms-parragraph-copy.edit { padding-left: 0px; } .link-5 { color: #490d82; } .e { padding-top: 88px; padding-bottom: 100px; background-color: #f3f6e6; } .list-item { margin-right: 0px; padding-right: 0px; padding-bottom: 15px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; line-height: 28px; font-weight: 300; text-decoration: none; list-style-type: decimal; } .list { margin-bottom: 47px; padding-right: 0px; padding-left: 75px; list-style-type: decimal; } .list-item-copy { margin-left: 25px; padding-bottom: 11px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; list-style-type: disc; } .demo-app-animated-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .html-embed-2 { width: auto; margin-top: 0px; margin-right: 20px; } .product-hunt-footer { display: block; margin-top: 0px; margin-bottom: 43px; padding-right: 85px; } .announcment-topbanner { display: block; overflow: visible; width: 100%; height: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; background-color: #50e3c2; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/601bfb6948f7a33b92da9c01_Frame%2022.png"); background-position: 50% 50%; background-size: auto; } .announcment-topbanner.hidden { display: none; } .product-hunt-text-live-url { height: auto; color: #e350cc; } .top-banner-text { position: static; margin-top: 10px; font-family: Pulpdisplay, sans-serif; color: #fff; font-weight: 700; text-align: center; text-decoration: none; } .container-8-copy123 { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .qr-div-animated-popup { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2; display: none; padding-right: 20px; padding-left: 20px; float: none; clear: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #ffeae2; } .qr-div-animated-popup-text { margin-top: 9px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 20px; line-height: 25px; font-weight: 700; text-align: center; } .qr-div-animated-popup-image { width: 130px; margin-top: 43px; padding: 0px; border: 2px solid #000; } .qr-div-animated-popup-icon { width: 30px; margin-bottom: 0px; } .call-to-action-button-purple { margin-top: 45px; padding-right: 24px; padding-left: 24px; border: 3px solid #490d82; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 17px; font-weight: 700; cursor: pointer; } .call-to-action-button-purple:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-purple:active { position: relative; left: 3px; top: 3px; } .feature---image-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; height: auto; padding-top: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .text-block-53 { margin-bottom: 18px; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-weight: 700; } .text-hover-here { margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 11px; font-weight: 300; } .image-hover-icon { margin-top: 20px; text-align: center; } .hover-here-div { text-align: center; } .nav-link-log { display: inline-block; overflow: visible; margin-left: 0px; padding: 9px 0px 9px 13px; border-style: solid; border-width: 3px; border-color: rgba(1, 70, 224, 0); background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 700; cursor: pointer; } .nav-link-log.w--current { color: #e350cc; } .nav-link-log.hidden { display: none; } .nav-link-log.menu-nav { font-size: 14px; } .nav-link-log.menu-nav:hover { color: #e350cc; } .nav-link-log.menu-nav.hidden { display: none; } .nav-link-login { margin-left: 0px; padding: 9px 0px 9px 50px; border-style: solid; border-width: 3px; border-color: rgba(1, 70, 224, 0); background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 700; cursor: pointer; } .nav-link-login.menu-nav { float: none; font-size: 14px; } .nav-link-login.menu-nav:hover { color: #e350cc; } .column-23 { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .dropdown-toggle { display: none; padding: 0px 20px 0px 0px; } .dropdown-list { background-color: #b4a3a3; } .dropdown-list.w--open { border-style: solid; border-width: 3px; border-color: #0146e0; background-color: #fff; } .nav-dropdown { margin-left: 0px; padding: 9px 0px 9px 10px; border-style: solid; border-width: 3px; border-color: rgba(1, 70, 224, 0); background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 700; text-align: left; cursor: pointer; } .icon-5 { margin-right: 0px; color: #df7979; } .terms-parragraph-copy2 { margin-top: 0px; margin-bottom: 38px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; } .terms-subtitle-copy2 { margin-top: 30px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 50px; font-weight: 700; } .link-6 { text-decoration: none; } .container-15-copy123 { padding-top: 50px; padding-bottom: 50px; } .main-title-purple { position: static; z-index: 9; width: auto; margin-top: 0px; padding: 20px 0px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 70px; line-height: 60px; font-weight: 700; text-align: center; } .text-block-24-copy123 { margin-top: 10px; margin-bottom: 100px; padding-top: 0px; padding-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 18px; font-weight: 300; text-align: center; } .body-6-copy123 { background-color: #fff3c5; } .body-9 { background-color: #f3f6e6; } .body-10 { background-color: #f3f6e6; } .body-11 { background-color: #f3f6e6; } .divv-bravoresources { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-top: 90px; margin-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 20px; grid-row-gap: 20px; } .link-block-14 { width: 280px; margin-right: 15px; margin-left: 15px; text-decoration: none; } .text-block-57 { padding-top: 7px; padding-bottom: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 16px; font-weight: 300; text-align: left; } .text-block-57-copy { padding-top: 49px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 32px; line-height: 32px; font-weight: 700; text-align: left; } .div-block-1046 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 39px; } .youtube { padding-left: 0px; } .div-block-1047 { width: 100%; margin-right: 40px; margin-left: 15px; padding: 20px; border: 3px solid #000; background-color: #fff; box-shadow: 7px 7px 0 0 #d2392e; } .section-21 { background-color: #dff4ff; } .text-block-23-copy-copy { position: static; z-index: 9; width: auto; margin-top: 75px; margin-bottom: 77px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgba(210, 57, 46, 0); font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 60px; line-height: 60px; font-weight: 700; text-align: center; } .text-block-58 { margin-top: 24px; padding-right: 35px; font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 25px; line-height: 30px; font-weight: 700; } .container-17 { padding-bottom: 105px; } .s-dropdown { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; padding-right: 40px; padding-left: 40px; -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; } .s-dropdown.white { color: #fff; } .div-block-103-copy { width: 100%; height: 100%; margin-right: 0px; margin-left: 0px; padding: 20px; border-style: solid; border-width: 3px; border-color: #000; background-color: #fff; background-image: none; background-size: auto; background-repeat: repeat; box-shadow: 7px 7px 0 0 #490d82; } .div-block-103-copy456 { width: 100%; height: 100%; margin-right: 0px; margin-left: 0px; border-style: solid; border-width: 3px; border-color: #000; background-color: #fff; box-shadow: 7px 7px 0 0 #50e3c2; } .div-block-103-copy56765 { width: 100%; height: 100%; margin-right: 0px; margin-left: 0px; border-style: solid; border-width: 3px; border-color: #000; background-color: #fff; box-shadow: 7px 7px 0 0 #ffce1f; } .div-block-1048 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90vw; margin-top: 84px; -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; } .section-22 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 90px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-59 { width: 80vw; margin-top: 37px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 80px; line-height: 95px; font-weight: 700; text-align: center; } .text-block-60 { margin-top: 32px; margin-bottom: 29px; padding-right: 0px; padding-left: 0px; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; line-height: 30px; font-weight: 300; text-align: center; text-decoration: none; } .image-71 { width: 100px; } .lightbox-link { display: none; margin-top: 25px; } .image-73 { position: absolute; display: none; border: 3px solid #000; border-radius: 20px; } .text-block-61 { overflow: visible; margin-top: 126px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 50px; font-weight: 700; } .body-12 { background-color: #f3f6e6; } .div-block-1049 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-61-copy12 { margin-top: 69px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 50px; font-weight: 700; } .section-23 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 103px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .text-block-62 { margin-top: 20px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 300; } .div-block-1050 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 82px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1051 { width: 250px; margin-right: 20px; margin-left: 20px; padding: 20px; border: 3px solid #000; background-color: #fff3c5; box-shadow: 7px 7px 0 0 #490d82; } .text-block-63 { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 25px; font-weight: 700; } .text-block-63-copy { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; } .div-block-1052 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .text-block-64 { font-size: 55px; line-height: 55px; } .div-block-1053 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .text-block-64-copy { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 40px; font-weight: 700; } .text-block-64-copy-copy { margin-top: 7px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 12px; line-height: 12px; font-weight: 300; text-align: center; } .image-74 { width: 18px; } .div-block-1054 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 7px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-65 { margin-left: 5px; color: #0146e0; font-size: 12px; } .button-6 { width: 100%; margin-top: 30px; border: 3px solid #0146e0; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; text-align: center; } .div-block-1051-copy { width: 250px; margin-right: 20px; margin-left: 20px; padding: 20px; border: 3px solid #000; background-color: #fff; box-shadow: 7px 7px 0 0 #0146e0; } .text-block-64-copy-copy12 { font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 40px; line-height: 40px; font-weight: 700; } .text-block-64-copy-copy-copy { margin-top: 7px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 12px; line-height: 12px; font-weight: 300; text-align: center; } .text-block-63-copy { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 25px; font-weight: 700; } .purple-text { margin-left: 5px; color: #490d82; font-size: 12px; } .button-6-copy { width: 100%; margin-top: 30px; border: 3px solid #490d82; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #490d82; font-weight: 700; text-align: center; } .text-block-64-copy-copy-copy { margin-top: 7px; font-family: Pulpdisplay, sans-serif; color: rgba(1, 70, 224, 0); font-size: 12px; line-height: 12px; font-weight: 300; text-align: center; } .text-block-64-copy-copy-copy-copy12 { margin-top: 7px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 12px; line-height: 12px; font-weight: 300; text-align: center; } .div-block-1051-copy123123 { width: 250px; margin-right: 20px; margin-left: 20px; padding: 20px; border: 3px solid #000; background-color: #fee4e6; box-shadow: 7px 7px 0 0 #056d38; } .text-block-64-copy-copy125454 { font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 40px; line-height: 40px; font-weight: 700; } .text-block-63-copy12312344 { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 25px; font-weight: 700; } .button-6-copy1234 { width: 100%; margin-top: 30px; border: 3px solid #056d38; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #056d38; font-weight: 700; text-align: center; } .green-text-pricing { margin-left: 5px; color: #056d38; font-size: 12px; } .text-bl12312ock-64-copy-copy { font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 40px; line-height: 40px; font-weight: 700; } .div-block-1051-copy132312456 { width: 250px; margin-right: 20px; margin-left: 20px; padding: 20px; border: 3px solid #000; background-color: #dff4ff; box-shadow: 7px 7px 0 0 #d2392e; } .text-block-64-copy-copy-copy124 { margin-top: 7px; font-family: Pulpdisplay, sans-serif; color: rgba(210, 57, 46, 0); font-size: 12px; line-height: 12px; font-weight: 300; text-align: center; } .text-b1232lock-63-copy { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 25px; font-weight: 700; } .red-text { margin-left: 5px; color: #d2392e; font-size: 12px; } .button-6-copy1245 { width: 100%; margin-top: 30px; border: 3px solid #d2392e; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #d2392e; font-weight: 700; text-align: center; } .div-block-1055 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1056 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1057-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 34px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .div-block-1058 { width: 23.382508%; padding-right: 17px; text-align: left; } .text-block-61-copy12-copy { margin-top: 126px; margin-bottom: 88px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 50px; font-weight: 700; } .body-5-copy { background-color: #ffeae2; } .text-block-20-copy-copy12345 { margin-top: 7px; margin-right: 44px; margin-bottom: 7px; padding-right: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 70px; line-height: 70px; font-weight: 700; text-align: left; } .text-block-20-copy-copydgf { margin-top: 29px; margin-right: 44px; margin-bottom: 29px; padding-right: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 20px; line-height: 28px; text-align: left; } .download-vision-button-copy-copygf { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 250px; height: 50px; margin-top: 10px; margin-right: 35px; padding: 8px 0px 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px solid #056d38; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background-image: linear-gradient(180deg, #fff, #fff); font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 16px; text-decoration: none; cursor: pointer; } .div-block-1060 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .text-block-19-copy345 { margin-bottom: 2px; margin-left: 17px; padding-right: 0px; color: #056d38; line-height: 16px; font-weight: 700; } .container-18 { margin-bottom: 162px; } .image-75 { width: 330px; } .mobile-section-4-copyasd { display: none; } .section-24 { margin-top: 75px; } .div-block-1061 { width: auto; height: 200px; border-style: solid; border-width: 2px; border-color: #000; background-color: transparent; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/625e72faaa682e29adcd47c3_5d1329454b05c80580fc0fb7-5ed791e790ee024469321212_Title.jpg"); background-position: 0px 0px; background-size: cover; background-repeat: no-repeat; box-shadow: none; } .div-block-103-copy-copy { width: 100%; height: 100%; margin-right: 0px; margin-left: 0px; padding: 20px; border-style: solid; border-width: 3px; border-color: #000; background-color: #fff; background-image: none; background-size: auto; background-repeat: repeat; box-shadow: 7px 7px 0 0 #50e3c2; } .div-block-103-copy-copy2 { width: 100%; height: 100%; margin-right: 0px; margin-left: 0px; padding: 20px; border-style: solid; border-width: 3px; border-color: #000; background-color: #fff; background-image: none; background-size: auto; background-repeat: repeat; box-shadow: 7px 7px 0 0 #e350cc; } .div-block-1061-copy { width: auto; height: 200px; border-style: solid; border-width: 2px; border-color: #000; background-color: #dff4ff; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5e85c492776a8133e506d81e_Frame%2012.png"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; box-shadow: none; } .div-block-1061-copy12 { width: auto; height: 200px; border-style: solid; border-width: 2px; border-color: #000; background-color: #ffeae2; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5e85c4928347406d7a422d19_Frame%2013.png"); background-position: 50% 60%; background-size: contain; background-repeat: no-repeat; box-shadow: none; } .bravo-vision-sec { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1062 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .vision-popup-3-copy { position: static; left: -263.857px; top: -125px; right: auto; bottom: auto; z-index: 0; width: 320px; margin-top: 30px; margin-bottom: 30px; } .div-block-1062-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 336px; height: 704px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1063 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90vw; -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; } .bravo-vision-sec-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-top: 82px; margin-bottom: 190px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-field-2 { width: 100%; height: 43px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; border: 3px solid #000; font-family: Pulpdisplay, sans-serif; color: #000; font-weight: 400; } .field-label { width: auto; margin-right: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; text-align: left; } .bravo-tag-text { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 20px; } .bold-text-2 { font-size: 20px; } .bold-text-3 { font-size: 20px; } .bold-text-4 { font-size: 20px; } .bold-text-5 { font-size: 20px; } .section-25 { padding-top: 51px; padding-bottom: 69px; background-color: #f3f6e6; } .text-block-23-copy-copygd { position: static; z-index: 9; width: auto; margin-top: 57px; padding-right: 17px; padding-bottom: 20px; padding-left: 17px; border: 1px none #0146e0; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 60px; line-height: 60px; font-weight: 700; text-align: center; } .text-block-24-copy123-copyngfng { width: 60%; margin-top: 22px; margin-bottom: 60px; padding-top: 0px; padding-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; font-weight: 300; text-align: center; } .columns-13 { margin-top: 0px; margin-bottom: 100px; } .div-block-1066 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-36-copy { position: relative; z-index: 0; display: block; width: 200px; height: auto; border-style: solid; border-width: 3px; border-color: #000; border-radius: 18px; box-shadow: 9px 9px 0 0 #0146e0; } .div-block-1067 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 120px; margin-top: 29px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-66 { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 32px; line-height: 32px; font-weight: 700; text-align: center; } .text-block-67 { margin-top: 18px; padding-right: 24px; padding-left: 24px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 300; text-align: center; } .image-64-copy { width: 57px; height: 57px; margin-top: 0px; margin-right: 10px; margin-left: 10px; border: 4px solid #0146e0; background-color: #fff; } .div-block-1068 { margin-top: 18px; } .container-20 { 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; text-align: center; } .sports-app { position: relative; z-index: 0; display: block; width: 200px; height: auto; border-style: solid; border-width: 3px; border-color: #000; border-radius: 18px; box-shadow: 9px 9px 0 0 #50e3c2; } .foodies-app { position: relative; z-index: 0; display: block; width: 200px; height: auto; border-style: solid; border-width: 3px; border-color: #000; border-radius: 18px; box-shadow: 9px 9px 0 0 #e350cc; } .adventure-app { position: relative; z-index: 0; display: block; width: 200px; height: auto; border-style: solid; border-width: 3px; border-color: #000; border-radius: 18px; box-shadow: 9px 9px 0 0 #ffce1f; } .link-block-16 { text-decoration: none; } .link-block-17 { text-decoration: none; } .link-block-18 { text-decoration: none; } .column-24 { position: static; display: block; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link-7 { color: #e350cc; text-decoration: none; } .text-block-home-copy { margin-top: 0px; margin-bottom: 0px; padding-right: 100px; padding-left: 100px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: center; } .container-21 { display: block; -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; } .image-76 { width: 100%; margin-bottom: 0px; border: 4px solid #000; box-shadow: 14px 14px 0 0 #e350cc; } .div-block-1069 { position: relative; width: 100%; } .text-block-home-copy-copy { margin-top: 100px; margin-bottom: 100px; padding-right: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: left; } .text-block-home-copy-copy { margin-top: 100px; margin-bottom: 100px; padding-right: 246px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 700; text-align: left; } .text-block-61-copy { margin-top: 0px; margin-bottom: 70px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 50px; font-weight: 700; text-align: center; } .div-block-1070 { position: relative; border: 3px solid #000; } .div-block-1071 { position: static; 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-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .lottie-animation-3 { position: static; left: 39px; top: 153px; width: auto; } .lottie-animation-4 { position: static; left: 184px; top: 10px; width: auto; } .bravo-tag { margin-top: 50px; margin-bottom: 50px; padding: 5px 10px; border: 3px solid #000; border-radius: 5px; background-color: #fff; box-shadow: 6px 6px 0 0 #0146e0; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 500; text-align: center; } .text-block-home-copy-copy { margin-top: 0px; margin-bottom: 0px; padding-right: 100px; padding-left: 100px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: center; } .div-block-1072 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 130px; margin-bottom: 130px; padding-right: 30px; padding-left: 30px; -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; } .div-block-1073 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 200px; margin-bottom: 200px; padding-right: 40px; padding-left: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1074 { position: relative; margin-bottom: 144px; } .image-78 { position: absolute; left: 192px; top: 63px; width: 240px; } .div-block-1075 { position: absolute; left: -60px; top: 54.359px; } .column-feature-img-right-copy { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 100px; margin-bottom: 100px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .image-79 { position: absolute; left: 664px; top: 174px; width: 20%; border: 3px solid #000; border-radius: 20px; box-shadow: 11px 11px 0 0 #0146e0; } .text-block-home-copy-copy { margin-top: 0px; margin-bottom: 0px; padding-right: 100px; padding-left: 100px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: center; } .text-block-home-copy-copy-copy { margin-top: 55px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: left; } .div-block-1076 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .container-22 { margin-top: 84px; } .image-80 { display: block; } .lottie-demo-screen { position: static; left: 664px; top: 174px; width: 100%; border: 3px solid #000; border-radius: 20px; box-shadow: 11px 11px 0 0 #0146e0; } .div-block-1077 { position: relative; width: auto; padding-right: 25px; padding-left: 25px; } .lottie-animation-5 { position: absolute; left: 39px; top: 49.297px; width: 70%; } .lottie-animation-6 { position: absolute; left: 5px; top: -34.703px; width: 60%; } .column-27 { 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; } .lottie-animation-7 { position: absolute; left: 74px; top: 111.984px; bottom: 70.0313px; width: 50%; } .lottie-animation-8 { position: absolute; left: -61px; top: 73.984px; right: 74px; } .div-block-1078 { margin-top: 51px; margin-bottom: 74px; } .call-to-action-button-copy { margin-top: 37px; padding-right: 24px; padding-left: 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; cursor: pointer; } .call-to-action-button-copy:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .lottie-animation-6-copy { position: absolute; left: 99px; top: 246.297px; width: 35%; margin-left: 0px; } .lottie-animation-9-copy { position: absolute; left: 158px; top: 108.984px; width: 30%; } .section-27 { display: none; } .subtitle-lottie { margin-top: 0px; margin-bottom: 50px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 50px; font-weight: 700; } .text-block-left { margin-bottom: 10px; padding-right: 19px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; } .get-started-section { text-align: center; } .link-block-20 { text-decoration: none; } .title { padding-top: 86px; } .body-13 { background-color: #f3f6e6; } .section-28 { margin-top: 68px; } .div-block-1086 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 64px; margin-bottom: 165px; -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; } .image-85 { width: 500px; } .body-14 { background-color: #f3f6e6; } .body-15 { background-color: #f3f6e6; } .collection-item { overflow: hidden; border: 1px none #d9ddc8; border-radius: 20px; background-color: #fff; } .collection-item:hover { box-shadow: 5px 5px 0 0 #373731; } .body-16 { background-color: #f3f6e6; } .link-block-21 { padding-top: 40px; padding-bottom: 40px; text-decoration: none; } .text-block-71 { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 16px; font-weight: 300; } .div-block-1094 { 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; } .text-label-blog { position: relative; width: 100%; padding: 5px 20px; border-style: solid; border-width: 3px; border-color: #fff; border-radius: 8px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #000; font-size: 18px; font-weight: 300; text-align: center; } .text-label-blog.featured { padding: 3px 10px; border-width: 1px; border-color: #000; border-radius: 5px; font-size: 14px; font-weight: 500; } .div-block-1095 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1095.absolute { position: absolute; left: 262px; top: 205px; display: none; } .div-block-1096 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .label-blog { position: absolute; left: 6px; top: 4px; width: 100%; height: 40px; border-radius: 8px; background-color: #50e3c2; } .label-blog.featured { left: 5px; top: 7px; height: 31px; border-radius: 5px; } .form-newsletter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: auto; margin-top: 10px; -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; } .form-block-2 { display: block; width: 100%; } .body-17 { background-color: #fff3c5; } .image-88 { border: 3px solid #000; box-shadow: 7px 7px 0 0 #50e3c2; } .image-89 { border: 3px solid #000; box-shadow: 7px 7px 0 0 #e350cc; } .columns-16 { margin-top: 66px; margin-bottom: 0px; } .footer-title2 { margin-bottom: 15px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 23px; line-height: 29px; font-weight: 700; text-align: center; } .footer-paragraph { width: auto; margin-bottom: 15px; font-family: Pulpdisplay, sans-serif; color: #0146e0; line-height: 20px; font-weight: 300; text-align: center; } .footer-paragraph-copy1231321 { width: auto; font-family: Pulpdisplay, sans-serif; color: #e350cc; line-height: 20px; font-weight: 700; text-align: center; } .container-25 { display: none; margin-top: 85px; margin-bottom: 85px; } .link-block-23 { padding-right: 15px; padding-left: 15px; text-align: center; text-decoration: none; } .column-33 { 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; } .column-34 { 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; } .column-35 { 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; } .form-submit { position: static; left: 3px; top: 3px; width: auto; margin-top: 0px; margin-left: 0px; padding-right: 24px; padding-left: 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 700; cursor: pointer; } .form-submit:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .form-submit:active { position: relative; } .columns-17 { width: auto; margin-top: 24px; margin-bottom: 0px; } .footer-paragraph-copy-copy123 { width: auto; margin-top: 20px; margin-bottom: 20px; font-family: Pulpdisplay, sans-serif; color: #0146e0; line-height: 20px; font-weight: 700; text-align: left; } .column-36 { 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; } .copyright { width: auto; margin: 50px 60px 20px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 11px; line-height: 14px; font-weight: 300; text-align: center; } .onboarding { margin-bottom: 189px; } .container-26 { text-align: center; } .column-37 { text-align: left; } .tutorial-step { overflow: visible; margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 28px; line-height: 32px; font-weight: 700; } .columns-18 { margin-top: 76px; padding-left: 23px; } .div-block-1103 { width: 17px; height: 17px; border-radius: 20px; background-color: #0146e0; } .div-block-1104 { position: relative; display: none; width: auto; margin-top: 25px; margin-bottom: 25px; padding-right: 0px; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -o-object-fit: fill; object-fit: fill; } .div-block-1105 { position: absolute; z-index: 1; width: 100%; height: 3px; background-color: #0146e0; } .intro-step-text { margin-bottom: 0px; padding-right: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 23px; font-weight: 300; text-align: left; } .columns-19 { padding-left: 23px; } .div-block-1106 { margin-top: 21px; } .intro-step-button { display: block; margin-top: 32px; padding-right: 24px; padding-left: 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; cursor: pointer; } .intro-step-button:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .intro-step-button:active { position: relative; left: 3px; bottom: -3px; } .div-block-1107 { height: 90px; } .link-9 { color: #e350cc; font-weight: 700; text-decoration: none; } .link-10 { color: #e350cc; font-weight: 700; text-decoration: none; } .roadmap-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; margin-bottom: 83px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1109 { display: block; width: 80vw; } .div-block-1103-copy { position: relative; z-index: 2; width: 17px; height: 17px; border-style: solid; border-width: 3px; border-color: #490d82; border-radius: 20px; background-color: #fff; } .div-block-1103-copy2 { width: 17px; height: 17px; border-radius: 20px; background-color: #490d82; } .div-block-1105-copy { position: absolute; z-index: 1; width: 100%; height: 3px; background-color: #490d82; } .mobile-onboarding { display: none; margin-bottom: 189px; } .timeline-div { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 25px; margin-bottom: 25px; padding-right: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -o-object-fit: fill; object-fit: fill; } .div-block-1110 { display: block; width: 30vw; margin-right: 10px; margin-left: 10px; padding-right: 0px; padding-left: 0px; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-block-1111 { 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; } .main-title { margin-top: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 100px; line-height: 115px; font-weight: 700; text-align: center; } .image-features { position: static; left: auto; top: auto; width: 600px; margin-left: 0px; padding-left: 20px; } .image-feature-lottie { position: relative; left: 0px; top: 0px; width: 250px; } .lottie-animation-13 { position: absolute; left: 120px; top: 0px; right: 60px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 250px; -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; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -o-object-fit: fill; object-fit: fill; } .text-paragraph-1 { margin-top: 0px; margin-bottom: 38px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: left; } .title-challenge-text-smaller { font-size: 25px; } .h3-title { width: 100%; height: 100%; margin-top: 15px; margin-bottom: 15px; margin-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 30px; line-height: 50px; -o-object-fit: contain; object-fit: contain; } .list-challenge-dots { margin-top: 50px; margin-bottom: 47px; padding-right: 136px; padding-left: 75px; } .title-main-challenge { position: static; z-index: 9; width: auto; margin-top: 0px; margin-bottom: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 100px; line-height: 115px; font-weight: 700; text-align: left; } .text-span-7 { color: #e350cc; font-weight: 700; text-decoration: none; } .numbers-challenge { margin-top: 30px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 40px; line-height: 50px; font-weight: 700; text-align: left; } .prizes-columns { margin-top: 60px; margin-bottom: 150px; } .columns-20 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 50px; margin-bottom: 50px; } .challenge-participate { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 25px; } .column-43 { padding-right: 20px; padding-left: 0px; } .columns-21 { margin-bottom: 50px; } .lottie-animation-14 { margin-bottom: 20px; } .list-rewards-challenge { margin-top: 20px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; text-align: left; } .title-place-prize { margin-top: 20px; margin-bottom: 20px; text-align: center; } .text-block-79 { text-align: center; } .lottie-animation-15 { position: static; display: block; width: 300px; float: none; clear: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .lottie-prizes { 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; text-align: center; } .colum-prizes { text-align: center; } .columns-rewards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 20px; padding: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border: 3px solid #000; border-radius: 0px; background-color: #dff4ff; box-shadow: 5px 5px 0 0 #e350cc; line-height: 15px; } .bold-text-7 { font-size: 16px; text-align: left; } .text-reward { margin-top: 0px; margin-bottom: 0px; padding: 10px 10px 10px 0px; border: 0px solid #000; border-radius: 0px; background-color: transparent; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: left; } .image-logos-reward { width: 40px; margin: 0px; text-align: center; } .title-rules-challenge { margin-top: 60px; } .text-answer-rules { margin-top: 20px; margin-bottom: 20px; border: 0px solid transparent; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 16px; line-height: 25px; } .bold-text-8 { color: #490d82; } .sponsors-sections { margin-top: 50px; margin-bottom: 50px; } .logo-sponsor { width: 200px; } .bold-text-9 { color: #490d82; } .columns-logos-sponsors { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .link-11 { text-decoration: none; } .link-12 { color: #0146e0; text-decoration: none; } .container-28 { margin-bottom: 200px; padding-top: 123px; } .prizes-columns-mobile { display: none; margin-top: 60px; margin-bottom: 150px; } .space { margin-bottom: 205px; } .logo-sponsor-copy { width: 100px; } .banner-challenge { display: none; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #000; } .text-block-80 { font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 18px; text-align: center; } .text-span-8 { color: #ffce1f; font-weight: 700; } .link-block-24 { text-decoration: none; } .link-block-24.w--current { text-align: center; } .big-call-to-action-button { margin-top: 0px; padding: 20px 40px; border: 4px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 25px; font-weight: 700; cursor: pointer; } .big-call-to-action-button:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .div-block-1116 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 75px; margin-bottom: 75px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-span-9 { text-decoration: line-through; } .image-91 { position: relative; left: -65px; top: 0px; bottom: 0px; display: block; width: 1000px; max-width: none; margin-bottom: 49px; padding-top: 0px; } .top-title-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 80px; padding-bottom: 80px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .columns-madewith-cases { margin-bottom: 161px; } .madewith-column-img-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 20px; } .madewith-column-text-left { padding: 20px; border-radius: 16px; background-color: #fff; } .container-text-img-right { padding-top: 50px; padding-bottom: 50px; } .columns-text-img-right { margin-left: 0px; } .feature---image-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; height: auto; padding-top: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .column-text-left { padding-right: 10px; text-align: left; } .column-text-right { padding-right: 5px; padding-left: 50px; } .column-text-right.bravo-flexiblle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .column-img-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .column-img-left.list-bg-videos { margin-top: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .column-img-left.bravo-flexiblle { -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; } .column-51 { padding-left: 10px; } .container-29 { padding-top: 50px; } .collection-list { display: -ms-grid; display: grid; -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; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-list.latest { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .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: none; width: 260px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: 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; } .social-media-icons { margin-right: 20px; } .social-media-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: 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; text-align: center; } .newsletter-paragraph { width: auto; margin-right: 0px; margin-bottom: 15px; font-family: Pulpdisplay, sans-serif; color: #0146e0; line-height: 20px; font-weight: 300; text-align: left; } .title-newsletter { margin-bottom: 10px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 20px; line-height: 29px; font-weight: 700; text-align: left; } .column-56 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 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; } .column-57 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .columns-24 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .div-newsletter { margin-top: 100px; margin-bottom: 100px; padding-top: 0px; background-color: transparent; } .div-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-82 { font-family: Pulpdisplay, sans-serif; color: #0146e0; } .success-message-2 { margin-top: 15px; border: 3px solid #000; border-radius: 0px; background-color: #f3f6e6; box-shadow: 7px 7px 0 0 #e350cc; } .error-message { border: 1px solid transparent; background-color: #f3f6e6; font-family: Pulpdisplay, sans-serif; color: #d60000; } .text-span-10 { text-decoration: line-through; } .text-span-11 { text-decoration: line-through; } .columns-21-copy { margin-bottom: 85px; } .div-block-1119 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 500px; margin-bottom: 32px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .medal { position: absolute; left: 205px; top: 68px; bottom: 213px; z-index: 1; width: 90px; height: auto; } .title-place-prize-copy { position: static; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 30px; line-height: 25px; font-weight: 700; text-align: center; } .winning-app-screenshot { position: absolute; bottom: 6px; width: auto; height: 90%; border: 4px solid #000; border-radius: 0px; box-shadow: 10px 10px 0 0 #ffce1f; } .div-block-1120 { position: absolute; top: -50px; } .app-winner-icon { position: absolute; left: 205px; top: 181px; bottom: auto; z-index: 1; width: 90px; height: auto; border-radius: 15px; } .winning-app-screenshot-2nd { position: absolute; bottom: 6px; height: 90%; border: 4px solid #000; border-radius: 0px; box-shadow: 10px 10px 0 0 #c2c2c2; } .winning-app-screenshot-3rd { position: absolute; bottom: 6px; height: 90%; border: 4px solid #000; border-radius: 0px; box-shadow: 10px 10px 0 0 #d69b6b; } .bold-text-10 { font-size: 23px; } .section-32 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 150px; padding-bottom: 150px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .body-18 { background-color: #f3f6e6; } .title-2 { margin-bottom: 38px; padding-right: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 35px; line-height: 40px; font-weight: 700; } .div-block-1124 { width: 600px; } .div-block-1125 { position: absolute; left: 388px; } .div-block-1121-copy { width: 450px; } .div-block-1126 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 800px; -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; } .tabs { display: block; 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; } .tabs-menu { 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; text-align: center; } .image-94 { height: 550px; } .tab-link-tab-1 { padding-top: 16px; padding-bottom: 16px; background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 700; } .tab-link-tab-1.w--current { padding-top: 10px; padding-bottom: 10px; border-style: solid; border-width: 3px; border-color: #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 700; background-clip: border-box; -webkit-text-fill-color: inherit; } .tab-link-tab-2 { padding-top: 16px; padding-bottom: 16px; background-color: hsla(0, 0%, 86.7%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 400; } .tab-link-tab-2.w--current { padding: 10px 17px; border-style: solid; border-width: 3px; border-color: #0146e0; background-color: #fff; font-weight: 700; } .tabs-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; 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: 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; } .tabs-menu-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 210px; height: auto; margin-left: 0px; -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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .section-36 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 900px; margin-top: 216px; margin-bottom: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tag-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 550px; margin-left: 0px; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tag-block-text { width: auto; margin-left: 0px; } .terms-subtitle-copy2-copy { margin-top: 0px; margin-bottom: 77px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 50px; font-weight: 700; } .div-block-1130 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: auto; -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; } .section-37 { overflow: hidden; margin-bottom: 0px; } .div-block-1131 { position: static; left: 321.619px; display: block; width: auto; margin-right: 0px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .youtube-2 { width: 1100px; border: 4px solid #000; box-shadow: 14px 14px 0 0 #ffce1f; } .image-97-copy { position: absolute; left: auto; top: 130px; right: 0%; bottom: 0%; overflow: hidden; width: 50vw; height: auto; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; border: 4px none #000; } .section-38 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 116px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .image-99 { width: 60vw; } .columns-25 { height: 100%; } .columns-26 { height: 100%; } .div-block-1133 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1134 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .phone-frame-yellow { width: 240px; height: 530px; margin-bottom: 7px; border: 3px solid #000; border-radius: 20px; box-shadow: 10px 10px 0 0 #ffce1f; } .phone-frame-magente { width: 240px; height: 530px; margin-bottom: 7px; border: 3px solid #000; border-radius: 20px; box-shadow: 10px 10px 0 0 #e350cc; } .phone-frame-green { width: 240px; height: 530px; margin-bottom: 7px; margin-left: 0px; border: 3px solid #000; border-radius: 20px; box-shadow: 10px 10px 0 0 #50e3c2; } .mask { left: 0px; } .slider-3 { width: 390px; height: 500px; background-color: hsla(0, 0%, 86.7%, 0); } .slide { text-align: center; } .slide-2 { text-align: center; } .dropdown-list-2 { padding-right: 15px; border: 2px solid #000; background-color: #f3f6e6; } .dropdown-list-2.w--open { width: auto; padding-right: 15px; } .nav-link-section-copy { overflow: visible; margin-top: -3px; margin-left: 0px; padding: 9px 13px; border-style: solid; border-width: 3px; border-color: #0146e0; background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 700; cursor: pointer; } .nav-link-section-copy.w--current { color: #e350cc; } .nav-link-section-copy.menu-nav:hover { color: #e350cc; } .image-101 { width: 280px; height: auto; } .div-block-1136 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-102 { width: 30%; border: 4px solid #000; background-color: #ffce1f; box-shadow: 14px 14px 0 0 #ffce1f; } .text-block-83 { width: 30%; margin-left: 43px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; line-height: 25px; } .div-block-1137 { margin-bottom: 145px; } .dropdown-2 { display: inline-block; } .phone-frame-magente-slider { width: 210px; height: auto; margin-bottom: 17px; border: 3px solid #000; border-radius: 20px; box-shadow: 10px 10px 0 0 #e350cc; } .phone-frame-green-slider { width: 210px; height: auto; margin-bottom: 7px; margin-left: 0px; padding-right: 0px; border: 3px solid #000; border-radius: 20px; box-shadow: 10px 10px 0 0 #50e3c2; } .phone-frame-magente-slider-copy { width: 230px; height: auto; margin-bottom: 17px; border: 3px solid #000; border-radius: 20px; box-shadow: 10px 10px 0 0 #e350cc; } .nav-link-section-mobile { display: none; overflow: visible; margin-left: 0px; padding: 9px 0px 9px 13px; border-style: solid; border-width: 3px; border-color: rgba(1, 70, 224, 0); background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 700; cursor: pointer; } .div-block-1138 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 15%; margin-top: 65px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .call-to-action-button-copy { margin-top: 10px; padding-right: 24px; padding-left: 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; cursor: pointer; } .call-to-action-button-copy:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-purple-copy { margin-top: 0px; padding-right: 24px; padding-left: 24px; border: 3px solid #490d82; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 14px; font-weight: 700; cursor: pointer; } .call-to-action-button-purple-copy:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-purple-copy:active { position: relative; left: 3px; top: 3px; } .text-block-29-copy { margin-bottom: 0px; background-color: rgba(73, 13, 130, 0); font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 28px; line-height: 33px; font-weight: 700; } .container-31 { margin-bottom: 136px; } .cta-text-div { position: static; right: auto; width: auto; margin-right: 0px; margin-left: 0px; } .image-91-copy { width: 500px; padding-top: 0px; } .section-34-copy { position: relative; display: none; height: 900px; margin-top: 129px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-link-section-copy { overflow: visible; margin-left: 0px; padding: 9px 0px 9px 13px; border-style: solid; border-width: 3px; border-color: rgba(1, 70, 224, 0); background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 700; cursor: pointer; } .section-35-copy234 { position: relative; display: block; height: 900px; margin-top: 278px; -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; } .columns-27 { 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; } .column-58 { display: block; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .link-block-27 { width: 100%; height: 100%; margin-bottom: 0px; color: #0146e0; text-decoration: none; } .div-block-1061-copy12-copy { width: auto; height: 200px; border-style: solid; border-width: 2px; border-color: #000; background-color: #ffeae2; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5ee1177121f5f5d9cf91fc8b_Group%20124.png"); background-position: 50% 60%; background-size: cover; background-repeat: no-repeat; box-shadow: none; } .body-19 { background-color: #f3f6e6; } .contact-form { padding-top: 100px; padding-bottom: 100px; color: #0146e0; } .container-33 { margin-top: 98px; padding-right: 0px; padding-left: 0px; } .columns-28 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .column-59 { display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .form-block-3 { margin-top: 40px; margin-bottom: 40px; } .field-label-copy { width: auto; margin-right: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; text-align: left; } .link-pink { color: #e350cc; font-size: 16px; font-weight: 700; text-decoration: none; cursor: pointer; } .column-60 { 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; } .text-field-3 { font-family: Pulpdisplay, sans-serif; } .success-message-3 { border: 3px solid #000; background-color: #fff; box-shadow: 6px 6px 0 0 #50e3c2; font-family: Pulpdisplay, sans-serif; } .text-block-87 { font-family: Pulpdisplay, sans-serif; } .body-20 { background-color: #f3f6e6; } .body-21 { background-color: #f3f6e6; } .text-block-59-copy { width: auto; margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 90px; line-height: 100px; font-weight: 700; text-align: left; } .text-block-home-copy1 { position: relative; width: auto; margin-top: 38px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; text-align: left; } .div-block-1143 { width: 320px; margin-right: 40px; margin-left: 40px; text-align: center; } .section-40 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } .text-block-88 { margin-top: 30px; margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 40px; font-weight: 700; } .paragraph { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; } .text-block-89 { font-size: 50px; line-height: 50px; } .div-block-1144 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 105px; } .section-41 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 79px; padding-bottom: 140px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-105 { width: 50%; margin-top: 115px; } .text-block-59-copy-copy123123 { width: auto; margin-top: 43px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 90px; line-height: 100px; font-weight: 700; text-align: left; } .section-42 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 126px; padding-bottom: 253px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1146 { width: auto; } .html-embed-3 { margin-bottom: 0px; } .div-block-1148 { width: 80vw; } .columns-29 { 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; } .image-109 { position: absolute; left: 22px; top: -240px; overflow: hidden; width: 1000px; max-width: none; -o-object-fit: fill; object-fit: fill; } .container-35 { overflow: visible; } .div-block-1149 { margin-bottom: 35px; } .link-block-28 { text-decoration: none; } .tabs-menu-3 { margin-bottom: 54px; text-align: center; } .body-23 { background-color: #f3f6e6; } .div-block-1151 { position: static; left: 112px; top: -75px; width: 100px; height: 100px; margin-bottom: 0px; border: 4px solid #373731; border-radius: 200px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .collection-list-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 0px; grid-row-gap: 0px; } .div-block-1152 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; max-width: 300px; min-height: 400px; min-width: auto; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 20px; -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; grid-column-gap: 10px; grid-row-gap: 10px; border: 4px solid #373731; border-radius: 7px; background-color: #fff; box-shadow: 5px 5px 0 0 #373731; } .section-44 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 83px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-45 { margin-top: 0px; } .bravo-expert-title { width: 80vw; margin-top: 37px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 90px; line-height: 100px; font-weight: 700; text-align: center; } .bravo-expert-subtitle { margin-top: 41px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; line-height: 27px; font-weight: 300; text-align: center; } .collection-item-3 { display: block; margin: 20px 10px; padding-right: 0px; padding-left: 0px; grid-column-gap: 10px; grid-row-gap: 10px; text-align: center; } .expert-name { margin-bottom: 10px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 25px; line-height: 30px; font-weight: 700; } .expert-profile-title { margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 16px; font-weight: 400; } .text-block-92 { margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 16px; font-weight: 400; } .text-block-93 { margin-top: 10px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-weight: 400; } .body-24 { background-color: #f3f6e6; cursor: pointer; } .section-46 { margin-top: 100px; margin-bottom: 100px; } .expert-description-block { padding-top: 72px; padding-left: 18px; } .expert-description-image { height: 230px; margin-bottom: 20px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5fc7536bcbbb350a8f2fcff6_File%20Cover%20-%201.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .text-block-94 { margin-top: 20px; margin-bottom: 20px; font-family: Pulpdisplay, sans-serif; font-size: 16px; } .expert-profile-picture { position: relative; z-index: 2; width: 150px; height: 150px; border-radius: 200px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5fc75383a8b918ba1f13c500_profilbild.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .column-61 { 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; } .div-block-1156 { position: relative; top: -77px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; padding: 90px 30px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; border: 2px solid #373731; border-radius: 7px; background-color: #fff; box-shadow: 6px 6px 0 0 #373731; text-align: left; } .expert-profile-point { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; grid-column-gap: 5px; grid-row-gap: 5px; } .image-112 { width: 20px; height: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .expert-profile-name { margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 28px; line-height: 30px; font-weight: 700; } .expert-contact { position: relative; top: -44px; width: 100%; margin-top: 10px; padding-right: 24px; padding-left: 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 16px; font-weight: 700; text-align: center; cursor: pointer; } .expert-contact:hover { box-shadow: 7px 7px 0 0 #50e3c2; } .columns-31 { cursor: default; } .div-block-1158 { 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; grid-column-gap: 10px; grid-row-gap: 10px; } .container-36 { display: none; } .text-block-95 { width: 60%; margin-bottom: 24px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 28px; line-height: 36px; font-weight: 700; text-align: center; } .disclaimer-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: center; } .expert-apply { position: static; top: -44px; width: auto; margin-top: 10px; padding-right: 24px; padding-left: 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 16px; font-weight: 700; text-align: center; cursor: pointer; } .expert-apply:hover { box-shadow: 7px 7px 0 0 #50e3c2; } .section-47 { margin-top: 100px; margin-bottom: 100px; } .link-block-30 { text-decoration: none; cursor: default; } .text-span-12 { color: #e350cc; } .bold-text-13 { color: #50e3c2; } .body-25 { background-color: #f3f6e6; } .form-block-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 140px; margin-top: 23px; -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; } .form-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -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; } .section-48 { padding-top: 130px; padding-bottom: 220px; } .section-48-copy { padding-top: 220px; padding-bottom: 220px; background-color: #f3f6e6; } .brave-subtitle { width: auto; margin-top: 0px; margin-bottom: 23px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 50px; line-height: 60px; font-weight: 700; text-align: left; } .brave-subtitle-1 { width: auto; margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 50px; line-height: 60px; font-weight: 700; text-align: left; } .div-block-1160 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 60px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; box-shadow: 14px 14px 0 0 #0146e0; } .image-113 { position: relative; top: auto; right: 53px; box-shadow: 13px 13px 0 0 #056d38; } .section-48-copy-copy { padding-top: 220px; padding-bottom: 220px; background-color: #f3f6e6; } .call-to-action-button-green { margin-top: 10px; padding-right: 24px; padding-left: 24px; border: 3px solid #056d38; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 17px; font-weight: 700; cursor: pointer; } .call-to-action-button-green:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .columns-32 { display: block; } .div-block-1163 { margin-top: 0px; padding: 40px; background-color: #fff; box-shadow: 13px 13px 0 0 #0146e0; } .list-2 { margin-top: 25px; margin-bottom: 0px; padding-left: 0px; list-style-type: none; } .list-item-2 { margin-bottom: 23px; } .div-block-1165 { width: auto; height: 400px; padding-right: 0px; border: 1px none #000; border-radius: 0px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5fd0ac3314bc5c265c55722b_Package%20bravo.jpg"); background-position: 80% 50%; background-size: cover; } .columns-33 { margin-bottom: 30px; } .column-63 { text-align: right; } .column-64 { padding-left: 0px; } .column-65 { padding-right: 0px; } .div-block-1168 { margin-top: 40px; margin-bottom: 40px; } .div-block-1169 { margin-top: 20px; } .brave-subtitle-1-copy { width: auto; margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 60px; font-weight: 700; text-align: left; } .div-block-1170 { padding-left: 23px; } .text-block-60-copy { margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 18px; line-height: 22px; font-weight: 300; text-align: left; } .column-66 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 160px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-114 { position: relative; left: -166px; top: auto; bottom: -232px; } .section-48-copy-copy-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 220px; padding-bottom: 220px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #dff4ff; } .grid-4 { justify-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-auto-flow: row; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1172 { width: 250px; height: 250px; margin-right: 35px; background-color: #fff; box-shadow: 11px 11px 0 0 #e350cc; } .image-115 { position: relative; left: 20px; top: -50px; width: 150px; height: 150px; } .text-block-96 { padding-right: 10px; padding-bottom: 20px; padding-left: 20px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; line-height: 20px; } .text-block-96-copy { padding-right: 10px; padding-bottom: 10px; padding-left: 20px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; line-height: 22px; } .div-block-1174 { margin-top: 140px; text-align: center; } .div-block-1175 { position: relative; top: -34px; } .container-39 { 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; } .div-block-1172-copy { width: 250px; height: 250px; margin-right: 35px; background-color: #fff; box-shadow: 11px 11px 0 0 #490d82; } .div-block-1172-copy12 { width: 250px; height: 250px; margin-right: 35px; background-color: #fff; box-shadow: 11px 11px 0 0 #50e3c2; } .div-block-1172-copy123123 { width: 250px; height: 250px; margin-right: 35px; background-color: #fff; box-shadow: 11px 11px 0 0 #ffce1f; } .brave-subtitle-2 { width: auto; margin-top: 20px; margin-bottom: 23px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 18px; line-height: 22px; font-weight: 700; text-align: left; } .div-block-1176 { margin-bottom: 140px; text-align: center; } .brave-subtitle-copy { width: auto; margin-top: 0px; margin-bottom: 23px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 50px; line-height: 60px; font-weight: 700; text-align: center; } .section-48-copy-copy { padding-top: 220px; padding-bottom: 220px; background-color: #ffeae2; } .text-block-97 { margin-bottom: 50px; font-size: 50px; line-height: 50px; text-align: center; } .brave-subtitle-copy-copywer { width: auto; margin-top: 0px; margin-bottom: 17px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 60px; font-weight: 700; text-align: center; } .div-block-1177 { margin-bottom: 110px; } .section-49 { padding-top: 220px; padding-bottom: 220px; background-color: #f3f6e6; } .brave-subtitle-1-copyfgh { width: auto; margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 30px; line-height: 35px; font-weight: 700; text-align: left; } .div-block-1178 { 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; } .div-block-1179 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .brave-subtitle-1-copyfgh-copy { width: auto; margin-top: 0px; margin-bottom: 20px; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 18px; line-height: 22px; font-weight: 700; text-align: left; } .success-message-4 { width: 100%; height: 100%; padding: 40px; border-radius: 7px; background-color: hsla(0, 0%, 100%, 0.08); } .text-block-98 { padding-bottom: 25px; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 18px; line-height: 22px; font-weight: 700; } .div-block-1180 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .container-40 { 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; } .text-block-60-copydfgdfg { margin-top: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; line-height: 22px; font-weight: 300; text-align: left; } .background-video-7 { border: 5px none #000; box-shadow: 14px 14px 0 0 rgba(1, 70, 224, 0); } .section-50 { padding-top: 220px; padding-bottom: 220px; background-color: #ffeae2; } .brave-subtitle-copy-copynk { width: auto; margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 50px; line-height: 60px; font-weight: 700; text-align: center; } .grid-6 { -ms-grid-columns: 0.25fr 1fr; grid-template-columns: 0.25fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-6-copy { margin-top: 33px; -ms-grid-columns: 2.75fr 1.75fr; grid-template-columns: 2.75fr 1.75fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1184 { margin-bottom: 140px; } .image-116 { width: 80%; } .column-68 { padding-right: 0px; padding-left: 52px; } .div-block-1186 { margin-top: 85px; text-align: center; } .image-105-copy { width: auto; } .text-block-60-copy-copyxcv { margin-top: 0px; padding-right: 140px; padding-left: 140px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 18px; line-height: 22px; font-weight: 300; text-align: center; } .div-block-1187 { margin-bottom: 58px; } .div-block-1189 { margin-top: 37px; margin-bottom: 125px; text-align: center; } .link-14 { color: #e350cc; text-decoration: none; } .div-block-1192 { padding-left: 0px; } .div-block-1193 { margin-bottom: 140px; text-align: center; } .link-block-14-copy234234 { width: 330px; margin-right: 15px; margin-left: 15px; text-decoration: none; } ._09587657804596845 { width: 330px; margin-right: 15px; margin-left: 15px; text-decoration: none; } .brave-subtitle-copy-copywer-copy7 { width: auto; margin-top: 22px; margin-bottom: 17px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 30px; line-height: 35px; font-weight: 700; text-align: left; } .call-to-action-button-copy123123-copy { margin-top: 0px; padding-right: 24px; padding-left: 24px; border-style: solid; border-width: 3px; border-color: rgba(227, 80, 204, 0.55); border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: rgba(227, 80, 204, 0.5); font-size: 17px; font-weight: 700; cursor: pointer; } .call-to-action-button-copy123123-copy:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .learn-center-box { width: 100%; height: 100%; margin-right: 0px; margin-left: 0px; padding: 20px; border-style: solid; border-width: 3px; border-color: #000; background-color: #fff; background-image: none; background-size: auto; background-repeat: repeat; box-shadow: 7px 7px 0 0 #50e3c2; } .body-26 { background-color: #f3f6e6; } .tabs-content { overflow: visible; } .image-119 { width: 160px; max-width: none; border: 1px solid #d9ddc8; border-radius: 7px; } .status-top-bar-banner { display: none; overflow: visible; width: 100%; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; background-color: #0146e0; color: #0146e0; } .top-banner-text-copy { position: static; margin-top: 10px; margin-bottom: 10px; font-family: Pulpdisplay, sans-serif; color: #fff; font-weight: 500; text-align: center; text-decoration: none; } .section-51 { margin-top: 0px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 100px; background-color: #ffeae2; text-align: center; } .youtube-3 { box-shadow: 8px 8px 0 0 #e350cc; } .text-block-101 { margin-bottom: 18px; font-size: 30px; line-height: 30px; text-align: center; } .text-block-102 { margin-top: 12px; margin-bottom: 12px; padding-right: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; line-height: 28px; font-weight: 700; text-align: center; } .text-block-103 { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 14px; line-height: 20px; font-weight: 300; text-align: center; } .div-block-1198 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 10px; grid-row-gap: 10px; text-align: left; } .div-block-1198.ready { padding-right: 0px; padding-left: 0px; } .div-block-1199 { text-align: center; } .image-120 { width: 20px; margin-top: 0px; margin-bottom: 18px; } .body-27 { background-color: #f3f6e6; } .text-block-104 { margin-bottom: 17px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 18px; font-weight: 700; } .text-block-105 { margin-bottom: 17px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 50px; font-weight: 700; } .text-block-106 { padding-right: 159px; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 18px; line-height: 25px; font-weight: 400; } .text-block-105-copy { margin-bottom: 45px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 50px; font-weight: 700; text-align: center; } .text-block-107 { margin-top: 17px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 50px; line-height: 60px; font-weight: 700; } .div-block-1200 { position: relative; height: 10px; margin-top: 36px; background-color: #490d82; } .div-block-1201 { position: absolute; left: 218px; top: -16px; z-index: 2; width: 40px; height: 40px; border-radius: 20px; background-color: #490d82; } .columns-37 { width: 80vw; margin-top: 40px; } .column-73 { padding-right: 0px; padding-left: 0px; } .text-block-103-copy { margin-top: 37px; padding-right: 9px; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 18px; line-height: 28px; font-weight: 300; text-align: left; } .div-block-1202 { padding-left: 0px; } .div-block-1200-copy { position: relative; height: 10px; margin-top: 26px; background-color: #e350cc; } .div-block-1201-copy { position: absolute; left: 203px; top: -16px; z-index: 1; width: 40px; height: 40px; border-radius: 20px; background-color: #e350cc; } .div-block-1200-copy123 { position: relative; height: 10px; margin-top: 26px; background-color: #50e3c2; } .div-block-1201-copy435 { position: absolute; left: 203px; top: -16px; z-index: 2; width: 40px; height: 40px; border-radius: 20px; background-color: #50e3c2; } .text-block-107-copy { margin-top: 17px; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 50px; line-height: 60px; font-weight: 700; } .text-block-107-copy234 { margin-top: 17px; font-family: Pulpdisplay, sans-serif; color: #50e3c2; font-size: 50px; line-height: 60px; font-weight: 700; } .image-121 { width: 36px; margin-left: 20px; } .image-122 { width: 33px; } .image-123 { width: 35px; margin-right: 10px; } .column-75 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-124 { height: 300px; border-radius: 7px; } .image-124.ready { border-width: 3px; box-shadow: 5px 5px 0 0 #ffce1f; } .text-block-103-copyvfd { margin-bottom: 23px; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 18px; line-height: 28px; font-weight: 300; text-align: left; } .columns-38 { 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; } .section-51-copy { margin-top: 0px; margin-bottom: 0px; padding-top: 120px; padding-bottom: 120px; background-color: #f3f6e6; } .image-120-copy { width: 70px; } .columns-39 { margin-top: 46px; } .columns-40 { width: 100%; } .container-45 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1203 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 61px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .div-block-1204 { margin-right: 20px; margin-left: 20px; } .section-51-copy { margin-top: 0px; margin-bottom: 0px; padding-top: 120px; padding-bottom: 120px; } .foodies-app-copydfh { position: relative; z-index: 0; display: block; width: 205px; height: auto; border-style: solid; border-width: 3px; border-color: #000; border-radius: 18px; box-shadow: 9px 9px 0 0 #e350cc; } .div-block-1205 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 61px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-1206 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 42px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-125 { width: 33px; } .bold-text-14 { color: #0146e0; } .form-4-copy234 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -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; } .div-block-1207 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1208 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .column-78 { padding-right: 0px; padding-left: 0px; } .div-block-1209 { margin-top: 37px; padding-left: 32px; } .link-15 { color: #e350cc; font-weight: 700; text-decoration: none; } .div-block-1200-copy123-copysfgddf { position: relative; height: 10px; margin-top: 26px; background-color: #0146e0; } .div-block-1201-copy435-copysfdd { position: absolute; left: 203px; top: -16px; z-index: 2; width: 40px; height: 40px; border-radius: 20px; background-color: #0146e0; } .s-jgsdkgjhfgkdjfhgkfdjgh { margin-top: 17px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 60px; font-weight: 700; } .section-51-copy23423 { margin-top: 0px; margin-bottom: 0px; padding-top: 120px; padding-bottom: 120px; background-color: #f3f6e6; } .beginner-be-brave-banner { display: block; width: 100%; height: 40px; background-color: #dff4ff; background-image: linear-gradient(194deg, #50e3c2, #e350cc 49%, #0146e0); background-position: 0px 0px; } .link-block-32 { 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; text-decoration: none; } .top-banner-text-copy { position: static; margin-top: 10px; font-family: Pulpdisplay, sans-serif; color: #fff; font-weight: 500; text-align: center; text-decoration: none; } .bold-text-15 { margin-top: 20px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .emojis-career-detail { margin-top: 20px; font-size: 40px; line-height: 50px; } .title-detail-careers { position: static; z-index: 9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 0px; margin-bottom: 35px; padding-right: 0px; padding-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-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 100px; line-height: 115px; font-weight: 700; text-align: left; } .title-faq-copy-copy-copy { margin-top: -1px; margin-bottom: 57px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 25px; line-height: 40px; font-weight: 300; } .color-circle-copy123f { width: 70px; height: 70px; margin-bottom: 9px; border-radius: 100%; background-color: #0146e0; } .bgpink { width: 70px; height: 70px; margin-bottom: 9px; border: 1px solid #e350cc; border-radius: 100%; background-color: #ffeae2; } .bggreen { width: 70px; height: 70px; margin-bottom: 9px; border: 1px solid #50e3c2; border-radius: 100%; background-color: #ebfff3; } .bgyellow { width: 70px; height: 70px; margin-bottom: 9px; border-style: solid; border-width: 1px; border-color: #ffce1f; border-radius: 100%; background-color: #fff3c5; } .bgpurple { width: 70px; height: 70px; margin-bottom: 9px; border-style: solid; border-width: 1px; border-color: #490d82; border-radius: 100%; background-color: #f4e9ff; } .bgblue { width: 70px; height: 70px; margin-bottom: 9px; border-style: solid; border-width: 1px; border-color: #0146e0; border-radius: 100%; background-color: #dff4ff; } .ivorybg { width: 70px; height: 70px; margin-bottom: 9px; border: 1px solid #000; border-radius: 100%; background-color: #f3f6e6; } .brave-ebooks { display: none; padding-top: 220px; padding-bottom: 220px; background-color: #f3f6e6; } .body-28 { 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-color: #490d82; } .div-block-1212 { position: absolute; left: 100px; top: 100px; right: 100px; bottom: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -o-object-fit: fill; object-fit: fill; } .text-block-108 { position: static; left: 150px; top: 620.5px; margin-top: 51px; margin-bottom: 116px; font-family: Merriweather, serif; color: #fff; font-size: 40px; line-height: 45px; } .text-block-108-copy { position: static; left: 150px; top: 519.5px; font-family: Merriweather, serif; color: #fff; font-size: 60px; line-height: 45px; } .form-tesaer-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50vw; height: 50vh; -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; } .link-block-33 { position: static; left: 153px; top: 44px; } .div-block-1213 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80vw; height: 80vh; -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; } .image-127 { position: static; } .div-block-1214 { position: static; } .div-block-1215 { 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-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .div-block-1216 { position: relative; } .link-block-34 { position: absolute; left: 214px; top: 96px; right: 44px; bottom: 24.0156px; } .link-block-34-copy { position: absolute; left: 53px; top: 96px; right: 212px; bottom: 24.0156px; } .div-block-1217 { position: absolute; left: 10px; top: 33px; right: 10px; bottom: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #d2d0c1; } .form-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-block-6 { padding-top: 0px; } .text-field-5 { width: 100%; height: 100%; font-family: Merriweather, serif; color: #000; font-weight: 400; } .columns-41 { width: 100%; padding-right: 10px; padding-left: 5px; } .column-79 { padding-right: 0px; padding-left: 0px; } .submit-button { width: 100%; border: 3px solid #000; background-color: #d2d0c1; font-family: Merriweather, serif; color: #000; font-weight: 400; cursor: pointer; } .submit-button:hover { box-shadow: 4px 4px 0 0 #000; } .column-80 { height: 100%; padding-left: 0px; } .success-message-6 { background-color: transparent; } .text-block-109 { font-family: Merriweather, serif; color: #000; font-size: 18px; font-weight: 400; } .lottie-animation-17 { width: 40px; border-radius: 20px; background-color: rgba(73, 13, 130, 0); } .div-block-1218 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-95-copysdf { width: auto; margin-top: 40px; margin-bottom: 24px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 20px; line-height: 23px; font-weight: 400; text-align: center; } .appear-when-hover-copy-copydgdfgdfg { display: none; width: 50vw; height: 50vh; -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; } .desktop-popup-teaser { position: relative; } .div-block-1216-copy { position: relative; } .section-52 { display: block; padding-top: 220px; padding-bottom: 220px; background-color: #f3f6e6; } .grid-7 { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1220 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; height: 150px; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px none #000; background-color: #dff4ff; box-shadow: 5px 5px 0 0 #ffce1f; text-align: center; } .text-block-110 { font-family: Pulpdisplay, sans-serif; font-size: 23px; } .text-block-111 { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 60px; line-height: 80px; font-weight: 700; } .text-block-112 { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 20px; font-weight: 700; } .call-to-action-button-ebook { width: 150px; margin-top: 0px; padding-right: 0px; padding-left: 0px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 14px; font-weight: 700; text-align: center; cursor: pointer; } .call-to-action-button-ebook:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-ebook:active { position: relative; left: 3px; top: 3px; } .text-block-113 { margin-bottom: 14px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 20px; font-weight: 700; } .text-block-110-copy { font-family: Pulpdisplay, sans-serif; font-size: 29px; } .text-block-110-copyd { font-family: Pulpdisplay, sans-serif; font-size: 25px; } .div-block-1220-r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; height: 150px; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px none #000; background-color: #ffeae2; box-shadow: 5px 5px 0 0 #ffce1f; text-align: center; } .text-block-111-r { font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 60px; line-height: 80px; font-weight: 700; } .text-block-112-r { font-family: Pulpdisplay, sans-serif; color: #e350cc; font-size: 20px; font-weight: 700; } .div-block-1220-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; height: 150px; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px none #000; background-color: #ebfff3; box-shadow: 5px 5px 0 0 #ffce1f; text-align: center; } .text-block-111-a { font-family: Pulpdisplay, sans-serif; color: #50e3c2; font-size: 60px; line-height: 80px; font-weight: 700; } .text-block-112-a { font-family: Pulpdisplay, sans-serif; color: #50e3c2; font-size: 20px; font-weight: 700; } .div-block-1220-v { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; height: 150px; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px none #000; background-color: #fff3c5; box-shadow: 5px 5px 0 0 #ffce1f; text-align: center; } .text-block-111-v { font-family: Pulpdisplay, sans-serif; color: #ffce1f; font-size: 60px; line-height: 80px; font-weight: 700; } .text-block-112-v { font-family: Pulpdisplay, sans-serif; color: #ffce1f; font-size: 20px; font-weight: 700; } .div-block-1220-e { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; height: 150px; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px none #000; background-color: #f4e9ff; box-shadow: 5px 5px 0 0 #ffce1f; text-align: center; } .text-block-111-e { font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 60px; line-height: 80px; font-weight: 700; } .text-block-112-e { font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 20px; font-weight: 700; } .div-block-1222 { margin-bottom: 79px; } .popup-div { position: fixed; z-index: 20; display: none; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.39); } .beginner-ebook-popup { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 700px; height: 500px; margin: auto; padding: 40px; border: 3px solid #000; background-color: #dff4ff; box-shadow: 7px 7px 0 0 #0146e0; } .download-ebook-popup-title { width: auto; margin-top: 6px; margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 50px; line-height: 60px; font-weight: 700; text-align: left; } .image-128 { width: auto; border-radius: 16px; } .column-81 { display: block; height: 100%; -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; } .columns-42 { 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-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -o-object-fit: fill; object-fit: fill; } .ebook-popup-form-submit { width: 100%; margin-top: 0px; padding-right: 24px; padding-left: 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 700; cursor: pointer; } .ebook-popup-form-submit:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .ebook-popup-form-submit:active { position: relative; left: 3px; top: 3px; } .field-label-4 { margin-bottom: 20px; font-family: Pulpdisplay, sans-serif; color: #e350cc; font-weight: 400; } .text-field-6 { padding-top: 10px; padding-bottom: 10px; border: 3px solid #000; font-family: Pulpdisplay, sans-serif; font-size: 15px; font-weight: 300; } .text-block-114 { position: static; left: auto; top: 0%; right: 0%; bottom: auto; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 19px; font-weight: 700; } .div-block-1224 { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 13px; -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; cursor: pointer; } .div-block-1225 { padding-top: 20px; padding-right: 20px; padding-left: 20px; } .text-block-115 { margin-top: 24px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 21px; line-height: 25px; font-weight: 700; } .success-message-7 { height: 100%; background-color: #fff; } .text-block-116 { margin-top: 19px; margin-bottom: 18px; font-family: Pulpdisplay, sans-serif; color: #e350cc; } .form-block-7 { height: 160px; } .new-tag-text { color: #e350cc; font-weight: 700; } .div-block-1226 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1227 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-103-copy-copy2-copysdf { width: 100%; height: 100%; margin-right: 0px; margin-left: 0px; padding: 20px; border-style: solid; border-width: 3px; border-color: #000; background-color: #fff; background-image: none; background-size: auto; background-repeat: repeat; box-shadow: 7px 7px 0 0 #0146e0; } .div-block-1061-copy12-copy { width: auto; height: 200px; border-style: solid; border-width: 2px; border-color: #000; background-color: #ffeae2; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/601051fd3491ff2f0fac1289_Group%20124.png"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; box-shadow: none; } .main-title-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 140px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/60a62acbc7554be792cd6f16_Group%20266.png"); background-position: 700px 50%; background-size: auto 500px; background-repeat: no-repeat; text-align: center; } .main-title-section._3-0 { background-color: #110c22; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.78)), to(rgba(0, 0, 0, 0.78))), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/615ae2c68f2212f711c330e0_image%20120.png"); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.78)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/615ae2c68f2212f711c330e0_image%20120.png"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .main-title-section._3-0._2 { background-image: -webkit-gradient(linear, left top, left bottom, from(#110c22), to(#110c22)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/615ae2c68f2212f711c330e0_image%20120.png"); background-image: linear-gradient(180deg, #110c22, #110c22), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/615ae2c68f2212f711c330e0_image%20120.png"); background-position: 0px 0px, 50% 50%; } .main-title-section.hidden { display: none; } .title-text-1 { width: auto; margin-top: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 40px; line-height: 50px; font-weight: 700; } .title-text-1.white { color: #fff; } .title-text-1.ready { color: #fff; } .title-text-1.pink { color: #e350cc; } .title-text-1.purple { color: #490d82; } .title-text-1.green { color: #50e3c2; } .title-text-1.carrer { font-size: 30px; line-height: 35px; } .title-text-1.blogpage { margin-top: 20px; margin-bottom: 20px; color: #444; } .title-text-3 { width: auto; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: none; } .title-text-3.white { color: #fff; font-weight: 300; } .title-text-3.pink { margin-bottom: 14px; color: #e350cc; } .title-text-3.pink.new { font-size: 16px; font-weight: 500; } .title-text-3.purple { color: #490d82; } .title-text-3.carrer { color: #211e1e; } .title-text-3.centered { text-align: center; } .title-text-3.black { color: #202125; } .title-text-3.grey { color: #9fa1ac; } .title-text-3.madewithbravo { color: #263238; font-weight: 300; } .title-text-3.madewithbravo.grey { margin-right: 7px; color: #8b8b8b; } .title-text-3.madewithbravo.blue { color: #0146e0; } .title-text-3.blog { padding-left: 10px; } .title-text-3.blogpage { margin-right: 4px; color: #444; font-size: 16px; line-height: 26px; } .title-text-3.blogpage.text { margin-top: 60px; font-size: 16px; line-height: 26px; font-weight: 300; } .title-text-3._3-0 { color: #fff; font-size: 16px; line-height: 25px; } .title-text-3.gray { color: #8a8a8a; } .div-block-1228 { margin-top: 0px; margin-bottom: 0px; text-align: left; } .div-block-1231 { display: none; } .section-build-design { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #dff4ff; } .columns-43 { width: 80vw; } .div-block-1232 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .title-text-2 { width: auto; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 25px; line-height: 30px; font-weight: 500; } .title-text-2.purple { color: #490d82; } .title-text-2.black { color: #404042; font-size: 25px; line-height: 30px; } .title-text-2.black.ebook { margin-top: 10px; font-size: 20px; line-height: 25px; } .title-text-2.madewithbravo { margin-bottom: 14px; color: #0146e0; font-weight: 700; } .title-text-2._3-0 { margin-top: 1px; margin-bottom: 50px; color: #fff; } .title-text-2.white { color: #fff; } .title-text-2.bold { font-weight: 700; } .div-block-1233 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 37px; margin-bottom: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-129 { margin-left: 10px; } .div-block-1234 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 4px; padding-right: 55px; } .column-82 { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .div-block-1236 { position: relative; width: 900px; } .menu-slide-hover-tag { position: absolute; z-index: 0; display: none; } .hover-menu-box { position: absolute; left: 35%; top: 0%; right: 32%; bottom: 75%; z-index: 1; } .hover-lottie { position: absolute; left: 33%; top: 26%; right: 205px; bottom: 153px; z-index: 1; } .lottie-hover-image { position: absolute; display: none; } .container-hover-box { position: absolute; left: 206px; top: 247.594px; right: 209.688px; bottom: -5px; background-color: rgba(80, 227, 194, 0); } .container-hover { position: absolute; display: none; } .top-bar-hover { position: absolute; display: none; } .top-bar-hover-box { position: absolute; left: -15px; top: -14.031px; right: 422.625px; bottom: 285.984px; } .hover-audio-tag { position: absolute; display: none; } .hover-audio-box { position: absolute; left: -26px; top: 268.359px; right: 548.938px; bottom: -27px; } .hover-play-box { position: absolute; left: 49px; top: 274.016px; right: 465px; bottom: 2.359px; } .hover-audio-play { position: absolute; display: none; } .hover-aspect-box { position: absolute; left: 425.5px; top: -97.984px; right: -468px; bottom: 9.078px; } .aspect-hover-image { position: absolute; display: none; } .section-testimonials { display: block; margin-top: 0px; padding-top: 140px; padding-bottom: 140px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1237 { 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; text-align: center; } .div-block-1238 { margin-top: 20px; margin-bottom: 120px; } .div-block-1239 { margin-bottom: 20px; padding: 20px; border: 2px solid #373731; border-radius: 7px; background-color: #fcfcfc; cursor: pointer; } .div-block-1239:hover { box-shadow: 5px 5px 0 0 #373731; } .column-83 { padding-right: 10px; padding-left: 10px; } .testimonial-phone-hide { display: block; } .section-connect-to-data { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #f3f6e6; } .columns-45 { width: 80vw; } .div-block-1232-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-right: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .column-85 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-right: 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; } .column-86 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-left: 40px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .delete-hover-img { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; display: none; } .column-87 { padding-right: 0px; padding-left: 0px; } .div-block-1240 { position: absolute; left: 214px; top: 191px; right: 202px; bottom: -2px; } .div-block-1241 { position: relative; } .div-block-1241.hidden { display: none; } .airtable-hover-img { display: inline-block; } .div-block-1242 { position: absolute; left: 434px; top: 206.281px; right: -32px; bottom: -3.9844px; } .post-hover-img { position: absolute; display: none; } .get-hover-img { position: absolute; } .div-block-1243 { position: absolute; left: -48px; top: -59.719px; right: -62px; bottom: 384px; } .section-experience-real-app { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #ffeae2; } .image-136 { max-width: 100%; } .div-block-1246 { 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; } .image-137 { margin-right: 10px; } .link-16 { color: #e350cc; font-weight: 700; text-decoration: none; } .section-roadmap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #fff3c5; } .grid-8 { margin-right: 40px; padding: 25px; justify-items: center; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; border: 2px solid #373731; border-radius: 7px; background-color: #fcfcfc; box-shadow: 5px 5px 0 0 #373731; text-align: left; } .roadmap-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-block-1247 { margin-bottom: 60px; text-align: center; } .section-made-with-bravo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; } .columns-47 { width: 80vw; } .columns-47.hidden { display: none; } .div-block-1248 { 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; text-align: center; } .div-block-1249 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .title-text-2-red { width: auto; margin-top: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 40px; line-height: 50px; font-weight: 700; } .title-text-3-red { width: 75%; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: none; } .image-138 { position: relative; left: 27px; width: auto; height: 280px; border: 2px solid #000; border-radius: 14px; box-shadow: 9px 9px 0 0 #d2392e; } .madewithbravo-box { position: relative; height: 360px; } .image-138-copy { position: relative; left: -46px; bottom: -33px; width: auto; height: 300px; border: 2px solid #000; border-radius: 14px; box-shadow: 9px 9px 0 0 #d2392e; } .text-block-117 { font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 20px; line-height: 25px; font-weight: 700; } .div-block-1250 { margin-bottom: 38px; } .div-block-1251 { 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; } .call-to-action-buttonred { margin-top: 0px; padding-right: 24px; padding-left: 24px; border: 3px solid #d2392e; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 14px; font-weight: 700; cursor: pointer; } .call-to-action-buttonred:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-buttonred:active { position: relative; left: 3px; top: 3px; } .testimonial-box { width: auto; margin-top: 40px; padding: 15px 20px; border-radius: 20px; background-color: #fff; } .columns-49 { width: 80vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .column-88 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 79px; -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; } .image-140 { width: 50px; margin-right: 7px; } .div-block-1256 { margin-top: 14px; margin-left: 0px; } .column-89 { 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; } .div-block-1257 { margin-bottom: 33px; } .div-block-1258 { width: 300px; padding-right: 0px; } .div-block-1259 { width: 340px; padding-right: 0px; } .div-block-1260 { padding-right: 0px; } .column-90 { position: relative; } .column-91 { padding-right: 0px; } .div-block-1261 { width: 500px; margin-top: 40px; } .div-block-1262 { margin-bottom: 40px; } .image-71-copy { width: 20px; margin-left: 10px; } .call-to-action-button-lightbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 0px; padding: 5px 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; } .call-to-action-button-lightbox:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-lightbox:active { position: relative; left: 3px; top: 3px; } .call-to-action-button-lightbox.yellow { width: auto; border-style: solid; border-color: #ffce1f; background-color: #ffce1f; } .call-to-action-button-lightbox.figma { margin-left: 21px; } .div-block-1263 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 45px; margin-bottom: 17px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .columns-50 { width: 80vw; } .call-to-action-button-yellow { width: auto; margin-top: 0px; padding: 5px 15px; border: 3px solid #0146e0; border-radius: 0px; background-color: #ffce1f; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 14px; line-height: 20px; font-weight: 700; text-align: center; cursor: pointer; } .call-to-action-button-yellow:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-yellow:active { position: relative; left: 3px; top: 3px; } .call-to-action-button-yellow.short-text { width: 150px; } .call-to-action-button-yellow._3-0 { padding: 10px 20px; border-color: #e350cc; background-color: #e350cc; color: #fff; font-size: 17px; } .div-block-1264 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 19px; } .div-block-1265 { width: 550px; margin-bottom: 20px; padding-right: 0px; } .list-3 { margin-bottom: 0px; padding-left: 20px; color: #0146e0; list-style-type: square; } .image-141 { display: none; } .div-block-1267 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 300px; margin-top: 32px; } .link-block-35 { display: inline-block; } .image-142 { display: inline-block; } .link-xd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 30px; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; box-shadow: 3px 3px 0 0 #373731; } .nav-link-section-copy { display: inline-block; overflow: visible; margin-left: 0px; padding: 9px 0px 9px 13px; border-style: solid; border-width: 3px; border-color: rgba(1, 70, 224, 0); background-color: hsla(0, 0%, 100%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 700; cursor: pointer; } .nav-link-section-copy.w--current { color: #e350cc; } .nav-link-section-copy.menu-nav { white-space: nowrap; } .div-block-1270 { display: none; } .columns-51 { display: none; } .div-block-1273 { width: 400px; } .html-embed-4 { display: block; margin: 0px; padding: 0px; } .section-53 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 150px; padding-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #dff4ff; } .column-92 { padding-right: 40px; padding-left: 49px; } .column-93 { padding-right: 0px; padding-left: 0px; } .div-block-1274 { margin-bottom: 24px; } .lightbox-link-2 { position: relative; overflow: hidden; border: 3px none #000; border-radius: 7px; cursor: pointer; } .image-143 { position: absolute; left: 85%; top: 71%; right: 0%; bottom: 0%; z-index: 6; display: block; width: 60px; opacity: 0.64; } .image-143:hover { z-index: 3; } .div-block-1275 { margin-top: 32px; } .section-54 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #f3f6e6; } .grid-9 { width: 80vw; justify-items: center; grid-auto-flow: row; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1276 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 180px; height: 180px; margin-bottom: 18px; padding-top: 20px; padding-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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: 7px; background-color: #dff4ff; text-align: center; } .div-block-1276.accelerate { background-color: #ebfff3; } .div-block-1276.ready { background-color: #ffeae2; } .div-block-1276.victory { background-color: #fff3c5; } .div-block-1276.expert { background-color: #f4e9ff; } .text-block-118 { font-size: 25px; } .text-block-118.accelerate { font-size: 30px; } .text-block-119 { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 25px; font-weight: 700; } .text-block-119.ready { color: #e350cc; } .text-block-119.accelerate { color: #50e3c2; } .text-block-119.victory { color: #ffce1f; } .text-block-119.expert { color: #490d82; } .call-to-action-button-course { width: 180px; margin-top: 0px; padding: 5px 15px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 14px; font-weight: 700; text-align: center; cursor: pointer; } .call-to-action-button-course:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-course:active { position: relative; left: 3px; top: 3px; } .call-to-action-button-course.hidden { opacity: 0.5; } .call-to-action-button-course.hidden:hover { box-shadow: none; } .text-block-120 { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 70px; line-height: 70px; font-weight: 700; } .text-block-120.ready { color: #e350cc; } .text-block-120.accelerate { color: #50e3c2; } .text-block-120.victory { color: #ffce1f; } .text-block-120.expert { color: #490d82; } .columns-53 { width: 70vw; } .section-55 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 56px; padding-bottom: 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #dff4ff; } .section-57 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 50px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #f3f6e6; } .section-57.ready { padding-top: 126px; background-color: #ffeae2; } .section-57.blue { padding-top: 124px; background-color: #dff4ff; } .section-57.accelerate { padding-top: 131px; background-color: #ebfff3; } .section-57.victory { padding-top: 132px; background-color: #fff3c5; } .columns-54 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 21px; padding-left: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-144 { border: 3px none #000; border-radius: 7px; } .image-144.ready { box-shadow: 8px 8px 0 0 #ffce1f; } .image-144.victory { box-shadow: 8px 8px 0 0 #0146e0; } .lightbox-link-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; cursor: pointer; } .image-145 { width: 120px; margin-right: 15px; border-radius: 5px; } .image-145.ready { margin-right: 15px; box-shadow: 3px 3px 0 0 #ffce1f; } .image-145.victory { box-shadow: 3px 3px 0 0 #0146e0; } .text-span-15 { font-weight: 300; } .section-58 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #0146e0; } .section-58.ready { background-color: #e350cc; } .section-58.accelerate { background-color: #50e3c2; } .column-94 { padding-right: 93px; text-align: left; } .lightbox-link-4 { margin-top: 11px; margin-right: 27px; cursor: pointer; } .column-95 { padding-right: 20px; padding-left: 0px; } .link-block-38 { display: block; text-decoration: none; cursor: pointer; } .div-block-1281 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 31px; padding-right: 26px; padding-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1282 { margin-top: 10px; padding-left: 0px; } .container-46 { text-align: center; } .column-97 { padding-right: 0px; padding-left: 58px; } .div-block-1283 { margin-bottom: 46px; text-align: center; } .div-block-1284 { margin-bottom: 19px; } .section-59 { padding-top: 100px; padding-bottom: 100px; background-color: #f3f6e6; } .section-59.ready { background-color: #ffeae2; } .section-59.accelerate { background-color: #ebfff3; } .section-59.victory { background-color: #fff3c5; } .text-span-16 { font-weight: 700; } .div-block-1285 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-146 { width: 15px; margin-right: 3px; } .div-block-1286 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80vw; -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; } .image-147 { width: 40px; margin-top: 0px; margin-bottom: 7px; } .div-block-1288 { padding-right: 0px; } .div-block-1289 { width: 80vw; } .div-block-1290 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 7px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1291 { margin-bottom: 12px; } .div-block-1292 { margin-bottom: 10px; } .div-block-1293 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1294 { margin-bottom: 10px; } .div-block-1295 { margin-bottom: 10px; } .div-block-1296 { padding-right: 140px; padding-left: 140px; } .div-block-1297 { padding-right: 100px; padding-left: 100px; } .image-148 { width: 160px; padding: 8px; border-radius: 100px; background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)); } .lightbox-link-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 500px; -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; cursor: pointer; } .lightbox-link-5._3-0 { position: relative; overflow: hidden; width: auto; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 11px; box-shadow: 8px 8px 0 0 #50e3c2; } .lightbox-link-5._3-0.main { width: 733px; height: 416px; border-style: none; border-width: 1px; border-color: #fff; } .columns-56 { width: 80vw; } .section-60 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-1298 { margin-left: 20px; } .div-block-1299 { margin-top: 20px; margin-bottom: 30px; text-align: center; } .section-61 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #ffeae2; } .s-phoneframe { width: 180px; height: 380px; border: 2px solid #373731; border-radius: 7px; box-shadow: 5px 5px 0 0 #373731; -o-object-fit: cover; object-fit: cover; } .s-phoneframe.figma { width: auto; height: 390px; border-color: #373731; box-shadow: 9px 9px 0 0 #e350cc; } .columns-57 { width: 80vw; margin-top: 40px; } .column-98 { 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; } .div-block-1300 { 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; text-align: center; } .div-block-1301 { margin-top: 19px; } .div-block-1302 { margin-bottom: 10px; } .background-video-9 { position: relative; width: 520px; height: 290px; border-radius: 10px; background-image: none; background-size: auto; box-shadow: 11px 11px 0 0 #490d82; } .column-99 { padding-right: 50px; } .text-span-17 { font-weight: 300; } .section-62 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #dff4ff; } .div-block-1304 { 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; } .div-block-1305 { display: block; margin-top: 33px; padding-right: 31px; } .div-block-1306 { position: relative; z-index: 5; text-align: center; } .section-63 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 118px; padding-bottom: 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; background-color: #f3f6e6; text-align: center; } .background-video-9-copy { position: relative; z-index: 99; width: 900px; height: 495px; border-radius: 10px; background-image: none; background-size: auto; } .background-video-9-copy.test { display: none; } .div-block-1264-copy { position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 0px; margin-right: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-1307 { margin-top: 20px; } .columns-58 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90vw; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .column-100 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 31px; padding-left: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .div-block-1310 { margin-top: 20px; margin-bottom: 23px; padding-right: 40px; } .lottie-animation-18 { position: relative; z-index: 0; width: 500px; margin-top: -31px; } .column-101 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; } .section-65 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 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; background-color: #f3f6e6; } .background-video-11 { position: relative; z-index: 99; overflow: hidden; width: 550px; height: 300px; border: 3px solid #000; border-radius: 11px; background-color: rgba(73, 63, 63, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background-image: linear-gradient(180deg, transparent, transparent); box-shadow: 10px 10px 0 0 #e350cc; } .background-video-11.figma { box-shadow: 10px 10px 0 0 #50e3c2; } .section-64-copy1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 20px; -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: #dff4ff; text-align: center; } .section-64-copy1.figma { background-color: #dff4ff; } .section-64-copy3 { display: none; padding-top: 20px; padding-bottom: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #dff4ff; text-align: center; } .section-64-copy2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #dff4ff; text-align: center; } .section-64-copy2.figma { padding-top: 40px; background-color: #dff4ff; } .columns-59 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .column-102 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 61px; padding-left: 72px; -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; text-align: left; } .column-102.figma { padding-right: 37px; } .column-103 { 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1312 { margin-top: 20px; } .section-66 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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: #ffeae2; } .section-66.figma { background-color: #dff4ff; } .div-block-1313 { 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; text-align: center; } .div-block-1314 { margin-top: 20px; margin-bottom: 30px; } .section-67 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 47px; -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; background-color: #470137; } .section-67.figma { background-color: #490d82; } .lottie-animation-19 { width: 400px; margin-top: -60px; } .lottie-animation-19.figma { margin-top: -63px; } .image-152 { width: 60px; margin-right: 5px; margin-left: 5px; } .div-block-1315 { margin-bottom: 20px; } .tabs-menu-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-1316 { margin-top: 56px; margin-bottom: 75px; } .body-29 { background-color: #f3f6e6; } .tab-link-tab-1-2 { background-color: hsla(0, 0%, 78.4%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; } .tab-link-tab-1-2.w--current { background-color: hsla(0, 0%, 78.4%, 0); font-family: Pulpdisplay, sans-serif; color: #e350cc; font-weight: 700; } .link-21 { color: #e350cc; font-weight: 700; text-decoration: none; } .terms-parragraph-copy { margin-bottom: 10px; padding-left: 34px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; } .terms-parragraph-1 { margin-bottom: 10px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; } .terms-parragraph-copy-copy { margin-bottom: 10px; padding-left: 68px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; line-height: 28px; font-weight: 300; } .select-field { background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; } .div-img-figma { position: relative; margin-top: 20px; margin-bottom: 20px; } .lottie-animation-20 { position: absolute; left: 174px; top: -36px; right: 34%; bottom: 0%; width: 70px; } .lottie-animation-20._1 { left: -2%; top: -13%; right: 0%; bottom: 0%; width: 10%; margin: auto; } .lottie-animation-20._2 { left: 78%; top: 23%; right: 0%; bottom: 0%; width: 5%; margin: auto; } .lottie-animation-20._3 { left: -63%; top: -6%; right: 0%; bottom: 0%; width: 7%; margin: auto; } .div-block-1321 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .text-span-18 { letter-spacing: -4px; } .text-block-123 { display: none; } .div-block-1322 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; padding-top: 10px; padding-bottom: 10px; -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; } .image-155 { width: 18px; height: 18px; margin-right: 6px; margin-left: 16px; } .div-block-1323 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-124 { margin-right: 21px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; font-weight: 700; white-space: nowrap; } .text-block-124:hover { color: #e350cc; } .link-block-39 { text-decoration: none; } .link-figma { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 30px; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; box-shadow: 3px 3px 0 0 #373731; } .collection-list-wrapper-3 { width: 100.0000057256244%; } .collection-item-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 300px; height: 300px; margin-right: 10px; margin-left: 10px; padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border: 3px solid #000; background-color: #fff; box-shadow: 7px 7px 0 0 #f2c94c; } .collection-list-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1325 { margin-top: 6px; } .body-30 { background-color: #f3f6e6; } .container-47 { padding-top: 52px; padding-right: 60px; padding-left: 60px; } .div-block-1327 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 102px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1328 { margin-bottom: 121px; } .div-block-1329 { margin-top: 30px; } .link-block-41 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 20px 20px 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; text-decoration: none; } .typed-text { display: block; width: auto; height: 100px; -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; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 70px; line-height: 75px; font-weight: 700; } .main-title-section-old { display: none; margin-top: 0px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 140px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/603e2182457edd7504009721_Group%20249.png"); background-position: 700px 50%; background-size: auto 500px; background-repeat: no-repeat; text-align: center; } .body-31 { background-color: #f3f6e6; } .div-block-1332 { margin-top: 70px; margin-bottom: 59px; text-align: center; } .rich-text-block-2 { font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 18px; line-height: 28px; font-weight: 400; } .div-block-1333 { margin-bottom: 129px; } .universal-container { width: 80vw; } .universal-container.blog { padding-right: 0px; padding-left: 0px; } .columns-60 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .started-grid { height: 130px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .started-grid.hidden { display: none; } .universal-main-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 123px; padding-bottom: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #f3f6e6; } .universal-main-section.tutorials { background-color: #dff4ff; } .universal-main-section.blog { padding-top: 116px; padding-bottom: 60px; } .universal-main-section.blog.red { background-color: #ffeae2; } .universal-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0px; padding-bottom: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #f3f6e6; } .universal-section._2 { padding-top: 60px; padding-bottom: 60px; background-color: #dff4ff; } .universal-section._3 { padding-top: 60px; padding-bottom: 0px; } .universal-section._3.detail { padding-bottom: 0px; } .universal-section._3.detail.last { padding-bottom: 60px; } .universal-section._3.detail.beginner { padding-bottom: 60px; background-color: #dff4ff; } .universal-section._3.detail.ready { padding-bottom: 60px; background-color: #ffeae2; } .universal-section._3.detail.accelerate { padding-bottom: 60px; background-color: #ebfff3; } .universal-section._4 { padding-top: 60px; background-color: #dff4ff; } .universal-section._5 { padding-top: 60px; padding-bottom: 100px; } .universal-section._5.hidden { display: none; } .universal-section.blogpage { padding-bottom: 60px; background-color: #f3f6e6; } .universal-section.blogpage._1 { -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; background-color: #fcfcfc; background-image: none; } .universal-section.blogpage.featured { padding-top: 60px; } .universal-section.hidden { display: block; } .universal-section.blue { background-color: #dff4ff; } .universal-section.pink { background-color: #ffeae2; } .div-block-1336 { margin-bottom: 20px; } .get-started-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 170px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #fff3c5; text-align: center; } .get-started-box:hover { box-shadow: 7px 7px 0 0 #0146e0; } .get-started-box._2 { background-color: #dff4ff; text-align: center; } .get-started-box._3 { background-color: #ffeae2; text-align: center; } .text-block-126 { font-family: Pulpdisplay, sans-serif; font-size: 40px; line-height: 40px; } .get-started-subtitle { margin-top: 20px; font-family: Pulpdisplay, sans-serif; color: #202125; font-size: 16px; font-weight: 500; } .div-block-1338 { margin-top: 20px; } .crashcourse-grid { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .crashcourse-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 170px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #dff4ff; text-align: center; } .crashcourse-box:hover { box-shadow: 7px 7px 0 0 #0146e0; } .crashcourse-box.ready-box { background-color: #ffeae2; } .crashcourse-box.accelerate-box { position: relative; overflow: hidden; padding-top: 0px; background-color: #e7fff0; } .crashcourse-box.accelerate-box:hover { box-shadow: 7px 7px 0 0 #0146e0; } .crashcourse-box.victory-box { position: relative; padding-top: 0px; background-color: #fff3c5; } .crashcourse-box.victory-box:hover { box-shadow: 7px 7px 0 0 #0146e0; } .crashcourse-box.expert-box { position: relative; padding-top: 25px; padding-bottom: 0px; background-color: #e1e1e1; } .crashcourse-box.expert-box:hover { box-shadow: none; } .crashcourse-title { margin-bottom: 11px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 65px; line-height: 65px; } .crashcourse-title.r { color: #e350cc; } .crashcourse-title.a { color: #50e3c2; } .crashcourse-title.v { color: #ffce1f; } .crashcourse-title.e { padding-top: 0px; padding-bottom: 0px; background-color: transparent; color: #c3c3c3; } .crashcourse-subtitle { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 16px; font-weight: 500; } .crashcourse-subtitle.b.emoji { margin-bottom: 7px; font-size: 24px; } .crashcourse-subtitle.r { color: #e350cc; } .crashcourse-subtitle.a { color: #50e3c2; } .crashcourse-subtitle.v { color: #ffce1f; font-size: 18px; } .crashcourse-subtitle.e { padding-top: 0px; padding-bottom: 0px; background-color: transparent; color: #c3c3c3; } .text-block-128 { position: absolute; left: auto; bottom: 131px; display: block; font-family: Pulpdisplay, sans-serif; color: #c3c3c3; } .div-block-1339 { 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; } .grid-tutoriales { -ms-grid-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr); grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; } .tutorial-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #fff; text-align: center; } .tutorial-box:hover { box-shadow: 7px 7px 0 0 #0146e0; } .tutorial-title { padding: 28px 18px; font-family: Pulpdisplay, sans-serif; font-size: 35px; line-height: 40px; } .tutorial-subtitle { margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #202125; font-size: 14px; line-height: 20px; font-weight: 500; } .tutorial-title-3 { margin-top: 10px; font-family: Pulpdisplay, sans-serif; color: #9fa1ac; font-size: 14px; line-height: 20px; font-weight: 400; } .tutorial-title-3.hidden { display: none; } .tutorial-title-3.tag { position: absolute; left: auto; top: 5%; right: 5%; bottom: auto; margin-top: 0px; padding: 5px; border-radius: 4px; background-color: hsla(0, 0%, 100%, 0.18); color: #fff; font-weight: 300; } .div-block-1340 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80px; height: 80px; margin-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px none #d4d4d4; border-radius: 100px; } .ui-kit-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 190px; padding-right: 0px; padding-left: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #fff; text-align: center; } .ui-kit-box:hover { box-shadow: 7px 7px 0 0 #0146e0; } .grid-ui-kits { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .text-block-129 { position: absolute; left: 2px; top: 25px; bottom: auto; display: none; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 12px; font-weight: 700; } .uikit-subtitle { font-family: Pulpdisplay, sans-serif; color: #202125; font-size: 14px; font-weight: 500; } .uikit-subtitle.video-emoji { margin-bottom: 10px; } .uititle-title-3 { margin-top: 10px; font-family: Pulpdisplay, sans-serif; color: #9fa1ac; font-size: 14px; font-weight: 400; } .columns-61 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .column-108 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 10px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .column-109 { padding-right: 0px; padding-left: 0px; background-color: #000; } .column-111 { padding-left: 0px; } .sample-app-box { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #fff; text-align: center; } .sample-app-box:hover { box-shadow: 7px 7px 0 0 #0146e0; } .div-block-1342 { position: absolute; bottom: -65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 190px; height: 50px; padding-right: 10px; padding-left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .image-156 { position: absolute; left: 15px; bottom: 15px; width: 25px; } .image-157 { position: relative; width: 100%; height: 100%; background-color: #000; opacity: 0.9; -o-object-fit: cover; object-fit: cover; } .image-157-copy { width: 100%; height: 100%; border-style: solid; border-width: 0.5px; border-color: #dfdfdf; border-radius: 20px; -o-object-fit: cover; object-fit: cover; } .collection-list-7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-list-7.detail { display: -ms-grid; display: grid; grid-auto-flow: row dense; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto; } .collection-list-wrapper-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .collection-item-7 { width: 180px; height: 180px; margin-right: 20px; margin-bottom: 60px; padding-right: 0px; padding-left: 0px; } .collection-item-7.detail { width: 170px; height: 170px; } .video-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 190px; padding-left: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #fff; text-align: center; } .video-box:hover { box-shadow: 7px 7px 0 0 #0146e0; } .video-box-link { height: 100%; } .video-box-link.academy-intro { overflow: hidden; padding-left: 0px; border-radius: 5px; } .video-box-link.academy-intro:hover { box-shadow: 6px 8px 0 0 #0146e0; } .image-158 { position: absolute; left: auto; top: auto; right: 10%; bottom: 8%; display: block; width: 30px; height: 30px; } .collection-list-8 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-list-8.detail { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-item-8 { margin-right: 13px; padding-right: 0px; padding-left: 0px; } .sample-apps-tab { margin-right: 10px; background-color: hsla(0, 0%, 86.7%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; } .sample-apps-tab.w--current { margin-right: 10px; margin-left: 0px; border-radius: 6px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; } .tabs-menu-5 { margin-bottom: 20px; } .div-block-1343 { 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; } .sample-app-subtitle { font-family: Pulpdisplay, sans-serif; color: #202125; font-size: 14px; font-weight: 500; } .videos-subtitle { font-family: Pulpdisplay, sans-serif; color: #202125; font-size: 14px; font-weight: 500; } .video-type-text { margin-top: 10px; font-family: Pulpdisplay, sans-serif; color: #9fa1ac; font-size: 14px; font-weight: 300; } .div-block-1344 { width: 50%; margin-top: 10px; } .div-block-1344._75 { width: 75%; } .div-block-1345 { display: none; width: 95vw; height: 80px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-159 { height: 30px; } .academy-view-all { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 400; } .div-block-1346 { padding-right: 54px; } .image-160 { border-radius: 20px; opacity: 1; } .banner-advertisement { margin-top: 46px; } .column-110-copy { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; } .image-162 { position: absolute; left: auto; top: auto; right: 4%; bottom: 9%; display: none; width: 70px; height: 70px; background-clip: border-box; -webkit-text-fill-color: inherit; } .story-columns { 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-48 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 48px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .our-story-title { position: static; display: block; width: auto; padding: 10px 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; border: 3px none #000; border-radius: 9px; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.5)), to(hsla(0, 0%, 100%, 0.5))); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)); box-shadow: 6px 6px 0 0 #0146e0; font-family: Pulpdisplay, sans-serif; color: #000; font-size: 16px; line-height: 20px; font-weight: 700; text-align: center; -o-object-fit: fill; object-fit: fill; } .column-112 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-right: 0px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -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; } .our-story-box { position: static; left: 223.938px; top: 69px; display: block; height: auto; padding: 20px; -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-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; border: 3px none #000; border-radius: 11px; background-color: #fff; box-shadow: 6px 6px 0 0 #e350cc; font-family: Pulpdisplay, sans-serif; color: #000; font-size: 18px; line-height: 24px; font-weight: 300; text-align: left; -o-object-fit: fill; object-fit: fill; } .image-163 { width: 170px; margin-top: 0px; margin-right: 34px; } .div-block-1347 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .story-column-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .timeline-point { position: absolute; left: 42%; top: auto; right: 0%; bottom: -5%; width: 25px; height: 25px; border-radius: 20px; background-color: #373731; } .timeline-line-down { width: 4px; height: 100%; border-right: 6px dashed #fff; border-bottom: 6px none #fff; background-color: transparent; outline-color: #333; outline-offset: 0px; outline-style: none; outline-width: 10px; } .image-164 { width: 130px; max-width: none; margin-top: 0px; } .column-113-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 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; } .story-date-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 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; } .image-164-copy { width: 80px; max-width: none; margin-top: 0px; } .story-column-middle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-right: 0px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -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; } .story-column-middle.right-align { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .story-column-middle.left-align { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .timeline-side-line { position: absolute; width: 90%; height: 4px; border-bottom: 6px dashed #fff; background-color: transparent; } .timeline-side-line._2 { width: 90%; } .image-164-copy-copy { width: 140px; max-width: none; margin-top: 0px; } .image-165 { width: 200px; margin-bottom: 20px; } .story-photo { margin-bottom: 20px; } .div-block-1348 { margin-top: 20px; } .collection-list-wrapper-5 { overflow: visible; height: auto; padding-right: 0px; padding-left: 0px; } .image-169 { width: 150px; } .div-block-1353 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 21px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-170 { width: 80px; border: 1px solid #d9ddc8; border-radius: 7px; } .div-block-1354 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; } .div-block-1355 { margin-top: 30px; margin-bottom: 20px; font-family: Pulpdisplay, sans-serif; } .madewithbravo-download-link { margin-right: 20px; color: #e350cc; cursor: pointer; } .div-block-1356 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-collection-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 1px none #d9ddc8; border-radius: 20px; background-color: #fcfcfc; } .s-collection-box:hover { box-shadow: 5px 5px 0 0 #263238; } .s-collection-box.featured { width: 370px; } .s-collection-box.home { border-width: 2px; border-color: #373731; } .s-collection-box.blue:hover { box-shadow: 5px 5px 0 0 #0146e0; } .blog-post-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .blogpost-subtitle { padding-right: 20px; font-family: Pulpdisplay, sans-serif; color: #444; font-size: 16px; font-weight: 700; text-align: left; } .blogpost-title-3 { margin-top: 0px; padding-right: 5px; font-family: Pulpdisplay, sans-serif; color: #9fa1ac; font-size: 12px; line-height: 12px; font-weight: 400; text-align: left; } .section-70 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1357 { width: 100%; padding: 15px; border-top: 1px solid #d9ddc8; } .div-block-1358 { width: 100%; height: 200px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .div-block-1359 { 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; } .blogpage-container { width: 60vw; } .div-img-main-blog { height: 100%; border: 1px none #d9ddc8; border-radius: 7px; } .div-block-1362 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 30px; } .column-117 { padding-right: 0px; } .div-block-1364 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 21px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .body-32 { background-color: #f3f6e6; } .image-172 { width: 300px; } .collection-list-wrapper-8 { 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; } .collection-item-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 29px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .collection-list-9 { width: 400px; } .image-173 { width: 500px; margin-bottom: 40px; padding-top: 7px; padding-right: 33px; padding-bottom: 7px; -o-object-fit: fill; object-fit: fill; } .image-174 { position: absolute; left: 40%; top: 33%; right: 0%; bottom: 0%; width: 100px; } .image-174.mian { left: 45%; top: 36%; right: auto; bottom: 0%; } .div-block-1365 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-173-copy { width: 520px; margin-bottom: 42px; padding: 4px; -o-object-fit: contain; object-fit: contain; } .background-video-12 { width: 100%; height: 100%; } ._3-0.features { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.64)), to(rgba(0, 0, 0, 0.1))), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/615ae2c68f2212f711c330e0_image%20120.png"); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.1)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/615ae2c68f2212f711c330e0_image%20120.png"); background-position: 0px 0px, 100% 100%; background-size: auto, cover; } ._3-0.content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #110c22; background-image: none; background-position: 0px 0px; background-size: auto; } .div-block-1366 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80vw; -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; } .s-hover-grid { margin-top: 66px; grid-row-gap: 45px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .s-hover-grid._4-blocks { grid-row-gap: 56px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .div-block-1367 { position: relative; overflow: hidden; margin-top: 0px; border-radius: 10px; } .div-block-1367:hover { box-shadow: 8px 8px 0 0 #e350cc; } .feature-text-block { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: block; overflow: hidden; width: 100.00000946%; height: 100%; padding: 20px 20px 10px; background-color: #0146e0; } .feature-text-block.green { padding-right: 56px; padding-left: 56px; background-color: #056d38; } .feature-text-block.white { padding-right: 20px; padding-left: 20px; background-color: #fff; } .feature-text-block.white:hover { box-shadow: 1px 1px 3px 0 #000; } .feature-block { cursor: pointer; } .columns-64 { width: 100%; margin-bottom: 119px; } .div-block-1368 { margin-top: 20px; margin-bottom: 20px; } .image-175 { border-radius: 10px; box-shadow: 10px 10px 0 0 #50e3c2; opacity: 1; } .column-118 { padding-left: 47px; } .image-175-copy { border-radius: 10px; box-shadow: 10px 10px 0 0 #50e3c2; opacity: 0.81; } .column-119 { padding-right: 98px; } .columns-64-copy { width: 100%; margin-bottom: 119px; } .lightbox-link-6 { position: relative; } .image-176 { position: absolute; left: 43%; top: 36%; right: auto; bottom: auto; width: 80px; } .html-embed-bravo-3-0 { display: block; margin-bottom: 40px; } .text-span-24 { color: #50e3c2; } .collection-item-11 { position: static; width: auto; height: 490px; margin-right: 5px; margin-bottom: 20px; margin-left: 5px; padding: 0px; border-radius: 12px; background-color: #fff; } .collection-item-11:hover { box-shadow: 7px 7px 0 0 #0146e0; } .card-image { position: relative; overflow: hidden; width: auto; border-radius: 12px; } .card-div1 { position: relative; margin-bottom: 15px; } .card-icon { width: 70px; height: 70px; margin: 0px; border: 1px solid #d9ddc8; border-radius: 7px; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; } .card-div2 { padding: 13px 10px 10px; text-align: left; } .card-link.yellow { background-color: #fff3c5; } .div-block-1372 { padding: 10px; border-radius: 12px; background-color: #fff; } .column-120 { padding-top: 17px; padding-right: 50px; padding-left: 30px; } .link-27 { display: block; margin-top: 10px; font-family: Pulpdisplay, sans-serif; font-weight: 700; cursor: pointer; } .image-179 { position: absolute; left: 50%; top: 50%; display: none; width: 80px; height: 80px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .column-121 { padding-left: 0px; } .collection-list-10 { display: -ms-grid; display: grid; grid-auto-flow: row; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .image-180 { display: none; } .lightbox-link-9 { width: 100%; } .image-165-copy { width: 200px; margin-bottom: 20px; } .collection-list-11 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-list-11.featured { display: block; } .app-img-box { position: relative; overflow: hidden; height: 200px; background-color: #fcfcfc; } .app-img-box.featured { height: 270px; } .image-181 { position: absolute; left: 11%; top: 30px; width: 45%; border-radius: 7px; box-shadow: 1px 3px 7px 1px rgba(0, 0, 0, 0.25); } .image-181-copy { position: absolute; left: auto; top: 50px; right: 11%; bottom: 0%; width: 45%; border-radius: 7px; box-shadow: 1px 3px 7px 1px rgba(0, 0, 0, 0.25); } .mwb-title { margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #202125; font-size: 18px; line-height: 25px; font-weight: 700; } .body-33 { background-color: #0146e0; } .image-182 { width: 70px; margin-bottom: 40px; } .div-block-1376 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 500px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .div-block-1377 { margin-bottom: 47px; } .text-span-25 { font-style: italic; } .text-span-26 { font-weight: 300; } .collection-list-13 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-item-12 { padding: 0px; border-radius: 12px; background-color: #fff; } .collection-item-12:hover { box-shadow: 7px 7px 0 0 #0146e0; } .columns-65 { height: 100%; } .image-183 { width: 170px; border-radius: 7px; } .column-122 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .column-123 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-top: 25px; -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; } .div-block-1378 { margin-top: 9px; } .div-block-1379 { margin-top: 20px; margin-bottom: 20px; } .link-block-42 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding: 30px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .body-35 { background-color: #f3f6e6; } .image-184 { width: 250px; border-radius: 12px; } .div-block-1380 { margin-top: 20px; margin-bottom: 20px; } .column-124 { height: 100%; padding-left: 0px; text-align: left; } .column-125 { text-align: center; } .div-block-1381 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-185 { width: 20px; margin-right: 5px; } .columns-67 { 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; } .div-block-1382 { margin-top: 60px; text-align: center; } .grid-12 { margin-top: 60px; margin-bottom: 100px; padding: 30px 25px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; border: 2px solid #000; border-radius: 20px; background-color: #fff; box-shadow: 11px 11px 0 0 #0146e0; } .div-block-1383 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding-right: 20px; padding-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .div-block-1384 { margin-bottom: 10px; } .text-block-133 { font-family: Pulpdisplay, sans-serif; } .error-message-2 { background-color: #ffeae2; } .column-126 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; } .columns-68 { height: 100%; } .column-127 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .div-block-1385 { margin-top: 60px; text-align: center; } .columns-69 { height: 120px; margin-top: 20px; margin-bottom: 30px; padding-right: 170px; padding-left: 170px; } .column-128 { 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-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .div-block-1386 { margin-top: 20px; margin-bottom: 20px; } .columns-68-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-top: 60px; margin-bottom: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-186 { max-width: 80%; } .div-block-1387 { margin-top: 20px; margin-bottom: 20px; } .div-block-1388 { margin-top: 20px; margin-bottom: 20px; padding-right: 72px; } .columns-68-copy-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-top: 60px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .column-126-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 0px; padding-left: 27px; -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; } .form-block-2-copy { display: block; width: 100%; } .div-block-1389 { 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-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .body-36 { background-color: #f3f6e6; } .image-188 { width: 400px; } .s-title-xl { font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 70px; line-height: 75px; font-weight: 700; } .s-title-xl.blue { margin-bottom: 0px; color: #0146e0; font-size: 70px; line-height: 80px; } .s-title-xl.blue.title { font-size: 100px; } .s-title-xl.blue.title.hidden { display: none; } .s-title-xl.pink { color: #e350cc; font-size: 70px; line-height: 80px; } .s-title-xl.pink.left { margin-bottom: 0px; text-align: left; } .s-title-xl.green { margin-bottom: 0px; color: #056d38; } .s-title-xl.green.right { text-align: right; } .s-title-xl.purple { color: #490d82; } .s-title-xl.purple.right { margin-bottom: 0px; text-align: right; } .s-title-xl.white { color: #fcfcfc; } .s-container { position: relative; z-index: 1; display: block; max-width: 1100px; padding: 100px 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: left; } .s-container.centered { 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; text-align: center; } .s-container.centered.fullscreen { height: 100vh; padding-top: 0px; padding-bottom: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-container.left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .s-container.left.bluebackground { background-color: #dff4ff; } .s-container.left.orangebackground { background-color: #fff3c5; } .s-container.center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 20px; padding-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .s-container.menu { max-width: 1100px; padding: 0px 10px; } .s-container.text { padding-right: 140px; padding-left: 140px; } .s-container.right { text-align: right; } .s-container.right.test { display: none; } .s-container.feature---image-left.bluebackground { background-color: #dff4ff; } .s-container.orangebackground { background-color: #fff3c5; } .s-container.more { padding-top: 0px; } .s-container.banner { display: none; padding-top: 80px; padding-bottom: 10px; } .s-container.black { background-color: #373731; } .s-container.overflow { position: relative; z-index: 4; } .s-container.img-absolute { position: relative; } .s-container.usecases { padding-top: 0px; } .s-container.no-margin { display: block; } .s-container.no-margin.header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .s-container.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-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-container.header { padding-top: 0px; padding-bottom: 0px; } .s-container.blackfriday { margin-top: 0px; margin-bottom: 0px; padding: 20px 60px; border-radius: 100px; background-color: #ffce1f; } .s-container.thin { position: -webkit-sticky; position: sticky; top: 0px; bottom: 20px; z-index: 5; padding-top: 40px; padding-bottom: 40px; } .s-container.thin.sticky { position: -webkit-sticky; position: sticky; left: 55px; top: 0px; } .s-paragraph { max-width: none; margin-bottom: 20px; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 16px; line-height: 1.5em; font-weight: 400; text-align: left; text-decoration: none; } .s-paragraph.pink { color: #0146e0; } .s-paragraph.pink._100 { max-width: 100%; } .s-paragraph.pink.left { text-align: left; } .s-paragraph.green { color: #056d38; } .s-paragraph.white { color: #fff; } .s-paragraph.white.no-margin.interlign { line-height: 1.6em; } .s-paragraph.purple { color: #490d82; } .s-paragraph.pink-copy { color: #e350cc; } .s-paragraph.pink-copy._100 { max-width: 100%; } .s-paragraph.pink-copy.left { text-align: left; } .s-paragraph._100 { max-width: none; } .s-paragraph.black { color: #fff; line-height: 1.5em; } .s-paragraph.black.bold { font-weight: 700; } .s-paragraph.black.italic { font-style: italic; } .s-paragraph.bold { font-weight: 700; } .s-paragraph.bold.table-subtitle { margin-bottom: 10px; } .s-paragraph.gray { color: #95958d; } .s-paragraph.gray.italic { font-style: italic; font-weight: 400; } .s-paragraph.gray.center { text-align: center; } .s-paragraph.gray.transparent { opacity: 0; } .s-paragraph.centered { text-align: center; } .s-paragraph.banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: none; margin-bottom: 0px; padding-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-column-gap: 5px; grid-row-gap: 5px; text-align: center; } .s-paragraph.banner.white { font-family: Pulpdisplay, sans-serif; color: #263238; font-weight: 400; } .s-paragraph.banner.white.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; } .s-paragraph.banner.white.bold { font-weight: 700; } .s-paragraph.banner.pink { color: #ffce1f; text-align: left; } .s-paragraph.italic { font-style: italic; } .s-paragraph.italic.mg20 { margin-top: 20px; } .s-paragraph.mobile-mod-1 { display: none; color: #0146e0; } .s-paragraph.blue { color: #0146e0; } .s-paragraph.left { text-align: left; } .s-paragraph.list { margin-bottom: 0px; padding-left: 0px; text-align: left; } .s-paragraph.center.white { text-align: center; } .s-paragraph.no-margin.interlign { line-height: 1.6em; } .s-paragraph.no-margin.right { text-align: right; } .s-divider { width: 100%; height: 30px; } .s-divider.stroke { border-bottom: 1px solid #d9ddc8; } .s-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0px; padding: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2px solid #373731; border-radius: 5px; background-color: rgba(255, 255, 255, 0); font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 16px; font-weight: 500; cursor: pointer; } .s-button:hover { box-shadow: 5px 5px 0 0 #263238; } .s-button:active { position: relative; left: 3px; top: 3px; } .s-button.yellow { display: block; border-style: none; background-color: #ffce1f; } .s-button.yellow:hover { box-shadow: 5px 5px 0 0 #fff; } .s-button.mobile { display: none; } .s-button.black { padding-top: 10px; padding-bottom: 12px; border-color: #373731; background-color: #263238; color: #fcfcfc; } .s-button.black:hover { box-shadow: 5px 5px 0 0 #0146e0; } .s-button.black.fill { background-color: #373731; color: #f3f6e6; font-weight: 500; } .s-button.black.fill.bluehover { border-style: none; } .s-button.black.fill.bluehover:hover { box-shadow: 5px 5px 0 0 #0146e0; } .s-button.black.s-navlink:hover { color: #373731; } .s-button.black.withicon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 12px; padding-left: 12px; } .s-button.black.inactive { padding: 5px 15px; border-width: 1px; border-color: #95958d; color: #95958d; cursor: default; } .s-button.black.inactive:hover { box-shadow: none; } .s-button.black.hidden { display: none; } .s-button.black.form { height: auto; border-style: none; } .s-button.black._20 { padding-top: 20px; padding-bottom: 20px; } .s-button.blue { border-color: #0146e0; background-color: #0146e0; color: #fcfcfc; } .s-button.blue:hover { box-shadow: 5px 5px 0 0 #fff; } .s-button.blue.s-navlink.mod:hover { color: #fff; } .s-button.blue._10padding { padding: 10px; } .s-button.inactive { padding: 5px 10px; border-color: #95958d; color: #95958d; font-size: 14px; font-weight: 300; cursor: default; } .s-button.inactive:hover { box-shadow: none; } .s-button.purple { border-color: #a259ff; border-radius: 7px; background-color: #a259ff; color: #fcfcfc; } .s-button.purple:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .s-button.purple.fill { background-color: #373731; color: #f3f6e6; font-weight: 500; } .s-button.purple.fill.bluehover { border-style: none; } .s-button.purple.fill.bluehover:hover { box-shadow: 5px 5px 0 0 #0146e0; } .s-button.purple.s-navlink:hover { color: #373731; } .s-button.purple.withicon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 12px; padding-left: 12px; } .s-button.purple.inactive { padding: 5px 15px; border-width: 1px; border-color: #95958d; color: #95958d; cursor: default; } .s-button.purple.inactive:hover { box-shadow: none; } .s-button.purple.hidden { display: none; } .s-button.purple.form { height: auto; border-style: none; } .s-button.blueborder { border-color: #2669ff; color: #2669ff; } .s-button.blueborder:hover { box-shadow: 5px 5px 0 0 #2669ff; } .s-button.pinkborder { border-color: #e350cc; color: #e350cc; } .s-button.pinkborder:hover { box-shadow: 5px 5px 0 0 #e350cc; } .s-button.greenborder { border-color: #056d38; color: #056d38; } .s-button.greenborder:hover { box-shadow: 5px 5px 0 0 #056d38; } .s-button.purpleborder { border-color: #490d82; color: #490d82; } .s-button.purpleborder:hover { box-shadow: 5px 5px 0 0 #490d82; } .s-button.redborder { border-color: #d2392e; color: #d2392e; } .s-button.redborder:hover { box-shadow: 5px 5px 0 0 #d2392e; } .s-button.white { border-color: #fff; background-color: #fff; } .s-button.white:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .s-button.white._10padding { padding: 10px; } .s-button.pink { border-color: #e350cc; background-color: #e350cc; color: #fff; } .s-button.pink:hover { box-shadow: 5px 5px 0 0 #fff; } .s-button.lightgreenborder { border-color: #50e3c2; color: #50e3c2; } .s-button.lightgreenborder:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .s-button.yellowborder { border-color: #ffce1f; color: #ffce1f; } .s-button.yellowborder:hover { box-shadow: 5px 5px 0 0 #ffce1f; } .s-button.lightyellowborder { border-color: #fff3c5; color: #fff3c5; } .s-button.lightyellowborder:hover { box-shadow: 5px 5px 0 0 #fff3c5; } .s-button.lightblue-border { border-color: #dff4ff; color: #dff4ff; } .s-button.lightblue-border:hover { box-shadow: 5px 5px 0 0 #dff4ff; } .s-button.light-pinkborder { border-color: #ffeae2; color: #ffeae2; } .s-button.light-pinkborder:hover { box-shadow: 5px 5px 0 0 #ffeae2; } .s-button.grayborder { border-color: #95958d; color: #95958d; text-align: center; cursor: default; } .s-button.grayborder:hover { box-shadow: none; } .s-button.whiteborder { grid-column-gap: 10px; grid-row-gap: 10px; border-color: #f3f3f3; color: #f3f3f3; } .s-button.whiteborder:hover { box-shadow: 5px 5px 0 0 #f3f3f3; } .s-button.whiteborder.form { height: 38px; } .s-button.turquoiseborder { border-color: #50e3c2; color: #50e3c2; } .s-button.turquoiseborder:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .s-button.feature.blue { width: 100px; height: 100px; padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 800px; background-color: #0146e0; } .s-button.feature.blue:hover { height: 100px; box-shadow: none; } .s-button.red { border-style: none; background-color: #d2392e; color: #fff; } .s-button.orange { position: static; border-style: none; background-color: #ff7262; color: #fff; } .s-button.orange:hover { box-shadow: 5px 5px 0 0 #fff; color: #fff; } .s-button.orange.sticky { position: static; top: 0px; right: 19px; z-index: 40; } .s-button.black-friday { display: none; padding-top: 10px; padding-bottom: 12px; border-color: #373731; background-color: #263238; color: #fcfcfc; } .s-button.black-friday:hover { box-shadow: 5px 5px 0 0 #ffce1f; } .s-button.black-friday.fill { background-color: #373731; color: #f3f6e6; font-weight: 500; } .s-button.black-friday.fill.bluehover { border-style: none; } .s-button.black-friday.fill.bluehover:hover { box-shadow: 5px 5px 0 0 #0146e0; } .s-button.black-friday.s-navlink:hover { color: #373731; } .s-button.black-friday.withicon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 12px; padding-left: 12px; } .s-button.black-friday.inactive { padding: 5px 15px; border-width: 1px; border-color: #95958d; color: #95958d; cursor: default; } .s-button.black-friday.inactive:hover { box-shadow: none; } .s-button.black-friday.hidden { display: none; } .s-button.black-friday.form { height: auto; border-style: none; } .s-button._18 { padding-top: 18px; padding-bottom: 18px; } .s-button.green { border-style: solid; border-color: #50e3c2; background-color: #50e3c2; color: #fff; } .s-section { overflow: hidden; } .s-section.blue { position: static; z-index: 40; display: block; overflow: visible; float: none; background-color: #dff4ff; } .s-section.blue.index { display: none; } .s-section.blue.test { display: none; } .s-section.blue.old { display: none; } .s-section.pink { display: block; background-color: #ffeae2; } .s-section.pink.roadmapnew { display: block; } .s-section.pink.oldroadmap { display: none; } .s-section.yellow { background-color: #fff3c5; } .s-section.hidden { display: none; } .s-section.red { background-color: #d2392e; } .s-section.red.hidden { display: block; } .s-section.ivory { background-color: #f3f6e6; } .s-section.black { display: block; overflow: visible; height: auto; background-color: #1b1b1e; } .s-section.black.z1 { position: relative; z-index: 1; } .s-section.black.landing-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s-section.black.landing-section._50vh-mobile.header { padding: 60px 0px 0px; } .s-section.black.arc { border-radius: 0px; } .s-section.black._100vh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .s-section.black._100vh.vertical-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-section.black._80vh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 80vh; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .s-section.black._90vh { 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-section.black.header { padding-top: 60px; } .s-section.black.header.test { display: none; } .s-section.black.blackfriday { padding-top: 100px; padding-bottom: 100px; } .s-section.black.test { display: none; } .s-section.white { display: block; border-bottom: 5px none #ffce1f; background-color: #f5f5f5; } .s-section.white.test { display: none; } .s-section.white.hide { display: none; } .s-section.white.blackfriday { padding-top: 100px; padding-bottom: 100px; } .s-section.green { background-color: #ebfff3; } .s-section.purple { overflow: visible; background-color: #f4e9ff; } .s-section.lightblack { background-color: #1b1b1e; } .s-section.lightblack.howtobuild { display: block; } .s-section.brightyellow { background-color: #ffce1f; } .s-section.darkblue { background-color: #161619; box-shadow: 5px 5px 3px 0 #373731; } .s-section.darkblue.test { display: none; } .s-section.slider { padding-top: 0px; padding-bottom: 0px; text-align: center; } .s-section.orange { position: static; background-color: #fff3c5; } .s-section.darkgreen { display: block; background-color: #50e3c2; } .s-section.overflow { position: relative; z-index: 3; overflow: visible; } .s-section.lightgrey { display: block; background-color: #e7e7e7; } .s-section.lightgrey.animation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-section.lightgrey.instal-manual { display: none; } .s-section.lightgrey.hide { display: none; } .s-section.lightgrey.hide-desktop { display: none; } .s-section._100vh { height: 100vh; } .s-section._100vh.black { display: block; padding-top: 100px; -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-section._100vh.black.header { height: auto; min-height: 100vh; } .s-section.header { padding-top: 100px; } .s-section.yello-flash { background-color: #ffce1f; } .s-section.blueblack { background-color: #263238; color: #263238; } .s-section.darkgrey { position: relative; z-index: 4; background-color: #263238; } .s-section.darkgrey.view { overflow: visible; } .lottie-animation-21 { max-width: 500px; } .lottie-animation-21-copy { max-width: 200px; } .column-130 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 39px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .lottie-animation-22 { width: 100px; } .column-131 { padding-right: 0px; } .div-block-1390 { width: 600px; } .form-block-2-copy-copy { display: block; width: 100%; } .grid-13 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .s-gridblock-navmenu { height: 110px; } .s-subtitle { max-width: none; margin: 0px 0px 20px; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 20px; line-height: 1.5em; font-weight: 400; text-align: left; text-decoration: none; } .s-subtitle.pink { color: #e350cc; } .s-subtitle.pink._100 { max-width: 100%; } .s-subtitle.green { color: #056d38; } .s-subtitle.green.bold { font-weight: 700; } .s-subtitle.white { color: #f3f3f3; text-align: left; } .s-subtitle.white.center { -webkit-transform: none; -ms-transform: none; transform: none; color: #fff; text-align: center; } .s-subtitle.white.center.sticky { position: -webkit-sticky; position: sticky; bottom: 8px; } .s-subtitle.white.centertext { text-align: center; } .s-subtitle.white.left { text-align: left; } .s-subtitle.bold { margin-bottom: 0px; color: #fff; font-weight: 700; } .s-subtitle.bold.green { color: #056d38; } .s-subtitle.bold.green.left { text-align: left; } .s-subtitle.bold.purple { color: #490d82; } .s-subtitle.bold.red { color: #d2392e; } .s-subtitle.black { line-height: 30px; } .s-subtitle.center { color: #263238; text-align: center; } .s-subtitle.center._100 { width: 100%; max-width: 100%; } .s-subtitle.center._100.black { text-align: center; } .s-subtitle.center.darkblue { color: #0146e0; } .s-subtitle.center.white { overflow: visible; width: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .s-subtitle.center.white._80wide { width: 80%; } .s-subtitle.center.slide-vertical { color: #fff; } .s-subtitle.center.light { color: #fff; } .s-subtitle.center.grey { color: #373731; } .s-subtitle.center-copy { text-align: center; } .s-subtitle.center-copy._100 { width: 100%; max-width: 100%; } .s-subtitle.blue { color: #0146e0; } .s-subtitle.nospace { margin-bottom: 0px; } .s-subtitle.nospace.white { color: #373731; } .s-subtitle.more { margin-top: 0px; margin-left: 0px; } .s-subtitle.darkblue { color: #0146e0; } .s-subtitle.list { margin-bottom: 0px; padding-left: 0px; } .s-subtitle.banner { margin-bottom: 0px; } .s-subtitle.profile { margin-bottom: 0px; } .s-subtitle.big { color: #ff7262; font-size: 60px; } .s-subtitle.big.yellow { color: #ffce1f; } .s-subtitle.big.black { color: #263238; } .s-subtitle.color { margin-bottom: 0px; } .s-subtitle.color.green { color: #50e3c2; } .s-subtitle.color.green.dark { color: #3dc5a7; } .s-subtitle.color.yellow { color: #ffce1f; } .s-subtitle.color.yellow.dark { color: #ff9d00; } .s-subtitle.color.purple { color: #490d82; } .feature-block-container { position: relative; overflow: hidden; margin-top: 10px; border-radius: 10px; } .feature-block-container:hover { box-shadow: 8px 8px 0 0 #e350cc; } .feature-block-container.greenhover:hover { box-shadow: 8px 8px 0 0 #056d38; } .columns-71 { width: 100%; } .slider-4 { height: 500px; background-color: hsla(0, 0%, 86.7%, 0); } .s-divider-15 { width: 100%; height: 15px; } .s-divider-15.mod { height: 23px; } .s-divider-15.mod._2 { height: 30px; } .s-divider-15.mod.menu { margin-bottom: 20px; } .columns-72 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 80px; padding-left: 80px; -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; } .slide-nav-2 { display: none; } .image-189 { width: 400px; height: 400px; border: 3px none #000; border-radius: 15px; } .column-133 { 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; } .column-134 { 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-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-video-13 { z-index: 4; width: 1100px; height: 500px; } .div-block-1391 { background-image: linear-gradient(94deg, #fff3c5, #fff3c5, #fff3c5 10%, rgba(255, 243, 197, 0) 50%, #fff3c5 90%, #fff3c5); } .text-span-27 { color: #e350cc; font-weight: 700; } .text-span-28 { color: #e350cc; font-weight: 700; } .background-video-14 { z-index: 4; width: 400px; height: 140px; border-style: solid; border-width: 1px; border-color: #f3f6e6; } .image-190 { width: 40px; } .typer { max-width: 500px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 70px; line-height: 75px; font-weight: 700; text-align: left; text-decoration: none; text-transform: none; } .typer.pink { color: #e350cc; } .typer.pink._100 { max-width: 100%; } .typer.green { color: #056d38; } .typer.green.bold { font-weight: 700; } .typer.white { color: #fff; } .typer.bold { max-width: none; font-weight: 700; } .typer.bold.green.left { text-align: left; } .typer.bold.purple { color: #490d82; } .div-block-1392 { height: 35px; } .link-28 { font-family: Pulpdisplay, sans-serif; text-align: center; } .image-192 { border-radius: 20px; box-shadow: 8px 8px 0 0 #50e3c2; } .text-span-29 { font-size: 35px; font-weight: 700; } .icon-6 { border-radius: 7px; color: #490d82; } .s-vertical-divider { width: 20px; } .div-block-1393 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .html-embed-5 { width: 800px; padding: 9px; border: 2px solid #000; border-radius: 9px; background-color: #f3f6e6; box-shadow: 9px 9px 0 0 #0146e0; } .html-embed-5.hidden { display: none; } .s-body-gradient { background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f6e6), to(#f3f6e6)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/61e59ec234c4cc1156b089b8_bg.svg"); background-image: linear-gradient(180deg, #f3f6e6, #f3f6e6), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/61e59ec234c4cc1156b089b8_bg.svg"); background-position: 0px 0px, 50% 0%; background-size: auto, auto; } .s-title { font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 40px; line-height: 45px; font-weight: 700; } .s-title.center { text-align: center; } .s-title.bold { font-weight: 700; } .s-title.white { color: #fcfcfc; } .s-title.blue { color: #0146e0; } .s-title.pink { color: #e350cc; } .s-title.green { color: #066e3a; } .s-title.purple { color: #490d82; } .s-title.red { color: #d2392e; } .s-title.regular { font-weight: 400; } .s-title.turquoise { color: #50e3c2; } .text-span-30 { color: #0146e0; } .image-193 { display: none; width: 100%; height: 100%; border: 2px solid #373731; border-radius: 10px; box-shadow: 6px 6px 0 0 #373731; } .image-194 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 6; overflow: visible; width: 70px; margin: auto; opacity: 0.84; } .lightbox-link-10 { position: relative; overflow: hidden; border-radius: 20px; background-image: -webkit-gradient(linear, left top, left bottom, from(#373731), to(#373731)); background-image: linear-gradient(180deg, #373731, #373731); } .div-block-1394 { width: 100%; max-width: 1100px; padding-top: 20px; } .button-7 { position: relative; } .div-block-1394-copy { width: 100%; max-width: 1100px; padding-top: 20px; } .div-block-1395 { border: 2px solid #373731; border-radius: 7px; background-color: #fff; box-shadow: 6px 6px 0 0 #373731; } .column-138 { padding: 30px; } .column-139 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .columns-73 { 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; } .call-to-action-button-copy { margin-top: 0px; padding: 9px 24px; border: 3px solid #0146e0; border-radius: 0px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 17px; font-weight: 700; cursor: pointer; } .call-to-action-button-copy:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .call-to-action-button-copy:active { position: relative; left: 3px; top: 3px; } .call-to-action-button-copy.purple { border-color: #ffce1f; background-color: #490d82; color: #ffce1f; } .call-to-action-button-copy.purple.mod { padding-right: 28px; padding-left: 28px; border-color: #ff61f6; background-color: #470137; color: #ff61f6; } .call-to-action-button-copy.figma { border-style: solid; border-color: #a259ff; border-radius: 0px; background-color: #490d82; color: #fff; } .call-to-action-button-copy.smlinks { width: 100%; text-align: center; } .call-to-action-button-copy._3-0 { padding: 10px 20px; border-color: #fff; background-color: rgba(255, 255, 255, 0); color: #fff; font-size: 17px; } .call-to-action-button-copy.yellow { margin-top: 0px; background-color: #ffce1f; } .call-to-action-button-copy.lightbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 20px; } .call-to-action-button-copy.lightbox.yellow { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .call-to-action-button-copy.purplestroke { border-color: #490d82; color: #490d82; } .call-to-action-button-copy.greenstroke { border-color: #056d38; color: #056d38; } .text-span-31 { color: #e350cc; } .image-195 { width: 700px; } .text-span-32 { color: #0146e0; } .column-140 { text-align: left; } .columns-74 { width: 100%; } .background-video-15 { z-index: 5; height: 450px; border: 2px solid #373731; border-radius: 7px; box-shadow: 6px 6px 0 0 #373731; } .image-196 { width: 700px; } .text-span-33 { color: #e350cc; } .div-block-94-copy { position: relative; display: block; width: 95vw; max-width: 1100px; margin-top: 20px; 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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-grid-row-align: auto; align-self: auto; grid-auto-flow: row; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .columns-75 { 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; } .text-span-34 { color: #e350cc; font-weight: 700; } .text-span-35 { color: #e350cc; font-weight: 700; } .navbar-2-copy { position: -webkit-sticky; position: sticky; top: 0px; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(255, 255, 255, 0); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .navbar-2-copy.nobg { -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; background-color: rgba(243, 246, 230, 0); } .image-197 { width: 100%; height: 100%; padding: 30px; border: 2px solid #373731; border-radius: 7px; background-color: #fff; box-shadow: 5px 5px 0 0 #373731; } .columns-76 { 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; } .column-143 { 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-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .container-50 { 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; text-align: center; } .bold-text-16 { margin-left: 12px; } .div-newsletter-copy { margin-top: 0px; margin-bottom: 100px; padding-top: 0px; background-color: transparent; } .footer-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; margin-top: 0px; padding-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #dff4ff; } .background-video-17 { z-index: 5; width: 540px; height: 380px; border-style: none; border-width: 2px; border-color: #263238; border-radius: 7px; } .background-video-17:hover { border-color: #0146e0; box-shadow: 5px 5px 0 0 #0146e0; } .text-span-36 { color: #0146e0; } .column-136-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 41px; -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; } .text-span-37 { color: #0146e0; } .image-198 { width: 700px; } .image-199 { width: 100%; } .div-block-1395-copy { padding: 40px 60px 40px 40px; border: 2px solid #373731; border-radius: 7px; background-color: #fff; box-shadow: 6px 6px 0 0 #373731; text-align: left; } .image-200 { width: 40px; margin-right: 0px; } .div-block-1397 { 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; } .column-144 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 20px; -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; text-align: left; } .column-145 { padding-left: 20px; } .text-span-38 { color: #0146e0; } .column-144-copy { padding-right: 20px; text-align: left; } .text-span-39 { color: #50e3c2; } .image-200-copy { width: 40px; } .div-block-1398 { padding-right: 0px; padding-left: 0px; } .image-201 { width: 300px; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; box-shadow: 6px 6px 0 0 #373731; } .column-146 { 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; text-align: left; } .div-block-1399 { padding: 20px; background-color: #fff; text-align: left; } .link-block-43 { overflow: hidden; width: 100%; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; background-color: #373731; box-shadow: 5px 5px 0 0 #373731; cursor: pointer; } .link-block-43:hover { border-color: #373731; box-shadow: 6px 6px 0 0 #e350cc; } .image-202 { width: 100%; } .text-span-40 { color: #e350cc; } .success-message-4-copy { width: 100%; height: 100%; padding: 20px 0px 0px; border-radius: 12px; background-color: hsla(0, 0%, 100%, 0); } .s-dividervertical { width: 30px; } .s-dividervertical-40 { width: 40px; } .form-block-4-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 400px; height: 140px; margin-top: 23px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .text-span-41 { color: #e350cc; } .div-block-1400 { 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; } .lottie-animation-23 { display: none; } .grid-14 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .image-203 { width: 80px; height: 80px; margin: 0px; padding: 11px; border: 3px solid #373731; border-radius: 7px; background-color: #fff; box-shadow: none; } .bravoexpert-icon-text-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 20px; grid-row-gap: 20px; text-align: left; } .column-147 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .columns-77 { 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; } .lottie-animation-24 { overflow: hidden; border: 4px solid #373731; border-radius: 10px; } .lottie-animation-25 { height: 400px; } .sticky-nav { position: -webkit-sticky; position: sticky; top: 0px; z-index: 2; padding: 12px 0px; background-color: #f3f6e6; } .sticky-nav.hidden { display: none; } .nav-grid { display: -ms-grid; display: grid; width: 100%; margin: 0px; padding: 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; grid-auto-flow: column; grid-auto-columns: -webkit-max-content; grid-auto-columns: max-content; grid-column-gap: 40px; grid-row-gap: 20px; -ms-grid-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content 1fr; -ms-grid-columns: max-content max-content max-content max-content max-content 1fr; grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content 1fr; grid-template-columns: max-content max-content max-content max-content max-content 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .nav-logo-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; margin-right: 0px; margin-left: 0px; padding: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-logo { width: 100px; height: auto; -o-object-fit: contain; object-fit: contain; -o-object-position: 0% 50%; object-position: 0% 50%; } .nav-link { display: block; margin-right: 0px; margin-left: 0px; padding: 10px 0px; color: #444; text-decoration: none; } .nav-link:hover { text-decoration: underline; } .div-block-1402 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .list-item-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-dividervertical-20 { width: 20px; } .s-menulink { display: block; margin-right: 0px; margin-left: 0px; padding: 2px 0px 0px; font-family: Pulpdisplay, sans-serif; font-size: 16px; font-weight: 400; } .s-menulink:hover { color: #0146e0; } .div-block-1403 { width: auto; } .sticky-nav-dropdown-product { position: relative; top: 0px; z-index: 1; padding: 0px; border-top: 1px solid #d9ddc8; background-color: #f3f6e6; } .sticky-nav-dropdown-product.hidden { display: none; } .list-item-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 9px; cursor: pointer; } .list-item-5:hover { color: #0146e0; } .image-204 { padding-left: 10px; color: #e350cc; } .s-nav-menu-grid { margin-bottom: 40px; padding-bottom: 0px; justify-items: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; border: 1px none #000; } .s-nav-menu-grid.mod { border-bottom-style: none; } .s-nav-menu-grid.mod.white { color: #fff; } .div-block-1404 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 40px; padding-bottom: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .div-block-1405 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-dividervertical-10 { width: 10px; } .s-menuicon:hover { color: #0146e0; } .s-navemenu-image { width: 300px; border: 1px none #d9ddc8; border-radius: 5px; background-color: transparent; } .s-dropdown-columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0px; margin-left: 0px; } .s-dropdown-submenu { padding-top: 40px; padding-right: 0px; padding-bottom: 0px; } .s-dropdown-news { padding-top: 40px; padding-bottom: 40px; padding-left: 40px; border-left: 1px solid rgba(55, 55, 49, 0.1); } .nav-container { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: transparent; } .nav-container.hidden { display: none; } .body-37 { font-family: Pulpdisplay, sans-serif; } .text-block-134 { font-size: 16px; line-height: 14px; font-weight: 700; } .s-navemenu { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-left: 31px; -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; } .s-navemenu.mod { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .dropdown-list-3 { left: 0%; top: 60px; right: 0%; bottom: auto; background-color: #f3f6e6; } .dropdown-list-3.w--open { top: 59px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #d9ddc8; } .dropdown-list-3.black { border-color: #1b1b1e; background-color: #161619; } .navbar-3 { position: static; display: block; width: 100%; border-bottom: 1px solid rgba(55, 55, 49, 0.1); background-color: #f3f6e6; } .navbar-3.black { padding-top: 10px; padding-bottom: 10px; background-color: #161619; } .navbar-3.test { display: block; } .brand-3 { width: 100px; padding-top: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .brand-3.mod { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0px; } .image-206 { margin: auto; } .s-dropdown-toggle { 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; grid-column-gap: 5px; grid-row-gap: 5px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 15px; font-weight: 400; cursor: pointer; } .s-dropdown-toggle:hover { color: #0146e0; } .s-dropdown-toggle:active { color: #0146e0; } .s-dropdown-toggle.white { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; } .s-navlink { font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 15px; font-weight: 400; } .s-navlink:hover { color: #0146e0; } .s-navlink.white { color: #fff; } .div-block-1407 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-menu-arrow { position: static; margin: 0px; padding: 0px; } .div-block-1408 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 300px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .s-gridblock-menu { height: auto; } .s-gridblock-menu.test { display: none; } .s-navdivider { height: 1px; margin-top: 32px; margin-bottom: 32px; border: 1px solid #d9ddc8; } .div-block-1409 { height: 110px; } .s-menudivblock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #373731; } .s-menudivblock:hover { color: #0146e0; } .s-menudivblock.mod { width: 150px; } .s-menudivblock.s-navlink.howtobuild { display: none; } .image-207 { position: absolute; left: 0px; top: 40px; right: 0px; z-index: 1; width: 80px; margin-right: auto; margin-left: auto; opacity: 0.81; } .lightbox-link-11 { position: relative; } .div-block-1410 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .grid-2columns-8-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 0px; -ms-grid-columns: 1fr 1.25fr; grid-template-columns: 1fr 1.25fr; -ms-grid-rows: auto; grid-template-rows: auto; } .cta-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 20px; grid-row-gap: 20px; } .cta-box.left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .text-span-42 { color: #0146e0; } .div-block-1412 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } .div-block-1413 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 60%; padding-right: 40px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1413.center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1414 { padding-right: 58px; } .div-block-1415 { padding-right: 42px; } .s-body-ivory { background-color: #f3f6e6; } .column-151 { padding-right: 0px; text-align: left; } .image-208 { width: 70%; padding: 0px; border: 2px solid #373731; border-radius: 7px; background-color: #f3f6e6; box-shadow: 5px 5px 0 0 #373731; } .div-block-1416 { margin-top: 35px; padding-left: 62px; } .grid-16 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .dropdown-bg { position: absolute; z-index: -1; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.54); } .div-block-1418 { margin-top: 0px; } .div-block-1419 { margin-top: 124px; } .old-nav { padding-left: 10px; } .old-nav.hidden { display: none; } .text-span-43 { color: #0146e0; } .text-span-44 { color: #0146e0; } .div-block-1420 { padding-right: 50px; } .div-block-1421 { padding-right: 108px; } .s-richtext { font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 16px; line-height: 25px; font-weight: 400; } .s-tablink { border: 2px solid transparent; border-radius: 7px; background-color: transparent; font-family: Pulpdisplay, sans-serif; color: #373731; } .s-tablink:hover { color: #0146e0; } .s-tablink.w--current { border: 2px solid #373731; border-radius: 7px; background-color: transparent; font-family: Pulpdisplay, sans-serif; color: #373731; } .s-tablink.white { margin-right: 10px; border-color: #95958d; color: #95958d; } .s-tablink.white:hover { border-color: #f3f3f3; color: #f3f3f3; } .s-tablink.white.w--current { border-color: #f3f3f3; color: #f3f3f3; } .s-tabsmenu { 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; } .body-38 { background-color: #f3f6e6; } .s-collection-item { padding: 0px; border: 2px solid #fff; border-radius: 7px; color: #fff; } .s-collection-item:hover { border-color: #373731; box-shadow: 5px 5px 0 0 #373731; } .s-collectionlistgrid { display: -ms-grid; display: grid; grid-auto-flow: row; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .s-collection-link-box { padding: 20px; color: #fff; } .div-block-1422 { 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; } .div-block-1423 { 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; } .div-block-1424 { padding-right: 203px; } .body-39 { background-color: #f3f6e6; } .sample-apps-tab-copy { margin-right: 10px; background-color: hsla(0, 0%, 86.7%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; } .sample-apps-tab-copy.w--current { margin-right: 10px; margin-left: 0px; border-radius: 6px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; } .sample-apps-tab-copy-copy { margin-right: 10px; background-color: hsla(0, 0%, 86.7%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; } .sample-apps-tab-copy-copy.w--current { margin-right: 10px; margin-left: 0px; border-radius: 6px; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; } .link-block-45 { display: block; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .app-text-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 20px; grid-row-gap: 20px; border-top: 1px solid rgba(55, 55, 49, 0.1); background-color: #fcfcfc; } .collection-list-11-copy { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-list-11-copy.featured { display: block; } .collection-list-14 { display: block; padding-left: 74px; grid-auto-columns: 1fr; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .pagination { margin-top: 30px; } .grid-17 { grid-auto-flow: column; grid-template-areas: "."; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .div-block-1428 { width: 0px; margin-left: 0px; } .div-block-1429 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .app-info { grid-column-gap: 61px; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1430 { 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; } .app-screenshots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -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; } .columns-79 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .column-152 { padding-left: 101px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .text-span-45 { color: #e350cc; } .column-153 { padding-right: 45px; } .pagination-2 { margin-top: 30px; } .title-text-3-copy { width: auto; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: none; } .title-text-3-copy.white { color: #fff; font-weight: 300; } .title-text-3-copy.pink { margin-bottom: 14px; color: #e350cc; } .title-text-3-copy.pink.new { font-size: 16px; font-weight: 500; } .title-text-3-copy.purple { color: #490d82; } .title-text-3-copy.carrer { color: #211e1e; } .title-text-3-copy.centered { text-align: center; } .title-text-3-copy.black { color: #202125; } .title-text-3-copy.grey { color: #9fa1ac; } .title-text-3-copy.madewithbravo { color: #263238; font-weight: 300; } .title-text-3-copy.madewithbravo.grey { margin-right: 7px; color: #8b8b8b; } .title-text-3-copy.madewithbravo.blue { color: #0146e0; } .title-text-3-copy.blog { padding-left: 10px; } .title-text-3-copy.blogpage { margin-right: 4px; color: #444; font-size: 16px; line-height: 26px; } .title-text-3-copy.blogpage.text { margin-top: 60px; font-size: 16px; line-height: 26px; font-weight: 300; } .title-text-3-copy._3-0 { color: #fff; font-size: 16px; line-height: 25px; } .title-text-3-copy.gray { color: #8a8a8a; } .div-block-1432 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .column-154 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1433 { 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; } .columns-81 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .text-span-46 { color: #0146e0; } .empty-state { background-color: transparent; } .text-span-47 { color: #e350cc; } .image-209 { position: static; z-index: 2; width: 100%; margin-bottom: 50px; opacity: 1; } .image-209.test { display: none; opacity: 0; } .image-209._0 { opacity: 0; } .columns-82 { 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; } .collection-list-11-copy { position: relative; display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-list-11-copy.featured { display: block; } .column-156 { padding-right: 0px; padding-left: 0px; } .grid-19 { width: 100%; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-20 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; text-align: center; } .div-block-1434 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .s-icon { width: 40px; margin-top: 0px; margin-bottom: 0px; text-align: left; } .text-span-48 { font-size: 24px; } .div-block-1435 { text-align: center; } .image-211 { width: 100%; border: 2px none #373731; border-radius: 7px; background-color: transparent; } .div-icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px; } .div-icons.test { display: none; } .grid-21 { padding-right: 0px; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -ms-grid-rows: auto; grid-template-rows: auto; } .text-span-49 { color: #0146e0; } .image-212 { margin-left: 10px; } .img-xd { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .grid-22 { padding-left: 0px; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1437 { display: block; padding-right: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; } .subscribe-form { padding-top: 100px; padding-bottom: 100px; } .centered-container { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .subscribe-form-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: 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; } .subscribe-form-input-wrapper { text-align: left; } .subscribe-form-input { margin-bottom: 0px; } .form-7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .s-textfield { margin-right: 10px; margin-bottom: 0px; border: 2px solid #373731; border-radius: 5px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 16px; line-height: 20px; } .form-block-8 { width: 100%; margin-bottom: 0px; } .grid-23 { grid-auto-flow: row; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .div-block-1438 { 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; } .div-block-1439 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .column-157 { 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; } .s-paragraph-link { max-width: 500px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 14px; line-height: 1.5em; font-weight: 400; text-decoration: none; cursor: pointer; } .s-paragraph-link:hover { color: #0146e0; } .s-paragraph-link.pink { color: #e350cc; } .s-paragraph-link.pink._100 { max-width: 100%; } .s-paragraph-link.pink.left { text-align: left; } .s-paragraph-link.green { color: #056d38; } .s-paragraph-link.white { color: #fff; } .s-paragraph-link.purple { color: #490d82; } .s-paragraph-link.pink-copy { color: #e350cc; } .s-paragraph-link.pink-copy._100 { max-width: 100%; } .s-paragraph-link.pink-copy.left { text-align: left; } .s-paragraph-link._100 { max-width: none; } .s-paragraph-link.black { color: #373731; line-height: 1.5em; } .s-paragraph-link.black.bold { font-weight: 700; } .s-paragraph-link.black.italic { font-style: italic; } .s-paragraph-link.bold { font-weight: 700; } .s-paragraph-link.gray { color: #95958d; } .s-paragraph-link.gray.greenhover:hover { color: #50e3c2; } .s-paragraph-link.centered { text-align: center; } .s-paragraph-link.blue { padding: 5px; border-radius: 7px; background-color: #373731; } .s-paragraph-link.hiring { padding: 1px 7px 2px 5px; border-radius: 7px; background-color: #373731; color: #fff; font-size: 12px; text-decoration: none; } .column-158 { 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; } .column-159 { 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; } .column-160 { 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; } .s-divider-10 { width: 100%; height: 10px; } .s-divider-10.mod { height: 23px; } .s-divider-10.mod._2 { height: 30px; } .div-block-1440 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .html-embed-6 { color: #373731; } .html-embed-7 { color: #373731; } .html-embed-8 { color: #373731; } .text-span-51 { color: #0146e0; } .div-block-1441 { padding-right: 0px; } .div-block-1442 { width: 100%; text-align: left; } .text-span-52 { color: #0146e0; } .div-block-1443 { position: relative; padding-right: 0px; padding-left: 0px; } .image-214 { position: absolute; left: 0px; top: auto; right: auto; bottom: 13px; z-index: 3; width: 290px; margin: 0px; } .video-building-mobile-apps { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; display: block; overflow: hidden; width: 79%; height: 75%; margin: auto; border: 4px solid #373731; border-radius: 10px; background-color: #373731; box-shadow: none; } .column-161 { padding-right: 52px; } .grid-24 { justify-items: stretch; -ms-grid-columns: 3.25fr 1.5fr 1.5fr 1.5fr; grid-template-columns: 3.25fr 1.5fr 1.5fr 1.5fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1444 { 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; } .div-block-1445 { 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; } .div-block-1447 { 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; } .image-215 { width: 15px; margin-left: 10px; } .html-embed-10 { margin-left: 10px; } .s-button-icon { width: 12px; margin-top: 0px; margin-bottom: 0px; margin-left: 10px; } .grid-2columns-6-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: auto; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; clear: none; -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; align-self: flex-start; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1fr 0.5fr; grid-template-columns: 1fr 0.5fr; -ms-grid-rows: auto; grid-template-rows: auto; -o-object-fit: fill; object-fit: fill; } .grid-2columns-6-6.imgright-textleft { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid-2columns-6-6.pro-services { margin-top: 30px; } .grid-2columns-6-6.invert { padding-right: 0px; padding-left: 0px; } .div--h2-sub { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .div--h2-sub.center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .div--h2-sub._2-3 { width: auto; } .text-span-53 { color: #0146e0; } .text-span-54 { color: #0146e0; } .grid-26 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .link-block-46 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: dashed; border-width: 2px; border-color: #373731; border-radius: 7px; text-align: center; } .link-block-46:hover { border-color: #e350cc; } .text-block-135 { font-family: Pulpdisplay, sans-serif; font-size: 20px; line-height: 1.5em; } .img-figma { max-width: none; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .text-span-55 { color: #0146e0; } .text-span-56 { color: #0146e0; } .image-194-copy { position: absolute; left: 863px; bottom: 165.9px; z-index: 6; overflow: visible; width: 70px; opacity: 0.84; } .success-message-8 { border: 1px solid #d9ddc8; border-radius: 7px; background-color: #fff; } .text-span-57 { color: #0146e0; } .div-block-1450 { padding-right: 97px; padding-left: 97px; } .div-block-1451 { display: none; width: 100%; height: 100%; margin-bottom: 100px; padding: 44px 36px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #373731; border-radius: 7px; background-color: #f3f6e6; box-shadow: 5px 5px 0 0 #373731; text-align: center; } .grid-28 { -ms-grid-columns: 40% 20% 20% 20%; grid-template-columns: 40% 20% 20% 20%; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1452 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .grid-29 { display: block; margin-top: 40px; -ms-grid-columns: 1.25fr 1fr; grid-template-columns: 1.25fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .background-video-19 { width: 100%; height: 300px; margin-top: 0px; border: 2px none #373731; border-radius: 7px; } .background-video-19.test { display: none; } .div-block-1453 { width: 50%; padding-left: 0px; } .grid-30 { -ms-grid-columns: 1fr 1.25fr; grid-template-columns: 1fr 1.25fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-31 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .text-span-58 { color: #0146e0; } .grid-32 { width: 100%; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1454 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .grid-features { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; border: 1px none #000; border-radius: 7px; } .image-211-copy { display: none; width: 100%; height: 200px; border-style: solid; border-width: 1px; border-color: rgba(55, 55, 49, 0.25); border-radius: 7px; background-color: #fcfcfc; } .div-block-1455 { display: block; } .div-subscribe-newsletter { margin-right: 0px; padding-right: 0px; } .image-216 { margin-right: 10px; } .div-block-1374-copy { position: relative; overflow: hidden; height: 250px; padding: 20px; border-top-left-radius: 7px; border-top-right-radius: 7px; background-color: #fcfcfc; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; } .div-block-1374-copy.featured { height: 270px; } .image-217 { border: 1px none #d9ddc8; border-radius: 20px; } .image-218 { width: 100px; border: 1px none #d9ddc8; border-radius: 10px; } .div-block-1457 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .image-219 { width: 40px; margin-top: 0px; margin-bottom: 0px; } .text-span-59 { color: #0146e0; } .div-block-1458 { 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; } .text-span-60 { color: #0146e0; } .grid-34 { -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1459 { 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; } .columns-83 { 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; } .text-span-61 { font-weight: 700; } .grid-35 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1460 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1461 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 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; background-color: #1b1b1e; text-align: center; } .div-block-1461.test { display: none; } .div-block-1462 { 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .top-banner-link { display: none; width: 100%; height: auto; padding: 10px 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffeae2; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62d66c3e3f93162c342fc4c6_TopBanner-SummerPromo.png"); background-position: 50% 0%; background-size: 100%; background-repeat: no-repeat; } .top-banner-link._2nd { display: block; overflow: hidden; padding: 0px; background-color: #d2392e; background-image: none; } .top-banner-link._2nd.test { display: none; } .text-span-62 { color: #e350cc; } .div-block-1463 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1464 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0px; text-align: left; } .grid-36 { -ms-grid-columns: 1fr 1.25fr; grid-template-columns: 1fr 1.25fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1465 { text-align: left; } .grid-37 { -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1466 { 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; } .div-block-1466.hidden { display: none; } .lightbox-link-12 { overflow: hidden; border-radius: 7px; } .lightbox-link-12:hover { box-shadow: 5px 5px 0 0 #0146e0; } .s-navemenu-copy { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-left: 31px; -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; } .brand-3-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-136 { margin-right: 10px; font-size: 25px; } .grid-38 { height: 90px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-39 { -ms-grid-columns: 25% 25% 25% 25%; grid-template-columns: 25% 25% 25% 25%; } .grid-40 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-41 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .div-block-1467 { width: 100%; } .s-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 20px; -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; border: 1px solid #373731; border-radius: 7px; cursor: pointer; } .s-box:hover { box-shadow: 5px 5px 0 0 #373731; } .s-box.white { border-color: #fcfcfc; } .s-box.white:hover { box-shadow: 5px 5px 0 0 #fcfcfc; } .s-box.black { border-style: none; background-color: #232328; } .s-box.black:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .s-box.black.centered { -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; text-align: center; } .s-box.black.horizontal { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .s-box.black.horizontal.image { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .s-box.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .columns-84 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .div-block-1468 { 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; } .grid-42 { -ms-grid-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr); grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1469 { 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; } .div-block-1470 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lottie-animation-26 { width: 400px; height: 400px; border-radius: 7px; } .div-block-1471 { -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; } .image-220 { width: 100px; } .div-block-1472 { width: 120px; height: 140px; margin-right: 20px; } .div-block-1473 { width: 200px; height: 100px; } .image-221 { width: 120px; height: 160px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; border-radius: 7px 0px 0px 7px; -o-object-fit: cover; object-fit: cover; } .grid-43 { height: 130px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .link-block-47 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 40px; -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; border-radius: 7px; background-color: #fff3c5; font-family: Pulpdisplay, sans-serif; } .link-block-47:hover { box-shadow: 5px 5px 0 0 #f3f3f3; } .link-block-47.blue { background-color: #dff4ff; } .link-block-47.red { background-color: #ffeae2; } .image-222 { width: 50px; height: 50px; margin-right: 30px; padding: 5px; border-radius: 7px; } .s-smalltext { font-family: Pulpdisplay, sans-serif; font-size: 12px; } .s-smalltext.centered { text-align: center; } .s-smalltext.gray { color: #95958d; } .s-smalltext.gray.caps { color: #95958d; font-size: 13px; line-height: 1.5em; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .grid-44 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .link-block-48 { background-color: #232328; } .collection-list-15 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .image-223 { margin: 0px; border-radius: 7px; } .s-box-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; border-radius: 7px; cursor: pointer; } .s-box-image:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .s-box-image.white { border-color: #fcfcfc; } .s-box-image.white:hover { box-shadow: 5px 5px 0 0 #fcfcfc; } .s-box-image.black { border-style: none; background-color: #232328; } .s-box-image.black:hover { box-shadow: 5px 5px 0 0 #f3f3f3; } .s-box-image.black.centered { -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; text-align: center; } .s-box-image.black.horizontal { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .s-box-image.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .collection-list-16 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr); grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; } .link-block-49 { position: relative; overflow: hidden; border-radius: 7px; } .link-block-49:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .grid-45 { -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1474 { padding: 30px; text-align: center; } .div-block-1475 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr; grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1476 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .image-225 { position: absolute; left: 63px; bottom: 154.383px; width: 30px; } .grid-46 { -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1477 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1478 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .image-226 { width: 300px; border-radius: 7px; } .grid-47 { padding: 30px; grid-auto-flow: row; grid-column-gap: 30px; grid-row-gap: 30px; grid-template-areas: "."; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: 1fr 1fr 1fr; border-radius: 7px; background-color: #232328; text-align: center; } .div-block-1479 { padding-right: 100px; } .div-block-1482 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .image-227 { border-radius: 7px; } .grid-48 { width: 100%; grid-column-gap: 50px; grid-row-gap: 50px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .lottie-animation-27 { position: absolute; left: -182px; bottom: -20px; overflow: hidden; width: 800px; } .div-block-1483 { position: relative; } .div-block-1484 { padding-right: 105px; } .grid-49 { grid-column-gap: 60px; grid-row-gap: 27px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto auto; grid-template-rows: auto auto auto auto; text-align: left; } .image-228 { display: inline-block; width: 30px; height: 30px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; padding-top: 3px; } .grid-50 { -ms-grid-columns: 1fr 0.75fr; grid-template-columns: 1fr 0.75fr; -ms-grid-rows: auto; grid-template-rows: auto; } .s-box-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -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; grid-column-gap: 20px; grid-row-gap: 20px; border-style: none; border-width: 2px; border-color: #0146e0; border-radius: 7px; background-color: #fff; text-align: left; cursor: pointer; } .s-box-copy.white { border-color: #fcfcfc; } .s-box-copy.white:hover { box-shadow: 5px 5px 0 0 #fcfcfc; } .s-box-copy.black { border-style: none; background-color: #232328; } .s-box-copy.black:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .s-box-copy.black.centered { -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; text-align: center; } .s-box-copy.black.horizontal { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .s-box-copy.black.horizontal.image { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .s-box-copy.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-item-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 25px; grid-column-gap: 10px; grid-row-gap: 10px; font-size: 30px; } .lottie-animation-28 { position: static; left: -37px; top: -40px; overflow: visible; width: auto; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; -o-object-fit: none; object-fit: none; } .div-block-1485 { position: static; display: block; padding-right: 0px; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .list-item-7 { font-size: 30px; } .img-endless { width: auto; height: auto; border: 1px solid #373731; border-radius: 7px; -o-object-fit: cover; object-fit: cover; } .grid-51 { overflow: hidden; grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 0.5fr 1fr 1fr; grid-template-columns: 0.5fr 1fr 1fr; -ms-grid-rows: auto auto auto auto auto; grid-template-rows: auto auto auto auto auto; border: 1px solid #373731; border-radius: 7px; background-color: #fff; } .div-block-1486 { padding: 20px; border-style: solid; border-width: 1px; border-color: #e6e6e6; } .text-block-137 { padding: 20px; } .div-block-1487 { text-align: center; } .div-block-1488 { text-align: center; } .div-block-1489 { text-align: center; } .div-icon-text-proservices { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30%; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .grid-52 { height: 250px; padding-right: 90px; padding-left: 90px; grid-column-gap: 30px; grid-row-gap: 30px; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-52.hidden { display: none; } .image-230 { width: 350px; border: 1px solid #373731; border-radius: 7px; -o-object-fit: cover; object-fit: cover; } .text-span-66 { color: #0146e0; } .text-span-67 { color: #0146e0; } .text-span-68 { color: #0146e0; font-weight: 700; } .div-block-1491 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-231 { width: 80px; height: 80px; border-radius: 50px; -o-object-fit: cover; object-fit: cover; } .image-231-copy { width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain; } .div-block-1492 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1493 { width: 100%; border: 1px solid #373731; border-radius: 7px; } .image-194-copy { left: 36%; bottom: 24.9%; z-index: 6; overflow: visible; width: 120px; opacity: 0.84; } .image-232 { width: 100%; height: 250px; } .lightbox-link-13 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 480px; height: 270px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2px none #373731; border-radius: 20px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.09)), to(rgba(0, 0, 0, 0.09))), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62f6089fd6557d3ed695c706_Keyper-thumbnail.jpg"); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.09)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62f6089fd6557d3ed695c706_Keyper-thumbnail.jpg"); background-position: 0px 0px, 50% 0%; background-size: auto, cover; } .image-233 { position: static; left: 37%; bottom: 30%; width: 60px; opacity: 0.78; } .grid-53 { -ms-grid-columns: 0.5fr 1fr 1fr; grid-template-columns: 0.5fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1494 { padding: 40px 20px 20px; border-style: none; border-width: 2px; border-color: #373731; border-radius: 20px; background-color: #263238; text-align: left; } .div-block-1494.white { background-color: #fff; } .div-block-1494.ivory { border-color: #373731; background-color: #f3f6e6; box-shadow: 5px 5px 0 0 #373731; } .div-block-1495 { padding-top: 20px; padding-bottom: 20px; text-align: left; } .grid-54 { margin-right: 140px; grid-column-gap: 30px; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1496 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .div-block-1497 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; margin-right: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-234 { width: 20px; height: 20px; margin-top: 2px; margin-right: 10px; margin-bottom: 0px; } .div-block-1498 { width: 100%; } .image-194-copy-copy { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 6; overflow: visible; width: 70px; margin: auto; opacity: 0.84; } .div-block-1499 { 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; } .image-235 { width: 85px; margin-top: 0px; margin-right: 5px; margin-bottom: 5px; } .text-span-69 { color: #0146e0; } .text-span-70 { color: #0146e0; } .text-span-71 { color: #0146e0; } .text-span-72 { color: #0146e0; } .columns-85 { width: 100%; } .column-167 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .text-span-73 { color: #0146e0; } .text-span-73.blue { color: #0146e0; } .text-span-74 { color: #0146e0; } .collection-item-14 { display: block; text-align: center; } .grid-55 { -ms-grid-rows: auto; grid-template-rows: auto; } .image-236 { width: 100%; height: 300px; -o-object-fit: cover; object-fit: cover; } .div-block-1151-copy { position: absolute; left: 196px; top: -75px; width: 150px; height: 150px; border: 4px solid #373731; border-radius: 200px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/624ff2a2116c9d06f00f4b2d_2744634_original.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .quote-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 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; } .quote-img { width: 165px; height: auto; margin-left: 10px; border-radius: 7px; -o-object-fit: cover; object-fit: cover; } .quote-img._30 { width: 30%; } .quote-img._30pc { width: 30%; } .image-238 { width: 50px; margin-right: 10px; } .quote-quote { padding: 10px 10px 10px 0px; border-radius: 7px; } .quote-person { 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; } .div-block-1504 { 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; } .grid-56 { margin-top: 30px; grid-column-gap: 61px; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1505 { padding-right: 0px; padding-left: 20px; } .div-block-1505.pro-services { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0px; grid-column-gap: 20px; grid-row-gap: 20px; } .grid-57 { height: 280px; padding-right: 12px; padding-left: 115px; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1506 { padding-left: 22px; } .collection-list-11-copy { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-list-11-copy.featured { display: block; } .collection-list-11-copy-copy { position: relative; display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-list-11-copy-copy.featured { display: block; } .grid-58 { grid-column-gap: 49px; -ms-grid-rows: auto; grid-template-rows: auto; } .lottie-animation-29 { position: absolute; left: -62px; top: -73px; width: 650px; } .div-block-1507 { position: relative; padding-right: 20px; padding-left: 20px; } .collection-list-17 { display: -ms-grid; display: grid; padding-left: 0px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .s-box-testimonial { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border: 2px solid #373731; border-radius: 7px; background-color: #fff; box-shadow: 5px 5px 0 0 #373731; text-align: left; cursor: pointer; } .s-box-testimonial.white { border-color: #fcfcfc; } .s-box-testimonial.white:hover { box-shadow: 5px 5px 0 0 #fcfcfc; } .s-box-testimonial.black { border-style: none; background-color: #232328; } .s-box-testimonial.black:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .s-box-testimonial.black.centered { -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; text-align: center; } .s-box-testimonial.black.horizontal { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .s-box-testimonial.black.horizontal.image { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .s-box-testimonial.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .div-block-1508 { display: block; height: 280px; padding-top: 30px; padding-right: 0px; padding-left: 20px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .s-displaynone { display: none; } .s-dot-slider-navigation { position: static; margin-top: 30px; padding-right: 7.5vw; } .s-slider-slide { overflow: hidden; width: 100%; height: 100%; max-width: 92.5vw; margin-right: 40px; border: 2px none #373731; border-radius: 7px; background-color: transparent; } .s--slider-mask { overflow: visible; width: 100%; height: auto; } .s-slider { overflow: visible; height: auto; padding-top: 10px; padding-bottom: 10px; background-color: hsla(0, 0%, 86.7%, 0); } .s-slide-image { width: 100%; height: 258px; -o-object-fit: cover; object-fit: cover; } .s-slide-image.non-technical { display: block; height: 400px; margin-top: 0px; margin-bottom: 0px; } .s-slide-image.agency { margin-top: 0px; margin-bottom: 0px; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .s-slide-image.fit { overflow: hidden; width: auto; height: 400px; margin: 0px; } .div-block-1509 { padding: 25px 10px 25px 20px; } .div-block-1510 { position: relative; } .div-block-1510.testimonial-home { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .image-239 { position: absolute; left: auto; top: auto; right: 5%; bottom: 0%; width: 70px; opacity: 0.84; } .html-embed-12 { position: absolute; } .grid-58-copy { padding-right: 0px; padding-left: 0px; grid-column-gap: 49px; -ms-grid-rows: auto; grid-template-rows: auto; } .column-168 { 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; } .columns-86 { margin-top: 60px; } .text-span-75 { color: #e350cc; } .grid-59 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .image-240 { width: 200px; } .collection-list-18 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-item-15 { padding: 10px; border: 2px solid #373731; border-radius: 7px; background-color: #fff; } .div-block-1511 { width: 50%; max-width: none; } .lightbox-link-14 { 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; } .heading-3 { font-family: Pulpdisplay, sans-serif; font-size: 70px; line-height: 75px; } .h1 { overflow: visible; margin-bottom: 40px; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 70px; line-height: 75px; text-align: left; } .h1.center { text-align: center; } .h1.darkblue { color: #0146e0; } .h1.blog { font-size: 40px; line-height: 1.2em; } .h1.white { color: #fff; } .h1-span-blue { color: #0146e0; } .heading-4 { font-size: 0px; } .h2-left { margin-top: 30px; font-family: Pulpdisplay, sans-serif; font-size: 40px; line-height: 1.2em; font-weight: 700; text-align: left; } .h3 { position: static; left: 0%; top: 0%; right: 0%; bottom: 0%; height: auto; margin-top: 0px; padding: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 20px; line-height: 1.5em; font-style: normal; font-weight: 700; text-align: left; } .h3.center { text-align: center; } .h3.center.white { color: #fff; } .h3.banner { margin-top: 0px; margin-bottom: 0px; } .h3.white { color: #fff; } .h3.img-box { margin-bottom: 0px; } .h3.no-margin { width: auto; margin-bottom: 0px; } .h3.no-margin.absolute { left: 10px; top: auto; right: auto; bottom: 10px; z-index: 5; } .h3.no-margin.bg { width: 40%; padding: 0px; border-radius: 20px; background-color: transparent; color: #1b1b1e; } .h3.blue { color: #0146e0; } .h3.box { color: #263238; font-size: 30px; white-space: normal; } .h3.orange { color: #ff7262; } .div-block-1513 { display: block; width: 40%; height: auto; padding-top: 40px; padding-right: 0px; padding-left: 0px; } .heading-5 { font-size: 40px; line-height: 45px; } .heading-6 { font-size: 40px; line-height: 45px; } .h2_left { margin-top: 30px; font-family: Pulpdisplay, sans-serif; font-size: 40px; line-height: 45px; text-align: left; } .h2_center_white { font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 40px; line-height: 45px; text-align: center; } .text_bold_14px { font-family: Pulpdisplay, sans-serif; color: #373731; line-height: 16px; font-weight: 700; } .image-241 { position: static; left: 0px; top: -139px; right: 0%; bottom: 0%; z-index: auto; width: 90%; max-width: 100%; margin-right: 0px; border-radius: 7px; box-shadow: 14px 14px 0 0 #000; } .image-242 { overflow: visible; max-width: none; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .div-block-1514 { position: static; left: auto; top: 0%; right: 0%; bottom: 0%; z-index: 100; display: none; height: auto; min-height: 500px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/627cf1ccab2c15bade5d1f5d_img-hard-datingapp.png"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .image-243 { position: absolute; } .div-block-1515 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; padding-left: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; justify-items: center; grid-auto-flow: row; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 0.75fr 0.75fr; grid-template-columns: 0.75fr 0.75fr; -ms-grid-rows: auto; grid-template-rows: auto; } .image-244 { position: static; left: 73px; top: 0%; right: 0%; bottom: 0%; display: inline-block; overflow: hidden; width: 40%; max-width: 100%; min-height: auto; margin-bottom: 40px; -o-object-fit: fill; object-fit: fill; } .image-244.blackborder { position: static; left: auto; top: 0%; right: 0%; bottom: 0%; width: 40%; margin-top: 120px; border: 4px none #000; border-radius: 0px; } ._2colums-6-6 { margin: 0px; padding-right: 0px; padding-left: 0px; } .image-245 { position: static; top: 130px; z-index: 1; max-height: none; mix-blend-mode: multiply; } .column-172 { padding: 0px 10px; } .column-173 { padding: 0px 10px; } .imgbackground-right { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-246 { padding-right: 20px; padding-left: 20px; border-radius: 20px; mix-blend-mode: multiply; } .image-246.no-margin { padding: 0px; } .image-247 { position: absolute; top: 0px; max-height: 250px; border: 2px none #000; border-radius: 7px; } .img-2 { position: absolute; top: 128px; max-height: none; border: 2px none #000; border-radius: 7px; } .img-2.phone { border-style: solid; box-shadow: 5px 5px 0 0 #000; } .image-249 { max-height: 300px; } .div-block-1516 { padding-right: 0px; padding-left: 0px; } .div-block-1517 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 20px; grid-row-gap: 20px; } .div-block-1517.test { display: none; } ._1column { width: auto; padding-right: 0px; padding-left: 0px; } .image-250 { max-height: 300px; } .div-block-1519 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 40px; } .div-block-1520 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-top: 100px; padding-right: 0px; padding-left: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1521 { position: absolute; left: 0%; top: -139px; right: 0%; bottom: 0%; z-index: 1000; height: auto; } .column-174 { position: relative; overflow: visible; padding-right: 20px; padding-left: 20px; -o-object-fit: fill; object-fit: fill; } .image-251 { border-radius: 7px; box-shadow: 14px 14px 0 0 #000; } .div-block-1522 { padding-right: 20px; padding-left: 20px; } .div-block-1516-copy { padding-left: 0px; } .div-block-1523 { padding-left: 60px; } .div-block-1524 { padding-right: 0px; padding-left: 0px; } .div-block-1525 { position: absolute; top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; margin-bottom: auto; padding-top: 120px; padding-bottom: 100px; -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; } .column-175 { padding-right: 20px; padding-left: 20px; } .left-arrow-2 { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; display: none; margin-right: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: transparent; } .right-arrow-3 { 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; } .column-176 { position: static; padding-right: 0px; padding-left: 20px; } .h2-center { text-align: center; } .div-icon-tilte { 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; text-align: center; } .div-icon-tilte.center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-icon-tilte.center.darkblue { padding-top: 60px; padding-bottom: 60px; background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#0146e0), to(#0146e0)); background-image: linear-gradient(180deg, #0146e0, #0146e0); } .index-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .h4 { margin-top: 0px; font-family: Pulpdisplay, sans-serif; font-size: 20px; } .h4.no-margin.white { color: #fff; } .h4.no-margin.left { 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; } .h4.center { text-align: center; } .h4.center.white { color: #fff; font-size: 16px; text-align: center; } .h4.yellow.no-margin { color: #ffce1f; } .index-line { display: none; } .index-number { color: #373731; text-align: center; } .index-point { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: auto; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2px solid #000; border-radius: 20px; } .image-253 { margin-top: 40px; } .heading-7 { font-family: Pulpdisplay, sans-serif; line-height: 1%; } .s-richtext-new { margin-top: 20px; margin-bottom: 20px; font-family: Pulpdisplay, sans-serif; font-size: 16px; line-height: 1.5em; } .comparasion-logo { margin-top: 20px; margin-bottom: 20px; padding-bottom: 0px; } .div-block-1529 { 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; text-align: left; } .div-block-1530 { 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; } .grid-60 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; justify-items: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .grid-60-copy { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; justify-items: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .grid-61 { padding-right: 0px; padding-left: 0px; } .grid-61.pro-services { margin-top: 30px; } .columns-87 { margin-right: 0px; margin-left: 0px; } .div-block-1534 { padding-right: 0px; padding-left: 0px; } .column-177 { padding-right: 0px; padding-left: 0px; } .column-178 { padding-right: 0px; padding-left: 0px; } .div-video-plus-photo { position: static; display: block; width: auto; height: auto; padding-right: 0px; padding-left: 0px; } .column-179 { position: static; display: block; padding-right: 20px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1536 { padding-left: 40px; } .column-180 { padding-right: 20px; padding-left: 0px; } .column-181 { padding-left: 20px; } .h2 { margin-top: 30px; margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 40px; line-height: 1.2em; font-weight: 700; text-align: left; } .h2.center { text-align: center; } .h2.center.darkblue { color: #0146e0; } .h2.white { color: #fff; text-transform: none; } .h2.no-margin { margin-top: 0px; margin-bottom: 0px; } .h2.no-margin.small { font-size: 20px; } .h2.no-margin.small.test { display: none; } .h2.blue { color: #0146e0; } .h2.caps { text-transform: uppercase; } .grid-2clm-img-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 40px; margin-bottom: 40px; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1.25fr 1fr; grid-template-columns: 1.25fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-1clm { display: block; margin-top: 30px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-1clm.center { 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; text-align: center; } .emoji { font-size: 40px; } .emoji.center { padding-top: 0px; font-size: 30px; text-align: center; } .emoji.whatsincluded { margin-bottom: 20px; } .div-banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px; } .div-videophoto-absolute { position: static; height: auto; } .div-videophoto-absolute.business-app { height: 200px; } .link-banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000; } .div-block-1537 { display: block; -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; } .image-256 { text-align: left; } .div-podium { 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; } .column-182 { padding: 10px; } .subscription-points { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 50px; margin-bottom: 50px; } .div-sponsors { 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; grid-column-gap: 40px; grid-row-gap: 40px; } .main-spacer { display: block; height: 100px; } .main-spacer.test { display: none; } .column-183 { padding-right: 0px; padding-left: 20px; } .div-block-1538 { position: relative; 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; } .columns-88 { -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .collection-list-wrapper-10 { 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; grid-column-gap: 100px; grid-row-gap: 100px; } .div-icon-plus-subtitle { 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; text-align: center; } .grid-journey { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .main-spacer-active-banner { display: block; height: 50px; } .testimonial-agency-box { display: block; width: 70%; padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-style: solid; border-width: 3px; border-color: #373731; border-radius: 7px; } .testimonial-agency-box.test { display: none; } .icon-7 { position: absolute; left: auto; top: auto; right: auto; bottom: auto; display: none; width: auto; margin: 0px; padding: 0px; border: 1px none #000; border-radius: 20px; background-color: transparent; color: #fff; } .icon-8 { display: none; color: #fff; } .blur { height: 100%; -webkit-filter: blur(8px); filter: blur(8px); } .round-tranparent { position: static; display: none; width: 60px; height: 60px; padding: 0px; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-radius: 30px; background-color: rgba(0, 0, 0, 0.28); } .bravo-pro-services { 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; grid-column-gap: 10px; grid-row-gap: 10px; } .div-roadmap { display: none; width: 100%; margin-top: 40px; margin-bottom: 100px; -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: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .div-block-1541 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 200px; margin-top: 40px; -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-column-gap: 40px; grid-row-gap: 40px; } .line-roadmap { position: absolute; left: 3px; top: 14px; width: 99%; height: 2px; margin-top: 0%; background-color: #373731; } .roadmap-point { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: auto; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2px solid #000; border-radius: 20px; } .link-roadmap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 16px; text-align: left; cursor: ns-resize; } .link-roadmap.last { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .point-roadmap { position: absolute; left: 20px; top: -11px; display: inline-block; font-family: Pulpdisplay, sans-serif; font-size: 20px; font-weight: 700; } .div-block-1544 { 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; grid-column-gap: 10px; grid-row-gap: 10px; } .div-block-1545 { display: block; width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .text-block-141 { width: auto; font-weight: 400; } .roadmap-point-title { position: relative; display: block; width: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; background-color: transparent; } .roadmap-point-subtitle { position: absolute; display: block; overflow: hidden; width: auto; height: auto; margin-top: 20px; padding-right: 20px; padding-left: 20px; } .roadmap-trigger { display: block; padding-right: 20px; padding-left: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; font-weight: 700; } .text-block-142 { display: block; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .column-left { padding: 0px; text-align: left; } .column-left.center { 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; text-align: left; } .column-right { padding: 0px 0px 0px 20px; } .bullet-icon-list { display: block; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; justify-items: start; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; align-self: flex-start; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 0.25fr 1fr; grid-template-columns: 0.25fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .icon { width: 40px; height: 40px; margin: 0px; } .bullet-icon-point { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 60px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 20px; grid-row-gap: 20px; text-align: left; } .bullet-icon-point.center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .testimonial-image { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 100px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .quote { font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 16px; font-weight: 400; } .quote.italic { margin-top: 20px; font-style: italic; } .text-span-76 { color: #0146e0; } ._30-spacer { display: block; height: 30px; } .s-slider-slide-roadmap { overflow: hidden; width: 20%; height: 100%; max-width: 92.5vw; margin-right: 0px; padding: 0px; border: 2px none #373731; border-radius: 0px; background-color: transparent; font-family: Pulpdisplay, sans-serif; font-size: 16px; } .s-slider-slide-roadmap:hover { border-style: none; } .slider-roadmap { margin-top: 30px; margin-bottom: 0px; background-color: transparent; } .roadmap-line { position: static; height: 2px; padding-right: 0px; background-color: #373731; } .roadmap-line.end { opacity: 0; } .roadmap-line.last { border: 1px dashed #000; background-color: transparent; outline-color: #333; outline-offset: 0px; outline-style: none; outline-width: 3px; } .roadmap-block { display: block; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .roadmap-point-line { position: relative; margin-top: 60px; margin-bottom: 20px; } .left-arrow-3 { display: none; } .right-arrow-4 { display: none; } .point-roadmap-start { position: absolute; left: -2px; top: -14px; right: auto; display: inline-block; font-family: Pulpdisplay, sans-serif; font-size: 60px; font-weight: 700; } .point-roadmap-end { position: absolute; left: 0px; top: -27px; right: auto; display: inline-block; font-family: Pulpdisplay, sans-serif; font-size: 40px; font-weight: 700; } .slide-nav-3 { top: 381px; margin-top: auto; } .mask-2 { margin-bottom: 0px; } .testimonial-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 7px 0px 0px 7px; background-color: #f0ece1; } .image-257 { margin: 0px; } .testimonial-agency { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border: 3px none #e350cc; } .testimonial-quote { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0px 7px 7px 0px; background-color: #fff; text-align: center; } .image-258 { margin-top: 0px; margin-bottom: 0px; border-radius: 50px; } .profile-employee-testimonial { max-width: none; margin-top: 0px; margin-bottom: 20px; border: 3px solid #000; border-radius: 50px; } .div-profile-employee-testrimonial { 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; grid-column-gap: 10px; grid-row-gap: 10px; } .text-block-143 { font-family: Pulpdisplay, sans-serif; font-size: 16px; } .quote-text { margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 24px; line-height: 1.5em; font-style: italic; font-weight: 700; text-align: center; } .quote-text.center { text-align: center; } .quote-text.center.white { color: #fff; } .quote-text.banner { margin-top: 0px; margin-bottom: 0px; } .quote-text.white { color: #fff; } .image-259 { margin-top: 0px; margin-bottom: 0px; } .text-span-77 { color: #0146e0; } .text-span-78 { color: #0146e0; } .text-span-79 { color: #0146e0; } ._6mobilebenefits { display: -ms-grid; display: grid; margin-top: 40px; padding-right: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } ._6mobilebenefits.test { display: none; } .text-span-80 { color: #0146e0; } .text-span-81 { color: #0146e0; } .diagram-persona-2 { width: 70%; padding: 0px; border: 2px solid #373731; border-radius: 7px; background-color: #f3f6e6; box-shadow: 5px 5px 0 0 #373731; } .text-span-82 { color: #0146e0; } .div-video { padding-right: 20px; padding-left: 20px; } .div-block-1546 { padding-right: 20px; padding-left: 20px; } .text-span-83 { color: #0146e0; } .text-span-84 { color: #0146e0; } .image-260 { margin: 0px; } .graph-home { width: 70%; padding: 40px; border: 2px none #373731; border-radius: 7px; background-color: transparent; } .image-261.test { display: none; } .text-span-85 { color: #0146e0; } .text-span-86 { color: #0146e0; } .div-block-1547 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .img-black-shadow { margin-top: 0px; margin-bottom: 0px; border-style: none; border-width: 2px; border-color: #161619; border-radius: 0px; box-shadow: 5px 5px 0 0 #161619; } .img-black-shadow.black-border { border-style: solid; border-width: 2px; border-color: #373731; } .div-block-1548 { display: block; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .video-4 { overflow: hidden; margin-top: 40px; border-radius: 20px; } .img-1 { position: absolute; left: 13%; top: 0%; right: auto; bottom: auto; max-height: none; border: 2px none #000; border-radius: 7px; } .img-1.phone { border-style: solid; box-shadow: 5px 5px 0 0 #000; } .img-3 { position: absolute; left: 306.852px; top: 89px; max-height: none; border: 2px none #000; border-radius: 7px; } .img-3.phone { border-style: solid; box-shadow: 5px 5px 0 0 #000; } .img-shadow { position: static; left: 0px; top: -139px; right: 0%; bottom: 0%; z-index: auto; width: 90%; max-width: 100%; margin-right: 0px; border-radius: 20px; } .text-span-87 { color: #0146e0; } .text-span-87.orange { color: #ff7262; } .text-span-88 { color: #e350cc; } .div-block-1549 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-left { display: block; width: 70%; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-left.cutom-branded { width: 50%; } .div-right { position: relative; right: auto; display: block; width: 50%; height: auto; padding-top: 0px; padding-right: 0px; padding-left: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-263 { position: static; left: -72px; width: 300px; max-width: 100%; margin: 0px; } .image-263.phone-perspective-move { width: 200px; } .div-block-1550 { position: absolute; left: auto; top: -120px; right: 0px; width: auto; max-width: none; } .absolute { position: absolute; left: auto; top: 0px; right: 251px; bottom: auto; z-index: -3; display: block; width: 150px; max-width: 100%; margin: 0px; } .image-264 { position: absolute; bottom: 0px; display: block; margin: 0px; } .div-relative { position: relative; display: block; } .div-relative.center-vertical { top: 115px; } .events-phone-6 { position: absolute; left: auto; top: -68px; right: 0px; z-index: auto; width: auto; max-width: 50%; margin: 0px; } .events-phone-7 { position: relative; left: auto; top: -3px; right: -122px; width: auto; max-width: 60%; } .image-267 { width: 70%; } .events-phone-5 { width: 60%; } .div-block-1551 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-mobile { display: none; } .block-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-auto-flow: column; grid-auto-columns: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .text-span-89 { color: #0146e0; } .logo-white { margin-top: 20px; margin-bottom: 20px; padding-bottom: 0px; } .list-icon-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; padding-bottom: 5px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 10px; grid-row-gap: 10px; } .list-4 { padding-left: 0px; list-style-type: none; } .list-item-8 { padding-top: 5px; padding-bottom: 5px; } .list-item-9 { padding-top: 5px; padding-bottom: 5px; } .list-item-10 { padding-top: 5px; padding-bottom: 5px; } .img-experts { margin-top: 0px; margin-bottom: 0px; } .img-experts.front { position: absolute; left: 62px; top: 64px; right: auto; } .img-experts.front.img4 { left: 293px; top: -45px; z-index: -1; } .img-experts.front.img2 { top: 67px; } .div-img-experts { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column-gap: 30px; grid-row-gap: 30px; } .image-269 { max-width: none; } .img-galery { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .img-brav { margin: 0px; border: 2px solid #000; box-shadow: 7px 7px 0 0 #000; } .image-271 { margin: 0px; } .image-272 { margin: 0px; } .image-273 { margin: 0px; } .list-bravo { padding-left: 0px; } .img-mg40 { margin-bottom: 40px; } .img-mg40.img-black-shadow { max-width: 70%; margin-left: 0px; border-style: solid; border-width: 2px; border-color: #373731; box-shadow: 7px 7px 0 0 #373731; } .img-mg40.img-black-shadow.black-border { max-width: 50%; outline-color: #333; outline-offset: 0px; outline-style: solid; outline-width: 2px; } .div-tuto-part { margin-top: 20px; padding: 40px; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; background-color: #fff; box-shadow: 7px 7px 0 0 #373731; } ._2-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .div-block-1553 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .video-5 { margin-top: 40px; } .block-video { overflow: hidden; width: 300px; border: 2px solid #000; border-radius: 7px; box-shadow: 7px 7px 0 0 #000; } .slider-5 { background-color: transparent; } .slide-video { overflow: visible; width: 33%; padding: 10px 0px 0px; } .slide-5 { width: 3%; padding-top: 10px; } .slide-6 { width: 5%; padding-top: 10px; } .slide-7 { padding-top: 10px; } .block-img-text { position: relative; overflow: hidden; width: 100%; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; } .block-img-text:hover { border-radius: 7px; box-shadow: 7px 7px 0 0 #373731; } .text-hover { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 7px; background-color: rgba(241, 241, 241, 0.76); opacity: 1; } .text-hover:hover { border-style: none; border-width: 2px; border-color: #373731; border-radius: 0px; background-color: rgba(241, 241, 241, 0.48); opacity: 1; } .div-ready-made-solution { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 100px; grid-row-gap: 100px; } .div-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 20px; grid-row-gap: 20px; } .phone-readymadesolution { position: static; left: 0%; top: auto; right: 0%; bottom: 0%; max-width: 180px; margin: 0px; } .div-phone-ready { 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; border-style: none; border-width: 1px; border-color: #232328; } .splide { position: relative; width: auto; } .slider-endless-custom-app { background-color: transparent; } .collection-list-wrapper-endless { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; height: auto; padding-right: 0px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .collection-list-endless { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0px; -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; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-item-endless { width: auto; height: auto; text-align: center; } .s-paragrap-endless { max-width: none; margin-bottom: 20px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 16px; line-height: 1.5em; font-weight: 400; text-decoration: none; } .s-paragrap-endless.pink { color: #0146e0; } .s-paragrap-endless.pink._100 { max-width: 100%; } .s-paragrap-endless.pink.left { text-align: left; } .s-paragrap-endless.green { color: #056d38; } .s-paragrap-endless.white { color: #fff; } .s-paragrap-endless.purple { color: #490d82; } .s-paragrap-endless.pink-copy { color: #e350cc; } .s-paragrap-endless.pink-copy._100 { max-width: 100%; } .s-paragrap-endless.pink-copy.left { text-align: left; } .s-paragrap-endless._100 { max-width: none; } .s-paragrap-endless.black { color: #373731; line-height: 1.5em; } .s-paragrap-endless.black.bold { font-weight: 700; } .s-paragrap-endless.black.italic { font-style: italic; } .s-paragrap-endless.bold { font-weight: 700; } .s-paragrap-endless.gray { color: #95958d; } .s-paragrap-endless.gray.italic { font-style: italic; font-weight: 400; } .s-paragrap-endless.centered { text-align: center; } .s-paragrap-endless.banner { max-width: none; } .s-paragrap-endless.italic { font-style: italic; } .s-paragrap-endless.mobile-mod-1 { display: none; color: #0146e0; } .s-paragrap-endless.blue { color: #0146e0; } .s-paragrap-endless.left { text-align: left; } .s-paragrap-endless.list { margin-bottom: 0px; padding-left: 0px; text-align: left; } .slide-8 { width: 33%; height: auto; } .mask-3 { height: auto; } .slider-6 { height: auto; background-color: #e350cc; } .slide-9 { width: 200%; } .collection-list-wrapper-11 { display: block; } .collection-list-19 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .collection-item-16 { margin: 10px; } .splide__track { width: 100%; } .splide___list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 3.144654088050315%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .splide__slide { width: 33.333333333333336px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .fs-slider { height: auto; background-color: transparent; } .fs-mask { height: auto; background-color: transparent; } .fs-collection-wrapper { width: 100%; height: 100%; padding: 0px; } .fs-collection-wrapper.fs-dynamic-feed { display: block; } .fs-collection-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 100%; height: 100%; padding: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 40px; grid-row-gap: 40px; } .fs-collection-list.fs-dynamic-feed { display: none; } .fs-collection-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25%; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 20px; grid-row-gap: 20px; } .fs-slide-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; padding-top: 0px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-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; } .fs-image { width: 100%; height: auto; max-height: 100%; max-width: none; margin: 0px; } .fs-title { margin: 20px; font-family: Pulpdisplay, sans-serif; text-align: center; } .fs-image-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 200px; height: 420px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; border-width: 2px; border-color: #373731; border-radius: 20px; box-shadow: 4px 4px 10px 0 rgba(38, 50, 56, 0.12); } .slide-nav-5 { top: auto; bottom: auto; margin-top: 0px; } .icon-9 { margin-top: auto; margin-bottom: auto; color: #373731; } .icon-10 { margin-top: auto; margin-bottom: auto; color: #373731; } .right-arrow-5 { height: auto; } .img-blog-main { margin-top: 0px; } .s-menu-content { 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; grid-column-gap: 0px; grid-row-gap: 0px; } .s-dropdown-content { position: absolute; left: 0px; top: 65px; right: 0px; bottom: 0px; z-index: 10; display: block; width: 100%; height: 50vh; max-height: 100vh; margin-top: 0px; margin-right: auto; margin-left: auto; -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; grid-column-gap: 5px; grid-row-gap: 5px; border-bottom: 2px none rgba(55, 55, 49, 0.61); background-color: transparent; } .s-dropdown-content.black { display: block; background-color: #161619; } .s-dropdown-content.black.test { display: none; } .s-dropdown-content.test { display: none; } .s-menu-text { font-family: Pulpdisplay, sans-serif; font-size: 15px; } .s-dropdown-section { position: relative; left: 0%; top: 0%; right: auto; bottom: auto; z-index: 10; width: 100vw; border-style: none none solid; border-width: 0px 0px 1px; border-color: #000 #000 rgba(55, 55, 49, 0.31); background-color: #f3f6e6; } .s-dropdown-section.black { display: block; background-color: #1b1b1e; } .s-dropdown-section.black.test { display: block; } .s-dropdown-container { max-width: 1100px; } .s-dropdown-container.black { background-color: transparent; } .s-dropdown-bg { position: absolute; left: 0px; top: 72px; right: 0px; bottom: 0px; display: none; width: 100vw; height: 100vh; background-color: #373731; opacity: 0.74; } .nav-bar-new { position: -webkit-sticky; position: sticky; display: block; width: 100%; border-bottom: 1px solid rgba(55, 55, 49, 0.1); background-color: #f3f6e6; } .nav-bar-new.black { position: fixed; padding-top: 0px; padding-bottom: 0px; border-bottom-style: none; background-color: #161619; } .nav-bar-new.test { display: block; } .nav-bar-mobile-new { display: none; } .navbar-no-shadow-container { z-index: 5; width: 100%; max-width: 1140px; margin-right: auto; margin-left: auto; padding: 20px; background-color: transparent; } .container-regular { width: 100%; max-width: 1260px; min-height: 30px; margin-right: auto; margin-left: auto; } .navbar-wrapper { 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; } .nav-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; padding-bottom: 0px; padding-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-link-4 { margin-right: 5px; margin-left: 5px; padding: 5px 10px; font-family: Pulpdisplay, sans-serif; color: #1a1b1f; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.25px; text-decoration: none; } .nav-link-4:hover { color: rgba(26, 27, 31, 0.75); } .nav-link-4:focus-visible { border-radius: 4px; outline-color: #0050bd; outline-offset: 0px; outline-style: solid; outline-width: 2px; color: #0050bd; } .nav-link-4[data-wf-focus-visible] { border-radius: 4px; outline-color: #0050bd; outline-offset: 0px; outline-style: solid; outline-width: 2px; color: #0050bd; } .nav-dropdown-2 { margin-right: 5px; margin-left: 5px; } .nav-dropdown-toggle { padding: 5px 30px 5px 10px; font-family: Pulpdisplay, sans-serif; font-size: 14px; line-height: 20px; letter-spacing: 0.25px; } .nav-dropdown-toggle:hover { color: rgba(26, 27, 31, 0.75); } .nav-dropdown-toggle:focus-visible { border-radius: 5px; outline-color: #0050bd; outline-offset: 0px; outline-style: solid; outline-width: 2px; color: #0050bd; } .nav-dropdown-toggle[data-wf-focus-visible] { border-radius: 5px; outline-color: #0050bd; outline-offset: 0px; outline-style: solid; outline-width: 2px; color: #0050bd; } .nav-dropdown-icon { margin-right: 10px; } .nav-dropdown-list { border-radius: 12px; background-color: #fff; } .nav-dropdown-list.w--open { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-link { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .nav-dropdown-link:focus-visible { border-radius: 5px; outline-color: #0050bd; outline-offset: 0px; outline-style: solid; outline-width: 2px; color: #0050bd; } .nav-dropdown-link[data-wf-focus-visible] { border-radius: 5px; outline-color: #0050bd; outline-offset: 0px; outline-style: solid; outline-width: 2px; color: #0050bd; } .nav-button-wrapper { margin-left: 120px; } .button-primary { padding: 12px 25px; border-radius: 7px; background-color: #0146e0; -webkit-transition: all 200ms ease; transition: all 200ms ease; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 14px; line-height: 20px; font-style: normal; letter-spacing: 0px; text-transform: none; } .button-primary:hover { background-color: #32343a; color: #fff; } .button-primary:active { background-color: #43464d; } .background-video-20 { width: 100px; height: 300px; background-color: red; } .play-pause-button { display: none; } .bg-video { width: 100%; height: auto; } .background-video-21 { background-color: #c53434; } .video-full-design-control { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; display: block; overflow: visible; width: auto; height: auto; margin: 0px; border: 3px none #373731; border-radius: 7px; background-color: transparent; } .bravo-flexible-video { position: relative; overflow: hidden; width: auto; height: 300px; max-height: none; max-width: none; min-height: 300px; min-width: 480px; padding-left: 0px; border-style: solid; border-width: 2px; border-color: #263238; border-radius: 7px; background-color: transparent; box-shadow: 5px 5px 0 0 #263238; } .bravo-flexible-video._40topmargin { margin-top: 40px; } .bravo-flexible-video.no-border { width: 47%; border-style: none; border-radius: 20px; box-shadow: none; } .div-block-1554 { width: 100%; -o-object-fit: fill; object-fit: fill; } .list-bg-videos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 120px; grid-row-gap: 120px; } .container-bravo-flexible { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; padding: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 40px; grid-row-gap: 40px; border-style: none; border-width: 2px; border-color: #373731; border-radius: 7px; background-color: transparent; } .container-bravo-flexible:hover { border-style: none; background-color: transparent; } .container-bravo-flexible.invert { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; } .bravo-flexible-text { padding: 0px; } .icon-bravo-flexible { margin: 0px; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; box-shadow: 3px 3px 0 0 #373731; } .div-howtobuild { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 140px; margin-bottom: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 20px; grid-row-gap: 100px; border-radius: 0px; background-color: transparent; } .div-howtobuild-app { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 33%; height: auto; padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 3px none #000; border-radius: 10px; background-color: transparent; } .howtobuild-phone { position: static; width: 50%; margin-left: 20px; padding: 0px; } .howtobuild-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; padding: 20px; -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; grid-column-gap: 20px; grid-row-gap: 20px; } .howtobuild-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 180px; -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; border-style: none; border-width: 1px; border-color: #373731; border-radius: 10px 10px 0px 0px; background-color: transparent; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c595778d5ceb2a465df5f8_fitnessapp-bg.jpg"); background-position: 0px 0px; background-size: cover; } .howtobuild-content.restaurant { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c598aa294922d6fd900dff_restaurant-app-bg.jpg"); background-size: auto; } .howtobuild-content.events { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62cc28e02ed81f5a499766d7_events-app-bg.jpg"); } .howtobuild-content.mindfulness { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/6368f464b23462f14e6309d3_mindfulness-bg.jpg"); } .howtobuild-content.personaltrainer { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/6368f5a745bc950b089b2915_personaltrainer-bg.jpg"); } .howtobuild-content.recipe { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/6368f69c35a2aa5ecb25e422_recipeapp-bg.jpg"); } .howtobuild-space { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-style: solid none none; border-width: 1px; border-color: #d9ddc8; border-radius: 0px; } .link-use-cases { overflow: visible; width: 30%; border-style: none; border-width: 1px; border-color: #d9ddc8; border-radius: 10px; background-color: #fff; } .link-use-cases:hover { box-shadow: 5px 5px 0 0 #373731; } .video-lightbox-container { display: block; width: 50%; height: 280px; padding-top: 30px; padding-right: 0px; padding-left: 20px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .video-lightbox-container.no-margin { height: auto; padding: 0px; } .video-lightbox-container.compare-video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 0px; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lightbox-link-agencypartner { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 300px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2px solid #373731; border-radius: 7px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.09)), to(rgba(0, 0, 0, 0.09))), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c69d7bc3ba27591c34ae4e_AgencyPartner-Video-Thumbnail.jpg"); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.09)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c69d7bc3ba27591c34ae4e_AgencyPartner-Video-Thumbnail.jpg"); background-position: 0px 0px, 50% 0%; background-size: auto, cover; } .lightbox-link-agencypartner:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .checklist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px; } .checklist.last { margin-bottom: 20px; } .checklist-text { max-width: none; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 16px; line-height: 1.5em; font-weight: 400; text-decoration: none; } .checklist-text.pink { color: #0146e0; } .checklist-text.pink._100 { max-width: 100%; } .checklist-text.pink.left { text-align: left; } .checklist-text.green { color: #056d38; } .checklist-text.white { color: #fff; } .checklist-text.purple { color: #490d82; } .checklist-text.pink-copy { color: #e350cc; } .checklist-text.pink-copy._100 { max-width: 100%; } .checklist-text.pink-copy.left { text-align: left; } .checklist-text._100 { max-width: none; } .checklist-text.black { color: #373731; line-height: 1.5em; } .checklist-text.black.bold { font-weight: 700; } .checklist-text.black.italic { font-style: italic; } .checklist-text.bold { font-weight: 700; } .checklist-text.gray { color: #95958d; } .checklist-text.gray.italic { font-style: italic; font-weight: 400; } .checklist-text.gray.center { text-align: center; } .checklist-text.centered { text-align: center; } .checklist-text.banner { max-width: none; } .checklist-text.italic { font-style: italic; } .checklist-text.mobile-mod-1 { display: none; color: #0146e0; } .checklist-text.blue { color: #0146e0; } .checklist-text.left { text-align: left; } .checklist-text.list { margin-bottom: 0px; padding-left: 0px; text-align: left; } .story-column-left { padding: 20px 0px; } .story-list { margin-bottom: 0px; } .story-item { margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; font-size: 18px; } .text-span-90 { color: #0146e0; } .text-span-91 { color: #0146e0; } .text-span-92 { color: #0146e0; } .text-span-93 { color: #490d82; } .text-span-94 { color: #490d82; } .text-span-95 { color: #0146e0; } .text-span-96 { color: #0146e0; } .text-span-97 { color: #0146e0; } .text-span-98 { color: #d2392e; } .text-span-99 { color: #0146e0; } .text-span-100 { color: #490d82; } .text-span-101 { color: #490d82; } .text-span-102 { color: #0146e0; } .text-span-103 { color: #50e3c2; } .text-span-104 { color: #0146e0; } .text-span-105 { color: #0146e0; } .text-span-106 { color: #e350cc; } .text-span-107 { color: #490d82; } .text-span-108 { color: #0146e0; } .text-span-109 { color: #056d38; } .text-span-110 { color: #e350cc; } .div-block-1555 { width: 100%; } .columns-89 { width: auto; } .top-banner-container { height: auto; max-width: none; padding-top: 40px; padding-bottom: 40px; background-color: #d2392e; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62d55f8b9ef7e7f58f4f8f83_TopBanner-SummerPromo.png"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .top-banner-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100.0000912%; min-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .top-banner-block._2nd { margin-top: 10px; margin-bottom: 10px; } .text-span-111 { color: #0146e0; } .toppromo-cta { margin-bottom: 10px; padding: 10px; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; background-color: #0146e0; } .bold-text-18 { color: #373731; } .bold-text-19 { margin-bottom: 10px; } .text-span-112 { color: #0146e0; } .bold-text-20 { display: block; } .bold-text-20.purple { color: #490d82; } .bold-text-20.orange { color: #d2392e; } .bold-text-20.red { color: #d2392e; } .text-span-113 { color: #0146e0; } .text-block-144 { color: #0146e0; } .div-block-1556 { 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; } .column-expert-profile { 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; } .expert-profile-block { 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; } .columns-31-copy { cursor: default; } .div-block-1558 { 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; } .box-whatsincluded { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 40px; grid-row-gap: 40px; border-style: none; border-width: 2px; border-color: #0146e0; border-radius: 7px; background-color: transparent; text-align: left; cursor: pointer; } .box-whatsincluded.white { border-color: #fcfcfc; } .box-whatsincluded.white:hover { box-shadow: 5px 5px 0 0 #fcfcfc; } .box-whatsincluded.black { border-style: none; background-color: #232328; } .box-whatsincluded.black:hover { box-shadow: 5px 5px 0 0 #50e3c2; } .box-whatsincluded.black.centered { -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; text-align: center; } .box-whatsincluded.black.horizontal { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .box-whatsincluded.black.horizontal.image { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .box-whatsincluded.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .img-mobile { position: absolute; top: 0px; max-height: 300px; border: 2px solid #000; border-radius: 7px; box-shadow: 5px 5px 0 0 #000; } .img-mobile.no-shade { border-style: none; border-radius: 0px; box-shadow: none; } .testi-box { overflow: hidden; width: 30%; max-width: none; border: 2px none #000; border-radius: 20px; background-color: #fff; color: #263238; } .testi-img { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; max-height: none; min-height: auto; -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; } .testi-img.business-app { width: auto; } .testi-img.full { width: 100%; } .testi-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 20px; -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; } .testi-photo { width: 100%; height: 258px; -o-object-fit: cover; object-fit: cover; } .testi-photo.non-technical { display: block; height: 200px; margin-top: 0px; margin-bottom: 0px; } .testi-photo.agency { margin-top: 0px; margin-bottom: 0px; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .testi-photo.no-margin { height: 400px; } .testi-photo.no-margin.zoom { height: 120%; } .testi-photo.business-app { height: auto; } .testi-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 20px; grid-row-gap: 20px; } .business-pack-points { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 25%; height: auto; margin-bottom: 0px; padding: 20px; -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; border-style: none; border-width: 2px; border-color: #373731; border-radius: 7px; background-color: transparent; text-align: left; } .business-pack-vs-block { padding: 40px 20px 20px; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 20px; background-color: #263238; text-align: left; } .business-pack-vs-block.white { background-color: #fff; } .business-pack-vs-block.ivory { border-color: #373731; background-color: #f3f6e6; box-shadow: 5px 5px 0 0 #373731; } .list-whosfor-box { padding-right: 0px; padding-left: 20px; } .list-whosfor-box.pro-services { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; padding-left: 0px; grid-column-gap: 30px; grid-row-gap: 30px; } .business-pack-points-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; height: auto; margin-bottom: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .s-section-active-elements { position: absolute; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 100vw; height: 100vh; min-width: auto; -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; grid-column-gap: 40px; grid-row-gap: 40px; -o-object-fit: fill; object-fit: fill; } .s-section-active-elements.mobile { display: none; } .s-section-active-elements.overflow-hidden { overflow: hidden; height: auto; } .s-section-active-elements.overflow { overflow: visible; } .s-section-active-elements._150vh { height: 150vh; } .s-section-active-elements.top-bar { overflow: hidden; height: auto; } .s-section-active-elements.full-width { height: auto; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .s-section-active-elements.full-width._100vh { height: 100vh; } .s-section-active-elements.full { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .s-section-active-elements.sides { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; grid-column-gap: 0px; grid-row-gap: 0px; } .s-section-active-elements.auto { height: auto; } .geometric-shape { position: static; display: block; overflow: visible; height: auto; max-width: none; -o-object-fit: contain; object-fit: contain; } .geometric-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; grid-column-gap: 20px; grid-row-gap: 20px; } .geometric-div.up { width: 100px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .geometric-div.middle { width: 100px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .geometric-div.down { border-radius: 100px; background-color: transparent; } .geometric-div.down.blue { width: 50px; height: 30%; } .geometric-div.down.blue._50 { width: 50px; height: 50%; } .geometric-div.down.white { background-color: #fff; } .geometric-div.down.white._50 { width: 50px; height: 50%; } .geometric-div.blue { width: 50px; height: 30%; border-radius: 100px; background-color: #0146e0; } .geometric-div.white { width: 50px; height: 30%; border-radius: 100px; background-color: #0146e0; } .quote-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 20px; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1559 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px; -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; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 0.25fr 1fr; grid-template-columns: 1fr 0.25fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .text-block-145 { font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 40px; } .div-block-1560 { padding: 20px; } .div-block-1561 { padding: 20px; } .slider-7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: transparent; -webkit-transform: rotateX(20deg) rotateY(0deg) rotateZ(90deg); transform: rotateX(20deg) rotateY(0deg) rotateZ(90deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .slide-10 { background-color: #d2392e; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .mask-4 { width: 100%; height: 100%; } .slide-nav-6 { display: none; } .right-arrow-6 { display: none; } .animated-text-div.white { width: 100vw; color: #fff; } .slider-vertical { width: auto; height: auto; background-color: transparent; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slide-nav-7 { display: none; } .slider-vertical-mask { overflow: visible; height: 100px; } .slide-vertical { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .arc { height: 100px; border-radius: 0px; background-color: #161619; background-image: -webkit-gradient(linear, left top, left bottom, from(#161619), to(#fff)); background-image: linear-gradient(180deg, #161619, #fff); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .list-whatsincluded { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; grid-column-gap: 10px; grid-row-gap: 10px; font-size: 30px; } .table-subtitle-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30%; margin-right: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .table-text-box { width: 70%; } .table-point-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .banner-text-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 0px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-color: transparent; text-align: center; } .banner-text-box.center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .banner-text-box.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .banner-text-box.flex.center.relative { position: static; z-index: 0; } .banner-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 20px; grid-row-gap: 20px; } .banner-box.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .banner-box.vertical { position: static; -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; } .testi-image-box { overflow: hidden; width: 30%; max-width: none; border: 2px none #000; border-radius: 20px; background-color: #fff; } .testi-image-box._50pc { width: 30%; } .testi-image-box._50pc.horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 250px; border-style: none; } .testi-image-box._100pc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-style: none; border-radius: 20px; } .testi-image-box.test { position: static; } .banner-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 100px; -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; background-color: #0146e0; text-align: center; } .box-icon { display: inline-block; width: 30px; height: 30px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 3px; color: #f1f1f1; } .location { margin-top: 20px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 16px; font-weight: 400; } .location.italic { margin-top: 20px; font-style: italic; } .integration-button-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 20px; grid-row-gap: 20px; } .animated-title { 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; grid-column-gap: 15px; grid-row-gap: 15px; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 70px; line-height: 75px; font-weight: 700; } .animated-title.mobile { display: none; } .animated-title.test { display: none; } .footer-careers-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column-gap: 5px; grid-row-gap: 5px; } .search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .search-input { width: 20%; padding-top: 9px; padding-bottom: 9px; border: 2px solid #000; border-radius: 7px; font-family: Pulpdisplay, sans-serif; } .main-title-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; } .main-title-div { padding-right: 42px; } .main-title-div.center { 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; text-align: center; } .main-title-div.center.white { color: #fff; } .main-subtitle-div { padding-right: 58px; } .main-subtitle-div.center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .main-video-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-top: 20px; padding-right: 0px; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main-icons-box { width: 100%; margin-bottom: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .image-274 { border: 2px solid #000; border-radius: 7px; } .img-grey-shadow { margin-top: 0px; margin-bottom: 0px; border-style: none; border-width: 2px; border-color: #373731; border-radius: 20px; } .img-grey-shadow:hover { border-color: #0146e0; box-shadow: 5px 5px 0 0 #0146e0; } .img-grey-shadow.black-border { border-style: solid; border-width: 2px; border-color: #373731; } .left-arrow-4 { display: none; } .right-arrow-7 { display: none; } .slide-nav-8 { display: none; } .slide-11 { width: auto; height: 40px; margin-right: 10px; padding-right: 0px; padding-left: 0px; } .mask-5 { width: auto; height: 40px; } .slider-8 { height: 40px; background-color: transparent; } .slide-12 { width: auto; margin-right: 10px; } .div-block-1562 { margin-top: 40px; } .text-span-topbar-2nd { color: #ffce1f; } .img-box { display: block; height: 280px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } .img-box.figma { height: auto; } .text-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1563 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .button-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 10px; grid-row-gap: 10px; } .button-box._40px { margin-bottom: 40px; } .button-box.center { margin-top: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .no-margin { margin-top: 0px; margin-bottom: 0px; } .html-embed-14 { margin-right: 0px; } .turquoise { color: #50e3c2; text-align: left; } .bold-text-21 { color: #373731; font-weight: 300; } .feature-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: auto; padding: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; border: 1px none #000; border-radius: 0px; } .feature-buttons.blue { background-color: #0146e0; } .feature-buttons.mobile { display: none; } .icon-features { margin: 0px; } .feature-buttons-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100px; height: 100px; padding: 20px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; border: 1px solid #000; border-radius: 100px; } .feature-buttons-copy.blue { background-color: #0146e0; } .feature-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100px; height: 100px; padding: 20px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; border: 1px solid #000; border-radius: 100px; } .feature-button.blue { -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: #0146e0; } .feature-button.turquoise { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; background-color: #50e3c2; } .feature-button.white { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; border-color: #fff; background-color: #fff; } .feature-button.orange { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; background-color: #ff7262; } .feature-button.pink { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; background-color: #e350cc; } .feature-button.yellow { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; background-color: #ffce1f; } .design-style { 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; grid-column-gap: 20px; grid-row-gap: 20px; color: #0146e0; } .text-block-146 { text-align: center; } .in-app-purchase { 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; grid-column-gap: 20px; grid-row-gap: 20px; color: #50e3c2; } .publication { 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; grid-column-gap: 20px; grid-row-gap: 20px; color: #fff; } .advanced { 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; grid-column-gap: 20px; grid-row-gap: 20px; color: #490d82; } .advanced.purple { background-color: #490d82; } .actions { 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; grid-column-gap: 20px; grid-row-gap: 20px; color: #e350cc; } .components { 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; grid-column-gap: 20px; grid-row-gap: 20px; color: #ffce1f; } .stick-element { padding: 20px; border: 1px none #000; border-radius: 100px; background-color: #000; } .stick-element.blue { background-color: #0146e0; } .div-icon-element { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-stick-up { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 0px; padding-right: 100px; padding-left: 100px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .stick-up { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #0146e0; color: #0146e0; } .stick-up.yellow { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #ffce1f; } .stick-up.pink { width: 50px; background-color: #e350cc; color: #e350cc; } .stick-up.orange { width: 50px; background-color: #ff7262; } .stick-up.black { width: 50px; background-color: #fff; } .stick-up.turquoise { width: 50px; background-color: #50e3c2; } .stick-up.thin { width: 5px; height: 5px; min-width: 5px; border-radius: 20px; } .stick-up.thin._10px { position: relative; z-index: 4; border-radius: 0px; } .stick-up.img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 30px; height: 30px; min-width: 30px; padding: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 100px; } .stick-up.purple { background-color: #490d82; } .div-stick-down { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 0px; padding-right: 100px; padding-left: 100px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .stick-down { width: 50px; height: 100px; border-top-left-radius: 100px; border-top-right-radius: 100px; background-color: #0146e0; } .stick-down.yellow { width: 50px; height: 100px; border-top-left-radius: 100px; border-top-right-radius: 100px; background-color: #ffce1f; } .stick-down.pink { width: 50px; background-color: #e350cc; } .stick-down.orange { width: 50px; background-color: #ff7262; } .stick-down.black { width: 50px; background-color: #fff; } .stick-down.turquoise { width: 50px; background-color: #50e3c2; } .stick-down.purple { background-color: #490d82; } .stick-down.white { background-color: #fff; } .text-block-147 { color: #ff7262; } .div-features-list { position: static; z-index: -3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; margin-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; grid-column-gap: 40px; grid-row-gap: 40px; } .feature-description { margin-top: 10px; color: #373731; font-size: 16px; } .feature-title { font-size: 20px; } .fearture-box { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 30%; height: 200px; max-width: none; padding: 0px; -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; border: 2px none #000; border-radius: 20px; background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.48)), to(hsla(0, 0%, 100%, 0.48))), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62b19b794ff7547eed620ef5_bookingapp-preview-share.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.48), hsla(0, 0%, 100%, 0.48)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62b19b794ff7547eed620ef5_bookingapp-preview-share.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; } .fearture-box.opt2 { border-radius: 10px; background-image: none; } .fearture-box.opt2.test { display: none; } .feature-img { position: relative; display: block; overflow: hidden; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border: 1px none #000; border-radius: 7px; background-color: #1b1b1e; } .feature-img.dark { display: none; background-color: transparent; } .feature-text { padding: 20px 0px; background-color: transparent; } .feature-text.absolute { position: static; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 5; display: block; height: 0px; max-width: 100%; padding: 0px 10px; border-radius: 0px 0px 10px 10px; background-color: rgba(255, 255, 255, 0.95); opacity: 1; color: #373731; } .feature-photo { width: 100%; height: 100px; margin: -5px 0px 0px; background-color: transparent; opacity: 1; -webkit-transition: box-shadow 725ms ease; transition: box-shadow 725ms ease; -o-object-fit: cover; object-fit: cover; } .feature-photo.non-technical { display: block; height: 100px; margin-top: 0px; margin-bottom: 0px; } .feature-photo.agency { margin-top: 0px; margin-bottom: 0px; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .feature-photo.dark { height: 200px; opacity: 1; } .div-feature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 20px; grid-row-gap: 20px; } .image-275 { width: 100%; height: 100%; max-width: none; min-height: 100%; min-width: 100%; margin-top: 0px; margin-bottom: 0px; -o-object-fit: cover; object-fit: cover; } .image-276 { margin: 0px; } .feature-title-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: hsla(0, 0%, 100%, 0.95); } .feature-title-1.absolute { position: static; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 5; display: block; max-width: 100%; padding: 20px; border-radius: 0px 0px 20px 20px; background-color: #1b1b1e; opacity: 1; color: #373731; } .bold-text-22 { color: #263238; } .background-video-22 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: block; height: 100%; background-color: transparent; } .background-video-22.hide { display: none; } .play-pause-button-2 { display: none; } .image-277 { position: absolute; z-index: -3; } .feature-img-bg { position: absolute; z-index: -2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .feature-img-background { height: 100%; max-width: none; margin: 0px; } .lottie-search { position: absolute; left: auto; top: 0%; right: 2%; bottom: auto; width: 100px; margin-top: 0px; padding: 0px; } .lottie-search.bell { top: 79px; width: 70px; } .qr { position: absolute; top: 95px; margin: 0px; } .lottie-download { position: absolute; left: auto; top: 5%; right: 4%; bottom: auto; width: 40px; margin-top: 0px; padding: 0px; } .lottie-download.bell { top: 79px; width: 70px; } .lottie-notification { position: absolute; left: auto; top: 5%; right: 2%; bottom: auto; width: 50px; margin-top: 0px; padding: 0px; } .lottie-notification.bell { top: 79px; width: 70px; } .lottie-loading { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 60px; margin-top: 0px; padding: 0px; } .lottie-loading.bell { top: 79px; width: 70px; } .div-button-features { 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lottie-ios { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 120px; margin-top: 0px; padding: 0px; } .lottie-ios.bell { top: 79px; width: 70px; } .lottie-android { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 120px; margin-top: 0px; padding: 0px; } .lottie-android.bell { top: 79px; width: 70px; } .lottie-lottie { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 60px; margin-top: 0px; padding: 0px; } .lottie-lottie.bell { top: 79px; width: 70px; } .lottie-map { position: absolute; left: auto; top: 5%; right: 0%; bottom: auto; width: 50px; margin-top: 0px; padding: 0px; } .lottie-map.bell { top: 79px; width: 70px; } .lottie-chart { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 50px; margin-top: 0px; padding: 0px; } .lottie-chart.bell { top: 79px; width: 70px; } .comparasion-table { 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; grid-column-gap: 10px; grid-row-gap: 10px; border: 1px none #fff; } .comparasion-table.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .comparasion-table.mobile.opt2 { display: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .comparasion-table.mobile.test { display: none; } .comparasion-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 120px; max-width: none; min-width: auto; -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; border: 1px none #fff; border-radius: 20px; background-color: transparent; opacity: 1; } .comparasion-column.black { border-style: none; border-radius: 0px; background-color: #1b1b1e; } .comparasion-column.black.mobile { width: auto; min-width: auto; } .comparasion-column.mobile { overflow: hidden; width: 40px; height: 100%; max-width: none; min-width: 40px; opacity: 1; } .comparasion-column.mobile.animation { height: 0px; border-style: none; opacity: 1; } .comparasion-column.purple { background-color: #490d82; } .comparasion-column.features { width: auto; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .comparasion-title-box { 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; } .comparasion-title-box.grey { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; padding: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #1b1b1e; border-left: 1px solid #1b1b1e; background-color: transparent; } .comparasion-title-box.grey.first { margin-bottom: 5px; border-radius: 200px; } .comparasion-title-box.pink { background-color: #e350cc; } .comparasion-title-box.purple { height: 50px; padding: 0px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #490d82; } .comparasion-title-box.purple.first { margin-bottom: 20px; border-radius: 100px; } .comparasion-title-box.white { height: 50px; margin-bottom: 20px; padding-right: 20px; padding-left: 20px; border: 1px none #000; border-radius: 200px; background-color: #fff; } .comparasion-title-box.white.first { margin-bottom: 5px; border-radius: 200px; } .comparasion-title-box.black { height: 50px; padding: 10px; border-radius: 100px; background-color: #000; } .comparasion-title-box.black.first { margin-bottom: 5px; padding-right: 20px; padding-left: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background-color: #161619; } .bravo-logo-comparasion { margin: 0px; padding-bottom: 0px; } .comparasion-feature-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; margin-bottom: 0px; padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px none #000; } .comparasion-feature-list.grey { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; padding: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f1f1f1; } .comparasion-feature-list.pink { background-color: #e350cc; } .comparasion-feature-list.purple { width: auto; height: auto; padding: 20px; -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; grid-column-gap: 1.6px; grid-row-gap: 1.6px; border-bottom: 2px solid #f1f1f1; background-color: #490d82; } .comparasion-feature-list.purple.first { grid-column-gap: 2px; grid-row-gap: 2px; border-bottom: 2px solid #f1f1f1; border-top-left-radius: 20px; border-top-right-radius: 20px; } .comparasion-feature-list.purple.first.last { grid-column-gap: 1.8px; grid-row-gap: 1.8px; border-style: none; border-color: #000; border-radius: 20px; } .comparasion-feature-list.purple.last { width: auto; border-style: none; border-color: #f1f1f1 #000 #000; border-top-width: 2px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .comparasion-feature-list.white { height: auto; margin-top: 0px; margin-bottom: 0px; padding-right: 20px; padding-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-bottom: 2px solid #f1f1f1; border-radius: 0px; background-color: #fff; } .comparasion-feature-list.white.first { grid-column-gap: 2px; grid-row-gap: 2px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .comparasion-feature-list.white.first.last { width: 50px; border-radius: 20px; } .comparasion-feature-list.white.interlign { width: auto; grid-column-gap: 1.6px; grid-row-gap: 1.6px; border-bottom: 2px solid #f1f1f1; background-color: #fff; } .comparasion-feature-list.white.last { width: auto; grid-column-gap: 2px; grid-row-gap: 2px; border-top: 2px solid #f1f1f1; border-bottom-style: none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #fff; } .comparasion-feature-list.white.last.left { border-top-style: none; } .comparasion-feature-list.white.left { padding-right: 10px; padding-left: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 2px solid #f1f1f1; } .comparasion-feature-list.last { border-bottom-style: solid; border-bottom-color: #fff; } .comparasion-feature-list.lightgrey { width: auto; margin-top: 0px; margin-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 2px; grid-row-gap: 2px; border-bottom: 2px solid #f1f1f1; border-radius: 0px; background-color: #fff; } .comparasion-feature-list.lightgrey.first { border-top-left-radius: 20px; border-top-right-radius: 20px; } .comparasion-feature-list.lightgrey.first.interlign { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; grid-column-gap: 1.6px; grid-row-gap: 1.6px; border-bottom: 2px solid #f1f1f1; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: #fff; } .comparasion-feature-list.lightgrey.last { border-style: none; border-color: #000; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .comparasion-feature-list.lightgrey.last.interlign { width: auto; grid-column-gap: 1.6px; grid-row-gap: 1.6px; border-bottom-style: none; border-bottom-color: #f1f1f1; border-radius: 0px; background-color: #fff; } .comparasion-feature-list.lightgrey.interlign { width: 50px; line-height: 1.6em; } .comparasion-feature-list.darkblack { margin-top: 0px; margin-bottom: 0px; -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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-style: solid none; border-color: #1b1b1e #000; border-top-width: 2px; border-bottom-width: 2px; border-radius: 0px; background-color: #161619; } .comparasion-feature-list.darkblack.first { margin-top: 0px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; border-style: none none solid; border-top-width: 2px; border-top-color: #1b1b1e; border-bottom-width: 2px; border-bottom-color: #f1f1f1; border-radius: 20px 20px 0px 0px; background-color: #fff; } .comparasion-feature-list.darkblack.first.section { background-color: transparent; } .comparasion-feature-list.darkblack.last { border-radius: 0px 0px 20px 20px; } .comparasion-feature-list.dark-purple { width: auto; margin-top: 0px; margin-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 0px; background-color: #380668; } .comparasion-feature-list.dark-purple.first { width: auto; grid-column-gap: 1.6px; grid-row-gap: 1.6px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .comparasion-feature-list.dark-purple.last { width: 50px; grid-column-gap: 1.6px; grid-row-gap: 1.6px; border-style: none; border-color: #000; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .comparasion-feature-list.category { height: 50px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .comparasion-feature-list.empty { height: 50px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .comparasion-feature-list.black { border-style: solid none none; border-top-width: 2px; border-top-color: #1b1b1e; border-bottom-width: 2px; border-bottom-color: #1b1b1e; background-color: #161619; } .comparasion-feature-list.black.last { border-style: none; border-color: #000; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .comparasion-plus-less-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50px; height: 50px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; } .comparasion-plus-less-box.grey { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; padding: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f1f1f1; } .comparasion-plus-less-box.pink { background-color: #e350cc; } .comparasion-plus-less-box.purple { height: 50px; padding: 0px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #490d82; } .comparasion-plus-less-box.white { height: 50px; padding-right: 20px; padding-left: 20px; background-color: #fff; } .comparasion-column-competitors { display: none; overflow: hidden; width: 50px; -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; -o-object-fit: fill; object-fit: fill; } .left-arrow-5 { display: none; } .right-arrow-8 { display: none; } .tab-competitors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; padding-right: 10px; padding-left: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 200px; background-color: #fff; opacity: 0.5; } .tab-competitors.w--current { border-style: none; border-width: 2px; border-color: #0146e0; background-color: #fff; opacity: 1; } .tabs-menu-6 { 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; grid-column-gap: 2px; grid-row-gap: 2px; } .tab-pane-tab-3 { padding-top: 10px; } .dropdown-toggle-2 { width: 40px; height: 40px; padding: 10px; border-radius: 200px; background-color: #fff; opacity: 0.5; } .dropdown-toggle-2:focus-visible { opacity: 1; } .dropdown-toggle-2[data-wf-focus-visible] { opacity: 1; } .dropdown-list-4 { position: static; margin-top: 5px; background-color: transparent; } .dropdown-competitor { position: static; margin: 0px; } .comparasion-bravo { 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; grid-column-gap: 5px; grid-row-gap: 5px; } .comparasion-bravo-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; min-height: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 200px; background-color: #fff; cursor: pointer; } .comparasion-competitors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 40px; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 5px; grid-row-gap: 5px; opacity: 0.5; } .comparasion-logo-mobile { display: none; margin-top: 20px; margin-bottom: 20px; padding-bottom: 0px; } .stick-up-compare { width: 100px; height: 200px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #490d82; color: #0146e0; } .stick-up-compare.yellow { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #ffce1f; } .stick-up-compare.pink { width: 50px; background-color: #e350cc; color: #e350cc; } .stick-up-compare.orange { width: 50px; background-color: #ff7262; } .stick-up-compare.black { width: 50px; background-color: #fff; } .stick-up-compare.turquoise { width: 50px; background-color: #50e3c2; } .stick-up-compare.thin { width: 5px; height: 5px; min-width: 5px; border-radius: 20px; } .stick-up-compare.thin._10px { position: relative; z-index: 4; border-radius: 0px; } .stick-up-compare.img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 30px; height: 30px; min-width: 30px; padding: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 100px; } .div-stick-up-compare { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 0px; padding-right: 100px; padding-left: 100px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .div-stick-down-compare { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 0px; padding-right: 100px; padding-left: 100px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .stick-down-compare { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #0146e0; color: #0146e0; } .stick-down-compare.yellow { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #ffce1f; } .stick-down-compare.pink { width: 50px; background-color: #e350cc; color: #e350cc; } .stick-down-compare.orange { width: 50px; background-color: #ff7262; } .stick-down-compare.black { width: 50px; background-color: #fff; } .stick-down-compare.turquoise { width: 50px; background-color: #50e3c2; } .stick-down-compare.thin { width: 5px; height: 5px; min-width: 5px; border-radius: 20px; } .stick-down-compare.thin._10px { position: relative; z-index: 4; border-radius: 0px; } .stick-down-compare.img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 30px; height: 30px; min-width: 30px; padding: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 100px; } .img-background { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100vh; height: 100vh; padding: 140px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .image-278 { width: 300px; max-width: none; margin: 0px; } .div-block-1513-copy { display: block; height: auto; padding-top: 20px; padding-right: 0px; padding-left: 0px; } .div-img-animation { position: relative; width: 50%; } .image-279 { max-width: 300px; } .image-280 { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; margin: 0px; } .div-block-1564 { 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; } .div-text-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .thunkable-circle { position: absolute; left: auto; top: auto; right: 15%; bottom: 30%; margin: 0px; } .glide-circle { position: absolute; left: 15%; top: auto; right: auto; bottom: 15%; margin: 0px; } .bubble-circle { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; margin: 0px; } .bravo-circle { position: absolute; left: 40%; top: 40%; right: auto; bottom: auto; margin: 0px; } .stick { position: absolute; left: 66%; top: 0%; right: 0%; bottom: auto; z-index: -3; width: 100px; height: 200px; border-radius: 100px; background-color: #0146e0; color: #0146e0; } .stick.yellow { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #ffce1f; } .stick.pink { width: 50px; background-color: #e350cc; color: #e350cc; } .stick.orange { width: 50px; background-color: #ff7262; } .stick.black { width: 50px; background-color: #fff; } .stick.turquoise { width: 50px; background-color: #50e3c2; } .stick.thin { width: 5px; height: 5px; min-width: 5px; border-radius: 20px; } .stick.thin._10px { position: relative; z-index: 4; border-radius: 0px; } .stick.img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 30px; height: 30px; min-width: 30px; padding: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-radius: 100px; } .stick.purple { background-color: #490d82; } .stick.purple._2 { left: 15%; top: 35%; } .grid-madewithbravo-header { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-sticks-dancing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 0px; padding-right: 100px; padding-left: 100px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .s-section-active-elements-blue { position: absolute; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 100vw; height: 100vh; min-width: auto; -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; grid-column-gap: 10px; grid-row-gap: 10px; -o-object-fit: fill; object-fit: fill; } .s-section-active-elements-blue.mobile { display: none; } .s-section-active-elements-blue.overflow-hidden { overflow: hidden; height: auto; } .s-section-active-elements-blue.overflow { overflow: visible; } .s-section-active-elements-blue._150vh { height: 150vh; } .s-section-active-elements-blue.top-bar { overflow: hidden; height: auto; } .geometric-line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 100px; 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: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; grid-column-gap: 200px; grid-row-gap: 200px; background-color: transparent; } .geometric-line.up { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .geometric-line.middle { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .geometric-line.down { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; border-radius: 100px; background-color: transparent; } .geometric-line.down.blue { width: 50px; height: 30%; } .geometric-line.down.blue._50 { width: 50px; height: 50%; } .geometric-line.down.white { background-color: #fff; } .geometric-line.down.white._50 { width: 50px; height: 50%; } .geometric-line.blue { width: 50px; height: 30%; border-radius: 100px; background-color: #0146e0; } .geometric-line.white { width: 50px; height: 30%; border-radius: 100px; background-color: #0146e0; } .geometric-tube { width: 100%; height: 100px; padding: 0px; border-radius: 100px; background-color: #161619; } .geometric-tube.blue { width: 100%; height: 200px; background-color: #0146e0; } .geometric-tube.blue.left { width: 100%; height: 200px; } .geometric-tube.blue._100 { height: 100px; } .geometric-tube.green { background-color: #50e3c2; } .geometric-tube.green._100 { background-color: #50e3c2; } .geometric-tube.green._300 { height: 300px; background-color: #50e3c2; } .geometric-tube.green._200 { height: 200px; background-color: #50e3c2; } .geometric-tube.white { background-color: #fff; } .geometric-tube.white._300 { height: 300px; background-color: #fff; } .geometric-tube.white._200 { height: 200px; background-color: #fff; } .geometric-tube.white._100 { background-color: #fff; } .geometric-tube.pink { background-color: #e350cc; } .geometric-tube.pink._200 { height: 200px; } .geometric-tube.pink._300 { height: 300px; } .geometric-tube.red { background-color: #d2392e; } .geometric-tube.red._300 { height: 300px; } .geometric-tube.red._200 { height: 200px; } .geometric-tube.yellow { background-color: #ffce1f; } .geometric-tube.yellow._300 { height: 300px; } .geometric-tube.yellow._200 { height: 200px; } .geometric-tube.orange { background-color: #ff7262; } .geometric-tube.orange._100 { background-color: #ff7262; } .geometric-tube.orange._200 { height: 200px; } .geometric-tube.orange._300 { height: 300px; } .geometric-tube.dark { background-color: #263238; } .geometric-tube.dark._200 { height: 200px; } .geometric-tube.opacity0 { 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; background-color: transparent; } .s-section-active-background { position: absolute; z-index: -1; display: block; overflow: visible; width: auto; height: auto; min-width: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; grid-column-gap: 20px; grid-row-gap: 20px; -o-object-fit: none; object-fit: none; } .s-section-active-background.mobile { display: none; } .s-section-active-background.overflow-hidden { overflow: hidden; height: auto; } .s-section-active-background.overflow { overflow: visible; } .s-section-active-background._150vh { height: 150vh; } .s-section-active-background.top-bar { overflow: hidden; height: auto; } .div-block-1566 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; height: auto; padding: 20px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; grid-column-gap: 350px; grid-row-gap: 350px; } .grid-header { 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; grid-column-gap: 0px; -ms-grid-columns: 1fr 1.25fr; grid-template-columns: 1fr 1.25fr; -ms-grid-rows: auto; grid-template-rows: auto; } .geometric-shape-copy { position: static; display: block; overflow: visible; height: auto; max-width: none; -o-object-fit: contain; object-fit: contain; } .h1-span-green { color: #50e3c2; } .text-span-green { color: #50e3c2; } .comparasion-table-mobile { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-column-gap: 10px; grid-row-gap: 10px; border: 1px none #fff; } .comparasion-table-mobile.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .comparasion-table-mobile.mobile.opt2 { display: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .comparasion-table-mobile.mobile.test { display: none; } .lightbox-compare-video { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 480px; height: 270px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2px none #373731; border-radius: 7px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.09)), to(rgba(0, 0, 0, 0.09))), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/6346b602abbe596a317aa131_Testimonial-Teaser.jpg"); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.09)), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/6346b602abbe596a317aa131_Testimonial-Teaser.jpg"); background-position: 0px 0px, 50% 0%; background-size: auto, cover; } .lightbox-compare-video:hover { box-shadow: 5px 5px 0 0 #000; } .icon-proservices { display: inline-block; width: 30px; height: 30px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 3px; } .grid-quotes-proservices { margin-top: 220px; padding-right: 0px; padding-left: 0px; grid-column-gap: 49px; -ms-grid-rows: auto; grid-template-rows: auto; } .fiv-button-top-menu { 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; } .image-281 { width: 20px; } .image-282 { width: 20px; } .div-paragraphs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column-gap: 20px; grid-row-gap: 20px; } .colors-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; grid-column-gap: 40px; grid-row-gap: 40px; } .color-circle-fill { width: 70px; height: 70px; margin-bottom: 9px; border-radius: 100%; background-color: #0146e0; } .color-circle-fill._263238 { background-color: #263238; } .color-circle-fill._1d1d1b { background-color: #1d1d1b; } .color-circle-fill.ffffff { border: 1px solid #000; background-color: #fff; } .color-circle-fill.f2f2f2 { background-color: #f2f2f2; } .color-circle-fill.e350cc { background-color: #e350cc; } .color-circle-fill._50e3c2 { background-color: #50e3c2; } .color-circle-fill.ffce1f { background-color: #ffce1f; } .color-circle-fill._490d82 { background-color: #490d82; } .div-block-1567 { width: 50%; } .div-block-1568 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .howitworks-point-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px; grid-column-gap: 40px; grid-row-gap: 40px; } .link-29 { color: #50e3c2; } .business-app-icon-text-point { 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: 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; grid-column-gap: 10px; grid-row-gap: 10px; } .business-app-icon-text-point.orange { position: static; width: 40%; padding: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-style: none; border-width: 2px; border-color: #373731; border-radius: 20px; background-color: #ff7262; } .business-app-icon-text-point.white { padding: 40px; border-radius: 20px; background-color: #f1f1f1; } .business-app-icon-text-point.yellow { padding: 40px; border-radius: 20px; background-color: #fff; } .div-block-1570 { 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; } .image-283 { width: 50%; } .image-284 { position: absolute; top: 0px; right: 219px; z-index: -1; width: 150px; } .div-block-1571 { display: none; } .img-wedding-3 { position: absolute; bottom: 0px; margin: 0px; } .image-285 { max-width: 80%; } .div-block-1572 { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40%; -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; } .video-business-app { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; display: block; overflow: hidden; width: 100%; height: 100%; margin: auto; border: 3px none #373731; border-radius: 0px; background-color: #373731; box-shadow: none; } .video-app { position: absolute; left: 129px; top: 292px; right: 0%; bottom: 0%; z-index: 2; width: 158px; height: 340px; max-width: 100%; border-radius: 5px; } .div-app-video { position: static; } .div-block-1573 { position: relative; } .circle-ba { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px; -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; grid-column-gap: 20px; grid-row-gap: 20px; border-style: none; border-width: 2px; border-color: #373731; border-radius: 20px; background-color: transparent; } .circle-proapp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px; border-style: none; border-width: 2px; border-color: #373731; border-radius: 20px; background-color: #263238; } .circle-extra-feature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; -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; grid-column-gap: 20px; grid-row-gap: 20px; border-radius: 300px; background-color: transparent; } .plus { 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; } .div-block-1574 { 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; grid-column-gap: 20px; grid-row-gap: 20px; } .div-block-1575 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 10px; grid-row-gap: 10px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .text-span-116 { color: #263238; } .text-span-117 { color: #ff7606; } .text-span-118 { color: #e350cc; } .text-span-119 { color: #83fce1; } .text-span-120 { color: #0146e0; font-size: 16px; } .text-span-120.orange { color: #ff7262; } .text-span-120.green { color: #50e3c2; } .cometchat-explain-box { 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; } .cometchat-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30%; padding-top: 83px; -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; } .cometchat-center { width: 50%; } .cometchat-right { width: 30%; padding-top: 178px; padding-bottom: 0px; } .image-286 { width: 500px; border-style: solid; border-width: 3px; border-color: #263238; border-radius: 40px; } .cometchat-feature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 59px; padding: 10px 0px 10px 10px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; border-bottom: 2px solid #263238; } .cometchat-feature._100pxup { margin-top: 60px; } .cometchat-feature._40pxup { margin-top: 156px; } .cometchat-feature._20pxup { margin-top: 44px; } .cometchat-feature.test { display: none; } .cometchat-logo.mobile { display: none; } .revenuecat-logo { border-radius: 100px; } .revenuecat-logo.no-margin { position: absolute; top: 416px; right: 100px; z-index: 2; } .cometchat-logo-desktop { border-radius: 100px; } .cometchat-logo-desktop.no-margin { position: absolute; top: 355px; right: 100px; z-index: 2; } .div-block-1576 { 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; grid-column-gap: 10px; grid-row-gap: 10px; } .block-quote { padding: 0px; border-left-style: none; font-family: 'Droid Sans', sans-serif; color: #d2392e; font-size: 16px; font-weight: 400; } .text-span-121 { color: #ffce1f; } .grid-62 { 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; } .grid-62.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .text-span-122 { color: #fff; } .container-51 { margin-top: 0px; } .promo-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .promo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; max-width: none; margin-bottom: 40px; padding-right: 0px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .promo-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: none; padding: 20px; -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; grid-column-gap: 30px; grid-row-gap: 30px; border-radius: 0px 0px 20px; background-color: #e7e7e7; } .price-old { 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; font-family: Pulpdisplay, sans-serif; color: #95958d; font-size: 20px; font-weight: 400; text-decoration: line-through; } .price-new { font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 60px; font-weight: 700; text-transform: lowercase; white-space: normal; } .saving { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; grid-column-gap: 20px; grid-row-gap: 20px; } .saving-percent { padding: 5px 15px 6px; border-radius: 20px; background-color: #ffce1f; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 16px; font-weight: 700; text-decoration: none; } .s-tab-box { background-color: transparent; } .s-tab-box.w--current { font-family: Pulpdisplay, sans-serif; color: #263238; } .s-tab { max-width: none; margin-bottom: 0px; padding: 6px 20px; border-style: solid; border-width: 2px; border-color: #e7e7e7; background-color: transparent; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 16px; line-height: 1.5em; font-weight: 700; text-decoration: none; } .s-tab.w--current { padding-top: 6px; padding-bottom: 6px; border-style: solid; border-width: 2px; border-color: #ffce1f; border-radius: 20px; background-color: transparent; } .s-tab.pink { color: #0146e0; } .s-tab.pink._100 { max-width: 100%; } .s-tab.pink.left { text-align: left; } .s-tab.green { color: #056d38; } .s-tab.white { color: #fff; } .s-tab.white.no-margin.interlign { line-height: 1.6em; } .s-tab.purple { color: #490d82; } .s-tab.pink-copy { color: #e350cc; } .s-tab.pink-copy._100 { max-width: 100%; } .s-tab.pink-copy.left { text-align: left; } .s-tab._100 { max-width: none; } .s-tab.black { color: #fff; line-height: 1.5em; } .s-tab.black.bold { font-weight: 700; } .s-tab.black.italic { font-style: italic; } .s-tab.bold { font-weight: 700; } .s-tab.bold.table-subtitle { margin-bottom: 10px; } .s-tab.gray { color: #95958d; } .s-tab.gray.italic { font-style: italic; font-weight: 400; } .s-tab.gray.center { text-align: center; } .s-tab.gray.transparent { opacity: 0; } .s-tab.centered { text-align: center; } .s-tab.banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: none; margin-bottom: 0px; padding-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-column-gap: 5px; grid-row-gap: 5px; text-align: center; } .s-tab.banner.white { color: #fff; } .s-tab.banner.pink { color: #ffce1f; text-align: left; } .s-tab.italic { font-style: italic; } .s-tab.italic.mg20 { margin-top: 20px; } .s-tab.mobile-mod-1 { display: none; color: #0146e0; } .s-tab.blue { color: #0146e0; } .s-tab.left { text-align: left; } .s-tab.list { margin-bottom: 0px; padding-left: 0px; text-align: left; } .s-tab.center.white { text-align: center; } .s-tab.no-margin.interlign { line-height: 1.6em; } .s-tab.no-margin.right { text-align: right; } .tabs-menu-7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; max-width: 100%; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-top-left-radius: 0px; border-top-right-radius: 20px; background-color: #e7e7e7; } .promo-description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 70%; max-width: none; min-height: auto; min-width: auto; padding: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 20px; grid-row-gap: 20px; border-radius: 20px 0px 0px 20px; background-color: #fff; } .s-list { margin-bottom: 10px; font-family: Pulpdisplay, sans-serif; } .s-list.white { color: #fff; } .tab-pane-tab-1 { max-width: 100%; } .tab-pane-tab-2 { max-width: none; } .permonth { margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 20px; font-weight: 400; text-transform: lowercase; white-space: normal; } .price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 5px; grid-row-gap: 5px; } .euros { margin-top: 0px; font-family: Pulpdisplay, sans-serif; color: #263238; font-size: 20px; font-weight: 700; text-transform: lowercase; white-space: normal; } .title-tab { font-size: 14px; } .text-block-150 { font-size: 14px; } .text-span-123 { color: #ffce1f; } .tabs-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30%; -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; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-color: #e7e7e7; } .tabs-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30%; -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; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-color: #e7e7e7; } .tabs-content-3 { display: block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .circle-offer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80px; height: 80px; margin-bottom: 40px; padding: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 200px; background-color: #ffce1f; } .offer { font-family: Pulpdisplay, sans-serif; font-size: 40px; line-height: 1em; font-weight: 700; text-align: center; } .offer.small { font-size: 20px; } .div-block-1577 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-right: 40px; padding-left: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px; } .howto-discount-dropdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 100px; -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; } .howto-discount-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px; padding: 0px; grid-column-gap: 10px; grid-row-gap: 10px; border-style: none; border-width: 3px; border-color: #ffce1f; border-radius: 60px; background-color: transparent; } .howto-discount-title.christmas { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .howto-discount-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -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: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 20px; grid-row-gap: 20px; } .howto-discount-content.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .howto-discount-step-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 55%; padding: 20px; -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; grid-column-gap: 10px; grid-row-gap: 10px; border-top: 5px solid #ffce1f; border-bottom: 5px none #ffce1f; background-color: #fff; } .howto-discount-step-text.red { min-height: auto; border-top-color: #d2392e; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .howto-discount-step-video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 10px; grid-row-gap: 10px; background-color: transparent; } .howto-discount-step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 30%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; grid-column-gap: 0px; grid-row-gap: 0px; border-radius: 20px; outline-color: #333; outline-offset: 0px; outline-style: none; outline-width: 3px; mix-blend-mode: color-burn; } .background-video-23 { display: none; width: 100%; height: 200px; border-radius: 0px; } .html-embed-15 { width: 30px; height: 30px; } .html-embed-15._1.test { display: none; } .html-embed-15._2.test { display: none; } .step-img { width: 100%; margin-top: 0px; margin-bottom: 0px; background-color: transparent; opacity: 1; } .testi-img-world { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; max-height: none; -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; } .button-howtoclaim-d { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-bottom: 40px; padding: 0px 0px 10px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; grid-column-gap: 10px; grid-row-gap: 10px; border-bottom: 4px solid #ffce1f; border-radius: 0px; background-color: transparent; } .text-block-151 { color: #fff; } .text-block-152 { color: #fff; } .text-block-153 { text-align: center; } .text-block-154 { text-align: center; } .text-block-155 { text-align: center; } .text-block-156 { text-align: center; } .text-block-157 { text-align: center; } .text-block-158 { text-align: center; } .text-block-159 { text-align: center; } .text-block-160 { text-align: center; } .text-block-161 { text-align: center; } .text-block-162 { text-align: center; } .s-discount { position: static; z-index: 4; width: auto; padding: 5px 10px 7px; border-radius: 100px; background-color: #50e3c2; font-family: Pulpdisplay, sans-serif; color: #263238; } .div-block-1578 { display: block; } .div-block-1579 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -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; } .div-block-1580 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .div-block-1581 { 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; grid-column-gap: 20px; grid-row-gap: 20px; } .featured-integration { display: block; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 3fr; grid-template-columns: 3fr; -ms-grid-rows: auto; grid-template-rows: auto; } .featured-integration.featured { display: block; } .div-block-1582 { width: 50%; max-width: none; } .test { display: none; } .lightbox-link-15 { position: static; width: auto; height: auto; margin-top: 0px; } .div-block-1583 { position: static; width: auto; height: auto; } .color-line { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; padding-right: 40px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .bravo-steps { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 100px; } .line-animation { width: 5px; height: 100%; border-radius: 10px; background-image: -webkit-gradient(linear, left top, left bottom, from(#50e3c2), color-stop(31%, #ffce1f), color-stop(59%, #e350cc), color-stop(90%, #0146e0), to(#0146e0)); background-image: linear-gradient(180deg, #50e3c2, #ffce1f 31%, #e350cc 59%, #0146e0 90%, #0146e0); } .line-animation.white { position: absolute; display: block; width: 5px; border-radius: 0px; background-color: #f5f5f5; background-image: none; } .div-block-1584 { position: absolute; top: -3px; width: 10px; height: 10px; background-color: #f5f5f5; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .text-span-124 { color: #d2392e; } ._3kings-box { 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; grid-column-gap: 40px; grid-row-gap: 40px; } .king { width: 200px; } .text-span-125 { color: #d2392e; } .text-span-126 { color: #d2392e; } ._3wisemen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px; padding: 0px; grid-column-gap: 10px; grid-row-gap: 10px; border-style: none; border-width: 3px; border-color: #ffce1f; border-radius: 60px; background-color: transparent; } .king-icons-box { display: -ms-grid; display: grid; width: 100%; margin-top: 60px; margin-bottom: 0px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .icon-included { margin-bottom: 20px; } .text-span-127 { color: #d2392e; } .text-block-163 { font-size: 50px; } .text-block-164 { font-size: 50px; } .div-block-1585 { 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; } .king-box { position: static; overflow: hidden; border-radius: 20px; background-color: #fff; } .crown { position: static; left: 0%; top: -23%; right: 0%; bottom: auto; z-index: 3; width: 100px; margin: 0px 0px -20px; } .king-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25%; max-width: none; min-width: 25%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-name-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 10px; grid-row-gap: 10px; } .div-block-1586 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .redlink { color: #d2392e; } .div-block-1587 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; max-width: 35%; min-height: auto; min-width: 30%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-1588 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .image-289 { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; z-index: 1; width: auto; height: auto; max-width: 180px; margin-top: 0px; margin-bottom: 0px; border-radius: 10px; box-shadow: 0 11px 14px 0 rgba(22, 22, 25, 0.56); } .div-block-1589 { position: relative; top: 118px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .div-block-1589.no-margin { top: auto; } .image-290 { width: auto; height: auto; max-width: 180px; margin: 0px; border-radius: 10px; box-shadow: 0 11px 14px 0 rgba(22, 22, 25, 0.72); } .div-block-1590 { position: relative; } .section-71 { position: relative; height: 500vh; } .div-block-1591 { position: -webkit-sticky; position: sticky; top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 220px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 40px; grid-row-gap: 40px; } .button-8 { position: -webkit-sticky; position: sticky; top: 0px; } .container-52 { position: -webkit-sticky; position: sticky; top: 0px; } .testimonial-home-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1592 { 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; } .jaron-title { margin-bottom: 20px; } .div-block-1593 { 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; } .div-block-1594 { 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; } @media screen and (min-width: 1280px) { .brand-2.w--current { margin-right: 10px; margin-left: 20px; } .call-to-action-button { margin-top: 20px; margin-bottom: 20px; font-size: 17px; } .div-block-94 { width: 97vw; margin-bottom: 0px; } .div-block-94.hidden { display: none; } .nav-link-log.menu-nav { padding-left: 8px; } .image-75 { width: 300px; } .div-block-1095.absolute { left: 250px; } .div-newsletter { margin-top: 100px; } .div-block-1138 { margin-top: 60px; } .div-block-1151 { left: 111px; } .collection-item-3 { margin-right: 10px; margin-left: 10px; } .success-message-4 { height: 150px; padding-bottom: 0px; } .image-119 { border-radius: 9px; } .div-block-1201 { left: 248px; } .main-title-section { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/60a62acbc7554be792cd6f16_Group%20266.png"); background-position: 700px 50%; background-size: auto 500px; background-repeat: no-repeat; } .title-text-1 { font-size: 40px; line-height: 50px; } .title-text-3.pink { margin-bottom: 0px; } .title-text-3.blogpage.text { margin-bottom: 40px; } .title-text-3.gray { color: #8a8a8a; } .section-build-design { padding-top: 100px; padding-bottom: 100px; } .title-text-2 { font-size: 23px; line-height: 33px; } .div-block-1233 { margin-top: 32px; } .top-bar-hover-box { right: 385.625px; bottom: 270.984px; } .hover-audio-box { right: 510.938px; } .hover-aspect-box { left: 389.5px; top: -34.984px; } .section-connect-to-data { padding-top: 100px; padding-bottom: 100px; } .div-block-1242 { left: 416px; top: 172.281px; } .section-experience-real-app { padding-top: 100px; padding-bottom: 100px; } .section-roadmap { padding-top: 100px; padding-bottom: 100px; } .div-block-1247 { margin-bottom: 60px; } .section-made-with-bravo { padding-top: 100px; padding-bottom: 100px; } .title-text-2-red { font-size: 40px; line-height: 50px; } .div-block-1252 { margin-top: 60px; } .image-140 { margin-right: 12px; } .div-block-1263 { margin-bottom: 24px; } .div-block-1265 { width: 550px; margin-bottom: 25px; } .list-3 { margin-bottom: 11px; } .div-block-1266 { margin-bottom: 20px; } .section-57.ready { background-color: #ffeae2; } .section-57.blue { background-color: #dff4ff; } .image-145.ready { margin-right: 21px; } .div-block-1288 { padding-right: 86px; } .background-video-9-copy { width: 1100px; height: 590px; } .column-100 { padding-right: 0px; padding-left: 0px; } .background-video-11 { width: 650px; height: 360px; } .column-102 { padding-right: 135px; padding-left: 0px; } .div-block-1321 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .collection-list-wrapper-3 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .typed-text { font-size: 40px; line-height: 50px; } .main-title-section-old { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/603e2182457edd7504009721_Group%20249.png"); background-position: 700px 50%; background-size: auto 500px; background-repeat: no-repeat; } .div-block-1331 { padding-right: 0px; } .div-block-1332 { margin-bottom: 64px; text-align: center; } .universal-container { width: 80vw; } .universal-main-section.videos { padding-bottom: 60px; } .universal-section { padding-top: 0px; padding-bottom: 60px; } .universal-section._2 { padding-top: 60px; background-color: #dff4ff; } .universal-section._3.detail { padding-top: 40px; padding-bottom: 40px; } .div-block-1336 { margin-bottom: 36px; } .text-block-126 { font-size: 35px; } .div-block-1339 { 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; } .grid-tutoriales { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .tutorial-box { height: 190px; background-color: #fff; } .tutorial-title { padding: 28px 18px; font-size: 35px; } .tutorial-subtitle { margin-top: 8px; } .tutorial-title-3 { margin-top: 10px; color: #989898; font-size: 15px; line-height: 21px; } .div-block-1340 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80px; height: 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: none; border-width: 1px; border-color: #d4d4d4; border-radius: 100px; } .ui-kit-box { height: 190px; background-color: #fff; } .grid-ui-kits { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .text-block-129 { left: 2px; top: 26px; bottom: 11px; } .uikit-subtitle { margin-top: 8px; } .uititle-title-3 { margin-top: 10px; color: #989898; font-size: 14px; } .sample-app-box { height: auto; background-color: #fff; } .div-block-1342 { bottom: -55px; } .collection-item-7 { margin-right: 31px; } .collection-item-7.detail { margin-right: 26px; } .video-box { height: 190px; padding-left: 0px; background-color: #fff; } .video-box-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding-left: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .image-158 { position: absolute; left: auto; top: auto; right: 5%; bottom: 5%; width: 30px; height: 30px; } .collection-list-8.detail { -ms-grid-rows: auto; grid-template-rows: auto; } .sample-apps-tab:hover { color: #e350cc; } .sample-app-subtitle { margin-top: 8px; } .videos-subtitle { margin-top: 8px; } .video-type-text { margin-top: 10px; color: #989898; font-size: 14px; } .academy-view-all { font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 400; } .image-160 { border-radius: 20px; } .column-110-copy { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .story-columns { 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-48 { padding-top: 45px; text-align: center; } .our-story-box { position: static; } .timeline-line-down { border-right-style: dashed; } .timeline-side-line { border-bottom-style: dashed; } .timeline-side-line._2 { width: 90%; border-bottom-style: dashed; } .image-170 { border-radius: 11px; } .blogpost-subtitle { margin-top: 8px; } .blogpost-title-3 { margin-top: 10px; color: #989898; font-size: 12px; line-height: 12px; } .video-3 { margin-bottom: 40px; } .image-173 { width: 500px; } .column-119 { padding-right: 93px; } .collection-item-11 { height: 500px; } .card-icon { border-style: solid; border-color: rgba(55, 55, 49, 0.1); } .card-div2 { padding-top: 6px; } .app-img-box { background-color: #fcfcfc; } .image-181-copy { border-radius: 12px; } .mwb-title { margin-top: 8px; } .body-34 { background-color: #f3f6e6; } .collection-list-wrapper-9 { grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-list-13 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; } .collection-item-12 { padding: 0px; border-radius: 12px; background-color: #fff; } .image-183 { width: 170px; border-radius: 12px; } .column-122 { padding-left: 31px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .div-block-1378 { margin-top: 8px; } .div-block-1381 { margin-bottom: 0px; } .column-126 { padding-right: 0px; } .div-block-1386 { padding-right: 59px; } .column-126-copy { padding-right: 0px; } .s-title-xl.blue { margin-bottom: 0px; line-height: 80px; } .s-title-xl.pink { color: #e350cc; font-size: 70px; line-height: 80px; } .s-container { max-width: 1100px; } .s-container.menu { max-width: 1100px; } .s-container.flex { padding-bottom: 100px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .s-paragraph.pink { color: #e350cc; } .s-paragraph.pink-copy { color: #e350cc; } .s-paragraph.bold { font-weight: 700; } .s-paragraph.banner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .s-button.blue.s-navlink.mod { font-size: 14px; } .s-section.red { background-color: #ffeae2; } .s-section.black._100vh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-section._100vh.black.header { height: auto; max-height: none; min-height: 100vh; padding-bottom: 100px; } .columns-70 { padding-top: 40px; padding-bottom: 40px; } .s-subtitle.pink { color: #e350cc; } .s-subtitle.white.center { -webkit-transform: none; -ms-transform: none; transform: none; } .background-video-13 { height: 400px; } .typer.pink { color: #e350cc; } .image-194 { left: 0%; top: 0%; right: 0%; bottom: 0%; } .column-137 { 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; } .call-to-action-button-copy { margin-top: 20px; margin-bottom: 20px; font-size: 17px; } .div-block-94-copy { width: 97vw; } .navbar-2-copy { background-color: #f3f6e6; -webkit-backdrop-filter: none; backdrop-filter: none; } .column-142 { 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; text-align: left; } .image-197 { padding: 41px; border: 2px solid #373731; border-radius: 20px; background-color: #fff; box-shadow: 6px 6px 0 0 #373731; } .columns-76 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } .column-143 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 37px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-newsletter-copy { margin-top: 100px; } .background-video-17 { width: 580px; } .image-198 { width: 700px; } .success-message-4-copy { height: 150px; padding-bottom: 0px; } .s-dividervertical { max-width: 30px; min-width: 30px; } .column-147 { padding-right: 20px; } .lottie-animation-25 { height: 400px; } .s-nav-menu-grid { padding-bottom: 0px; grid-column-gap: 30px; } .s-navemenu-image { width: 300px; } .nav-container.hidden { display: none; } .grid-2columns-8-4 { -ms-grid-columns: 1.25fr 1fr; grid-template-columns: 1.25fr 1fr; } .div-block-1412 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1413 { padding-right: 54px; } .div-block-1414 { padding-right: 29px; } .div-block-1415 { padding-right: 16px; } .div-block-1417 { padding-left: 10px; } .text-span-43 { color: #0146e0; } .div-block-1420 { padding-right: 32px; } .sample-apps-tab-copy:hover { color: #e350cc; } .sample-apps-tab-copy-copy:hover { color: #e350cc; } .collection-list-14 { padding-left: 74px; } .column-152 { padding-left: 48px; } .title-text-3-copy.pink { margin-bottom: 0px; } .title-text-3-copy.blogpage.text { margin-bottom: 40px; } .title-text-3-copy.gray { color: #8a8a8a; } .s-paragraph-link.pink { color: #e350cc; } .s-paragraph-link.pink-copy { color: #e350cc; } .s-paragraph-link.bold { font-weight: 700; } .image-214 { margin: 0px; } .video-building-mobile-apps { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 78%; height: 74%; } .link-block-46 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-194-copy { left: 866px; } .div-block-1374-copy { background-color: #fcfcfc; } .div-block-1464 { padding-right: 19px; } .lottie-animation-27 { left: -222px; } .div-block-1484 { padding-right: 101px; } .lottie-animation-28 { left: -62px; top: -65px; } .lightbox-link-13 { width: 640px; height: 360px; } .image-194-copy-copy { left: 0%; top: 0%; right: 0%; bottom: 0%; } .column-167 { padding-right: 33px; } .s-slider { padding-left: 7.5%; } .h1.blog { font-size: 40px; line-height: 1.2em; } .image-244 { width: 40%; } .image-247 { left: 62px; } .html-embed-13 { margin-top: 5px; } .div-left { padding-right: 54px; } .img-experts.front.img2 { left: 99px; } .div-img-experts { grid-column-gap: 50px; grid-row-gap: 50px; } .phone-readymadesolution { max-width: 200px; } .s-paragrap-endless.pink { color: #e350cc; } .s-paragrap-endless.pink-copy { color: #e350cc; } .s-paragrap-endless.bold { font-weight: 700; } .s-dropdown-content { display: block; } .video-full-design-control { left: 0%; top: 0%; right: 0%; bottom: 0%; width: auto; height: auto; } .div-howtobuild { grid-column-gap: 16px; grid-row-gap: 100px; } .howtobuild-phone { display: block; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .howtobuild-text { padding-left: 20px; } .video-lightbox-container { height: 300px; } .video-lightbox-container.no-margin { height: auto; } .video-lightbox-container.compare-video { height: 400px; } .lightbox-link-agencypartner { height: 300px; } .checklist-text.pink { color: #e350cc; } .checklist-text.pink-copy { color: #e350cc; } .checklist-text.bold { font-weight: 700; } .top-banner-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-column-gap: 20px; grid-row-gap: 20px; } .img-mobile { left: 57px; } .testi-photo.non-technical { height: 300px; } .s-section-active-elements { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; grid-column-gap: 40px; grid-row-gap: 40px; } .geometric-div { width: 100px; grid-column-gap: 20px; grid-row-gap: 20px; } .geometric-div.up { grid-column-gap: 20px; grid-row-gap: 20px; } .geometric-div.middle { grid-column-gap: 20px; grid-row-gap: 20px; } .geometric-div.down { width: 100px; padding: 0px; } .quote-div { padding-right: 54px; } .main-title-box { padding-right: 0px; } .main-title-div { padding-right: 16px; } .main-subtitle-div { padding-right: 29px; } .text-box { padding-right: 54px; } .feature-buttons { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .feature-photo.non-technical { height: 300px; } .comparasion-table { grid-column-gap: 10px; grid-row-gap: 10px; } .div-text-header { padding-right: 54px; } .s-section-active-elements-blue { grid-column-gap: 40px; grid-row-gap: 40px; } .geometric-tube.green { background-color: #50e3c2; } .geometric-tube.green._300 { height: 300px; } .geometric-tube.green._200 { height: 200px; } .geometric-tube.white { height: 300px; background-color: #fff; } .geometric-tube.white._200 { height: 200px; } .geometric-tube.white._100 { height: 100px; } .s-section-active-background { grid-column-gap: 40px; grid-row-gap: 40px; } .grid-header { -ms-grid-columns: 1.25fr 1fr; grid-template-columns: 1.25fr 1fr; } .h1-span-green { color: #50e3c2; } .text-span-green { color: #50e3c2; } .comparasion-table-mobile { grid-column-gap: 10px; grid-row-gap: 10px; } .lightbox-compare-video { width: 640px; height: 360px; } .video-business-app { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; } .video-app { top: 293px; } .s-tab.pink { color: #e350cc; } .s-tab.pink-copy { color: #e350cc; } .s-tab.bold { font-weight: 700; } .s-tab.banner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 1440px) { .div-block-20 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .div-block-21 { margin: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-32 { top: -11px; } .call-to-action-button.figma { border-color: #a259ff; background-color: #490d82; color: #fff; } .announcment-topbanner { background-color: #50e3c2; } .top-banner-text { color: #fff; font-weight: 700; } .nav-link-log.menu-nav { overflow: visible; padding-left: 20px; } .nav-link-login.menu-nav { font-size: 14px; } .image-75 { width: 330px; } .div-block-1095.absolute { left: 296px; } .form-block-2 { width: 100%; } .image-91 { left: -230px; top: 37px; bottom: 0px; max-width: 160%; } .div-block-1138 { margin-top: 60px; } .div-block-1151 { left: 127px; } .div-block-1152 { margin: 0px; grid-column-gap: 10px; grid-row-gap: 10px; } .collection-item-3 { margin-right: 10px; margin-left: 10px; } .div-block-1201 { left: 252px; } .main-title-section { padding-bottom: 140px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/60a62acbc7554be792cd6f16_Group%20266.png"); background-position: 780px 50%; background-size: auto 500px; background-repeat: no-repeat; } .title-text-1 { padding-right: 0px; font-size: 45px; line-height: 60px; } .title-text-1.purple { color: #490d82; } .title-text-3.purple { color: #490d82; } .title-text-3.blog.black { line-height: 21px; } .title-text-2 { color: #0146e0; font-size: 25px; line-height: 35px; } .title-text-2.purple { color: #490d82; } .title-text-2.black { font-weight: 500; } .div-block-1234 { width: 450px; padding-right: 0px; } .div-block-1240 { left: 241px; top: 201px; right: 201px; } .div-block-1242 { left: 455px; top: 178.281px; bottom: -29.9844px; } .div-block-1243 { bottom: 426px; } .section-roadmap { padding-top: 100px; padding-bottom: 60px; } .div-block-1247 { margin-bottom: 60px; } .section-made-with-bravo { background-color: #f3f6e6; } .title-text-2-red { font-size: 40px; line-height: 50px; } .testimonial-box { width: 400px; margin-right: 0px; } .div-block-1258 { width: 300px; padding-right: 0px; } .div-block-1259 { width: 340px; padding-right: 0px; } .div-block-1260 { width: 500px; padding-right: 0px; } .columns-50 { width: 80vw; } .call-to-action-button-yellow { background-color: #ffce1f; color: #0146e0; } .div-block-1265 { width: 550px; margin-bottom: 25px; padding-right: 0px; } .list-3 { margin-bottom: 12px; } .image-141 { display: none; } .div-block-1266 { margin-bottom: 20px; } .link-xd { cursor: pointer; } .column-92 { padding-right: 63px; padding-left: 51px; } .column-94 { padding-right: 158px; } .div-block-1300 { padding-right: 21px; padding-left: 21px; } .background-video-9 { width: 620px; height: 335px; } .background-video-9-copy { width: 1100px; height: 590px; } .div-block-1264-copy { margin-left: 0px; } .columns-58 { width: 85vw; } .column-100 { padding-right: 0px; padding-left: 21px; } .columns-59 { width: 85vw; } .column-102 { padding-right: 0px; padding-left: 0px; } .column-102.figma { padding-right: 0px; } .column-103 { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .section-67.figma { background-color: #490d82; } .lottie-animation-20 { left: 190px; } .lottie-animation-20._1 { left: -2%; top: -13%; right: 0%; bottom: 0%; } .lottie-animation-20._2 { left: 78%; top: 23%; right: 0%; bottom: 0%; } .collection-list-wrapper-3 { margin-top: 44px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .typed-text { font-size: 45px; line-height: 60px; } .main-title-section-old { padding-bottom: 140px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/603e2182457edd7504009721_Group%20249.png"); background-position: 780px 50%; background-size: auto 500px; background-repeat: no-repeat; } .div-block-1331 { padding-right: 35px; } .universal-section._3.detail.last { padding-bottom: 140px; } .universal-section._4.last { padding-bottom: 140px; } .get-started-subtitle { font-weight: 700; } .crashcourse-box.accelerate-box { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tutorial-subtitle { font-size: 16px; font-weight: 500; } .text-block-129 { left: 1px; top: 24px; font-size: 15px; } .uikit-subtitle { font-size: 16px; font-weight: 500; } .sample-app-box { height: auto; } .div-block-1342 { bottom: -55px; } .collection-list-wrapper-4 { margin-bottom: 27px; } .collection-item-7 { width: 190px; height: 190px; margin-right: 51px; margin-bottom: 53px; } .collection-item-7.detail { margin-right: 57px; margin-bottom: 67px; } .video-box-link.academy-intro { padding-left: 0px; cursor: pointer; } .image-158 { left: auto; top: auto; right: 5%; bottom: 5%; } .collection-list-8 { display: -ms-grid; display: grid; grid-auto-flow: row; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .tabs-content-2 { padding-top: 36px; } .sample-apps-tab { margin-right: 10px; background-color: hsla(0, 0%, 86.7%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; } .sample-apps-tab.w--current { margin-right: 10px; border-radius: 6px; background-color: #fff; font-family: Pulpdisplay, sans-serif; } .sample-app-subtitle { font-size: 16px; } .videos-subtitle { font-size: 16px; } .image-161:hover { box-shadow: 7px 7px 0 0 #0146e0; } .column-110-copy { position: relative; padding-right: 0px; padding-left: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-162 { position: absolute; width: 50px; height: 50px; } .timeline-line-down { border-right-style: dashed; border-bottom-style: dashed; } .timeline-side-line { border-bottom-style: dashed; } .timeline-side-line._2 { width: 90%; } .blogpost-subtitle { font-size: 16px; font-weight: 500; } .blogpost-title-3 { color: #989898; font-size: 12px; line-height: 12px; } .div-block-1366 { width: 70vw; } .collection-item-11 { height: 480px; } .collection-list-10 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .image-181 { left: 9%; } .image-181-copy { right: 9%; } .mwb-title { font-size: 18px; font-weight: 500; } .collection-item-12 { padding: 0px; } .image-183 { width: 180px; } .column-122 { padding-left: 48px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .div-block-1382 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .grid-12 { width: 1000px; } .column-126 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 0px; -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; } .column-127 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .columns-69 { padding-right: 182px; padding-left: 182px; } .div-block-1386 { padding-right: 90px; } .div-block-1387 { margin-top: 20px; margin-bottom: 20px; } .column-126-copy { padding-right: 0px; } .form-block-2-copy { width: 100%; padding-right: 72px; } .s-container { max-width: 1200px; } .s-container.menu { max-width: 1200px; padding-top: 0px; padding-bottom: 0px; } .s-container.text { padding-right: 129px; padding-left: 129px; } .s-button.red { border-style: none; border-color: #fff; background-color: #f24e1e; color: #fff; } .s-button.red:hover { box-shadow: 5px 5px 0 0 #fff; } .s-section { display: block; } .s-section.black._100vh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-section.lightgrey.test { display: none; } .lottie-animation-21 { max-width: 400px; } .form-block-2-copy-copy { width: 100%; } .s-subtitle { font-size: 22px; } .image-194 { left: 0%; top: 0%; right: 0%; bottom: 0%; } .column-137 { 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; } .call-to-action-button-copy.figma { border-color: #a259ff; background-color: #490d82; color: #fff; } .div-block-94-copy { max-width: 1200px; } .background-video-17 { width: 590px; } .div-block-1396 { background-color: #fff; } .column-144-copy { padding-right: 63px; } .column-147 { padding-right: 20px; padding-left: 0px; } .columns-77 { margin-left: 0px; } .column-148 { padding-right: 0px; padding-left: 0px; } .sticky-nav { background-color: #f3f6e6; } .sticky-nav-dropdown-product { background-color: #f3f6e6; } .s-nav-menu-grid { grid-column-gap: 30px; } .s-dropdown-submenu { padding-right: 0px; padding-left: 10px; } .s-dropdown-news { padding-right: 0px; } .nav-container { max-width: 1200px; } .grid-2columns-8-4 { grid-column-gap: 0px; -ms-grid-columns: 0.75fr 1fr; grid-template-columns: 0.75fr 1fr; } .div-block-1413 { padding-right: 33px; } .div-block-1414 { padding-right: 16px; } .div-block-1415 { padding-right: 10px; } .div-block-1420 { padding-right: 52px; } .sample-apps-tab-copy { margin-right: 10px; background-color: hsla(0, 0%, 86.7%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; } .sample-apps-tab-copy.w--current { margin-right: 10px; border-radius: 6px; background-color: #fff; font-family: Pulpdisplay, sans-serif; } .sample-apps-tab-copy-copy { margin-right: 10px; background-color: hsla(0, 0%, 86.7%, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; } .sample-apps-tab-copy-copy.w--current { margin-right: 10px; border-radius: 6px; background-color: #fff; font-family: Pulpdisplay, sans-serif; } .collection-list-14 { padding-left: 92px; } .column-152 { padding-left: 77px; } .title-text-3-copy.purple { color: #490d82; } .title-text-3-copy.blog.black { line-height: 21px; } .div-block-1437 { padding-right: 501px; } .video-building-mobile-apps { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 78%; height: 74%; } .div-block-1446 { width: 25vw; } .text-block-135 { font-size: 22px; } .image-194-copy { left: 954px; } .grid-27 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-27-copy { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .text-span-63 { color: #a259ff; } .text-span-64 { color: #0146e0; } .text-span-65 { color: #0146e0; } .image-225 { left: 71px; bottom: 169.383px; } .lottie-animation-28 { left: -27px; top: -19px; } .grid-52 { padding-right: 140px; padding-left: 140px; } .lightbox-link-13 { width: 640px; height: 360px; } .image-194-copy-copy { left: 0%; top: 0%; right: 0%; bottom: 0%; } .column-167 { padding-right: 40px; } .div-block-1151-copy { left: 221px; } .grid-57 { padding-right: 95px; padding-left: 95px; } .s-slider { padding-left: 0%; } .grid-58-copy { padding-right: 50px; padding-left: 50px; } .image-244 { position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; width: 40%; margin-top: 0px; } .imgbackground-right { position: relative; padding-top: 0px; } .image-247 { left: 81px; } .div-block-1525 { position: absolute; left: auto; top: 100px; right: 0%; bottom: 0%; } .div-left { padding-right: 33px; } .div-block-1550 { left: auto; right: 0px; } .s-dropdown-content { display: none; } .video-full-design-control { left: 0%; top: 0%; right: 0%; bottom: 0%; width: auto; height: auto; } .div-howtobuild { grid-row-gap: 110px; } .div-howtobuild-app { width: 33%; } .howtobuild-text { padding-left: 20px; } .video-lightbox-container.no-margin { height: auto; } .lightbox-link-agencypartner { height: 350px; } .img-mobile { left: 69px; } .testi-photo.non-technical { height: 300px; } .s-section-active-elements { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .quote-div { padding-right: 33px; } .main-title-box { padding-right: 0px; } .main-title-div { padding-right: 10px; } .main-subtitle-div { padding-right: 16px; } .img-box.figma { height: auto; } .text-box { padding-right: 33px; } .div-stick-up { -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; } .feature-photo.non-technical { height: 300px; } .comparasion-table { grid-column-gap: 10px; grid-row-gap: 10px; } .div-stick-up-compare { -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; } .div-stick-down-compare { -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; } .div-text-header { padding-right: 33px; } .grid-header { grid-column-gap: 0px; -ms-grid-columns: 0.75fr 1fr; grid-template-columns: 0.75fr 1fr; } .comparasion-table-mobile { grid-column-gap: 10px; grid-row-gap: 10px; } .lightbox-compare-video { width: 640px; height: 360px; } .grid-quotes-proservices { padding-right: 50px; padding-left: 50px; } .video-business-app { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; } .video-app { left: 128px; top: 353px; } } @media screen and (min-width: 1920px) { .div-block-20 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .div-block-21 { margin: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-20-copy { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .primarycolor-box { margin: 0px; } .brand-2 { margin-top: 11px; } .image-32 { position: relative; top: -6px; margin-bottom: 0px; } .h1---title { font-size: 60px; line-height: 70px; } .call-to-action-button.figma { border-color: #a259ff; background-color: #490d82; color: #fff; } .call-to-action-button.yellow { margin-bottom: 0px; } .call-to-action-button.lightbox.yellow { 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; } .div-block-94 { margin-top: 0px; margin-bottom: 0px; } .nav-link-login.menu-nav { display: inline-block; } .image-75 { width: 350px; } .text-field-2 { width: 300px; } .div-block-1095.absolute { left: auto; top: 0%; right: 0%; bottom: auto; display: none; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .form-newsletter.left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .form-newsletter.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .columns-17 { width: 100%; } .column-text-left { height: auto; } .collection-list { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .collection-list.featured { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .div-newsletter { width: 100%; margin-top: 40px; margin-bottom: 40px; } .cta-text-div { padding-left: 0px; } .image-91-copy { width: 700px; } .columns-27 { width: 100%; } .div-block-1151 { left: 178px; } .collection-list-2 { grid-column-gap: 0px; grid-row-gap: 0px; } .div-block-1152 { width: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .collection-item-3 { width: auto; margin: 20px; padding: 0px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .expert-name { color: #373731; } .tabs-content { overflow: visible; } .div-block-1198 { padding-right: 0px; padding-left: 0px; text-align: center; } .div-block-1201 { left: 297px; } .columns-37 { width: 70vw; } .main-title-section { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/60a62acbc7554be792cd6f16_Group%20266.png"); background-position: 990px 50%; background-size: 1100px; background-repeat: no-repeat; } .title-text-1 { font-size: 55px; line-height: 70px; } .title-text-1.carrer { font-size: 40px; line-height: 45px; } .title-text-1.green { color: #50e3c2; } .title-text-3 { font-size: 16px; line-height: 24px; } .title-text-3.purple { color: #490d82; } .title-text-3.centered { text-align: center; } .title-text-3.blog.black { width: 70%; font-size: 16px; line-height: 22px; } .columns-43 { width: 75vw; } .div-block-1232 { padding-left: 60px; } .title-text-2 { font-size: 23px; line-height: 28px; } .title-text-2.purple { font-size: 25px; line-height: 30px; } .div-block-1234 { width: 450px; margin-bottom: 14px; } .column-82 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .div-block-1239:hover { box-shadow: 6px 6px 0 0 #373731; } .columns-45 { width: 75vw; } .column-85 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .column-86 { padding-left: 0px; } .title-text-2-red { font-size: 60px; line-height: 70px; } .image-138 { height: 330px; } .image-138-copy { height: 350px; } .columns-49 { width: 75vw; } .div-block-1258 { width: 500px; padding-right: 21px; } .div-block-1259 { width: 500px; padding-right: 32px; } .div-block-1260 { width: 430px; padding-right: 36px; } .columns-50 { display: block; width: 75vw; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .div-block-1265 { width: auto; } .list-3 { margin-bottom: 5px; } .image-141 { display: none; } .div-block-1267 { margin-top: 62px; } .div-block-1272 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 70vw; -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; } .div-block-1273 { width: 400px; } .columns-52 { width: 65vw; } .column-92 { padding-right: 29px; padding-left: 91px; } .section-54 { text-align: center; } .grid-9 { width: 75vw; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; justify-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } .columns-53 { width: 55vw; text-align: center; } .section-55 { text-align: center; } .section-57 { -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; } .section-57.accelerate { background-color: #ebfff3; } .columns-54 { width: 65vw; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .columns-55 { width: 65vw; } .section-58.accelerate { background-color: #50e3c2; } .column-94 { padding-right: 64px; } .link-block-38 { display: block; } .column-97 { padding-top: 50px; } .div-block-1283 { margin-bottom: 61px; } .div-block-1284 { padding-right: 0px; padding-left: 0px; } .section-59.accelerate { background-color: #ebfff3; } .div-block-1286 { width: 65vw; } .div-block-1288 { padding-right: 114px; } .div-block-1289 { width: 65vw; } .div-block-1296 { padding-right: 40px; padding-left: 40px; } .div-block-1297 { padding-right: 40px; padding-left: 40px; } .lightbox-link-5 { width: 100%; height: 700px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .lightbox-link-5._3-0 { width: 70%; } .columns-56 { width: 70vw; } .s-phoneframe { width: 220px; height: 450px; } .div-block-1300 { padding-right: 100px; padding-left: 100px; } .background-video-9 { width: 820px; height: 445px; } .background-video-9-copy { height: 590px; } .columns-58 { width: 80vw; } .column-101 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .background-video-11 { width: 720px; height: 400px; } .columns-59 { width: 80vw; } .column-103 { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .list-item-3 { margin-bottom: 8px; } .lottie-animation-20 { left: 209px; } .lottie-animation-20._1 { left: -2%; top: -13%; right: 0%; bottom: 0%; width: 10%; } .lottie-animation-20._2 { left: 78%; top: 23%; right: 0%; bottom: 0%; width: 5%; } .collection-item-6 { width: 350px; height: 350px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } .div-block-1327 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link-block-41 { padding-top: 40px; padding-bottom: 40px; padding-left: 40px; } .typed-text { width: auto; height: 100px; font-size: 55px; line-height: 70px; } .main-title-section-old { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/603e2182457edd7504009721_Group%20249.png"); background-position: 980px 50%; background-size: 1100px; background-repeat: no-repeat; } .div-block-1331 { padding-right: 0px; } .div-block-1334 { text-align: left; } .column-106 { text-align: center; } .column-107 { text-align: center; } .universal-container { width: 70vw; } .get-started-box { height: 230px; } .get-started-subtitle { font-size: 20px; } .div-block-1338 { width: 80%; } .crashcourse-subtitle.b { font-size: 20px; } .crashcourse-subtitle.r { font-size: 20px; } .grid-tutoriales { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .tutorial-box { height: 220px; } .tutorial-subtitle { font-size: 20px; } .ui-kit-box { height: 230px; } .text-block-129 { left: 2px; font-size: 15px; } .uikit-subtitle { font-size: 20px; line-height: 22px; } .sample-app-box { height: auto; } .collection-list-7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-item-7 { width: 220px; height: 220px; margin-right: 25px; } .collection-item-7.detail { width: 190px; height: 190px; margin-right: 58px; margin-bottom: 70px; } .video-box { height: 230px; } .image-158 { left: auto; top: auto; right: 5%; bottom: 5%; width: 50px; height: 50px; } .sample-apps-tab { font-size: 16px; } .sample-apps-tab.w--current { font-size: 16px; } .sample-app-subtitle { font-size: 20px; line-height: 22px; } .videos-subtitle { font-size: 20px; line-height: 22px; } .div-block-1346 { padding-right: 102px; } .column-110-copy { padding-left: 87px; -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; } .timeline-line-down { border-right-style: dashed; border-bottom-style: dashed; } .timeline-side-line { border-bottom-style: dashed; border-bottom-color: #fff; } .timeline-side-line._2 { width: 90%; border-bottom-style: dashed; border-bottom-color: #fff; } .s-collection-box.home:hover { box-shadow: 6px 6px 0 0 #373731; } .blogpost-subtitle { font-size: 20px; line-height: 22px; } .blogpost-title-3 { font-size: 14px; line-height: 12px; } .blogpage-container { width: 40vw; } .div-img-main-blog { border-style: none; } .image-173 { -o-object-fit: contain; object-fit: contain; } .div-block-1366 { width: 65vw; } .collection-item-11 { height: 600px; } .card-icon { width: 100px; height: 100px; } .collection-list-10 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .app-img-box { overflow: hidden; height: 250px; } .image-181 { position: absolute; left: 13%; top: 36px; bottom: -93px; width: 49%; } .image-181-copy { position: absolute; left: auto; top: 64px; right: 13%; bottom: 0%; width: 49%; } .mwb-title { font-size: 20px; } .image-183 { width: 180px; } .column-122 { padding-left: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .link-block-42 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .div-block-1382 { 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; } .grid-12 { width: 1000px; border: 1px solid #000; } .column-126 { padding-right: 0px; padding-left: 0px; } .column-127 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 10px; padding-left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .columns-69 { padding-right: 237px; padding-left: 237px; } .div-block-1386 { padding-right: 200px; } .column-126-copy { padding-right: 0px; padding-left: 0px; } .image-187-copy { padding-right: 22px; } .div-block-1389 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-188 { width: 600px; } .s-title-xl.blue { font-size: 90px; line-height: 110px; } .s-title-xl.blue.title { font-size: 145px; } .s-container { max-width: 1300px; padding-right: 20px; padding-left: 20px; } .s-container.left { 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; } .s-container.menu { max-width: 1300px; } .s-container.text { padding-right: 180px; padding-left: 180px; } .s-container.no-margin { padding-top: 0px; padding-bottom: 0px; } .s-container.no-margin.header { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-paragraph.gray { opacity: 1; } .s-paragraph.gray.transparent { opacity: 0; } .s-paragraph.banner.pink { margin-bottom: 0px; padding-bottom: 0px; } .s-paragraph.no-margin.right { text-align: right; } .s-button.red { background-color: #d2392e; } .s-button.black-friday { display: none; } .s-section { display: block; } .s-section.black { overflow: visible; height: auto; border-radius: 0px; } .s-section.black._100vh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-section.black._80vh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 80vh; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .s-section.black.header { padding-top: 100px; } .s-section.darkblue { border-style: solid; border-width: 1px; border-color: #373731; } .s-section.orange { background-color: #fff3c5; } .s-section.lightgrey { border-bottom-color: #f1f1f1; } .s-section.lightgrey.test { display: none; } .s-section._100vh.black { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s-section._100vh.black.header { display: block; height: auto; padding-top: 100px; } .lottie-animation-21 { max-width: 600px; } .lottie-animation-21-copy { max-width: 600px; } .s-gridblock-navmenu { width: 400px; } .s-subtitle { max-width: none; } .s-subtitle.white.center { -webkit-transform: none; -ms-transform: none; transform: none; } .s-subtitle.bold.green { font-size: 30px; } .s-subtitle.bold.purple { font-size: 30px; } .s-subtitle.black { max-width: 700px; font-size: 30px; line-height: 35px; } .background-video-13 { width: 1500px; height: 600px; } .div-block-1391 { 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; } .background-video-14 { width: 600px; height: 210px; } .typer { font-size: 30px; line-height: 35px; } .typer.bold.green { font-size: 30px; } .typer.bold.purple { font-size: 30px; } .typer.fontsize70 { font-size: 70px; } .s-body-gradient { background-color: hsla(0, 0%, 100%, 0); background-size: cover; } .image-193 { border-radius: 24px; } .image-194 { left: 0%; top: 0%; right: 0%; bottom: 0%; margin: auto; } .column-136 { padding-right: 44px; } .column-137 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 70px; padding-left: 46px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1395 { border-radius: 24px; } .call-to-action-button-copy.figma { border-color: #a259ff; background-color: #490d82; color: #fff; } .call-to-action-button-copy.yellow { margin-bottom: 0px; } .call-to-action-button-copy.lightbox.yellow { 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; } .background-video-15 { border-radius: 24px; } .div-block-94-copy { max-width: 1500px; margin-bottom: 20px; } .columns-75 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .column-143 { padding-left: 73px; } .div-newsletter-copy { width: 100%; margin-top: 40px; margin-bottom: 40px; } .background-video-17 { width: 740px; height: 450px; } .column-136-copy { padding-right: 91px; } .image-198 { width: 900px; } .div-block-1395-copy { width: 700px; padding: 55px; border-radius: 24px; } .div-block-1399 { background-color: #fff; } .link-block-43 { background-color: #373731; } .grid-14 { margin-bottom: 40px; } .image-203 { border-radius: 7px; } .column-147 { padding-right: 20px; } .lottie-animation-25 { height: 500px; } .nav-grid { -ms-grid-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content 1fr; -ms-grid-columns: max-content max-content max-content max-content max-content 1fr; grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content 1fr; grid-template-columns: max-content max-content max-content max-content max-content 1fr; } .s-nav-menu-grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; border-bottom-style: none; } .div-block-1404 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .new-release { max-width: 300px; } .nav-container { max-width: 1300px; } .dropdown-list-3.w--open { display: block; margin-right: auto; margin-left: auto; } .navbar-3 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .grid-2columns-8-4 { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-column-gap: 0px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .div-block-1413 { padding-right: 35px; } .div-block-1414 { padding-right: 11px; } .image-208 { padding: 59px; } .div-block-1416 { padding-left: 104px; } .div-block-1417 { padding-left: 20px; } .div-block-1418 { margin-top: 0px; } .div-block-1419 { margin-top: 145px; } .div-block-1420 { padding-right: 136px; } .div-block-1421 { padding-right: 182px; } .sample-apps-tab-copy { font-size: 16px; } .sample-apps-tab-copy.w--current { font-size: 16px; } .sample-apps-tab-copy-copy { font-size: 16px; } .sample-apps-tab-copy-copy.w--current { font-size: 16px; } .app-text-box { grid-column-gap: 20px; grid-row-gap: 20px; } .collection-list-11-copy { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .collection-list-14 { padding-left: 132px; } .app-screenshots { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .column-152 { padding-left: 83px; } .title-text-3-copy { font-size: 16px; line-height: 24px; } .title-text-3-copy.purple { color: #490d82; } .title-text-3-copy.centered { text-align: center; } .title-text-3-copy.blog.black { width: 70%; font-size: 16px; line-height: 22px; } .image-209 { position: static; display: block; background-color: transparent; } .collection-list-11-copy { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .image-211 { border-radius: 7px; } .div-icons { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .grid-21 { -ms-grid-rows: auto; grid-template-rows: auto; } .grid-22 { padding-left: 0px; } .div-block-1437 { padding-right: 581px; } .div-block-1441 { padding-right: 139px; } .video-building-mobile-apps { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 78%; height: 75%; margin-top: auto; margin-bottom: auto; padding-top: 0px; } .div--h2-sub._2-3 { width: auto; } .image-194-copy { left: 1041px; bottom: 180.9px; } .background-video-19 { height: 300px; } .image-211-copy { border-radius: 7px; } .div-block-1374-copy { overflow: hidden; height: 250px; } .top-banner-link { height: 100px; } .top-banner-link._2nd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .top-banner-link._2nd.test { display: none; } .image-225 { left: 76px; bottom: 187.383px; } .grid-47 { padding: 50px; } .div-block-1479 { padding-right: 146px; } .lottie-animation-27 { left: -131px; bottom: -33px; width: 950px; } .lottie-animation-28 { left: 20px; top: -22px; } .grid-52 { padding-right: 140px; padding-left: 140px; } .lightbox-link-13 { width: 640px; height: 360px; min-height: auto; min-width: auto; } .image-194-copy-copy { left: 0%; top: 0%; right: 0%; bottom: 0%; margin: auto; } .column-167 { padding-right: 46px; padding-left: 67px; } .div-block-1151-copy { left: 248px; } .quote-box { padding-right: 20px; } .grid-56 { padding-right: 48px; padding-left: 48px; } .grid-57 { padding-right: 141px; padding-left: 141px; } .collection-list-11-copy-copy { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .s-slider { padding-left: 0%; } .s-slide-image.non-technical { height: 400px; } .s-slide-image.fit { height: 400px; } .grid-58-copy { padding-right: 91px; padding-left: 91px; } .h1 { overflow: visible; color: #263238; } .h3.box { font-size: 30px; } .image-241 { left: 0px; box-shadow: 14px 14px 0 0 #000; } .div-block-1514 { position: relative; left: auto; top: 0%; right: 0%; bottom: 0%; z-index: 0; padding-top: 100px; padding-bottom: 100px; } .image-243 { position: absolute; left: auto; top: 102%; right: 0%; bottom: 0%; z-index: 0; } .div-block-1515 { padding-left: 0px; } .image-244 { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: block; width: 40%; height: auto; margin-top: 0px; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .image-244.blackborder { border: 4px none #000; border-radius: 0px; } ._2colums-6-6 { padding-right: 0px; padding-left: 0px; } .image-245 { max-height: none; } .imgbackground-right { position: relative; display: block; width: auto; height: 16%; padding-top: 0px; padding-bottom: 0px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .image-247 { left: 127px; top: 0px; max-height: 300px; } .image-249 { max-height: none; } ._1column { padding-right: 0px; padding-left: 0px; } .image-250 { max-height: none; } .column-174 { padding: 10px 20px; } .image-251 { margin-top: 0px; box-shadow: 14px 14px 0 0 #000; } .div-block-1522 { padding-right: 0px; padding-left: 0px; text-align: left; } .div-block-1523 { height: auto; } .div-block-1525 { position: absolute; top: 100px; height: auto; margin-bottom: 0px; padding-top: 0px; padding-bottom: 100px; } .div-videophoto-absolute { position: relative; } ._6mobilebenefits { -ms-grid-rows: auto; grid-template-rows: auto; } .diagram-persona-2 { padding: 59px; } .graph-home { padding: 59px; } .img-black-shadow { margin-top: 0px; box-shadow: 14px 14px 0 0 #000; } .img-shadow { left: 0px; box-shadow: 14px 14px 0 0 #000; } .text-span-88 { color: #e350cc; } .div-left { padding-right: 35px; } .div-left.cutom-branded { width: 50%; } .div-block-1550 { left: auto; top: -120px; right: 0px; bottom: auto; width: auto; } .absolute { left: auto; top: auto; right: 261px; bottom: auto; width: 150px; max-width: none; } .events-phone-6 { left: auto; top: -68px; right: 0px; max-width: 40%; } .events-phone-7 { right: -237px; max-width: 50%; } .img-experts { margin-right: 0px; } .div-img-experts { grid-column-gap: 50px; grid-row-gap: 50px; } .div-tuto-part { border-color: #373731; box-shadow: 7px 7px 0 0 #373731; } .slide-video { padding: 40px 10px 10px; } .slide-nav-4 { top: 323px; } .phone-readymadesolution { max-width: 200px; } .s-dropdown-content { display: block; } .nav-bar-new { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-bar-new.black { position: fixed; } .video-full-design-control { left: 0%; top: 0%; right: 0%; bottom: 0%; width: auto; height: auto; margin-top: auto; margin-bottom: auto; padding-top: 0px; border-style: none; } .container-bravo-flexible { box-shadow: none; } .container-bravo-flexible:hover { box-shadow: none; } .div-howtobuild { grid-row-gap: 100px; } .div-howtobuild-app { width: 33%; } .howtobuild-phone { width: 50%; } .howtobuild-text { padding: 20px; } .howtobuild-content { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .howtobuild-content.restaurant { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c598aa294922d6fd900dff_restaurant-app-bg.jpg"); } .howtobuild-content.fitness { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c59933fc9eb2327b95e4c3_fitnessapp-bg.jpg"); } .video-lightbox-container.no-margin { width: 640px; height: 360px; } .lightbox-link-agencypartner { height: 350px; } .div-block-1556 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .img-mobile { left: 119px; top: 33px; max-height: 300px; } .testi-photo.non-technical { height: 300px; } .testi-photo.no-margin { height: 400px; } .testi-photo.no-margin.zoom { width: 150%; height: 180%; } .s-section-active-elements { overflow: visible; height: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; grid-column-gap: 40px; grid-row-gap: 40px; } .s-section-active-elements.mobile { display: none; } .s-section-active-elements.full-width { height: 80vh; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .geometric-div { overflow: visible; } .geometric-div.down.white._10 { width: 50px; height: 10%; } .geometric-div.white { width: 50px; border-radius: 100px; background-color: #fff; } .geometric-div.white._10 { height: 10%; } .geometric-div._50width { width: 30px; } .quote-div { padding-right: 35px; } .testi-image-box._50pc.horizontal { height: 250px; max-height: 300px; } .testi-image-box._100pc { border-style: none; border-radius: 20px; } .link-block-57 { margin-top: 20px; } .main-title-box { height: 80vh; padding-right: 0px; } .main-subtitle-div { padding-right: 11px; } .main-icons-box { margin-bottom: 100px; } .img-grey-shadow { margin-top: 0px; } .text-box { padding-right: 35px; } .div-stick-up { overflow: visible; height: 0px; padding-right: 100px; padding-left: 100px; } .stick-up { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #0146e0; } .stick-up.yellow { background-color: #ffce1f; } .div-stick-down { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; height: 0px; padding-right: 100px; padding-left: 100px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .stick-down { width: 50px; height: 100px; border-radius: 100px 100px 0px 0px; background-color: #0146e0; } .stick-down.yellow { background-color: #ffce1f; } .feature-photo.non-technical { height: 300px; } .feature-img-background { overflow: hidden; height: auto; min-height: 100%; min-width: 100%; } .lottie-search.bell { left: 197px; top: 12px; } .lottie-download.bell { left: 197px; top: 12px; } .lottie-notification.bell { left: 197px; top: 12px; } .lottie-loading.bell { left: 197px; top: 12px; } .lottie-ios.bell { left: 197px; top: 12px; } .lottie-android.bell { left: 197px; top: 12px; } .lottie-lottie.bell { left: 197px; top: 12px; } .lottie-map.bell { left: 197px; top: 12px; } .lottie-chart.bell { left: 197px; top: 12px; } .comparasion-table { grid-column-gap: 20px; grid-row-gap: 20px; } .comparasion-table.mobile.opt2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .comparasion-column { width: 200px; max-width: none; min-width: auto; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .comparasion-title-box.purple.first { margin-bottom: 20px; border-radius: 100px; } .comparasion-title-box.white { margin-bottom: 20px; padding: 13px 48px; } .comparasion-feature-list.purple { width: auto; } .comparasion-feature-list.white.interlign { width: auto; border-bottom: 2px solid #f1f1f1; background-color: #fff; } .comparasion-feature-list.white.last { width: auto; border-style: none; border-color: #f1f1f1 #000 #000; border-top-width: 2px; background-color: #fff; } .comparasion-feature-list.white.last.left { border-top-style: none; border-bottom-style: none; background-color: #fff; } .comparasion-feature-list.white.left { border-bottom: 2px solid #f1f1f1; } .comparasion-feature-list.lightgrey { width: auto; border-bottom-style: solid; border-bottom-color: #f1f1f1; background-color: #fff; } .comparasion-feature-list.lightgrey.first.interlign { width: auto; border-bottom: 2px solid #f1f1f1; border-top-style: none; border-top-width: 2px; background-color: #fff; } .comparasion-feature-list.lightgrey.last.interlign { width: auto; border-bottom-style: solid; } .comparasion-feature-list.darkblack.first { border-bottom-style: solid; } .comparasion-feature-list.dark-purple { width: auto; } .comparasion-feature-list.dark-purple.first { width: auto; border-top-left-radius: 20px; border-top-right-radius: 20px; } .stick-up-compare { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #0146e0; } .stick-up-compare.yellow { background-color: #ffce1f; } .div-stick-up-compare { overflow: visible; height: 0px; padding-right: 100px; padding-left: 100px; } .div-stick-down-compare { overflow: visible; height: 0px; padding-right: 100px; padding-left: 100px; } .stick-down-compare { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #0146e0; } .stick-down-compare.yellow { background-color: #ffce1f; } .div-text-header { padding-right: 35px; } .stick { width: 50px; height: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #0146e0; } .stick.yellow { background-color: #ffce1f; } .stick.purple { width: 100px; height: 200px; } .div-sticks-dancing { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 100%; height: 100vh; padding-right: 100px; padding-left: 100px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .s-section-active-elements-blue { overflow: visible; height: auto; padding-right: 100px; padding-left: 100px; grid-column-gap: 10px; grid-row-gap: 10px; } .s-section-active-elements-blue.mobile { display: none; } .geometric-line { overflow: visible; width: 50px; height: auto; max-width: none; padding-right: 0px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .geometric-line.up { width: 100px; height: 400px; } .geometric-line.down { width: 100px; height: 400px; } .geometric-line.down.white._10 { width: 50px; height: 10%; } .geometric-line.white { width: 50px; border-radius: 100px; background-color: #fff; } .geometric-line.white._10 { height: 10%; } .geometric-line._50width { width: 30px; } .geometric-tube { width: 100px; height: 100px; padding: 0px; border-radius: 100px; background-color: #000; } .geometric-tube.blue { width: 100px; } .geometric-tube.green._100 { width: 100px; } .geometric-tube.green._300 { width: 100px; } .geometric-tube.green._200 { width: 100px; } .geometric-tube.white._300 { width: 100px; } .geometric-tube.white._200 { width: 100px; } .geometric-tube.white._100 { width: 100px; } .geometric-tube.pink { width: 100px; } .geometric-tube.pink._100 { width: 100px; } .geometric-tube.pink._200 { width: 100px; } .geometric-tube.pink._300 { width: 100px; } .geometric-tube.red._300 { width: 100px; } .geometric-tube.red._200 { width: 100px; } .geometric-tube.red._100 { width: 100px; } .geometric-tube.yellow { width: 100px; } .geometric-tube.yellow._300 { height: 300px; } .geometric-tube.orange { background-color: #ff7262; color: #ff7262; } .s-section-active-background { overflow: visible; height: auto; padding-right: 100px; padding-left: 100px; grid-column-gap: 10px; grid-row-gap: 10px; } .s-section-active-background.mobile { display: none; } .div-block-1566 { padding: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; grid-column-gap: 400px; grid-row-gap: 400px; } .grid-header { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-column-gap: 0px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .comparasion-table-mobile { grid-column-gap: 20px; grid-row-gap: 20px; } .comparasion-table-mobile.mobile.opt2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lightbox-compare-video { width: 640px; height: 360px; min-height: auto; min-width: auto; } .grid-quotes-proservices { margin-top: 220px; padding-right: 91px; padding-left: 91px; } .colors-box { margin-top: 0px; margin-bottom: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; grid-column-gap: 40px; grid-row-gap: 40px; } .color-circle-fill._263238 { background-color: #263238; } .color-circle-fill._1d1d1b { background-color: #1d1d1b; } .color-circle-fill.ffffff { border: 1px solid #000; background-color: #fff; } .color-circle-fill.f2f2f2 { background-color: #f2f2f2; } .business-app-icon-text-point { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px; } .image-284 { right: 242px; } .video-business-app { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; margin-top: auto; margin-bottom: auto; padding-top: 0px; } .video-app { left: 130px; top: 416px; } .cometchat-left { width: 30%; } .cometchat-center { width: auto; } .cometchat-right { width: 30%; padding-top: 220px; padding-bottom: 0px; } .image-286 { width: 500px; } .cometchat-feature._40pxup { margin-top: 187px; } .revenuecat-logo { position: static; top: 76px; } .revenuecat-logo.no-margin { top: 444px; right: 115px; } .image-288 { position: absolute; } .cometchat-logo-desktop { position: static; top: 76px; } .cometchat-logo-desktop.no-margin { top: 377px; right: 115px; } .s-tab.gray { opacity: 1; } .s-tab.gray.transparent { opacity: 0; } .s-tab.banner.pink { margin-bottom: 0px; padding-bottom: 0px; } .s-tab.no-margin.right { text-align: right; } .promo-description { width: 70%; } .tabs-3 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .div-block-1577 { 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; } .howto-discount-dropdown { margin-bottom: 100px; } .button-howtoclaim-d { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: auto; grid-column-gap: 10px; grid-row-gap: 10px; background-color: transparent; } .king-icons-box { margin-bottom: 100px; } .image-289 { max-width: 200px; } .image-290 { max-width: 200px; } } @media screen and (max-width: 991px) { .bravo-div { background-image: none; background-size: auto; background-repeat: repeat; text-align: center; } .section-1-introduccing-bravo { height: 100vh; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(20, 18, 25, 0)), to(#141219)); background-image: linear-gradient(180deg, rgba(20, 18, 25, 0) 72%, #141219); } .description-bravo { width: 100%; margin-top: 99px; font-size: 25px; line-height: 43px; } .description-bravo-copy { width: 480px; font-size: 14px; line-height: 23px; } .old-navigation { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link { margin-right: 41px; } .email-submit-button { margin-top: 47px; margin-bottom: 47px; padding-top: 15px; padding-bottom: 15px; } .link-contact { margin-right: 41px; } .green-button-fill { margin: 0px; padding-top: 7px; padding-bottom: 7px; } .green-button-fill-copy { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 7px; padding-bottom: 7px; } .link-language { margin-left: 0px; } .green-button-stroke-copy { margin-top: 20px; margin-bottom: 20px; } .green-button-stroke-copy2 { margin-top: 2px; margin-bottom: 20px; margin-left: 28px; padding-top: 7px; padding-bottom: 7px; } .faq-section { padding-bottom: 31px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(20, 18, 25, 0)), to(#141219)); background-image: linear-gradient(180deg, rgba(20, 18, 25, 0) 72%, #141219); } .h6 { font-size: 13px; line-height: 16px; } .paragraph-faq { font-size: 13px; line-height: 16px; } .div-block-10 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-8 { margin-bottom: 22px; } .nav-menu-bg { background-color: #490d82; } .container-nav-1 { 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; } .div-block-12 { padding-bottom: 26px; padding-left: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .menu-button { position: relative; background-color: #490d82; } .menu-button.w--open { background-color: #490d82; } .icon-2 { color: #e350cc; } .page-title-1 { font-weight: 700; } .link-block-2 { margin-bottom: 7px; } .footer-text-copyright { font-size: 8px; } .text-block-12-copy { font-size: 10px; } .text-block-12-number { font-size: 17px; } .footer-text-copyright-mobile { font-size: 8px; } .primarycolor-box { margin: 0px; } .menu-logo { display: none; } .section-4 { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d695c7aad96_Stroke-222%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"); background-position: 90% 25%, 25% 80%, 39% 90%, 12% 32%; background-size: 30px, 8px, 8px, 8px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; } .section-1-introduccing-bravo-copy { height: 100vh; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(20, 18, 25, 0)), to(#141219)); background-image: linear-gradient(180deg, rgba(20, 18, 25, 0) 72%, #141219); } .conteiner-steps { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .div-block-31 { width: 500px; } .text-block-17 { margin-right: 0px; } .image-18 { display: block; width: 150px; } .text-block-17-copy { margin-top: 50px; } .div-block-32-copy { position: static; clear: none; } .section-import { margin-top: 50px; margin-bottom: 50px; } .green-button-demos { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 7px; padding-bottom: 7px; } .div-block-43 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-title-coming { margin-top: 120px; } .column-11 { padding-top: 0px; } .brand-2.w--current { margin-top: 0px; margin-right: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-32 { width: 150px; margin-bottom: 0px; } .nav-link-3 { width: auto; margin-right: 10px; margin-left: 0px; padding: 10px; font-size: 12px; line-height: 15px; text-align: center; } .text-block-23 { font-size: 90px; line-height: 90px; } .text-block-24 { margin-top: 38px; font-size: 15px; line-height: 18px; } .image-34 { height: 90px; } .h1---title { font-size: 60px; line-height: 65px; } .text-block-home { width: auto; padding-right: 39px; font-size: 13px; line-height: 20px; } .call-to-action-button { padding: 5px 10px; font-size: 12px; text-align: center; } .div-block-56 { width: auto; } .footer { width: 100%; } .footer-columns { width: auto; } .column-17 { padding-right: 48px; } .div-block-56-copy123 { width: auto; } .image-46 { width: 40px; height: 40px; } .nav-menu-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f3f6e6; } .menu-button-3.w--open { margin-top: 11px; margin-right: 15px; margin-bottom: 11px; padding: 9px; border: 3px solid #000; background-color: #f3f6e6; box-shadow: 5px 5px 0 0 #50e3c2; } .div-block-94 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 0px; margin-bottom: 0px; padding-left: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .feature---image-right { margin-bottom: 162px; } .nav-link-log { margin-left: 5px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; font-size: 12px; line-height: 15px; text-align: center; } .nav-link-login { margin-top: 0px; margin-bottom: 0px; margin-left: 10px; padding: 15px 0px; font-size: 12px; text-align: center; } .nav-dropdown { margin-left: 20px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; text-align: center; } .main-title-purple { font-size: 90px; line-height: 90px; } .text-block-24-copy123 { margin-top: 38px; font-size: 15px; line-height: 18px; } .text-block-57 { padding-right: 18px; font-size: 14px; } .text-block-57-copy { padding-right: 18px; font-size: 27px; } .text-block-23-copy-copy { font-size: 90px; line-height: 90px; } .text-block-58 { margin-top: 19px; } .s-dropdown { position: relative; width: auto; padding-right: 0px; padding-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .div-block-103-copy { margin-right: 0px; margin-left: 0px; } .div-block-103-copy456 { margin-right: 0px; margin-left: 0px; } .div-block-103-copy56765 { margin-right: 0px; margin-left: 0px; } .text-block-59 { font-size: 100px; } .text-block-60 { font-size: 15px; line-height: 19px; } .div-block-1050 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1055 { margin-bottom: 39px; } .text-block-20-copy-copy12345 { font-size: 60px; line-height: 60px; } .download-vision-button-copy-copygf { margin-right: 13px; } .image-75 { width: 280px; } .div-block-103-copy-copy { margin-right: 0px; margin-left: 0px; } .div-block-103-copy-copy2 { margin-right: 0px; margin-left: 0px; } .text-block-23-copy-copygd { font-size: 90px; line-height: 90px; } .text-block-24-copy123-copyngfng { margin-top: 38px; font-size: 15px; line-height: 18px; } .text-block-left { font-size: 15px; line-height: 22px; } .collection-item { height: auto; } .main-title { padding-right: 20px; padding-left: 20px; } .image-features { left: 83px; top: 278px; width: 500px; } .image-feature-lottie { left: 121px; top: 453px; width: 250px; } .lottie-animation-13 { left: 118px; top: 614.963px; right: -121px; } .h3-title { margin-top: 20px; } .space { margin-bottom: 190px; } .feature---image-left { margin-bottom: 162px; } .column-text-right { padding-left: 20px; } .column-img-left { padding-right: 10px; padding-left: 10px; } .collection-list { position: relative; height: auto; margin-right: 0px; margin-left: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .collection-list.featured { padding-left: 0px; } .column-56 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .columns-24 { padding-left: 0px; } .div-newsletter { width: 100%; height: 100%; padding-left: 0px; } .container-footer { display: block; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .title-2 { font-size: 20px; } .div-block-1124 { width: auto; padding-right: 261px; } .div-block-1125 { position: static; left: 0px; } .div-block-1121-copy { left: 38.3839px; top: 51px; } .image-94 { left: 35.647px; bottom: 101.547px; height: auto; } .tab-link-tab-1 { padding-right: 10px; padding-left: 10px; font-size: 14px; text-align: center; } .tab-link-tab-1.w--current { font-size: 14px; } .tab-link-tab-2 { font-size: 14px; } .tab-link-tab-2.w--current { padding-right: 10px; padding-left: 10px; } .tabs-2 { margin-left: 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tabs-menu-2 { width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-36 { padding-right: 20px; padding-left: 20px; } .tag-block { width: auto; margin-top: 54px; margin-left: 0px; } .tag-block-text { margin-left: 50px; } .div-block-1129 { margin-top: 20px; } .div-block-1131 { margin-left: 39px; } .youtube-2 { width: auto; } .dropdown-list-2.w--open { 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; } .nav-link-section-copy { margin-left: 20px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; text-align: center; } .nav-link-section-mobile { margin-left: 20px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; text-align: center; } .cta-text-div { width: auto; } .section-34-copy { position: static; height: auto; margin-top: 0px; padding-right: 35px; padding-left: 35px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .nav-link-section-copy { margin-left: 20px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; text-align: center; } .text-block-59-copy { font-size: 100px; } .text-block-home-copy1 { width: auto; padding-right: 39px; font-size: 13px; line-height: 20px; } .div-block-1143 { margin-bottom: 47px; } .div-block-1144 { -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; } .image-105 { width: 90%; } .text-block-59-copy-copy123123 { font-size: 100px; } .div-block-1151 { left: 50px; top: -79px; } .bravo-expert-title { font-size: 100px; } .collection-item-3 { margin-right: 10px; margin-left: 10px; } .expert-profile-picture { width: 120px; height: 120px; } .div-block-1156 { padding-right: 20px; padding-left: 20px; } .brave-subtitle { padding-left: 0px; font-size: 30px; line-height: 40px; } .brave-subtitle-1 { font-size: 40px; line-height: 50px; } .image-113 { right: auto; } .list-item-2 { margin-bottom: 13px; } .div-block-1165 { height: 300px; } .brave-subtitle-1-copy { font-size: 40px; line-height: 50px; } .div-block-1171 { padding-left: 27px; } .text-block-60-copy { font-size: 15px; line-height: 19px; } .grid-4 { grid-row-gap: 100px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .brave-subtitle-2 { padding-left: 0px; font-size: 15px; line-height: 20px; } .brave-subtitle-copy { padding-left: 0px; font-size: 40px; line-height: 50px; } .brave-subtitle-copy-copywer { padding-left: 0px; font-size: 40px; line-height: 50px; } .brave-subtitle-1-copyfgh { font-size: 40px; line-height: 50px; } .brave-subtitle-1-copyfgh-copy { font-size: 40px; line-height: 50px; } .text-block-60-copydfgdfg { font-size: 15px; line-height: 19px; } .brave-subtitle-copy-copynk { padding-left: 0px; font-size: 40px; line-height: 50px; } .image-105-copy { width: 90%; } .text-block-60-copy-copyxcv { font-size: 15px; line-height: 19px; } .brave-subtitle-copy-copywer-copy7 { padding-left: 0px; font-size: 40px; line-height: 50px; } .call-to-action-button-copy123123-copy { padding-right: 20px; padding-left: 20px; text-align: center; } .learn-center-box { margin-right: 0px; margin-left: 0px; } .image-119 { margin-right: 30px; } .call-to-action-button-ebook { padding-right: 20px; padding-left: 20px; text-align: center; } .download-ebook-popup-title { padding-left: 0px; font-size: 40px; line-height: 50px; } .ebook-popup-form-submit { padding-right: 20px; padding-left: 20px; text-align: center; } .div-block-103-copy-copy2-copysdf { margin-right: 0px; margin-left: 0px; } .main-title-section { padding: 60px 0px; background-position: 170% 150px; background-size: auto 300px; } .title-text-1 { font-size: 30px; line-height: 40px; } .title-text-3 { font-size: 12px; line-height: 16px; } .div-block-1228 { position: relative; left: -118px; top: -20px; } .section-build-design { padding-top: 60px; padding-bottom: 60px; } .columns-43 { width: auto; } .div-block-1232 { margin-top: 0px; padding-left: 0px; } .title-text-2 { color: #0146e0; font-size: 25px; line-height: 30px; } .div-block-1234 { width: auto; margin-top: 10px; margin-bottom: 18px; } .div-block-1236 { width: 300px; } .menu-slide-hover-tag { display: block; } .lottie-hover-image { display: none; } .hover-audio-play { display: block; } .aspect-hover-image { display: none; } .div-block-1239 { margin-bottom: 20px; } .column-83 { padding-right: 10px; padding-left: 10px; } .section-connect-to-data { padding: 60px 20px; } .columns-45 { width: auto; } .div-block-1232-copy { padding-right: 27px; padding-left: 4px; } .column-86 { height: auto; padding-left: 0px; } .section-experience-real-app { padding: 60px 20px; } .image-136 { margin-bottom: 61px; } .grid-8 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .section-made-with-bravo { padding-top: 60px; padding-bottom: 60px; } .columns-47 { width: auto; } .title-text-2-red { font-size: 30px; line-height: 40px; } .title-text-3-red { font-size: 15px; line-height: 19px; } .image-138-copy { left: -7px; bottom: 261px; } .div-block-1252 { margin-top: 60px; } .call-to-action-buttonred { padding-right: 20px; padding-left: 20px; text-align: center; } .testimonial-box { width: 270px; } .columns-49 { width: auto; } .column-88 { padding-right: 10px; } .div-block-1258 { width: auto; } .div-block-1259 { width: auto; } .div-block-1261 { width: 250px; } .div-block-1262 { margin-bottom: 9px; } .call-to-action-button-lightbox { padding: 5px 10px; font-size: 12px; text-align: center; } .div-block-1263 { width: 400px; } .columns-50 { width: auto; } .call-to-action-button-yellow { padding: 5px 10px; font-size: 12px; text-align: center; } .div-block-1265 { width: 400px; } .image-141 { display: none; } .div-block-1267 { width: 150px; } .div-block-1268 { width: 400px; } .nav-link-section-copy { margin-left: 5px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; font-size: 12px; line-height: 15px; text-align: center; } .div-block-1271 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .columns-52 { width: 90vw; } .column-92 { padding-right: 17px; } .grid-9 { width: 90vw; } .div-block-1276 { width: 120px; height: 120px; padding-top: 10px; padding-bottom: 10px; } .text-block-118 { font-size: 20px; } .text-block-118.accelerate { font-size: 20px; } .text-block-119 { font-size: 20px; } .call-to-action-button-course { width: 120px; padding: 5px 10px; font-size: 12px; text-align: center; } .text-block-120 { font-size: 40px; line-height: 50px; } .div-block-1288 { padding-right: 0px; } .lottie-animation-20 { left: 115px; top: -26px; width: 50px; } .lottie-animation-20._1 { left: -2%; top: -13%; right: 0%; bottom: 0%; width: 10%; } .lottie-animation-20._2 { left: 78%; top: 23%; right: 0%; bottom: 0%; width: 30px; } .main-title-section-old { padding: 60px 0px; background-position: 170% 150px; background-size: auto 300px; } .universal-container { width: 95vw; } .started-grid { height: 120px; } .get-started-box { padding-right: 20px; padding-left: 20px; } .get-started-subtitle { font-size: 14px; } .crashcourse-box.ready-box { height: 120px; } .crashcourse-box.accelerate-box { height: 120px; } .crashcourse-box.victory-box { height: 120px; } .crashcourse-box.expert-box { height: 120px; } .crashcourse-box.beginnerbox { height: 120px; } .crashcourse-title.b { font-size: 40px; line-height: 40px; } .crashcourse-title.r { font-size: 40px; line-height: 40px; } .crashcourse-title.a { font-size: 40px; line-height: 40px; } .crashcourse-title.v { font-size: 40px; line-height: 40px; } .crashcourse-title.e { font-size: 40px; line-height: 40px; } .crashcourse-subtitle.b.emoji { font-size: 18px; } .text-block-128 { bottom: 89px; } .image-162 { width: 50px; height: 50px; } .our-story-title { text-align: left; } .our-story-box { left: 110.938px; 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; } .image-163 { width: auto; } .div-block-1347 { -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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .timeline-point { position: static; left: 40%; top: auto; right: 0%; bottom: 0%; } .timeline-line-down { border-right: 4px dashed #fff; border-bottom-color: #fff; } .story-column-middle { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .timeline-side-line { border-right: 1px none #000; border-bottom: 4px dashed #fff; } .timeline-side-line._2 { border-right-style: dashed; border-bottom-color: #fff; } .image-165 { width: auto; } .collection-list-wrapper-5 { padding-right: 10px; padding-left: 10px; } .image-170 { margin-left: 0px; } .div-block-1358 { height: 130px; } .div-img-main-blog { width: auto; height: 100%; background-image: none; } .s-hover-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .card-icon { margin: 0px; } .collection-list-10 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .collection-list-11 { padding-left: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .app-img-box { height: 150px; } .image-181 { top: 0px; } .image-181-copy { top: 18px; } .collection-list-13 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .s-title-xl { font-size: 45px; line-height: 50px; } .s-title-xl.blue { font-size: 50px; line-height: 60px; } .s-title-xl.pink { font-size: 50px; line-height: 60px; } .s-title-xl.green { font-size: 50px; line-height: 60px; } .s-title-xl.purple.right { font-size: 50px; line-height: 60px; } .s-container { position: static; max-width: none; padding: 60px 20px; } .s-container.center { position: relative; padding-left: 20px; } .s-container.text { padding-right: 100px; padding-left: 100px; } .s-container.text.blog { padding-right: 20px; padding-left: 20px; } .s-container.right { padding-top: 60px; } .s-container.feature---image-left { margin-bottom: 0px; } .s-container.img-absolute { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 60px; } .s-container.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .s-paragraph { font-size: 16px; line-height: 1.2em; } .s-paragraph.green { line-height: 30px; } .s-paragraph.black.no-margin.interlign { line-height: 22px; } .s-paragraph.no-margin.interlign { line-height: 22px; } .s-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; font-size: 12px; text-align: center; } .s-button.black { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-button.black.withicon { padding-right: 6px; padding-left: 6px; } .s-button.purple { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-button.purple.withicon { padding-right: 6px; padding-left: 6px; } .s-button.black-friday { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 20px; padding-left: 20px; } .s-button.black-friday.withicon { padding-right: 6px; padding-left: 6px; } .s-section.header { padding-top: 0px; } .s-gridblock-navmenu { width: 220px; } .s-subtitle { font-size: 18px; line-height: 25px; } .s-subtitle.pink.bold { font-size: 18px; line-height: 25px; } .s-subtitle.white.center { -webkit-transform: none; -ms-transform: none; transform: none; } .s-subtitle.white.center-mobile { width: 100%; text-align: center; } .s-subtitle.bold { font-size: 25px; line-height: 30px; } .s-subtitle.black { font-size: 20px; line-height: 25px; } .s-divider-15.mod.mobile { display: none; } .s-divider-15.mod.mobile.menu { display: none; } .s-divider-15.mod.menu { height: 15px; margin-bottom: 38px; } .s-divider-15.mobile { display: none; } .background-video-13 { width: 900px; height: 290px; } .div-block-1391 { 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; } .typer { font-size: 25px; line-height: 30px; } .typer.fontsize70 { font-size: 70px; } .s-body-gradient { background-size: auto; } .s-title { font-size: 25px; line-height: 30px; } .image-194 { left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; } .call-to-action-button-copy { padding: 5px 10px; font-size: 12px; text-align: center; } .background-video-15 { height: 300px; } .div-block-94-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 0px; margin-bottom: 0px; padding: 15px 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu-button-3-copy.w--open { margin-top: 11px; margin-right: 15px; margin-bottom: 11px; padding: 9px; border: 3px solid #000; background-color: #f3f6e6; box-shadow: 5px 5px 0 0 #50e3c2; } .columns-75 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-2-copy { position: relative; } .div-newsletter-copy { width: 100%; height: 100%; padding-left: 0px; } .footer-copy { width: 100%; } .background-video-17 { z-index: 0; width: 340px; height: 220px; } .column-136-copy { padding-right: 20px; } .s-dividervertical { width: 20px; } .column-147 { padding-right: 0px; } .s-nav-menu-grid { padding-left: 30px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .s-nav-menu-grid.modtablet { -ms-grid-rows: auto; grid-template-rows: auto; } .s-dropdown-columns { margin: 0px; padding: 0px; } .s-dropdown-submenu { z-index: 15; padding-left: 0px; } .s-dropdown-news { padding-right: 15px; padding-left: 15px; } .nav-container { padding-left: 18px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .s-navemenu { position: relative; width: 100%; padding-bottom: 0px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .dropdown-list-3.w--open { left: -13%; top: 59px; right: -2%; display: block; } .brand-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 70px; padding-top: 0px; padding-bottom: 5px; } .brand-3.w--current { width: 80px; } .s-dropdown-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 10px; padding-left: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; } .s-navlink { padding-right: 10px; padding-left: 10px; } .div-block-1407 { margin-left: 29px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-menu-arrow { position: relative; margin-top: 5px; margin-right: 0px; margin-left: 5px; } .div-block-1408 { width: auto; } .s-menudivblock.s-navlink { padding-right: 0px; padding-left: 0px; } .div-block-1410 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 17px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu-button-4 { background-color: #f3f6e6; color: #373731; } .menu-button-4.w--open { background-color: #f3f6e6; color: #0146e0; } .grid-2columns-8-4 { padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1.25fr 1.25fr; grid-template-columns: 1.25fr 1.25fr; } .grid-2columns-8-4.reverse { 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; -ms-grid-columns: 1.25fr 1.25fr; grid-template-columns: 1.25fr 1.25fr; } .cta-box { margin-top: 20px; grid-column-gap: 20px; grid-row-gap: 20px; } .div-block-1413 { width: 100%; padding-right: 0px; padding-left: 0px; } .div-block-1414 { padding-right: 0px; } .div-block-1415 { padding-right: 40px; } .s-body-ivory { background-size: auto; } .column-151 { padding-right: 41px; } .div-block-1416 { margin-top: 46px; padding-left: 22px; } .dropdown-bg { position: relative; display: none; } .s-tablink { padding-right: 0px; padding-left: 0px; font-size: 12px; text-align: center; } .s-tablink.w--current { padding-right: 0px; padding-left: 0px; font-size: 12px; text-align: center; } .s-tablink.white { width: 100px; } .s-tablink.white.w--current { width: 100px; } .s-tabsmenu { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .s-collectionlistgrid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .app-text-box { padding: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 20px; grid-row-gap: 20px; } .collection-list-14 { padding-left: 0px; } .app-info { grid-row-gap: 41px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-block-1430 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; grid-column-gap: 20px; grid-row-gap: 20px; } .app-screenshots { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .column-152 { padding-left: 10px; } .title-text-3-copy { font-size: 12px; line-height: 16px; } .column-154 { overflow: visible; } .collection-list-11-copy { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .column-156 { padding-right: 10px; } .s-icon { width: 30px; } .div-icons { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid-21 { padding-right: 140px; } .grid-22 { padding-left: 140px; } .div-block-1437 { padding-right: 307px; } .s-paragraph-link { font-size: 12px; line-height: 16px; } .s-paragraph-link.green { line-height: 30px; } .image-214 { left: 4px; width: 200px; margin: 0px; } .video-building-mobile-apps { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 78%; height: 74%; } .column-161 { padding-right: 18px; } .grid-2columns-6-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-right: 0px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-grid-columns: 0.75fr 0.5fr; grid-template-columns: 0.75fr 0.5fr; } .grid-2columns-6-6.reverse { padding-right: 10px; padding-left: 10px; } .grid-2columns-6-6.invert { padding-right: 0px; padding-left: 0px; } .image-194-copy { left: 340px; top: 187px; right: 0%; bottom: 0%; } .grid-28 { -ms-grid-columns: 25% 25% 25% 25%; grid-template-columns: 25% 25% 25% 25%; } .background-video-19 { height: 280px; } .div-block-1374-copy { height: 220px; } .s-navemenu-copy { position: relative; width: 100%; padding-bottom: 0px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .brand-3-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 70px; padding-top: 0px; padding-bottom: 5px; } .grid-38 { height: 60px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-42 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .link-block-47 { padding-left: 20px; } .image-222 { margin-right: 10px; } .collection-list-16 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .image-225 { left: 43px; bottom: 103.383px; width: 20px; } .div-block-1479 { padding-right: 38px; } .lottie-animation-27 { left: -305px; bottom: -64px; width: 800px; } .div-block-1484 { padding-right: 15px; } .div-block-1484.center-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .grid-49 { margin-top: 50px; padding-left: 30px; } .grid-50 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .s-box-copy { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; grid-column-gap: 10px; grid-row-gap: 10px; } .lottie-animation-28 { position: static; left: -180px; top: -78px; } .grid-52 { height: 210px; padding-right: 40px; padding-left: 40px; } .image-194-copy { left: 137px; top: 78px; right: 0%; bottom: 0%; } .lightbox-link-13 { width: 320px; height: 180px; } .image-233 { left: 39%; width: 50px; } .div-block-1495 { padding-top: 45px; text-align: center; } .image-194-copy-copy { left: 0%; top: 0%; right: 0%; bottom: 0%; } .div-block-1499 { -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; } .image-235 { width: 100px; } .columns-85 { 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; } .column-167 { padding-right: 10px; } .div-block-1151-copy { left: 109px; top: -79px; } .quote-img { width: 130px; margin: 0px; } .grid-56 { padding-right: 0px; padding-left: 0px; grid-column-gap: 22px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-block-1505 { margin-top: 52px; } .grid-57 { height: 210px; padding-right: 0px; padding-left: 0px; } .div-block-1506 { padding-right: 54px; } .collection-list-11-copy { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .collection-list-11-copy-copy { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .grid-58 { grid-column-gap: 11px; } .lottie-animation-29 { position: static; } .collection-list-17 { padding-left: 0px; } .s-slider-slide { margin-right: 20px; } .s-slider { padding-left: 0%; } .grid-58-copy { padding-right: 20px; padding-left: 20px; grid-column-gap: 11px; } .div-block-1511 { padding-right: 34px; } .h1 { margin-top: 0px; } .h1.blog { margin-top: 20px; clear: none; font-size: 40px; white-space: normal; } .h1.white.center-mobile { text-align: center; } .h2-left { font-size: 25px; line-height: 30px; } .h3.box { white-space: normal; } .h2_left { font-size: 25px; line-height: 30px; } .h2_center_white { font-size: 25px; line-height: 30px; } ._2colums-6-6.invert { padding-right: 10px; padding-left: 10px; } .image-247 { left: 27px; max-height: 200px; } .img-2 { left: 104.234px; max-height: 200px; } .div-block-1525 { padding-top: 60px; padding-bottom: 60px; } .h4.yellow { color: #ffce1f; } .comparasion-logo { display: none; } .grid-61 { padding-right: 10px; padding-left: 10px; } .h2 { font-size: 40px; line-height: 1.2em; } .h2.no-margin.small.test { display: none; } .h2.no-margin.yellow { color: #ffce1f; } .emoji.center { padding-top: 5px; } .main-spacer { height: 0px; } .bravo-pro-services { -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; grid-column-gap: 10px; grid-row-gap: 10px; } .roadmap-point-title { position: relative; } .roadmap-point-subtitle { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; width: 100%; height: 0px; } .roadmap-point-subtitle.last { left: auto; top: 0%; right: 0%; bottom: 0%; height: 0px; } .column-right { position: static; display: block; padding-left: 0px; } .bullet-icon-point { padding-right: 0px; } ._6mobilebenefits { padding-right: 140px; } .img-1 { max-height: 200px; } .img-3 { left: 188.852px; max-height: 200px; } .div-left { padding-right: 20px; padding-left: 0px; } .div-left.cutom-branded { width: 100%; padding-right: 0px; } .div-right { display: none; width: 100%; } .image-263 { max-width: 100%; } .div-block-1550 { left: -130px; top: -3px; display: block; width: auto; } .absolute { left: 13px; top: -101px; display: none; } .image-264 { position: absolute; left: 37.406px; max-width: 40%; } .image-264.hidden-mobile { position: absolute; left: 38.406px; } .div-relative { height: 100%; } .events-phone-6 { left: auto; top: auto; right: 62px; bottom: auto; } .events-phone-7 { top: 92px; right: -51px; } .div-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .img-experts.front.img4 { left: 99px; top: -94px; } .div-ready-made-solution { margin-top: 40px; grid-column-gap: 50px; grid-row-gap: 50px; } .div-button.center-mobile { width: 100%; } .phone-readymadesolution { max-width: 150px; } .collection-list-wrapper-endless { padding-right: 10px; padding-left: 10px; } .collection-list-endless { padding-left: 0px; } .s-paragrap-endless { font-size: 12px; line-height: 16px; } .s-paragrap-endless.green { line-height: 30px; } .img-blog-main { width: 100%; margin-top: 0px; } .s-menu-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 17px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-column-gap: 5px; grid-row-gap: 5px; } .s-dropdown-content { left: 0%; top: 0%; right: 0%; bottom: 0%; display: block; width: 100%; height: 50vh; max-height: none; min-width: auto; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .div-block-1410-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 17px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .s-dropdown-section { position: static; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100vw; } .nav-bar-new { display: none; } .nav-bar-mobile-new { display: block; } .navbar-no-shadow-container { display: block; } .navbar-no-shadow-container.black { background-color: #161619; } .nav-menu-wrapper { background-color: transparent; } .nav-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 60px; -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-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; grid-column-gap: 20px; grid-row-gap: 20px; background-color: #f3f6e6; } .nav-menu.black { background-color: #161619; } .nav-link-4 { padding-right: 5px; padding-left: 5px; } .nav-link-4.white { color: #fff; } .nav-dropdown-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-dropdown-toggle.white { color: #fff; } .nav-dropdown-list.shadow-three.w--open { position: absolute; } .nav-dropdown-list.shadow-three.mobile-shadow-hide { background-color: #f3f6e6; } .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open { position: static; width: auto; background-color: #f3f6e6; } .nav-dropdown-list.shadow-three.mobile-shadow-hide.black { background-color: transparent; } .mobile-margin-top-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; grid-column-gap: 16px; grid-row-gap: 16px; } .nav-button-wrapper { width: 100%; margin-left: 0px; } .menu-button-5 { padding: 12px; } .menu-button-5.w--open { background-color: transparent; color: #fff; } .list-item-11 { 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; } .icon-11 { background-color: transparent; color: #373731; } .icon-11.white { color: #fff; } .video-full-design-control { left: 0%; top: 0%; right: 0%; bottom: 0%; width: auto; height: auto; } .bravo-flexible-video { min-height: 260px; min-width: 400px; } .list-bg-videos { margin-top: 40px; -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; } .container-bravo-flexible { max-width: 100%; min-width: auto; padding: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .container-bravo-flexible.invert { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .bravo-flexible-text { padding: 0px; } .div-howtobuild { margin-top: 100px; -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-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; grid-column-gap: 20px; grid-row-gap: 20px; } .div-howtobuild-app { 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-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .howtobuild-phone { width: 30%; } .howtobuild-content.restaurant { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c598aa294922d6fd900dff_restaurant-app-bg.jpg"); } .howtobuild-space { padding: 10px 20px; } .link-use-cases { width: 45%; margin-bottom: 39px; } .video-lightbox-container { width: 100%; height: 400px; padding-left: 0px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .video-lightbox-container.compare-video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-top: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .lightbox-link-agencypartner { width: 100%; height: 400px; } .checklist-text { font-size: 12px; line-height: 16px; } .checklist-text.green { line-height: 30px; } .img-mobile { left: 27px; max-height: 200px; } .testi-box { width: 40%; } .testi-img { background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 0px 0px; background-size: auto; } .business-pack-points { width: 40%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .list-whosfor-box { margin-top: 52px; } .list-whosfor-box.pro-services { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 20px; grid-row-gap: 20px; } .s-section-active-elements { display: none; } .s-section-active-elements.mobile { display: none; grid-column-gap: 20px; grid-row-gap: 20px; } .quote-div { padding-right: 0px; padding-left: 0px; } .table-subtitle-box { width: 50%; } .table-text-box { width: 50%; } .banner-box { grid-column-gap: 20px; grid-row-gap: 20px; } .location { margin-top: 10px; } .main-title-box { height: auto; padding-right: 0px; padding-left: 0px; } .main-title-div { padding-right: 40px; } .main-subtitle-div { padding-right: 0px; } .div-block-1562 { margin-top: 30px; } .text-box { padding-right: 0px; padding-left: 0px; } .div-features-list { margin-top: 20px; margin-bottom: 20px; grid-column-gap: 20px; grid-row-gap: 20px; } .fearture-box { width: 30%; } .feature-img { background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 0px 0px; background-size: auto; } .feature-text { padding-top: 20px; padding-bottom: 20px; } .feature-photo { height: 100px; margin: 0px; } .feature-title-1 { padding: 10px; } .lottie-search { left: 118px; top: 31px; right: auto; bottom: auto; width: 90px; } .lottie-download { left: auto; top: 6%; right: 1%; bottom: auto; width: 40px; } .lottie-notification { left: auto; top: 3%; right: 1%; bottom: auto; width: 50px; } .lottie-notification.notification { left: 157px; top: 12px; width: 60px; } .lottie-loading { left: auto; top: 0%; right: 0%; bottom: auto; width: 60px; } .lottie-ios { left: auto; top: 0%; right: 0%; bottom: auto; width: 60px; } .lottie-android { left: auto; top: 0%; right: 0%; bottom: auto; width: 60px; } .lottie-lottie { left: auto; top: 6%; right: 1%; bottom: auto; width: 40px; } .lottie-map { left: auto; top: 6%; right: 1%; bottom: auto; width: 40px; } .lottie-chart { left: auto; top: 6%; right: 1%; bottom: auto; width: 40px; } .comparasion-table { grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-column { width: 50px; } .comparasion-title-box.purple.first { padding-right: 10px; padding-left: 10px; } .comparasion-title-box.white { padding-right: 10px; padding-left: 10px; } .bravo-logo-comparasion { display: none; } .comparasion-feature-list.purple { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-feature-list.purple.first { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-feature-list.purple.last { border-bottom-style: none; } .comparasion-feature-list.white.interlign { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-feature-list.white.last { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-feature-list.white.left { line-height: 21px; } .comparasion-feature-list.lightgrey { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-feature-list.lightgrey.first.interlign { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-feature-list.lightgrey.last.interlign { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-logo-mobile { display: block; } .div-img-animation { width: 40%; } .image-279 { max-width: 200px; } .div-text-header { width: 60%; padding-right: 0px; padding-left: 0px; } .thunkable-circle { max-width: 50px; } .glide-circle { left: 0%; bottom: 0%; max-width: 50px; } .bubble-circle { right: 13%; max-width: 50px; } .bravo-circle { max-width: 50px; } .stick.purple { left: 73%; right: 4%; width: 50px; height: 100px; } .stick.purple._2 { left: 8%; } .s-section-active-elements-blue { display: none; } .s-section-active-elements-blue.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column-gap: 20px; grid-row-gap: 20px; } .s-section-active-background { display: none; } .s-section-active-background.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column-gap: 20px; grid-row-gap: 20px; } .grid-header { padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1.25fr 1.25fr; grid-template-columns: 1.25fr 1.25fr; } .grid-header.reverse { 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; -ms-grid-columns: 1.25fr 1.25fr; grid-template-columns: 1.25fr 1.25fr; } .comparasion-table-mobile { grid-column-gap: 2px; grid-row-gap: 2px; } .lightbox-compare-video { width: 44%; height: 180px; } .grid-quotes-proservices { padding-right: 20px; padding-left: 20px; grid-column-gap: 11px; } .fiv-button-top-menu { margin-left: 29px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .colors-box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 30px; grid-row-gap: 30px; } .business-app-icon-text-point.orange { width: 40%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1571 { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .img-wedding-3 { position: absolute; left: auto; right: 39px; display: block; max-width: 40%; } .div-block-1572 { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .video-business-app { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; } .video-app { left: 91px; top: 195px; width: 110px; height: 235px; } .circle-proapp { width: 70%; } .circle-extra-feature { width: 40%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .cometchat-right { padding-bottom: 0px; } .cometchat-feature { margin-top: 40px; } .revenuecat-logo.no-margin { position: absolute; left: auto; top: 368px; right: 55px; bottom: auto; z-index: 10; width: 100px; } .cometchat-logo-desktop.no-margin { position: absolute; left: auto; top: 327px; right: 55px; bottom: auto; z-index: 10; width: 100px; } .promo { height: auto; max-width: 100%; } .promo-price { min-height: auto; padding: 20px 10px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .price-new { font-size: 40px; } .s-tab { font-size: 16px; line-height: 1.2em; } .s-tab.green { line-height: 30px; } .s-tab.black.no-margin.interlign { line-height: 22px; } .s-tab.no-margin.interlign { line-height: 22px; } .promo-description { padding-top: 20px; grid-column-gap: 20px; grid-row-gap: 20px; } .tab-pane-tab-1 { min-height: 100%; } .tabs-3 { display: block; height: auto; min-height: auto; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-color: #e7e7e7; } .tabs-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; min-height: 360px; padding-top: 20px; padding-bottom: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .tabs-content-3 { display: block; height: auto; } .tabs-content-4 { display: block; min-height: auto; } .howto-discount-title { padding: 0px; border-style: none; background-color: transparent; } .howto-discount-step-text { min-height: 70%; } .howto-discount-step { mix-blend-mode: normal; } .testi-img-world { background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 0px 0px; background-size: auto; } .featured-integration { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } ._3wisemen { padding: 0px; border-style: none; background-color: transparent; } .image-289 { border-radius: 15px; } .div-block-1589 { width: auto; } .image-290 { border-radius: 15px; } .columns-90 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -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: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media screen and (max-width: 767px) { .faq-container { padding-right: 14px; padding-left: 14px; } .section-2 { margin-right: 15px; margin-left: 15px; } .container-2 { text-align: center; } .div-block-21 { margin-right: 0px; } .primarycolor-box { margin: 0px; } .section-bravo-vision { width: auto; } .column-13 { display: none; } .nav-link-3 { margin-right: 20px; margin-left: 20px; } .the-sticky-div-title-copy { font-size: 52px; text-align: center; } .footer-title { margin-bottom: 20px; } .footer-columns { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .the-sticky-div-title-copy { font-size: 52px; text-align: center; } .image-48 { margin-right: 0px; padding-right: 0px; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: center; } .the-sticky-div-title-copy-copyasd { font-size: 52px; text-align: center; } .the-sticky-div-title-copy123 { font-size: 52px; text-align: center; } .html-embed-2 { margin-right: 0px; } .product-hunt-footer { padding-right: 0px; } .nav-link-log { margin-left: 0px; } .nav-link-login { margin-bottom: 10px; margin-left: 0px; } .nav-dropdown { margin-left: 0px; } .icon-5 { margin-right: 140px; } .collection-item { 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; } .form-newsletter { margin-right: 10px; margin-left: 10px; } .column-36 { margin-bottom: 20px; } .copyright { text-align: center; } .div-block-1101 { 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: 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-align-self: center; -ms-flex-item-align: center; align-self: center; text-align: center; } .image-features { width: 400px; padding-top: 40px; padding-bottom: 40px; } .image-feature-lottie { position: static; left: 0px; top: auto; display: block; width: 200px; padding-top: 50px; } .lottie-animation-13 { left: 180px; top: 0px; right: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; -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; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; text-align: center; } .banner-challenge { height: 50px; } .column-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -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; } .column-text-left { 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; } .column-text-right { 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; } .column-text-right.bravo-flexiblle { padding-right: 0px; padding-left: 0px; } .column-img-left { -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; } .column-img-left.bravo-flexiblle { padding-right: 0px; padding-left: 0px; } .column-51 { 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; } .collection-list { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .collection-list.featured { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .social-media-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .column-56 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-link-section-copy { margin-left: 0px; } .nav-link-section-mobile { margin-left: 0px; } .nav-link-section-copy { margin-left: 0px; } .contact-form { padding: 40px 20px; } .column-59 { padding-right: 0px; } .column-60 { padding-left: 0px; } .collection-item-3 { margin-right: 10px; margin-left: 10px; } .image-119 { margin-right: 10px; } .columns-40 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .column-83 { padding-right: 0px; padding-left: 0px; } .grid-8 { margin-top: 20px; margin-right: 0px; } .nav-link-section-copy { margin-left: 0px; } .grid-9 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .columns-54 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-97 { padding-left: 0px; } .column-104 { padding-right: 0px; padding-left: 0px; } .column-105 { padding-right: 0px; padding-left: 0px; } .lottie-animation-20._1 { left: -2%; top: -12%; right: 0%; bottom: 0%; width: 50px; } .lottie-animation-20._2 { top: 22%; width: 20px; } .started-grid { height: 200px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .story-columns { -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; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; background-color: #fff; } .story-columns.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border-style: solid; border-width: 2px; border-color: #373731; } .our-story-title { box-shadow: none; } .our-story-box { box-shadow: none; } .image-163 { width: 100%; max-width: none; } .timeline-line-down { display: none; } .story-date-left { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .story-column-middle { border-bottom: 2px solid #373731; } .timeline-side-line { display: none; } .timeline-side-line._2 { display: none; } ._1 { margin-bottom: 20px; } ._3 { margin-bottom: 20px; } .image-170 { margin-left: 0px; } .card-icon { width: 50px; height: 50px; margin: 0px; } .collection-list-11 { padding-left: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .app-img-box { height: 100px; } .app-img-box.featured { height: 200px; } .image-181 { left: 15%; top: 0px; width: 40%; } .image-181-copy { top: 10px; right: 15%; width: 40%; } .collection-list-13 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .s-container { padding-top: 60px; padding-bottom: 60px; } .s-container.centered { padding-top: 60px; } .s-container.text { padding-right: 40px; padding-left: 40px; } .s-container.right { padding-top: 60px; } .s-container.feature---image-left { padding-top: 60px; } .s-container.feature---image-left.index.blue { 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; } .s-container.img-absolute { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 60px; padding-bottom: 60px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .s-paragraph.black.no-margin.interlign { line-height: 21px; } .s-paragraph.no-margin.interlign { line-height: 21px; } .s-divider { display: block; } .s-divider.stroke { display: block; } .s-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-section.blue { display: block; } .s-section.blue.index { display: none; } .s-section.header { padding-top: 0px; } .s-subtitle { margin-bottom: 20px; padding-top: 0px; } .s-subtitle.white.center-mobile { text-align: center; } .s-subtitle.center.white._80wide { width: 100%; } .s-subtitle.nospace { padding-top: 0px; } .s-subtitle.no-margin { margin-bottom: 0px; } .s-divider-15 { margin-bottom: 0px; } .s-divider-15.mod { height: 18px; } .s-divider-15.mod.mobile { display: block; } .s-divider-15.mod.mobile.menu { display: block; } .s-divider-15.mod.menu { height: 18px; margin-bottom: 35px; } .s-divider-15.mod.hide { display: none; } .s-divider-15.mobile { display: none; } .s-divider-15.hide { display: block; margin-bottom: 20px; } .s-body-gradient { background-size: auto; } .image-194 { left: 0%; top: 0%; right: 0%; bottom: 0%; } .lightbox-link-10 { margin-top: 31px; } .column-136-copy { padding-right: 0px; } .column-147 { padding-right: 0px; } .columns-77 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-148 { padding-top: 50px; padding-right: 0px; padding-left: 0px; } .sticky-nav { position: relative; } .nav-grid { text-align: center; } .sticky-nav-dropdown-product { position: relative; } .s-nav-menu-grid { padding-left: 0px; } .s-nav-menu-grid.mod { padding-bottom: 20px; padding-left: 0px; grid-column-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; border-bottom-style: none; } .s-nav-menu-grid.modtablet { padding-left: 0px; } .new-release { padding-top: 20px; } .s-dropdown-columns { padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .s-dropdown-submenu { padding-left: 0px; border-bottom: 1px solid #95958d; } .s-dropdown-news { padding-top: 0px; padding-right: 0px; padding-left: 0px; border-left-style: none; } .nav-container { padding-left: 10px; } .s-navemenu { position: absolute; padding-bottom: 20px; border-top: 1px solid #d9ddc8; border-bottom: 1px solid #d9ddc8; background-color: #f3f6e6; } .s-navemenu.mod { position: static; padding-bottom: 0px; border-top-style: none; border-bottom-style: none; background-color: rgba(243, 246, 230, 0); } .dropdown-list-3.w--open { left: 0%; top: 56px; right: 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1407 { margin-left: 0px; } .grid-2columns-8-4 { 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; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-2columns-8-4.reverse { 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; } .cta-box { margin-top: 20px; } .column-150 { padding-right: 155px; padding-left: 0px; } .div-block-1413 { width: 100%; } .div-block-1414 { padding-right: 0px; padding-left: 0px; } .div-block-1415 { padding-right: 0px; padding-left: 0px; } .s-body-ivory { background-size: auto; } .image-208 { padding: 20px; } .div-block-1416 { padding-left: 0px; } .dropdown-bg { position: relative; } .s-collectionlistgrid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .div-block-1424 { padding-right: 0px; } .app-text-box { padding: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-column-gap: 20px; grid-row-gap: 20px; text-align: center; } .div-block-1427 { margin-bottom: 20px; } .div-block-1430 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; grid-column-gap: 20px; grid-row-gap: 20px; } .columns-79 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-152 { padding-left: 10px; } .column-153 { padding-right: 10px; } .columns-81 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .collection-list-11-copy { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .column-156 { padding-right: 143px; padding-bottom: 30px; } .s-icon { width: 50px; } .grid-21 { padding-right: 100px; } .grid-22 { padding-left: 100px; } .div-block-1437 { padding-right: 97px; } .subscribe-form { padding: 40px 20px; } .form-7 { margin-top: 10px; } .s-divider-10 { display: none; } .html-embed-9 { margin-bottom: 20px; } .image-214 { left: 0%; top: auto; right: 0%; bottom: 0%; width: 180px; margin: 0px; } .video-building-mobile-apps { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 78%; height: 74%; border-style: solid; border-radius: 10px; } .column-161 { padding-right: 10px; } .grid-24 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-block-1446 { margin-bottom: 34px; } .grid-2columns-6-6 { padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-grid-columns: 1.75fr; grid-template-columns: 1.75fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-2columns-6-6.invert { padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div--h2-sub { padding-right: 10px; padding-left: 10px; } .image-194-copy { left: 237px; top: 126px; } .grid-28 { margin-top: 20px; -ms-grid-columns: 50% 50%; grid-template-columns: 50% 50%; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-32 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-features { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-block-1374-copy.featured { height: 200px; } .image-218 { width: 60px; } .top-banner-link._2nd { background-size: contain; } .column-164 { margin-top: 24px; } .s-navemenu-copy { padding-bottom: 0px; border-top: 1px none #d9ddc8; border-bottom: 1px none #d9ddc8; } .grid-38 { height: 200px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .columns-84 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid-43 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .s-smalltext.centered { margin-top: 20px; } .image-225 { left: 33px; bottom: 73.383px; width: 15px; } .grid-47 { grid-column-gap: 10px; grid-row-gap: 10px; } .div-block-1479 { padding-right: 0px; } .lottie-animation-27 { position: static; width: auto; } .div-block-1484 { width: 100%; } .grid-50 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .s-box-copy { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .lottie-animation-28 { position: static; width: auto; } .grid-52 { height: 170px; padding-right: 0px; padding-left: 0px; } .lightbox-link-13 { width: 460px; height: 270px; } .image-233 { left: 43%; bottom: 38%; width: 60px; } .div-block-1495 { padding-top: 81px; } .grid-54 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .image-194-copy-copy { left: 0%; top: 0%; right: 0%; bottom: 0%; } .div-block-1151-copy { left: 191px; } .grid-56 { padding-right: 73px; padding-left: 73px; } .grid-56.pro-services { padding-right: 0px; padding-left: 0px; justify-items: start; } .div-block-1505.pro-services { padding-left: 0px; } .grid-57 { height: 180px; } .div-block-1506 { padding-right: 0px; } .collection-list-11-copy-copy { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-58 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .lottie-animation-29 { width: auto; } .div-block-1508 { margin-top: 30px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; } .grid-58-copy { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .columns-86 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .column-169 { padding-top: 20px; } .h1 { line-height: 75px; text-decoration: none; } .h1.white.center-mobile { 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; text-align: center; } .h1-span-blue { display: inline; line-height: 75px; } .h3 { margin-top: 20px; } .h3.no-margin { margin: 0px; } .h3.box { margin-top: 0px; } .div-block-1513 { height: auto; margin-bottom: 40px; } ._2colums-6-6.invert { padding-right: 10px; padding-left: 10px; } .imgbackground-right { display: none; } .div-block-1516 { padding-right: 0px; padding-left: 0px; } .div-block-1517 { display: none; } .div-block-1523 { display: none; } .left-arrow-2 { display: none; } .right-arrow-3 { display: none; } .footer-section { 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; } .index-section { padding-right: 121px; padding-left: 0px; } .index-line { display: none; } .comparasion-logo { display: none; } .grid-61.pro-services { display: -ms-grid; display: grid; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .main-spacer { height: 0px; } .grid-journey { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .column-right { padding-right: 0px; padding-left: 0px; } .bullet-icon-point { padding-right: 0px; } .testimonial-logo { padding-right: 10px; padding-left: 10px; } ._6mobilebenefits { padding-right: 100px; } .diagram-persona-2 { padding: 20px; } .graph-home { padding: 20px; } .img-shadow { display: none; } .image-262 { display: none; } .div-right { display: none; margin-top: 30px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; } .div-block-1550 { display: none; } .absolute { display: none; } .image-264 { position: static; max-width: 50%; } .image-264.hidden-mobile { display: none; } .div-relative { display: none; } .div-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .image-268 { margin-top: 0px; margin-bottom: 0px; } .img-experts.front.img4 { left: 197px; top: -63px; z-index: 0; } .img-experts.front.img2 { left: 0px; } .div-img-experts { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-ready-made-solution { margin-top: 20px; grid-column-gap: 40px; grid-row-gap: 40px; } .div-button.center-mobile { width: 100%; text-align: center; } .phone-readymadesolution { max-width: 150px; } .navbar-brand { padding-left: 0px; } .nav-menu { padding: 40px; -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; background-color: #f3f6e6; } .nav-link-4 { display: inline-block; padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav-dropdown-toggle { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-list.shadow-three { box-shadow: 0 8px 50px 0 rgba(0, 0, 0, 0.05); } .nav-dropdown-list.shadow-three.w--open { position: relative; } .nav-dropdown-list.shadow-three.mobile-shadow-hide { box-shadow: none; } .mobile-margin-top-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 16px; grid-row-gap: 16px; } .video-full-design-control { left: 0%; top: 0%; right: 0%; bottom: 0%; width: auto; height: auto; border-radius: 0px; } .bravo-flexible-video { min-height: 260px; min-width: 100%; } .list-bg-videos { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .container-bravo-flexible { padding: 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; grid-column-gap: 20px; grid-row-gap: 20px; } .container-bravo-flexible.invert { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .bravo-flexible-text { padding: 0px; } .div-howtobuild { margin-top: 100px; -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-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 16px; grid-row-gap: 0px; } .div-howtobuild-app { width: 100%; } .howtobuild-phone { width: 30%; } .howtobuild-content { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .howtobuild-content.restaurant { height: 140px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c598aa294922d6fd900dff_restaurant-app-bg.jpg"); } .howtobuild-content.fitness { height: 140px; } .howtobuild-content.events { height: 140px; } .howtobuild-content.mindfulness { height: 140px; } .howtobuild-content.personaltrainer { height: 140px; } .howtobuild-content.recipe { height: 140px; } .howtobuild-space { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link-use-cases { margin-bottom: 86px; } .video-lightbox-container { width: 100%; margin-top: 30px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; } .video-lightbox-container.no-margin { 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; } .lightbox-link-agencypartner { width: 100%; height: 300px; } .story-container { padding: 0px 20px; } .testi-box { width: 60%; } .testi-div { -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; } .list-whosfor-box.pro-services { padding-left: 0px; } .s-section-active-elements.mobile { display: none; overflow: hidden; grid-column-gap: 20px; grid-row-gap: 20px; } .quote-div { display: block; width: 460px; margin-top: 20px; 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: 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; } .table-text-box { width: 70%; } .banner-text-box { width: 50%; } .testi-image-box { width: 50%; } .testi-image-box._50pc { width: 100%; } .testi-image-box._100pc { width: 100%; } .animated-title.mobile { display: none; } .main-title-box { height: auto; } .main-title-div { padding-right: 0px; padding-left: 0px; } .main-subtitle-div { padding-right: 0px; padding-left: 0px; } .main-video-box { height: auto; margin-bottom: 40px; } .img-box { height: auto; margin-bottom: 40px; } .feature-buttons { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .feature-buttons-copy { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .feature-button { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-features-list { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; grid-column-gap: 20px; grid-row-gap: 20px; } .fearture-box { width: 30%; } .fearture-box.opt2 { width: 45%; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; grid-column-gap: 0px; grid-row-gap: 0px; } .feature-text { padding-top: 20px; padding-bottom: 20px; } .feature-photo { height: 100px; margin-top: 0px; margin-bottom: 0px; } .feature-title-1 { padding: 10px; } .comparasion-table { grid-column-gap: 5px; grid-row-gap: 5px; } .comparasion-column { width: 34px; } .comparasion-column.features { width: auto; } .comparasion-title-box.purple.first { padding-right: 5px; padding-left: 5px; } .comparasion-title-box.white { padding-right: 5px; padding-left: 5px; } .bravo-logo-comparasion { display: none; } .comparasion-feature-list.purple { padding-right: 10px; padding-left: 10px; grid-column-gap: 1px; grid-row-gap: 1px; } .comparasion-feature-list.purple.first { padding-right: 10px; padding-left: 10px; grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-feature-list.purple.last { border-bottom-style: none; } .comparasion-feature-list.white { padding-right: 10px; padding-left: 10px; } .comparasion-feature-list.white.interlign { padding-right: 10px; padding-left: 10px; grid-column-gap: 1px; grid-row-gap: 1px; } .comparasion-feature-list.white.last { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-feature-list.lightgrey { padding-right: 10px; padding-left: 10px; grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-feature-list.lightgrey.first.interlign { padding-right: 10px; padding-left: 10px; grid-column-gap: 1px; grid-row-gap: 1px; } .comparasion-feature-list.lightgrey.last.interlign { grid-column-gap: 3px; grid-row-gap: 3px; } .comparasion-feature-list.darkblack.first { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .comparasion-logo-mobile { display: block; } .div-block-1513-copy { height: auto; margin-bottom: 40px; } .div-img-animation { width: 100%; } .div-text-header { width: 100%; } .thunkable-circle { right: 27%; } .glide-circle { left: 23%; bottom: 5%; } .bravo-circle { left: 45%; } .stick.purple { left: 63%; right: 52%; } .stick.purple._2 { left: 26%; } .s-section-active-elements-blue.mobile { overflow: hidden; grid-column-gap: 20px; grid-row-gap: 20px; } .s-section-active-background.mobile { overflow: hidden; grid-column-gap: 20px; grid-row-gap: 20px; } .grid-header { 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; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-header.reverse { 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; } .h1-span-green { display: inline; line-height: 75px; } .comparasion-table-mobile { grid-column-gap: 5px; grid-row-gap: 5px; } .lightbox-compare-video { width: 460px; height: 270px; } .grid-quotes-proservices { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .fiv-button-top-menu { margin-left: 0px; } .colors-box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .color-circle-fill.e350cc { background-color: #e350cc; } .color-circle-fill._50e3c2 { background-color: #50e3c2; } .color-circle-fill.ffce1f { background-color: #ffce1f; } .color-circle-fill._490d82 { background-color: #490d82; } .div-block-1571 { 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; } .img-wedding-3 { position: static; display: none; max-width: 50%; } .video-business-app { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; border-radius: 0px; } .video-app { left: 80px; top: 110px; width: 97px; height: 210px; } .circle-proapp { width: 100%; } .circle-extra-feature { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .div-block-1574 { -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; } .cometchat-left { display: none; } .cometchat-right { width: 40%; padding-top: 130px; padding-bottom: 0px; } .cometchat-feature._40pxup { margin-top: 90px; } .cometchat-feature._20pxup { margin-top: 18px; } .cometchat-logo.mobile { display: block; } .cometchat-logo.no-margin { margin-top: 30px; border-radius: 200px; } .revenuecat-logo.no-margin { top: 399px; width: 50px; } .cometchat-logo-desktop.no-margin { top: 353px; width: 50px; } .div-block-1576 { 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; grid-column-gap: 10px; grid-row-gap: 10px; } .promo { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .promo-price { border-bottom-left-radius: 20px; } .s-tab.black.no-margin.interlign { line-height: 21px; } .s-tab.no-margin.interlign { line-height: 21px; } .tabs-menu-7 { border-top-right-radius: 0px; } .promo-description { width: 100%; border-top-right-radius: 20px; border-bottom-left-radius: 0px; } .tabs-3 { width: 100%; border-top-right-radius: 0px; border-bottom-left-radius: 20px; } .tabs-4 { width: 100%; min-height: auto; border-top-right-radius: 0px; border-bottom-left-radius: 20px; } .div-block-1577 { padding: 0px; } .howto-discount-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .howto-discount-step-text { min-height: auto; } .howto-discount-step { width: auto; } .button-howtoclaim-d { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (max-width: 479px) { .bravo-div { margin-right: 15px; margin-left: 15px; padding-top: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .section-1-introduccing-bravo { height: auto; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .description-bravo { width: 80%; margin-top: 48px; font-size: 18px; line-height: 21px; font-weight: 700; } .text-block-8 { margin-top: 21px; font-size: 12px; } .description-bravo-copy { width: 100%; margin-top: 13px; font-size: 11px; line-height: 19px; } .div-gif-container { display: none; width: 150%; height: 100%; } .old-navigation { margin-top: 12px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .link { margin-right: 22px; font-size: 12px; } .image-3 { width: 150px; } .section { height: 10vh; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .button { padding-right: 13px; padding-left: 13px; font-size: 10px; } .text-block-10 { margin-right: 10px; margin-bottom: 0px; margin-left: 5px; font-size: 12px; text-align: center; } .image-4 { width: 100%; } .email-submit-button { margin-top: 0px; margin-bottom: 0px; padding: 10px 11px; font-size: 12px; } .text-field { padding-left: 23px; background-color: #141219; font-size: 12px; } .div-block-5 { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-6 { height: 170px; } .link-contact { margin-right: 22px; font-size: 12px; } .link-contact.w--current { display: none; } .green-button-fill { display: block; margin: 0px 0px 14px; padding-right: 15px; padding-left: 15px; } .div-block-7 { 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: 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; } .green-button-fill-copy { display: block; margin: 2px 0px 14px; padding: 9px 35px; } .link-language { margin-right: 0px; margin-left: 0px; font-size: 12px; } .green-button-stroke-copy { display: block; margin: 0px 0px 14px; } .green-button-stroke-copy2 { display: block; margin: 0px 0px 14px 32px; } .faq-section { height: auto; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .h6 { font-size: 15px; line-height: 19px; } .title-faq { font-size: 28px; } .paragraph-faq { font-size: 12px; line-height: 14px; } .div-block-10 { width: 100%; } .div-block-11 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .paragraph-faq-copy2 { margin-top: 12px; margin-left: 0px; font-size: 15px; line-height: 19px; } .image-9 { width: 90%; } .image-10 { width: 90%; } .accordion-wrapper { margin-bottom: 0px; padding-right: 0px; padding-left: 0px; } .accordion-item { margin-bottom: 0px; } .faq-container { padding-right: 14px; padding-left: 14px; } .image-13 { display: none; } .nav-menu-bg { background-color: #490d82; } .container-nav-1 { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .div-block-12 { margin-top: 7px; padding-left: 20px; } .menu-button { background-color: #490d82; cursor: pointer; } .menu-button.w--open { background-color: #490d82; } .icon-2 { background-color: transparent; color: #e350cc; } .page-title-1 { margin-top: 51px; margin-bottom: 63px; font-size: 35px; font-weight: 700; } .section-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; 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; } .container-2 { width: auto; margin-right: 10px; margin-left: 10px; } .columns-2 { height: auto; margin-left: 0px; } .footer-text { text-align: center; } .footer-column-1 { height: 70%; margin-bottom: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .footer-text-copyright { display: none; } .div-block-13 { margin-top: 7px; margin-bottom: 15px; text-align: center; } .footer-text-copyright-mobile { margin-top: 18px; text-align: left; } .div-block-20 { -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; } .div-block-21 { width: 280px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .color-circle { width: 40px; height: 40px; } .div-block-20-copy { margin-top: 41px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-15-copy { width: 150px; margin-bottom: 0px; } .primarycolor-box { margin: 0px; } .color-circle-copy { width: 40px; height: 40px; } .container-3 { display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .title-faq-copy { font-size: 28px; } .title-faq-copy-copy { font-size: 28px; } .menu-logo { display: none; width: 150px; } .text-block-13 { margin-top: 50px; padding-right: 5px; } .text-block-13-copy { margin-top: 25px; font-size: 15px; line-height: 22px; } .container-4 { margin-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .section-4 { height: auto; margin-bottom: 0px; padding-right: 11px; padding-left: 11px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287ef0e0f5f11a64bf2_Stroke-222%20(2)%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d6f157aad95_Asset%203%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a2287e5f68d695c7aad96_Stroke-222%404x.png"), url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d7a228726acc6fda6ed3961_Asset%204%404x.png"); background-position: 90% 25%, 25% 80%, 39% 90%, 12% 32%; background-size: 30px, 8px, 8px, 8px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; } .div-block-25 { width: auto; margin-top: 20px; text-align: left; } .play-button { text-align: center; } .div-block-13-copy { margin-top: 7px; margin-bottom: 15px; } .section-1-introduccing-bravo-copy { height: auto; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .section-4-copy { display: none; height: auto; padding-right: 11px; padding-left: 11px; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .conteiner-steps { margin-top: 20px; margin-bottom: 20px; -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; } .text-block-15 { font-size: 25px; } .div-block-29 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-17 { width: auto; } .div-block-30 { width: auto; } .section-bravo-vision { height: auto; padding-right: 11px; padding-left: 11px; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .div-block-31 { width: auto; } .text-block-17 { margin-right: 0px; text-align: center; } .image-18 { display: block; width: 100px; margin-right: 142px; } .image-19 { margin-top: 50px; } .text-block-17-copy { text-align: center; } .div-block-32-copy { margin-top: 0px; margin-left: 0px; } .section-import { height: auto; margin-top: 0px; margin-bottom: 0px; padding-right: 11px; padding-left: 11px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .div-block-33 { display: none; margin-top: 63px; margin-bottom: 64px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .text-block-18 { width: auto; margin-bottom: 18px; } .text-block-19 { color: #0146e0; } .image-21 { margin-bottom: 19px; } .image-22 { margin-bottom: 72px; } .roadmap { display: none; height: auto; padding-right: 11px; padding-left: 11px; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .roadmap-title { font-size: 15px; } .roadmap-title-copy { font-size: 15px; } .green-button-demos { display: none; margin: 0px 0px 14px; padding-right: 15px; padding-left: 15px; } .columns-3 { margin-bottom: 36px; } .section-step { height: 900px; padding-right: 10px; padding-left: 10px; } .div-block-37 { padding-right: 15px; padding-left: 15px; } .link-step { font-size: 12px; } .column-7 { padding-right: 0px; padding-left: 0px; } .column-8 { padding-right: 0px; padding-left: 0px; } .section-step-copy { height: 900px; } .container-5 { display: block; padding-right: 10px; padding-left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-39-copy { width: auto; margin-bottom: 56px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .step-ps-copy { display: none; } .div-block-43 { padding-left: 10px; } .section-step-4 { height: 700px; padding-right: 10px; padding-left: 10px; } .section-step-5 { height: 700px; padding-right: 10px; padding-left: 10px; } .announcment-div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .download-vision-button-copy { border-color: #0146e0; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffdb59), to(#ffdb59)); background-image: linear-gradient(180deg, #ffdb59, #ffdb59); box-shadow: none; } .download-bravo-vision-icon { margin-left: 0px; } .link-block-9 { cursor: pointer; } .container-titles { padding-right: 20px; padding-left: 20px; } .section-test { height: auto; padding-right: 11px; padding-left: 11px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .section-title-coming { position: static; display: none; overflow: visible; margin-top: 50px; } .columns-7 { margin-left: 0px; padding-right: 0px; padding-left: 0px; } .column-13 { display: block; } .column-14 { display: block; } .columns-8 { display: none; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .image-26 { margin-top: 50px; } .columns-8-copy-mobile { display: block; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .div-block-33-copy-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 63px; margin-bottom: 64px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal { left: 0%; top: auto; right: auto; bottom: 0%; width: 300px; margin-left: 10px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .text-block-22 { margin-top: 15px; margin-right: 28px; } .image-29 { width: 13%; height: 40%; } .image-31 { width: 30px; } .body-6 { background-color: #f3f6e6; } .navbar-2.nobg { -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; } .brand-2 { padding-left: 12px; } .image-32 { width: 200px; margin-top: 0px; margin-bottom: 0px; } .nav-link-3 { position: relative; width: auto; margin: 9px 32px 20px; padding-left: 10px; text-align: center; } .the-height-400vh-section { display: none; margin-left: 0px; } .video-div-landing { display: block; } .section-10 { display: none; } .h1---title { margin-top: 0px; margin-bottom: 25px; font-size: 35px; line-height: 40px; text-align: center; } .text-block-home { margin-top: 0px; margin-bottom: 25px; padding-right: 0px; text-align: center; } .call-to-action-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 9px 24px; -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; font-size: 17px; } .call-to-action-button.smlinks { padding-top: 10px; padding-bottom: 10px; font-size: 14px; } .call-to-action-button._3-0 { padding: 5px 15px; font-size: 11px; } .call-to-action-button.lightbox { margin-top: 20px; margin-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .section-11-copy { display: none; } .old-landing-section-1 { display: none; } .section-13 { display: none; } .text-block-29 { margin-top: 26px; font-size: 20px; line-height: 23px; } .text-block-30 { font-size: 15px; line-height: 19px; } .section-14 { display: none; } .the-sticky-div-title-copy { margin-top: 76px; padding-right: 10px; padding-left: 10px; font-size: 11vw; line-height: 9vw; } .footer { padding-top: 59px; } .footer-title { margin-bottom: 25px; font-size: 13px; } .footer-link { font-size: 13px; } .footer-columns { width: 90vw; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-45 { width: 20px; } .section-14-copy { display: none; } .cta { display: none; } .the-height-400vh-section-copy { display: none; margin-left: 0px; } .the-sticky-div-title-copy { margin-top: 76px; padding-right: 10px; padding-left: 10px; font-size: 11vw; line-height: 9vw; } .image-46 { width: 20px; height: 20px; } .mobile-section-1 { display: block; background-color: #f3f6e6; } .text-block-37 { margin-top: 62px; margin-bottom: 44px; background-color: rgba(5, 109, 56, 0); font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 50px; line-height: 50px; font-weight: 700; text-align: center; } .container-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; margin-bottom: 0px; padding-top: 35px; padding-bottom: 57px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-37-copy { margin-top: 47px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; line-height: 18px; font-weight: 400; text-align: center; } .button-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; border: 3px solid #0146e0; background-color: #ffdb59; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 12px; font-weight: 700; white-space: nowrap; } .button-5-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-top: 0px; margin-bottom: 0px; margin-left: 5px; padding-right: 10px; padding-left: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 3px solid #0146e0; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 12px; font-weight: 700; white-space: nowrap; } .image-48 { display: block; margin-right: 0px; padding-right: 0px; } .mobile-section-2 { display: block; background-color: #f3f6e6; } .nav-menu-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 14px; margin-right: 14px; margin-left: 14px; padding: 19px 19px 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px solid #000; background-color: #f3f6e6; } .menu-button-3 { margin-right: 15px; background-color: rgba(243, 246, 230, 0); } .menu-button-3.w--open { margin-right: 15px; padding: 11px; border: 3px solid #000; box-shadow: 5px 5px 0 0 #50e3c2; } .div-block-77 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: auto; padding-left: 16px; -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; } .text-block-38 { margin-left: 14px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-weight: 700; } .div-block-78 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; margin-bottom: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-79 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 0px; padding-left: 13px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-50 { position: static; left: 13px; top: 13px; width: 25px; } .div-block-80 { overflow: hidden; margin-top: 42px; padding-right: 13px; padding-left: 0px; } .image-51 { width: 30px; margin-left: 9px; } .text-block-39 { margin-top: 8px; margin-left: 9px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 21px; line-height: 27px; font-weight: 700; } .text-block-40 { margin-top: 14px; margin-left: 9px; font-family: Pulpdisplay, sans-serif; color: #490d82; line-height: 23px; font-weight: 300; } .text-block-38-copy { margin-left: 14px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-weight: 700; } .text-block-39-copy { margin-top: 8px; margin-left: 9px; font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 21px; line-height: 27px; font-weight: 700; } .text-block-40-copy { margin-top: 14px; margin-bottom: 10px; margin-left: 9px; font-family: Pulpdisplay, sans-serif; color: #056d38; line-height: 23px; font-weight: 300; } .image-52-copy { position: absolute; left: auto; top: auto; display: inline-block; width: auto; height: auto; margin-top: 31px; border: 3px solid #000; box-shadow: 10px 10px 0 0 #f2c94c; } .image-52-yellow { position: relative; left: 19px; top: -12px; display: inline-block; overflow: hidden; width: auto; height: auto; margin-top: 31px; border: 3px none #000; } .image-52-purple { position: relative; left: 19px; top: -12px; display: inline-block; overflow: hidden; width: auto; height: auto; margin-top: 31px; border: 3px none #000; } .image-52-blue { position: relative; left: 19px; top: -12px; display: inline-block; overflow: hidden; width: auto; height: auto; margin-top: 31px; border: 3px none #000; } .text-block-37-copy-copy { margin-top: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; line-height: 22px; font-weight: 400; text-align: center; } .text-block-37-copy123 { margin-top: 30px; margin-bottom: 44px; background-color: rgba(5, 109, 56, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 45px; line-height: 55px; font-weight: 700; text-align: center; } .mobile-section-3 { display: block; background-color: #fee4e6; } .text-block-37-copy { margin-top: 62px; margin-bottom: 44px; background-color: rgba(73, 13, 130, 0); font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 45px; line-height: 50px; font-weight: 700; text-align: center; } .div-block-81 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding-right: 0px; padding-bottom: 81px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .text-block-41 { margin-right: 18px; margin-left: 18px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 20px; font-weight: 700; } .button-5-copy-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; margin-top: 36px; margin-left: 18px; padding-right: 0px; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 3px solid #0146e0; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 700; } .text-block-42 { margin-top: 30px; margin-right: 18px; margin-left: 18px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-weight: 300; } .image-52-copy { position: relative; left: 61px; top: auto; display: inline-block; overflow: hidden; width: auto; height: auto; margin-top: 44px; border: 3px none #000; box-shadow: none; } .image-52-copy123 { position: relative; left: -56px; top: auto; display: inline-block; overflow: hidden; width: auto; height: auto; margin-top: 44px; border: 3px none #000; } .mobile-section-4 { display: block; background-color: #fff3c5; } .text-block-37-copy-copysdfsd { margin-top: 62px; margin-bottom: 21px; background-color: rgba(73, 13, 130, 0); font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 45px; line-height: 50px; font-weight: 700; text-align: center; } .container-13 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding-right: 18px; padding-bottom: 89px; padding-left: 18px; -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; } .image-54 { display: block; width: 200px; margin-bottom: 0px; border: 3px solid #000; border-radius: 23px; box-shadow: 11px 11px 0 0 #f2c94c; } .image-55 { width: 30px; } .div-block-82 { width: 100%; margin-top: 65px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } .text-block-43 { margin-top: 30px; margin-bottom: 30px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 20px; line-height: 23px; font-weight: 700; } .text-block-44 { padding-right: 7px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-weight: 300; } .mobile-section-5 { display: block; background-color: #dff4ff; } .fs-content { height: 500px; background-color: hsla(0, 0%, 86.7%, 0); } .right-arrow { display: block; } .icon-3 { display: none; } .icon-4 { display: none; } .div-block-83 { 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; } .slide-nav { background-color: rgba(133, 83, 83, 0); } .text-block-37-copy-copysdfsd-copy { margin-top: 62px; margin-bottom: 63px; background-color: rgba(73, 13, 130, 0); font-family: Pulpdisplay, sans-serif; color: #d2392e; font-size: 45px; line-height: 50px; font-weight: 700; text-align: center; } .mobile-section-6 { display: block; background-color: #fee4e6; } .container-14 { overflow: hidden; } .text-block-37-copy-copysdfsd-copy-copysdfg-copy { margin-top: 62px; margin-bottom: 63px; background-color: rgba(73, 13, 130, 0); font-family: Pulpdisplay, sans-serif; color: #056d38; font-size: 50px; line-height: 50px; font-weight: 700; text-align: center; } .text-block-44-copy234 { display: none; font-family: Pulpdisplay, sans-serif; color: #056d38; font-weight: 300; } .image-56 { width: 220px; margin-top: 49px; } .mobile-section-7 { display: block; background-color: #fff3c5; } .div-block-79-copysadf { display: none; overflow: hidden; padding-top: 0px; padding-left: 13px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-50-copyasdf { position: static; left: 13px; top: 13px; width: 13px; } .image-51-copysdg { width: 30px; margin-left: 9px; } .text-block-39-copy-copysdf { margin-top: 8px; margin-left: 9px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 21px; line-height: 27px; font-weight: 700; } .text-block-40-copy-copy23 { margin-top: 14px; margin-left: 9px; font-family: Pulpdisplay, sans-serif; color: #490d82; line-height: 23px; font-weight: 300; } .div-block-80-copy1346235y-copy { overflow: hidden; margin-top: 68px; margin-bottom: 106px; padding-right: 13px; padding-left: 0px; } .div-block-80-copy1346235y-copy123 { overflow: hidden; margin-top: 40px; padding-right: 13px; padding-left: 0px; } .div-block-80-copy1346235y-copy645645656 { overflow: hidden; margin-top: 95px; padding-right: 13px; padding-left: 0px; } .div-block-80-copy1346235y-copy3123 { overflow: hidden; margin-top: 128px; padding-right: 13px; padding-left: 0px; } .container-13-copy { display: block; overflow: hidden; padding-right: 18px; padding-bottom: 59px; padding-left: 18px; -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; } .image-52-blue-copy { position: relative; left: 19px; top: -12px; display: inline-block; overflow: hidden; width: auto; height: auto; margin-top: 31px; border: 3px none #000; } .div-block-79-copy24354657 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 0px; padding-left: 13px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-52-yellow-copy132435465 { position: relative; left: 19px; top: auto; display: inline-block; overflow: hidden; width: auto; height: auto; margin-top: 31px; border: 3px none #000; } .image-52-copy123-copy2435465 { position: relative; left: -56px; top: auto; display: inline-block; overflow: hidden; width: auto; height: auto; margin-top: 44px; border: 3px none #000; } .the-sticky-div-title-copy-copyasd { margin-top: 76px; padding-right: 10px; padding-left: 10px; font-size: 11vw; line-height: 9vw; } .text-block-23-copy-copy-copy-copy { font-size: 45px; } .demo-app-mobile-slide-1 { width: 200px; margin-bottom: 0px; border: 3px solid #000; border-radius: 23px; box-shadow: 11px 11px 0 0 #50e3c2; } .demo-app-mobile-slide-2 { width: 200px; margin-bottom: 0px; border: 3px solid #000; border-radius: 23px; box-shadow: 11px 11px 0 0 #e350cc; } .demo-app-mobile-slide-3 { width: 200px; margin-bottom: 0px; border: 3px solid #000; border-radius: 23px; box-shadow: 11px 11px 0 0 #f2c94c; } .demo-app-mobile-slide-4 { width: 200px; margin-bottom: 0px; border: 3px solid #000; border-radius: 23px; box-shadow: 11px 11px 0 0 #0146e0; } .demo-app-mobile-slide-5 { width: 200px; margin-bottom: 0px; border: 3px solid #000; border-radius: 23px; box-shadow: 11px 11px 0 0 #7a3eed; } .container-12-copy123 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; margin-bottom: 0px; padding-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .background-video-3 { position: relative; left: auto; display: none; overflow: hidden; width: 300px; height: 300px; } .text-block-37-copy-copy-copy { margin-top: 0px; margin-bottom: 65px; font-family: Pulpdisplay, sans-serif; color: #0146e0; font-size: 15px; line-height: 18px; font-weight: 400; text-align: center; } .div-block-94 { width: 100%; height: 65px; padding-left: 0px; background-color: #f3f6e6; } .the-sticky-div-title-copy123 { margin-top: 76px; padding-right: 10px; padding-left: 10px; font-size: 11vw; line-height: 9vw; } .bravo-vision-title { display: none; } .workflow-with-bravo-title { display: none; } .container-15 { padding-right: 16px; padding-left: 16px; } .terms-title { font-size: 45px; line-height: 50px; } .terms-parragraph { font-size: 14px; } .terms-parragraph-copy { font-size: 14px; line-height: 20px; } .list-item { margin-right: 0px; font-size: 14px; line-height: 20px; } .list { padding-right: 20px; padding-left: 20px; } .html-embed-2 { display: block; margin-right: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .product-hunt-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; margin-bottom: 50px; padding-right: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: left; } .announcment-topbanner { height: auto; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; } .container-8-copy123 { overflow: hidden; } .feature---image-right { margin-bottom: 50px; padding-top: 34px; padding-right: 10px; padding-left: 10px; } .nav-link-log { position: relative; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; } .nav-link-login { position: relative; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; } .column-23 { padding-right: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dropdown-toggle { padding-right: 20px; text-align: center; } .nav-dropdown { position: relative; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; } .icon-5 { margin-right: 0px; margin-bottom: 20px; } .terms-parragraph-copy2 { font-size: 14px; } .container-15-copy123 { padding-right: 16px; padding-left: 16px; } .main-title-purple { font-size: 60px; line-height: 65px; } .text-block-24-copy123 { margin-top: 0px; } .divv-bravoresources { overflow: visible; margin-top: 75px; padding-right: 14px; padding-left: 14px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .link-block-14 { width: auto; margin-bottom: 31px; } .text-block-57-copy { padding-top: 23px; padding-right: 0px; font-size: 30px; } .div-block-1046 { margin-top: 0px; padding-right: 20px; padding-left: 17px; -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; } .div-block-1047 { width: auto; margin-right: 0px; margin-bottom: 32px; margin-left: 0px; } .text-block-23-copy-copy { font-size: 60px; line-height: 65px; } .text-block-58 { padding-right: 0px; } .div-block-103-copy { padding-right: 20px; } .div-block-103-copy456 { padding: 20px; } .div-block-103-copy56765 { padding: 20px; } .div-block-1048 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-22 { display: none; } .text-block-59 { width: auto; margin-right: 20px; margin-left: 20px; font-size: 60px; line-height: 70px; } .text-block-60 { padding-right: 10px; padding-left: 10px; color: #0146e0; text-align: center; } .image-72 { position: relative; left: 0px; display: block; width: 100vw; max-width: none; margin-top: 40px; -o-object-fit: fill; object-fit: fill; } .text-block-61 { margin-top: 65px; margin-bottom: 43px; font-size: 45px; } .button-5-copy123 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 200px; margin-top: 0px; margin-bottom: 60px; padding-right: 0px; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; border: 3px solid #490d82; background-color: #fff; font-family: Pulpdisplay, sans-serif; color: #490d82; font-weight: 700; } .text-block-61-copy12 { margin-left: 0px; text-align: center; } .text-block-62 { margin-left: 0px; text-align: center; } .div-block-1051-copy { margin-bottom: 40px; } .div-block-1051-copy123123 { margin-bottom: 40px; } .div-block-1051-copy132312456 { margin-bottom: 41px; } .div-block-1055 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1056 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1057-copy { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1058 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; margin-bottom: 38px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-61-copy12-copy { margin-left: 0px; text-align: center; } .body-5-copy { background-color: #ffeae2; } .text-block-20-copy-copy12345 { margin-right: 10px; margin-left: 10px; padding-right: 0px; color: #056d38; font-size: 50px; line-height: 50px; font-weight: 700; text-align: center; } .text-block-20-copy-copydgf { margin-right: 10px; margin-left: 10px; padding-right: 0px; color: #056d38; font-size: 15px; line-height: 20px; font-weight: 700; text-align: center; } .download-vision-button-copy-copygf { margin-right: 0px; border-color: #056d38; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background-image: linear-gradient(180deg, #fff, #fff); box-shadow: none; } .div-block-1060 { margin-top: 67px; margin-bottom: 39px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-19-copy345 { color: #056d38; } .container-18 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-75 { margin-top: 34px; margin-left: 0px; } .mobile-section-4-copyasd { display: none; background-color: rgba(255, 243, 197, 0); } .div-block-1061 { border-style: none; } .div-block-1061-copy { border-style: none; } .div-block-1061-copy12 { border-style: none; } .bravo-vision-sec { display: none; } .bravo-vision-sec-copy { display: none; } .text-field-2 { width: auto; margin: 15px 0px; } .field-label { width: auto; margin-bottom: 0px; } .div-block-1065 { height: 120px; border: 2px solid #000; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5e874f274692c3037809ac6a_blocks.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .div-block-1065-copy { height: 120px; border: 2px solid #000; background-color: #dff4ff; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5e85c492776a8133e506d81e_Frame%2012.png"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .div-block-1065-copy12 { height: 120px; border: 2px solid #000; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5e874f2961275980669fdd35_brovo-vision.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .section-25 { padding-bottom: 147px; } .text-block-23-copy-copygd { font-size: 60px; line-height: 65px; } .text-block-24-copy123-copyngfng { margin-top: 0px; margin-bottom: 85px; } .columns-13 { margin-top: 0px; margin-bottom: 0px; } .div-block-1066 { margin-bottom: 81px; } .text-block-home-copy { margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; } .container-21 { display: block; } .image-76 { border-width: 3px; box-shadow: 6px 6px 0 0 #e350cc; } .text-block-home-copy-copy { padding-right: 0px; } .text-block-home-copy-copy { padding-right: 0px; } .div-block-1070 { margin-bottom: 18px; } .lottie-animation-3 { left: 26px; top: -533px; } .lottie-animation-4 { left: 152px; top: -554px; } .section-26 { margin-top: 2px; padding-right: 10px; padding-left: 10px; } .bravo-tag { margin-top: 30px; margin-bottom: 30px; padding-right: 5px; padding-left: 5px; border: 3px solid #000; border-radius: 4px; background-color: #fff; box-shadow: 5px 5px 0 0 #0146e0; font-size: 13px; font-weight: 500; } .text-block-home-copy-copy { margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; } .div-block-1072 { margin-top: 100px; margin-bottom: 100px; padding-right: 0px; padding-left: 0px; } .div-block-1073 { margin-top: 100px; margin-bottom: 100px; padding-right: 0px; padding-left: 0px; } .image-78 { left: 64px; top: 27px; width: 24%; } .div-block-1075 { left: -11px; top: -65.641px; display: block; } .column-feature-img-right-copy { margin-top: 238px; margin-left: 10px; padding-right: 10px; padding-left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-79 { left: 218px; top: 65px; width: 25%; border-radius: 11px; box-shadow: 6px 6px 0 0 #0146e0; } .text-block-home-copy-copy { margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; } .text-block-home-copy-copy-copy { width: 60%; margin-top: 24px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; } .div-block-1077 { width: auto; } .jello-div-copy { display: none; } .column-26 { display: none; } .column-27 { display: block; } .lottie-animation-7 { left: 91px; top: 119.984px; bottom: 60.0313px; width: 40%; } .lottie-animation-8 { top: 85.984px; } .lottie-animation-6-copy { top: 266.297px; } .lottie-animation-9-copy { left: 186px; top: 128.984px; width: 88px; } .column-28 { padding-top: 46px; } .section-27 { display: none; } .subtitle-lottie { text-align: center; } .text-block-left { margin-top: 0px; margin-bottom: 32px; padding-right: 0px; text-align: left; } .get-started-section { display: none; } .div-block-1079 { margin-top: 28px; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .div-block-1094 { margin-left: 0px; padding-right: 10px; } .div-block-1095.absolute { left: 27px; top: 11px; } .form-newsletter { margin-top: 0px; -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; } .form-newsletter.left { margin-right: 0px; margin-left: 0px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .columns-16 { margin-top: 0px; margin-bottom: 20px; } .container-25 { margin-bottom: 39px; } .link-block-23 { margin-bottom: 63px; } .footer-paragraph-copy-copy123 { margin-top: 28px; margin-bottom: 35px; text-align: center; } .column-36 { padding-right: 0px; padding-left: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .copyright { text-align: center; } .div-block-1101 { 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; } .onboarding { display: none; } .tutorial-step { margin-bottom: 17px; } .div-block-1104 { display: none; margin-top: 25px; -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; } .intro-step-text { margin-top: 0px; margin-bottom: 17px; padding-right: 33px; padding-left: 33px; text-align: center; } .columns-19 { padding-left: 0px; } .div-block-1106 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .intro-step-button { margin-right: 29px; margin-left: 29px; } .div-block-1107 { height: auto; } .roadmap-section { display: none; } .div-block-1109 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; padding-right: 20px; padding-bottom: 79px; padding-left: 20px; } .div-block-1103-copy2 { position: relative; margin-top: 47px; } .div-block-1105-copy { width: 3px; height: 100%; } .mobile-onboarding { display: block; } .column-38 { margin-bottom: 37px; } .column-39 { margin-bottom: 37px; } .column-40 { margin-bottom: 37px; } .column-41 { margin-bottom: 37px; } .timeline-div { -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; } .div-block-1110 { width: auto; } .div-block-1111 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main-title { margin-bottom: 0px; padding-right: 0px; padding-left: 0px; font-size: 50px; line-height: 53px; } .image-features { position: static; width: auto; max-width: 100%; margin-top: 0px; } .image-feature-lottie { position: static; left: 38px; width: 70%; } .lottie-animation-13 { position: absolute; left: 45px; top: 40px; right: 0px; width: 70%; } .text-paragraph-1 { margin-bottom: 0px; font-size: 14px; line-height: 24px; } .list-challenge-dots { padding-right: 0px; padding-left: 24px; } .title-main-challenge { font-size: 45px; line-height: 50px; } .prizes-columns { display: none; } .lottie-animation-14 { margin-bottom: 20px; } .colum-prizes { margin-top: 31px; } .text-reward { font-size: 14px; } .logo-sponsor { width: auto; height: 80px; } .columns-logos-sponsors { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .container-28 { padding-right: 10px; padding-left: 10px; } .column-46 { margin-bottom: 20px; } .prizes-columns-mobile { display: block; } .logo-sponsor-copy { width: auto; height: 80px; } .banner-challenge { height: auto; } .text-block-80 { line-height: 22px; } .top-title-container { padding-bottom: 11px; } .columns-madewith-cases { margin-bottom: 0px; } .madewith-column-img-right { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .madewith-column-text-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 10px; padding-left: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .container-text-img-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .feature---image-left { margin-bottom: 0px; padding-top: 0px; padding-right: 10px; padding-left: 10px; } .column-text-right { padding-right: 10px; padding-left: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .column-text-right.bg-video-list { margin-bottom: 20px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .collection-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .collection-list.featured { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .social-media-links { display: block; margin-bottom: 40px; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; text-align: left; } .newsletter-paragraph { margin-right: 0px; text-align: center; } .title-newsletter { text-align: center; } .column-56 { margin-bottom: 27px; padding-right: 0px; padding-left: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .columns-24 { padding-left: 0px; } .div-newsletter { width: auto; margin-top: 79px; } .div-bottom { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1119 { margin-top: 60px; } .medal { left: 184px; } .app-winner-icon { left: 184px; } .section-32 { padding-top: 114px; padding-bottom: 114px; } .title-2 { margin-top: 0px; margin-bottom: 21px; padding-right: 0px; line-height: 30px; text-align: center; } .div-block-1124 { padding-right: 0px; } .div-block-1121-copy { position: static; left: -3.6161px; width: auto; margin-top: 50px; } .div-block-1126 { height: auto; padding-right: 20px; padding-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-94 { position: static; } .tab-link-tab-1 { padding-right: 20px; padding-left: 20px; text-align: center; } .tab-link-tab-1.w--current { text-align: center; } .tab-link-tab-2 { padding-right: 20px; padding-left: 20px; text-align: center; } .tab-link-tab-2.w--current { padding-right: 20px; padding-left: 20px; } .tabs-menu-2 { display: -ms-grid; display: grid; margin-top: 74px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-items: stretch; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; text-align: center; } .section-36 { height: auto; margin-top: 100px; margin-bottom: 100px; } .tag-block { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tag-block-text { width: auto; margin-top: 32px; margin-left: 0px; } .div-block-1130 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1131 { width: auto; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } .youtube-2 { border-width: 3px; box-shadow: 6px 6px 0 0 #ffce1f; } .image-97-copy { position: static; width: auto; margin-left: 0px; padding-left: 20px; } .section-38 { margin-bottom: 46px; -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; } .image-99 { width: 100vw; } .slider-3 { width: auto; } .nav-link-section-copy { position: relative; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; } .div-block-1136 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-102 { width: 80%; } .text-block-83 { width: 80%; margin-top: 53px; margin-left: 0px; } .div-block-1137 { margin-bottom: 0px; } .dropdown-2 { display: none; } .text-block-84 { display: block; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .text-block-85 { text-align: center; } .text-block-86 { text-align: center; } .nav-link-section-mobile { position: relative; display: block; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; } .call-to-action-button-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-29-copy { margin-top: 26px; } .text-block-37-copy-copy-copy-copy { margin-top: 0px; margin-bottom: 65px; font-family: Pulpdisplay, sans-serif; color: #490d82; font-size: 15px; line-height: 18px; font-weight: 400; text-align: center; } .bold-text-12 { font-size: 45px; } .container-31 { margin-bottom: 108px; } .cta-text-div { 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; text-align: center; } .image-91-copy { display: inline-block; width: 250px; text-align: center; } .section-34-copy { margin-top: 90px; padding-right: 20px; padding-left: 20px; } .nav-link-section-copy { position: relative; display: none; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; } .section-35-copy234 { height: auto; margin-top: 100px; margin-bottom: 100px; padding-left: 0px; } .columns-27 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-58 { margin-top: 30px; -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; text-align: center; } .link-block-27 { margin-bottom: 14px; } .container-33 { margin-top: 39px; } .columns-28 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-59 { padding-right: 0px; padding-left: 0px; } .field-label-copy { width: auto; margin-bottom: 0px; } .column-60 { padding-right: 0px; padding-left: 0px; } .text-block-59-copy { margin-right: 20px; margin-left: 20px; padding-left: 0px; font-size: 60px; line-height: 65px; text-align: center; } .text-block-home-copy1 { margin: 17px 20px 25px; padding-right: 0px; text-align: center; } .div-block-1143 { width: auto; margin: 0px 0px 20px; } .section-40 { margin-top: 75px; } .paragraph { padding-right: 20px; padding-left: 20px; font-size: 13px; line-height: 20px; } .div-block-1144 { margin-top: 48px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .section-41 { padding: 20px 10px 119px; } .image-105 { width: auto; margin-top: 62px; } .text-block-59-copy-copy123123 { margin-right: 20px; margin-left: 20px; font-size: 60px; line-height: 65px; text-align: center; } .section-42 { padding-top: 19px; padding-bottom: 37px; } .div-block-1146 { width: auto; } .columns-29 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-109 { display: none; } .form-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .div-block-1149 { margin-bottom: 0px; } .div-block-1151 { position: static; left: 83px; top: -82px; width: 120px; height: 120px; margin-bottom: 14px; } .div-block-1152 { width: 260px; height: 390px; margin-bottom: 3px; padding-top: 25px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section-44 { margin-top: 30px; } .section-45 { margin-top: 0px; } .bravo-expert-title { margin-top: 0px; margin-right: 20px; margin-left: 20px; font-size: 40px; line-height: 46px; } .bravo-expert-subtitle { padding-right: 26px; padding-left: 26px; font-size: 16px; } .collection-item-3 { margin-right: 10px; margin-left: 10px; } .section-46 { margin-top: 0px; } .expert-description-block { padding-top: 10px; padding-left: 0px; } .expert-contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-95 { width: auto; padding-right: 10px; padding-left: 10px; } .disclaimer-box { padding-right: 24px; padding-left: 24px; } .expert-apply { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1159 { padding-left: 10px; } .form-4 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .section-48 { padding-top: 53px; padding-bottom: 100px; } .section-48-copy { padding-top: 100px; padding-bottom: 100px; } .brave-subtitle { margin: 54px 10px 59px; padding-left: 0px; font-size: 35px; line-height: 40px; } .brave-subtitle-1 { margin-right: 0px; margin-left: 0px; font-size: 35px; line-height: 40px; } .div-block-1160 { padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .image-113 { left: 20px; width: 80%; } .section-48-copy-copy { padding-top: 100px; padding-bottom: 100px; } .call-to-action-button-green { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1163 { margin-right: 13px; padding-right: 20px; padding-left: 20px; } .columns-33 { margin-bottom: 0px; } .brave-subtitle-1-copy { margin-right: 0px; margin-left: 0px; font-size: 35px; line-height: 40px; } .div-block-1170 { margin-top: 20px; padding-left: 0px; } .div-block-1171 { padding-left: 0px; } .text-block-60-copy { padding-right: 0px; padding-left: 0px; color: #490d82; } .column-66 { height: 100px; margin-bottom: 40px; } .columns-34 { margin-top: 40px; } .image-114 { left: 132px; bottom: 42px; max-width: 60%; } .section-48-copy-copy-copy { padding-top: 100px; padding-bottom: 100px; } .grid-4 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto auto; grid-template-rows: auto auto auto auto; } .container-39 { padding-right: 20px; padding-left: 20px; } .brave-subtitle-2 { margin-right: 10px; margin-left: 10px; padding-left: 0px; font-size: 15px; line-height: 25px; } .div-block-1176 { margin-bottom: 45px; } .brave-subtitle-copy { margin-top: 0px; margin-right: 10px; margin-left: 10px; padding-left: 0px; font-size: 35px; line-height: 45px; } .section-48-copy-copy { padding-top: 100px; padding-bottom: 100px; } .text-block-97 { margin-top: 33px; margin-bottom: 20px; } .brave-subtitle-copy-copywer { margin-top: 0px; margin-left: 0px; padding-left: 0px; font-size: 35px; line-height: 40px; text-align: center; } .section-49 { padding-top: 100px; padding-bottom: 46px; } .brave-subtitle-1-copyfgh { margin-right: 0px; margin-left: 0px; font-size: 33px; line-height: 40px; text-align: left; } .div-block-1178 { grid-column-gap: 10px; grid-row-gap: 10px; } .div-block-1179 { height: 90px; -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; grid-column-gap: 10px; grid-row-gap: 10px; } .brave-subtitle-1-copyfgh-copy { margin-top: 12px; margin-right: 0px; margin-left: 0px; font-size: 20px; line-height: 25px; text-align: center; } .success-message-4 { margin-bottom: 30px; padding-right: 10px; padding-bottom: 16px; padding-left: 10px; } .text-block-98 { padding-bottom: 15px; } .div-block-1180 { margin-top: 23px; margin-bottom: 64px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .container-40 { padding-right: 21px; padding-left: 10px; } .text-block-60-copydfgdfg { padding-right: 0px; padding-left: 0px; color: #0146e0; text-align: center; } .section-50 { padding-top: 100px; padding-bottom: 100px; } .container-41 { padding-right: 20px; padding-left: 20px; } .brave-subtitle-copy-copynk { margin-top: 0px; margin-right: 10px; margin-left: 10px; padding-left: 0px; font-size: 35px; line-height: 45px; } .grid-6 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-6-copy { margin-top: 0px; -ms-grid-columns: 2.75fr; grid-template-columns: 2.75fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .image-116 { width: auto; } .column-68 { padding-left: 0px; } .image-105-copy { width: auto; margin-top: 0px; } .text-block-60-copy-copyxcv { padding-right: 0px; padding-left: 0px; color: #056d38; } .div-block-1187 { margin-bottom: 0px; } .div-block-1188 { margin-top: 34px; } .div-block-1189 { margin-bottom: 38px; } .container-42 { padding-right: 10px; padding-left: 10px; } .div-block-1192 { padding-left: 0px; } .div-block-1193 { margin-bottom: 44px; } .container-43 { padding-right: 10px; padding-left: 10px; } .link-block-14-copy234234 { width: auto; margin-right: 0px; margin-bottom: 31px; margin-left: 0px; } ._09587657804596845 { width: auto; margin-right: 0px; margin-bottom: 31px; margin-left: 0px; } .brave-subtitle-copy-copywer-copy7 { margin-top: 0px; margin-left: 0px; padding-left: 0px; font-size: 35px; line-height: 40px; text-align: center; } .call-to-action-button-copy123123-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tabs-content { margin-bottom: 40px; } .image-119 { width: 80px; margin-right: 0px; border-radius: 6px; } .status-top-bar-banner { height: auto; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; } .section-51 { padding: 41px 15px 57px; } .text-block-102 { font-size: 15px; line-height: 20px; } .text-block-103 { font-size: 15px; line-height: 25px; } .div-block-1198 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; margin-bottom: 10px; padding-right: 0px; padding-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; grid-column-gap: 20px; grid-row-gap: 20px; } .div-block-1199 { margin-top: 0px; } .text-block-104 { text-align: center; } .text-block-105 { font-size: 30px; line-height: 38px; text-align: center; } .text-block-106 { margin-bottom: 32px; padding-right: 30px; text-align: center; } .text-block-105-copy { font-size: 35px; line-height: 40px; } .div-block-1200 { display: none; } .div-block-1201 { left: 256px; display: none; } .columns-37 { width: auto; text-align: center; } .div-block-1202 { margin-bottom: 42px; } .div-block-1201-copy { left: 256px; } .div-block-1201-copy435 { left: 256px; } .image-123 { margin-right: 0px; } .image-124 { margin-bottom: 46px; } .text-block-103-copyvfd { text-align: center; } .columns-38 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-120-copy { width: 40px; } .columns-39 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .columns-40 { 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; } .div-block-1203 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .section-51-copy { padding-top: 76px; padding-bottom: 76px; } .column-76 { padding-right: 0px; padding-left: 0px; } .column-77 { padding-right: 0px; padding-left: 0px; } .form-4-copy234 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 90px; -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; } .div-block-1207 { margin-bottom: 38px; } .div-block-1201-copy435-copysfdd { left: 256px; } .section-51-copy23423 { padding: 41px 15px 57px; } .beginner-be-brave-banner { height: 60px; background-size: cover; } .top-banner-text-copy { padding-right: 30px; padding-left: 30px; } .title-detail-careers { font-size: 60px; line-height: 70px; } .title-faq-copy-copy-copy { font-size: 28px; } .color-circle-copy123f { width: 40px; height: 40px; } .brave-ebooks { padding-top: 100px; padding-bottom: 100px; } .div-block-1212 { position: absolute; left: -21px; top: 102px; right: 0px; display: block; width: 300px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-108 { font-size: 30px; line-height: 35px; } .form-tesaer-container { display: block; width: 300px; height: auto; } .div-block-1216 { position: relative; left: 1px; top: 20px; right: 10px; bottom: 10px; } .link-block-34 { left: 136px; top: 38px; right: 1px; bottom: -4.9844px; } .link-block-34-copy { left: 2px; top: 47px; right: 128px; bottom: -2.9844px; } .div-block-1217 { left: 0px; top: 21px; right: 0px; bottom: 0px; } .form-5 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .form-block-6 { 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; } .text-field-5 { font-size: 12px; } .submit-button { padding-right: 10px; padding-left: 10px; font-size: 12px; } .text-block-109 { font-size: 14px; line-height: 18px; } .text-block-95-copysdf { width: auto; padding-right: 10px; padding-left: 10px; } .appear-when-hover-copy-copydgdfgdfg { display: block; width: 100%; height: auto; } .desktop-popup-teaser { position: relative; display: none; } .div-block-1216-copy { position: relative; left: 17px; top: 46px; right: 10px; bottom: 10px; } .grid-7 { padding-right: 10px; padding-left: 10px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .div-block-1220 { width: 130px; height: 130px; } .text-block-111 { font-size: 50px; line-height: 60px; } .text-block-112 { font-size: 16px; } .call-to-action-button-ebook { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 130px; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: 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; font-size: 13px; } .div-block-1220-r { width: 130px; height: 130px; } .text-block-111-r { font-size: 50px; line-height: 60px; } .text-block-112-r { font-size: 16px; } .div-block-1220-a { width: 130px; height: 130px; } .text-block-111-a { font-size: 50px; line-height: 60px; } .text-block-112-a { font-size: 16px; } .div-block-1220-v { width: 130px; height: 130px; } .text-block-111-v { font-size: 50px; line-height: 60px; } .text-block-112-v { font-size: 16px; } .div-block-1220-e { width: 130px; height: 130px; } .text-block-111-e { font-size: 50px; line-height: 60px; } .text-block-112-e { font-size: 16px; } .beginner-ebook-popup { width: auto; height: 600px; margin-right: 16px; margin-left: 13px; padding-top: 7px; padding-right: 15px; padding-left: 15px; text-align: center; } .download-ebook-popup-title { margin-top: 0px; margin-left: 0px; padding-left: 0px; font-size: 35px; line-height: 40px; text-align: center; } .image-128 { width: 150px; max-width: none; } .columns-42 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .ebook-popup-form-submit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1226 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1227 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1061-copy12-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 200px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-style: none; background-color: #f3f6e6; background-position: 50% 10%; background-size: auto; } .main-title-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0px 10px 47px; background-image: none; background-size: auto; background-repeat: repeat; } .main-title-section._3-0._2 { padding-top: 45px; } .title-text-1 { width: auto; color: #0146e0; font-size: 30px; line-height: 35px; } .title-text-3 { width: auto; color: #0146e0; font-size: 13px; line-height: 18px; } .title-text-3.pink { margin-bottom: 0px; } .title-text-3.blog.black { font-size: 12px; line-height: 20px; } .title-text-3.blogpage.headermobile { font-size: 11px; } .title-text-3.gray { font-size: 13px; line-height: 18px; } .div-block-1228 { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 25px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1231 { display: none; width: 95vw; margin-top: 8px; -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-build-design { padding: 60px 20px; } .columns-43 { width: auto; } .div-block-1232 { padding-left: 0px; } .title-text-2 { width: auto; padding-right: 0px; font-size: 14px; line-height: 20px; } .title-text-2.purple { font-size: 25px; line-height: 30px; } .title-text-2.black.ebook { font-size: 14px; line-height: 20px; } .div-block-1233 { margin-top: 19px; margin-bottom: 0px; } .div-block-1234 { padding-right: 0px; text-align: left; } .column-82 { padding-right: 0px; padding-left: 0px; } .div-block-1236 { width: auto; } .hover-menu-box { display: none; } .hover-lottie { display: none; } .container-hover-box { display: none; } .top-bar-hover { display: none; } .top-bar-hover-box { display: none; } .hover-audio-box { display: none; } .hover-play-box { display: none; } .hover-aspect-box { display: none; } .section-testimonials { padding-top: 60px; padding-bottom: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1239 { margin-top: 10px; margin-bottom: 10px; } .column-83 { margin-top: 0px; padding-right: 0px; padding-left: 0px; } .testimonial-phone-hide { display: block; } .section-connect-to-data { padding: 60px 20px; } .columns-45 { width: auto; } .div-block-1232-copy { padding-left: 0px; } .column-85 { height: auto; margin-bottom: 17px; padding-left: 0px; } .column-86 { height: auto; padding-top: 40px; padding-right: 0px; padding-left: 0px; } .column-87 { margin-top: 40px; } .div-block-1240 { display: none; } .airtable-hover-img { display: inline-block; } .div-block-1242 { display: none; } .div-block-1243 { display: none; } .section-experience-real-app { padding: 60px 20px; } .image-136 { max-width: 100%; margin-top: 35px; } .section-roadmap { display: block; height: auto; padding: 100px 20px; } .grid-8 { width: auto; margin-right: 0px; padding: 20px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto auto auto; grid-template-rows: auto auto auto auto auto; text-align: center; } .roadmap-box { display: block; width: auto; text-align: left; } .div-block-1247 { margin-bottom: 32px; } .section-made-with-bravo { padding: 60px 20px; } .columns-47 { width: auto; } .title-text-2-red { width: auto; font-size: 40px; line-height: 45px; } .title-text-3-red { width: auto; color: #d2392e; font-size: 12px; line-height: 14px; } .image-138 { position: static; left: 0px; top: 0px; border-radius: 10px; } .madewithbravo-box { margin-bottom: 14px; } .image-138-copy { left: -49px; top: -263px; display: none; border-radius: 10px; } .div-block-1250 { margin-bottom: 22px; } .div-block-1251 { margin-bottom: 96px; } .div-block-1252 { margin-top: 48px; } .call-to-action-buttonred { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .testimonial-box { width: auto; margin-top: 40px; padding: 0px; } .columns-49 { width: auto; } .column-88 { margin-bottom: 31px; padding-right: 0px; padding-left: 0px; } .column-89 { padding-right: 0px; padding-left: 0px; } .div-block-1258 { margin-bottom: 40px; padding-right: 0px; } .div-block-1259 { width: auto; margin-bottom: 40px; } .div-block-1260 { margin-bottom: 40px; } .column-90 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .column-91 { position: static; padding-right: 0px; padding-left: 0px; } .div-block-1261 { width: auto; } .call-to-action-button-lightbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .call-to-action-button-lightbox.yellow { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .div-block-1263 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; } .columns-50 { width: auto; -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; } .call-to-action-button-yellow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .call-to-action-button-yellow._3-0 { padding: 5px 15px; font-size: 11px; } .div-block-1265 { width: 270px; margin-bottom: 12px; } .image-141 { display: block; } .div-block-1267 { margin-top: 0px; } .div-block-1268 { width: auto; } .nav-link-section-copy { position: relative; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; } .div-block-1270 { display: block; -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; } .div-block-1271 { display: none; } .div-block-1272 { width: auto; padding-right: 10px; padding-left: 10px; } .div-block-1273 { width: auto; } .columns-52 { width: auto; } .section-53 { padding: 40px 20px; } .column-92 { padding-right: 0px; padding-left: 0px; } .div-block-1275 { margin-bottom: 27px; } .section-54 { padding-top: 40px; padding-bottom: 40px; text-align: center; } .grid-9 { width: auto; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .div-block-1276 { width: 120px; height: 120px; padding-top: 10px; padding-bottom: 10px; } .text-block-118 { font-size: 20px; } .text-block-119 { font-size: 20px; } .text-block-119.ready { font-size: 20px; } .call-to-action-button-course { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 120px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-block-120 { font-size: 40px; line-height: 40px; } .text-block-120.ready { line-height: 40px; } .columns-53 { width: auto; } .section-55 { padding: 11px 10px 40px; } .section-57 { padding-right: 10px; padding-left: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .section-57.ready { padding-right: 10px; padding-left: 10px; } .columns-54 { width: auto; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-145 { max-width: 120px; } .image-145.ready { margin-right: 21px; } .column-94 { padding-right: 0px; } .lightbox-link-4 { margin-right: 10px; } .column-95 { padding-right: 0px; } .div-block-1281 { padding-right: 10px; } .column-97 { margin-top: 32px; padding-right: 0px; padding-left: 0px; } .section-59 { padding-right: 10px; padding-left: 10px; } .div-block-1285 { margin-left: 0px; } .div-block-1286 { width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .image-147 { margin-top: 0px; margin-bottom: 0px; } .div-block-1288 { padding-right: 0px; } .div-block-1289 { width: auto; } .div-block-1291 { margin-bottom: 0px; } .div-block-1293 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1296 { padding-right: 0px; padding-left: 0px; } .div-block-1297 { padding-right: 0px; padding-left: 0px; } .image-148 { width: 80px; } .lightbox-link-5 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: auto; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .lightbox-link-5._3-0.main { width: 90%; height: 150px; } .columns-56 { width: 95vw; } .section-60 { padding-top: 47px; padding-bottom: 40px; } .section-61 { padding: 40px 10px; } .div-block-1300 { margin-bottom: 21px; } .background-video-9 { width: auto; height: 150px; margin-top: 24px; } .section-62 { padding: 40px 10px; } .div-block-1304 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .div-block-1306 { padding-right: 10px; padding-left: 10px; } .section-63 { padding-bottom: 40px; } .background-video-9-copy { overflow: visible; width: 100vw; height: 180px; margin-top: 8px; } .columns-58 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-100 { margin-top: 26px; padding-right: 0px; padding-left: 0px; } .section-65 { padding-top: 60px; padding-bottom: 60px; } .background-video-11 { width: 90vw; height: 180px; border-width: 2px; border-radius: 7px; box-shadow: 7px 7px 0 0 #e350cc; } .section-64-copy1 { padding-top: 40px; } .section-64-copy2 { padding-top: 60px; padding-bottom: 60px; } .columns-59 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .column-102 { margin-top: 26px; padding-right: 0px; padding-left: 0px; } .section-66 { display: none; padding: 40px 10px; } .section-67 { padding: 60px 10px 0px; background-color: #470137; } .lottie-animation-19 { width: 300px; margin-top: -31px; } .terms-parragraph-copy { font-size: 14px; line-height: 28px; } .terms-parragraph-1 { font-size: 14px; } .terms-parragraph-copy-copy { font-size: 14px; } .column-104 { padding-right: 0px; padding-left: 0px; } .column-105 { padding-right: 0px; padding-left: 0px; } .lottie-animation-20._1 { left: -2%; top: -11%; right: 0%; bottom: 0%; width: 10%; border-style: none; } .lottie-animation-20._2 { left: 78%; top: 20%; right: 0%; bottom: 0%; width: 15px; } .lottie-animation-20._3 { width: 7%; } .div-block-1322 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .image-155 { margin-left: 0px; } .div-block-1323 { width: auto; } .text-block-124 { margin-right: 0px; } .div-block-1324 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1324.hidden { display: none; } .collection-item-6 { width: 250px; height: 200px; margin-right: 0px; margin-bottom: 27px; margin-left: 0px; } .collection-list-6 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .container-47 { padding-right: 10px; padding-left: 10px; } .div-block-1327 { margin-bottom: 69px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1330 { margin-top: 28px; } .typed-text { width: 100%; height: 50px; font-size: 30px; line-height: 35px; } .main-title-section-old { display: none; padding: 0px 20px 20px; background-image: none; background-size: auto; background-repeat: repeat; } .rich-text-block-2 { padding-right: 10px; padding-left: 10px; } .universal-container { width: 100%; margin-top: 0px; } .columns-60 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .columns-60.blog { padding-right: 0px; padding-left: 0px; } .started-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .universal-main-section { padding-right: 10px; padding-left: 10px; } .universal-main-section.links { height: 100vh; padding-bottom: 60px; } .universal-section { padding-right: 10px; padding-left: 10px; } .universal-section._2 { padding-top: 0px; padding-right: 10px; padding-left: 10px; } .universal-section._3 { padding-top: 0px; } .div-block-1338 { margin-bottom: 10px; } .crashcourse-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .div-block-1339 { margin-top: 10px; } .grid-tutoriales { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .tutorial-title { font-size: 22px; } .tutorial-subtitle { font-size: 13px; line-height: 17px; } .tutorial-title-3 { font-size: 12px; line-height: 18px; font-weight: 500; } .div-block-1340 { width: 60px; height: 60px; } .grid-ui-kits { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .uikit-subtitle { font-size: 14px; } .column-110 { padding-right: 0px; padding-left: 0px; } .column-111 { padding-right: 0px; padding-left: 0px; } .div-block-1342 { width: auto; } .image-156 { left: 10px; bottom: 10px; width: 20px; } .collection-list-7 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-list-7.detail { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-item-7 { width: 130px; height: 130px; margin-right: 12px; } .collection-list-8 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .tabs-menu-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-block-1343 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 150px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .sample-app-subtitle { font-size: 14px; } .videos-subtitle { font-size: 14px; } .div-block-1344 { width: 75%; } .div-block-1344._75 { width: 75%; } .div-block-1345 { display: none; } .academy-view-all { font-size: 10px; line-height: 14px; } .div-block-1346 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 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; text-align: left; } .column-110-copy { padding-top: 16px; padding-right: 0px; padding-left: 0px; } .story-columns { padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; background-color: #fff; background-clip: border-box; -webkit-text-fill-color: inherit; } .story-columns.reverse { overflow: hidden; padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border-style: none; } .our-story-title { width: auto; height: auto; padding: 0px; background-color: transparent; background-image: none; box-shadow: none; text-align: left; } .our-story-box { left: 7.938px; top: 239px; width: auto; padding: 0px; background-color: transparent; box-shadow: none; } .image-163 { margin: 0px; } .story-column-right { margin: 0px; padding: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border-style: none; border-width: 2px; border-color: #373731; background-color: transparent; font-style: normal; } .timeline-point { display: none; } .timeline-line-down { display: none; } .image-164 { display: none; } .story-date-left { margin-bottom: 0px; padding: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .image-164-copy { width: 40px; } .story-column-middle { display: block; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-bottom: 2px solid #373731; } .timeline-side-line { display: none; } ._1 { margin-top: 10px; margin-bottom: 10px; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 7px; } ._3 { overflow: hidden; } .image-164-copy-copy { display: none; } .image-165 { width: auto; } .container-49 { padding-right: 20px; padding-left: 20px; } .link-24 { font-size: 14px; line-height: 14px; } .link-25 { font-size: 14px; line-height: 14px; } .collection-list-wrapper-5 { margin-top: 20px; padding-right: 0px; padding-left: 0px; } .collection-list-wrapper-5.featured { margin-top: 10px; } .div-block-1353 { width: 100%; } .div-block-1355 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .madewithbravo-download-link { margin-right: 0px; } .s-collection-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-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; } .s-collection-box.featured { width: auto; height: auto; } .blogpost-subtitle { font-size: 14px; } .blogpost-title-3 { padding-right: 4px; color: #9fa1ac; font-size: 12px; } .div-block-1357 { padding: 10px 10px 20px 20px; } .div-block-1358 { width: 90vw; } .blogpage-container { width: auto; } .div-img-main-blog { height: auto; margin-top: 0px; } .div-block-1362 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .column-117 { padding-top: 10px; padding-left: 0px; } .div-block-1364 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .image-172 { width: 150px; } .collection-list-9 { width: auto; } .image-174 { width: 60px; } .image-174.mian { left: 38%; top: 25%; right: 25%; bottom: 25%; width: 60px; } .div-block-1365 { width: 100%; } ._3-0.features { padding-top: 65px; } .div-block-1366 { width: 90vw; } .s-hover-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto; } .s-hover-grid._4-blocks { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto auto; grid-template-rows: auto auto auto auto; } .feature-text-block { display: none; } .columns-64 { 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; } .image-175 { border-radius: 7px; box-shadow: 7px 7px 0 0 #50e3c2; } .column-118 { margin-bottom: 24px; padding-left: 10px; } .image-175-copy { border-radius: 7px; box-shadow: 7px 7px 0 0 #50e3c2; } .column-119 { margin-bottom: 24px; } .columns-64-copy { 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; } .collection-item-11 { height: auto; } .card-icon { width: 50px; height: 50px; margin: 0px; } .card-icon.highlight { width: 50px; height: 50px; } .card-link { width: 100%; } .card-link.yellow { margin-top: 0px; } .column-120 { padding-right: 0px; padding-left: 0px; } .collection-list-10 { padding-right: 24px; padding-left: 24px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .image-165-copy { width: auto; } .collection-list-11 { display: -ms-grid; display: grid; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 10px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .app-img-box { display: block; width: 100%; height: 100px; max-height: 100px; margin-top: 0px; } .app-img-box.featured { height: 200px; max-height: 200px; } .image-181 { top: 0px; display: block; } .image-181-copy { top: 16px; } .mwb-title { font-size: 18px; line-height: 24px; } .collection-list-13 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .image-184 { width: 100px; border-radius: 6px; } .columns-67 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .grid-12 { margin-right: 25px; margin-left: 25px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .column-126 { height: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .columns-68 { 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; } .div-block-1385 { padding-right: 29px; padding-left: 29px; } .columns-69 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 70px; padding-right: 0px; padding-left: 0px; } .column-128 { padding-right: 0px; padding-left: 0px; } .columns-68-copy { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-186 { margin-bottom: 20px; } .div-block-1387 { margin-top: 20px; margin-bottom: 20px; } .image-187 { margin-bottom: 20px; } .div-block-1388 { margin-top: 20px; margin-bottom: 20px; padding-right: 0px; } .columns-68-copy-copy { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .column-126-copy { height: auto; padding-left: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .image-187-copy { margin-bottom: 20px; } .column-129 { padding-right: 0px; padding-left: 0px; text-align: center; } .div-block-1389 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .s-title-xl.blue { font-size: 45px; line-height: 50px; text-align: left; } .s-title-xl.blue.title { font-size: 60px; } .s-title-xl.pink { font-size: 45px; line-height: 50px; } .s-title-xl.green { font-size: 45px; line-height: 50px; } .s-title-xl.green.right { text-align: center; } .s-title-xl.purple.right { text-align: center; } .s-container { padding: 60px 20px; } .s-container.centered { display: block; } .s-container.center { padding-right: 20px; padding-left: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s-container.menu { position: relative; z-index: 2; } .s-container.text { padding-right: 20px; padding-left: 20px; } .s-container.right { text-align: center; } .s-container.feature---image-left { padding-top: 60px; padding-bottom: 60px; } .s-container.feature---image-left.index { padding-top: 20px; padding-bottom: 20px; } .s-container.feature---image-left.index.blue { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #dff4ff; } .s-container.feature---image-left.index.orange { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #ffeae2; } .s-container.feature---image-left.index.yellow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff3c5; } .s-container.feature---image-left.index.green { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #ebfff3; } .s-container.feature---image-left.index.pink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #f4e9ff; } .s-container.feature---image-left.index.purple { background-color: #f4e9ff; } .s-container.feature---image-left.index.white { background-color: #f1f1f1; } .s-container.feature---image-left.index.lightgrey { background-color: #e7e7e7; } .s-container.img-absolute { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 60px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .s-container.no-margin { padding-top: 0px; padding-bottom: 0px; } .s-paragraph { width: auto; font-size: 13px; line-height: 18px; } .s-paragraph.white { text-align: left; } .s-paragraph.white.center-mobile { text-align: center; } .s-paragraph.bold { font-weight: 700; } .s-paragraph.bold.table-subtitle { margin-bottom: 0px; } .s-paragraph.gray { text-align: left; } .s-paragraph.banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #373731; text-align: center; } .s-paragraph.banner.white { color: #fff; } .s-paragraph.banner.white.bold { color: #263238; } .s-paragraph.banner.yellow { color: #ffce1f; } .s-paragraph.banner.pink { display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; } .s-paragraph.mobile-mod-1 { display: block; } .s-paragraph.no-margin.interlign { line-height: 21px; } .s-divider { display: block; overflow: hidden; height: 20px; } .s-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; line-height: 19px; font-style: normal; } .s-button.yellow { font-size: 15px; line-height: 19px; } .s-button.mobile { display: block; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .s-button.black { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 14px; } .s-button.black.fill { font-size: 14px; } .s-button.black.s-navlink { padding-top: 9px; } .s-button.black.withicon { width: 120px; } .s-button.blue.s-navlink.mod { padding-top: 9px; font-size: 14px; } .s-button.inactive { margin-bottom: 0px; } .s-button.purple { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 14px; } .s-button.purple.fill { font-size: 14px; } .s-button.purple.s-navlink { padding-top: 9px; } .s-button.purple.withicon { width: 120px; } .s-button.blueborder { padding-top: 20px; padding-bottom: 20px; } .s-button.pinkborder { padding-top: 20px; padding-bottom: 20px; } .s-button.greenborder { padding-top: 20px; padding-bottom: 20px; } .s-button.purpleborder { padding-top: 20px; padding-bottom: 20px; } .s-button.redborder { padding-top: 20px; padding-bottom: 20px; } .s-button.orange { border-style: solid; border-color: #ff7262; } .s-button.black-friday { margin-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 14px; } .s-button.black-friday.fill { font-size: 14px; } .s-button.black-friday.s-navlink { padding-top: 9px; } .s-button.black-friday.withicon { width: 120px; } .s-button._18 { padding-top: 10px; padding-bottom: 10px; } .s-section.blue { display: block; } .s-section.blue.index { display: block; } .s-section.black.landing-section._50vh-mobile { height: 50vh; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .s-section.black.header { padding-top: 0px; } .s-section.green { background-color: #ebfff3; } .s-section.purple { background-color: #f4e9ff; } .s-section.slider { padding: 0px; } .s-section.lightgrey { display: block; } .s-section.lightgrey.hide-desktop { display: block; } .s-section._100vh.black { height: auto; padding-top: 20px; } .s-section.header { padding-top: 0px; } .s-section.blueblack.overflow-visible { overflow: visible; } .s-section.blueblack.overflow-visible.hidden-mobile { display: none; } .column-130 { padding-right: 0px; } .div-block-1390 { width: 100%; } .grid-13 { grid-row-gap: 30px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .s-subtitle { width: auto; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 0px; color: #263238; } .s-subtitle.bold { font-size: 20px; line-height: 25px; } .s-subtitle.bold.gray { margin-bottom: 0px; } .s-subtitle.black { font-size: 17px; line-height: 24px; } .s-subtitle.center.darkblue { color: #0146e0; } .s-subtitle.center.white._80wide { width: 100%; } .s-subtitle.nospace { padding-top: 0px; } .s-subtitle.bullet-icon-point { text-align: center; } .s-subtitle.bullet-icon-point.left { text-align: left; } .s-subtitle.no-margin { margin-bottom: 0px; } .slider-4 { height: auto; } .s-divider-15 { margin-bottom: 0px; } .s-divider-15.mod { display: none; } .s-divider-15.mod.mobile { display: none; } .s-divider-15.mod.mobile.menu { display: none; } .s-divider-15.mod.menu { display: block; margin-bottom: 20px; } .s-divider-15.mobile { display: none; } .s-divider-15.menu { display: none; } .columns-72 { padding-right: 0px; padding-left: 0px; } .image-189 { height: auto; } .column-134 { height: auto; padding-top: 36px; } .background-video-13 { height: 150px; } .background-video-14 { width: 260px; height: 90px; } .typer { width: auto; color: #e350cc; font-size: 25px; line-height: 30px; } .typer.fontsize70 { color: #fff; } .image-191 { margin-top: 48px; } .left-arrow { display: none; } .right-arrow-2 { display: none; } .column-135 { padding-top: 25px; } .html-embed-5 { width: auto; } .s-body-gradient { background-color: #f3f6e6; background-image: none; background-position: 0px 0px; background-size: auto; background-attachment: scroll; } .s-title { font-size: 30px; line-height: 35px; } .image-194 { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 60px; } .lightbox-link-10 { z-index: 1; width: auto; margin-top: 0px; } .div-block-1394 { padding-top: 0px; } .column-137 { padding-top: 25px; } .div-block-1394-copy { padding-top: 0px; } .column-138 { padding: 23px 20px 0px; } .column-139 { padding-top: 18px; padding-bottom: 18px; } .columns-73 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .call-to-action-button-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 9px 24px; -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; font-size: 17px; } .call-to-action-button-copy.smlinks { padding-top: 10px; padding-bottom: 10px; font-size: 14px; } .call-to-action-button-copy._3-0 { padding: 5px 15px; font-size: 11px; } .call-to-action-button-copy.lightbox { margin-top: 20px; margin-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .column-140 { padding-right: 0px; padding-left: 0px; } .background-video-15 { height: 150px; } .div-block-94-copy { width: 100%; height: 65px; padding-right: 13px; padding-bottom: 15px; padding-left: 0px; } .menu-button-3-copy { position: relative; margin-right: 0px; padding: 0px; background-color: rgba(243, 246, 230, 0); } .menu-button-3-copy.w--open { margin-right: 15px; padding: 11px; border: 3px solid #000; box-shadow: 5px 5px 0 0 #50e3c2; } .columns-75 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-141 { margin-top: 32px; padding-left: 0px; } .navbar-2-copy { background-color: rgba(243, 246, 230, 0); } .navbar-2-copy.nobg { -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; } .column-142 { padding-bottom: 40px; padding-left: 0px; } .columns-76 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-143 { padding-left: 0px; } .div-newsletter-copy { width: auto; margin-top: 79px; } .footer-copy { padding-top: 59px; } .background-video-17 { width: 270px; height: 170px; } .div-block-1395-copy { width: auto; padding: 20px; } .image-200 { width: 30px; margin-right: 10px; } .column-144 { padding-right: 0px; padding-left: 0px; } .column-145 { margin-top: 30px; padding-right: 0px; padding-left: 0px; } .column-144-copy { padding-right: 0px; padding-left: 0px; } .image-200-copy { width: 30px; margin-right: 10px; } .div-block-1398 { margin-top: 41px; } .column-146 { padding-top: 28px; } .link-block-43 { margin-bottom: 35px; } .success-message-4-copy { margin-bottom: 30px; padding-right: 10px; padding-bottom: 16px; padding-left: 10px; } .form-block-4-copy { width: auto; } .div-block-1400 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 70px; padding-left: 70px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lottie-animation-23 { display: none; width: 40px; } .grid-14 { margin-bottom: 20px; grid-column-gap: 10px; grid-row-gap: 10px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .bravoexpert-icon-text-box { padding: 0px; } .column-147 { padding-right: 0px; } .columns-77 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .lottie-animation-25 { height: 300px; } .column-148 { height: auto; } .sticky-nav { padding: 0px; } .nav-grid { grid-auto-flow: row; grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 100px; grid-template-rows: 100px; } .nav-link { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #c4c4c4; } .list-item-4 { margin-top: 24px; margin-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-menulink { padding-top: 0px; padding-bottom: 8px; font-size: 14px; line-height: 15px; } .sticky-nav-dropdown-product { padding: 0px; } .list-item-5 { padding-top: 20px; } .s-nav-menu-grid { margin-bottom: 0px; padding-bottom: 20px; padding-left: 0px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; 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; border-bottom-style: none; } .s-nav-menu-grid.mod { margin-bottom: 20px; padding-bottom: 0px; grid-column-gap: 20px; grid-row-gap: 15px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; border-bottom-style: none; } .s-nav-menu-grid.modtablet { margin-bottom: 20px; padding-bottom: 0px; } .s-menuicon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-dropdown-columns { margin-bottom: 10px; padding-left: 0px; background-color: #f3f6e6; } .s-dropdown-columns.black { background-color: #161619; } .s-dropdown-submenu { z-index: 15; padding: 10px 0px 0px; border-bottom-style: none; background-color: #f3f6e6; } .s-dropdown-submenu.black { background-color: #161619; } .s-dropdown-news { display: none; padding: 0px; } .nav-container { padding-left: 10px; } .s-navemenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; } .s-navemenu.mod { position: absolute; top: 57px; padding-top: 10px; padding-bottom: 10px; background-color: #161619; } .dropdown-list-3.w--open { top: 96px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .navbar-3 { padding-top: 0px; padding-bottom: 0px; } .s-dropdown-toggle { padding-top: 0px; } .s-dropdown-toggle:hover { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-dropdown-toggle:active { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-dropdown-toggle:focus { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-navlink { padding-top: 0px; } .s-menu-arrow.index { margin-top: 0px; margin-bottom: 0px; } .s-menudivblock.s-navlink { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .s-menudivblock.s-navlink.white { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 4px; grid-row-gap: 4px; } .div-block-1410 { padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu-button-4.mod { background-color: rgba(243, 246, 230, 0); color: #fcfcfc; } .grid-2columns-8-4 { width: auto; height: auto; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-items: stretch; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-2columns-8-4.reverse { 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; } .grid-2columns-8-4.invert-mobile { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cta-box { -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-column-gap: 10px; grid-row-gap: 10px; } .column-150 { padding-top: 0px; padding-right: 0px; } .div-block-1413 { width: auto; padding-left: 0px; } .div-block-1413.center-mobile { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1414 { padding-right: 0px; } .div-block-1415 { padding-right: 0px; } .s-body-ivory { background-color: #f3f6e6; background-image: none; background-position: 0px 0px; background-size: auto; background-attachment: scroll; } .column-151 { padding-right: 0px; padding-left: 0px; } .image-208 { width: auto; margin-top: 20px; padding: 10px; border-radius: 0px; } .div-block-1416 { margin-top: 36px; padding-left: 0px; } .dropdown-bg { position: relative; z-index: 1; display: block; background-color: rgba(0, 0, 0, 0.43); } .s-tablink.w--current { font-size: 12px; line-height: 20px; } .s-tabsmenu { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .s-collectionlistgrid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; } .div-block-1424 { padding-right: 0px; } .app-text-box { height: auto; padding: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 20px; grid-row-gap: 20px; } .app-text-box.highlight { height: auto; padding: 10px 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .collection-list-11-copy { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .div-block-1430 { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .app-screenshots { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .columns-79 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-152 { padding-top: 34px; padding-right: 0px; padding-left: 0px; } .column-153 { padding-right: 0px; padding-left: 0px; } .title-text-3-copy { width: auto; color: #0146e0; font-size: 13px; line-height: 18px; } .title-text-3-copy.pink { margin-bottom: 0px; } .title-text-3-copy.blog.black { font-size: 12px; line-height: 20px; } .title-text-3-copy.blogpage.headermobile { font-size: 11px; } .title-text-3-copy.gray { font-size: 13px; line-height: 18px; } .column-154 { padding-right: 0px; padding-left: 0px; } .column-155 { padding-right: 0px; padding-left: 0px; } .columns-81 { -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; } .image-209 { margin-top: 0px; } .collection-list-11-copy { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .column-156 { padding-right: 0px; padding-left: 0px; } .grid-19 { justify-items: center; grid-column-gap: 5px; grid-row-gap: 5px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .s-icon { width: 30px; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .div-block-1435 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .div-icons { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid-21 { padding-right: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .img-xd { margin-top: 0px; margin-bottom: 0px; } .grid-22 { padding-left: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-block-1437 { padding-right: 0px; } .centered-container { text-align: left; } .subscribe-form-input-wrapper { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .subscribe-form-input { width: 100%; } .column-157 { margin-bottom: 20px; } .s-paragraph-link { width: auto; font-size: 13px; line-height: 18px; } .s-paragraph-link.bold { font-weight: 700; } .column-158 { margin-bottom: 20px; } .column-159 { margin-bottom: 20px; } .s-divider-10 { display: none; } .s-divider-10.mod.mobile { display: none; } .s-divider-10.mobile { display: none; } .div-block-1441 { padding-right: 50px; } .html-embed-9 { 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-block-1443 { margin-top: 20px; } .image-214 { left: 0%; top: auto; right: 0%; bottom: 0%; width: 80px; max-width: none; margin: 0px; } .video-building-mobile-apps { left: 11%; top: 16%; right: 28%; bottom: 13%; width: 80%; height: auto; margin: auto; border-style: solid; border-width: 2px; border-radius: 5px; } .column-161 { padding-right: 0px; padding-left: 0px; } .grid-24 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto auto; grid-template-rows: auto auto auto auto; } .grid-2columns-6-6 { padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .grid-2columns-6-6.reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid-2columns-6-6.pro-services { margin-top: 20px; } .grid-2columns-6-6.no-reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid-2columns-6-6.invert { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div--h2-sub { margin-top: 0px; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-162 { padding-right: 0px; padding-left: 0px; } .link-block-46 { margin-top: 22px; padding: 29px 16px; } .img-figma { margin-top: 0px; margin-bottom: 0px; } .image-194-copy { left: 41%; top: 24%; bottom: 59.9%; width: 21%; } .div-block-1450 { padding-right: 0px; padding-left: 0px; } .div-block-1451 { padding: 25px 16px; } .grid-28 { margin-top: 20px; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; grid-row-gap: 39px; } .grid-29 { -ms-grid-columns: 1.25fr; grid-template-columns: 1.25fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .background-video-19 { width: 100%; height: 180px; margin-top: 0px; } .div-block-1453 { width: 100%; padding-left: 0px; } .grid-30 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-31 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .grid-32 { grid-auto-flow: row dense; grid-column-gap: 10px; grid-row-gap: 11px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 50px 50px 50px 50px 50px; grid-template-rows: 50px 50px 50px 50px 50px; } .grid-features { 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; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .div-subscribe-newsletter { margin-right: 0px; } .div-block-1374-copy { width: 100%; height: 200px; padding: 10px; } .div-block-1374-copy.featured { height: 200px; } .image-218 { width: 60px; } .div-block-1457 { height: 90px; -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; } .columns-83 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid-35 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .div-block-1461 { padding-right: 20px; padding-left: 20px; } .top-banner-link { display: none; height: auto; padding: 40px 20px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62d565380493ec851cb58ce4_TopBanner-SummerPromo-mobile.png"); background-size: cover; } .top-banner-link.w--current { padding-right: 31px; padding-left: 31px; text-align: center; } .top-banner-link._2nd { display: block; padding-top: 20px; padding-bottom: 20px; background-color: #d2392e; } .column-163 { margin-bottom: 0px; } .html-embed-11 { display: none; } .column-165 { padding-right: 0px; padding-left: 0px; } .column-166 { margin-bottom: 20px; padding-right: 0px; padding-left: 0px; } .grid-37 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .s-navemenu-copy { padding-top: 0px; } .grid-38 { height: 300px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .grid-42 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .lottie-animation-26 { width: 200px; height: auto; } .grid-43 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .s-smalltext.centered { margin-top: 20px; } .collection-list-15 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .collection-list-16 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .image-225 { left: 25px; bottom: 57.383px; width: 13px; } .grid-46 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-47 { grid-row-gap: 21px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto; } .grid-48 { grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .lottie-animation-27 { width: auto; } .div-block-1484 { padding-right: 0px; } .div-block-1484.center-mobile { -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; } .grid-49 { -ms-grid-columns: minmax(200px, 1fr); grid-template-columns: minmax(200px, 1fr); -ms-grid-rows: auto auto auto auto; grid-template-rows: auto auto auto auto; } .image-228 { margin-top: 0px; margin-bottom: 0px; } .s-box-copy { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 10px; grid-row-gap: 10px; border-style: none; box-shadow: none; } .grid-51 { -ms-grid-rows: auto auto auto auto auto; grid-template-rows: auto auto auto auto auto; } .div-block-1486 { padding: 10px; } .div-icon-text-proservices { width: auto; height: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .grid-52 { height: auto; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .image-194-copy { left: 108px; top: 57px; bottom: 59.9px; width: 60px; } .lightbox-link-13 { width: 100%; height: 160px; margin-top: 20px; } .image-233 { left: 40%; bottom: 34%; width: 70px; } .grid-53 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .div-block-1494 { padding-top: 20px; padding-bottom: 20px; } .div-block-1495 { display: none; } .grid-54 { margin-right: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .div-block-1496 { margin-bottom: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .div-block-1497 { width: 30%; margin-bottom: 10px; } .image-234 { margin-top: 0px; } .div-block-1498 { width: 70%; } .image-194-copy-copy { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 10%; margin: auto; } .div-block-1499 { -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; } .image-235 { width: 85px; } .div-block-1151-copy { position: static; left: 83px; top: -82px; width: 120px; height: 120px; margin-bottom: 14px; } .quote-img { width: 70px; margin: 0px; border-radius: 100px; } .quote-img._30 { width: 100%; } .quote-img._30pc { width: 100%; border-radius: 20px; } .quote-quote { padding: 0px; } .quote-person { margin-bottom: 0px; } .grid-56 { padding-right: 0px; padding-left: 0px; } .grid-56.pro-services { margin-top: 20px; } .div-block-1505 { padding-right: 0px; padding-left: 0px; } .div-block-1505.pro-services { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid-57 { height: auto; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-list-11-copy { padding-left: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-list-11-copy-copy { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .lottie-animation-29 { width: auto; } .div-block-1507 { padding-right: 0px; padding-left: 0px; } .collection-list-17 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .s-box-testimonial { -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; } .div-block-1508 { height: 200px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } .s-slider-slide { width: auto; max-width: 100%; } .s--slider-mask { width: auto; margin-top: 20px; } .s-slider { padding-top: 0px; padding-bottom: 0px; padding-left: 0%; } .s-slide-image.non-technical { width: 100%; height: 230px; max-width: none; } .s-slide-image.fit { width: 1004936%; height: 230px; max-width: none; } .grid-58-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-168 { padding-right: 0px; padding-left: 0px; } .columns-86 { margin-top: 40px; } .column-169 { padding-right: 0px; padding-left: 0px; } .form-block-9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 90px; -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; } .column-170 { padding-right: 0px; padding-left: 0px; } .column-171 { margin-top: 30px; padding-right: 0px; padding-left: 0px; } .grid-59 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .div-block-1511 { padding-right: 10px; } .h1 { margin-bottom: 20px; color: #263238; font-size: 40px; line-height: 1.2em; } .h1.center.white.interactive { margin-top: -30px; margin-bottom: 0px; clear: left; font-size: 70px; } .h1.darkblue { color: #0146e0; } .h1.blog { font-size: 30px; } .h1.white.center-mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 34px; } .h1-span-blue { line-height: 1.2em; } .h2-left { margin-top: 20px; margin-bottom: 20px; padding-top: 0px; padding-bottom: 0px; font-size: 30px; line-height: 35px; text-align: left; } .h3 { margin-top: 20px; text-align: left; } .h3.index { margin-top: 0px; margin-bottom: 0px; } .h3.banner { font-size: 16px; text-align: center; } .h3.img-box { margin: 0px; } .h3.no-margin { margin: 0px; } .h3.box { margin-top: 0px; font-size: 26px; } .div-block-1513 { display: none; padding-right: 0px; padding-left: 0px; } .h2_left { margin-top: 20px; margin-bottom: 20px; } .h2_left.index { margin-top: 0px; margin-bottom: 0px; } .h2_center_white { font-size: 30px; line-height: 35px; } .image-241 { display: none; } .div-block-1515 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-column-gap: 20px; grid-row-gap: 20px; } ._2colums-6-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } ._2colums-6-6.order-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } ._2colums-6-6.invert { padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .column-172 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-173 { padding-right: 0px; padding-left: 0px; } .imgbackground-right { display: none; } .image-247 { position: static; } .img-2 { display: none; } .image-249 { max-height: 250px; } .div-block-1516 { padding-right: 0px; padding-left: 0px; } ._1column { padding-right: 0px; padding-left: 0px; } .image-250 { max-height: 250px; } .div-block-1520 { padding-top: 0px; } .column-174 { padding-right: 0px; padding-left: 0px; } .div-block-1523 { display: none; } .column-175 { padding-right: 0px; padding-left: 0px; } .left-arrow-2 { display: none; } .right-arrow-3 { display: none; } .div-block-1526 { 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; } .column-176 { padding-right: 0px; padding-left: 0px; } .footer-section { 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; } .h2-center { margin-top: 20px; margin-bottom: 20px; } .div-icon-tilte { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-icon-tilte.center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-icon-tilte.center.darkblue { padding: 20px; background-color: #000; text-align: center; } .image-252 { margin-top: 20px; } .index-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0px; padding-right: 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px; } .link-block-50 { color: #373731; } .link-block-51 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #373731; } .link-block-52 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #373731; } .link-block-53 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #373731; } .link-block-54 { color: #373731; } .link-block-55 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #373731; } .link-block-56 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #373731; } .h4 { margin-top: 0px; margin-bottom: 0px; font-family: Pulpdisplay, sans-serif; font-size: 16px; line-height: 1.5em; } .div-block-1528 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20px; height: 20px; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 20px; } .index-line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px; padding-right: 0px; padding-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; grid-column-gap: 0px; grid-row-gap: 0px; } .index-number { font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 12px; font-weight: 700; text-align: left; } .index-number:hover { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #fff; } .index-point { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20px; height: 20px; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 20px; color: #373731; } .index-point:hover { color: #fff; } .text-block-138 { display: block; font-family: Pulpdisplay, sans-serif; font-size: 18px; font-weight: 700; } .link-index { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25px; height: 25px; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 20px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 12px; } .link-index:hover { border-style: none; border-width: 1px; border-color: #0146e0; border-radius: 20px; background-color: #373731; color: #fff; } .link-index:focus { border-radius: 20px; background-color: #373731; color: #fff; } .link-index.w--current { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25px; height: 25px; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #373731; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 12px; } .image-253 { margin-bottom: 40px; } .comparasion-logo { display: none; } .grid-60 { 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; } .grid-60-copy { 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; } .grid-61 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid-61.pro-services { margin-top: 20px; } .image-255 { margin-top: 0px; } .div-block-1531 { 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; } .div-block-1532 { 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; } .div-block-1533 { 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; } .column-180 { margin-top: 0px; padding-right: 0px; padding-left: 0px; } .column-181 { padding-right: 0px; padding-left: 0px; } .h2 { margin-top: 20px; margin-bottom: 20px; padding-top: 0px; padding-bottom: 0px; font-size: 30px; line-height: 35px; text-align: left; } .h2.center.darkblue { color: #0146e0; } .h2.white.center-mobile { text-align: center; } .grid-2clm-img-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-grid-columns: 1.25fr; grid-template-columns: 1.25fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-2clm-img-text.revert { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .grid-1clm { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .emoji.center { font-size: 20px; } .div-banner { -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; grid-column-gap: 5px; grid-row-gap: 5px; text-align: center; } .subscription-points { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-sponsors { 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; grid-column-gap: 20px; grid-row-gap: 20px; } .main-spacer { display: block; height: 0px; } .div-block-1538 { margin-top: 20px; } .column-184 { display: none; } .grid-journey { -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; } .main-spacer-active-banner { height: 50px; } .bravo-pro-services { -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; } .line-roadmap { left: 16px; top: 24px; width: 2px; height: 94%; margin-left: 0px; } .roadmap-point { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20px; height: 20px; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 2px; border-color: #373731; border-radius: 20px; } .div-block-1542 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20px; height: 20px; padding: 10px; -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; font-size: 12px; } .text-block-139 { font-family: Pulpdisplay, sans-serif; text-align: center; } .text-block-140 { padding: 0px; } .div-block-1543 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 20px; height: 20px; padding: 10px; -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; } .link-roadmap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: auto; padding: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border: 2px none #000; border-radius: 0px; font-family: Pulpdisplay, sans-serif; color: #373731; font-size: 12px; } .link-roadmap:hover { grid-column-gap: 10px; grid-row-gap: 10px; border-style: none; border-width: 1px; border-color: #0146e0; border-radius: 20px; background-color: transparent; color: #373731; } .link-roadmap:focus { border-radius: 20px; background-color: #373731; color: #fff; } .link-roadmap.w--current { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25px; height: 25px; padding: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #373731; font-family: Pulpdisplay, sans-serif; color: #fff; font-size: 12px; } .div-block-1544 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1545 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column-gap: 10px; grid-row-gap: 10px; } .roadmap-point-subtitle { position: static; height: auto; margin-top: 10px; } .roadmap-point-subtitle.last { height: auto; } .roadmap-trigger { margin-top: 5px; } .column-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .column-right { padding-right: 0px; padding-left: 0px; } .bullet-icon-point { padding-right: 0px; padding-left: 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } .bullet-icon-point.left { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } ._30-spacer { display: none; height: 50px; } .s-slider-slide-roadmap { width: auto; } .s-slider-slide-roadmap.end { width: 10%; } .roadmap-line.end { border: 1px none #000; } .roadmap-point-line { overflow: visible; } .point-roadmap-end { position: absolute; } .slide-nav-3 { top: 221px; } .testimonial-logo { width: 100%; padding-right: 10px; padding-left: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .testimonial-agency { padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 7px; background-color: #fff; } .profile-employee-testimonial { margin: 0px; } .div-profile-employee-testrimonial { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .quote-text { margin-top: 20px; } .quote-text.index { margin-top: 0px; margin-bottom: 0px; } .quote-text.banner { font-size: 16px; text-align: center; } ._6mobilebenefits { padding-right: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .diagram-persona-2 { width: auto; margin-top: 20px; padding: 10px; border-radius: 0px; } .graph-home { width: auto; margin-top: 20px; padding: 10px; border-radius: 0px; } .img-black-shadow { border-style: none; } .img-1 { display: none; } .img-3 { display: none; } .img-shadow { display: none; } .image-262 { display: none; } .text-span-88 { color: #e350cc; } .div-left { width: auto; padding-left: 0px; } .div-right { position: relative; display: none; height: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } .image-263 { max-width: 100%; } .div-block-1550 { position: absolute; left: auto; top: auto; right: auto; bottom: auto; display: none; } .absolute { position: absolute; left: auto; top: auto; right: auto; bottom: auto; display: none; } .image-264 { position: static; display: none; max-width: 60%; } .image-264.hidden-mobile { display: none; } .div-relative { display: none; } .image-268 { margin-top: 0px; margin-bottom: 0px; } .img-experts { max-width: 100px; } .img-experts.front.img4 { left: 88px; z-index: -1; } .img-experts.front.img2 { left: 89px; top: 58px; max-width: 100px; } .div-img-experts { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .img-galery { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .img-mg40.img-black-shadow { max-width: 100%; } .img-mg40.img-black-shadow.black-border { max-width: 100%; border-style: none; border-width: 1px; } .div-tuto-part { padding: 20px; } .div-ready-made-solution { margin-top: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 20px; grid-row-gap: 20px; } .div-button { margin-top: 10px; } .phone-readymadesolution { max-width: 150px; } .div-phone-ready { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .collection-list-wrapper-endless { margin-top: 20px; padding-right: 0px; padding-left: 0px; } .collection-list-wrapper-endless.featured { margin-top: 10px; } .collection-list-endless { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .s-paragrap-endless { width: auto; font-size: 13px; line-height: 18px; } .s-paragrap-endless.white { text-align: left; } .s-paragrap-endless.bold { font-weight: 700; } .s-paragrap-endless.banner { text-align: center; } .s-paragrap-endless.mobile-mod-1 { display: block; } .icon-10 { display: none; } .right-arrow-5 { display: none; } .img-blog-main { margin-top: 0px; } .s-menu-content { padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-1410-copy { padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .nav-bar-new { display: none; padding-top: 0px; padding-bottom: 0px; } .nav-bar-mobile-new { display: block; } .navbar-no-shadow-container { padding: 0px 10px; } .navbar-no-shadow-container.black { background-color: #161619; } .nav-menu-wrapper { z-index: 30; padding-top: 20px; padding-bottom: 20px; border-bottom: 2px solid rgba(55, 55, 49, 0.2); border-radius: 0px; background-color: #f3f6e6; } .nav-menu-wrapper.black { background-color: #161619; } .nav-menu { height: auto; padding-right: 20px; padding-left: 20px; -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; background-color: #f3f6e6; } .nav-menu.black { background-color: #161619; } .nav-link-4 { margin: 0px; padding-right: 5px; padding-left: 5px; } .nav-link-4.white { color: #fff; } .nav-dropdown-2 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .nav-dropdown-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; padding: 10px 0px; grid-column-gap: 10px; grid-row-gap: 10px; } .nav-dropdown-toggle.w--open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .nav-dropdown-toggle.white { color: #fff; } .nav-dropdown-icon { position: static; margin-right: 0px; } .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open { z-index: 20; background-color: transparent; } .mobile-margin-top-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 10px; grid-row-gap: 10px; } .nav-button-wrapper { width: auto; } .menu-button-5.w--open { background-color: transparent; } .list-item-11 { 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; } .icon-11 { color: #373731; } .icon-11.white { color: #fff; } .video-full-design-control { left: 0%; top: 0%; right: 0%; bottom: 0%; width: auto; height: auto; margin: auto; border-style: none; } .bravo-flexible-video { max-width: none; min-height: 180px; min-width: 100%; } .bravo-flexible-video.no-border { height: 160px; } .list-bg-videos { margin-top: 40px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; grid-column-gap: 60px; grid-row-gap: 60px; } .container-bravo-flexible { max-width: 100%; padding: 0px; -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; grid-column-gap: 10px; grid-row-gap: 10px; } .container-bravo-flexible.invert { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .bravo-flexible-text { display: block; width: 100%; padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .div-howtobuild { margin-top: 120px; -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; grid-column-gap: 60px; grid-row-gap: 80px; } .div-phone-ready-copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .div-howtobuild-app { width: 100%; } .howtobuild-text { padding: 10px; } .howtobuild-content { height: 180px; } .howtobuild-content.restaurant { background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62c598aa294922d6fd900dff_restaurant-app-bg.jpg"); } .howtobuild-content.events { height: 140px; background-image: url("https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/62cc29ae28557855f6526dd0_events-app-bg.jpg"); } .howtobuild-content.mindfulness { height: 140px; } .howtobuild-content.personaltrainer { height: 140px; } .howtobuild-content.recipe { height: 140px; } .howtobuild-space { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link-use-cases { width: 100%; margin: 0px; } .video-lightbox-container { width: 100%; height: 200px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } .lightbox-link-agencypartner { width: 100%; height: 160px; margin-top: 20px; } .checklist-text { width: auto; font-size: 13px; line-height: 18px; } .checklist-text.white { text-align: left; } .checklist-text.bold { font-weight: 700; } .checklist-text.banner { text-align: center; } .checklist-text.mobile-mod-1 { display: block; } .story-column-left { padding: 20px; } .container-49-copy { padding-right: 20px; padding-left: 20px; } .story-container { padding-right: 20px; padding-left: 20px; } .top-banner-block { padding-top: 0px; padding-bottom: 0px; } .bold-text-20 { color: #373731; } .bold-text-20.yellow { color: #ffce1f; } .div-block-1557 { 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; } .box-whatsincluded { -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; grid-column-gap: 0px; grid-row-gap: 0px; } .img-mobile { position: static; } .testi-box { width: auto; } .testi-img { width: 100%; height: auto; } .testi-text { width: auto; padding: 20px; } .testi-photo.non-technical { height: 200px; } .testi-photo.no-margin { height: 230px; } .testi-div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .business-pack-points { width: 100%; height: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .business-pack-vs-block { padding-top: 20px; padding-bottom: 20px; } .list-whosfor-box { padding-right: 0px; padding-left: 0px; } .list-whosfor-box.pro-services { margin-top: 20px; -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; grid-column-gap: 20px; grid-row-gap: 20px; } .business-pack-points-copy { height: auto; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .s-section-active-elements { display: none; } .s-section-active-elements.mobile { display: none; overflow: hidden; grid-column-gap: 20px; grid-row-gap: 20px; } .geometric-div { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .geometric-div.up { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .geometric-div.middle { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .quote-div { width: auto; padding-left: 0px; } .table-subtitle-box { width: 50%; margin-bottom: 10px; } .table-text-box { width: 50%; } .list-5 { padding-left: 0px; } .banner-text-box { width: auto; padding: 0px; } .banner-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .testi-image-box { width: auto; } .testi-image-box._50pc { width: 100%; } .testi-image-box._50pc.horizontal { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .testi-image-box._100pc { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .banner-img { padding-right: 20px; padding-left: 20px; } .box-icon { margin-top: 0px; margin-bottom: 0px; } .integration-button-box { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; grid-column-gap: 0px; grid-row-gap: 0px; } .animated-title { display: none; } .animated-title.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -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; } .footer-careers-box { -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; } .main-title-box { width: auto; height: auto; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .main-title-div { padding-right: 0px; } .main-subtitle-div { padding-right: 0px; } .main-video-box { padding-right: 0px; padding-left: 0px; } .main-icons-box { justify-items: center; grid-column-gap: 5px; grid-row-gap: 5px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .mask-5 { width: auto; } .text-span-114 { color: #ffce1f; } .text-span-topbar-2nd { color: #ffce1f; } .img-box { padding-right: 0px; padding-left: 0px; } .text-box { width: auto; padding-left: 0px; } .text-span-115 { color: #e350cc; } .feature-buttons { display: none; -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-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-auto-flow: row dense; grid-column-gap: 30px; grid-row-gap: 30px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 50px 50px 50px 50px 50px; grid-template-rows: 50px 50px 50px 50px 50px; } .feature-buttons.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .feature-buttons-copy { grid-auto-flow: row dense; grid-column-gap: 10px; grid-row-gap: 11px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 50px 50px 50px 50px 50px; grid-template-rows: 50px 50px 50px 50px 50px; } .feature-button { grid-auto-flow: row dense; grid-column-gap: 10px; grid-row-gap: 11px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 50px 50px 50px 50px 50px; grid-template-rows: 50px 50px 50px 50px 50px; } .feature-button.blue { width: 50px; height: 50px; } .feature-button.turquoise { width: 50px; height: 50px; } .feature-button.white { width: 50px; height: 50px; } .feature-button.orange { width: 50px; height: 50px; } .feature-button.pink { width: 50px; height: 50px; } .feature-button.yellow { width: 50px; height: 50px; } .design-style { width: 40%; } .in-app-purchase { width: 40%; } .publication { width: 40%; } .advanced { width: 40%; } .actions { width: 40%; } .components { width: 40%; } .div-stick-up { display: none; width: auto; height: auto; padding-right: 0px; } .stick-up { width: 30px; } .stick-up.yellow { width: 30px; } .stick-up.pink { width: 30px; } .stick-up.orange { width: 30px; } .stick-up.black { width: 30px; } .stick-up.turquoise { width: 30px; } .div-stick-down { display: none; padding-right: 0px; } .stick-down { width: 30px; } .stick-down.yellow { width: 30px; } .stick-down.pink { width: 30px; } .stick-down.orange { width: 30px; } .stick-down.black { width: 30px; } .stick-down.turquoise { width: 30px; } .text-block-148 { color: #ff7262; } .div-features-list { grid-column-gap: 20px; grid-row-gap: 20px; } .fearture-box { width: auto; } .fearture-box.opt2 { width: 100%; height: 200px; } .feature-text { padding-top: 20px; padding-bottom: 20px; } .feature-photo { height: 100px; margin-top: 0px; margin-bottom: 0px; } .feature-photo.non-technical { height: 100px; } .div-feature { width: 100%; } .feature-title-1 { padding: 10px; } .bold-text-22 { color: #263238; } .bold-text-23 { color: #000; } .comparasion-table { display: none; grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-table.mobile.opt2 { display: none; } .comparasion-table.mobile.test { display: none; } .comparasion-column { width: 30px; } .comparasion-column.black.mobile { width: auto; } .comparasion-title-box.grey { padding: 10px; } .comparasion-title-box.purple.first { width: auto; height: 40px; padding: 5px; } .comparasion-title-box.white { height: 40px; padding: 5px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .comparasion-title-box.white.mobile { height: 40px; border-radius: 200px; } .comparasion-title-box.white.feature { padding-right: 10px; padding-left: 10px; } .bravo-logo-comparasion { display: none; } .comparasion-feature-list { padding: 10px; } .comparasion-feature-list.purple { padding: 10px; grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-feature-list.purple.first { padding: 10px; grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-feature-list.purple.last { border-bottom-style: none; } .comparasion-feature-list.white { padding-right: 10px; padding-left: 10px; } .comparasion-feature-list.white.interlign { padding: 10px; grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-feature-list.white.last { padding: 10px; } .comparasion-feature-list.white.last.left { grid-column-gap: 0px; grid-row-gap: 0px; } .comparasion-feature-list.white.left { padding: 10px; } .comparasion-feature-list.lightgrey { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .comparasion-feature-list.lightgrey.first.interlign { grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-feature-list.lightgrey.last.interlign { grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-feature-list.darkblack { padding: 10px; } .comparasion-feature-list.darkblack.first { padding-right: 10px; } .tabs-menu-6 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .comparasion-competitors { overflow: visible; opacity: 0.5; } .comparasion-logo-mobile { display: block; } .stick-up-compare { width: 30px; } .stick-up-compare.yellow { width: 30px; } .stick-up-compare.pink { width: 30px; } .stick-up-compare.orange { width: 30px; } .stick-up-compare.black { width: 30px; } .stick-up-compare.turquoise { width: 30px; } .div-stick-up-compare { padding-right: 0px; } .div-stick-down-compare { padding-right: 0px; } .stick-down-compare { width: 30px; } .stick-down-compare.yellow { width: 30px; } .stick-down-compare.pink { width: 30px; } .stick-down-compare.orange { width: 30px; } .stick-down-compare.black { width: 30px; } .stick-down-compare.turquoise { width: 30px; } .div-block-1513-copy { padding-right: 0px; padding-left: 0px; } .div-text-header { width: auto; padding-left: 0px; } .thunkable-circle { right: 11%; } .glide-circle { left: 9%; bottom: 11%; } .bubble-circle { top: -1%; right: 0%; } .bravo-circle { left: 42%; } .stick { width: 30px; } .stick.yellow { width: 30px; } .stick.pink { width: 30px; } .stick.orange { width: 30px; } .stick.black { width: 30px; } .stick.turquoise { width: 30px; } .stick.purple { left: 73%; } .stick.purple._2 { left: 8%; } .grid-madewithbravo-header { 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; } .div-block-1565 { text-align: center; } .div-sticks-dancing { padding-right: 0px; } .s-section-active-elements-blue { display: none; } .s-section-active-elements-blue.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; grid-column-gap: 20px; grid-row-gap: 20px; } .geometric-line { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .geometric-line.up { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .geometric-line.middle { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-section-active-background { display: none; } .s-section-active-background.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; grid-column-gap: 20px; grid-row-gap: 20px; } .grid-header { width: auto; padding-right: 0px; padding-left: 0px; justify-items: stretch; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grid-header.reverse { 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; } .h1-span-green { line-height: 1.2em; } .comparasion-table-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column-gap: 2px; grid-row-gap: 2px; } .comparasion-table-mobile.mobile.opt2 { display: none; } .comparasion-table-mobile.mobile.test { display: none; } .lightbox-compare-video { width: 100%; height: 160px; margin-top: 20px; } .icon-proservices { margin-top: 0px; margin-bottom: 0px; } .grid-quotes-proservices { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .colors-box { margin-top: 0px; -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; grid-column-gap: 10px; grid-row-gap: 10px; } .color-circle-fill { width: 40px; height: 40px; background-color: #0146e0; } .color-circle-fill.e350cc { background-color: #e350cc; } .color-circle-fill._50e3c2 { background-color: #50e3c2; } .color-circle-fill.ffce1f { background-color: #ffce1f; } .color-circle-fill._490d82 { background-color: #490d82; } .div-block-1567 { width: 100%; } .business-app-icon-text-point._0px { width: 0px; height: 0px; padding: 0px; grid-column-gap: 0px; grid-row-gap: 0px; } .business-app-icon-text-point.orange { width: 46%; } .div-block-1571 { 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; } .img-wedding-3 { position: static; display: none; max-width: 60%; } .div-block-1572 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; margin-top: -80px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .div-block-1572.no-maring { margin-top: 0px; } .video-business-app { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; margin: auto; border-style: none; border-radius: 4px; } .video-app { left: 35px; top: 77px; width: 44px; height: 94px; border-radius: 2px; } .circle-ba { padding: 0px; } .circle-proapp { width: 100%; } .circle-extra-feature { width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .div-block-1574 { -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; } .div-block-1575 { grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .cometchat-left { display: none; } .cometchat-center { position: static; width: 200px; } .cometchat-right { width: 60%; padding-top: 78px; padding-bottom: 0px; } .image-286 { position: static; width: 200px; border-radius: 20px; } .cometchat-feature { margin-top: 30px; padding-top: 5px; padding-bottom: 5px; } .cometchat-feature._100pxup { margin-top: 10px; } .cometchat-feature._40pxup { margin-top: 31px; } .cometchat-feature._20pxup { margin-top: 14px; } .cometchat-logo { width: 50px; border-radius: 100px; } .revenuecat-logo { width: 50px; } .revenuecat-logo.no-margin { top: 464px; right: 29px; } .cometchat-logo-desktop { width: 50px; } .cometchat-logo-desktop.no-margin { top: 395px; right: 29px; } .promo-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .promo { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .promo-price { grid-column-gap: 20px; grid-row-gap: 20px; border-bottom-left-radius: 20px; } .s-tab { width: auto; font-size: 13px; line-height: 18px; } .s-tab.white { text-align: left; } .s-tab.bold { font-weight: 700; } .s-tab.bold.table-subtitle { margin-bottom: 0px; } .s-tab.gray { text-align: left; } .s-tab.banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #373731; text-align: center; } .s-tab.banner.white { color: #fff; } .s-tab.banner.yellow { color: #ffce1f; } .s-tab.banner.pink { display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; } .s-tab.mobile-mod-1 { display: block; } .s-tab.no-margin.interlign { line-height: 21px; } .tabs-menu-7 { border-top-right-radius: 0px; } .promo-description { width: 100%; min-height: auto; padding: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0px; } .tabs-3 { width: 100%; border-top-right-radius: 0px; border-bottom-left-radius: 20px; } .tabs-4 { width: 100%; min-height: auto; border-top-right-radius: 0px; border-bottom-left-radius: 20px; } .div-block-1577 { padding: 0px; } .howto-discount-title { display: block; padding: 0px; border-style: none; border-radius: 0px; } .howto-discount-content._1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-style: none; } .howto-discount-step-text { min-height: auto; } .howto-discount-step { width: 100%; opacity: 1; } .testi-img-world { width: 100%; height: 200px; } .button-howtoclaim-d { padding: 0px 0px 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 4px solid #ffce1f; border-radius: 0px; background-color: transparent; } .featured-integration { padding-left: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .color-line { overflow: visible; width: auto; margin-right: 20px; padding-right: 0px; } .line-animation { width: 5px; min-width: 5px; } .line-animation.white { width: 5px; min-width: 5px; } ._3kings-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 20px; grid-row-gap: 20px; } ._3wisemen { display: block; padding: 0px; border-style: none; border-radius: 0px; } .king-icons-box { justify-items: center; grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .king-div { width: 100%; } .div-block-1587 { max-width: none; min-width: 100%; } .image-289 { left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 2; max-width: 130px; box-shadow: 0 11px 14px 0 rgba(22, 22, 25, 0.4); } .div-block-1589 { top: 100px; width: auto; height: auto; -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; } .image-290 { max-width: 130px; box-shadow: 0 11px 14px 0 rgba(22, 22, 25, 0.4); } } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea978-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea989-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea993-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea99d-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea9c5-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea9d6-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea9ef-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea9f9-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e516f015-e53e-3c19-7604-3fcad2d5e176-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa04-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa0e-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa18-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa22-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa41-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa48-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa4f-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_2bca03c5-1827-16fd-0c5b-e36291ad88be-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_29553606-0aea-0e90-d6cb-11a8583e7e3f-583e7e3f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-dabbaa98-a9c7-698e-c4a0-b5c26b095a2d-6b095a2d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f666fe66-fc25-89a5-f276-be7fcfa16f2f-d6781150 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-a3c90697-bc4b-9d63-9ca8-5841c9fc5324-d6781150 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e506b67b-6264-a778-4cff-e936e3c2d493-d6781150 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_88b4221d-8069-8394-54b4-88445d686ef9-d6781150 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d8793c5-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d8793d6-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d8793e0-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d8793ea-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879413-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879424-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879435-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879440-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d87944a-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d5c9f8a7-5557-a3b2-b19b-d9301cf38853-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879455-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d87945f-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879469-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879473-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879493-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d87949a-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d8794a1-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8490ed86-a442-b7bf-bff4-0ad0885e6e5f-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e84b0a50-55cc-829e-69ea-067586b51856-79979f5c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-e84b0a50-55cc-829e-69ea-067586b51868-79979f5c { -ms-grid-column-align: center; justify-self: center; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6a45-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6a56-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6a60-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6a6a-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-a7ebb6f5-23bd-a5a7-f219-0109ba19cfff-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6a92-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6aa3-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6abc-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6ac6-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c281f239-8700-f8f2-18f7-ccdd76a293b6-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6ad1-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6adb-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6ae5-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6aef-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6b0e-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6b15-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6b1c-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_00b1d41c-ba29-ef98-e1bc-f052ad469bfd-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e309c-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e30ad-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e30b7-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e30c1-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cf976f81-6480-f8aa-4b00-07b1f92d99b5-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e30eb-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_18ba3088-58f9-d3d6-0851-b77b43713e12-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_18ba3088-58f9-d3d6-0851-b77b43713e20-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e3118-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e3122-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_3ffd8eeb-20aa-9dcd-000e-b89f68d59a77-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e312d-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e3137-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e3141-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e314b-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e316c-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e3173-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_815ae2fd-d1ab-63f6-8a00-20ef15c14d51-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e317a-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_99a4cbb9-d50c-8ebc-d9f9-4da78020a64b-ab98ab1b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-b9577255-a613-8fd2-07b2-d4531bed731c-2a407df9 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_7d0c6e41-e678-84ec-8abe-2ec6cf006c93-17fe46dd { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d9989768-1490-fef3-b185-791f77b5a6fa-17fe46dd { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_4892f2e4-a6b1-c9c9-de12-7ae9c3690500-17fe46dd { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_02ec2048-21d6-8065-b934-86eb7f61999b-17fe46dd { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_6ab7c458-fd0e-31db-77c7-21c217336e40-17fe46dd { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-da2e43ca-68b9-1022-932e-931f6c99969b-17fe46dd { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_374ab3f5-1fa3-41d9-9ea1-5092f2b9d6dd-37d91b56 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_374ab3f5-1fa3-41d9-9ea1-5092f2b9d6eb-37d91b56 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_374ab3f5-1fa3-41d9-9ea1-5092f2b9d6f9-37d91b56 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_54e611a9-a201-f91e-637b-877ac285fc08-75a1f808 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8ccffe00-a88f-a2d8-b20a-562c63a28d42-75a1f808 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_3ac167c0-cfbb-ab25-ad47-81b41b9cd1bd-75a1f808 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1d956250-bfab-95f8-aa8b-5b428c84ef0c-75a1f808 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1d956250-bfab-95f8-aa8b-5b428c84ef1a-75a1f808 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1d956250-bfab-95f8-aa8b-5b428c84ef28-75a1f808 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-a8ff7242-4d4d-4ea0-d436-383616ec9c68-87e0f10b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_680abef1-0f89-b70c-1add-ef4c613cfc12-87e0f10b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_806253a0-e80a-d7f8-b56b-a4bc82acb270-87e0f10b { -ms-grid-column-align: center; justify-self: center; } #w-node-a3d1cb75-d8d8-e0d2-0ef5-e2778e5e9ca8-87e0f10b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d332eef5-49ba-f704-8850-8d3a95f3fa3b-87e0f10b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_99f88534-02ce-9113-8e65-1c5e1f9ef5ac-87e0f10b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-da80ac21-2725-dcef-7fa7-afaaf0c5cb27-87e0f10b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_14035bb4-7223-3015-435f-6ecd6771ff81-d8151f20 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d90303db-fb86-c735-b609-de8d8a80805b-d8151f20 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_13ca493c-462f-a09b-797b-983852737f02-d8151f20 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_13ca493c-462f-a09b-797b-983852737f08-d8151f20 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1ca5a7ef-02b4-ddf3-f6be-661f043c8a82-d1193081 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_20afb223-3279-941b-0c34-12d66d74a8e4-d1193081 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-_3cd5bafb-cddc-194f-2f8f-106bbbe70d13-d1193081 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_089f5162-fd37-a4d2-e016-fa2b220b008e-d1193081 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-a067ea75-8d6d-ce50-7c59-33217a1cd91d-d1193081 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_77176c02-0eac-3edb-f7f0-d1aed3451bdc-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-_8080cbfc-bfa7-6b83-adca-419bcd49e834-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-c41f9f2a-6b18-1de8-cee1-7a2c03bc6cff-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c41f9f2a-6b18-1de8-cee1-7a2c03bc6d04-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c41f9f2a-6b18-1de8-cee1-7a2c03bc6d09-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c41f9f2a-6b18-1de8-cee1-7a2c03bc6d0e-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_44fb3d71-1415-5ed4-b241-afafc4368c83-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_71b6c746-9bcd-23a5-43c9-03a51decc9a2-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cf0d71a2-9183-7a5e-4701-dae558c42462-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_48ec66ee-3fcb-44c5-153c-ac24c086ad25-c086ad24 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_48ec66ee-3fcb-44c5-153c-ac24c086ad30-c086ad24 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_2dcc7929-d020-d54f-6075-b3b51bf72057-52a5e97c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cf1-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cec-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-_0ae43f56-122c-d511-2736-535c7237cb41-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-ebb0e83b-f521-1112-3b78-999a9cfb0d1e-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-edbe16ea-85a7-a1f2-7e32-cb689912b4d1-6b72a43d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-_71557862-a7ec-5325-d996-0dab0cb67f86-6b72a43d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0c4ee306-112a-b157-21bd-05b9c0ff3178-6b72a43d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-636a0b7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_06d526f3-c791-a8ca-e501-2b4aaf89badf-636a0b7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-b57e9c07-9809-e14d-1f76-bc46df673348-636a0b7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cf1-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cec-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-_0ae43f56-122c-d511-2736-535c7237cb41-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-ebb0e83b-f521-1112-3b78-999a9cfb0d1e-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cf1-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cec-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-_0ae43f56-122c-d511-2736-535c7237cb41-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-ebb0e83b-f521-1112-3b78-999a9cfb0d1e-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0609f272-ec7a-676b-5a40-57708ba08d44-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_0609f272-ec7a-676b-5a40-57708ba08d54-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-_488c6027-390b-ebc8-b64f-da449ad93346-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_90a5b1fa-6dff-7ac4-1514-22999ba09308-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_6c4db45f-e5d3-eb0e-8a4f-fd92b66c5b62-e8f3382c { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; order: 9999; } #w-node-cf3712fd-a32e-3b92-3232-6a611a123dfd-a630ef7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_2f05caa9-ff26-1167-503d-d3aa7fe7a084-a630ef7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_6c4db45f-e5d3-eb0e-8a4f-fd92b66c5b62-a630ef7f { -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; order: 9999; } #w-node-_0db5ff08-9322-407c-c0c8-3e3f8a2fd9fc-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_55ac8812-da79-941e-10b9-0dc15f342c97-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a30f-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_536198e3-d7cb-d4df-2d0b-b76bf208d344-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a33c-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a355-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d0ce7eb5-3761-b474-cff3-d57f23dcde1d-23dcde1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-32d2ef1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_55ac8812-da79-941e-10b9-0dc15f342c97-32d2ef1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a30f-32d2ef1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_536198e3-d7cb-d4df-2d0b-b76bf208d344-32d2ef1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a33c-32d2ef1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a355-32d2ef1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-c81199bc { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_55ac8812-da79-941e-10b9-0dc15f342c97-c81199bc { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a30f-c81199bc { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_536198e3-d7cb-d4df-2d0b-b76bf208d344-c81199bc { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a33c-c81199bc { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a355-c81199bc { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_55ac8812-da79-941e-10b9-0dc15f342c97-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-eb4e2944-4151-defd-4b46-f2559f37809a-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_184e9c89-bb62-88dd-a567-4075de93392d-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_225c5913-7f64-e701-fab0-f8ac7b5fe139-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_225c5913-7f64-e701-fab0-f8ac7b5fe13c-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8bd97f46-523a-6a60-c70f-88c726e89f25-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8bd97f46-523a-6a60-c70f-88c726e89f28-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cff41c6a-dedf-a2b9-086d-e6fd82520b53-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cff41c6a-dedf-a2b9-086d-e6fd82520b56-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a30f-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_536198e3-d7cb-d4df-2d0b-b76bf208d344-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a33c-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a355-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-efed505f-17e2-afb3-9511-7cbcef4020e1-bd6bb92f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_7a330613-686f-21e1-e66c-a091cdb8a821-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-_7a330613-686f-21e1-e66c-a091cdb8a822-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_7a330613-686f-21e1-e66c-a091cdb8a819-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_820f59c2-da83-23d8-9002-02303e548f8f-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c41f9f2a-6b18-1de8-cee1-7a2c03bc6cff-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c41f9f2a-6b18-1de8-cee1-7a2c03bc6d04-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c41f9f2a-6b18-1de8-cee1-7a2c03bc6d09-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c41f9f2a-6b18-1de8-cee1-7a2c03bc6d0e-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_44fb3d71-1415-5ed4-b241-afafc4368c83-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_71b6c746-9bcd-23a5-43c9-03a51decc9a2-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cf0d71a2-9183-7a5e-4701-dae558c42462-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-1e92cc69 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_2f51b03f-fdd2-127e-894a-ac0e9cce6382-9cce6381 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-_2f51b03f-fdd2-127e-894a-ac0e9cce6389-9cce6381 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-_2f51b03f-fdd2-127e-894a-ac0e9cce6390-9cce6381 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-b9a2d8bd-10b1-9104-66ef-cb9387c9924a-f809d81b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; -ms-grid-column-align: center; justify-self: center; } #w-node-b9a2d8bd-10b1-9104-66ef-cb9387c9925f-f809d81b { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #w-node-_8115ce2b-1776-b3fe-3441-383fd684e6a4-f809d81b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8115ce2b-1776-b3fe-3441-383fd684e6b5-f809d81b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8115ce2b-1776-b3fe-3441-383fd684e6d0-f809d81b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8115ce2b-1776-b3fe-3441-383fd684e6e6-f809d81b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_46fb7d6e-45f3-0c2c-90a4-13c51a0de849-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cd1e2d95-ed7a-a48a-fa36-d5e76f868d84-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_34ddad3d-5413-f020-966a-3c9c53e56298-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_342beb41-a6ad-7402-0579-66b61b00de29-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_5ea0b883-86d4-7469-b4b9-2e5b3e4de355-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0a2c52a0-c00d-766f-c67f-2e9718eec372-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0417bdfc-f3c2-29d5-c4e4-48c3ce3fcb20-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0417bdfc-f3c2-29d5-c4e4-48c3ce3fcb25-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0417bdfc-f3c2-29d5-c4e4-48c3ce3fcb2a-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0417bdfc-f3c2-29d5-c4e4-48c3ce3fcb2f-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0417bdfc-f3c2-29d5-c4e4-48c3ce3fcb34-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0417bdfc-f3c2-29d5-c4e4-48c3ce3fcb39-864a6d62 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_48ce7f53-3978-e1b4-b760-7e9c99828b7b-6e91622e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_48ce7f53-3978-e1b4-b760-7e9c99828b8f-6e91622e { -ms-grid-column-align: center; justify-self: center; } #w-node-_1a2694c7-820e-5a18-a62b-1bc11ae43dcd-1ae43dc6 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-_1a2694c7-820e-5a18-a62b-1bc11ae43dce-1ae43dc6 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-e55fec44-1b30-d726-826d-9de541a657c7-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1286b9c1-0cb7-8052-81a8-50ed9eaa75da-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: start; align-self: start; } #w-node-_1286b9c1-0cb7-8052-81a8-50ed9eaa75db-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_6cb2d9ca-ce4b-be6f-8aae-0f829e772025-9e772015 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_4d1927f2-ff9e-4d40-60ec-b9ba49250a97-190a848e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a30f-190a848e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_536198e3-d7cb-d4df-2d0b-b76bf208d344-190a848e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a33c-190a848e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a355-190a848e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60c93008-72cf-c868-e9c8-7ca224531480-24531470 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-f6fba7d1-54bc-7541-c7d1-26a0340d0c64-2726023d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-a1b90027-2cb7-3bf4-e60b-07782d34dc67-2726023d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a30f-2726023d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_536198e3-d7cb-d4df-2d0b-b76bf208d344-2726023d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a33c-2726023d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a355-2726023d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-b1df6b63-7d25-1ba5-7a1c-516ee40ca390-c9349d04 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-de826ced-6203-fefb-5ebd-d6499123aaf2-c9349d04 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a30f-c9349d04 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_536198e3-d7cb-d4df-2d0b-b76bf208d344-c9349d04 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a33c-c9349d04 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a355-c9349d04 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-2c64740e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-8e2a2594 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-faa8f372-16f9-1ec9-2a66-e67d8d7c2dd9-8e2a2594 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-faa8f372-16f9-1ec9-2a66-e67d8d7c2ddf-8e2a2594 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-faa8f372-16f9-1ec9-2a66-e67d8d7c2de5-8e2a2594 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center; } #w-node-_9df737c4-3fad-683b-f7ed-54016f062504-cc59fdc3 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a30f-cc59fdc3 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_536198e3-d7cb-d4df-2d0b-b76bf208d344-cc59fdc3 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a33c-cc59fdc3 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1648d3e7-fa68-cdc5-9f01-0e978082a355-cc59fdc3 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1a9071c6-56c9-52e2-d1a3-0d54c696a865-cc59fdc3 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row-align: center; align-self: center; } @media screen and (min-width: 1920px) { #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea989-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea9d6-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea9f9-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e516f015-e53e-3c19-7604-3fcad2d5e176-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa0e-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa18-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa22-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa4f-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_2bca03c5-1827-16fd-0c5b-e36291ad88be-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_29553606-0aea-0e90-d6cb-11a8583e7e3f-583e7e3f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d8793d6-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879424-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d87944a-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d5c9f8a7-5557-a3b2-b19b-d9301cf38853-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d87945f-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879469-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879473-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d8794a1-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8490ed86-a442-b7bf-bff4-0ad0885e6e5f-8d8793b2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6a56-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6aa3-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6ac6-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-c281f239-8700-f8f2-18f7-ccdd76a293b6-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6adb-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6ae5-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6aef-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6b1c-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_00b1d41c-ba29-ef98-e1bc-f052ad469bfd-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e30ad-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_18ba3088-58f9-d3d6-0851-b77b43713e12-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e3122-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_3ffd8eeb-20aa-9dcd-000e-b89f68d59a77-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e3137-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e3141-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e314b-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_815ae2fd-d1ab-63f6-8a00-20ef15c14d51-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e317a-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-a8ff7242-4d4d-4ea0-d436-383616ec9c68-87e0f10b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-8c7f2a50 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1e2a363a-6bfc-9403-9c51-ce07cba868ba-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1e2a363a-6bfc-9403-9c51-ce07cba868c5-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1e2a363a-6bfc-9403-9c51-ce07cba868cc-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1e2a363a-6bfc-9403-9c51-ce07cba868d2-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-636a0b7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_6fa151a1-f273-48d6-9ad8-0bac0c7cc1bd-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cd1b3a73-b8ad-684d-b7b2-8c328328d7aa-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d732afb7-0f45-77b2-b1f5-dbb1571a5d3d-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_7ed2566c-a1bd-d8cc-5b6a-c487d4e3aa5e-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_7ed2566c-a1bd-d8cc-5b6a-c487d4e3aa6b-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d67adba3-dfc3-2502-45be-43a47a951dfd-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_6fa151a1-f273-48d6-9ad8-0bac0c7cc1bd-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cd1b3a73-b8ad-684d-b7b2-8c328328d7aa-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d732afb7-0f45-77b2-b1f5-dbb1571a5d3d-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_7ed2566c-a1bd-d8cc-5b6a-c487d4e3aa5e-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_7ed2566c-a1bd-d8cc-5b6a-c487d4e3aa6b-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d67adba3-dfc3-2502-45be-43a47a951dfd-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0609f272-ec7a-676b-5a40-57708ba08d44-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_488c6027-390b-ebc8-b64f-da449ad93346-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_90a5b1fa-6dff-7ac4-1514-22999ba09308-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cf3712fd-a32e-3b92-3232-6a611a123dfd-a630ef7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_2f05caa9-ff26-1167-503d-d3aa7fe7a084-a630ef7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_0db5ff08-9322-407c-c0c8-3e3f8a2fd9fc-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-000274b0 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-d0ce7eb5-3761-b474-cff3-d57f23dcde1d-23dcde1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-32d2ef1a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-c81199bc { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-9aa63507 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-efed505f-17e2-afb3-9511-7cbcef4020e1-bd6bb92f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_7a330613-686f-21e1-e66c-a091cdb8a819-c83b9e85 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60926151-f3d7-6007-e149-bd163153350a-1e92cc69 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-b9a2d8bd-10b1-9104-66ef-cb9387c9924a-f809d81b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_48ce7f53-3978-e1b4-b760-7e9c99828b7b-6e91622e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_068e3cf0-c012-4c0d-5df3-2b7630f2a63e-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_068e3cf0-c012-4c0d-5df3-2b7630f2a63a-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_068e3cf0-c012-4c0d-5df3-2b7630f2a642-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_068e3cf0-c012-4c0d-5df3-2b7630f2a64b-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_068e3cf0-c012-4c0d-5df3-2b7630f2a64f-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-a9ee1b4f-18ab-1373-9f81-92d544435a48-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9b62c5c-acab-0172-f507-c6a1d5083bbc-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_068e3cf0-c012-4c0d-5df3-2b7630f2a647-12c4b6cf { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_6cb2d9ca-ce4b-be6f-8aae-0f829e772025-9e772015 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_4d1927f2-ff9e-4d40-60ec-b9ba49250a97-190a848e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_60c93008-72cf-c868-e9c8-7ca224531480-24531470 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f6fba7d1-54bc-7541-c7d1-26a0340d0c64-2726023d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-a1b90027-2cb7-3bf4-e60b-07782d34dc67-2726023d { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-b1df6b63-7d25-1ba5-7a1c-516ee40ca390-c9349d04 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-de826ced-6203-fefb-5ebd-d6499123aaf2-c9349d04 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-2c64740e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-8e2a2594 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_9df737c4-3fad-683b-f7ed-54016f062504-cc59fdc3 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_1a9071c6-56c9-52e2-d1a3-0d54c696a865-cc59fdc3 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } } @media screen and (min-width: 1440px) { #w-node-cbf63911-2f50-6f35-e40d-1e5cfdb30d2b-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_6c4db45f-e5d3-eb0e-8a4f-fd92b66c5b62-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_6c4db45f-e5d3-eb0e-8a4f-fd92b66c5b62-a630ef7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cbf63911-2f50-6f35-e40d-1e5cfdb30d2b-1e92cc69 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } } @media screen and (min-width: 1280px) { #w-node-_99a4cbb9-d50c-8ebc-d9f9-4da78020a64b-ab98ab1b { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #w-node-_99a4cbb9-d50c-8ebc-d9f9-4da78020a65a-ab98ab1b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e0cbc185-d75a-1ddf-6c02-7aef369eb301-befdd723 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-2bb9fc9e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-5c3f37de { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-e8f3382c { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-cf3712fd-a32e-3b92-3232-6a611a123e11-a630ef7f { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-1e92cc69 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e0cbc185-d75a-1ddf-6c02-7aef369eb301-1e92cc69 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-b9a2d8bd-10b1-9104-66ef-cb9387c9925f-f809d81b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_48ce7f53-3978-e1b4-b760-7e9c99828b8f-6e91622e { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } } @media screen and (max-width: 767px) { #w-node-_7a330613-686f-21e1-e66c-a091cdb8a821-c83b9e85 { -ms-grid-column-align: center; justify-self: center; } } @media screen and (max-width: 479px) { #w-node-e9683ce4-a2b0-7908-5e43-2eafa01ea989-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e516f015-e53e-3c19-7604-3fcad2d5e176-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-e9683ce4-a2b0-7908-5e43-2eafa01eaa41-a01ea966 { -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-_2bca03c5-1827-16fd-0c5b-e36291ad88be-a01ea966 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_104f0303-2938-4085-d5bf-70db8d879493-8d8793b2 { -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-c281f239-8700-f8f2-18f7-ccdd76a293b6-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_8a1d9601-1325-90da-7165-64aaebaa6b0e-ebaa6a33 { -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-_00b1d41c-ba29-ef98-e1bc-f052ad469bfd-ebaa6a33 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-_3ffd8eeb-20aa-9dcd-000e-b89f68d59a77-f58e308a { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } #w-node-f89e1bd4-e7ed-82ab-254a-030af58e316c-f58e308a { -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-8c7f2a50 { -ms-grid-column-align: start; justify-self: start; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-befdd723 { -ms-grid-column-align: auto; justify-self: auto; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cf1-befdd723 { -ms-grid-column-align: center; justify-self: center; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-2bb9fc9e { -ms-grid-column-align: auto; justify-self: auto; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cf1-2bb9fc9e { -ms-grid-column-align: center; justify-self: center; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-5c3f37de { -ms-grid-column-align: auto; justify-self: auto; } #w-node-d146af84-1046-02ea-bbf9-cecdd1233cf1-5c3f37de { -ms-grid-column-align: center; justify-self: center; } #w-node-_0609f272-ec7a-676b-5a40-57708ba08d44-e8f3382c { -ms-grid-column-align: start; justify-self: start; } #w-node-_0609f272-ec7a-676b-5a40-57708ba08d54-e8f3382c { -ms-grid-column-align: auto; justify-self: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-_488c6027-390b-ebc8-b64f-da449ad93346-e8f3382c { -ms-grid-column-align: start; justify-self: start; } #w-node-_90a5b1fa-6dff-7ac4-1514-22999ba09308-e8f3382c { -ms-grid-column-align: start; justify-self: start; } #w-node-_2f05caa9-ff26-1167-503d-d3aa7fe7a084-a630ef7f { -ms-grid-column-align: start; justify-self: start; } #w-node-_0db5ff08-9322-407c-c0c8-3e3f8a2fd9fc-000274b0 { -ms-grid-column-align: start; justify-self: start; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-000274b0 { -ms-grid-column-align: start; justify-self: start; } #w-node-_55ac8812-da79-941e-10b9-0dc15f342c97-000274b0 { -ms-grid-column-align: auto; justify-self: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-d0ce7eb5-3761-b474-cff3-d57f23dcde1d-23dcde1a { -ms-grid-column-align: start; justify-self: start; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-32d2ef1a { -ms-grid-column-align: start; justify-self: start; } #w-node-_55ac8812-da79-941e-10b9-0dc15f342c97-32d2ef1a { -ms-grid-column-align: auto; justify-self: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-c81199bc { -ms-grid-column-align: start; justify-self: start; } #w-node-_55ac8812-da79-941e-10b9-0dc15f342c97-c81199bc { -ms-grid-column-align: auto; justify-self: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-9aa63507 { -ms-grid-column-align: start; justify-self: start; } #w-node-_55ac8812-da79-941e-10b9-0dc15f342c97-9aa63507 { -ms-grid-column-align: auto; justify-self: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } #w-node-efed505f-17e2-afb3-9511-7cbcef4020e1-bd6bb92f { -ms-grid-column-align: start; justify-self: start; } #w-node-_7a330613-686f-21e1-e66c-a091cdb8a819-c83b9e85 { -ms-grid-column-align: start; justify-self: start; } #w-node-_17c1245f-ad9a-65a1-0d30-48e6f9e2dd41-1e92cc69 { -ms-grid-column-align: auto; justify-self: auto; } #w-node-_2f51b03f-fdd2-127e-894a-ac0e9cce6382-9cce6381 { -ms-grid-column-align: center; justify-self: center; } #w-node-b9a2d8bd-10b1-9104-66ef-cb9387c9925f-f809d81b { -ms-grid-column-align: auto; justify-self: auto; } #w-node-_6cb2d9ca-ce4b-be6f-8aae-0f829e772025-9e772015 { -ms-grid-column-align: start; justify-self: start; } #w-node-_4d1927f2-ff9e-4d40-60ec-b9ba49250a97-190a848e { -ms-grid-column-align: start; justify-self: start; } #w-node-_60c93008-72cf-c868-e9c8-7ca224531480-24531470 { -ms-grid-column-align: start; justify-self: start; } #w-node-f6fba7d1-54bc-7541-c7d1-26a0340d0c64-2726023d { -ms-grid-column-align: start; justify-self: start; } #w-node-a1b90027-2cb7-3bf4-e60b-07782d34dc67-2726023d { -ms-grid-column-align: start; justify-self: start; } #w-node-b1df6b63-7d25-1ba5-7a1c-516ee40ca390-c9349d04 { -ms-grid-column-align: start; justify-self: start; } #w-node-de826ced-6203-fefb-5ebd-d6499123aaf2-c9349d04 { -ms-grid-column-align: start; justify-self: start; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-2c64740e { -ms-grid-column-align: start; justify-self: start; } #w-node-_007a0be0-bed2-d1a1-f18c-b8609deb7648-8e2a2594 { -ms-grid-column-align: start; justify-self: start; } #w-node-faa8f372-16f9-1ec9-2a66-e67d8d7c2dd9-8e2a2594 { -ms-grid-column-align: center; justify-self: center; } #w-node-_9df737c4-3fad-683b-f7ed-54016f062504-cc59fdc3 { -ms-grid-column-align: start; justify-self: start; } #w-node-_1a9071c6-56c9-52e2-d1a3-0d54c696a865-cc59fdc3 { -ms-grid-column-align: start; justify-self: start; } } @font-face { font-family: 'Pulpdisplay'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d13319f99bb706fd40cac91_PulpDisplay-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: auto; } @font-face { font-family: 'Pulpdisplay'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d13319f7a7a1a564af3f57d_PulpDisplay-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Pulpdisplay'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d13319f2d63f32eac7d3cde_PulpDisplay-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Pulpdisplay'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5d1331a04b05c86f7bfc333b_PulpDisplay-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: auto; } @font-face { font-family: 'The fabriek pulp display'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f1080763be0fb63da76057c_The%20Fabriek%20-%20Pulp%20Display%20Light%20Italic.otf') format('opentype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'The fabriek pulp display'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f108076456a33dcdf1d54e6_The%20Fabriek%20-%20Pulp%20Display%20Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'The fabriek pulp display'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f1080769e38eb3407315b39_The%20Fabriek%20-%20Pulp%20Display%20Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'The fabriek pulp display'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f1080763be0fb5f6a76057b_The%20Fabriek%20-%20Pulp%20Display%20Bold%20Italic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'The fabriek pulp display'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f1080765b51b53a3237410c_The%20Fabriek%20-%20Pulp%20Display%20Medium%20Italic.otf') format('opentype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'The fabriek pulp display semi'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f1080765286c4013fa73d07_The%20Fabriek%20-%20Pulp%20Display%20Semi%20Bold%20Italic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'The fabriek pulp display'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f1080767297c1090b08e662_The%20Fabriek%20-%20Pulp%20Display%20Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'The fabriek pulp display'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f108076fff28da4af170548_The%20Fabriek%20-%20Pulp%20Display%20Regular%20Italic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'The fabriek pulp display semi'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f108076543e516ff8c231d6_The%20Fabriek%20-%20Pulp%20Display%20Semi%20Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'The fabriek pulp display'; src: url('https://uploads-ssl.webflow.com/5d1329454b05c80580fc0fb7/5f108076425b380df2ea9115_The%20Fabriek%20-%20Pulp%20Display%20Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; }