<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html><html lang='en' class=''>
<head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/toby5150/pen/kkvdLW?limit=all&page=24&q=cms" />
<style class="cp-pen-styles">/* Generated on: Wed Oct 05 2016 13:58:33 GMT+0000 (UTC) */
/* ==========================================================================
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:textfield;box-sizing:content-box}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,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons';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"}*{-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}.w-clearfix:after{clear:both}.w-preserve-3d{transform-style:preserve-3d}.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}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}a:focus{outline:0}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%}fieldset{padding:0;margin:0;border:0}button,html input[type="button"],input[type="reset"]{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed;background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-image:-webkit-linear-gradient(white 0, #f3f3f3 100%);background-image:linear-gradient(white 0, #f3f3f3 100%)}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0}.w-checkbox,.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-checkbox:before,.w-radio:before,.w-checkbox:after,.w-radio:after{content:" ";display:table}.w-checkbox:after,.w-radio:after{clear:both}.w-checkbox-input,.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-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table}.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{width:90% !important;height:auto !important;top:7px !important;left:6% !important;display:inline;text-align:center;overflow:hidden}.w-widget-map .gm-style-iw+div{display:none}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px;margin-left:7px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-widget-gplus{overflow:hidden}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;right:-100%;bottom:-100%;top:-100%;left:-100%;margin:auto;min-width:100%;min-height:100%;z-index:-100}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^="w-icon-"],.w-slider-arrow-right [class^="w-icon-"],.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"]{position:absolute}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-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-nav[data-collapse="all"] .w-dropdown,.w-nav[data-collapse="all"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="all"] .w-dropdown-list{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-dropdown,.w-nav[data-collapse="medium"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="medium"] .w-dropdown-list{position:static}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-dropdown,.w-nav[data-collapse="small"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="small"] .w-dropdown-list{position:static}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-dropdown,.w-nav[data-collapse="tiny"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="tiny"] .w-dropdown-list{position:static}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{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}.w-richtext:after{clear:both}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure[data-rt-type="video"]>div:before{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0;z-index:1}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before,.w-richtext figure img{cursor:default !important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0;color:transparent}.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.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[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%;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}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}.w--nav-menu-open{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay .w--nav-menu-open{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] .w--nav-menu-open{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] .w--nav-menu-open{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-condition-invisible{display:none !important}
/* ==========================================================================
Start of custom Webflow CSS
========================================================================== */
body {
font-family: 'Avenir Next', sans-serif;
color: #5b666d;
font-size: 16px;
line-height: 1.6em;
font-weight: 400;
}
h1 {
margin-top: 20px;
margin-bottom: 26px;
font-family: Circular, sans-serif;
color: #323b40;
font-size: 36px;
line-height: 40px;
font-weight: 600;
letter-spacing: -0.01em;
}
h2 {
margin-top: 0px;
margin-bottom: 16px;
font-family: Circular, sans-serif;
color: #323b40;
font-size: 28px;
line-height: 37px;
font-weight: 600;
}
h3 {
margin-top: 20px;
font-family: Circular, sans-serif;
color: #323b40;
font-size: 24px;
line-height: 30px;
font-weight: 600;
letter-spacing: -0.01em;
}
h4 {
margin-bottom: 8px;
font-family: Circular, sans-serif;
color: #323b40;
font-size: 17px;
line-height: 24px;
font-weight: 800;
letter-spacing: -0.01em;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Circular, sans-serif;
color: #9da9b0;
font-size: 14px;
line-height: 20px;
font-weight: 700;
letter-spacing: 0em;
text-transform: uppercase;
}
h6 {
margin-bottom: 10px;
font-family: Circular, sans-serif;
color: #3b67b3;
font-size: 12px;
line-height: 18px;
font-weight: 600;
text-align: left;
text-transform: uppercase;
}
p {
margin-bottom: 16px;
}
a {
color: #3b67b3;
text-decoration: none;
}
ul {
margin-bottom: 20px;
padding-left: 50px;
list-style-type: disc;
}
ol {
margin-bottom: 20px;
padding-left: 50px;
}
img {
display: inline-block;
max-width: 100%;
}
strong {
font-weight: 700;
}
blockquote {
margin-bottom: 10px;
padding: 10px 20px;
border-left: 5px solid #e2e2e2;
font-size: 18px;
line-height: 22px;
}
figure {
margin-bottom: 10px;
}
figcaption {
margin-top: 5px;
text-align: center;
}
.btn {
padding: 12px 20px;
border-radius: 3px;
background-color: #3b67b3;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
font-family: Circular, sans-serif;
color: #fff;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.btn:hover {
background-color: #30569c;
}
.btn:active {
-webkit-transform: translate(0px, 2px);
-ms-transform: translate(0px, 2px);
transform: translate(0px, 2px);
}
.btn:focus {
background-color: #30569c;
}
.btn.btn--green {
background-color: #3ac9aa;
}
.btn.btn--green:hover {
background-color: #28b095;
}
.btn.btn--green:focus {
background-color: #28b095;
}
.btn.btn--green.blog-cta {
padding-right: 60px;
padding-left: 60px;
background-color: #fff;
color: #1ec4d6;
}
.btn.btn--green.blog-cta:hover {
background-color: hsla(0, 0%, 100%, .93);
}
.btn.btn--green.blog-cta:active {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.btn.btn--green.workshops-button {
display: inline-block;
}
.btn.btn--green.btn--forum {
margin-right: 15px;
}
.btn.btn--green.get-started {
display: block;
width: 200px;
margin-right: auto;
margin-bottom: 45px;
margin-left: auto;
text-align: center;
}
.btn.btn--green.btn-price {
margin-top: 20px;
padding: 12px 10px;
font-size: 14px;
}
.btn.btn--cyan {
background-color: #1ec4d6;
}
.btn.btn--cyan:hover {
background-color: #00acbf;
}
.btn.btn--cyan:focus {
background-color: #00acbf;
}
.btn.btn--cyan.btn-full-width {
display: block;
width: 100%;
height: 49px;
padding-top: 11px;
}
.btn.btn--cyan.blog-subscribebtn {
width: auto;
height: auto;
margin-left: 9px;
padding: 3px 10px 3px 33px;
float: right;
background-color: #1ec4d6;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5641b840d784a04e1fa09dc9_email-icon-white.svg");
background-position: 9px 50%;
background-repeat: no-repeat;
line-height: 25px;
}
.btn.btn--cyan.blog-subscribebtn:hover {
background-color: #19aebe;
}
.btn.btn--cyan.blog-subscribebtn:active {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.btn.btn--cyan.blog-subscribebtn.simple {
padding-right: 5px;
padding-left: 5px;
background-color: transparent;
background-image: none;
-webkit-transition: background-color 200ms ease, color 200ms ease;
transition: background-color 200ms ease, color 200ms ease;
color: #68767d;
}
.btn.btn--cyan.blog-subscribebtn.simple:hover {
background-color: rgba(30, 196, 214, 0);
color: #1ec4d6;
}
.btn.btn--purple {
background-color: #7d75d9;
}
.btn.btn--purple:hover {
background-color: #6e65c2;
}
.btn.btn--purple:focus {
background-color: #6e65c2;
}
.btn.btn--hollow {
padding: 10px 18px;
border: 2px solid #3b67b3;
background-color: transparent;
color: #3b67b3;
}
.btn.btn--hollow.btn-cyan {
border-color: rgba(30, 196, 214, .9);
color: #1ec4d6;
}
.btn.btn--hollow.btn--purple {
border-color: rgba(125, 117, 217, .9);
color: #7d75d9;
}
.btn.btn--hollow.btn--purple:hover {
background-color: transparent;
}
.btn.btn--hollow.btn-white {
border-width: 2px;
border-color: #fff;
color: #fff;
}
.btn.btn--hollow.btn-white.feature-collapse {
display: none;
}
.btn.btn--hollow.btn-white.study-card {
display: inline-block;
}
.btn.btn--hollow.btn-green {
border-color: #2fc2a2;
color: #2fc2a2;
}
.btn.btn--hollow {
border-color: rgba(59, 103, 179, .9);
}
.btn.btn--hollow:hover {
opacity: 0.7;
}
.btn.btn--hollow:focus {
background-color: transparent;
opacity: 0.7;
}
.btn.btn--hollow.btn--green {
border-color: rgba(58, 201, 170, .9);
color: #3ac9aa;
}
.btn.btn--hollow.btn--green:hover {
background-color: transparent;
}
.btn.btn--hollow.btn-gray {
padding: 11px 19px;
border-width: 1px;
border-color: #dee2e4;
color: #68767d;
}
.btn.btn--inverse {
background-color: #fff;
color: #3b67b3;
}
.btn.btn--inverse:hover {
opacity: 0.8;
}
.btn.btn--inverse.cyan {
color: #1da6bb;
}
.btn.btn--inverse-purple {
background-color: #fff;
color: #7d75d9;
}
.btn.btn--inverse-purple:hover {
opacity: 0.8;
}
.btn.btn--inverse-cyan {
background-color: #fff;
color: #1ec4d6;
}
.btn.btn--inverse-cyan:hover {
opacity: 0.8;
}
.btn.blog-featuredbutton {
border: 2px solid #fff;
background-color: transparent;
}
.btn.blog-featuredbutton:hover {
background-color: #fff;
color: #5b666d;
}
.btn.blog-featuredbutton:active {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.btn.footer-signup {
padding: 4px 12px 5px;
float: right;
background-color: #2fc2a2;
font-size: 15px;
line-height: 1.8em;
font-weight: 400;
}
.btn.footer-signup:hover {
background-color: #21ac8e;
}
.btn.btn-small {
padding-top: 5px;
padding-bottom: 5px;
}
.btnlink {
font-family: Circular, sans-serif;
color: #3b67b3;
text-decoration: none;
}
.btnlink.btnlink--cyan {
color: #1ec4d6;
}
.btnlink.btnlink--cyan.preview-link {
margin-bottom: 14px;
opacity: 1;
}
.btnlink.btnlink--purple {
color: #7d75d9;
}
.btnlink.btnlink--green {
color: #3ac9aa;
}
.paragraph.paragraph--ancillary {
color: #9da9b0;
font-size: 14px;
line-height: 20px;
}
.paragraph.paragraph--ancillary.footer-paragraph {
width: 150px;
}
.paragraph.paragraph--large {
font-size: 19px;
line-height: 29px;
}
.paragraph.paragraph--large.paragraph--blue {
color: #bfd7ff;
}
.paragraph.paragraph--large.subheadcentered {
display: block;
max-width: 560px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.paragraph.paragraph--large.paragraph--gray {
color: #8eadbc;
}
.paragraph.paragraph--large.paragraph--purple {
color: #d1cdff;
}
.paragraph.paragraph--large.paragraph--purple.subheadcentered {
color: #dadeff;
}
.paragraph.paragraph--large.paragraph--cyan {
color: #d3f9ff;
}
.paragraph.paragraph--large.pagehead-subheader {
margin-bottom: 0px;
}
.paragraph.paragraph--large.paragraph--light {
color: #c2dfee;
}
.paragraph.paragraph--large.paragraph--light.case-study-subhead {
margin-bottom: 0px;
font-weight: 200;
}
.paragraph.paragraph--light {
color: rgba(217, 233, 241, .68);
}
.paragraph.paragraph--light.paragraph--centered {
color: #c2dfee;
text-align: center;
}
.paragraph.view-position {
position: absolute;
left: 0px;
top: 0px;
display: none;
opacity: 0;
color: #68767d;
}
.paragraph.job-location {
position: absolute;
left: 0px;
top: 0px;
}
.imagecol-text {
padding-left: 80px;
}
.imagecol-image {
width: 60px;
height: auto;
margin-top: 14px;
float: left;
}
.doc-section {
margin-bottom: 100px;
}
.largehero {
overflow: hidden;
height: 660px;
padding-top: 100px;
background-image: -webkit-radial-gradient(circle farthest-side at 50% 0%, #425b69, #212f36 76%, #212f36 0);
background-image: radial-gradient(circle farthest-side at 50% 0%, #425b69, #212f36 76%, #212f36 0);
}
.largehero.largehero--blue {
overflow: hidden;
background-image: -webkit-linear-gradient(45deg, #2c5499, #3e97e6);
background-image: linear-gradient(45deg, #2c5499, #3e97e6);
}
.largehero.largehero--blue.designer-hero {
background-image: -webkit-linear-gradient(45deg, #243b64, #3764b3 55%, #5790f2 93%);
background-image: linear-gradient(45deg, #243b64, #3764b3 55%, #5790f2 93%);
}
.largehero.largehero--purple {
background-image: -webkit-linear-gradient(45deg, #2a255f, #7580d9 65%, #7eb0ff);
background-image: linear-gradient(45deg, #2a255f, #7580d9 65%, #7eb0ff);
}
.largehero.largehero--cyan {
position: relative;
background-image: -webkit-linear-gradient(45deg, #187b94, #1ec4d6 50%, #adf7f7);
background-image: linear-gradient(45deg, #187b94, #1ec4d6 50%, #adf7f7);
}
.largehero.hero-pricing {
height: auto;
padding-bottom: 80px;
background-image: -webkit-linear-gradient(225deg, #3e5673 1%, #1a242e 91%);
background-image: linear-gradient(225deg, #3e5673 1%, #1a242e 91%);
}
.largehero.hero-home {
position: relative;
height: auto;
margin-bottom: 0px;
padding-top: 160px;
padding-bottom: 170px;
background-image: -webkit-linear-gradient(225deg, #3e5673, #1b2530 86%, #1a242e 0);
background-image: linear-gradient(225deg, #3e5673, #1b2530 86%, #1a242e 0);
}
.heading--light {
color: #fff;
font-size: 33px;
font-weight: 400;
}
.heading--light.pricing-head.pricing-free {
color: #48cfb1;
}
.heading--light.pricing-head.pricing-personal {
color: #609bff;
}
.heading--light.pricing-head.pricing-pro {
color: #00cae0;
}
.heading--light.pricing-head.pricing-team {
color: #9d95fa;
}
.largerhero-text {
padding-top: 80px;
padding-right: 30px;
}
.largerhero-text.pricing-header {
padding-top: 0px;
text-align: center;
}
.largerhero-text.cms-herotext {
padding-right: 36px;
}
.largerhero-text.features-header {
padding-top: 72px;
text-align: center;
}
.heading--centered {
display: block;
max-width: 520px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.heading--centered.edit-heading {
padding-right: 129px;
padding-left: 129px;
}
.heading--centered.half-section--logos-header {
margin-top: 0px;
color: #a8c0cc;
font-weight: 400;
}
.section {
padding: 80px 20px;
box-shadow: 0 -1px 0 0 rgba(0, 31, 51, .13);
}
.section.section--gray {
background-color: #f7f8fa;
box-shadow: 0 -1px 0 0 rgba(0, 31, 51, .13);
}
.section.section--gray.section-benefits {
display: block;
padding-top: 73px;
padding-bottom: 60px;
}
.section.section--gray.section-responsive-example {
overflow: hidden;
}
.section.section--gray.section-hero {
padding-top: 134px;
padding-bottom: 30px;
}
.section.section--gray.feature-page {
padding-top: 0px;
padding-bottom: 30px;
}
.section.section--dark {
background-image: -webkit-linear-gradient(45deg, #1a242e 10%, #3e5673 98%);
background-image: linear-gradient(45deg, #1a242e 10%, #3e5673 98%);
}
.section.section--dark.section-signup-case-study {
padding-top: 70px;
padding-bottom: 40px;
}
.section.section--dark.blog-aboutsection {
padding-bottom: 30px;
background-image: -webkit-linear-gradient(45deg, #1cb4c5 10%, #1ec4d6 98%);
background-image: linear-gradient(45deg, #1cb4c5 10%, #1ec4d6 98%);
}
.section.footer {
padding-top: 50px;
padding-bottom: 30px;
line-height: 1.8em;
}
.section.section--blue {
background-image: -webkit-linear-gradient(45deg, #2c5499, #3e97e6);
background-image: linear-gradient(45deg, #2c5499, #3e97e6);
}
.section.section--blue.comparison {
padding-top: 70px;
padding-bottom: 70px;
}
.section.section--purple {
background-image: -webkit-linear-gradient(45deg, #48428a, #94a0ff);
background-image: linear-gradient(45deg, #48428a, #94a0ff);
}
.section.section--cyan {
background-image: -webkit-linear-gradient(45deg, #187b94 1%, #1ec4d6 50%, #adf7f7 98%);
background-image: linear-gradient(45deg, #187b94 1%, #1ec4d6 50%, #adf7f7 98%);
}
.section.section-case-study {
padding-top: 60px;
padding-bottom: 60px;
background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .2), hsla(0, 0%, 100%, .18));
background-image: linear-gradient(45deg, rgba(0, 0, 0, .2), hsla(0, 0%, 100%, .18));
color: #fff;
text-align: center;
}
.section.section-case-study.solutions--agency-quote {
background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .2), hsla(0, 0%, 100%, .18)), -webkit-linear-gradient(270deg, #d62f6a, #d62f6a);
background-image: linear-gradient(45deg, rgba(0, 0, 0, .2), hsla(0, 0%, 100%, .18)), linear-gradient(180deg, #d62f6a, #d62f6a);
}
.section.section-cms-edit {
overflow: hidden;
}
.section.section-cms-education {
padding-top: 80px;
background-image: -webkit-linear-gradient(45deg, #2a255f, #7580d9 65%, #7eb0ff);
background-image: linear-gradient(45deg, #2a255f, #7580d9 65%, #7eb0ff);
}
.section.alt-pricing {
padding-bottom: 60px;
}
.section.setion--values {
background-color: #323b40;
box-shadow: none;
color: #adc3cf;
}
.section.blog-gridsection {
padding-top: 0px;
padding-bottom: 0px;
}
.section.section--featureshero {
padding-bottom: 50px;
}
.section.nobottom {
overflow: hidden;
height: 600px;
padding-bottom: 0px;
}
.section.site-info {
padding-top: 16px;
padding-bottom: 16px;
color: #94a9b5;
font-size: 14px;
line-height: 1.8em;
text-align: center;
}
.section.extra-top-padding {
padding-top: 35px;
padding-bottom: 35px;
box-shadow: none;
}
.section.less-top-padding {
padding-top: 45px;
}
.section.mid-padding {
padding-top: 140px;
}
.u-killcolumn {
padding-right: 90px;
}
.u-killcolumn.structure {
padding-top: 30px;
}
.logowall-header {
margin-top: 29px;
color: #a8c0cc;
font-weight: 400;
text-align: center;
}
.signuplarge-field {
height: 49px;
margin-bottom: 30px;
padding: 0px 16px;
border-style: none;
border-radius: 3px;
background-color: rgba(204, 238, 255, .17);
color: #fff;
font-size: 16px;
line-height: 24px;
}
.footer-link {
display: block;
overflow: hidden;
max-height: 46px;
color: #5b666d;
font-size: 15px;
line-height: 45px;
text-decoration: none;
}
.footer-link:hover {
color: #3b67b3;
}
.footer-logo {
display: block;
margin-bottom: 11px;
float: none;
}
.site-thumbnail {
overflow: hidden;
margin-bottom: 20px;
padding-top: 0px;
border-radius: 3px;
background-color: #fff;
box-shadow: inset 0 0 0 1px rgba(0, 31, 51, .13);
color: #9da9b0;
text-decoration: none;
}
.site-thumbnail-image {
position: relative;
display: block;
overflow: hidden;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.site-thumbnail-info {
position: relative;
padding: 10px 16px;
}
.site-thumbnail-title {
font-family: Circular, sans-serif;
color: #323b40;
font-size: 16px;
font-weight: 400;
}
.site-thumbnail-meta {
margin-top: -4px;
margin-bottom: 4px;
font-size: 15px;
}
.site-thumbnail-meta-item {
display: inline-block;
margin-right: 8px;
padding-top: 5px;
padding-left: 20px;
}
.site-thumbnail-meta-item.item-views {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e76fb58a68bc9d74b9ca11_eye-icon.svg");
background-position: 0px 57%;
background-repeat: no-repeat;
}
.site-thumbnail-meta-item.item-likes {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e76fd49c51d2fd037ff911_heart-icon.svg");
background-position: 0px 58%;
background-repeat: no-repeat;
}
.site-thumbnail-meta-item.item-comments {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e76ff39c51d2fd037ff914_comment-icon.svg");
background-position: 0px 58%;
background-repeat: no-repeat;
}
.feature-block {
margin-bottom: 24px;
}
.feature-category {
margin-top: 6px;
margin-bottom: 20px;
font-size: 20px;
}
.feature-category.feature-category-blue {
margin-bottom: 14px;
color: #3b67b3;
font-size: 20px;
text-transform: none;
}
.thumbnail-overlay {
position: absolute;
width: 100%;
height: 100%;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: rgba(30, 47, 56, .05);
background-image: -webkit-radial-gradient(circle farthest-side at 48% -48%, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0) 82%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 83%);
background-image: radial-gradient(circle farthest-side at 48% -48%, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0) 82%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 83%);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
text-align: center;
}
.thumbnail-overlay:hover {
background-color: rgba(30, 47, 56, .9);
}
.course-card {
position: relative;
width: 100%;
height: 180px;
margin-bottom: 20px;
padding: 9px 24px 24px;
border: 1px solid rgba(0, 31, 51, .11);
border-radius: 3px;
background-color: #fff;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
color: #54636b;
text-decoration: none;
}
.course-card:hover {
border-color: rgba(0, 31, 51, .14);
background-color: #fafcfc;
}
.card-link {
float: left;
color: #1ec4d6;
font-weight: 600;
}
.card-count {
display: inline-block;
float: right;
color: #9da9b0;
}
.course-card-image {
width: 50px;
margin-top: 6px;
margin-right: -8px;
float: right;
}
.course-card-description {
padding-right: 80px;
}
.cta-centered {
margin-top: 60px;
text-align: center;
}
.cta-centered.cta-education {
margin-top: 40px;
}
.course-cards {
margin-top: 53px;
}
.stories {
margin-top: 37px;
margin-bottom: -19px;
}
.section-category {
margin-top: 4px;
text-align: center;
}
.section-category.section-category-design {
color: #abc6f7;
font-size: 12px;
}
.section-category.section-category-cms {
color: #d0ccff;
font-size: 12px;
}
.section-category.section-category-community {
color: #a4f1fc;
font-size: 12px;
}
.testimonials {
margin-top: 46px;
}
.dropdown-arrow {
position: absolute;
left: 21px;
top: -9px;
display: inline-block;
width: 20px;
height: 9px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e7de3a2a7d855a26af2cd2_dropdown-arrow.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
.navitem-text {
line-height: 26px;
}
.navitem-text.navitem-arrow {
padding-right: 18px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e88680427f5d0f707c8585_arrow-down.svg");
background-position: 38px 11px;
background-repeat: no-repeat;
}
.navitem-text.navitem-arrow.arrow-dark {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e6527ad904e13174d7d65c_angle-down-white.svg");
background-size: auto;
}
.nav {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 70px;
background-color: transparent;
}
.nav.nav--dark {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
}
.navitem {
position: relative;
display: inline-block;
padding: 22px 15px;
float: left;
opacity: 0.5;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
font-family: 'Circular Semibold';
color: #323b40;
font-size: 13px;
text-decoration: none;
}
.navitem:hover {
opacity: 1;
}
.navitem.w--current {
opacity: 1;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: #3b67b3;
}
.navitem.navitem-more.navitem--dark {
opacity: 0.7;
}
.navitem.navitem--dark {
opacity: 0.7;
font-family: 'Circular Regular';
color: #fff;
}
.navitem.navitem--dark:hover {
opacity: 1;
}
.navitem.navitem--dark.w--current {
opacity: 1;
}
.navitems {
float: left;
}
.navbrand {
margin-right: 15px;
padding-top: 22px;
padding-bottom: 22px;
}
.menu {
position: relative;
left: -12px;
top: 10px;
display: none;
min-width: 130px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 0 1px rgba(0, 31, 51, .09), 0 4px 20px 0 rgba(0, 31, 51, .07);
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.menu-item {
display: block;
padding: 2px 12px;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
font-family: 'Circular Regular';
color: #68767d;
font-size: 13px;
text-decoration: none;
}
.menu-item:hover {
color: #323b40;
}
.account {
float: right;
}
.btn-signup {
display: inline-block;
margin-top: 22px;
margin-left: 3px;
padding: 4px 12px 5px;
border-radius: 3px;
background-color: #2fc2a2;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
font-family: Circular, sans-serif;
color: #fff;
font-size: 15px;
line-height: 1.8em;
font-weight: 400;
}
.btn-signup:hover {
background-color: #2fc2a2;
color: #fff;
}
.btn-signup.btn-signup--dark {
margin-left: 10px;
border-color: #fff;
background-color: transparent;
box-shadow: inset 0 0 0 2px #fff;
color: #fff;
}
.btn-signup.btn-signup--dark:hover {
background-color: #fff;
color: #2fc2a2;
}
.btn-signup.btn-signup--dark.blog-subscribe {
float: right;
}
.btn-signup.in-cta-bar {
margin-top: 10px;
margin-left: 0px;
}
.nav--sticky {
position: fixed;
left: 0px;
top: -70px;
right: 0px;
display: none;
height: 70px;
background-color: #fff;
box-shadow: 0 1px 0 0 rgba(0, 31, 51, .11);
}
.pagehead {
padding-top: 100px;
padding-bottom: 60px;
}
.pagehead.pagehead--subnav {
padding-bottom: 0px;
}
.pagehead.about {
padding-top: 132px;
padding-bottom: 68px;
background-color: #fff;
}
.pagehead-header {
margin-bottom: 16px;
}
.tab {
margin-right: 25px;
padding: 11px 0px;
background-color: transparent;
font-family: Circular, sans-serif;
color: #68767d;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.tab:hover {
color: #323b40;
}
.tab.w--current {
margin-top: 0px;
margin-bottom: -4px;
border-bottom: 2px solid #3b67b3;
background-color: transparent;
color: #3b67b3;
}
.tab.w--current:hover {
color: #3b67b3;
}
.tab.tab--current {
border-bottom: 3px solid #3b67b3;
color: #3b67b3;
}
.tab.tab--last {
margin-right: 0px;
}
.tab.blog-tab {
display: inline-block;
padding-top: 18px;
padding-bottom: 17px;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
color: #323b40;
font-size: 15px;
font-weight: 400;
}
.tab.blog-tab:hover {
color: #1ec4d6;
}
.tab.blog-tab.w--current {
border-bottom: 1px solid #1ec4d6;
color: #1ec4d6;
}
.tab.tab-leftalign {
margin-right: 20px;
margin-left: 0px;
}
.subnav {
margin-top: 22px;
}
.subnav.subnav-center {
text-align: center;
}
.inline-link {
border-bottom: 1px dotted #5e88d2;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
color: #3b67b3;
text-decoration: none;
}
.inline-link:hover {
border-bottom: 1px solid #5e88d2;
}
.inline-link.inline-link--light {
border-bottom-width: 1px;
border-bottom-color: hsla(0, 0%, 100%, .3);
color: #c2dfee;
}
.inline-link.inline-link--light:hover {
color: #fff;
}
.section--compact {
padding-top: 25px;
padding-bottom: 60px;
}
.design-card {
display: inline-block;
overflow: hidden;
width: 200px;
height: 300px;
margin-right: 30px;
float: left;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.design-card.design-card-last {
margin-right: 0px;
}
.design-card-top {
position: relative;
overflow: hidden;
height: 50%;
background-color: #e9eff2;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e8d9e9d52b9f5b494c6649_image-watermark.png");
background-position: 50% 50%;
background-size: 52px;
background-repeat: no-repeat;
}
.design-card-top.second-card {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612c525606072814eae7682_placeholder-image2.jpg");
background-size: 228px;
}
.design-card-top.third-card {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612c5114fc4c5d011d717b8_placeholder-image3.jpg");
background-position: 50% 100%;
background-size: 228px;
background-repeat: repeat;
}
.design-card-bottom {
height: 50%;
padding: 14px;
}
.card-image {
width: 200px;
height: 200px;
min-width: 1px;
margin-top: -30px;
border-radius: 90%;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612c539567ef2d111bb77fc_placeholder-image.jpg");
background-position: 50% 50%;
background-size: 228px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.card-price {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
border-radius: 51%;
background-color: rgba(30, 35, 38, .75);
color: #fff;
font-size: 14px;
line-height: 40px;
text-align: center;
}
.card-overlay {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: rgba(240, 132, 0, .3);
box-shadow: inset 0 0 0 2px #f08400;
opacity: 0;
}
.floating-image-tile {
position: absolute;
left: -140px;
top: 200px;
width: 116px;
height: 147px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e8dff5a161cb911799192a_image-tile.png");
background-position: 0px 0px;
background-size: 116px;
opacity: 0;
}
.design-animation-area {
position: relative;
display: inline-block;
float: left;
}
.home-design-graphic {
display: block;
width: 660px;
margin: 37px auto -6px;
}
.design-card-title {
color: #323b40;
font-size: 16px;
font-weight: 700;
text-align: left;
}
.design-card-btn {
position: relative;
display: block;
width: 120px;
padding: 10px 14px;
border-radius: 3px;
background-color: #2fc2a2;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
}
.design-card-btn:hover {
background-color: #20ab8d;
}
.btn-outline {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 101%;
opacity: 0;
}
.card-photo-size {
margin-top: 4px;
text-align: left;
}
.btn-class-tag {
position: absolute;
left: -4px;
top: -22px;
padding: 4px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background-color: #168cf6;
opacity: 0;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #fff;
font-size: 11px;
line-height: 11px;
font-weight: 400;
}
.home-cms-graphic {
display: block;
max-width: 960px;
margin-right: auto;
margin-left: auto;
padding-top: 36px;
}
.team-mock-image {
position: relative;
width: 620px;
height: 428px;
border-radius: 3px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612c585f0c86e824ef2b913_team-mock.jpg");
background-size: 620px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
}
.db {
border-radius: 3px;
background-color: rgba(32, 28, 84, .48);
}
.db-panel {
position: relative;
box-shadow: inset 0 -1px 0 0 rgba(23, 20, 71, .25);
-webkit-transition: opacity 100ms ease-out;
transition: opacity 100ms ease-out;
font-family: 'Roboto Mono', sans-serif;
color: #f9f6ff;
font-size: 12px;
line-height: 22px;
font-weight: 300;
cursor: default;
}
.db-panel.db-panel--last {
box-shadow: none;
font-size: 12px;
}
.db-label {
color: #bbb5ff;
}
.db-panel-count {
position: absolute;
top: 0px;
right: 0px;
padding-right: 8px;
padding-left: 8px;
border-bottom-left-radius: 2px;
background-color: rgba(23, 20, 71, .26);
}
.db-highlight {
display: inline-block;
width: 131px;
height: 190px;
margin-left: -1px;
float: left;
border: 1px solid #857ce6;
border-radius: 3px;
background-color: rgba(126, 119, 219, .08);
opacity: 0;
-webkit-transition: opacity 100ms ease-in-out;
transition: opacity 100ms ease-in-out;
cursor: help;
}
.db-highlight:hover {
opacity: 1;
}
.db-highlight.highlight-throwaway {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
display: none;
}
.db-highlights {
position: absolute;
left: 50px;
top: 191px;
width: 520px;
height: 190px;
}
.db-data {
padding: 8px 15px 11px;
opacity: 0.4;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}
.db-data:hover {
opacity: 0.4;
}
.db-data.db-panel-1 {
padding-top: 8px;
}
.data-tiles {
position: relative;
right: 0px;
display: block;
width: 440px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
.data-tile {
display: inline-block;
width: 92px;
height: 122px;
margin-right: 20px;
margin-bottom: 20px;
border-radius: 4px;
background-color: #323b40;
}
.data-tile.data-text {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e9ef19e5f959b3162dbf94_data-text.png");
background-position: 20px 20px;
background-size: 52px;
background-repeat: no-repeat;
}
.data-tile.data-video {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e9ef19e5f959b3162dbf95_data-video.png");
background-position: 20px 20px;
background-size: 52px;
background-repeat: no-repeat;
}
.data-tile.data-image {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e9ef06eeda7b834645123b_data-image.png");
background-position: 20px 20px;
background-size: 52px;
background-repeat: no-repeat;
}
.data-tile.data-link {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e9ef0673421bb516a8968a_data-link.png");
background-position: 20px 20px;
background-size: 52px;
background-repeat: no-repeat;
}
.data-tile.data-date {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e9ef3573421bb516a8969c_data-date.png");
background-position: 20px 20px;
background-size: 52px;
background-repeat: no-repeat;
}
.data-tile.data-map {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e9ef4d9579808146ea28f7_data-location.png");
background-position: 20px 20px;
background-size: 52px;
background-repeat: no-repeat;
}
.data-tile.data-number {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e9ef35eeda7b834645124b_data-number.png");
background-position: 20px 20px;
background-size: 52px;
background-repeat: no-repeat;
}
.data-tile.data-switch {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55e9ef35eeda7b834645124c_data-switch.png");
background-position: 20px 20px;
background-size: 52px;
background-repeat: no-repeat;
}
.data-description {
padding-top: 83px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #a1acb3;
font-size: 14px;
text-align: center;
}
.data-description.data-selected {
color: #fff;
}
.data-tile-last {
margin-right: 0px;
}
.data-tile-active {
position: absolute;
width: 92px;
height: 122px;
border-radius: 4px;
background-color: #0098ff;
background-image: -webkit-linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-image: linear-gradient(45deg, #7d75d9, #8e85f2 96%);
opacity: 0;
}
.data-tile-active:hover {
border-radius: 4px;
}
.data-tile-active.data-tile-active-text {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea03feb38b97ab25a920a3_data-text-selected.png"), -webkit-linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea03feb38b97ab25a920a3_data-text-selected.png"), linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-position: 20px 20px, 0px 0px;
background-size: 52px, auto;
background-repeat: no-repeat, repeat;
}
.data-tile-active.data-tile-active-location {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea03d3b38b97ab25a9209d_data-location-selected.png"), -webkit-linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea03d3b38b97ab25a9209d_data-location-selected.png"), linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-position: 20px 20px, 0px 0px;
background-size: 52px, auto;
background-repeat: no-repeat, repeat;
}
.data-tile-active.data-tile-active-image {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea03d2b38b97ab25a9209c_data-image-selected.png"), -webkit-linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea03d2b38b97ab25a9209c_data-image-selected.png"), linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-position: 20px 20px, 0px 0px;
background-size: 52px, auto;
background-repeat: no-repeat, repeat;
}
.data-tile-active.data-tile-active-link {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea03d2446aa36155cf6a82_data-link-selected.png"), -webkit-linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea03d2446aa36155cf6a82_data-link-selected.png"), linear-gradient(45deg, #7d75d9, #8e85f2 96%);
background-position: 20px 20px, 0px 0px;
background-size: 52px, auto;
background-repeat: no-repeat, repeat;
}
.tile-holder {
position: relative;
display: inline-block;
}
.cms-listing-graphic {
display: block;
max-width: 940px;
margin: 54px auto 40px;
}
.food-list-item {
position: relative;
overflow: hidden;
width: 380px;
height: 114px;
margin-bottom: 20px;
padding: 16px;
border-radius: 3px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea33c0446aa36155cf73bc_listing-placeholder.png");
background-position: 0px 0px;
background-size: 380px;
background-repeat: no-repeat;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #385870;
font-size: 15px;
}
.listing-image {
position: absolute;
left: 16px;
top: 16px;
overflow: hidden;
width: 84px;
height: 84px;
margin-right: 16px;
float: left;
border-radius: 3px;
background-color: #cfd7dd;
}
.restaurant-name {
position: absolute;
left: 94px;
top: 15px;
display: inline-block;
overflow: hidden;
width: 0px;
margin-bottom: 2px;
padding-right: 20px;
background-color: #e9eef2;
opacity: 0;
font-size: 18px;
font-weight: 700;
}
.restaurant-location {
position: absolute;
left: 94px;
top: 45px;
display: inline-block;
overflow: hidden;
width: 0px;
margin-bottom: 0px;
padding-right: 20px;
padding-left: 16px;
background-color: #e9eef2;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea1e03446aa36155cf7055_location-pin.png");
background-position: 0px 50%;
background-size: 12px;
background-repeat: no-repeat;
opacity: 0;
color: #788996;
}
.restaurant-link {
position: absolute;
left: 94px;
top: 76px;
display: inline-block;
overflow: hidden;
width: 0px;
padding-right: 20px;
background-color: #e9eef2;
opacity: 0;
color: #7d75d9;
font-weight: 700;
}
.restaurant-backing {
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
width: 100%;
height: 100%;
background-color: #e9eef2;
opacity: 0;
}
.gradient-mask {
position: absolute;
top: 0px;
right: 0px;
width: 20px;
height: 30px;
background-image: -webkit-linear-gradient(0deg, rgba(233, 238, 242, 0), #e9eef2);
background-image: linear-gradient(90deg, rgba(233, 238, 242, 0), #e9eef2);
}
.listing-image-mask {
border-radius: 50%;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
.pot-title {
position: relative;
display: inline-block;
margin-bottom: 12px;
float: left;
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
.pot-title.insert-t {
display: none;
}
.pot-title.insert-h {
display: none;
}
.pot-title.insert-i {
display: none;
}
.pot-title.insert-r {
display: none;
}
.pot-title.insert-d {
display: none;
}
.caret {
position: absolute;
left: 129px;
top: 0px;
z-index: 9999;
display: none;
width: 2px;
height: 32px;
max-width: 2px;
background-color: #385870;
}
.dynamic-text-wrapper {
position: absolute;
left: 50%;
top: 167px;
margin-left: -100px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #385870;
font-size: 18px;
}
.text-highlight {
position: relative;
left: 87px;
display: none;
width: 88px;
height: 32px;
border-left: 2px solid #385870;
background-color: #d1d2ef;
}
.text-highlight-mask {
position: absolute;
left: 112px;
top: 0px;
overflow: hidden;
width: 89px;
height: 32px;
}
.text-toolbar {
position: absolute;
left: -77px;
top: -34px;
display: none;
width: 352px;
height: 49px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55ea769c00033d955456f3e2_toolbar.png");
background-position: 50% 50%;
background-size: 352px;
background-repeat: no-repeat;
opacity: 0;
}
.row--centered {
text-align: center;
}
.design-graphic {
position: relative;
display: block;
max-width: 960px;
margin: 40px auto 60px;
}
.responsive-graphic {
position: relative;
margin-top: 40px;
margin-bottom: 60px;
text-align: center;
}
.small-centered-image {
margin-bottom: 0px;
}
.browser-top {
height: 255px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612cb7f567ef2d111bb79f0_browser-top.jpg");
background-position: 0px 0px;
background-size: 540px;
background-repeat: no-repeat;
}
.browser-mid {
position: relative;
height: 10px;
padding-right: 41px;
padding-left: 41px;
background-color: #faf8f2;
}
.browser-bottom {
height: 299px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612cb8f606072814eae789b_browser-bottom.jpg");
background-position: 0px 0px;
background-size: 540px;
}
.browser {
position: relative;
z-index: 1;
overflow: hidden;
max-width: 540px;
border-radius: 3px;
box-shadow: 0 0 80px 0 rgba(15, 29, 51, .12), 0 0 0 1px rgba(0, 31, 51, .11);
}
.browser-border {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 31, 51, .11);
border-radius: 4px;
}
.browser-header {
position: absolute;
left: 43px;
top: 15px;
opacity: 0;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
font-family: Oswald, sans-serif;
color: #423e35;
font-size: 15px;
font-weight: 400;
}
.placement-line {
position: absolute;
left: 40px;
top: 273px;
width: 460px;
height: 2px;
background-color: #198df7;
opacity: 0;
}
.drop-zone {
position: absolute;
left: 29px;
top: 264px;
width: 482px;
height: 270px;
border: 1px solid #f08400;
border-radius: 2px;
opacity: 0;
}
.text-node {
position: absolute;
left: -190px;
top: 410px;
z-index: 999;
width: 116px;
height: 146px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f1b6e1ce9c82f21cf5f607_text-node.png");
background-position: 0px 0px;
background-size: 116px;
background-repeat: no-repeat;
opacity: 0;
}
.style-panel {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 7px;
border-radius: 3px;
background-color: #323b40;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #fff;
font-size: 12px;
font-weight: 800;
}
.stylepanel-header {
margin-bottom: 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 22px;
background-color: #242a2e;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0d9f2dc2c72c10c5c7e6d_dd-arrow-white.png");
background-position: 9px 50%;
background-size: 7px;
background-repeat: no-repeat;
}
.style-row {
position: relative;
}
.row {
width: 380px;
height: 44px;
}
.row.row1 {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0dcf535aeaba23b76499c_panel1.png");
background-position: 0px 0px;
background-size: 380px;
background-repeat: no-repeat;
}
.row.row2 {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0dcf5223cb6a43b8d619c_panel2.png");
background-position: 0px 0px;
background-size: 380px;
background-repeat: no-repeat;
}
.row.row2-active {
position: absolute;
left: 0px;
top: 0px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0dcf507a15fc00ca89e72_panel2-active.png");
background-position: 0px 0px;
background-size: 380px;
background-repeat: no-repeat;
opacity: 0;
}
.row.row3 {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0dcf5223cb6a43b8d619d_panel3.png");
background-position: 0px 0px;
background-size: 380px;
background-repeat: no-repeat;
}
.row.row3-active {
position: absolute;
left: 0px;
top: 0px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0dcf5dc2c72c10c5c8012_panel3-active.png");
background-position: 0px 0px;
background-size: 380px;
background-repeat: no-repeat;
opacity: 0;
}
.row.row4 {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0dcf507a15fc00ca89e73_panel4.png");
background-position: 0px 0px;
background-size: 380px;
background-repeat: no-repeat;
}
.row.row4-active {
position: absolute;
left: 0px;
top: 0px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0dcf5dc2c72c10c5c8013_panel4-active.png");
background-position: 0px 0px;
background-size: 380px;
background-repeat: no-repeat;
opacity: 0;
}
.selected {
position: absolute;
top: 0px;
right: 7px;
width: 205px;
height: 44px;
border: 1px solid #7db9fc;
border-radius: 2px;
background-color: rgba(76, 160, 255, .21);
opacity: 0;
}
.selected.selected-left {
left: 7px;
width: 165px;
}
.editor {
border-radius: 3px;
background-color: #323b40;
font-family: 'Roboto Mono', sans-serif;
}
.editor-header {
overflow: hidden;
padding-top: 3px;
padding-bottom: 5px;
border-radius: 3px;
background-color: #242a2e;
color: #697b85;
font-size: 12px;
text-align: center;
}
.editor-code {
position: relative;
overflow: visible;
height: 290px;
padding: 14px;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: #8d9da6;
font-size: 12px;
}
.editor-line {
display: none;
opacity: 0;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
line-height: 22px;
}
.editor-line.editor-line-new {
color: #7db9fc;
}
.editor-line.editor-line-1 {
display: none;
opacity: 0;
}
.container-tag {
position: absolute;
left: 196px;
top: -24px;
padding-right: 8px;
padding-left: 8px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background-color: #f08400;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #fff;
font-size: 12px;
}
.style-column {
right: 210px;
}
.design-column {
left: 201px;
z-index: 20;
}
.header-outline {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.style-header-caps {
display: none;
text-transform: uppercase;
}
.device-laptop {
position: absolute;
left: 150px;
top: 0px;
width: 494px;
height: 298px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b0805491b0bd0044aca63_device-large--small%402x.png");
background-position: 0px 0px;
background-size: 494px;
background-repeat: no-repeat;
}
.device-tablet {
position: absolute;
left: 376px;
top: 10px;
width: 172px;
height: 255px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b082d7cd87bd204567b33_device-medium--small%402x.png");
background-position: 0px 0px;
background-size: 172px;
background-repeat: no-repeat;
}
.device-mobile {
position: absolute;
left: 412px;
top: 41px;
width: 100px;
height: 202px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b083d7cd87bd204567b3e_device-small--small%402x.png");
background-position: 0px 0px;
background-size: 100px;
background-repeat: no-repeat;
}
.device-wrapper {
position: relative;
left: 50%;
display: block;
width: 794px;
height: 298px;
margin-right: auto;
margin-left: -397px;
}
.large-centered-heading {
margin-bottom: 23px;
font-family: Circular, sans-serif;
color: #fff;
font-weight: 400;
text-align: center;
}
.large-centered-heading.home {
margin-top: 60px;
}
.form-input {
height: 49px;
margin-bottom: 34px;
padding: 2px 16px 0px;
border-style: none;
border-radius: 2px;
background-color: rgba(161, 222, 255, .24);
color: #fff;
font-size: 16px;
line-height: 49px;
}
.form-input:focus {
box-shadow: inset 0 0 0 1px #1ec4d6;
}
.form-input.landingpage-field {
margin-bottom: 13px;
padding-top: 5px;
border: 1px solid #323b40;
background-color: rgba(164, 185, 196, .24);
}
.form-input.landingpage-field:hover {
color: #fff;
}
.form-input.landingpage-field:focus {
border: 1px solid #1ec4d6;
color: #323b40;
}
.form-input.nomargin {
margin-bottom: 0px;
background-color: #fff;
}
.form-input.whiteinput {
background-color: hsla(0, 0%, 100%, .9);
}
.hero-graphic {
position: absolute;
left: 50%;
top: -95px;
display: block;
overflow: hidden;
width: 1200px;
height: 694px;
margin-left: -600px;
border-radius: 5px;
background-color: #313b41;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612d186567ef2d111bb7bcd_app-chrome.png");
background-position: 0px 0px;
background-size: 1200px;
background-repeat: no-repeat;
box-shadow: 0 10px 80px 0 rgba(15, 29, 51, .5);
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.hero-graphic.landing-herographic {
position: absolute;
left: 0%;
top: 34px;
bottom: 0px;
margin-left: 0px;
}
.hero-graphic.landing-herographic.in-lp {
left: 0%;
top: 20%;
right: 0%;
bottom: auto;
display: block;
margin-right: auto;
margin-left: auto;
}
.hero-graphic-wrapper {
position: relative;
display: none;
height: 662px;
}
.hero-form {
margin-top: 41px;
}
.hero-form.landing {
margin-top: 26px;
}
.hero-form.comparisonlanding {
margin-top: 16px;
margin-bottom: 16px;
}
.hero-canvas {
position: absolute;
left: 35px;
top: 35px;
width: 925px;
height: 719px;
background-color: #e6edf0;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #54636b;
font-size: 14px;
}
.ex-header {
height: 0px;
padding-top: 0px;
padding-right: 64px;
padding-left: 64px;
background-color: #fff;
}
.ex-content {
padding-top: 40px;
padding-right: 54px;
padding-left: 54px;
}
.ex-container {
position: relative;
height: 234px;
margin-bottom: 20px;
}
.ex-container.ex-large-tile {
height: 488px;
}
.ex-bounds {
position: absolute;
left: 0px;
top: 0px;
width: 0%;
height: 0%;
background-color: rgba(0, 36, 51, .02);
box-shadow: inset 0 0 0 1px rgba(10, 39, 51, .2);
opacity: 0;
}
.ex-bounds.bound-1 {
opacity: 0;
}
.ex-bounds.bound-3 {
background-color: rgba(0, 36, 51, .01);
}
.ex-bounds.bound-4 {
width: 0%;
height: 0%;
}
.ex-item-tag {
position: absolute;
left: -7px;
top: 1px;
display: inline-block;
padding: 5px 7px;
border-bottom-right-radius: 2px;
background-color: rgba(10, 39, 51, .2);
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #fff;
font-size: 12px;
line-height: 12px;
}
.ex-item-tag.item-dynamic {
background-color: #a78aff;
opacity: 0;
}
.data-btn {
position: absolute;
left: 26px;
top: 100px;
z-index: 200;
padding: 6px 20px;
border: 2px solid #a78aff;
border-radius: 26px;
background-color: transparent;
opacity: 0;
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #9f80ff;
font-size: 14px;
font-weight: 700;
}
.ex-title {
position: relative;
top: -10px;
opacity: 0;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
line-height: 18px;
font-weight: 700;
}
.ex-subtitle {
position: relative;
top: -10px;
opacity: 0;
color: #82898c;
font-size: 13px;
}
.ex-image {
position: relative;
display: block;
overflow: hidden;
width: 184.25px;
height: 183px;
margin-bottom: 12px;
opacity: 1;
text-align: center;
}
.ex-image.image-tall {
width: 388.5px;
height: 436px;
}
.ex-mugshot {
position: absolute;
right: 0px;
bottom: 2px;
border-radius: 16px;
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
.ex-main-nav {
position: relative;
top: -10px;
margin-bottom: 4px;
padding-top: 26px;
padding-left: 67px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f8b2ab08e1f07863e2777a_m-logo%402x.png");
background-position: 0px 70%;
background-size: 37px;
background-repeat: no-repeat;
opacity: 0;
}
.ex-search {
width: 450px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 33px;
border-color: #dee2e3;
border-radius: 2px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f8b3aa63f82e7b63b06ebb_search%402x.png");
background-position: 11px 50%;
background-size: 14px;
background-repeat: no-repeat;
}
.ex-nav-item {
position: relative;
top: -10px;
display: inline-block;
margin-left: 15px;
float: right;
opacity: 0;
text-align: right;
text-decoration: none;
}
.ex-link {
color: #54636b;
text-decoration: none;
}
.ex-link.light-text {
color: #a0b4bf;
}
.ex-nav {
display: inline-block;
margin-top: 8px;
float: right;
}
.ex-form-wrapper {
position: relative;
top: -10px;
display: inline-block;
margin-bottom: 0px;
opacity: 0;
}
.ex-filter {
position: relative;
top: -10px;
display: inline-block;
margin-right: 24px;
margin-bottom: 5px;
opacity: 0;
-webkit-transform: translate(0px, -10px);
-ms-transform: translate(0px, -10px);
transform: translate(0px, -10px);
}
.ex-filter.selected-filter {
padding-bottom: 6px;
border-bottom: 2px solid #28353b;
font-weight: 700;
}
.ex-filter.ex-count {
margin-right: 0px;
float: right;
text-align: right;
}
.ex-bounds-large {
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
background-color: rgba(0, 36, 51, .02);
box-shadow: inset 0 0 0 1px rgba(10, 39, 51, .2);
}
.ex-bounds-dynamic {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 36, 51, .02);
box-shadow: inset 0 0 0 1px #a78aff;
opacity: 0;
}
.ex-image-1 {
position: relative;
left: 0px;
top: 0px;
display: block;
overflow: hidden;
width: 184px;
height: 184px;
margin-bottom: 12px;
}
.ex-title-1 {
position: relative;
top: -10px;
opacity: 0;
line-height: 18px;
font-weight: 700;
}
.ex-subhead-1 {
position: relative;
top: -10px;
opacity: 0;
color: #82898c;
font-size: 13px;
}
.ex-mugshot-1 {
position: absolute;
right: 0px;
bottom: 2px;
border-radius: 16px;
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
.ex-image-target {
position: relative;
left: -41px;
top: -41px;
width: 264px;
height: 264px;
max-width: none;
border-radius: 240px;
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
.ex-image-target-1 {
position: relative;
left: -41px;
top: -41px;
max-width: none;
border-radius: 140px;
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
.ex-favs {
position: absolute;
top: 0px;
right: 0px;
padding: 4px 8px 4px 28px;
background-color: rgba(217, 98, 117, .9);
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55fa0efbd50ae91d431b8a58_fav%402x.png");
background-position: 8px 50%;
background-size: 15px;
background-repeat: no-repeat;
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
color: #fff;
text-align: right;
}
.ex-favs.ex-fav-second {
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
.ex-favs.ex-fav-first {
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
.cursor-pointer {
position: absolute;
left: 0px;
top: 530px;
right: -10px;
z-index: 999;
width: 28px;
height: 31px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55fa53b3f3d37c285c089a6a_cursor-pointer%402x.png");
background-position: 0px 0px;
background-size: 28px;
background-repeat: no-repeat;
opacity: 0;
}
.ex-image-target-large {
position: relative;
left: -99px;
top: -75px;
max-width: none;
border-radius: 380px;
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
.ex-image-overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(41, 53, 59, .1);
background-image: -webkit-radial-gradient(circle farthest-side at 0% 0%, hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0) 98%);
background-image: radial-gradient(circle farthest-side at 0% 0%, hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0) 98%);
opacity: 0;
}
.story-card {
position: relative;
overflow: hidden;
width: 100%;
min-height: 340px;
margin-bottom: 12px;
padding-top: 85%;
border-radius: 3px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.card-veil {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.8;
-webkit-transition: background-color 200ms ease-out;
transition: background-color 200ms ease-out;
}
.preview-card-text {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
padding-top: 20px;
padding-right: 30%;
padding-left: 30px;
color: #fff;
}
.preview-card-title {
margin-top: 0px;
color: #fff;
font-size: 22px;
line-height: 30px;
font-weight: 400;
letter-spacing: 0em;
}
.preview-card-type {
margin-bottom: 8px;
font-family: 'Avenir Next', sans-serif;
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.05em;
}
.preview-card-logo {
position: relative;
max-width: 100px;
margin-top: 40px;
margin-right: 30px;
margin-left: 30px;
}
.community-collage {
position: relative;
display: block;
width: 700px;
height: 400px;
margin-right: auto;
margin-left: auto;
}
.collage-item-1 {
position: absolute;
left: 80px;
top: 20px;
}
.collage-avatar {
overflow: hidden;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: rgba(0, 0, 0, .2);
}
.collage-item-2 {
position: absolute;
left: 160px;
top: 0px;
}
.collage-screen {
overflow: hidden;
width: 140px;
height: 100px;
border-radius: 2px;
box-shadow: 0 3px 6px 0 rgba(0, 34, 51, .25);
}
.collage-screen.collage-screen-large {
width: 220px;
height: 160px;
}
.collage-item-3 {
position: absolute;
left: 320px;
top: 40px;
}
.collage-item-4 {
position: absolute;
left: 400px;
top: 0px;
}
.collage-item-5 {
position: absolute;
left: 640px;
top: 100px;
}
.collage-item-6 {
position: absolute;
top: 100px;
}
.collage-item-7 {
position: absolute;
left: 160px;
top: 120px;
}
.collage-item-8 {
position: absolute;
left: 400px;
top: 180px;
}
.collage-item-9 {
position: absolute;
left: 560px;
top: 180px;
}
.collage-item-10 {
position: absolute;
top: 220px;
}
.collage-item-11 {
position: absolute;
left: 80px;
top: 220px;
}
.collage-item-12 {
position: absolute;
left: 108px;
top: 300px;
}
.collage-item-13 {
position: absolute;
left: 268px;
top: 300px;
}
.collage-item-14 {
position: absolute;
left: 348px;
top: 300px;
}
.collage-item-15 {
position: absolute;
left: 508px;
top: 300px;
}
.collage-item-16 {
position: absolute;
left: 588px;
top: 300px;
}
.community-site-veil {
position: absolute;
width: 100%;
height: 101%;
background-image: -webkit-radial-gradient(circle closest-corner at 50% 0%, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0)), -webkit-linear-gradient(270deg, rgba(1, 9, 13, .02), rgba(1, 9, 13, .1) 86%);
background-image: radial-gradient(circle closest-corner at 50% 0%, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0)), linear-gradient(180deg, rgba(1, 9, 13, .02), rgba(1, 9, 13, .1) 86%);
}
.community-likes {
position: absolute;
right: 10px;
bottom: 10px;
display: none;
height: 23px;
padding-left: 22px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55fc60b1ec31a9f65f7592fa_white-heart.png");
background-position: 0px 63%;
background-size: 16px;
background-repeat: no-repeat;
color: #fff;
text-align: right;
}
.community-container {
margin-top: 40px;
margin-bottom: 60px;
}
.site-link-overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(37, 49, 57, .9);
opacity: 0;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #fff;
text-align: center;
text-decoration: none;
}
.site-link-overlay:hover {
opacity: 1;
}
.site-preview-name {
font-size: 14px;
}
.site-creator {
width: 40px;
height: 40px;
margin-bottom: 4px;
border-radius: 20px;
}
.site-attribution {
position: relative;
top: 50%;
margin-top: -34px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.community-collage-container {
padding-top: 60px;
}
.logo-cloud {
display: block;
width: 100%;
max-width: 380px;
margin-top: 54px;
margin-right: auto;
margin-left: auto;
}
.logo-cloud.logo-cloud--dark {
opacity: 0.3;
}
.btn--large {
overflow: hidden;
width: 200px;
height: 200px;
margin-bottom: 10px;
padding: 10px 16px;
background-image: -webkit-linear-gradient(270deg, #2fc2a2, #1ec4d6 99%);
background-image: linear-gradient(180deg, #2fc2a2, #1ec4d6 99%);
box-shadow: 1px 1px 3px 0 #323b40;
-webkit-transform: scale(2) rotate(15deg);
-ms-transform: scale(2) rotate(15deg);
transform: scale(2) rotate(15deg);
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
line-height: 22px;
text-align: center;
}
.style-panel-graphic {
position: relative;
width: 760px;
height: 682px;
margin-top: 54px;
}
.style-panel-1 {
position: absolute;
left: 0px;
top: 82px;
width: 240px;
height: 260px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55feb477f4cccf8a065bf73e_effects%20panel%402x.png");
background-position: 0px 0px;
background-size: 240px;
}
.style-panel-1.styling-panel {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612cded4fc4c5d011d719db_effects-panel%402x.png");
background-size: 240px;
}
.style-panel-2 {
position: absolute;
left: 0px;
top: 362px;
width: 240px;
height: 320px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55feb4772dd3bd8b06a83a5d_typography%20panel%402x.png");
background-position: 0px 0px;
background-size: 240px;
}
.style-panel-2.styling-panel {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612ce37606072814eae7997_typography-panel%402x.png");
background-size: 240px;
}
.style-panel-3 {
position: absolute;
left: 260px;
top: 0px;
width: 240px;
height: 184px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55feb4778e08a9ae7873bf6e_shadows%20panel%402x.png");
background-position: 0px 0px;
background-size: 240px;
}
.style-panel-3.styling-panel {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612ce01567ef2d111bb7aad_shadows-panel%402x.png");
background-size: 240px;
}
.style-panel-4 {
position: absolute;
left: 260px;
top: 204px;
width: 240px;
height: 220px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55feb4778e08a9ae7873bf6d_border%20panel%402x.png");
background-position: 0px 0px;
background-size: 240px;
}
.style-panel-4.styling-panel {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612ce1e606072814eae798a_border-panel%402x.png");
background-size: 240px;
}
.style-panel-5 {
position: absolute;
left: 260px;
top: 444px;
width: 240px;
height: 158px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55feb477f4cccf8a065bf73d_background%20panel%402x.png");
background-position: 0px 0px;
background-size: 240px;
}
.style-panel-5.styling-panel {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612ce2a606072814eae7992_background-panel%402x.png");
background-size: 240px;
}
.style-panel-6 {
position: absolute;
left: 520px;
top: 42px;
width: 240px;
height: 510px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55feb4772dd3bd8b06a83a5c_position%20panel%402x.png");
background-position: 0px 0px;
background-size: 240px;
}
.style-panel-6.styling-panel {
border-radius: 3px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5612ce0c606072814eae7984_position-panel%402x.png");
background-size: 240px;
}
.feature-callout {
padding-top: 46px;
border-top: 1px solid rgba(0, 31, 51, .11);
}
.styling-panel {
border-radius: 3px;
box-shadow: 2px 0 8px 0 rgba(5, 19, 51, .2), inset 0 0 0 1px #272727;
}
.cms-video-col {
padding-top: 80px;
text-align: center;
}
.quote-card {
margin-bottom: 20px;
border-radius: 3px;
background-color: #fff;
box-shadow: inset 0 0 0 1px rgba(0, 31, 51, .11);
color: #68767d;
text-decoration: none;
}
.quote-card-head {
padding: 16px 14px;
border-bottom: 1px solid rgba(0, 31, 51, .11);
}
.quote-card-head.quote-twitter {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56007f0ae98b15490f92fd8a_twitter-icon.png");
background-position: 91% 50%;
background-size: 23px;
background-repeat: no-repeat;
}
.quote-card-content {
padding: 22px 30px;
}
.quote {
padding: 0px;
border-style: none;
font-family: Circular, sans-serif;
color: #323b40;
font-size: 19px;
line-height: 26px;
}
.quote-author {
margin-bottom: 2px;
color: #5b666d;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.quote-detail {
color: #9da9b0;
font-size: 14px;
line-height: 12px;
}
.quote-photo {
width: 40px;
height: 40px;
margin-right: 14px;
float: left;
border-radius: 20px;
}
.case-study-hero {
position: relative;
padding: 20vh 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #2a383f;
}
.case-study-bglogo {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 100% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
opacity: 0.05;
}
.case-study-title {
margin-top: 0px;
color: #fff;
line-height: 50px;
}
.primary-quote {
display: block;
max-width: 560px;
margin-right: auto;
margin-left: auto;
border-style: none;
font-family: Circular, sans-serif;
font-size: 28px;
line-height: 40px;
font-weight: 400;
}
.author-photo {
display: block;
width: 80px;
height: 80px;
margin-right: auto;
margin-left: auto;
border-radius: 120px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/573a1857bc3b15ee164d1c96_sergie.jpg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.heading--inline {
display: inline;
}
.heading--inline.heading--lowercase {
text-transform: lowercase;
}
.heading--inline.heading-inline--light {
color: #fff;
}
.header--concatenated {
text-align: center;
}
.header--concatenated.header--light {
margin-bottom: 20px;
}
.benefits {
margin-top: 26px;
}
.secondary-quote {
margin-top: 42px;
padding-top: 40px;
box-shadow: 0 -1px 0 0 rgba(0, 31, 51, .11);
}
.large-quote {
display: block;
max-width: 730px;
margin-right: auto;
margin-left: auto;
border-style: none;
font-family: Circular, sans-serif;
font-size: 28px;
line-height: 40px;
text-align: center;
}
.quote-attribution {
color: #68767d;
text-align: center;
}
.quote-attribution.quote-attribution-light {
color: #fff;
}
.empty {
display: none;
}
.case-study-video {
z-index: 0;
overflow: hidden;
margin-top: 20px;
border-radius: 2px;
box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .4);
}
.webflow-reasons {
margin-top: 36px;
padding-top: 34px;
box-shadow: 0 -1px 0 0 rgba(0, 31, 51, .13);
}
.author.half-section--author {
color: #fff;
}
.site-examples-container {
margin-top: 40px;
margin-bottom: -26px;
}
.price-head {
height: 216px;
margin-right: 30px;
margin-left: 30px;
padding: 16px 0px 12px;
border-bottom: 1px solid rgba(156, 220, 255, .17);
}
.pricing-wrapper {
padding-top: 20px;
padding-bottom: 20px;
box-shadow: 0 0 0 0 rgba(0, 31, 51, .13);
}
.price-large {
display: inline-block;
color: #fff;
font-size: 42px;
line-height: 49px;
}
.pricing-unit {
display: inline-block;
margin-right: -22px;
margin-left: 4px;
color: #a8c0cc;
font-size: 14px;
}
.pricing-features {
overflow: hidden;
height: 202px;
padding-top: 9px;
padding-right: 20px;
padding-left: 20px;
}
.pricing-feature {
padding-top: 10px;
padding-bottom: 10px;
color: #c2dfee;
}
.pricing-feature.excluded-feature {
opacity: 0.3;
color: #d4f1ff;
text-decoration: line-through;
}
.pricing-feature.pricing-feature--last {
padding-bottom: 18px;
border-bottom: 0px none #000;
}
.container {
display: block;
border: 1px solid rgba(0, 31, 51, .13);
border-radius: 4px;
background-color: #fff;
}
.container.job-container {
position: relative;
margin-bottom: 20px;
padding: 8px 20px 16px 26px;
color: #68767d;
text-decoration: none;
}
.tabs {
margin-top: 26px;
margin-bottom: 55px;
border-bottom: 1px solid rgba(0, 31, 51, .13);
font-family: Circular, sans-serif;
text-align: center;
}
.faq-question {
margin-bottom: 15px;
font-family: Circular, sans-serif;
color: #323b40;
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
.faq-item {
margin-bottom: 20px;
}
.tab--light {
margin-right: 10px;
padding-right: 0px;
padding-left: 0px;
background-color: transparent;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: rgba(194, 223, 237, .55);
font-size: 14px;
}
.tab--light:hover {
color: rgba(194, 223, 237, .75);
}
.tab--light.w--current {
background-color: transparent;
color: #fff;
}
.tab--light.w--current:hover {
color: #fff;
}
.tab-divider {
display: inline-block;
height: auto;
margin-top: 10px;
margin-right: 10px;
}
.light-tab-menu {
padding-bottom: 14px;
text-align: right;
}
.pricecol {
position: relative;
margin-bottom: 20px;
border-radius: 2px;
background-color: rgba(75, 115, 151, .2);
background-image: -webkit-linear-gradient(270deg, rgba(204, 238, 255, .05), rgba(204, 238, 255, 0));
background-image: linear-gradient(180deg, rgba(204, 238, 255, .05), rgba(204, 238, 255, 0));
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
text-align: center;
}
.colorbar {
height: 6px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.colorbar.colorbar-free {
background-color: #48cfb1;
background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2));
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2));
}
.colorbar.colorbar-team {
background-color: #857aff;
background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 98%);
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 98%);
}
.colorbar.colorbar-pro {
background-color: #00cae0;
background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 97%);
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 97%);
}
.colorbar.colorbar-personal {
background-color: #4a8cff;
background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 98%);
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 98%);
}
.webflow-logo {
height: 74px;
margin-right: 16px;
padding-top: 26px;
padding-bottom: 0px;
-webkit-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.webflow-logo.blog-logo {
height: 30px;
margin-top: 24px;
margin-right: 0px;
padding-top: 0px;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.webflow-logo.blog-logo:hover {
opacity: 0.7;
}
.webflow-logo.landingpage-logo {
display: block;
height: auto;
margin-bottom: 115px;
padding-top: 0px;
float: none;
}
.navigation {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 76px;
padding-right: 19px;
padding-left: 19px;
background-color: transparent;
}
.navigation.navigation--sticky {
position: fixed;
top: -76px;
background-color: #fff;
box-shadow: 0 1px 0 0 rgba(0, 31, 51, .13);
}
.navigation.navigation--sticky.sticky-target {
position: fixed;
top: -77px;
}
.navigation.lp-version {
border-bottom: 1px solid #e3e5e6;
}
.navlink {
padding: 27px 12px 26px;
-webkit-transition: color 100ms ease-in-out;
transition: color 100ms ease-in-out;
font-family: Circular, sans-serif;
color: hsla(0, 0%, 100%, .52);
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.navlink:hover {
color: #fff;
}
.navlink.w--current {
color: #fff;
}
.navlink.navlink-hidden {
display: none;
}
.navlink.navlink--dark {
color: #68767d;
}
.navlink.navlink--dark:hover {
color: #323b40;
}
.navlink.navlink--dark.w--current {
color: #3b67b3;
}
.navlink.navlink--dark.lp-sign-up-bar {
padding-top: 15px;
padding-bottom: 15px;
}
.navlink.blog-navlink {
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 8px;
float: left;
font-family: 'Avenir Next', sans-serif;
color: #fff;
font-size: 20px;
line-height: 1.6em;
font-weight: 400;
}
.navlink.bloglink {
float: right;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
color: hsla(0, 0%, 100%, .8);
}
.navlink.bloglink:hover {
color: #fff;
}
.nav-dropdown-toggle {
padding: 27px 40px 26px 12px;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
font-family: Circular, sans-serif;
color: hsla(0, 0%, 100%, .52);
font-size: 15px;
}
.nav-dropdown-toggle:hover {
color: #fff;
}
.nav-dropdown-toggle.w--open {
color: hsla(0, 0%, 100%, .88);
}
.nav-dropdown-toggle.dropdow--dark {
color: #68767d;
}
.nav-dropdown-toggle.dropdow--dark:hover {
color: #323b40;
}
.dropdown-menu {
padding-top: 10px;
padding-bottom: 10px;
border-radius: 4px;
background-color: #fff;
}
.dropdown-menu.w--open {
margin-top: -10px;
padding-top: 10px;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(0, 31, 51, .13);
}
.dropdown-item {
padding-top: 5px;
padding-bottom: 6px;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
font-family: Circular, sans-serif;
color: #68767d;
font-size: 15px;
font-weight: 400;
}
.dropdown-item:hover {
background-color: #f3f6f8;
color: #4579d2;
}
.dropdown-item.w--current {
color: #68767d;
}
.account-controls {
position: absolute;
right: 0px;
display: inline-block;
}
.team-example-image {
text-align: center;
}
.team-image-static {
display: none;
}
.hero-image-static {
display: none;
}
.data-type-static {
display: none;
}
.cms-design-static {
display: none;
}
.sitecol {
text-align: center;
}
.designer-style-static {
display: none;
}
.pricing-description {
color: #c2dfee;
font-size: 15px;
line-height: 22px;
}
.interactions {
position: relative;
overflow: hidden;
height: 400px;
border-radius: 4px;
background-image: -webkit-linear-gradient(45deg, #2c5499, #3e97e6 98%);
background-image: linear-gradient(45deg, #2c5499, #3e97e6 98%);
}
.interactions.interactions {
height: 470px;
}
.interactions-click.interactions {
text-align: center;
}
.interactions-hover.interactions {
background-image: -webkit-linear-gradient(45deg, #c74a6f, #ed668f 95%);
background-image: linear-gradient(45deg, #c74a6f, #ed668f 95%);
}
.interactions-load.interactions {
background-image: -webkit-linear-gradient(45deg, #11a787, #6fe8ce 95%);
background-image: linear-gradient(45deg, #11a787, #6fe8ce 95%);
}
.interactions-tab {
width: 31.33%;
margin-right: 3%;
padding-top: 11px;
padding-bottom: 12px;
float: left;
border: 2px solid #d7ddde;
border-radius: 3px;
background-color: #fff;
font-family: Circular, sans-serif;
color: #323b40;
font-weight: 600;
text-align: center;
}
.interactions-tab.w--current {
border-color: #323b40;
background-color: #fff;
color: #323b40;
}
.interactions-tab.interactions-tab--last {
margin-right: 0px;
}
.interactions-menu {
margin-top: 20px;
}
._wf-mark-load {
opacity: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
._wf-mark-load._wf-mark {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b174dd738f31e4e734eb0_mark-green.svg");
background-position: 52% 52%;
background-repeat: no-repeat;
-webkit-transform: scale(0.01) rotate(-180deg);
-ms-transform: scale(0.01) rotate(-180deg);
transform: scale(0.01) rotate(-180deg);
}
._wf-mark {
position: relative;
top: 50%;
display: block;
width: 100px;
height: 100px;
margin-top: -50px;
margin-right: auto;
margin-left: auto;
border-radius: 50%;
background-color: #fff;
}
._wf-mark-click._wf-mark {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b174d13b67dda401519e9_mark-blue.svg");
background-position: 52% 52%;
background-repeat: no-repeat;
}
.click-pulse {
position: absolute;
left: 50%;
top: 50%;
display: block;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
border: 2px solid #fff;
border-radius: 40px;
}
.interaction-tooltip {
position: relative;
top: 60px;
display: inline-block;
max-width: 240px;
padding: 11px 18px 10px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 4px 8px 0 rgba(9, 52, 102, .2);
color: #3b67b3;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.interaction-tooltip-arrow {
position: absolute;
left: 50%;
bottom: -15px;
width: 24px;
height: 15px;
margin-left: -12px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5609ce64a423fa7e5ff6e82c_tooltip-arrow.png");
background-position: 0px 0px;
background-size: 24px;
}
.interaction-tooltip-next.interaction-tooltip {
position: relative;
left: 0px;
top: -78px;
right: 0px;
display: inline-block;
width: 112px;
margin-right: auto;
margin-left: auto;
font-family: Helvetica;
}
.next-tooltip-wrapper {
position: absolute;
left: 0px;
top: 0px;
display: inline-block;
width: 100%;
height: 100%;
opacity: 0;
text-align: center;
}
._wf-mark-hover._wf-mark {
left: 50%;
display: inline-block;
width: 100px;
height: 100px;
margin-left: -50px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b174d58dc87dc400e80cf_mark-red.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
.particle {
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-radius: 50%;
}
.particle-1.particle {
margin-top: -10px;
margin-left: -10px;
border-radius: 3px;
}
.particle-2.particle {
width: 12px;
height: 12px;
margin-top: -6px;
margin-left: -6px;
border-radius: 2px;
}
.particle-3.particle {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
}
.particle-4.particle {
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
}
.particle-5.particle {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
border-radius: 3px;
}
.particle-container {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
}
.particle-9.particle {
width: 28px;
height: 28px;
margin-top: -14px;
margin-left: -14px;
}
.particle-10.particle {
width: 14px;
height: 14px;
margin-top: -7px;
margin-left: -7px;
border-radius: 2px;
}
.particle-11.particle {
width: 18px;
height: 18px;
margin-top: -9px;
margin-left: -9px;
}
.particle-12.particle {
width: 26px;
height: 26px;
margin-top: -13px;
margin-left: -13px;
}
.sign-up-form {
position: relative;
}
.sign-up-form.landingpage-form {
margin-top: 15px;
}
.interactions-container {
margin-top: 40px;
margin-bottom: 60px;
}
.webflow-card {
position: relative;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 0 80px 0 rgba(15, 29, 51, .24);
}
.webflow-card.dark-bg {
box-shadow: 0 20px 50px 0 rgba(17, 34, 51, .5);
}
.webflow-card.dark-bg.landingvid {
display: none;
margin-bottom: 20px;
}
.play-overlay {
position: absolute;
left: 50%;
top: 50%;
width: 74px;
height: 74px;
margin-top: -37px;
margin-left: -37px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560ad9ce58dc87dc400e7698_play-icon.png");
background-position: 50% 50%;
background-size: 74px;
background-repeat: no-repeat;
}
.video-text-wrap {
padding-top: 46px;
padding-right: 61px;
}
.tag {
display: inline-block;
margin-bottom: 10px;
padding: 4px 8px;
border-radius: 2px;
background-color: #2fc2a2;
color: #fff;
font-size: 10px;
line-height: 16px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.card-paragraph {
margin-bottom: 10px;
}
.devices-static {
display: none;
}
.attribution-row {
margin-bottom: 60px;
text-align: center;
}
.attribution-row.attribution-interactions {
margin-top: 36px;
margin-bottom: 0px;
padding-top: 60px;
border-top: 1px solid #e3e6e8;
}
.feature-list {
margin-top: 24px;
padding-left: 18px;
}
.paragraph--gray {
color: #a8c0cc;
}
.paragraph--gray.paragraph--large {
font-size: 18px;
}
.input-wrapper {
position: relative;
text-align: center;
}
.large-form {
margin-bottom: 0px;
padding-top: 12px;
}
.form-wrapper {
padding-right: 40px;
padding-left: 40px;
}
.navigation-wrapper {
position: relative;
}
.account-controls-light {
position: absolute;
right: 0px;
}
.plans-container {
margin-bottom: -20px;
}
.feature-row {
margin-bottom: 45px;
padding-bottom: 28px;
border-bottom: 1px solid #e3e5e6;
}
.feature-row.feature-row-last {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 1px none #000;
}
.video-row {
margin-bottom: 0px;
padding-right: 72px;
padding-left: 72px;
}
.video-row.whatswf {
padding-right: 44px;
padding-left: 10px;
}
.validator {
position: absolute;
top: 59px;
right: 0px;
z-index: 999;
padding: 10px 14px;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 3px 0 rgba(14, 21, 24, .3);
opacity: 0;
color: #9da9b0;
font-size: 12px;
line-height: 16px;
}
.suggestion {
display: inline-block;
color: #68767d;
text-decoration: underline;
}
.validator-text {
display: block;
}
.validator-punctuation {
display: inline-block;
}
.tooltip-arrow {
position: absolute;
left: 50%;
top: -3px;
width: 15px;
height: 15px;
margin-left: -7.5px;
border-radius: 2px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tos-copy {
position: absolute;
right: 0px;
bottom: -8px;
opacity: 0;
color: rgba(168, 192, 204, .5);
font-size: 12px;
text-align: right;
}
.tos-copy.tos-right-aligned {
bottom: 3px;
max-width: 154px;
line-height: 20px;
}
.tos-link {
border-bottom: 1px dotted rgba(168, 192, 204, .4);
color: rgba(168, 192, 204, .5);
}
.tos-link:hover {
color: #a8c0cc;
}
.case-study-feature-header {
font-size: 22px;
}
.cms-edit-image {
position: relative;
left: 50%;
width: 1002px;
margin-left: -501px;
}
.cms-edit-wrapper {
margin-top: 17px;
margin-bottom: 15px;
}
.blinking-caret {
position: static;
width: 2px;
height: 32px;
background-color: #385870;
}
.caret-wrapper {
position: absolute;
left: 173px;
top: 0px;
width: 2px;
height: 32px;
opacity: 0.01;
}
.cms-feature-row {
margin-top: 16px;
}
.light-text {
color: hsla(0, 0%, 100%, .42);
font-size: 14px;
}
.faint-text {
color: #9da9b0;
font-size: 14px;
}
.hero-subhead {
margin-bottom: 36px;
font-family: 'Avenir Next', sans-serif;
color: hsla(0, 0%, 100%, .55);
font-size: 20px;
line-height: 30px;
font-weight: 400;
text-align: center;
}
.hero-subhead.design-hero {
padding-right: 50px;
color: #9ebcf1;
text-align: left;
}
.hero-subhead.cms-hero {
color: #b6b9f8;
text-align: left;
}
.hero-subhead.comm-hero {
color: #b6f6ff;
text-align: left;
}
.hero-subhead.pricing-subhead {
margin-bottom: 24px;
}
.column-left {
padding-right: 10px;
}
.column-right {
padding-left: 10px;
}
.bounds {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border-radius: 3px;
box-shadow: inset 0 0 0 1px rgba(10, 39, 51, .4);
opacity: 0;
}
.bounds.bounds--active {
box-shadow: inset 0 0 0 1px #7d75d9;
}
.cms-tag {
position: absolute;
left: 1px;
top: 1px;
padding: 5px 7px;
border-bottom-right-radius: 3px;
background-color: rgba(10, 39, 51, .4);
color: #fff;
font-size: 12px;
line-height: 12px;
}
.cms-tag.cms-tag-active {
background-color: #7d75d9;
}
.section-perfect {
padding-top: 80px;
padding-bottom: 80px;
}
.pricing-feature-text {
display: inline;
padding-bottom: 1px;
}
.pricing-feature-text.is-tooltip {
margin-bottom: -1px;
border-bottom: 1px dotted #567391;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.preview-text {
position: relative;
top: 20px;
opacity: 0;
font-family: Circular, sans-serif;
color: #fff;
font-size: 18px;
line-height: 180px;
font-weight: 400;
}
.lightbox-wrapper {
position: relative;
overflow: hidden;
border-radius: 3px;
box-shadow: 0 20px 40px 0 rgba(17, 0, 71, .2);
}
.lesson-tile {
margin-bottom: 20px;
padding: 20px 26px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 1px 5px 0 rgba(17, 0, 71, .1);
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #68767d;
text-decoration: none;
}
.lesson-tile:hover {
opacity: 0.9;
}
.lesson-tile-heading {
display: inline-block;
margin-top: 0px;
}
.lesson-tile-link {
margin-top: 10px;
font-family: Circular, sans-serif;
color: #7d75d9;
font-weight: 600;
}
.play-icon {
position: absolute;
left: 50%;
top: 50%;
width: 74px;
height: 74px;
margin-top: -37px;
margin-left: -37px;
border-radius: 50%;
background-color: rgba(59, 51, 92, .4);
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560ad9ce58dc87dc400e7698_play-icon.png");
background-position: 0px 0px;
background-size: 74px;
}
.play-icon.controls {
margin-top: -47px;
}
.hosting-detail {
margin-top: 0px;
color: #9da9b0;
font-size: 14px;
}
.workshop-form {
display: block;
max-width: 550px;
margin-right: auto;
margin-left: auto;
padding-right: 10px;
padding-left: 10px;
color: #9da9b0;
}
.large-heading-centered {
margin-top: 28px;
padding-right: 249px;
padding-left: 249px;
font-size: 32px;
line-height: 38px;
font-weight: 600;
text-align: center;
}
.scrolling-examples {
position: relative;
overflow: hidden;
width: 100%;
height: 270px;
padding: 10px;
border-bottom: 1px solid rgba(0, 31, 51, .13);
background-color: #fff;
}
.example {
position: relative;
display: block;
overflow: hidden;
width: 280px;
height: 200px;
margin-right: 10px;
float: left;
border-radius: 2px;
background-color: rgba(13, 33, 46, .05);
text-align: center;
}
.example.example-psiu {
position: relative;
display: inline;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/561f0caa5e18cb414bd79097_psiu.jpg");
background-position: 0px 0px;
background-size: 280px;
}
.example.example-mtv {
position: relative;
background-color: #31393d;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/562534da56ca9ef43ab70283_mtv-logo.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
.example.example-history {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/561f0caacddcd5dc0151df92_history.jpg");
background-position: 0px 0px;
background-size: 280px;
}
.example.example--pinterest {
position: relative;
background-color: #bd081c;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/562534f01a8e04445fa09c5e_pinterest-logo.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
.example.example--portfolio {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/561f0caa24b768083c3998fb_portfolio.jpg");
background-position: 0px 0px;
background-size: 280px;
}
.example.example-ideo {
position: relative;
background-color: #6ac9c8;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/562535074cd74b9329c97caa_ideo-logo.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
.example.example-uniqlo {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/561f0caa486f4d404b3c6320_uniqlo.jpg");
background-position: 0px 0px;
background-size: 280px;
}
.example.example-salesforce {
position: relative;
background-color: #2791c4;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5625351556ca9ef43ab7028e_salesforce-logo.svg");
background-position: 50% 50%;
background-size: 115px;
background-repeat: no-repeat;
}
.example-wrapper {
position: absolute;
left: 0%;
top: 0px;
overflow: visible;
width: 4650px;
height: 100%;
margin-left: 0px;
padding-left: 10px;
}
.investor-logos {
margin-top: 50px;
text-align: center;
}
.investor {
height: 49px;
margin-right: 50px;
margin-bottom: 40px;
}
.investor-row {
padding-right: 0px;
padding-left: 50px;
}
.category-color {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 4px;
margin-top: -1px;
margin-bottom: 58px;
margin-left: -1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.job-title {
margin-bottom: 6px;
}
.tab-pane {
overflow: visible;
}
.tab-content {
overflow: visible;
}
.view-wrapper {
position: relative;
height: 25px;
}
.table-cell {
position: relative;
height: 66px;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
}
.table-cell.table-cell--grey {
background-color: #f7f9fa;
}
.table-cell.add-on {
height: 66px;
margin-right: 2px;
margin-left: 2px;
padding-top: 21px;
border: 1px solid #e3e6e8;
border-radius: 3px;
font-weight: 600;
text-align: center;
}
.table-cell.add-on.left {
margin-right: 10px;
}
.table-cell.add-on.right {
margin-left: 10px;
}
.table-heading {
position: relative;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Avenir Next', sans-serif;
color: #9da9b0;
font-size: 12px;
line-height: 66px;
font-weight: 600;
}
.table-heading.cell-heading {
display: none;
margin-bottom: 12px;
line-height: 14px;
text-align: center;
}
.table-data {
line-height: 66px;
text-align: center;
}
.table-cell-checked {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/562132baf554c39f7d195108_check-mark.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
}
.table-cell-null {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56204acc6ff16b855d74bd8e_dash%402x.png");
background-position: 50% 50%;
background-size: 18px;
background-repeat: no-repeat;
background-attachment: scroll;
}
.fifth-col {
width: 25%;
float: left;
}
.table-top {
height: 268px;
text-align: center;
}
.plan {
margin-top: 0px;
margin-bottom: 26px;
font-weight: 400;
}
.plan.team {
color: #7d75d9;
}
.plan.pro {
color: #1ec4d6;
}
.plan.personal {
color: #3b67b3;
}
.plan.free {
color: #2fc2a2;
}
.price {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
margin-bottom: 16px;
color: #323b40;
font-size: 30px;
font-weight: 600;
}
.price.price--monthly {
display: none;
opacity: 0;
-webkit-transform: translate(40px, 0px);
-ms-transform: translate(40px, 0px);
transform: translate(40px, 0px);
}
.price-wrapper {
position: relative;
height: 44px;
}
.plan-unit {
color: #9da9b0;
font-size: 14px;
font-weight: 400;
}
.plan-description {
min-height: 45px;
font-size: 14px;
line-height: 20px;
}
.plan-description.plan-choice {
margin-top: 30px;
padding-right: 8px;
padding-left: 8px;
color: rgba(91, 102, 109, .52);
font-size: 12px;
line-height: 16px;
}
.th-first {
padding-right: 35px;
padding-left: 16px;
}
.question-mark {
position: absolute;
top: 17px;
right: 6px;
width: 30px;
height: 30px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5620804b6f76c6865d832542_question-mark.png");
background-position: 50% 50%;
background-size: 18px;
background-repeat: no-repeat;
opacity: 0.4;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.question-mark:hover {
opacity: 0.9;
}
.hero-heading {
margin-top: 0px;
}
.hero-heading.low-padding {
margin-bottom: 10px;
}
.hero-heading.low-padding.center {
display: block;
width: 85%;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.full-col {
width: 50%;
float: left;
}
.hosting-row {
height: 66px;
margin-top: 21px;
margin-bottom: 20px;
}
.hosting-row.hosting-row--last {
margin-bottom: 0px;
}
.price-unit {
color: #9da9b0;
font-size: 14px;
}
.control-wrapper {
position: relative;
display: inline-block;
width: 118px;
height: 30px;
margin-bottom: 6px;
}
.control-wrapper.static {
width: 102px;
height: 30px;
}
.control {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
display: inline-block;
padding-top: 2px;
border: 1px solid #e3e5e6;
border-radius: 2px;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
color: #9da9b0;
font-size: 11px;
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
}
.control:hover {
color: #3b67b3;
}
.control.control-monthly {
display: none;
}
.control.static:hover {
color: #9da9b0;
}
.tight-heading {
padding-right: 50px;
}
.mid-header {
margin-top: 22px;
margin-bottom: 0px;
padding-top: 26px;
border-top: 1px solid #e8ebed;
}
.header-special {
color: #9da9b0;
}
.benefits-col {
margin-top: 19px;
}
.value-header {
margin-top: 18px;
margin-bottom: 18px;
color: #fff;
line-height: 35px;
}
.large-job-title {
display: block;
margin-top: 0px;
margin-bottom: 10px;
font-size: 30px;
}
.hero-header {
margin-bottom: 24px;
}
.header-text {
display: block;
float: left;
text-align: left;
}
.header-action {
position: relative;
display: block;
padding-top: 8px;
float: right;
}
.location {
display: inline-block;
padding-left: 24px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/562579dec012a59a54493c8d_location-pin.svg");
background-position: 0px 43%;
background-repeat: no-repeat;
color: #68767d;
font-size: 18px;
}
.block-heading {
margin-bottom: 20px;
font-size: 22px;
}
.block-heading.block-heading--highlight {
color: #2fc2a2;
}
.sub-section {
margin-bottom: 34px;
padding-bottom: 36px;
border-bottom: 1px solid rgba(0, 31, 51, .13);
}
.sub-section.sub-section--last {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px none #000;
}
.sub-section.sub-section--last.controls {
padding-top: 26px;
}
.content-column {
padding-top: 28px;
}
.bullet-list {
margin-bottom: -10px;
}
.bullet-list li {
margin-bottom: 6px;
}
.bullet-list ul {
padding-left: 15px;
}
.course-list {
margin-top: 34px;
}
.benefit {
height: 288px;
margin-bottom: 20px;
padding: 40px 30px 24px;
border: 1px solid rgba(0, 31, 51, .11);
border-radius: 3px;
background-color: #fff;
text-align: center;
}
.benefit-description {
line-height: 25px;
}
.benefit-list {
margin-top: 50px;
}
.benefit-name {
margin-bottom: 12px;
}
.control-left {
float: left;
}
.control-right {
float: right;
}
.value-section {
padding-top: 100px;
padding-bottom: 100px;
box-shadow: 0 1px 0 0 #424d52;
font-size: 18px;
line-height: 28px;
}
.value-section.last {
padding-bottom: 40px;
box-shadow: none;
}
.gallery-veil {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 100;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, 0) 75%, #fff);
background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, 0) 75%, #fff);
}
.full-height-wrapper {
height: 100vh;
margin-bottom: 0px;
padding-bottom: 46px;
background-image: -webkit-linear-gradient(45deg, #1a242e 1%, #3e5673);
background-image: linear-gradient(45deg, #1a242e 1%, #3e5673);
}
.full-height-wrapper.landingpage-wrapper {
height: 100%;
padding-bottom: 24px;
background-image: -webkit-linear-gradient(90deg, #1a242e 1%, #3e5673);
background-image: linear-gradient(0deg, #1a242e 1%, #3e5673);
}
.full-height-wrapper.alter {
height: auto;
min-height: 100vh;
padding-bottom: 50px;
}
.logo-wrapper {
position: relative;
z-index: 10;
background-color: #1ec4d6;
}
.logo-wrapper.blog-invisible {
background-color: transparent;
}
.landing-description {
color: #99b2cc;
font-size: 18px;
line-height: 1.6em;
}
.landing-header {
margin-bottom: 30px;
color: #fff;
line-height: 42px;
}
.landing-header.competitorheading {
display: inline-block;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
padding-top: 0px;
color: hsla(0, 0%, 100%, .7);
font-size: 33px;
line-height: 1.1em;
}
.landing-header.competitorheading.competitorname {
margin-right: 7px;
margin-left: 0px;
color: #fff;
}
.landing-header.landingpage {
margin-bottom: 0px;
}
.content {
padding-right: 90px;
}
.content.competitorcontent {
padding-top: 0px;
padding-right: 60px;
}
.content.rightcontent {
padding-top: 0px;
padding-right: 0px;
padding-left: 3px;
}
.media {
position: relative;
padding-right: 40px;
}
.media.landingpage {
padding-right: 40px;
}
.hero {
margin-top: 35px;
}
.signup {
margin-top: 32px;
padding-top: 22px;
border-top: 1px solid rgba(70, 97, 128, .6);
}
.signup.landing {
padding-top: 10px;
}
.signup-cta {
font-family: 'Avenir Next', sans-serif;
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.signup-cta.landing-comparisonsignup {
margin-top: 0px;
margin-bottom: 0px;
font-size: 22px;
line-height: 1.4em;
font-weight: 200;
text-align: center;
text-transform: none;
}
.main-content {
-webkit-transition: padding 500ms ease-out;
transition: padding 500ms ease-out;
}
.main-content.landingpage {
padding-top: 60px;
}
.logo-block {
width: 20%;
height: 80px;
margin-right: 0px;
padding-top: 20px;
padding-right: 16px;
padding-left: 16px;
float: left;
text-align: center;
}
.logo-block.last {
margin-right: 0px;
}
.logo-block.title {
width: 137px;
padding-top: 21px;
padding-right: 0px;
padding-left: 0px;
font-family: Circular, sans-serif;
color: #b1f7ff;
font-size: 13px;
line-height: 1.5em;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.logo-block.title.blog-alt {
font-family: 'Avenir Next', sans-serif;
color: hsla(0, 0%, 100%, .52);
font-weight: 300;
}
.tweet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 16px 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: 1px;
border-color: rgba(70, 97, 128, .6);
border-radius: 3px;
color: #fff;
}
.tweet.v2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 700px;
margin-right: auto;
margin-left: auto;
padding-top: 25px;
padding-bottom: 25px;
clear: left;
border-color: rgba(10, 39, 51, .1);
border-right-style: none;
border-left-style: none;
border-radius: 0px;
}
.tweet-text {
width: 70%;
float: left;
font-family: Circular, sans-serif;
color: #fff;
font-size: 20px;
line-height: 28px;
font-weight: 400;
}
.tweet-text.dark {
color: #68767d;
}
.tweet-author {
display: block;
padding-top: 5px;
line-height: 1.3em;
}
.tweet-author.centertweet {
text-align: center;
}
.tweet-company {
display: block;
color: #99b2cc;
font-size: 12px;
line-height: 1.5em;
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.tweet-company.centercompany {
text-align: center;
}
.tweet-image {
display: inline-block;
overflow: hidden;
width: 50px;
height: 50px;
margin-right: 13px;
float: left;
border-radius: 50%;
}
.tweet-image.comparisontweet-image {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.tweet-image.comparisontweet-image.centered {
display: block;
margin-right: auto;
margin-left: auto;
float: none;
}
.tweets {
margin-bottom: 63px;
}
.tweet-attribution {
display: inline-block;
width: 27%;
float: right;
text-align: left;
}
.tweet-attribution.compariontweet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 3%;
-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;
}
.tweet-attribution.compariontweet.v2 {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.attr-text {
display: inline-block;
padding-top: 3px;
float: left;
}
.value-illustration {
text-align: center;
}
.small-header {
display: inline-block;
margin-top: 25px;
margin-bottom: 14px;
padding-right: 14px;
padding-left: 14px;
text-align: center;
}
.small-header.light {
color: #fff;
}
.centered-head {
position: relative;
text-align: center;
}
.mobile-illo {
display: none;
}
.value-description {
margin-bottom: 0px;
}
.link-veil {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(22, 25, 27, .8);
opacity: 0;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
color: #fff;
font-size: 14px;
line-height: 200px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.link-veil:hover {
opacity: 1;
}
.small-header-wrap {
position: relative;
text-align: center;
}
.blog-categorytag {
display: inline-block;
opacity: 0.85;
-webkit-transition: opacity 200ms ease, border-color 200ms ease;
transition: opacity 200ms ease, border-color 200ms ease;
font-size: 12px;
line-height: 1.5em;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.blog-categorytag:hover {
border-bottom-style: solid;
border-bottom-width: 1px;
opacity: 1;
}
.blog-thumbnailwrap {
width: 100%;
height: auto;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
color: #323b40;
text-decoration: none;
}
.blog-thumbnailwrap:hover {
opacity: 0.85;
color: #68767d;
}
.blog-thumbnailimage {
position: relative;
height: 190px;
border-radius: 3px;
background-color: #68767d;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 50% 50%;
background-size: cover;
}
.blog-thumbwrap {
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 33.3333%;
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
}
.blog-thumbtext-wrap {
padding: 0px 5px 15px 0px;
}
.blog-thumbnailtitle {
display: block;
margin-top: 3px;
margin-bottom: 10px;
padding-bottom: 0px;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
font-family: Circular, sans-serif;
color: #323b40;
font-size: 19px;
line-height: 1.2em;
font-weight: 600;
}
.blog-thumbnailtitle:hover {
color: #1ec4d6;
text-decoration: none;
}
.blog-thumbnailsummary {
color: #323b40;
font-size: 14px;
line-height: 1.3em;
}
.blog-tabsmenu {
margin-bottom: 39px;
padding-bottom: 0px;
border-bottom: 1px solid #e3e5e6;
}
.blog-herosection {
position: relative;
overflow: hidden;
padding-top: 144px;
padding-bottom: 120px;
}
.blurred-hero {
position: absolute;
left: -10%;
top: -10%;
right: -10%;
height: 120%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 0px 0px;
background-size: cover;
-webkit-filter: contrast(80%);
filter: contrast(80%);
}
.blog-title {
display: block;
width: 85%;
margin: 5px auto 20px;
color: #fff;
font-size: 43px;
line-height: 1.1em;
}
.blog-category {
display: inline-block;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
font-family: Circular, sans-serif;
color: hsla(0, 0%, 100%, .5);
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
.blog-category:hover {
color: hsla(0, 0%, 100%, .9);
text-decoration: none;
}
.blog-subheading {
display: block;
width: 63%;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
color: hsla(0, 0%, 100%, .78);
font-size: 21px;
line-height: 1.3em;
font-weight: 200;
}
.blog-posttext {
display: block;
margin-right: auto;
margin-bottom: -10px;
margin-left: auto;
color: #323b40;
}
.blog-posttext p {
margin-bottom: 20px;
color: #323b40;
font-size: 17px;
line-height: 1.6em;
}
.blog-posttext a {
border-bottom-color: transparent;
-webkit-transition: color 200ms ease, border-color 200ms ease;
transition: color 200ms ease, border-color 200ms ease;
color: #00bbcf;
}
.blog-posttext a:hover {
border-bottom: 1px solid #10bfd2;
color: #1ec4d6;
}
.blog-posttext img {
border: 1px none #000;
border-radius: 2px;
}
.blog-posttext h5 {
margin-bottom: 18px;
color: #323b40;
}
.blog-posttext h6 {
margin-bottom: 18px;
color: #323b40;
}
.blog-posttext figcaption {
display: block;
width: 80%;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
color: #a6adb1;
font-size: 15px;
line-height: 1.4em;
}
.blog-posttext figure {
margin-bottom: 20px;
border: 1px none #000;
}
.blog-posttext h4 {
margin-bottom: 20px;
}
.blog-posttext h3 {
margin-top: 30px;
margin-bottom: 20px;
}
.blog-posttext h2 {
margin-top: 30px;
margin-bottom: 20px;
font-weight: 600;
}
.blog-posttext h1 {
margin-top: 30px;
margin-bottom: 18px;
}
.blog-posttext strong {
color: #1f2427;
font-weight: 700;
}
.blog-posttext blockquote {
margin-bottom: 20px;
padding: 10px 30px;
border-left: 4px none #edeff0;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/564cc1830cfb0f3061f3e1e0_iconmonstr-quote-6-icon%20copy.svg"), url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/564cc16c97ec07540ebff988_iconmonstr-quote-5-icon%20copy.svg");
background-position: 100% 100%, 0px 0px;
background-size: 60px, 60px;
background-repeat: no-repeat, no-repeat;
color: #323b40;
font-size: 20px;
line-height: 1.4em;
font-style: italic;
text-align: center;
}
.blog-posttext ul {
padding-left: 40px;
}
.blog-posttext ol {
padding-left: 40px;
}
.blog-posttext li {
line-height: 1.6em;
}
.blog-divider {
display: block;
width: 61%;
height: 1px;
margin: 30px auto;
background-color: rgba(50, 59, 64, .2);
}
.blog-socialwrap {
display: inline-block;
height: auto;
float: none;
}
.blog-blogcontent-wrapper {
display: block;
width: 86%;
margin-right: auto;
margin-left: auto;
}
.blog-authorimage {
display: block;
width: 80px;
height: 80px;
margin-right: auto;
margin-left: auto;
border-radius: 100px;
}
.blog-authorimage.smallerimage {
width: 60px;
height: 60px;
}
.blog-authorname {
display: inline-block;
margin-bottom: 6px;
border-bottom: 1px solid transparent;
-webkit-transition: border-color 200ms ease;
transition: border-color 200ms ease;
font-family: Circular, sans-serif;
color: #323b40;
font-size: 20px;
}
.blog-authorname:hover {
border-bottom: 1px solid #000;
color: #323b40;
text-decoration: none;
}
.blog-authorname.heroauthorname {
border-bottom-style: none;
color: #fff;
font-size: 14px;
}
.blog-authorname.heroauthorname:hover {
border-bottom-style: none;
text-decoration: none;
}
.blog-thumbnaildate {
display: inline-block;
margin-left: 10px;
color: #9da9b0;
font-size: 12px;
line-height: 1.5em;
text-transform: uppercase;
}
.blog-date {
display: inline-block;
font-family: Circular, sans-serif;
color: hsla(0, 0%, 100%, .5);
font-size: 13px;
font-weight: 100;
text-transform: uppercase;
}
.blog-divide {
display: inline-block;
margin-right: 10px;
margin-left: 10px;
color: hsla(0, 0%, 100%, .25);
}
.blog-relatedpost {
margin-bottom: 34px;
font-family: Circular, sans-serif;
color: #323b40;
text-align: center;
text-transform: uppercase;
}
.blog-moveup {
position: relative;
display: block;
width: 850px;
max-width: 100%;
margin-top: -55px;
margin-right: auto;
margin-left: auto;
padding-top: 55px;
padding-bottom: 46px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .06);
}
.blog-featured {
position: relative;
display: block;
overflow: hidden;
min-height: 400px;
padding-top: 120px;
padding-bottom: 102px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 50% 50%;
background-size: cover;
}
.blog-featuredtext-wrap {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
height: 100%;
background-color: rgba(50, 59, 64, .7);
text-align: center;
}
.blog-featuredbutton {
margin-top: 26px;
padding: 11px 29px;
line-height: 16px;
}
.blog-logo {
margin-top: 3px;
float: left;
}
.blog-buttonwrap {
margin-bottom: 60px;
text-align: center;
}
.blog-sectionheading {
margin-bottom: 5px;
font-family: Circular, sans-serif;
font-size: 28px;
line-height: 37px;
font-weight: 700;
}
.blog-alignleft {
text-align: right;
}
.blog-whitetext {
color: #fff;
}
.blog-bottombar {
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 99;
height: auto;
padding-top: 12px;
padding-bottom: 12px;
background-color: #fff;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .13);
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.blog-bottomcta-wrap {
display: inline-block;
width: 50%;
float: left;
}
.blog-ctafield {
width: 70%;
height: 50px;
margin-bottom: 0px;
float: left;
}
.blog-subscribebtn {
width: 30%;
height: 50px;
float: left;
background-color: #3b67b3;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
font-size: 14px;
}
.blog-subscribebtn:hover {
background-color: #5e88d2;
}
.blog-formwrap {
margin-bottom: 0px;
}
.blog-bottomshares {
width: 50%;
height: 32px;
padding-top: 0px;
float: left;
}
.blog-receiveupdates {
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
float: right;
font-size: 14px;
line-height: 1.4em;
text-align: right;
}
.blog-subscribemodal {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 9999;
display: none;
height: 100%;
padding-top: 10vh;
background-color: rgba(50, 59, 64, .8);
opacity: 0;
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}
.blog-modalwindow {
display: block;
width: 50%;
margin-right: auto;
margin-left: auto;
padding: 25px 50px 30px;
border-radius: 5px;
background-color: #fff;
text-align: center;
}
.blog-modalwindow.popup {
padding: 20px 40px 40px;
}
.blog-modalheading {
margin-bottom: 15px;
padding-right: 0px;
padding-left: 0px;
font-family: Circular, sans-serif;
font-size: 28px;
line-height: 1.2em;
}
.blog-modalheading.sub {
font-family: 'Avenir Next', sans-serif;
color: #9da9b0;
font-size: 20px;
}
.blog-modalheading.sub.smallersub {
font-size: 17px;
line-height: 1.3em;
}
.blog-modalheading.blog-white {
color: #fff;
}
.blog-modalfield {
height: 46px;
margin-bottom: 14px;
padding-top: 10px;
border-style: none;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
-webkit-transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease;
font-size: 16px;
line-height: 1.6em;
}
.blog-modalfield:focus {
box-shadow: 0 0 0 2px #1ec4d6;
}
.blog-modalbutton {
width: 100%;
height: 46px;
border-radius: 3px;
background-color: #1ec4d6;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.5px;
}
.blog-modalbutton:hover {
background-color: #19b1c2;
opacity: 1;
}
.modalform {
margin-top: 25px;
margin-bottom: 5px;
padding-right: 0px;
padding-left: 0px;
}
.modalform.blog-ctaform {
display: block;
width: 50%;
margin-right: auto;
margin-left: auto;
}
.blog-modalsub {
margin-top: 11px;
color: #9da9b0;
font-size: 14px;
}
.blog-modalclose {
display: block;
width: 100px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding: 0px;
opacity: 0.7;
-webkit-transition: opacity 350ms ease;
transition: opacity 350ms ease;
color: #1a242e;
font-size: 13px;
line-height: 16px;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.blog-modalclose:hover {
opacity: 0.9;
}
.blog-successmessage {
background-color: #2fc2a2;
}
.blog-successtext {
margin-bottom: 0px;
color: #fff;
}
.blog-lede {
margin-bottom: 20px;
font-family: 'Avenir Next', sans-serif;
color: #323b40;
font-size: 25px;
line-height: 1.3em;
font-weight: 200;
}
.title {
font-size: 21px;
}
.blog-featuredpost {
display: inline-block;
margin-bottom: 0px;
padding: 0px;
border-radius: 3px;
font-family: Circular, sans-serif;
color: hsla(0, 0%, 100%, .58);
font-size: 12px;
line-height: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.blog-featuredpost.blog-cattag {
color: hsla(0, 0%, 100%, .59);
}
.blog-featuredpost.block {
display: block;
}
.blog-tabs {
position: static;
}
.blog-authorwrap {
padding-right: 20px;
padding-left: 20px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
text-align: center;
}
.blog-ctablock {
position: relative;
margin-bottom: 39px;
padding: 40px 50px;
border-radius: 4px;
background-color: #323b40;
text-align: center;
}
.blog-ctablock.in-modal {
border: 4px solid #e3e5e6;
}
.blog-clogcat-hero {
padding-top: 100px;
padding-bottom: 60px;
background-color: #3b67b3;
text-align: center;
}
.blog-categorytitle {
margin-top: 0px;
color: #fff;
line-height: 36px;
}
.blog-authorhero {
padding-top: 100px;
padding-bottom: 66px;
background-color: #323b40;
text-align: center;
}
.blog-authorimg {
width: 120px;
margin-bottom: 16px;
border-radius: 160px;
}
.blog-authortitle {
margin-top: 4px;
margin-bottom: 4px;
font-family: Circular, sans-serif;
color: #fff;
font-size: 24px;
line-height: 1.6em;
}
.blog-authorbio {
display: block;
width: 67%;
margin-right: auto;
margin-left: auto;
color: hsla(0, 0%, 100%, .58);
font-size: 18px;
}
.blog-postsauthor {
margin-bottom: 43px;
font-family: Circular, sans-serif;
font-size: 14px;
text-align: center;
text-transform: uppercase;
}
.tile-column {
text-align: center;
}
.blog-categoryblock {
display: inline-block;
}
.whitetext {
color: #fff;
}
.blog-insetshadow {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
border-radius: 3px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}
.blog-authorsection {
padding-top: 50px;
padding-bottom: 20px;
}
.blog-postsection {
background-color: #f7f8fa;
}
.blog-relatedsection {
padding-top: 68px;
padding-bottom: 68px;
background-color: #f7f8fa;
}
.blog-authorlink {
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.blog-authorlink:hover {
opacity: 0.8;
}
.blog-herocontents {
position: relative;
text-align: center;
}
.heroheading-wrap {
text-align: center;
}
.landing-subheading {
margin-bottom: 31px;
color: #99b2cc;
font-size: 18px;
font-weight: 600;
}
.landingside-wrap {
margin-top: 0px;
padding: 6px 28px 20px;
border-radius: 4px;
background-color: #323b40;
box-shadow: 0 0 6px 0 rgba(37, 45, 49, .81);
}
.landingside-heading {
margin-top: 20px;
margin-bottom: 13px;
padding-right: 21px;
color: #fff;
font-size: 21px;
line-height: 1.2em;
font-weight: 600;
}
.landingside-text {
color: #99b2cc;
font-size: 16px;
line-height: 1.3em;
}
.landingside-text.smaller {
padding-right: 68px;
font-size: 17px;
line-height: 1.3em;
}
.landingbenefits-heading {
overflow: hidden;
margin-top: 0px;
color: #fff;
font-size: 17px;
line-height: 1.4em;
font-weight: 600;
}
.landinglogo-wrapper {
margin-top: 11px;
}
.trusted {
display: none;
opacity: 0.99;
color: #99b2cc;
font-size: 12px;
line-height: 12px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.landingvideo {
overflow: hidden;
margin-bottom: 26px;
}
.landingsuccess {
background-color: #2fc2a2;
}
.landingpage-wrapper {
background-color: #1a242e;
background-image: none;
}
.landing-feature {
margin-bottom: 30px;
}
._404-container {
margin-top: 155px;
margin-bottom: 99px;
text-align: center;
}
.features-row {
margin-top: 0px;
margin-bottom: 45px;
padding-top: 45px;
border-top: 1px solid #dee2e5;
}
.features-row.first-features-row {
margin-top: -45px;
border-top: 1px none #000;
}
.features-row.last-feature-row {
margin-bottom: 0px;
}
.features-category-title {
margin-top: 0px;
margin-bottom: 20px;
color: #3b67b3;
font-size: 27px;
line-height: 31px;
font-weight: 600;
}
.features-item {
display: block;
width: 50%;
margin-top: 18px;
padding-right: 15px;
}
.feature-item-title {
display: block;
margin-top: 0px;
margin-right: 8px;
margin-bottom: 2px;
float: left;
font-size: 17px;
line-height: 22px;
}
.feature-item-description {
margin-top: 5px;
font-size: 15px;
}
.feature-item-description p {
margin-bottom: 0px;
}
.feature-section-link {
display: block;
margin-right: 10px;
padding-top: 9px;
padding-bottom: 7px;
padding-left: 13px;
border-radius: 0px 3px 3px 0px;
box-shadow: inset 18px 0 0 -15px transparent;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
line-height: 1.3em;
}
.feature-section-link:hover {
padding-left: 13px;
background-color: rgba(59, 103, 179, .12);
box-shadow: inset 18px 0 0 -15px #3b67b3;
}
.feature-section-link.w--current {
padding-left: 13px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
background-color: rgba(59, 103, 179, .12);
box-shadow: inset 18px 0 0 -15px #3b67b3;
}
.hero-container {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.landing-competitordescription {
margin-bottom: 30px;
color: #fff;
font-size: 21px;
line-height: 1.4em;
}
.landing-comparisonhero {
position: relative;
overflow: hidden;
padding-top: 10px;
padding-bottom: 120px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 50% 50%;
background-size: cover;
}
.landing-comparisonhero.padded-top {
padding-top: 90px;
padding-bottom: 35px;
}
.landing-comparisonsection {
padding-top: 24px;
padding-bottom: 20px;
background-color: #243241;
}
.formwrapper {
margin-bottom: 0px;
}
.landing-comparisondivider {
width: 100px;
height: 2px;
margin-top: 14px;
margin-bottom: 14px;
border-radius: 10px;
background-color: #1ec4d6;
}
.landing-comparisondivider.centereddivide {
display: block;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
.landing-comparisonheading {
display: inline-block;
margin-right: 7px;
}
.landing-comparisonheading.morespace {
display: block;
}
.center {
text-align: center;
}
.landing-overlay {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
height: 100%;
background-color: #1a242e;
opacity: 0.88;
}
.landing-herowrapper {
display: block;
width: 1100px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.landing-herowrapper.in-lp-hero {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 90%;
height: 100%;
}
.landing-comparisonbenefit-block {
height: 420px;
padding: 5px 10px;
text-align: center;
}
.landing-comparionbenefit-image {
height: 220px;
margin-bottom: 14px;
border: 1px solid #dadada;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 50% 50%;
background-size: cover;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
}
.comparisonbenefit-wrap {
display: block;
margin-right: auto;
margin-left: auto;
}
.comparisonbenefit-label {
margin-top: 20px;
margin-bottom: 12px;
font-size: 22px;
font-weight: 600;
text-align: center;
}
.landingcontainer {
display: block;
width: 1100px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.templatesshowcase-wrapper {
position: relative;
padding-top: 30px;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.landing-middletemplate {
position: relative;
z-index: 10;
display: block;
width: 460px;
margin-right: auto;
margin-left: auto;
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .44);
}
.landing-righttemplate {
position: absolute;
top: 80px;
right: -50px;
width: 430px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, .26);
}
.landing-righttemplate.lefttemplate {
left: -50px;
top: 80px;
right: auto;
bottom: 80px;
}
.guest-photo {
width: 100%;
margin-bottom: 15px;
}
.workshop-thumbnail {
position: relative;
width: 100%;
margin-bottom: 40px;
padding-bottom: 10px;
border-bottom: 5px solid transparent;
-webkit-transition: box-shadow 200ms ease, border 200ms ease;
transition: box-shadow 200ms ease, border 200ms ease;
}
.workshop-thumbnail:hover {
border-bottom-color: #1ec4d6;
box-shadow: 0 0 80px 0 rgba(15, 29, 51, .24);
}
.workshop-text {
padding-right: 15px;
padding-left: 15px;
}
.workshop-thumbnail-title {
margin-bottom: 10px;
font-size: 18px;
line-height: 1.3em;
font-weight: 600;
}
.workshop-thumbnail-guest-name {
font-size: 14px;
line-height: 1em;
}
.workshop-items-row {
margin-bottom: 26px;
}
.workshop-card-text {
padding: 15px;
}
.workshop-guest-name {
font-size: 18px;
font-weight: 600;
}
.workshop-guest-title {
display: block;
}
.workshop-video-section {
background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, #3e5673, #1a242e);
background-image: radial-gradient(circle farthest-corner at 50% 50%, #3e5673, #1a242e);
}
.disquswrapper {
display: block;
}
.card-controls {
position: absolute;
bottom: 20px;
width: 100%;
padding-right: 50px;
}
.btn-wrapper {
text-align: center;
}
.blog-nav-wrapper {
text-align: center;
}
.footer-heading {
margin-top: 0px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 800;
}
.footer-lastcol {
margin-top: -5px;
}
.login {
display: inline-block;
margin-top: 8px;
margin-right: 14px;
float: right;
color: #5b666d;
font-size: 15px;
}
.login:hover {
color: #3b67b3;
}
.centerquote {
text-align: center;
}
.blogcontainer {
position: relative;
z-index: 10;
display: block;
width: 850px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.blogcontainer.herowrapper {
text-align: center;
}
.guest-card-link {
display: block;
}
.biosummary {
opacity: 0.7;
color: #fff;
}
.customersbg-video {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
display: block;
height: 100%;
background-image: none;
}
.herocontainer {
position: relative;
z-index: 10;
}
.bg-video-overlay {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
height: 100%;
background-color: rgba(34, 43, 56, .9);
}
.productbg-vid {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
height: 100%;
}
.workshops-calendar-col {
padding-top: 19px;
text-align: right;
}
.update-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
padding: 14px 18px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid #dee2e5;
border-radius: 4px;
background-color: #fff;
}
.update-list-title {
margin-top: 3px;
margin-bottom: 6px;
font-size: 18px;
line-height: 140%;
}
.update-list-date {
display: inline-block;
margin-right: 11px;
color: #9da9b0;
font-size: 12px;
line-height: 130%;
font-weight: 600;
text-transform: uppercase;
}
.update-list-type {
display: inline-block;
margin-right: 10px;
color: #2fc2a2;
font-size: 12px;
line-height: 130%;
font-weight: 600;
text-transform: uppercase;
}
.update-list-type.bug {
color: #d62c5c;
}
.update-list-description p {
margin-bottom: 0px;
}
.update-list-btn-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 5px;
margin-left: 25px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.update-list-info-wrapper {
-webkit-box-flex: 0px;
-webkit-flex: 0px;
-ms-flex: 0px;
flex: 0px;
}
.section-heading {
margin-top: 0px;
}
.section-heading.heading-small {
font-size: 23px;
font-weight: 400;
text-align: center;
}
.section-heading.inline-block {
display: inline-block;
}
.feature-item-badge {
display: block;
padding: 3px 5px 2px;
float: left;
border-radius: 3px;
background-color: #2fc2a2;
font-family: Circular, sans-serif;
color: #fff;
font-size: 10px;
line-height: 1.4em;
}
.feature-item-badge.beta {
background-color: #7d75d9;
}
.blog-authortext p {
margin-bottom: 0px;
}
.column-affix {
position: relative;
}
.feature-grid-wrapper {
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-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.pagehead-link {
display: inline-block;
margin-right: 5px;
margin-left: 5px;
padding-top: 2px;
padding-right: 10px;
padding-left: 10px;
border-radius: 100px;
background-color: rgba(59, 103, 179, .1);
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
text-align: center;
}
.pagehead-link:hover {
background-color: rgba(59, 103, 179, .19);
}
.pagehead-link.link-separator {
color: #bdc8ce;
}
.pagehead-linkwrapper {
margin-top: 10px;
margin-bottom: 15px;
text-align: center;
}
.pagehead-richtext {
display: block;
width: 80%;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.pagehead-richtext p {
margin-bottom: 0px;
clear: left;
font-size: 16px;
line-height: 1.6em;
}
.pagehead-date {
display: inline-block;
font-family: Circular, sans-serif;
font-size: 13px;
line-height: 1.4em;
text-align: center;
text-transform: uppercase;
}
.green-text {
color: #2fc2a2;
}
.flex-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: -10px;
margin-left: -10px;
}
.flex-grid.bottom-margin {
margin-bottom: 50px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.spacer-25px {
height: 25px;
}
.spacer-50px {
height: 50px;
}
.flex-grid-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
margin-left: 10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
.feature-link {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 28px 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;
-webkit-box-flex: 0px;
-webkit-flex: 0px;
-ms-flex: 0px;
flex: 0px;
border: 1px solid #e3e5e6;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 1px 3px 0 transparent;
-webkit-transition: box-shadow 200ms ease, border-color 200ms ease;
transition: box-shadow 200ms ease, border-color 200ms ease;
}
.feature-link:hover {
border-color: #c8cbcc;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .08);
}
.feature-link-heading {
margin-top: 0px;
margin-bottom: 10px;
font-size: 20px;
line-height: 25px;
font-weight: 400;
}
.tweetwrap {
margin-top: 18px;
margin-bottom: 18px;
padding-top: 18px;
padding-bottom: 18px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
text-align: center;
}
.tweettext {
display: block;
margin-bottom: 12px;
padding-right: 41px;
padding-left: 41px;
font-family: 'Avenir Next', sans-serif;
color: #1ec4d6;
font-size: 27px;
line-height: 1.6em;
font-weight: 200;
text-align: center;
}
.tweetbtn {
display: block;
margin-right: auto;
margin-left: auto;
}
.feature-icon {
height: 64px;
margin-bottom: 15px;
}
.feature-icon-ribbon {
position: absolute;
left: 20px;
top: 0px;
display: block;
width: 19px;
}
.rich-text-wrapper {
margin-top: -39px;
margin-bottom: 50px;
padding: 50px 50px 40px;
border: 1px solid #dee2e5;
border-radius: 4px;
background-color: #fff;
}
.add-to-calendar {
float: right;
}
.header-logo-wrapper {
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;
}
.header-logo {
min-height: 70px;
margin-right: 10px;
margin-left: 10px;
}
.header-logo-title {
font-family: Circular, sans-serif;
color: #5d6e80;
font-size: 14px;
font-weight: 400;
text-align: center;
}
.signup-modal {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 9999;
display: none;
padding-top: 30px;
background-color: rgba(50, 59, 64, .5);
opacity: 0;
}
.popup-image {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 200px;
margin-bottom: 15px;
-webkit-box-pack: center;
-webkit-justify-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://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56eb2f59d878ec8c079105e5_banner.jpg");
background-position: 50% 50%;
background-size: cover;
}
.popup-logo {
width: 150px;
}
.casestudy-submission {
height: 240px;
padding-top: 50px;
padding-bottom: 0px;
background-color: #ebebeb;
text-align: center;
}
.submitstory {
margin-top: 0px;
margin-bottom: 16px;
color: #fff;
line-height: 34px;
}
.subheading {
margin-bottom: 20px;
color: hsla(0, 0%, 100%, .6);
font-size: 20px;
font-weight: 400;
text-transform: none;
}
.story-successmessage {
background-color: hsla(0, 0%, 100%, .15);
}
.story-successtext {
margin-bottom: 0px;
color: #fff;
}
.story-form {
display: none;
opacity: 0;
-webkit-transform: translate(0px, 15px);
-ms-transform: translate(0px, 15px);
transform: translate(0px, 15px);
}
.money-back-guarantee {
padding-top: 40px;
text-align: center;
}
.guarantee-holder {
padding-top: 30px;
padding-bottom: 15px;
}
.inline-heading {
display: inline;
font-family: Circular, sans-serif;
color: #323b40;
font-weight: 800;
}
.small-icon {
width: 35px;
margin-right: 10px;
padding-bottom: 5px;
}
.comparisonbenefit-rte {
position: relative;
display: block;
width: 100%;
max-width: 750px;
margin-right: auto;
margin-left: auto;
clear: left;
text-align: center;
}
.comparisonbenefit-rte h2 {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.comparisonbenefit-rte h3 {
position: relative;
margin-top: 25px;
clear: left;
color: #3b67b3;
font-size: 38px;
line-height: 66px;
text-align: center;
}
.comparisonbenefit-rte p {
position: relative;
display: block;
width: 100%;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
padding-top: 15px;
padding-bottom: 15px;
float: left;
clear: left;
font-size: 20px;
line-height: 1.7em;
text-align: left;
}
.comparisonbenefit-rte h4 {
margin-top: 30px;
clear: left;
font-size: 24px;
line-height: 34px;
}
.comparisonbenefit-rte blockquote {
display: block;
width: 100%;
max-width: 750px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
float: left;
clear: left;
border-left-color: #2fc2a2;
background-color: #fff;
color: #68767d;
font-size: 18px;
line-height: 32px;
text-align: left;
}
.comparisonbenefit-rte h5 {
display: block;
margin-bottom: 35px;
padding-right: 45px;
float: right;
clear: left;
color: #9da9b0;
text-align: right;
}
.comparisonbenefit-rte.hide {
display: none;
}
.comparisonbenefit-rte img {
margin-top: 25px;
}
.comparisonbenefit-rte li {
text-align: left;
}
.comparisonbenefit-rte figcaption {
margin-top: 15px;
}
.benefits-heading {
display: inline;
font-size: 44px;
line-height: 57px;
text-align: center;
}
.competitor-title-box {
display: block;
width: 100%;
max-width: 750px;
margin-right: auto;
margin-left: auto;
padding-top: 50px;
clear: left;
text-align: center;
}
.competitor-name {
display: inline;
margin-left: 10px;
font-size: 44px;
line-height: 57px;
}
.linkbox-top-left-wf {
display: block;
width: 200px;
height: 80px;
margin-right: auto;
margin-left: auto;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5606c245e67c4a89489dcb8b_webflow--blue.svg");
background-position: 50% 50%;
background-size: 80%;
background-repeat: no-repeat;
}
.intro-text {
display: block;
width: 100%;
max-width: 750px;
margin: 45px auto 0px;
color: #3e5673;
font-size: 26px;
line-height: 1.8em;
text-align: left;
}
.webflow-link-block {
display: block;
width: 240px;
height: 80px;
margin-right: auto;
margin-bottom: 55px;
margin-left: auto;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/5606c245e67c4a89489dcb8b_webflow--blue.svg");
background-position: 50% 50%;
background-size: 90%;
background-repeat: no-repeat;
}
.sitemap-links {
display: block;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
clear: left;
color: #3b67b3;
font-size: 18px;
line-height: 1.7em;
font-weight: 600;
}
.sitemap-links:hover {
text-decoration: underline;
}
.template-categories-list {
position: relative;
width: 100%;
clear: left;
}
.tag-link {
position: relative;
width: 25%;
min-height: 100px;
padding-top: 15px;
padding-bottom: 15px;
float: left;
clear: none;
color: #68767d;
font-size: 14px;
text-align: left;
}
.tag-link:hover {
color: #3b67b3;
}
.hr {
display: block;
width: 100%;
height: 1px;
margin-top: 0px;
margin-bottom: 25px;
float: left;
background-color: rgba(168, 192, 204, .57);
}
.hr.half {
width: 33.33%;
margin-bottom: 15px;
float: left;
clear: left;
}
.sitemap-headings {
margin-top: 45px;
clear: left;
}
.blog-categories-list {
position: relative;
clear: left;
}
.empty-container {
margin-bottom: 30px;
padding: 26px 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-style: solid;
border-width: 1px;
border-color: hsla(200, 9%, 45%, .21);
border-radius: 3px;
background-color: #f0f2f7;
text-align: center;
}
.empty-text {
margin-bottom: 0px;
font-size: 18px;
font-style: italic;
}
.study-container-hero {
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;
}
.company-type {
margin-top: 0px;
}
.study-hero-text {
padding-right: 80px;
}
.study-bg-image {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 0px 0px;
background-size: cover;
background-repeat: no-repeat;
opacity: 0.04;
}
.study-bg-image.hero--bg-image--agency {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/578805be387dd8fb7874e1a9_agency%20hero.jpg");
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
}
.website-image {
position: relative;
overflow: hidden;
width: 100%;
margin-top: 20px;
padding-top: 64.70588235%;
border-radius: 2px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 0px 0px;
background-size: cover;
background-repeat: no-repeat;
box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .4);
}
.site-overlay {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-image: -webkit-linear-gradient(225deg, hsla(0, 0%, 100%, .1), transparent);
background-image: linear-gradient(225deg, hsla(0, 0%, 100%, .1), transparent);
opacity: 0.9;
}
.site-overlay-wrapper {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.site-overlay-wrapper:hover {
opacity: 1;
}
.link-text {
position: relative;
z-index: 1;
padding-right: 26px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/57193bbd0cb53c6b34b9881f_external.svg");
background-position: 100% 2px;
background-repeat: no-repeat;
font-family: Circular, sans-serif;
color: #fff;
font-size: 22px;
font-weight: 400;
}
.blue {
background-color: #0098ff;
}
.wide {
max-width: 1260px;
}
.color-veil {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.1;
}
.btn-wrap {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
padding-bottom: 30px;
padding-left: 30px;
}
.vertical-divide {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 1px;
height: 100%;
margin-left: -40px;
background-color: #dee2e5;
}
.footer-navigation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 3;
-webkit-flex: 3 0;
-ms-flex: 3 0;
flex: 3 0;
}
.footer-blog {
min-width: 340px;
padding-left: 50px;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-shadow: -1px 0 0 0 #dee2e5;
}
.footer-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.footer-col {
min-width: 0px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer-col.narrow {
-webkit-box-flex: 1;
-webkit-flex: 1 0;
-ms-flex: 1 0;
flex: 1 0;
}
.footer-branding {
width: 130px;
}
.footer-col-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.fixed-nav-holder {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 1001;
width: 100%;
height: 76px;
background-color: #fff;
}
.lp-feature {
position: relative;
overflow: hidden;
height: 450px;
margin-top: 50px;
}
.webflow-cta-bar {
position: absolute;
top: 10px;
right: 0px;
margin-right: 15%;
padding-right: 10px;
padding-left: 0px;
text-align: center;
}
.footer--blogpost {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
padding-top: 9px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blogpost-image {
height: 44px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 60px;
-ms-flex-preferred-size: 60px;
flex-basis: 60px;
border-radius: 2px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 0px 0px;
background-size: cover;
background-repeat: no-repeat;
box-shadow: inset 0 0 0 1px rgba(0, 31, 51, .13);
}
.blog-link {
margin-left: 16px;
padding-top: 2px;
color: #5b666d;
font-size: 15px;
line-height: 23px;
}
.blog-link:hover {
color: #3b67b3;
}
.blog-list {
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;
}
.author-flex {
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;
}
.workshop-container {
position: relative;
}
.workshop-card-overlay {
position: absolute;
left: 0px;
top: 0px;
z-index: 2;
width: 100%;
height: 100%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
}
.workshop-video {
z-index: 1;
}
.workshop-play {
position: absolute;
left: 50%;
top: 50%;
padding: 25px 35px;
border: 1px solid #3e5673;
border-radius: 10px;
background-image: -webkit-linear-gradient(270deg, rgba(62, 86, 115, .6), rgba(62, 86, 115, .6));
background-image: linear-gradient(180deg, rgba(62, 86, 115, .6), rgba(62, 86, 115, .6));
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.heroauthor-wrap {
display: block;
width: 50%;
margin-right: auto;
margin-left: auto;
}
.blogthumbs-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blogauthor-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hero-veil {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(17, 18, 19, .6);
}
.emptystate {
background-color: hsla(0, 0%, 87%, 0);
color: rgba(91, 102, 109, .56);
font-style: italic;
text-align: center;
}
.noshow {
display: none;
opacity: 0;
}
.test-paragraph-style {
margin-top: 40px;
margin-bottom: 40px;
opacity: 0.42;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #fd0000;
}
.test-column-style {
padding: 12px;
background-color: #fffde6;
}
.hero-sec-text {
height: 400px;
background-color: #0098ff;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 0px 0px;
background-size: 125px;
}
.blog-block {
display: block;
}
.blog-thumb {
height: 200px;
margin-bottom: 26px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png");
background-position: 50% 50%;
background-size: cover;
}
.title-blog {
margin-bottom: 13px;
font-size: 19px;
}
.workshop-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.heading-style-test {
color: blue;
}
.jobs-callout {
display: block;
max-width: 520px;
margin: 20px auto;
}
.callout-heading {
margin-top: 0px;
font-size: 22px;
}
.solutions--half-section {
width: 100%;
padding: 10vh 80px;
}
.solutions--half-section.half-section--logos {
background-image: -webkit-linear-gradient(270deg, #1d2633, #1d2633);
background-image: linear-gradient(180deg, #1d2633, #1d2633);
}
.solutions--half-section.half-section--case {
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-image: -webkit-linear-gradient(215deg, #dc5383, #af2858);
background-image: linear-gradient(235deg, #dc5383, #af2858);
}
.solutions--split-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.half-section--quote {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
text-align: center;
}
.dontshow {
display: none;
opacity: 0;
}
.tweet-container {
display: block;
max-width: 500px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
.tweet-embed {
display: block;
}
.callout {
display: inline-block;
max-width: 10em;
margin-top: 25px;
margin-bottom: 25px;
padding-bottom: 0px;
padding-left: 20px;
float: none;
font-family: Circular, sans-serif;
font-size: 3em;
line-height: 1.3em;
}
.paragraph--highlight {
color: #2fc2a2;
}
.job-apply-description {
clear: both;
}
.tos-plain-language-heading {
margin-top: 0px;
margin-bottom: 16px;
color: #2fc2a2;
font-size: 17px;
line-height: 25px;
font-weight: 400;
}
.tos-plain-language-wrapper {
margin-bottom: 10px;
padding: 20px 20px 4px;
border: 1px solid #dee2e5;
border-radius: 4px;
background-color: #fff;
}
.job-label-remote {
padding-left: 25px;
}
.jobs-remote-label {
float: right;
color: #3f484d;
font-size: 11px;
}
.fixed-modal-wrapper {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 999;
display: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, .44);
}
.blog-modalclosebtn {
position: absolute;
top: -16px;
right: -16px;
width: 35px;
height: 35px;
border-radius: 40px;
background-color: #e3e5e6;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/55f0e39f223cb6a43b8d6274_close-icon.png");
background-position: 50% 50%;
background-size: 10px;
background-repeat: no-repeat;
box-shadow: 0 4px 3px 0 transparent;
-webkit-transition: box-shadow 200ms ease, background-color 200ms ease;
transition: box-shadow 200ms ease, background-color 200ms ease;
cursor: pointer;
}
.blog-modalclosebtn:hover {
background-color: #fff;
box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .2);
}
html.w-mod-js *[data-ix="blinking"] {
opacity: 0.01;
}
html.w-mod-js *[data-ix="scale-in"] {
opacity: 0;
-webkit-transform: scale(0.6000000000000001, 0.6000000000000001);
-ms-transform: scale(0.6000000000000001, 0.6000000000000001);
transform: scale(0.6000000000000001, 0.6000000000000001);
}
html.w-mod-js *[data-ix="bottom-share-bar-blog"] {
-webkit-transform: translate(0px, 100%);
-ms-transform: translate(0px, 100%);
transform: translate(0px, 100%);
}
html.w-mod-js *[data-ix="blog-title"] {
opacity: 0;
-webkit-transform: translate(0px, -15px);
-ms-transform: translate(0px, -15px);
transform: translate(0px, -15px);
}
html.w-mod-js *[data-ix="blog-title-2"] {
opacity: 0;
-webkit-transform: translate(0px, 15px);
-ms-transform: translate(0px, 15px);
transform: translate(0px, 15px);
}
html.w-mod-js *[data-ix="blog-title-3"] {
opacity: 0;
}
html.w-mod-js *[data-ix="blog-modal-window"] {
opacity: 0;
-webkit-transform: scale(0.9500000000000001, 0.9500000000000001);
-ms-transform: scale(0.9500000000000001, 0.9500000000000001);
transform: scale(0.9500000000000001, 0.9500000000000001);
}
html.w-mod-js *[data-ix="landing-signup"] {
opacity: 0;
-webkit-transform: scale(0.98, 0.98);
-ms-transform: scale(0.98, 0.98);
transform: scale(0.98, 0.98);
}
html.w-mod-js *[data-ix="landing-signup-3d"] {
opacity: 0;
-webkit-transform: scale(0.85, 0.85) rotateX(45deg) rotateY(0deg) rotateZ(0deg);
transform: scale(0.85, 0.85) rotateX(45deg) rotateY(0deg) rotateZ(0deg);
}
html.w-mod-js *[data-ix="landing-signup-subhead"] {
opacity: 0;
-webkit-transform: translate(0px, 20px);
-ms-transform: translate(0px, 20px);
transform: translate(0px, 20px);
}
html.w-mod-js *[data-ix="right-side-template"] {
opacity: 0;
-webkit-transform: rotate(0deg) translate(-30px, 0px);
-ms-transform: rotate(0deg) translate(-30px, 0px);
transform: rotate(0deg) translate(-30px, 0px);
}
html.w-mod-js *[data-ix="right-side-template-2"] {
-webkit-transform: translate(0px, 100%) rotate(0deg);
-ms-transform: translate(0px, 100%) rotate(0deg);
transform: translate(0px, 100%) rotate(0deg);
}
html.w-mod-js *[data-ix="middle-template"] {
opacity: 0;
-webkit-transform: scale(0.97, 0.97);
-ms-transform: scale(0.97, 0.97);
transform: scale(0.97, 0.97);
}
html.w-mod-js *[data-ix="left-side-template"] {
opacity: 0;
-webkit-transform: rotate(0deg) translate(30px, 0px);
-ms-transform: rotate(0deg) translate(30px, 0px);
transform: rotate(0deg) translate(30px, 0px);
}
html.w-mod-js *[data-ix="fade-in-bg-vid"] {
opacity: 1;
}
@media (max-width: 991px) {
.btn.btn--green.blog-cta {
padding-right: 35px;
padding-left: 35px;
}
.btn.footer-signup {
float: left;
}
.paragraph.paragraph--large.blog-calloutparagraph {
margin-bottom: 0px;
}
.largehero {
height: auto;
padding-right: 30px;
padding-bottom: 100px;
padding-left: 30px;
}
.largehero.largehero--blue.designer-hero {
height: 686px;
}
.largehero.hero-home {
padding-bottom: 104px;
}
.largerhero-text {
padding-top: 80px;
}
.heading--centered {
padding-right: 80px;
padding-left: 80px;
}
.section {
padding-top: 33px;
padding-bottom: 60px;
-webkit-transition: padding 150ms ease-in-out;
transition: padding 150ms ease-in-out;
}
.section.section--dark.section-signup-case-study {
padding-top: 50px;
padding-bottom: 20px;
}
.section.section--dark.blog-aboutsection {
padding-bottom: 0px;
}
.section.footer {
padding-top: 40px;
}
.section.section-cms-education {
padding-top: 60px;
padding-bottom: 60px;
}
.u-killcolumn {
padding-right: 45px;
}
.u-killcolumn.signup-form {
padding-right: 30px;
}
.u-killcolumn.structure {
padding-top: 0px;
}
.footer-logo {
margin-bottom: 20px;
}
.course-card {
height: 242px;
}
.card-link {
float: none;
}
.card-count {
display: block;
margin-top: 6px;
float: none;
}
.cta-centered {
margin-top: 60px;
}
.cta-centered.cta-education {
margin-top: 20px;
}
.stories {
margin-top: 20px;
}
.nav.nav--dark {
padding-right: 20px;
padding-left: 20px;
}
.tab.blog-tab {
margin-right: 21px;
font-size: 14px;
}
.home-design-graphic {
margin-top: 16px;
}
.home-cms-graphic {
margin-top: 16px;
margin-bottom: -6px;
padding: 0px;
}
.team-mock-image {
display: inline-block;
margin-bottom: 20px;
}
.db {
display: inline-block;
width: 100%;
max-width: 620px;
text-align: left;
}
.data-tiles {
margin-left: -46px;
float: none;
-webkit-transform: scale(0.86);
-ms-transform: scale(0.86);
transform: scale(0.86);
}
.cms-listing-graphic {
margin-top: 33px;
margin-bottom: 14px;
}
.food-list-item {
display: inline-block;
}
.design-graphic {
display: none;
}
.browser {
display: inline-block;
width: 540px;
}
.style-panel {
display: inline-block;
width: 380px;
}
.editor {
display: inline-block;
width: 380px;
text-align: left;
}
.style-column {
text-align: center;
}
.design-column {
text-align: center;
}
.form-input.whiteinput {
padding-right: 10px;
}
.hero-graphic {
top: -190px;
-webkit-transform: scale(0.61);
-ms-transform: scale(0.61);
transform: scale(0.61);
}
.hero-graphic.landing-herographic {
position: relative;
left: -75%;
top: -155px;
right: 0%;
bottom: auto;
display: block;
overflow: hidden;
-webkit-transform: scale(0.61);
-ms-transform: scale(0.61);
transform: scale(0.61);
}
.hero-graphic.landing-herographic.in-lp {
left: 0%;
top: 0%;
right: 0%;
-webkit-transform: scale(0.81);
-ms-transform: scale(0.81);
transform: scale(0.81);
}
.hero-graphic-wrapper {
height: 410px;
}
.hero-canvas.lp-template {
overflow: hidden;
}
.preview-card-text {
padding-right: 80px;
}
.community-container {
margin-bottom: 40px;
}
.community-collage-container {
padding-top: 16px;
}
.style-panel-graphic {
margin-top: 60px;
}
.cms-video-col {
padding-top: 100px;
}
.case-study-hero {
padding-top: 120px;
padding-bottom: 120px;
text-align: center;
}
.case-study-hero-content {
padding-right: 10vw;
padding-left: 10vw;
}
.price-head {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.webflow-logo.landingpage-logo {
margin-bottom: 30px;
}
.navigation {
padding-right: 20px;
padding-left: 20px;
}
.navlink {
padding-right: 10px;
padding-left: 10px;
}
.team-example-image {
text-align: center;
}
.team-example-data {
text-align: center;
}
.input-column {
padding-right: 0px;
padding-left: 5px;
}
.cms-column-3 {
display: none;
}
.cms-column-4 {
display: none;
}
.cms-column-1 {
display: none;
}
.cms-column-2 {
text-align: center;
}
.storycol {
width: 50%;
}
.sitecol {
width: 33%;
}
.designer-style-static {
display: block;
margin-top: 26px;
margin-bottom: 43px;
}
.interactions-tab {
line-height: 18px;
}
.video-text-wrap {
padding-top: 0px;
padding-right: 0px;
}
.attribution-row.attribution-interactions {
margin-top: 16px;
padding-top: 40px;
}
.form-wrapper {
padding-right: 0px;
padding-left: 0px;
}
.feature-row {
margin-bottom: 25px;
padding-bottom: 8px;
}
.column-left {
padding-right: 10px;
}
.text-column {
padding-right: 0px;
}
.section-perfect {
padding-top: 60px;
padding-bottom: 60px;
}
.large-heading-centered {
padding-right: 155px;
padding-left: 155px;
}
.example-wrapper {
background-color: transparent;
}
.plan-description.plan-choice {
margin-top: 8px;
}
.hero-heading.low-padding.center {
width: 100%;
}
.benefit {
height: auto;
}
.benefit-description {
height: 120px;
}
.value-section {
padding-top: 80px;
padding-bottom: 80px;
}
.logo-wrapper {
padding-top: 20px;
padding-bottom: 10px;
}
.landing-header.competitorheading {
font-size: 30px;
}
.content {
padding-right: 0px;
}
.content.competitorcontent {
padding-right: 8%;
padding-left: 30px;
}
.media.landingpage {
padding-right: 8px;
}
.media.landingpage-media {
position: relative;
}
.hero {
margin-top: 20px;
}
.logo-block {
width: 25%;
margin-right: 0px;
text-align: center;
}
.logo-block.title {
width: auto;
height: auto;
margin-right: 0px;
padding-top: 10px;
float: none;
text-align: center;
}
.logo-block.landingpage-logo {
margin-right: 0px;
padding-right: 14px;
padding-left: 14px;
}
.logo-block.landingpagelogos {
width: 25%;
margin-right: 0px;
}
.tweet {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.tweet-text {
width: 100%;
margin-bottom: 20px;
float: none;
}
.tweet-author {
padding-top: 0px;
}
.tweet-image.comparisontweet-image {
margin-right: 0px;
float: none;
}
.tweet-attribution {
float: none;
}
.tweet-attribution.compariontweet {
margin-left: 0%;
text-align: center;
}
.attr-text.comparisontwwtr-text {
display: block;
float: none;
}
.value-illustration.create {
padding-top: 25px;
}
.value-illustration.accessibility {
padding-top: 31px;
padding-left: 30px;
}
.blog-thumbwrap {
padding-right: 5px;
padding-left: 5px;
}
.blog-herosection {
padding-bottom: 144px;
}
.blog-blogcontent-wrapper {
width: 90%;
}
.blog-moveup {
top: 0px;
margin-top: -30px;
padding-top: 36px;
}
.blog-subscribemodal {
display: none;
padding-top: 4vh;
opacity: 0;
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}
.blog-modalwindow.popup {
width: 60%;
}
.modalform.blog-ctaform {
width: 90%;
}
.blog-ctablock {
padding-right: 100px;
padding-left: 100px;
}
.landingside-wrap {
padding: 12px 19px 14px;
}
._404-container {
margin-top: 130px;
}
.landing-competitordescription {
font-size: 19px;
}
.landing-competitordescription.less-bottom {
margin-bottom: 15px;
}
.landing-comparisonhero {
height: 420px;
padding-bottom: 0px;
}
.landing-comparisonhero.padded-top {
padding-top: 75px;
}
.landing-comparisonheading {
margin-top: 0px;
margin-bottom: 0px;
}
.landing-comparisonheading.morespace {
margin-right: 0px;
margin-bottom: 20px;
}
.landing-comparisonbenefit-block {
padding-right: 4px;
padding-left: 4px;
}
.landing-comparionbenefit-image {
height: 190px;
}
.sandwich-video {
padding-top: 22px;
}
.footer-lastcol {
margin-top: 20px;
}
.login {
margin-right: 0px;
margin-left: 14px;
float: left;
}
.flex-grid {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-grid.bottom-margin {
margin-bottom: 30px;
}
.flex-grid-item {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.feature-link {
margin-bottom: 20px;
}
.header-logo-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.money-back-guarantee {
padding-top: 60px;
}
.benefits-heading {
font-size: 40px;
line-height: 52px;
}
.competitor-title-box {
padding-top: 15px;
}
.study-container-hero {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.study-hero-text {
margin-bottom: 40px;
padding-right: 10px;
}
.footer-blog {
padding-left: 0px;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
box-shadow: none;
}
.footer-container {
-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;
}
.footer-col {
padding-right: 20px;
padding-left: 0px;
}
.footer-branding {
margin-bottom: 6px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer-col-section {
margin-bottom: 10px;
}
.lp-feature {
width: 100%;
height: 400px;
padding-bottom: 0%;
}
.webflow-cta-bar {
position: fixed;
left: 0px;
top: auto;
right: 0px;
bottom: 0px;
margin-right: 0%;
padding: 10px 0px;
border-style: solid none none;
border-top-width: 1px;
border-top-color: #e3e5e6;
border-radius: 0px;
background-color: #fff;
}
.blog-item {
padding-right: 20px;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.blog-list {
-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;
}
.sorin {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.jobs-callout {
margin-top: 20px;
margin-bottom: 20px;
}
.solutions--split-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 767px) {
h1 {
font-size: 32px;
line-height: 42px;
}
.btn.btn--cyan.blog-subscribebtn {
padding-right: 15px;
}
.btn.btn-cta {
display: inline-block;
width: 100%;
max-width: 100%;
}
.paragraph.paragraph--ancillary.footer-paragraph {
width: auto;
}
.paragraph.paragraph--large {
padding-right: 30px;
padding-left: 30px;
}
.paragraph.paragraph--large.subheadcentered {
padding-right: 20px;
padding-left: 20px;
}
.paragraph.paragraph--large.paragraph--light.case-study-subhead {
padding-right: 0px;
padding-left: 0px;
}
.paragraph.paragraph--large.blog-calloutparagraph {
margin-bottom: 26px;
}
.largehero {
height: auto;
padding-top: 80px;
padding-bottom: 70px;
}
.largehero.hero-home {
height: auto;
padding-top: 47px;
padding-bottom: 20px;
}
.largerhero-text {
padding-top: 0px;
padding-right: 0px;
text-align: center;
}
.largerhero-text.cms-herotext {
padding-right: 10px;
}
.largerhero-text.features-header {
padding-top: 40px;
}
.heading--centered {
padding-right: 20px;
padding-left: 20px;
}
.heading--centered.edit-heading {
padding-right: 80px;
padding-left: 80px;
}
.heading--centered.heading-interactions {
padding-right: 81px;
padding-left: 81px;
}
.section.section--gray.section-benefits {
padding-top: 57px;
padding-bottom: 44px;
}
.section.section--gray.section-perfect {
padding-top: 14px;
}
.section.section--gray.section-hero {
padding-top: 98px;
}
.section.section--gray.feature-page {
padding-bottom: 20px;
}
.section.section--dark.blog-aboutsection {
padding-right: 40px;
padding-left: 40px;
}
.section.blog-gridsection {
position: relative;
}
.section.nobottom {
height: 530px;
}
.section.extra-top-padding {
padding-top: 5px;
}
.u-killcolumn {
padding-right: 0px;
}
.u-killcolumn.signup-form {
padding-right: 0px;
padding-left: 0px;
text-align: center;
}
.logowall-header {
margin-top: 36px;
}
.signuplarge-field {
display: inline-block;
width: 100%;
}
.footer-logo {
padding-left: 0px;
}
.feature-block {
margin-bottom: 24px;
}
.course-card {
height: auto;
}
.cta-centered {
margin-top: 40px;
}
.course-cards {
padding-bottom: 1px;
}
.stories {
margin-bottom: -20px;
}
.dropdown-arrow {
display: none;
}
.navitem {
float: left;
font-size: 16px;
}
.navitem.navitem-more.navitem--dark {
display: none;
background-color: transparent;
}
.navitem.navitem--dark {
display: inline-block;
width: 50%;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
float: none;
opacity: 1;
text-align: left;
}
.navitems {
margin: 0px 20px 21px;
padding: 8px 24px 10px;
float: none;
border-radius: 4px;
background-color: rgba(21, 34, 41, .97);
}
.navbrand.w--current {
padding-left: 0px;
}
.account {
display: none;
}
.btn-signup.btn-signup--dark.blog-subscribe {
margin-right: 20px;
}
.pagehead {
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
}
.pagehead.pagehead--subnav {
padding-right: 20px;
padding-left: 20px;
}
.pagehead.about {
padding-top: 100px;
}
.pagehead-header {
margin-top: 0px;
}
.tab.blog-tab {
display: inline-block;
margin-right: 6px;
padding: 4px 8px;
border-radius: 3px;
}
.tab.blog-tab.w--current {
border-bottom: 1px none #000;
background-color: rgba(30, 196, 214, .13);
}
.subnav {
padding-right: 10px;
padding-left: 10px;
}
.subnav.subnav-center {
padding-right: 0px;
padding-left: 0px;
}
.design-card {
margin-right: 0px;
}
.design-card.design-card-last.hide-on-mobile {
display: none;
}
.design-card.hide-on-mobile {
display: none;
}
.design-animation-area {
float: none;
}
.home-design-graphic {
width: 100%;
text-align: center;
}
.team-mock-image {
display: none;
width: 100%;
height: 429px;
max-width: 620px;
}
.db-data {
opacity: 1;
}
.db-data:hover {
opacity: 1;
}
.db-data.db-panel-1 {
opacity: 1;
}
.data-tiles {
display: inline-block;
margin-top: 17px;
margin-bottom: 46px;
margin-left: 0px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.responsive-graphic {
margin-bottom: 40px;
}
.large-centered-heading {
margin-top: 81px;
}
.form-input {
width: 100%;
margin-bottom: 36px;
}
.form-input.nomargin {
margin-bottom: 9px;
}
.form-input.whiteinput {
margin-bottom: 10px;
}
.hero-graphic {
display: none;
}
.hero-graphic.landing-herographic {
left: -63%;
display: none;
-webkit-transform: scale(0.47);
-ms-transform: scale(0.47);
transform: scale(0.47);
}
.hero-graphic.landing-herographic.in-lp {
left: 0%;
top: 0%;
right: 0%;
-webkit-transform: scale(0.87);
-ms-transform: scale(0.87);
transform: scale(0.87);
}
.hero-graphic-wrapper {
display: block;
height: auto;
margin-top: -150px;
padding-right: 20px;
padding-left: 20px;
text-align: center;
}
.hero-form {
margin-bottom: 0px;
text-align: center;
}
.story-card {
margin-bottom: 14px;
}
.preview-card-text {
padding-right: 30px;
}
.community-collage {
left: 50%;
margin-left: -350px;
}
.logo-cloud {
margin-top: 30px;
}
.style-panel-graphic {
left: 50%;
margin-top: 30px;
margin-left: -380px;
}
.feature-callout {
padding-top: 40px;
}
.cms-video-col {
padding-top: 20px;
text-align: center;
}
.case-study-hero {
padding-top: 100px;
padding-bottom: 100px;
}
.case-study-title {
line-height: 42px;
}
.secondary-quote {
margin-top: 22px;
}
.case-study-video {
margin-top: 16px;
}
.webflow-reasons {
margin-top: 16px;
padding-top: 14px;
}
.light-tab-menu {
text-align: center;
}
.webflow-logo {
display: inline-block;
}
.webflow-logo.landing {
padding-left: 0px;
float: none;
}
.webflow-logo.blog-logo {
padding-left: 0px;
float: left;
}
.webflow-logo.landingpage-logo {
padding-left: 0px;
}
.navigation.navigation--sticky.sticky-target {
position: fixed;
}
.navlink {
display: block;
width: 100%;
padding: 10px 0px;
font-size: 16px;
}
.navlink.w--current {
color: #fff;
}
.navlink.navlink-hidden {
display: block;
}
.navlink.navlink--dark {
color: hsla(0, 0%, 100%, .7);
}
.navlink.navlink--dark:hover {
color: #fff;
}
.navlink.navlink--dark.lp-sign-up-bar {
display: inline-block;
width: auto;
margin-right: 20px;
color: #68767d;
}
.navlink.blog-navlink {
display: inline-block;
width: auto;
float: left;
}
.navlink.bloglink {
display: inline-block;
width: auto;
margin-top: 15px;
}
.menu-btn {
padding: 36px;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56064a09133c25085413d161_menu-white.png");
background-position: 50% 50%;
background-size: 20px;
background-repeat: no-repeat;
}
.menu-btn.w--open {
background-color: transparent;
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56064a3f2dfa900754227ccc_close-icon.png");
background-position: 50% 50%;
background-size: 16px;
background-repeat: no-repeat;
}
.menu-btn.menu-btn-dark {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56065e24b14e9488484649b3_menu-gray.png");
background-size: 20px;
}
.menu-btn.menu-btn-dark.w--open {
background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56065e242dfa900754227de0_close-grey.png");
background-size: 16px;
}
.nav-dropdown {
display: none;
}
.nav-dropdown-toggle {
margin-right: -15px;
padding: 10px 0px;
}
.nav-dropdown-toggle.dropdow--dark {
font-size: 16px;
}
.nav-dropdown-toggle.dropdow--dark.w--open {
margin-bottom: 14px;
}
.dropdown-menu.w--open {
padding-top: 0px;
padding-bottom: 0px;
background-color: transparent;
}
.dropdown-item {
padding: 10px 0px;
color: hsla(0, 0%, 100%, .7);
font-size: 16px;
}
.dropdown-item:hover {
color: #fff;
}
.dropdown-text-block {
color: hsla(0, 0%, 100%, .7);
font-size: 16px;
}
.dropdown-text-block:hover {
color: #fff;
}
.account-controls {
display: none;
}
.team-example-image {
margin-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
}
.team-example-data {
padding-right: 0px;
padding-left: 0px;
}
.team-image-static {
display: inline-block;
overflow: hidden;
border-radius: 3px;
}
.hero-image-static {
display: block;
width: 100%;
margin-bottom: 40px;
box-shadow: 0 4px 33px 0 rgba(15, 29, 51, .3);
}
.logo-area {
text-align: left;
}
.sitecol {
width: 50%;
}
.footer-row {
margin-bottom: 15px;
}
.designer-column {
text-align: center;
}
._wf-mark-load._wf-mark {
opacity: 0;
}
.interaction-tooltip-next.interaction-tooltip {
top: -66px;
}
.video-text-wrap {
margin-bottom: 14px;
}
.attribution-row {
margin-bottom: 40px;
}
.form-wrapper {
margin-bottom: 20px;
}
.navigation-wrapper {
text-align: center;
}
.account-controls-light {
display: none;
}
.video-row {
text-align: center;
}
.validator {
position: absolute;
}
.tos-copy {
position: relative;
bottom: -20px;
display: block;
text-align: center;
}
.tos-copy.tos-right-aligned {
bottom: -19px;
max-width: 100%;
}
.hero-subhead {
text-align: center;
}
.hero-subhead.design-hero {
padding-right: 0px;
text-align: center;
}
.hero-subhead.cms-hero {
text-align: center;
}
.hero-subhead.comm-hero {
text-align: center;
}
.column-left {
padding-right: 0px;
}
.column-right {
padding-left: 0px;
}
.large-heading-centered {
padding-right: 50px;
padding-left: 50px;
}
.investor-logos {
text-align: left;
}
.investor {
display: block;
margin-right: 0px;
}
.investor-row {
margin-bottom: 0px;
padding-left: 0px;
text-align: center;
}
.table-cell {
height: 96px;
padding-top: 26px;
padding-bottom: 0px;
}
.table-cell.table-cell--grey {
line-height: 500em;
}
.table-heading.cell-heading {
display: block;
}
.table-data {
line-height: 1.6em;
}
.table-cell-checked {
background-position: 50% 68%;
}
.table-cell-null {
background-position: 50% 69%;
}
.fifth-col {
width: 100%;
margin-bottom: 40px;
}
.fifth-col.table-header {
display: none;
}
.fifth-col.last-child {
margin-bottom: 0px;
}
.table-top {
height: 286px;
}
.plan-description.plan-choice {
min-height: 15px;
}
.tight-heading {
padding-right: 0px;
}
.hero-header {
text-align: center;
}
.header-text {
margin-bottom: 20px;
float: none;
text-align: center;
}
.header-action {
display: inline-block;
padding-top: 0px;
float: none;
}
.sub-section {
margin-bottom: 14px;
padding-bottom: 20px;
}
.content-column {
padding-top: 0px;
}
.benefit-description {
height: auto;
}
.value-section {
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
}
.gallery-veil {
display: none;
}
.full-height-wrapper.alter {
min-height: 0vh;
margin-bottom: 0px;
padding-bottom: 0px;
}
.logo-wrapper {
position: relative;
left: 0px;
right: 0px;
bottom: 0px;
padding-bottom: 30px;
text-align: center;
}
.landing-description {
text-align: center;
}
.landing-header {
text-align: center;
}
.content {
margin-bottom: 32px;
}
.media {
text-align: center;
}
.signup {
margin-bottom: 34px;
}
.signup-cta {
padding-right: 10px;
padding-left: 10px;
text-align: center;
}
.main-content {
padding-top: 81px;
padding-right: 20px;
padding-left: 20px;
}
.logo-block {
width: 25%;
height: 60px;
margin-right: 0px;
float: left;
}
.logo-block.title {
height: 40px;
}
.logo-block.title.blog-alt {
height: 30px;
}
.logo-block.landingpage-logo {
width: 50%;
float: left;
}
.logo-block.landingpagelogos {
float: left;
}
.tweet {
margin-top: 26px;
}
.tweet-author {
display: block;
}
.tweet-image {
float: left;
}
.tweets {
margin-bottom: 60px;
}
.tweet-attribution {
height: 50px;
}
.tweet-attribution.compariontweet {
width: 100%;
height: auto;
text-align: center;
}
.attr-text {
float: right;
text-align: left;
}
.attr-text.comparisontwwtr-text {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.value-illustration {
margin-bottom: 30px;
}
.value-illustration.create {
margin-bottom: 20px;
padding-top: 0px;
}
.value-content {
text-align: center;
}
.mobile-illo {
display: inline-block;
margin-bottom: 30px;
}
.blog-thumbwrap {
width: 50%;
padding-right: 10px;
padding-left: 10px;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.blog-tabsmenu {
padding-top: 17px;
padding-bottom: 17px;
text-align: center;
}
.blog-herosection {
padding-top: 102px;
padding-bottom: 60px;
}
.blog-title {
width: 100%;
margin-bottom: 10px;
padding-right: 20px;
padding-left: 20px;
font-size: 32px;
}
.blog-subheading {
width: 80%;
}
.blog-blogcontent-wrapper {
width: auto;
}
.blog-moveup {
margin-top: 0px;
padding-top: 36px;
padding-right: 20px;
padding-left: 20px;
border-radius: 0px;
}
.blog-featured {
min-height: 0px;
padding-top: 88px;
padding-bottom: 66px;
}
.blog-sectionheading {
margin-bottom: 13px;
}
.blog-alignleft {
text-align: center;
}
.blog-bottombar {
padding-right: 15px;
padding-left: 15px;
}
.blog-subscribemodal {
padding-top: 3vh;
}
.blog-modalwindow {
width: 70%;
}
.blog-modalwindow.popup {
width: 70%;
padding: 0px 0px 25px;
}
.blog-modalheading.sub.smallersub {
padding-right: 20px;
padding-left: 20px;
font-size: 16px;
}
.blog-modalheading.altheading {
padding-right: 20px;
padding-left: 20px;
font-size: 24px;
}
.modalform.blog-ctaform {
width: 100%;
}
.blog-lede {
font-size: 22px;
}
.blog-ctablock {
padding-right: 60px;
padding-left: 60px;
}
.blog-clogcat-hero {
padding-top: 81px;
padding-bottom: 36px;
}
.tile-column {
padding-right: 0px;
padding-left: 0px;
text-align: center;
}
.structure-content {
text-align: center;
}
.blog-relatedsection {
padding-top: 40px;
padding-right: 10px;
padding-left: 10px;
}
.landingside-text.smaller {
text-align: left;
}
.landingbenefits-heading {
text-align: left;
}
._404-container {
margin-top: 76px;
margin-bottom: 27px;
}
.features-row.first-features-row {
margin-top: 0px;
}
.features-category-title {
text-align: center;
}
.feature-link-wrapper {
text-align: center;
}
.feature-section-link {
display: inline-block;
margin-right: 3px;
margin-left: 3px;
}
.landing-comparisonhero {
height: auto;
}
.landing-comparisonhero.padded-top {
padding-top: 60px;
padding-bottom: 0px;
}
.landing-comparisonsection {
padding-right: 25px;
padding-left: 25px;
}
.landing-comparisonbenefit-block {
height: auto;
}
.landing-comparionbenefit-image {
height: 240px;
}
.landing-middletemplate {
width: 350px;
}
.landing-righttemplate {
width: 280px;
}
.sandwich-video {
padding-top: 0px;
}
.workshop-thumbnail {
min-height: 390px;
}
.workshop-past {
width: 50%;
height: 390px;
margin-bottom: 25px;
}
.card-controls {
position: relative;
bottom: auto;
}
.update-wrapper {
padding-top: 16px;
padding-bottom: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.update-list-btn-wrapper {
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
}
.flex-grid {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-grid-item {
max-width: 50%;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.rich-text-wrapper {
margin-bottom: 30px;
padding: 30px 30px 20px;
}
.header-logo-wrapper {
margin-bottom: 178px;
}
.header-logo {
min-height: 60px;
margin-right: 7px;
margin-left: 7px;
}
.casestudy-submission {
height: auto;
padding-bottom: 40px;
}
.benefits-heading {
font-size: 30px;
line-height: 40px;
}
.tag-link {
width: 33.33%;
}
.footer-navigation {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.lp-feature {
height: 270px;
}
.webflow-cta-bar {
z-index: 10;
padding-bottom: 10px;
}
.blog-item {
padding-right: 0px;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.tos-plain-language-wrapper {
margin-bottom: 39px;
}
}
@media (max-width: 479px) {
.btn.btn--green.btn--workshop {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.btn.btn--hollow.btn-gray.full-width {
display: block;
margin-bottom: 20px;
text-align: center;
}
.btn.mailto-link {
display: block;
text-align: center;
}
.paragraph.paragraph--large {
padding-right: 0px;
padding-left: 0px;
}
.imagecol-text {
padding-left: 0px;
}
.imagecol-image {
height: auto;
margin-bottom: 20px;
float: none;
}
.largehero.hero-home {
padding-top: 77px;
}
.heading--light {
padding-right: 20px;
padding-left: 20px;
}
.heading--centered.edit-heading {
padding-right: 0px;
padding-left: 0px;
}
.heading--centered.heading-interactions {
padding-right: 0px;
padding-left: 0px;
}
.section.section--dark.blog-aboutsection {
padding: 40px 20px 8px;
}
.section.section--cyan {
overflow: hidden;
}
.section.mid-padding {
padding-top: 75px;
}
.navitem.navitem--dark {
width: 100%;
}
.btn-signup.btn-signup--dark.blog-subscribe {
margin-right: 20px;
}
.btn-signup.in-cta-bar {
margin-top: 0px;
}
.tab {
display: inline-block;
font-family: Circular, sans-serif;
text-align: left;
}
.tab.w--current {
border-bottom: 1px none #000;
}
.tab.blog-tab {
margin-right: -1px;
margin-left: -1px;
padding-top: 5px;
padding-bottom: 5px;
}
.subnav.subnav-center {
margin-right: -10px;
margin-left: -10px;
}
.design-card {
margin-right: 0px;
}
.db {
min-width: 280px;
}
.db-data.db-panel-1 {
overflow: hidden;
}
.data-tiles {
display: none;
margin-top: -34px;
margin-bottom: -9px;
margin-left: -83px;
-webkit-transform: scale(0.62);
-ms-transform: scale(0.62);
transform: scale(0.62);
}
.food-list-item {
display: none;
width: 100%;
}
.responsive-graphic {
display: none;
}
.large-centered-heading {
margin-top: 24px;
margin-bottom: 26px;
}
.form-input.landingpage-form {
margin-bottom: 10px;
}
.form-input.whiteinput {
margin-bottom: 10px;
}
.hero-graphic.landing-herographic.in-lp {
-webkit-transform: scale(0.87);
-ms-transform: scale(0.87);
transform: scale(0.87);
}
.hero-graphic-wrapper {
margin-top: -130px;
}
.story-card {
height: auto;
}
.logo-cloud {
background-image: none;
}
.quote-card.quote-last-child {
margin-bottom: 0px;
}
.heading--inline {
line-height: 37px;
}
.site-examples-container {
margin-top: 20px;
}
.price-head {
height: auto;
}
.tabs {
margin-top: 0px;
margin-bottom: 32px;
padding-right: 10px;
padding-bottom: 18px;
padding-left: 10px;
text-align: left;
}
.tab--light {
display: inline-block;
}
.pricecol {
background-color: rgba(97, 129, 145, .2);
background-image: -webkit-linear-gradient(270deg, rgba(204, 238, 255, .06), rgba(204, 238, 255, 0) 73%);
background-image: linear-gradient(180deg, rgba(204, 238, 255, .06), rgba(204, 238, 255, 0) 73%);
}
.webflow-logo.blog-logo {
padding-left: 0px;
}
.navlink.w--current {
color: #fff;
}
.navlink.navlink--dark.lp-sign-up-bar {
margin-right: 10px;
}
.nav-dropdown-toggle {
padding-top: 0px;
padding-bottom: 0px;
}
.dropdown-menu.w--open {
margin-top: 0px;
}
.dropdown-item.w--current {
color: #fff;
}
.dropdown-text-block {
padding-top: 10px;
padding-bottom: 10px;
}
.team-image-static {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
}
.data-type-static {
display: block;
margin-top: 33px;
margin-bottom: 40px;
}
.cms-column-2 {
padding-right: 0px;
padding-left: 0px;
}
.cms-design-static {
display: block;
}
.storycol {
width: 100%;
}
.sitecol {
width: 100%;
}
.footer-row {
margin-bottom: 17px;
}
.interactions-tab {
width: 100%;
margin-right: 0%;
margin-bottom: 20px;
}
.interactions-tab.interactions-tab--last {
margin-bottom: 0px;
}
.devices-static {
display: block;
margin-top: 13px;
margin-bottom: 40px;
}
.form-wrapper {
margin-bottom: 65px;
}
.video-row {
padding-right: 0px;
padding-left: 0px;
}
.tos-copy {
opacity: 1;
}
.hero-subhead {
margin-bottom: 36px;
}
.hero-subhead.comm-hero {
color: #b9f7ff;
}
.large-heading-centered {
padding-right: 0px;
padding-left: 0px;
}
.header-action {
display: block;
}
.control-left {
float: none;
}
.control-right {
float: none;
}
.signup.landing {
margin-bottom: 29px;
}
.logo-block {
width: 50%;
float: left;
}
.logo-block.landingpage-logo {
width: 100%;
}
.logo-block.landingpagelogos {
width: 100%;
float: none;
}
.tweet {
display: inline-block;
}
.tweet-image {
display: inline-block;
margin-right: 0px;
float: none;
}
.tweets {
margin-bottom: 60px;
}
.tweet-attribution {
display: block;
height: auto;
text-align: center;
}
.attr-text {
display: block;
float: none;
text-align: center;
}
.value-illustration {
padding-right: 60px;
padding-left: 60px;
}
.mobile-illo {
padding-right: 60px;
padding-left: 60px;
}
.blog-thumbnailimage {
height: 179px;
}
.blog-thumbwrap {
width: 100%;
height: auto;
padding-bottom: 17px;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.blog-tabsmenu {
padding-right: 0px;
padding-left: 0px;
}
.blog-herosection {
padding-bottom: 56px;
}
.blog-title {
margin-bottom: 12px;
font-size: 27px;
}
.blog-category {
font-size: 12px;
}
.blog-subheading {
width: 100%;
padding-right: 20px;
padding-left: 20px;
font-size: 18px;
line-height: 1.3em;
}
.blog-posttext p {
font-size: 16px;
}
.blog-blogcontent-wrapper {
width: auto;
}
.blog-divide {
margin-right: 5px;
margin-left: 5px;
}
.blog-featured {
padding-top: 97px;
padding-bottom: 56px;
}
.blog-buttonwrap {
margin-bottom: 50px;
}
.blog-modalwindow {
width: 90%;
padding: 20px;
}
.blog-modalwindow.popup {
width: 90%;
}
.blog-modalheading {
margin-bottom: 6px;
font-size: 22px;
}
.blog-modalheading.sub {
margin-bottom: 0px;
font-size: 18px;
}
.blog-modalheading.sub.smallersub {
margin-bottom: 11px;
}
.blog-modalheading.altheading {
font-size: 22px;
}
.modalform {
margin-top: 15px;
}
.blog-lede {
font-size: 19px;
line-height: 1.3em;
}
.blog-authorwrap {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.blog-ctablock {
padding: 30px 15px;
}
.blog-clogcat-hero {
padding-bottom: 19px;
}
.landingside-heading {
text-align: center;
}
.landingside-text {
text-align: center;
}
.landingside-text.smaller {
text-align: center;
}
.landingbenefits-heading {
text-align: center;
}
._404-container {
margin-top: 60px;
margin-bottom: 0px;
}
.features-item {
width: 100%;
padding-right: 0px;
}
.feature-section-link {
padding-right: 4px;
padding-left: 4px;
font-size: 13px;
}
.landing-competitordescription {
margin-bottom: 0px;
}
.landing-comparisondivider.centereddivide {
margin-top: 15px;
}
.landing-comparisonheading {
font-size: 25px;
line-height: 33px;
}
.workshop-thumbnail {
min-height: auto;
margin-bottom: 0px;
}
.workshop-past {
width: 100%;
height: auto;
}
.pagehead-link {
margin-bottom: 10px;
}
.pagehead-linkwrapper {
margin-bottom: 5px;
}
.pagehead-richtext {
width: 100%;
}
.flex-grid.bottom-margin {
margin-bottom: 20px;
}
.flex-grid-item {
max-width: 100%;
min-width: 100%;
}
.feature-link {
margin-bottom: 20px;
}
.tweettext {
padding-right: 0px;
padding-left: 0px;
font-size: 18px;
line-height: 1.5em;
}
.rich-text-wrapper {
padding: 20px 20px 10px;
}
.header-logo-wrapper {
margin-right: -20px;
margin-left: -20px;
}
.header-logo-title {
font-size: 12px;
}
.signup-modal {
background-color: rgba(50, 59, 64, .8);
}
.popup-image {
height: 160px;
}
.money-back-guarantee {
padding-top: 33px;
}
.comparisonbenefit-rte {
padding-top: 0px;
}
.comparisonbenefit-rte h3 {
margin-top: 25px;
float: left;
font-size: 24px;
line-height: 46px;
}
.comparisonbenefit-rte p {
padding-top: 15px;
padding-bottom: 15px;
font-size: 20px;
line-height: 1.7em;
}
.comparisonbenefit-rte h5 {
padding-right: 0px;
float: left;
font-size: 13px;
}
.benefits-heading {
display: block;
font-size: 24px;
line-height: 36px;
}
.competitor-title-box {
padding-top: 15px;
}
.competitor-name {
font-size: 34px;
line-height: 37px;
}
.intro-text {
margin-top: 25px;
font-size: 20px;
line-height: 1.6em;
}
.webflow-link-block {
margin-bottom: 25px;
}
.tag-link {
width: 50%;
}
.hr.half {
width: 63.33%;
}
.footer-blog {
min-width: auto;
}
.lp-feature {
height: 210px;
}
.webflow-cta-bar {
padding-top: 10px;
padding-right: 0px;
}
.author-flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tos-plain-language-wrapper {
padding: 16px 16px 0px;
}
}
@font-face {
font-family: 'Avenir Next';
src: url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/565ce02e9d01e98f7e57da84_Avenir%20Next%20Pro%20Light.woff2') format('undefined'), url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/565ce02e9d01e98f7e57da83_Avenir%20Next%20Pro%20Light.eot') format('embedded-opentype'), url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/565ce02e2e69f34c491b2b7a_Avenir%20Next%20Pro%20Light.woff') format('woff'), url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/565ce02eb0dfc1fc0b9ea224_Avenir%20Next%20Pro%20Light.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Avenir Next';
src: url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/565ce02e9d01e98f7e57da82_Avenir%20Next%20Pro%20Demi.woff2') format('undefined'), url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/565ce02e9d01e98f7e57da81_Avenir%20Next%20Pro%20Demi.eot') format('embedded-opentype'), url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/565ce02eb0dfc1fc0b9ea223_Avenir%20Next%20Pro%20Demi.woff') format('woff'), url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/565ce02eb366c54a49778f87_Avenir%20Next%20Pro%20Demi.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Avenir Next';
src: url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560ccfabaf1dc1285fa5e93a_2EDD12_0_0.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Avenir Next';
src: url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560ccfabb601283c29580bb7_2EDD12_1_0.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Circular';
src: url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b711e313bbe134654562e_circular-book.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Circular';
src: url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b711e6ece51f90ab92e3b_circular-bold.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Circular';
src: url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/560b711e6ece51f90ab92e3c_circular-medium.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56328f8f53b15dcf15f6dd91_Gotham-Book.otf') format('opentype');
font-weight: 200;
font-style: normal;
}</style></head><body>
<div class="hero-home largehero">
<div class="herocontainer w-container">
<h1 class="home large-centered-heading">Business Micros</h1>
<p class="hero-subhead">World Class software solutions<br>for the window and door industry</p>
<div class="header-logo-title">TRUSTED BY BUSINESSES BIG AND SMALL</div>
<div class="header-logo-wrapper">
<img class="header-logo" src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e88a643c004edd3bbd0d72_sales.svg" width="82">
<img class="header-logo" src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e88a6349546ee03b92e742_Pint.svg" width="100">
<img class="header-logo" src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e88a633c004edd3bbd0d71_Ideo.svg" width="94">
<img class="header-logo" src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e88a63b3e3ab5417160067_mtv.svg" width="62">
<img class="header-logo" src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e88a63b3e3ab5417160066_int.svg" width="91">
<img class="header-logo" src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e88a63baaa764f17b14453_mast.svg" width="74">
<img class="header-logo" src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e88a63a43109f01686d7c2_razor.svg" width="128">
<img class="header-logo" src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e88a63a43109f01686d7c1_autodesk.svg" width="148">
</div>
</div>
<div class="productbg-vid w-background-video w-hidden-small w-hidden-tiny" data-autoplay="data-autoplay" data-loop="data-loop" data-poster-url="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e21cb0d4252379507a44a1_dynamo-video-poster-00001.png" data-video-urls="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e21cb0d4252379507a44a1_dynamo-video-transcode.webm,https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e21cb0d4252379507a44a1_dynamo-video-transcode.mp4" data-wf-ignore="data-wf-ignore"><video autoplay="autoplay" loop="loop" style="background-image: url("https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e21cb0d4252379507a44a1_dynamo-video-poster-00001.png");"><source src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e21cb0d4252379507a44a1_dynamo-video-transcode.webm" data-wf-ignore=""><source src="https://daks2k3a4ib2z.cloudfront.net/55de95401f19df505cc6c89d/56e21cb0d4252379507a44a1_dynamo-video-transcode.mp4" data-wf-ignore=""></video>
<div class="bg-video-overlay" data-ix="fade-in-bg-vid" style="opacity: 1; transition: opacity 1500ms ease-out;"></div>
</div>
</div>
</body></html>
