html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
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: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
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: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.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.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .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.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.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 {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.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 {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.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 {
opacity: .5;
display: block;
}
.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: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.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(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--tan: #fff0e3;
--purple: #9e11ff;
--sea-green: #32fead;
--black: black;
--white: white;
--yellow: #f9e80c;
--dark-slate-blue\: #273968;
--primary-pink\: #ff2b54;
--gainsboro: #e5e5e5;
--medium-aquamarine\: #2eddb4;
--dark-grey: #383838;
--light-slate-grey\: var(--white);
--silver: #c5c5c5;
--midnight-blue\: #000e31;
--tan-light: #fef7f0;
--gainsboro-2\: #e5e5e5;
--purple-dark: #21003b;
--resource-position: -110px;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--tan);
color: #000;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.2em;
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
font-family: DM Serif Display, sans-serif;
font-size: 4em;
font-weight: 400;
line-height: 1.2em;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-family: DM Serif Display, sans-serif;
font-size: 3em;
font-weight: 400;
line-height: 1.2em;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-family: DM Serif Display, sans-serif;
font-size: 2em;
font-weight: 400;
line-height: 1.2em;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat Alternates, sans-serif;
font-size: 2em;
font-weight: 600;
line-height: 1.2em;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat Alternates, sans-serif;
font-size: 1.6em;
font-weight: 600;
line-height: 1.2em;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.2em;
font-weight: 600;
line-height: 1.2em;
}
p {
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 1em;
line-height: 1.4em;
}
a {
border-style: none none solid;
border-width: 1px;
border-color: var(--purple);
color: var(--purple);
text-decoration: none;
transition: color .2s;
}
a:hover {
border-bottom-color: var(--sea-green);
color: var(--black);
-webkit-text-stroke-color: var(--sea-green);
}
li {
margin-bottom: 15px;
}
.navbar {
z-index: 999;
color: var(--white);
background-color: #0000;
border: 1px #000;
width: 100%;
margin-top: -14px;
display: flex;
position: absolute;
}
.nav-link {
color: var(--white);
border-style: none;
margin-top: 0;
font-family: Montserrat, sans-serif;
font-size: .9em;
font-weight: 500;
}
.nav-link:hover {
color: #fad325;
border-color: #fad325;
}
.nav-link.w--current {
color: var(--yellow);
}
.nav-link.nav-button {
background-color: var(--primary-pink\);
color: #fff;
border-style: none;
margin-top: 0;
font-family: Lora;
font-weight: 500;
display: inline-block;
position: absolute;
inset: auto 0% 15px auto;
}
.nav-link.nav-link--on-light {
color: var(--black);
}
.nav-link.nav-link--on-light:hover, .nav-link.nav-link--on-light.w--current {
color: var(--purple);
}
.image {
border: 1px #000;
margin-left: 10px;
margin-right: 25px;
}
.body {
color: var(--black);
object-fit: none;
object-position: 0% 0%;
background-color: #0000;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.6em;
overflow: visible;
}
.nav-menu {
text-align: center;
flex: 1;
display: block;
position: relative;
}
.hero {
z-index: 10;
background-color: var(--white);
color: #fff;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-right: 1px #000;
border-radius: 0;
align-items: center;
margin: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.hero.hero-no-image {
border-bottom-right-radius: 180px;
padding-top: 40px;
padding-bottom: 0;
display: block;
}
.hero.hero-with-form {
border-bottom-right-radius: 10%;
padding-top: 100px;
padding-bottom: 100px;
}
.hero.case-study-no-image-hero {
padding-top: 97px;
padding-bottom: 77px;
}
.hero.case-study-hero-res {
padding-top: 40px;
}
.hero.case-study-hero-tbc {
border-bottom-right-radius: 150px;
padding-top: 49px;
}
.hero.prospect-lp.no-background-hero {
background-color: var(--white);
}
.hero.temp-service-hero {
padding-top: 57px;
}
.hero.temp-cs-hero {
padding-top: 51px;
}
.hero-content {
z-index: 6;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
margin-top: 0;
margin-left: 10%;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Lora;
display: flex;
position: relative;
}
.hero-content.hero-no-image-content {
width: 70%;
margin-top: 0;
margin-bottom: 92px;
margin-left: 15%;
}
.hero-content.home-hero-content {
padding-top: 0;
padding-bottom: 60px;
}
.hero-content.hero-with-form-contnet-container {
width: 60%;
margin-top: 31px;
margin-left: 20%;
padding-right: 60px;
}
.hero-content.prospect-lp {
padding-top: 120px;
padding-bottom: 120px;
}
.hero-content.prospect-lp.no-image-centered-hero {
align-items: center;
width: 80%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.hero-content.prospect-lp.no-image-centered-hero.temp-samples-hero-no-button {
padding-top: 40px;
padding-bottom: 0;
}
.hero-content.web-design--hero {
width: 90%;
margin-left: 5%;
padding-bottom: 40px;
}
.hero-copy {
color: var(--black);
text-align: center;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.4em;
}
.hero-copy.hero-copy-subscription-lp {
text-align: center;
}
.hero-copy.temp-hero-copy {
width: 80%;
padding-top: 31px;
}
.hero-image {
z-index: 5;
justify-content: flex-end;
align-items: stretch;
width: 38%;
margin-top: 100px;
margin-bottom: 0;
margin-left: 0%;
display: none;
position: relative;
right: 0;
}
.image-2 {
border-bottom-right-radius: 0%;
width: 100%;
margin-top: -135px;
position: relative;
right: -16px;
}
.image-2.case-study-hero-ss {
border-bottom-right-radius: 32%;
right: 61px;
}
.image-2.case-study-hero-img-iu {
width: 70%;
right: 79px;
}
.image-2.case-study-hero-img-tbc {
padding: 33px;
right: auto;
}
.image-2.hero-laptop {
margin-top: -100px;
}
.hero-heading {
color: var(--black);
text-align: center;
margin-top: 4px;
margin-bottom: 30px;
padding-top: 4px;
font-size: 2.6rem;
line-height: 1.1em;
}
.hero-heading.home-hero-heading {
text-align: center;
}
.hero-heading.home-hero-heading.temp-heading-home {
margin-top: 60px;
}
.hero-heading.hero-heading-subscription-lp {
text-align: center;
max-width: 80%;
}
.hero-heading.hero-heading-centered {
text-align: center;
}
.logos--v10 {
z-index: 10;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/6481f9797d16545d8d16cfac_bkgrd--yellow-ribbon.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
width: 100%;
margin-top: -166px;
margin-bottom: -109px;
padding: 103px 0 109px;
display: block;
position: relative;
inset: auto auto 0 0%;
}
.client-logo {
width: auto;
max-width: 160px;
height: auto;
max-height: 40px;
margin-left: 0;
margin-right: 0;
}
.client-logo.hide-logo {
max-width: 200px;
}
.client-logo-container {
text-align: center;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.dan-container {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
position: relative;
overflow: visible;
}
.dan-container.schedule-meeting {
margin-top: 80px;
}
.section-approach {
line-height: 1em;
}
.section-lead {
flex-direction: row;
margin-top: 80px;
margin-bottom: 80px;
display: flex;
}
.section-lead.section-lead--footer {
margin-top: 80px;
margin-bottom: 20px;
}
.section-lead.home-hero-lead {
margin-top: 100px;
margin-bottom: 40px;
}
.section-lead.half-section-lead {
max-width: 70%;
margin-bottom: 20px;
}
.section-lead.brand-step-lead {
margin-top: 0;
margin-bottom: 20px;
}
.section-lead.about-hero-lead {
margin-bottom: 60px;
}
.section-lead.case-study-section-lead {
margin-top: 60px;
margin-bottom: 60px;
}
.section-lead.case-study-section-lead.the-solution-block {
margin-bottom: 40px;
}
.section-lead.case-study-section-lead.second-section-lead {
margin-top: 80px;
}
.section-lead.additional-resources-lead {
margin-bottom: 0;
}
.section-lead.pricing-lead {
margin-top: 50px;
margin-bottom: 20px;
}
.lead-copy-title-container {
width: 30%;
margin-right: 5%;
font-size: 1.8em;
font-weight: 300;
line-height: 1.2em;
}
.lead-copy-title-container.lead-title-only {
width: 33%;
}
.lead-copy-content {
width: 70%;
font-family: Lora;
font-size: 2em;
font-weight: 700;
}
.lead-copy-content.brand-step-lead-copy {
width: 80%;
margin-top: 45px;
}
.lead-copy-content.web-lead-content-steps {
width: 100%;
}
.font-serif--large {
margin-bottom: 40px;
line-height: 1.2em;
}
.font-serif--large.case-study--challenge---intro, .font-serif--large.case-study--solution---intro {
margin-bottom: 20px;
}
.font-serif--large.fsl--lead-copy {
margin-bottom: 0;
font-weight: 500;
}
.border-pink {
background-color: var(--yellow);
width: 100%;
height: 3px;
padding-right: 0;
}
.border-pink.border-pink--small-center {
width: 40%;
margin-top: 60px;
margin-left: 30%;
}
.lead-copy-title {
width: 80%;
margin-bottom: 20px;
}
.box {
border: 1px solid var(--gainsboro);
background-color: var(--white);
flex-direction: column;
justify-content: flex-start;
width: 100%;
padding: 10px;
display: flex;
}
.box.press-box {
text-align: left;
object-fit: fill;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 32%;
margin-bottom: 19px;
padding-bottom: 10px;
display: block;
position: relative;
overflow: visible;
}
.box.press-box.press-box-half-wide {
width: 48%;
}
.box.price-box {
justify-content: space-between;
width: 32%;
margin-bottom: 30px;
padding-bottom: 0;
}
.box.article-resource-box-full-width {
flex-direction: row;
margin-bottom: 20px;
padding: 20px;
display: flex;
}
.box-heading {
margin-top: 0;
font-family: Montserrat, sans-serif;
font-size: 1.6em;
font-weight: 600;
line-height: 1.4em;
position: relative;
}
.box-heading.article-fw-heading {
font-size: 1.4em;
line-height: 1.4em;
}
.link-arrow {
border-style: none none solid;
border-bottom-width: 3px;
padding-bottom: 4px;
font-family: Lora;
font-size: .9em;
font-style: italic;
font-weight: 700;
display: block;
}
.link-arrow.box-no-copy-link-arrow {
border-bottom-color: var(--yellow);
align-items: flex-end;
margin-top: 0;
font-family: Montserrat, sans-serif;
display: block;
position: relative;
top: auto;
}
.link-arrow.article-fw-link {
border-bottom-color: var(--yellow);
font-family: Montserrat, sans-serif;
}
.box-content {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 40px;
display: flex;
}
.box-content.boxless {
padding-left: 0;
}
.box-content.box-content-no-copy {
object-fit: fill;
flex-direction: column;
flex: 0 auto;
order: 0;
justify-content: space-between;
align-self: auto;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.box-content.press-box-content {
justify-content: space-between;
height: auto;
padding: 20px;
}
.box-icon-container {
background-color: #e7ecf3;
justify-content: center;
align-items: center;
width: 140px;
height: 140px;
display: flex;
}
.box-icon-container.box-icon-no-copy {
text-align: left;
flex-wrap: nowrap;
justify-content: center;
align-self: flex-start;
height: 140px;
min-height: 140px;
margin-left: 0;
margin-right: auto;
display: flex;
position: relative;
}
.box-icon-container.article-fw-icon-container {
flex: none;
}
.box-icon-container.press-box-icon-container {
width: 100%;
}
.base-font-style {
margin-bottom: 20px;
padding-top: 20px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.6em;
}
.base-font-style.box-body {
font-size: 1em;
line-height: 1.6em;
}
.base-font-style.italic.mockup-disclaimer--text {
font-family: Montserrat, sans-serif;
}
.base-font-style.left-col-txt-padding-on-right {
padding-right: 20px;
}
.base-font-style.prospect-lead-p {
padding-top: 0;
font-size: 1.2rem;
}
.base-font-style.case-study--challenge---copy, .base-font-style.case-study--solution---copy {
padding-top: 0;
}
.section-testimonial {
width: 100%;
margin-left: 0;
margin-right: 0;
position: relative;
}
.section-testimonial.home-second-testimonial {
margin-bottom: 110px;
}
.section-testimonial.hb-services-testimonial--margin {
margin-bottom: 39px;
}
.testimonial-container {
z-index: 1;
background-color: #e7ecf3;
width: 80%;
margin-left: -46px;
margin-right: 0;
padding: 60px;
position: relative;
}
.testimonial-container.testimonial-alt-layout {
width: 95%;
margin-left: 0;
padding-left: 25%;
}
.testimonial-copy {
margin-bottom: 0;
font-size: 2em;
font-weight: 700;
line-height: 1.6em;
}
.section-turnaround {
margin-top: 120px;
margin-bottom: 120px;
}
.article {
font-family: Montserrat, sans-serif;
font-size: 1.1em;
font-style: italic;
font-weight: 700;
}
.article.tc-white {
color: var(--white);
font-family: Montserrat, sans-serif;
}
.article.step-h4--left {
margin-top: 20px;
margin-bottom: 20px;
position: relative;
}
.box-step {
border: 1px solid var(--purple);
border-radius: 1px;
padding: 10% 20% 10% 10%;
}
.box-step.bkgrd-pink {
background-color: var(--primary-pink\);
}
.box-step.bkgrd-pink.simple-box-step-one-of-six {
background-color: var(--yellow);
width: 15%;
padding: 20px;
}
.box-step.bkgrd-pink.article-box-step-full-width {
margin-bottom: 20px;
padding: 5%;
}
.box-step.bkgrd-black {
border-color: var(--black);
background-color: var(--black);
}
.box-step.bkgrd-black.simple-box-step-one-of-six {
width: 15%;
padding: 20px;
}
.box-step.bkgrd-black.article-box-step-full-width {
padding: 5%;
}
.box-step.simple-box-step-one-of-six {
width: 15%;
padding: 20px;
}
.box-step.article-box-step-one-of-three {
border-color: var(--purple);
width: 31%;
padding: 80px 30px 20px;
}
.box-step.article-box-step-one-of-three.bkgrd-pink {
border-color: var(--purple);
background-color: var(--purple);
}
.box-step.article-box-step-one-of-three.bkgrd-black {
border-color: var(--black);
}
.box-step.article-box {
background-color: var(--white);
margin-bottom: 20px;
padding: 5%;
}
.box-step.article-box.article-margin-top {
background-color: var(--white);
}
.image-3 {
margin-left: -24px;
}
.font-italic--pink {
color: var(--medium-aquamarine\);
font-style: italic;
}
.font-italic--pink.fip-no-bottom-border {
border-style: none;
}
.testimonial-content {
position: relative;
}
.testimonial-client-container {
align-items: center;
display: flex;
position: absolute;
top: auto;
bottom: -50px;
}
.testimonial-client-container.services-performed-under {
bottom: -9px;
}
.testimonial-avatar {
border: 3px solid var(--white);
border-radius: 50%;
width: 100px;
min-width: 0;
margin-left: -20px;
box-shadow: 1px 1px 10px 4px #00000026;
}
.testimonial-name {
margin-bottom: 0;
font-weight: 700;
line-height: 1.2em;
}
.testimonial-business {
margin-bottom: 0;
font-size: .8em;
}
.testimonial-site {
font-weight: 500;
line-height: 1.2em;
}
.section-footercta {
overflow: visible;
}
.footer-cta-box-container {
background-color: var(--black);
text-align: center;
width: 100%;
padding: 40px;
display: block;
}
.footer-cta-link {
border-bottom: 3px solid var(--primary-pink\);
color: var(--white);
border-radius: 0;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 2em;
font-weight: 300;
line-height: 1.4em;
text-decoration: none;
display: inline-block;
}
.footer {
background-color: var(--black);
margin-top: 0;
padding-top: 20px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: visible;
}
.footer.lp-footer {
margin-top: 0;
}
.footer.home-footer {
z-index: 0;
position: absolute;
inset: 0% auto auto 0%;
}
.footer.full-width--footer {
padding-left: 20px;
padding-right: 20px;
}
.footer-menus-container {
z-index: 10;
margin-bottom: 40px;
position: relative;
}
.footer-logos-container {
border-top: 1px solid var(--dark-grey);
border-bottom: 1px solid var(--dark-grey);
background-color: #0000;
margin: 0 0 10px;
padding: 40px 0;
position: relative;
}
.footer-cr-container {
z-index: 5;
border-top: 1px none var(--dark-grey);
color: var(--white);
background-color: #0000;
border-bottom: 0 #000;
margin: 40px auto 20px;
padding: 10px 10px 10px 0;
position: relative;
}
.footer-bio-container {
background-color: #0000;
width: 30%;
margin-left: 0%;
padding: 0;
display: block;
position: relative;
}
.footer-bio-container.lp-bio-container {
margin-left: 0%;
}
.footer-menu-container {
text-align: left;
justify-content: space-between;
align-items: flex-end;
width: 70%;
display: flex;
}
.footer-menu-title {
margin-bottom: 0;
font-size: .9em;
font-weight: 700;
}
.footer-menu-item {
color: var(--black);
border-bottom-style: none;
padding: 10px 0;
font-size: .8em;
line-height: 1.4em;
text-decoration: none;
transition: color .2s;
display: block;
}
.footer-menu-item:hover {
color: var(--primary-pink\);
border: 1px #0000;
}
.brand {
border-style: none;
padding-top: 12px;
}
.serif {
font-family: Montserrat, sans-serif;
font-size: 1.1em;
font-weight: 700;
line-height: 1.4em;
}
.serif.tc-pink {
padding-top: 20px;
padding-left: 10px;
display: inline;
position: relative;
}
.serif.tc-pink.font-italic--pink {
margin-bottom: -9px;
padding-top: 20px;
display: inline-block;
}
.serif.lp-subscription-title-serif {
margin-right: 20px;
}
.italic {
font-style: italic;
font-weight: 300;
}
.fs-medium {
font-size: 1.2em;
font-weight: 300;
}
.fs-medium.footer-logo-title {
border-top: 1px none var(--dark-grey);
color: var(--dark-grey);
margin-bottom: 0;
font-size: 1em;
font-weight: 400;
}
.fs-medium.left-col-txt-padding-on-right {
padding-right: 20px;
}
.fs-medium.fs-medium-bold {
font-weight: 700;
line-height: 1.8em;
}
.fs-small {
font-size: .8em;
line-height: 1.4em;
}
.fs-small.footer-cr-copy {
color: var(--light-slate-grey\);
margin-bottom: 0;
font-weight: 300;
}
.tc-pink {
color: var(--purple);
}
.paragraph {
font-weight: 700;
}
.text-pipe {
color: var(--silver);
margin-left: 10px;
margin-right: 10px;
display: inline-block;
}
.footer-column {
padding-left: 60px;
}
.footer-column.footer-bio-col {
padding-left: 10px;
}
.columns-2 {
justify-content: center;
align-items: center;
display: flex;
}
.footer-logo {
opacity: .32;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.footer-logo-col {
text-align: center;
}
.column-9 {
text-align: right;
justify-content: flex-end;
padding: 0;
display: flex;
}
.hero-video-container {
align-items: center;
margin-left: -10px;
display: flex;
}
.video-play-label {
border-bottom: 3px solid var(--primary-pink\);
margin-bottom: 0;
padding-bottom: 2px;
font-weight: 700;
}
.lightbox-link {
text-align: center;
border-style: none;
border-width: 0;
align-items: center;
margin-left: 0;
text-decoration: none;
display: flex;
}
.home-hero-lightbox-avatar {
width: 100px;
margin-left: -10px;
text-decoration: none;
}
.home-hero-play-button {
text-align: center;
margin-left: -18px;
padding-right: 17px;
}
.hero-elements {
z-index: 0;
width: 100%;
height: 100%;
padding: 0;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-elements.hero-no-image-elements {
inset: 0% auto auto 0%;
}
.hero-bkgrd-01 {
position: absolute;
top: 45%;
right: 27%;
}
.hero-bkgrd-02 {
position: absolute;
top: 37%;
right: 2%;
}
.hero-bkgrd-03 {
position: absolute;
top: 8%;
right: 38%;
}
.hero-bkgrd-04 {
position: absolute;
bottom: 10%;
left: 3%;
}
.hero-bkgrd-05 {
max-width: 2%;
position: absolute;
bottom: 2%;
right: 60%;
}
.hero-bkgrd-06 {
position: absolute;
bottom: -1%;
right: 50%;
}
.hero-bkgrd-07 {
margin-bottom: 0;
position: absolute;
top: 19%;
bottom: auto;
right: 5%;
}
.testimonial-bkgrd-elements {
z-index: 3;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.testimonial-bkgrd-element-01 {
position: absolute;
top: 8%;
left: -6%;
}
.testimonial-bkgrd-element-01.alt-testimonial-bkgrd-element {
top: -8%;
left: 6%;
}
.testimonial-bkgrd-element-02 {
position: absolute;
top: 1%;
left: 0%;
}
.testimonial-bkgrd-element-02.alt-testimonial-bkgrd-element {
top: -22%;
left: 26%;
}
.testimonial-bkgrd-element-03 {
position: absolute;
top: 10%;
right: 20%;
}
.testimonial-bkgrd-element-03.alt-testimonial-bkgrd-element {
top: -21%;
right: 15%;
}
.testimonial-bkgrd-element-04 {
position: absolute;
bottom: 10%;
left: -4%;
}
.testimonial-bkgrd-element-04.alt-testimonial-bkgrd-element {
bottom: 76%;
left: 23%;
}
.testimonial-bkgrd-element-05 {
position: absolute;
bottom: -19%;
left: -6%;
}
.testimonial-bkgrd-element-05.alt-testimonial-bkgrd-element {
left: 30%;
}
.testimonial-bkgrd-element-06 {
position: absolute;
bottom: 1%;
right: 23%;
}
.testimonial-bkgrd-element-06.alt-testimonial-bkgrd-element {
bottom: -10%;
right: 11%;
}
.footer-bkgrd-elements {
z-index: 3;
background-color: var(--midnight-blue\);
width: 100%;
height: 100%;
position: absolute;
}
.footer-bkgrd-element-01 {
position: absolute;
top: 5%;
left: 1%;
}
.footer-bkgrd-element-02 {
position: absolute;
top: -51%;
right: 1%;
}
.footer-bkgrd-element-03 {
position: absolute;
bottom: 30%;
right: 10%;
}
.footer-bkgrd-element-04 {
position: absolute;
top: -3%;
left: 6%;
right: auto;
}
.footer-bkgrd-element-05 {
position: absolute;
top: -11%;
right: -2%;
}
.footer-bkgrd-element-06 {
position: absolute;
bottom: 35%;
left: 30%;
}
.box-icon {
width: 100%;
max-width: 70px;
}
.box-icon.press-box-icon {
width: auto;
max-width: 100%;
}
.box-icon.price-box-icon {
max-width: 64px;
}
.hero-lead-copy {
color: var(--medium-aquamarine\);
margin-bottom: 0;
font-size: 1.3rem;
font-style: italic;
font-weight: 700;
line-height: 1.5rem;
}
.hero-lead-copy.stealth-prospect-hero-pink {
margin-bottom: 10px;
font-size: 1.2rem;
line-height: 1.6rem;
}
.hero-bkgrd-08 {
position: absolute;
bottom: 5%;
}
.hero-bkgrd-09 {
transform-style: preserve-3d;
position: absolute;
top: 27%;
left: 1%;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.box-columns {
margin-bottom: 60px;
}
.box-columns.web-resource-box-columns {
margin-bottom: 0;
}
.web-video-section {
margin-bottom: 60px;
}
.feature-image {
object-fit: contain;
object-position: 50% 50%;
align-self: center;
width: 100%;
height: 100%;
min-height: 900px;
position: relative;
}
.feature-image.web-step-img-container-2 {
justify-content: center;
align-self: stretch;
align-items: center;
min-height: 800px;
padding: 0 40px 0 0;
display: flex;
}
.feature-image.web-step-5-img-container {
justify-content: center;
align-items: center;
min-height: 840px;
display: flex;
}
.feature-image.web-step-4-img-container {
min-height: 800px;
}
.feature-image.web-step-6-img-container {
grid-column-gap: 27px;
grid-row-gap: 16px;
flex-flow: column wrap;
flex: 0 auto;
grid-template-rows: 291px auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch center;
align-self: center;
align-items: center;
min-height: 0;
margin-left: auto;
margin-right: auto;
padding: 50px;
display: flex;
}
.feature-image.brand-ftr-img-container-2 {
justify-content: center;
align-items: center;
min-height: 400px;
display: flex;
}
.feature-image.feature-image-container-3 {
align-items: center;
display: flex;
}
.feature-image.case-study-strategy-image-container {
text-align: left;
justify-content: center;
min-height: auto;
padding-left: 40px;
display: block;
position: relative;
}
.feature-image.case-study-laptop-container {
min-height: auto;
right: 10%;
}
.feature-container {
align-items: center;
display: flex;
}
.feature-container.feature-container-reversed {
flex-direction: row-reverse;
}
.feature-container.brand-feature-2 {
flex-direction: column;
margin-top: 90px;
}
.feature-container.brand-step-three {
flex-direction: row-reverse;
margin-top: 80px;
}
.feature-container.feature-container-alt {
flex-direction: row-reverse;
}
.feature-container.case-study-strategy-container {
margin-bottom: 60px;
}
.feature-content {
width: 40%;
margin-left: 5%;
position: relative;
}
.feature-step-number {
color: #e7ecf3;
font-family: Lora;
font-size: 30em;
font-style: italic;
font-weight: 700;
position: absolute;
inset: 0% auto auto -23%;
}
.feature-step-number.brand-step-number-2 {
top: 23%;
left: 15%;
}
.feature-step-number.article-section-title-number {
z-index: 0;
color: #fff7f0;
-webkit-text-stroke-color: var(--white);
font-size: 17em;
line-height: 1.4em;
top: -86%;
left: 0%;
}
.feature-step-number.small-step-number {
font-size: 5em;
left: 10%;
}
.feature-step-number.small-step-number.step-number--left {
font-size: 4em;
inset: 10% auto auto -60px;
}
.feature-step-content {
position: relative;
}
.feature-step-content-title {
font-family: Lora;
font-size: 1.6em;
}
.web-step-one-img-01 {
max-width: 60%;
position: absolute;
top: 20%;
left: 5%;
}
.web-step-one-img-02 {
position: absolute;
inset: auto 3% 7% auto;
}
.web-step-one-img-03 {
max-width: 55%;
position: absolute;
top: 5%;
right: 0%;
}
.web-step-one-img-04 {
z-index: 5;
position: absolute;
bottom: -2%;
left: 28%;
}
.web-step-one-img-05 {
z-index: 4;
position: absolute;
top: 12%;
left: 11%;
}
.section-web-resources {
margin-top: 105px;
}
.image-7 {
width: 100%;
position: relative;
}
.image-9 {
z-index: 11;
max-width: 17%;
position: absolute;
inset: auto 14% 15% auto;
}
.image-10 {
z-index: 11;
max-width: 14%;
position: absolute;
inset: 25% 3% auto auto;
}
.image-11 {
z-index: 11;
max-width: 14%;
position: absolute;
inset: 12% auto auto 11%;
}
.web-step-three-img-02 {
z-index: 1;
max-width: 50%;
position: absolute;
inset: 26% auto auto 6%;
}
.web-step-three-img-03 {
z-index: 3;
max-width: 60%;
position: absolute;
inset: auto 6% 3% auto;
}
.web-step-three-img-01 {
z-index: 2;
max-width: 50%;
position: absolute;
inset: 2% 0% auto auto;
}
.image-12 {
z-index: 5;
position: relative;
top: 132px;
left: 138px;
}
.image-13 {
z-index: 7;
position: relative;
}
.image-14 {
z-index: 2;
max-width: 30%;
position: absolute;
top: 64px;
}
.image-15 {
z-index: 2;
max-width: 30%;
position: absolute;
inset: auto auto 28% 2%;
}
.image-16 {
z-index: 5;
position: relative;
bottom: 7px;
left: 192px;
}
.image-17 {
z-index: 5;
display: block;
position: relative;
}
.image-18 {
z-index: 10;
max-width: 80%;
position: absolute;
inset: -8% -11% auto auto;
}
.image-19 {
position: absolute;
inset: -5% auto auto 10%;
}
.image-20 {
z-index: 4;
max-width: 80%;
position: absolute;
inset: auto -7% -9% auto;
}
.image-21 {
z-index: 3;
max-width: 69%;
position: absolute;
inset: auto auto -5% 0%;
}
.web-step-2-img-yellow {
position: absolute;
inset: 8% 15% auto auto;
}
.web-step-2-img-pink {
position: absolute;
inset: auto 33% 12% auto;
}
.web-step-2-img-blue {
position: absolute;
inset: 33% auto auto 0%;
}
.image-22, .image-23 {
display: block;
position: relative;
}
.image-24 {
align-self: flex-start;
max-width: 100%;
margin-right: 2%;
display: inline-block;
position: relative;
}
.manage-img-blue {
display: block;
position: absolute;
inset: auto auto 26% 0%;
}
.manage-img-pink {
position: absolute;
inset: auto 0% 26% auto;
}
.manage-img-yellow {
display: block;
position: absolute;
inset: 18% auto auto 0%;
}
.brand-step-icon {
margin-bottom: 30px;
}
.image-26 {
position: absolute;
inset: auto 0% 8% auto;
}
.image-27 {
position: absolute;
inset: auto 36% 0% auto;
}
.image-28 {
max-width: 70%;
position: absolute;
inset: auto auto 0% -9%;
}
.image-29 {
position: absolute;
inset: 14% auto auto 0%;
}
.image-30 {
position: absolute;
inset: 0% auto auto 12%;
}
.image-31 {
position: relative;
left: 102px;
}
.image-32 {
position: relative;
}
.image-33 {
position: absolute;
inset: auto auto 27% -21%;
}
.image-34 {
position: absolute;
inset: 30% -19% auto auto;
}
.image-35 {
position: absolute;
inset: auto auto 12% 0%;
}
.image-36 {
position: absolute;
inset: auto -25% -12% auto;
}
.paragraph-3 {
color: #e7ecf3;
font-size: 20em;
font-weight: 700;
position: absolute;
inset: 59% auto auto 0%;
}
.slash-2 {
color: #4292e6;
font-size: 13em;
font-weight: 700;
position: absolute;
inset: 23% auto auto -3%;
}
.brand-step-three-img-7 {
position: absolute;
inset: 20% auto auto 0%;
}
.brand-step-three-img-6 {
position: absolute;
inset: auto auto 0% 20%;
}
.brand-step-three-img-5 {
position: absolute;
inset: auto 4% 0% auto;
}
.brand-step-three-img-4 {
position: absolute;
inset: auto auto 0% 17%;
}
.brand-step-three-img-3 {
position: absolute;
inset: auto auto 6% -14%;
}
.brand-step-three-img-2 {
position: absolute;
inset: 4% auto auto 0%;
}
.brand-step-three-img-1 {
position: relative;
right: 84px;
}
.brand-step-three-img-8 {
position: absolute;
inset: 10% 16% auto auto;
}
.two-paragraphs {
column-count: 2;
column-rule-style: none;
column-rule-width: 0px;
column-gap: 60px;
}
.wrap-small--xtra {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.wrap-small--xtra.about-steps {
margin-top: 80px;
margin-bottom: 80px;
}
.about-press-lead.about-press-lead-container {
margin-bottom: 60px;
display: block;
}
.blocks-container-two-wide {
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.simple-box-steps-container-six {
flex-flow: row;
place-content: space-between;
width: 100%;
display: flex;
}
.box-simple-step-copy {
font-family: Montserrat, sans-serif;
font-style: italic;
font-weight: 700;
line-height: 1.4em;
}
.box-simple-step-copy.tc-white {
color: var(--white);
font-family: Montserrat, sans-serif;
}
.footer-bio-box-links {
font-family: Lora;
font-style: italic;
font-weight: 700;
}
.hero-paragraph {
color: var(--black);
font-family: Ubuntu, Helvetica, sans-serif;
}
.hero-form {
z-index: 100;
width: 33%;
margin-top: 52px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.form-block {
border: 10px solid var(--white);
background-color: var(--tan);
margin-left: auto;
margin-right: auto;
padding: 30px;
}
.form-block._404-form-box {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.form-heading {
color: var(--midnight-blue\);
font-family: Montserrat, sans-serif;
}
.list {
list-style-type: decimal;
}
.list.form-list {
padding-left: 18px;
}
.list.form-list.fs-small {
color: var(--black);
padding-left: 16px;
}
.form-label {
color: var(--black);
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: .8em;
font-style: normal;
}
.form-input-field {
border: 1px solid var(--silver);
color: var(--black);
}
.form-input-field.input-field-95 {
width: 95%;
}
.form-input-field.form-input-textarea {
min-height: 130px;
}
.form-input-field.form-textarea {
min-height: 120px;
}
.dan-button {
background-color: var(--yellow);
text-align: center;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: .9em;
font-weight: 600;
transition: background-color .2s;
}
.dan-button:hover {
background-color: var(--midnight-blue\);
color: var(--white);
}
.dan-button.button-reg {
font-size: .5em;
}
.dan-button.button-reg.hb-website-see-more-btn {
display: none;
}
.pricing-packages-container {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.price-range {
margin-bottom: 0;
font-family: Lora;
font-size: 1.2em;
font-weight: 700;
line-height: 1.6em;
}
.range-label {
font-size: .8em;
font-style: italic;
}
.resources-container {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.sample-container {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 109px;
margin-bottom: 109px;
display: block;
position: relative;
}
.sample-primary-content-container {
background-color: #0000;
width: 70%;
margin-top: -8%;
margin-left: 5%;
padding-bottom: 30px;
text-decoration: none;
}
.sample-box-container {
float: right;
clear: right;
width: 30%;
margin-left: 0%;
display: block;
position: relative;
top: 30px;
left: -5%;
}
.sample-primary-content-img-container {
border-style: none;
text-decoration: none;
}
.sample-primary-content-img-container.sample-tbc-img-container {
width: 90%;
margin-left: -10%;
}
.sample-list-item-heading {
margin-top: 30px;
margin-bottom: 4px;
font-size: 2em;
line-height: 1.4em;
}
.sample-primary-content-copy {
font-family: Lora;
font-size: 1.4em;
font-weight: 700;
}
.sample-primary-outer-container {
float: left;
clear: left;
background-color: #e7ecf3;
width: 70%;
margin-right: 0%;
display: block;
position: relative;
top: 0;
}
.h2-section-title {
margin-bottom: 20px;
font-family: Lora;
}
.h2-section-title.col-title {
margin-top: 0;
margin-bottom: 0;
}
.h2-section-title.light-on-dark {
color: var(--white);
font-size: 3em;
}
.h2-section-title.font-italic--pink {
margin-bottom: 40px;
font-size: 1.6em;
}
.case-study-laptop {
max-width: 120%;
margin-right: 0;
display: block;
position: relative;
}
.case-study-showcase-container {
width: 100%;
height: 3000px;
position: relative;
}
.case-study-showcase-container.res-showcase-container {
margin-top: 60px;
}
.case-study-showcase-container.aa-showcase-container {
height: 2360px;
}
.case-study-showcase-container.iupui-showcase-container {
height: 2000px;
margin-top: 80px;
overflow: hidden;
}
.case-study-showcase-container.tbc-showcase-container-2 {
height: 1140px;
margin-top: 0;
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.case-study-showcase-container.ss-showcase-container {
height: 3000px;
}
.case-study-showcase-container.hb-showcase-container {
height: 2200px;
}
.ss-dress-avatar {
position: absolute;
inset: 17% auto auto 0%;
}
.ss-pic-shirt-dress {
z-index: 2;
max-width: 120%;
margin-left: -13%;
position: relative;
inset: auto;
}
.ss-backpack-avatar {
position: absolute;
inset: 50% auto auto -1%;
}
.ss-pic-shoe {
max-width: 100%;
position: relative;
inset: 0% 0 0 0%;
}
.ss-pic-backpack {
z-index: 4;
max-width: 100%;
position: relative;
inset: 0% 0 0% 0%;
}
.ss-shoe-avatar {
max-width: 30%;
position: absolute;
inset: 3% -5% auto auto;
}
.ss-avatar-shoe-two {
z-index: 10;
position: absolute;
inset: 43% auto auto 5%;
}
.ss-pic-analytics {
z-index: 1;
max-width: 100%;
position: relative;
inset: auto;
}
.ss-pic-catnav {
z-index: 1;
position: relative;
inset: auto;
}
.ss-pic-algorithm {
z-index: 4;
max-width: 100%;
position: relative;
inset: 0% 0 0% 0%;
}
.ss-pic-merch {
z-index: 6;
max-width: 100%;
position: relative;
inset: auto;
}
.ss-pic-lp {
z-index: 3;
max-width: 100%;
position: relative;
inset: auto;
}
.ss-pic-smarter {
z-index: 5;
position: absolute;
inset: 82% auto auto 21%;
}
.res-homepage {
z-index: 3;
max-width: 75%;
max-height: 2210px;
position: absolute;
inset: 26% auto auto 35%;
}
.res-model-2 {
z-index: 4;
position: absolute;
inset: 18% auto auto -8%;
}
.res-icon-keys {
max-width: 12%;
position: absolute;
inset: 18% auto auto -1%;
}
.res-model-1 {
z-index: 2;
position: absolute;
inset: 0% 0% auto auto;
}
.res-icon-mail {
z-index: 1;
max-width: 12%;
position: absolute;
inset: 4% auto auto 64%;
}
.res-old {
z-index: 2;
position: absolute;
inset: 3% auto auto 2%;
}
.res-icon-web {
z-index: 3;
max-width: 12%;
position: absolute;
inset: 42% auto auto 27%;
}
.res-fees {
z-index: 5;
max-width: 70%;
position: absolute;
inset: 53% auto auto -10%;
}
.res-golden {
position: absolute;
inset: 81% auto auto -6%;
}
.res-certificate {
z-index: 6;
max-width: 10%;
position: absolute;
inset: 94% auto auto 29%;
}
.res-icon-mail-phone {
z-index: 6;
max-width: 14%;
position: absolute;
inset: 48% -4% auto auto;
}
.res-before-label {
background-color: var(--gainsboro);
margin-bottom: -43px;
padding: 25px 60px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1.6rem;
font-weight: 300;
display: block;
position: absolute;
inset: 0% auto auto 0%;
}
.res-before-label.after-label {
inset: 23% 0% auto auto;
}
.aa-home {
z-index: 1;
max-width: 70%;
position: absolute;
inset: 2% auto auto 2%;
}
.aa-service {
z-index: 5;
max-width: 70%;
position: absolute;
inset: auto auto 0% 1%;
}
.aa-network {
z-index: 3;
max-width: 75%;
position: absolute;
inset: 15% 0% auto auto;
}
.iupui-jag-before {
position: absolute;
}
.iupui-jag-after {
z-index: 5;
max-width: 70%;
position: absolute;
inset: 6% -6% auto auto;
}
.iupui-wordmark-after {
position: absolute;
top: 25%;
}
.iupui-workmark {
max-width: 60%;
position: absolute;
inset: 34% auto auto 36%;
}
.iupui-volleyball {
position: absolute;
top: 53%;
left: 3%;
}
.iupui-softball {
position: absolute;
inset: 62% auto auto 26%;
}
.iupui-soccer {
position: absolute;
inset: 51% -4% auto auto;
}
.iupui-golf {
position: absolute;
inset: 68% auto auto 0%;
}
.iupui-tennis {
position: absolute;
inset: 76% -10% auto auto;
}
.iupui-basketball {
position: relative;
top: 84%;
left: -7%;
}
.iupui-diving {
position: absolute;
top: 87%;
}
.iupui-cross {
position: absolute;
inset: 95% 27px auto auto;
}
.text-span {
font-size: .8rem;
font-style: italic;
line-height: 1rem;
}
.iuk-second-showcase {
padding-bottom: 100px;
overflow: hidden;
}
.iuk-four-cols {
justify-content: center;
align-items: center;
display: flex;
}
.iuk-col {
text-align: center;
}
.iuk-col-img {
max-height: 190px;
}
.iuk-before-after-block {
align-items: center;
margin-bottom: 40px;
display: flex;
position: relative;
}
.before-after-img {
width: 50%;
max-width: 50%;
height: 100%;
padding: 20px;
}
.tbc-after {
max-width: 80%;
margin-top: -144px;
margin-left: 30%;
position: relative;
}
.tbc-before {
max-width: 50%;
margin-top: 68px;
display: inline-block;
position: relative;
}
.tbc-concepts-box {
z-index: 5;
position: absolute;
inset: 0% auto auto -2%;
}
.tbc-bkgrd-dots {
z-index: 1;
position: absolute;
inset: 7% auto auto 0%;
}
.tbc-concept-orig-logo {
z-index: 5;
position: absolute;
inset: 13% 28% auto auto;
}
.tbc-concept-orig-icon {
z-index: 5;
position: absolute;
inset: 0% 3% auto auto;
}
.tbc-concept-orig-box {
z-index: 5;
position: absolute;
inset: 37% 6% auto auto;
}
.tbc-concept-orig-box.tbc-concept-orig-box-small {
max-width: 20%;
top: 28%;
right: -1%;
}
.tbc-concept-cross-logo {
z-index: 4;
position: absolute;
inset: 78% auto auto -3%;
}
.tbc-concept-iron-icon {
z-index: 5;
position: absolute;
inset: 55% auto auto 16%;
}
.tbc-concept-iron-crooked {
z-index: 5;
position: absolute;
inset: 93% auto auto 36%;
}
.tbc-concept-future-icon {
z-index: 5;
position: absolute;
inset: 65% auto auto 53%;
}
.tbc-concept-t {
z-index: 5;
position: absolute;
inset: 86% 4% auto auto;
}
.tbc-bkgrd-future-icons {
z-index: 1;
position: absolute;
inset: auto 0% 0% auto;
}
.article-container {
align-items: flex-start;
margin-top: 0;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.article-sidebar {
background-color: var(--white);
border-radius: 0;
width: 25%;
margin-top: 20px;
padding: 80px 30px;
position: sticky;
top: 20px;
}
.article-body {
width: 75%;
margin-right: 10%;
padding-top: 40px;
padding-left: 40px;
}
.sidebar-step {
color: var(--dark-grey);
border-style: none;
margin-bottom: 40px;
display: block;
position: relative;
}
.sidebar-step.w--current {
color: var(--purple);
}
.step-label {
font-size: .9rem;
font-weight: 600;
line-height: 1.3em;
}
.step-number {
color: var(--yellow);
margin-bottom: 5px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: .8em;
font-weight: 400;
line-height: 1em;
}
.step-number:focus {
color: var(--primary-pink\);
}
.article-section-title, .section-introduction, .section-website, .section-strategy, .section-marketing, .section-content, .section-developer, .section-summation {
position: relative;
}
.article-title {
font-family: DM Serif Display, sans-serif;
font-size: 4rem;
line-height: 4.1rem;
display: block;
}
.article-subtitle {
border-style: none none solid;
border-width: 1px 1px 3px;
border-color: black black var(--black);
color: var(--black);
margin-top: 60px;
padding-bottom: 5px;
font-family: Montserrat, sans-serif;
font-size: 1.7rem;
font-style: normal;
font-weight: 600;
display: inline-block;
}
.article-author-block {
align-items: center;
margin-top: 30px;
margin-bottom: 40px;
display: flex;
}
.article-author-copy {
padding-left: 20px;
}
.image-41 {
border-radius: 50%;
width: 60px;
}
.article-author-name {
margin-bottom: 5px;
font-weight: 700;
line-height: 1em;
}
.article-author-title {
font-size: .8em;
line-height: 1em;
}
.article-h2 {
margin-bottom: 30px;
font-family: DM Serif Display, sans-serif;
font-size: 1.8rem;
line-height: 2.3rem;
}
.article-h2.article-h2-margin-top {
margin-top: 60px;
}
.article-fs-large {
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 1.4rem;
font-weight: 600;
line-height: 2rem;
}
.article-fs-large.font-italic--pink {
font-weight: 700;
}
.article-fs-large.fsl--lead-copy {
margin-bottom: 0;
}
.article-separator-pink {
background-color: var(--yellow);
width: 300px;
height: 3px;
margin-top: 80px;
margin-bottom: 80px;
}
.article-separator-pink.section-heading-separator {
z-index: 3;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.article-separator-pink.separator-grey {
background-color: var(--silver);
}
.article-callout-copy {
font-family: Montserrat, sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 700;
line-height: 2.4rem;
}
.text-span-2 {
font-size: .8em;
font-style: italic;
}
.article-section-title-block {
z-index: 0;
margin-top: 40px;
margin-bottom: -30px;
position: relative;
}
.article-section-heading {
z-index: 5;
text-align: center;
font-family: DM Serif Display, sans-serif;
font-size: 3rem;
line-height: 3rem;
position: relative;
}
.article-section-content {
z-index: 3;
position: relative;
}
.article-callout-copy-pink {
color: var(--medium-aquamarine\);
font-style: italic;
}
.article-img-margin {
margin-top: 40px;
margin-bottom: 40px;
}
.article-img-margin.article-img-full-width {
width: 100%;
}
.article-img-box-shadow {
box-shadow: 0 0 20px #00000026;
}
.article-fw-content {
margin-left: 30px;
margin-right: 30px;
}
.simple-box-container-three {
justify-content: space-around;
display: flex;
}
.box-step-metric {
font-family: Lora;
font-size: 2.4rem;
font-weight: 700;
line-height: 2.4rem;
}
.box-step-metric.tc-white, .tc-white {
color: var(--white);
}
.article-h3 {
font-family: DM Serif Display, sans-serif;
font-size: 2rem;
line-height: 2.4rem;
}
.article-h3.t-b-margin--40 {
margin: 40px 0;
}
.article-h3.pricing-user-callout {
background-color: #e7ecf3;
margin-top: 30px;
margin-bottom: 30px;
padding: 20px;
}
.dropdown-list {
background-color: var(--white);
}
.dropdown-list.w--open {
padding: 10px;
box-shadow: 1px 1px 20px #00000026;
}
.dropdown-link {
border-style: none;
}
.dropdown-link.w--current {
color: var(--primary-pink\);
}
.article-margin-top {
margin-top: 30px;
display: block;
}
.article-h4 {
font-family: Montserrat, sans-serif;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.8rem;
}
.article-h4.article-margin-top, .bold-text, .paragraph-5 {
display: block;
}
.italic-text-2 {
font-style: normal;
}
.text-span-3, .text-span-4, .text-span-5 {
display: block;
}
.img-do-not-stretch {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.article-img-container {
border: 1px solid var(--white);
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
padding: 20px;
display: block;
}
.img-caption {
background-color: var(--tan-light);
margin-top: 6px;
padding: 10px 20px;
font-size: .8em;
display: inline-block;
}
.article-gallery-container {
border-style: none;
width: 100%;
}
.gallery-thumb {
margin-bottom: 20px;
display: block;
}
.footer-cr-link {
color: var(--yellow);
border-style: none;
margin-left: 40px;
}
.footer-cr-link:hover {
color: var(--light-slate-grey\);
}
.footer-cr-link.no-margins {
margin-left: 0;
}
.utility-page-wrap {
background-color: var(--tan);
justify-content: center;
align-items: stretch;
width: 100vw;
max-width: 100%;
height: auto;
max-height: 100%;
padding: 140px;
display: flex;
}
.utility-page-content {
background-color: var(--white);
text-align: center;
border-top-left-radius: 40px;
border-bottom-right-radius: 100px;
flex-direction: column;
justify-content: center;
width: 50%;
margin: 20px 0 20px 20px;
padding: 20px;
display: flex;
}
._404-form-column {
align-items: center;
width: 50%;
margin: 20px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.mockup-container {
background-color: var(--white);
margin-top: 0;
padding: 20px;
}
.image-42 {
width: 100%;
}
.image-43 {
padding-top: 20px;
display: inline-block;
position: relative;
bottom: 7px;
}
.column-10 {
background-color: #f3f7fc;
margin-top: 30px;
padding: 40px;
}
.columns-3 {
margin: 60px;
}
.div-block {
width: 70%;
}
.div-block.calendar-lead {
padding-top: 20px;
}
.meeting-container {
background-color: #f3f7fc;
width: 50%;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
padding: 40px;
}
.m-b--40 {
margin-bottom: 40px;
}
.grid {
grid-template-areas: "Area";
}
.columns-4 {
margin-bottom: 80px;
}
.before-after-slider {
margin-top: 74px;
}
.section---work-samples {
margin-top: 80px;
}
.div-block-2 {
background-color: #e7ecf3;
padding: 30px;
}
.box---work-sample {
background-color: #e7ecf3;
padding: 40px;
position: relative;
}
.work-sample-container {
border: 10px solid var(--white);
padding: 40px;
position: relative;
}
.step-container {
text-align: center;
padding-left: 30px;
padding-right: 30px;
position: relative;
}
.image-44 {
margin-bottom: 20px;
}
.section---services {
margin-bottom: 120px;
}
.section---plan-cta {
margin-top: 80px;
margin-bottom: 40px;
}
.text-block {
font-size: 2em;
font-weight: 300;
}
.text-block.lp-subscription-title-sans {
font-size: 1.6em;
}
.section-title {
border-style: none none solid;
border-width: 0 0 3px 1px;
border-color: black black var(--primary-pink\);
margin-bottom: 30px;
padding-bottom: 10px;
}
.box-price-point {
margin-top: 40px;
font-size: 1.6em;
font-weight: 700;
}
.heading {
font-family: Lora;
font-weight: 400;
}
.heading.plans-include {
margin-top: 58px;
}
.section---faqs {
margin-top: 140px;
margin-bottom: 80px;
}
.faq {
padding-right: 25%;
}
.title-question {
margin-bottom: 30px;
font-family: Lora;
}
.section---contact {
background-color: var(--black);
padding-top: 60px;
padding-bottom: 60px;
}
.column-11 {
padding-right: 0;
}
.column-12 {
display: block;
}
.no-padding-list {
padding-left: 0;
}
.image-45 {
z-index: 999;
max-width: 600px;
position: absolute;
inset: auto -8% -23% auto;
}
.box-sample-img-tease {
max-width: 150px;
position: absolute;
inset: auto 0% -18% auto;
}
.faq-answer {
opacity: 1;
height: auto;
}
.samples-college--img-container {
height: 2400px;
margin-top: 40px;
margin-bottom: 40px;
position: relative;
}
.college-img {
z-index: 10;
position: absolute;
inset: 0% auto 0% 0%;
}
.college-img.college-coyote-logo {
max-width: 30%;
inset: auto 0% 7% auto;
}
.college-img.college-harlingen {
max-width: 35%;
inset: auto auto 3% 37%;
}
.college-img.college-iupui-common-theme {
max-width: 35%;
inset: auto auto 0% 0%;
}
.college-img.college-ad-science {
max-width: 60%;
inset: 47% 0% 0% auto;
}
.college-img.college-iupui-regatta-billboard {
max-width: 70%;
inset: 32% 0% 0% auto;
}
.college-img.college-tt-illustration {
z-index: 5;
max-width: 50%;
inset: 3% 0% auto auto;
}
.college-img.college-theta-tau {
max-width: 36%;
top: 46%;
}
.college-img.college-delta-tau {
max-width: 36%;
top: 29%;
}
.college-img.college-smaple--iupui-cover {
max-width: 60%;
}
.image-46, .showcase-digital-marketing {
position: relative;
}
.showcase-hb--home {
max-width: 90%;
position: absolute;
inset: 2% auto auto 2%;
}
.hb-showcase--logo {
position: absolute;
inset: 0% 7% auto auto;
}
.hb-showcase--mobile {
max-width: 30%;
position: absolute;
inset: 30% 2% 0% auto;
}
.hb-showcase--testimonial {
max-width: 40%;
position: absolute;
top: 25%;
left: 5%;
}
.hb-showcase--wm-page {
max-width: 70%;
position: absolute;
inset: 47% auto auto 3%;
}
.hb-showcase--piece {
max-width: 80%;
position: absolute;
inset: 77% auto auto 0%;
}
.showcase-ss-logo {
position: absolute;
top: -4%;
left: 3%;
}
.showcase-ss-home {
max-width: 85%;
position: absolute;
top: 0%;
left: 2%;
}
.showcase-ss-chivery-top {
z-index: 10;
position: absolute;
inset: 40% 0% auto auto;
}
.showcase-social-carousel-container {
width: 100%;
margin-bottom: 60px;
position: relative;
}
.showcase-social-carousel-container.awareness-social-carousel {
margin-top: 60px;
}
.showcase-social-4wide-container {
position: relative;
}
.hb-social-4wide {
width: 100%;
margin-left: 0%;
margin-right: 0%;
position: relative;
}
.hb-social-carousel-mobile {
z-index: 10;
width: 35%;
margin-left: 20px;
position: relative;
}
.hb-social-carousel-more-container {
width: 70%;
position: absolute;
inset: 13% auto auto 27%;
}
.hb-social-carousel-more-container.hb-social-carousel-more-container--3wide {
width: 66%;
}
.hb-social-carousel-more-container.carousel-container--third {
width: 73%;
top: 4%;
}
.hb-social-carousel-more-single {
width: 24%;
max-width: 100%;
margin-right: 1%;
}
.hb-social-carousel-more-single.carousel-more-3wide-single {
width: 32%;
margin-left: 1%;
}
.hb-social-carousel-more-single.carousel-single-third {
width: 30%;
}
.hb-ads-container {
width: 98%;
max-width: 1280px;
margin-bottom: 60px;
margin-left: 1%;
margin-right: 1%;
position: relative;
}
.hb-ad-service-container {
width: 33%;
display: inline-block;
position: relative;
}
.hb-ad-service-lifestlye {
z-index: 10;
max-width: 98%;
margin-bottom: -49px;
position: relative;
}
.hb-ad-service-branded {
z-index: 12;
max-width: 98%;
margin-left: 50px;
position: relative;
}
.hb-ads-refi-3wide {
width: 98%;
margin-top: 60px;
margin-left: 1%;
margin-right: 1%;
}
.ss-ads-container {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.ss-ad-wide {
width: 48%;
margin: 1%;
}
.hb-refi-ad-single {
width: 31.3%;
margin: 1%;
}
.hb-pitchdeck-container {
margin-top: 30px;
margin-bottom: 30px;
}
.mktg-deck-container {
margin-bottom: 30px;
position: relative;
}
.mktg-deck-slide {
width: 33.3%;
}
.hb-pitch-slide {
width: 33.3%;
position: relative;
}
.hb-pitch-slide.hb-pitch-slide-small {
width: 25%;
}
.ss-chivery-slide {
width: 33%;
position: relative;
}
.page-lead-copy {
text-align: center;
width: 80%;
margin-top: 40px;
margin-left: 10%;
}
.hb-collateral-showcase {
height: 1500px;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.showcase-social-wall {
margin-top: 40px;
}
.grid-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hb-mortgage-fb-ad-container {
margin-top: 40px;
}
.hb-wm-showcase {
height: 1400px;
position: relative;
}
.grid-3 {
grid-template-rows: auto;
}
.hb-wm-video-container-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
}
.hb-branches-video-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
}
.showcase-hb-strategic-showcase {
position: relative;
}
.hb-showcase-strategic-project-feature {
z-index: 5;
position: absolute;
top: -70px;
}
.hb-showcase-strategic-project {
margin-top: 120px;
margin-bottom: 90px;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.hb-strategic-project--map {
width: 95%;
position: relative;
inset: 9% auto auto 3%;
}
.image-47 {
max-width: 380px;
margin-top: 20px;
position: relative;
}
.image-48 {
position: relative;
}
.hb-additional-services {
margin-bottom: 80px;
}
.hb-wm-li-box {
z-index: 20;
position: absolute;
inset: 0% auto auto 0%;
}
.hb-wm-fb-ad {
z-index: 10;
position: absolute;
inset: 13% 49% auto auto;
}
.hb-wm-email {
z-index: 5;
position: absolute;
inset: 34% auto auto 0%;
}
.hb-wm-fb-ad-02 {
z-index: 10;
position: absolute;
inset: 13% 24% auto auto;
}
.hb-wm-fb-ad-03 {
z-index: 10;
position: absolute;
inset: 13% 0% auto auto;
}
.hb-wm-website {
position: absolute;
inset: 56% 0% auto auto;
}
.hb-collateral--rebate {
z-index: 30;
max-width: 630px;
position: absolute;
inset: 66% auto auto 17%;
}
.hb-collateral--mrb-back {
z-index: 15;
position: absolute;
inset: 33% 4% auto auto;
}
.hb-collateral--mrb-front {
z-index: 15;
max-width: 340px;
position: absolute;
inset: 33% 30% auto auto;
}
.hb-collateral--mortgage-delayed {
z-index: 5;
max-width: 630px;
position: absolute;
inset: 9% 0% auto auto;
}
.hb-collateral--mortgage-closing {
position: absolute;
inset: 30% auto auto 0%;
}
.hb-collateral--mortgage-appraisal {
z-index: 1;
position: absolute;
inset: 0% auto auto 0%;
}
.column-13 {
align-items: flex-start;
display: flex;
}
.section---3-steps-with-desc {
background-color: #fff;
padding-top: 60px;
padding-bottom: 0;
}
.step-container-with-desc {
width: 80%;
margin-left: 0%;
position: relative;
}
.columns-5 {
margin-top: 70px;
}
.sub-plan--stacked---box {
border: 1px solid var(--gainsboro);
border-radius: 1px;
margin-bottom: 20px;
padding: 10px;
display: flex;
position: relative;
}
.sub-plan--stacked---tier {
width: 30%;
}
.sub-plan--stacked---tier-desc----container {
background-color: #f3f7fc;
width: 70%;
padding: 40px;
overflow: visible;
}
.sub-plan--stacked---tier---name-price {
margin-top: 20px;
}
.section---how-does-it-work {
margin-top: 100px;
margin-bottom: 100px;
}
.steps-container--horizontal---full-width {
margin-top: 60px;
margin-bottom: 60px;
display: flex;
position: relative;
}
.hiw-step--label {
text-align: center;
width: 30%;
}
.hiw-step--desc {
align-items: center;
width: 60%;
margin-left: 10%;
display: flex;
}
.image-49 {
position: absolute;
}
.startup-work-sample--tease {
max-width: 50%;
position: absolute;
inset: auto -7% -25% auto;
}
.work-sample--content---tease {
width: 50%;
}
.section---work-samples-for-statups {
margin-top: 140px;
margin-bottom: 160px;
position: relative;
}
.focus-logos {
margin-top: 36px;
}
.heading-2 {
text-align: center;
}
.hero-fs-large--v10 {
color: var(--light-slate-grey\);
padding-top: 10px;
font-size: 1.4em;
line-height: 1.4em;
display: block;
}
.hero-fs-large--v10.on-white {
color: var(--midnight-blue\);
}
.hero-fs-large--v10.hero--early-stage {
color: #36497c;
margin-bottom: 0;
font-size: 2.6em;
font-weight: 300;
}
.hero-fs-large--v10.fc-yellow {
color: var(--yellow);
}
.dan-wrap {
z-index: 1;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
font-family: Montserrat, sans-serif;
position: relative;
}
.dan-wrap.no-vertical-padding {
padding-top: 0;
padding-bottom: 0;
}
.dan-wrap.logo-hero--wrap {
margin-bottom: 170px;
}
.main-nav {
z-index: 999;
text-align: center;
background-color: #0000;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.main-nav.main-nav--single-page {
background-color: var(--midnight-blue\);
flex-direction: column;
position: relative;
}
.main-nav--menu {
z-index: 10;
float: none;
color: var(--white);
text-align: center;
align-self: center;
margin-top: 0;
margin-bottom: -61px;
}
.main-nav--logo---on-dark {
z-index: 12;
border: 0px none var(--purple);
align-items: flex-start;
margin-top: 4px;
margin-left: 10px;
text-decoration: none;
display: flex;
position: absolute;
}
.main-nav--logo---on-dark.w--current {
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 5px auto auto 10px;
}
.main-nav--logo---on-dark.home-main-nav-logo.w--current {
top: 15vh;
left: 49%;
}
.hero--v10 {
z-index: 10;
background-color: var(--black);
margin-top: -110px;
padding-top: 0;
font-family: Montserrat, sans-serif;
display: block;
position: relative;
}
.hero--v10.prospecting-mockup--hero {
padding-bottom: 0;
}
.hero-h1--v10 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
padding-bottom: 20px;
line-height: 1.1em;
position: relative;
}
.hero-h1--v10.hero-h1--smaller {
font-size: 3.6em;
}
.hero-h1--v10.hero-h1--longer {
margin-bottom: 20px;
font-size: 3.4em;
}
.html-embed {
position: absolute;
inset: 0% auto auto 0%;
}
.button-on-dark {
border: 1px none var(--yellow);
color: var(--white);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/648224057ef7471ea321accd_button-yellow-outline.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding: 15px 40px;
font-family: Montserrat, sans-serif;
font-weight: 500;
}
.button-on-dark:hover {
color: var(--yellow);
}
.hero-list--values {
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/65579f54b87b3ea881167af1_bkgrd-marker--block---purple.svg");
background-position: 4%;
background-repeat: no-repeat;
background-size: contain;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 6%;
position: relative;
}
.hero-list--values---item {
text-align: left;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
position: relative;
}
.hero-list-item--p {
color: var(--white);
text-align: left;
margin-bottom: 0;
font-size: 1.2em;
font-weight: 600;
}
.hero-list-item--img {
width: 30px;
max-width: 30px;
margin-right: 20px;
}
.hero-samples {
z-index: 5;
position: relative;
}
.hero-samples.home-hero-samples {
margin-top: 220px;
}
.grid-4 {
grid-column-gap: 3px;
grid-row-gap: 3px;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: "Area";
margin-top: 100px;
}
.hero-grid--thumb-img.h-img-01 {
border-radius: 100%;
margin-top: -90px;
}
.hero-grid--thumb-img.h-img-02 {
border-radius: 100%;
margin-top: -60px;
}
.hero-grid--thumb-img.h-img-03 {
margin-top: -30px;
}
.hero-grid--thumb-img.h-img-03.hide-sample, .hero-grid--thumb-img.h-img-04 {
border-radius: 100%;
}
.hero-grid--thumb-img.h-img-05 {
border-radius: 100%;
max-width: 80%;
margin-top: -90px;
}
.hero-grid--thumb-img.h-img-06 {
border-radius: 100%;
max-width: 80%;
margin-top: -60px;
}
.hero-grid--thumb-img.h-img-07 {
border-radius: 100%;
max-width: 100%;
margin-top: -30px;
}
.hero-grid--thumb-img.hide-sample {
border-radius: 100%;
max-width: 80%;
}
.section--home-better-way {
z-index: 2;
background-color: var(--black);
color: var(--white);
padding-top: 0;
padding-bottom: 100px;
font-family: Montserrat, sans-serif;
position: relative;
overflow: visible;
}
.section--home-better-way.section--early-stage-testimonial {
padding-top: 0;
padding-bottom: 0;
}
.blue-section--topper {
width: 100%;
height: auto;
margin-top: -60px;
display: block;
position: relative;
}
.home-section--title-container {
width: 70%;
}
.home-section--title-container.how-it-works--section-title {
margin-bottom: 10px;
}
.home-section--title-container.cost-title-container {
width: 100%;
}
.section-title--h2 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
padding-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 4em;
line-height: 1.1em;
}
.section-title--h2.on-white {
color: var(--midnight-blue\);
margin-top: 60px;
padding-bottom: 10px;
}
.hero-fs-large---v10---span {
color: var(--white);
display: block;
}
.better-way--features---container.logo-better-way--section {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.perks-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 60px;
}
.perks-grid.freelance-better-way-grid {
grid-template-rows: auto;
}
.perks-grid.early-stage-value-grid {
margin-bottom: 100px;
}
.perks-grid.grid-on-light {
color: var(--black);
}
.better-way--feature---box {
margin-bottom: 0;
}
.p-on--dark {
color: var(--light-slate-grey\);
}
.h4-on-dark {
color: var(--white);
}
.better-way--heading {
color: var(--white);
font-family: Montserrat, sans-serif;
}
.better-way--heading.on-white {
color: var(--midnight-blue\);
}
.better-way--heading.fc-black {
color: var(--black);
}
.better-way--copy {
color: var(--light-slate-grey\);
}
.better-way--copy.on-white, .better-way--copy.fc-black {
color: var(--black);
}
.better-way--icon {
width: 100%;
max-width: 50px;
margin-top: 0;
margin-left: 0;
padding-bottom: 0;
position: relative;
}
.better-way--icon.icon-dedicated-designer {
max-width: 50px;
margin-top: 0;
margin-left: 0;
padding-bottom: 0;
position: relative;
top: 25px;
left: 18px;
}
.better-way--icon.icon-dedicated-finger {
margin-top: 0;
margin-left: 0;
top: 24px;
left: 16px;
}
.better-way--icon.icon-dedicated-flexible {
max-width: 60px;
padding-bottom: 0;
top: 17px;
left: 13px;
}
.better-way--icon.icon-dedicated-price {
max-width: 70px;
padding-bottom: 0;
top: 18px;
left: 11px;
}
.better-way--icon.icon-dedicated-unlimited {
-webkit-text-fill-color: inherit;
background-clip: border-box;
max-width: 70px;
top: 23px;
left: 7px;
}
.better-way--icon.icon-dedicated-fast {
max-width: 70px;
top: 28px;
left: 7px;
}
.better-way--icon-box {
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/64822e88c29a37e6778dda79_white-box--03.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
height: 100px;
position: relative;
}
.how-it-works--container {
padding-top: 0;
position: relative;
}
.how-it-works--step {
align-items: center;
width: 70%;
margin-bottom: 60px;
display: flex;
position: relative;
}
.how-it-works--icon---box {
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/64822cdef06b2c4920442064_white-box--01.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 10%;
position: relative;
}
.how-it-works--icon.icon-chat {
width: 100%;
max-width: 73px;
padding: 10px;
}
.how-it-works--step--content {
width: 87%;
margin-left: 3%;
}
.how-it-works--step---heading {
color: var(--white);
font-family: Montserrat, sans-serif;
}
.how-it-works--step---copy {
color: var(--light-slate-grey\);
}
.section--perks {
z-index: 1;
background-color: var(--black);
color: var(--white);
padding-top: 60px;
padding-bottom: 100px;
position: relative;
overflow: visible;
}
.how-it-works--green-ribbon {
z-index: 9;
width: 100%;
position: absolute;
inset: auto auto -90px 0%;
}
.section--recent-works {
background-color: var(--tan);
padding-top: 60px;
padding-bottom: 60px;
}
.section--recent-works.web-recent-works {
background-color: var(--tan);
}
.section--recent-works.on-proposal-page-recent-works-section {
padding-top: 0;
}
.home-recent-works--grid {
grid-template-rows: auto auto auto;
margin-top: 60px;
margin-bottom: 60px;
}
.yellow-button {
text-align: center;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/648227fc02d88f579206f384_button-bkgrd.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding: 20px 40px;
transition: background-color .2s, color .2s;
display: inline-block;
position: relative;
}
.yellow-button:hover {
color: var(--white);
background-color: #0000;
}
.section--how-much {
background-color: var(--gainsboro-2\);
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.price-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 60px;
margin-bottom: 60px;
}
.price-block {
z-index: 10;
background-color: var(--white);
padding: 20px;
position: relative;
}
.price-block.custom-quote-price-block {
margin-top: 10px;
}
.price-block.price-block--startup---sub {
margin-top: 20px;
}
.price-block.price-block-z-20 {
z-index: 20;
}
.price-box--title {
color: var(--midnight-blue\);
font-family: Montserrat, sans-serif;
}
.price-box--title.logo-price-title {
color: var(--medium-aquamarine\);
}
.price-box--desc {
color: var(--midnight-blue\);
padding-right: 20px;
}
.price-box--rate {
color: var(--midnight-blue\);
margin-top: 40px;
margin-bottom: 0;
font-size: 1.4em;
font-weight: 700;
}
.price-box--rate.logo-price {
margin-top: 0;
margin-bottom: 20px;
}
.price-box--rate-small {
color: var(--midnight-blue\);
margin-bottom: 0;
font-size: .7em;
}
.price-list {
margin-top: 40px;
margin-bottom: 0;
padding-left: 0;
font-family: Montserrat, sans-serif;
font-size: .9em;
list-style-type: none;
position: relative;
}
.price-list.logo-price-list {
margin-top: 0;
}
.price-list--item {
color: var(--midnight-blue\);
padding-bottom: 5px;
}
.price-list--item.strike-out--list-item {
color: var(--silver);
text-decoration: line-through;
}
.price-list--item.price-list--no-items {
margin-bottom: 0;
}
.cta-button--container {
text-align: center;
padding-top: 20px;
padding-bottom: 40px;
position: relative;
}
.cta-button--container.cta-buttton--container---w-arrows {
padding-top: 100px;
}
.services-list--container {
background-color: var(--white);
width: 100%;
margin-top: 40px;
padding: 40px;
position: relative;
}
.services-list--container.sample-services-provided {
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/64838957e5d2045146cc9f76_bkgrd-grey-box-organic.svg");
}
.heading-underlined--yellow {
color: var(--black);
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/6555282517733f1e5e1f698e_Underline--purple--0%60.svg");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: auto;
margin-top: 0;
margin-bottom: 30px;
padding-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 1.2em;
position: relative;
}
.heading-underlined--yellow.logo-meetings-heading {
margin-top: 40px;
}
.service-list {
padding-left: 0;
list-style-type: none;
}
.service-list-item {
color: var(--midnight-blue\);
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-weight: 600;
}
.service-list-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.service-disclaimer-copy {
margin-bottom: 40px;
font-size: .8em;
}
.marketing-services--container {
margin-top: 60px;
}
.section--faqs {
background-color: var(--black);
color: var(--white);
margin-top: 0;
padding-bottom: 20px;
}
.faq-container {
width: 80%;
margin-top: 60px;
margin-left: 10%;
margin-right: 10%;
position: relative;
}
.faq-q-and-a {
margin-bottom: 60px;
position: relative;
}
.column-14 {
padding: 0;
}
.footer-bio--copy {
color: var(--white);
margin-top: 20px;
margin-bottom: 0;
font-size: .8em;
}
.footer-actions--container {
align-items: flex-end;
margin-left: 20px;
margin-right: 20px;
display: block;
}
.footer-nav-item {
color: var(--white);
border-style: none;
margin-left: 0;
padding: 20px 0;
font-family: Montserrat, sans-serif;
font-size: .8em;
font-weight: 500;
}
.footer-nav-item:hover {
border-color: var(--yellow);
color: var(--yellow);
}
.footer-nav-item.w--current {
color: var(--yellow);
}
.footer-contact--container {
margin: 40px 20px 20px;
}
.footer-contact-form--container {
margin-bottom: -70px;
}
.form-v11--home {
border: 1px solid var(--silver);
background-color: var(--white);
width: 60%;
margin-top: 0;
margin-left: 20%;
padding: 20px;
font-family: Montserrat, sans-serif;
position: relative;
top: -125px;
}
.column-15 {
padding-left: 0;
}
.column-16 {
padding-right: 0;
}
.footer-container {
background-color: #0000;
}
.footer-top {
width: 100%;
display: block;
}
.grey-section--bottom {
width: 100%;
margin-top: -10px;
display: block;
}
.grey-section--top {
width: 100%;
margin-bottom: -5px;
display: block;
}
.hero-element--yellow-dots {
z-index: 0;
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/6482236b48fdc4084e06cc4c_bkgrd-element--yellow-dots---left.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
position: absolute;
inset: 2% auto auto 0%;
}
.hero-element--blue-marker {
z-index: 0;
position: absolute;
inset: 0% 0% auto auto;
}
.hero-element--blue-marker.early-stage-pricing-arrow {
top: 43%;
}
.hero-button-container {
width: 100%;
margin-top: 40px;
margin-bottom: 20px;
display: block;
position: relative;
}
.image-50 {
position: absolute;
inset: -87% 23% auto auto;
}
.home-hero-heading-span {
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/648224ecb7f4d75ac72580f8_bkgrd-element--striped-underline.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
background-clip: border-box;
margin-bottom: -20px;
padding-bottom: 20px;
display: inline-block;
}
.bkgrd-pin {
z-index: 0;
position: absolute;
inset: 8% auto auto 3%;
}
.divider-stripes-blue {
margin: 40px 0 60px -23px;
}
.bkgrd-stars {
z-index: 0;
position: absolute;
inset: auto 0% -17% auto;
}
.bkgrd-marker-circles {
z-index: 0;
position: absolute;
inset: auto 0% 6% auto;
}
.small-green {
color: var(--medium-aquamarine\);
font-size: 13px;
font-style: italic;
font-weight: 400;
}
.bkgrd-grey-arrow {
position: absolute;
inset: -17% 0% auto auto;
}
.book-call-green-arrow-right {
position: absolute;
inset: 0% 22% auto auto;
}
.book-call-green-arrow-left {
position: absolute;
inset: 0% auto auto 22%;
}
.bkgrd-smiles {
position: absolute;
inset: auto 0% -8% auto;
}
.bkgrd-yellow-dots {
position: absolute;
inset: auto auto -4% 0%;
}
.bkgrd-footer-yellow-squares {
position: absolute;
inset: 17% auto auto 0%;
}
.footer-circle-lines {
position: absolute;
inset: 13% 0% auto auto;
}
.footer-yellow-dots {
position: absolute;
inset: 33% 13% auto auto;
}
.how-it-works--arrow-01 {
margin-bottom: 10px;
}
.how-it-works--arrow-02 {
position: absolute;
inset: auto auto -101% -5%;
}
.how-it-works--arrow-03 {
position: absolute;
inset: auto auto -64% 0%;
}
.meeting-copy {
font-size: .9em;
}
.main-header--v11 {
z-index: 10;
position: relative;
}
.main-header--nav---v11 {
background-color: var(--midnight-blue\);
padding: 20px;
font-family: Montserrat, sans-serif;
}
.main-header--bottom-bkgrd {
width: 100%;
margin-top: -5px;
display: block;
}
.section--recent-works---all {
z-index: 1;
background-color: var(--tan);
padding-top: 0;
position: relative;
}
.image-52 {
position: absolute;
inset: -4% 0% auto auto;
}
.resources-container--v11 {
background-color: var(--tan);
margin-bottom: 0;
padding-bottom: 0;
position: relative;
}
.section-title--h3 {
color: var(--midnight-blue\);
margin-bottom: 20px;
font-size: 3.4em;
line-height: 1.1em;
}
.grid-resource--v11 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
margin-bottom: 100px;
}
.resource-box--v11 {
background-color: var(--white);
color: var(--black);
border-style: none;
flex-direction: column;
align-items: flex-start;
padding: 20px;
text-decoration: none;
display: flex;
position: relative;
}
.resource-box--v11.secondary-resource {
margin-bottom: 40px;
}
.resource-icon--v11 {
color: var(--black);
width: 80px;
margin-top: 20px;
margin-bottom: 40px;
}
.resource-h4--v11 {
color: var(--black);
margin-top: 0;
margin-bottom: 20px;
}
.resource-desc--v11 {
color: var(--black);
margin-bottom: 40px;
}
.resource-desc--v11.secondary-desc {
margin-bottom: 10px;
}
.resource--read-more--fake-btn {
color: var(--white);
background-color: #0000;
margin-bottom: 0;
padding: 20px;
font-weight: 600;
}
.resource-container--secondary {
width: 75%;
}
.recent-work--link-block {
color: var(--midnight-blue\);
border-style: none;
text-decoration: none;
position: relative;
}
.recent-work--link-block:hover {
color: var(--midnight-blue\);
}
.resource-label--overlay {
background-color: var(--medium-aquamarine\);
opacity: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.resource-content--container {
margin-bottom: 60px;
}
.resource-intro--content {
margin-top: 0;
}
.resource-component {
margin-top: 40px;
}
.resource-intro--heading {
color: var(--midnight-blue\);
margin-bottom: 40px;
font-size: 2.2em;
line-height: 1.2em;
}
.hb-social-wall {
margin-top: 30px;
}
.hb-social--do-you {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hb-website-componenents {
position: relative;
}
.hb-component-02 {
max-width: 450px;
position: absolute;
inset: -43% auto auto 0%;
}
.hb-mortgage--flyers {
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
display: flex;
position: relative;
}
.hb-mortgage-flyer {
width: 49%;
}
.hb-assorted-flyers {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-around;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.hb-cannabis-flyer {
flex: 1;
width: 20%;
}
.hb-cannabis-flyer.hb-cb-flyer--01 {
margin-right: 10px;
}
.hb-paid--videos {
margin-top: 40px;
display: flex;
}
.grid-5 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hb-paid--refi-ads {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
}
.hb-paid--fb-ads {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 40px;
margin-bottom: 60px;
}
.hb-email-marketing-container {
margin-bottom: 60px;
position: relative;
}
.hb-wm-social-ads--grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-7, .hb-email-wm--videos {
grid-template-rows: auto;
}
.hb-awareness--social---cols {
margin-top: 60px;
margin-bottom: 60px;
position: relative;
}
.hb-awareness--social---img-top {
width: 80%;
position: relative;
}
.hb-awareness--social---img-bot {
width: 80%;
margin-top: -20%;
margin-left: 20%;
position: relative;
}
.hb-awareness--videos-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hb-awarness--fb-ads-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 60px 0;
}
.hb-strategy-component {
position: relative;
}
.hb-strategy-component.last-strat-comp {
margin-top: 40px;
}
.hb-strategy-item {
position: absolute;
inset: 0% auto auto 0%;
}
.hb-strategy-flow {
max-width: 90%;
margin-top: 40px;
margin-left: 10%;
}
.strategy-label--h4 {
margin-top: 40px;
}
.image-53 {
flex: 1;
width: 60%;
}
.dan-form--desc---li {
margin-bottom: 10px;
}
.ss-examples--v11 {
text-align: center;
position: relative;
}
.ss-screenshots--grid {
grid-template-rows: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.ss-og--grid {
grid-template-rows: auto auto auto;
align-items: center;
}
.ss-illustration-grid {
grid-template-rows: auto;
margin-bottom: 60px;
}
.tbc-screenshot--grid {
grid-template-rows: auto;
grid-template-columns: .35fr 1fr;
margin-top: 20px;
}
.hb-app--grid---01 {
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
}
.hb-app--grid---02 {
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
margin-top: 20px;
margin-bottom: 20px;
}
.hb-app-large--screenshot {
margin-top: 40px;
}
.ss-app-large--screenshot {
margin-top: 20px;
margin-bottom: 20px;
}
.ss-app--grid---01, .grid-8 {
grid-template-rows: auto;
}
.bald-home-grid {
grid-template-rows: auto;
grid-template-columns: 2.75fr 1fr;
}
.italic-text-3, .list-2 {
font-family: Montserrat, sans-serif;
}
.link {
border-bottom-color: var(--yellow);
}
.bold-text-2 {
color: var(--medium-aquamarine\);
}
.bold-text-3 {
font-family: Montserrat, sans-serif;
}
.prospect-mockup {
width: 100%;
margin-bottom: auto;
margin-left: 0%;
position: relative;
}
.prospect-mockup--disclaimer-title {
color: var(--white);
text-align: left;
padding-top: 20px;
padding-left: 10px;
font-weight: 700;
display: block;
position: relative;
}
.mockup-disclaimer--text {
color: var(--light-slate-grey\);
text-align: left;
padding-top: 20px;
}
.text-span-6 {
color: var(--medium-aquamarine\);
}
.logo-pricing-breakdown-list--box {
background-color: var(--tan);
margin-top: 20px;
margin-bottom: 0;
padding: 20px;
position: relative;
}
.logo-pricing-list--heading {
margin-top: 0;
}
.image-54 {
position: absolute;
inset: 14px auto auto -7%;
}
.logo-addon-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.box--black {
background-color: var(--black);
color: var(--white);
padding: 40px;
position: relative;
}
.righ-choice--content---container {
margin-top: 40px;
display: flex;
}
.righ-choice--content---container.startup-testimonial--container {
margin-top: 0;
padding-top: 40px;
}
.right-choice--testimonial-container {
background-color: var(--dark-slate-blue\);
width: 55%;
padding: 40px;
}
.righ-choice--content--container {
width: 40%;
margin-left: 5%;
}
.right-choice--reason {
margin-bottom: 20px;
}
.right-choice--reason.second-choice--reason {
margin-bottom: 0;
}
.logo-testimonial--heading {
color: #fff;
margin-top: 0;
margin-bottom: 40px;
}
.logo-testimonial--quotation {
color: var(--medium-aquamarine\);
font-size: 2em;
display: block;
}
.logo-testimonial--author {
align-items: center;
display: flex;
}
.logo-testimonial--author---pic {
margin-right: 10px;
}
.logo-testimonial--author---name {
color: var(--light-slate-grey\);
margin-bottom: 0;
}
.logo-testimonial--author---icon {
margin-left: 10px;
margin-right: 10px;
}
.logo-testimonial--author---title {
color: var(--light-slate-grey\);
margin-bottom: 0;
font-weight: 700;
}
.logo-right-choice--if-you {
color: var(--yellow);
font-family: Montserrat, sans-serif;
font-size: 1em;
font-weight: 200;
}
.logo-step--container {
align-items: center;
margin-top: 40px;
display: flex;
position: relative;
}
.logo-step--container.logo-step--container---alt {
flex-direction: row-reverse;
margin-top: 60px;
margin-bottom: 60px;
}
.logo-step--content {
width: 50%;
position: relative;
}
.logo-step--img---container {
width: 50%;
margin: 0 40px;
padding: 0;
position: relative;
}
.logo-step--heading---label {
color: var(--medium-aquamarine\);
margin-bottom: 0;
}
.logo-step--heading {
margin-top: 0;
}
.logo-step--list-item {
margin-bottom: 30px;
position: relative;
}
.step--list-item---small {
margin-top: 10px;
font-size: .8em;
line-height: 1.6em;
display: block;
}
.logo-step--li-item---arrow {
position: absolute;
inset: 0% auto auto 0;
}
.logo-step--img---bkgrd {
position: absolute;
inset: auto -30px -19% auto;
}
.logo-step--img---design {
position: relative;
}
.logo-step--img---foreground, .logo-step--img---bkgrd---3 {
position: absolute;
inset: auto 0% 0% auto;
}
.logo-step--img---design----3 {
position: relative;
}
.logo-step--img---foreground----3 {
position: absolute;
inset: auto 0% 22% auto;
}
.logo-step--img---foreground----2 {
max-width: 70%;
position: absolute;
inset: auto 0% -16% auto;
}
.image-55 {
position: absolute;
}
.logo-step--img---bkgrd----2 {
max-width: 100%;
position: absolute;
inset: auto 0% 0% -45px;
}
.logo-step--li---p {
margin-left: 46px;
}
.logo-work-sample--section {
margin-top: 100px;
}
.logo-work-section--title {
text-align: center;
}
.logo-primary-work-samples {
margin-top: 40px;
}
.logo-samples {
opacity: 1;
height: auto;
display: block;
overflow: hidden;
}
.logo-grid-samples--primary {
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 20px;
}
.logo-sample--thumb {
border: 0px none var(--gainsboro);
width: 100%;
padding: 0;
}
.grid-10 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.logo-see-more-button {
text-align: center;
}
.logo-see-more-button-container {
text-align: center;
margin: 40px;
position: relative;
}
.freelance-price--grid {
grid-template-rows: auto;
margin-top: 40px;
}
.section-prospect--sample {
background-color: var(--black);
position: relative;
}
.logo-hero--early-stage {
clear: none;
object-fit: fill;
width: 100%;
max-width: 240px;
display: block;
position: relative;
}
.logo-hero--early-stage---container {
z-index: 10;
border: 0 #0000;
width: 100%;
display: block;
}
.hero-content--early-stage {
display: block;
position: relative;
overflow: visible;
}
.hero-content--early-stage.home-content--early-stage {
padding-top: 60px;
}
.hero-h1--early-stage {
color: var(--white);
text-align: left;
width: 60%;
margin-top: -14px;
margin-bottom: 0;
font-size: 8em;
line-height: .9em;
position: relative;
}
.h3-hero--early-stage {
color: var(--white);
margin-top: 60px;
margin-bottom: 60px;
font-size: 1.8em;
font-weight: 600;
}
.h3-hero--early-stage.home-hero-h3 {
margin-bottom: 10px;
}
.h2-hero--early-stage {
color: var(--white);
margin-top: 100px;
margin-bottom: 100px;
font-size: 4em;
line-height: 1.2em;
}
.h1-span--big {
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/64d51e109169f0a3e34b753d_big-circle.svg");
background-position: 150% 100%;
background-repeat: no-repeat;
background-size: 430px;
background-clip: border-box;
margin: -110px;
padding: 110px;
display: inline-block;
overflow: visible;
}
.h1-span--bang {
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/64d51df5c74314ff357ebc34_bang-underline.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
}
.early-stage-logo--link-block {
border: 0 solid #0000;
padding-top: 20px;
}
.h3-pricing--early-stage {
color: var(--white);
width: 70%;
margin-top: 60px;
margin-bottom: 20px;
font-size: 1.8em;
font-weight: 600;
line-height: 1.4em;
}
.price-grid--early-stage {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
position: relative;
}
.price-grid--early-stage._2-col--grid {
grid-template-columns: 1fr 1fr;
}
.early-stage--pricing---sub-link {
color: var(--white);
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/6483572829ce08c57d023816_button-small-yellow.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border: 0 #0000;
padding: 20px 40px;
font-size: .9em;
font-weight: 600;
transition-property: all;
transition-timing-function: ease-in-out;
position: absolute;
inset: auto -37px -18px auto;
}
.early-stage--pricing---sub-link:hover {
color: var(--white);
transform: scale(1.05);
}
.image-56 {
border: 0 #0000;
width: 240px;
margin-bottom: 80px;
}
.section-early-stage--value-prop {
background-color: #eef1f5;
margin-bottom: -149px;
padding-top: 100px;
padding-bottom: 100px;
}
.es-grid--works---2 {
margin-top: 60px;
}
.es-grid--works---3 {
grid-template-columns: 1fr 1fr 1fr;
margin-top: 10px;
}
.es-grid--works---4 {
grid-column-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 10px;
}
.esg-hero--down-chevron {
position: absolute;
inset: 33% auto auto 52%;
}
.esg-hero--down-arrow-01 {
position: absolute;
inset: 44% auto auto 50%;
}
.esg-hero--down-arrow-02 {
position: absolute;
inset: 49% auto auto 62%;
}
.esg-hero--down-arrow-03 {
position: absolute;
inset: 52% auto auto 66%;
}
.tc-green {
color: var(--medium-aquamarine\);
}
.section--title-container {
text-align: center;
width: 100%;
position: relative;
}
.section--title-container.section-title--top-p-60 {
padding-top: 60px;
}
.section--website-better-way {
z-index: 3;
background-color: var(--midnight-blue\);
padding-top: 140px;
padding-bottom: 100px;
position: relative;
overflow: visible;
}
.link-2 {
border-top-style: none;
border-left-style: none;
border-right-style: none;
}
.price-grid--home {
grid-template-rows: auto;
}
.container {
width: 1200px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.mobile-menu--dim-bkgrd {
display: none;
}
.container-2 {
max-width: 1200px;
}
.p-large {
font-size: 1.2em;
line-height: 1.6em;
}
.p-small {
font-size: .9em;
}
.p-tiny {
font-size: .7em;
}
.body-2 {
color: #000;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.4em;
}
.section-3 {
background-color: var(--tan);
}
.heading-3 {
font-family: DM Serif Display, sans-serif;
}
.heading-4 {
font-family: Montserrat Alternates, sans-serif;
}
.dark-bkgrd {
background-color: var(--black);
color: var(--white);
}
.container-50-50 {
display: flex;
}
.div-50 {
width: 50%;
}
.fc-purple {
color: var(--purple);
}
.fc-purple.pricing-pkg {
margin-top: 0;
margin-bottom: 30px;
}
.fc-purple.h-t-40 {
margin-top: 40px;
}
.fc-yellow {
color: var(--yellow);
margin-top: 40px;
}
.fc-yellow.pricing-pkg {
margin-top: 0;
margin-bottom: 30px;
}
.section-hero--service {
background-color: var(--black);
color: var(--white);
text-align: center;
padding-top: 100px;
padding-bottom: 40px;
}
.section-hero--service.web-hero {
background-color: var(--tan);
color: var(--black);
}
.hero-h6 {
color: var(--purple);
margin-bottom: 0;
}
.hero-h6.home-hero-6 {
margin-bottom: 10px;
}
.hero-h1 {
margin-top: 0;
line-height: 1.1em;
}
.hero-width-container {
width: 60%;
margin-left: 20%;
padding: 0;
}
.main-header--nav---v12 {
background-color: #0000;
width: 100%;
font-size: 1em;
position: absolute;
}
.main-header--nav---v12.nav-on-light {
display: block;
}
.main-header--nav---v12.home-nav {
position: sticky;
top: 0;
}
.nav-on-dark {
color: var(--primary-pink\);
}
.dan-design--icon---purple.icon--home {
margin-left: -25%;
margin-right: auto;
}
.dan-design--wordmark---white {
vertical-align: top;
padding-top: 5px;
padding-left: 10px;
}
.dan-design--wordmark---white.wordmark--home {
opacity: 0;
margin-top: 0;
padding-top: 0;
padding-left: 0;
display: block;
position: absolute;
inset: 13% auto auto 86%;
}
.nav-bar--border {
z-index: 1;
background-color: var(--white);
width: 94%;
height: 3px;
margin-left: auto;
margin-right: auto;
padding: 0;
position: relative;
}
.nav-bar--border.nav-bar--border---on-light {
background-color: var(--black);
}
.heading-5 {
text-align: center;
}
.underline--purple {
border-bottom: 5px solid var(--purple);
}
.section-pricing {
background-color: var(--tan);
padding-bottom: 60px;
position: relative;
}
.heading-6 {
margin-top: 0;
}
.pricing-title {
margin-bottom: 0;
}
.pricing-title.proposal-pricing-title {
margin-bottom: 20px;
}
.pricing-starting {
margin-bottom: 0;
}
.pricing-starting.webkit-pricing-starting {
color: var(--white);
}
.pricing-price {
margin-top: 0;
font-size: 2.4em;
}
.h-t--0 {
margin-top: 0;
}
.footer-logo--container {
float: none;
border-width: 0;
border-color: var(--purple) #2eddb4 #2eddb4;
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
text-decoration: none;
position: relative;
}
.footer-connect--container {
width: 100%;
display: block;
}
.footer-logo-social--container {
align-items: center;
width: 100%;
display: flex;
}
.footer-bio--container {
width: 30%;
}
.footer-menu {
border-top: 3px solid var(--white);
border-bottom: 3px solid var(--white);
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-content {
margin-top: 20px;
}
.columns-6 {
margin-left: 0;
margin-right: 0;
}
.footer-cr--bar {
justify-content: space-between;
display: flex;
}
.social-icons--container {
margin-left: 60px;
}
.social-icon--link {
border: 0 #2eddb4;
margin-right: 10px;
}
.button {
background-color: var(--yellow);
color: var(--black);
border: 0 #000;
order: 0;
width: auto;
padding: 10px 20px;
font-size: .8em;
font-weight: 600;
transition: all .2s;
display: block;
}
.button:hover {
background-color: var(--yellow);
color: var(--black);
transform: scale(1.1);
}
.button.main-nav-btn {
position: absolute;
inset: 10px 0% auto auto;
}
.button.resource-listing--button {
align-self: center;
margin-bottom: 0;
position: relative;
inset: 100% 0% 0% auto;
}
.button.button-outline {
border: 1px solid var(--yellow);
color: var(--yellow);
background-color: #f9e80c00;
}
.button.hide-button {
display: none;
}
.faq-border {
margin-top: 40px;
display: block;
}
.faq-arrow {
width: 20px;
margin-right: 20px;
}
.q-a {
align-items: flex-start;
display: flex;
}
.faq-question--h {
margin-top: 0;
margin-bottom: 20px;
}
.faq-answer--p {
margin-bottom: 0;
display: block;
}
.hero-icon {
width: 90px;
margin: auto;
}
.hero-logo--arrow, .logo-pricing-title--sparkle {
margin-top: 40px;
}
.logo-pricing-title {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.logo-pricing-title--para---left {
margin-left: 15%;
position: absolute;
inset: auto auto 0% 0%;
}
.logo-pricing-title--para---right {
margin-right: 15%;
position: absolute;
inset: auto 0% 0% auto;
}
.section--perks---web {
background-color: var(--tan);
}
.section-subtitle {
text-align: center;
text-transform: uppercase;
width: 80%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
font-size: 1.1em;
}
.price-grid--2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 60px;
margin-bottom: 40px;
}
.web-work-sample {
border-style: none;
width: 100%;
position: relative;
}
.web-work-sample:hover {
color: var(--sea-green);
border-style: none;
border-color: #000;
}
.work-sample--img---container {
background-color: var(--purple);
position: relative;
overflow: hidden;
}
.work-sample--img---container.img-container--yellow {
background-color: var(--yellow);
}
.work-sample--img---container.img-container--white {
background-color: var(--white);
}
.work-sample--content---container {
background-color: var(--black);
padding: 30px;
}
.work-sample--content---container:hover {
color: var(--sea-green);
}
.work-sample--img {
width: 100%;
margin: 0;
padding: 30px;
position: relative;
}
.work-sample--title, .work-sample--client {
color: var(--white);
}
.h6-pipe {
margin-left: 10px;
margin-right: 10px;
display: inline-block;
}
.work-sample--services {
color: var(--purple);
margin-top: 40px;
font-size: .8em;
font-weight: 700;
}
.work-sample--scribble {
max-width: none;
position: absolute;
inset: 15% auto auto 15%;
}
.work-sample--scribble.scribble-on-right {
inset: auto 0% 0% auto;
}
.additoinal-work-sample--container {
background-color: var(--black);
color: var(--white);
align-items: center;
margin-top: 40px;
display: flex;
}
.additoinal-work-sample--container:hover {
color: var(--sea-green);
}
.additional-sample--img---container {
z-index: 5;
width: 30%;
position: relative;
}
.additional-sample--content---container {
z-index: 2;
text-align: center;
width: 70%;
position: relative;
}
.additional-sample--content---h {
margin-top: 0;
margin-bottom: 0;
}
.additional-sample--content---h:hover {
color: var(--white);
}
.additional-sample--arrow {
position: absolute;
inset: 0% 60px auto auto;
}
.additional-sample--underline {
position: absolute;
inset: auto auto -54px -107px;
}
.schedule-call--line-arrow--block {
color: var(--white);
border-style: none;
border-width: 0;
width: auto;
margin-top: 40px;
position: relative;
}
.schedule-call--line-arrow--block:hover {
color: var(--sea-green);
border-style: none;
}
.schedule-call--line-arrow--block.webkit-cta--link {
max-width: 100%;
}
.schedule-call--line-arrow--text {
width: auto;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.schedule-call--line-arrow--line {
max-width: 270px;
}
.schedule-call--line-arrow--arrow {
margin-left: -105px;
position: absolute;
inset: 0% -97px auto auto;
}
.resrouce-tease--title {
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
}
.bold-text-4 {
color: var(--black);
}
.italic-text-4 {
color: var(--purple);
}
.list-3 {
line-height: 1.4em;
}
.link-3 {
border-style: solid;
border-color: var(--purple);
}
.list-4 {
margin-top: 20px;
}
.hero--work-sample {
background-color: var(--black);
color: var(--white);
padding-top: 140px;
padding-bottom: 100px;
}
.hero--work-sample.proposal-work-sample-hero {
padding-bottom: 0;
}
.work-project-hero--area {
display: flex;
}
.work-project-hero--area.assorted-pro-hero {
padding-bottom: 40px;
}
.work-hero--client-details {
min-width: 40%;
padding-right: 100px;
}
.work-hero--client---title {
margin-top: 0;
margin-bottom: 40px;
line-height: 1em;
}
.work-hero--client---title.work-sample-tittle--smaller {
font-size: 3em;
}
.work-hero--label {
color: var(--purple);
margin-top: 0;
margin-bottom: 0;
}
.work-hero--project---title {
margin-top: 0;
}
.work-hero--project---details {
margin-top: 10px;
margin-bottom: 0;
}
.work-project-hero--services {
width: 60%;
margin-top: 40px;
}
.work-project-hero--services.nested-services {
width: 100%;
}
.work-project-hero--services---label {
background-color: var(--purple-dark);
color: var(--purple);
margin-bottom: 20px;
margin-right: 20px;
padding: 10px 20px;
font-weight: 700;
display: inline-block;
}
.work--main-img {
width: 100%;
margin-bottom: 40px;
}
.work--main-img.proposal-work-main-img {
margin-bottom: 0;
}
.grid-11 {
grid-template: "."
"Area"
"."
/ 1fr;
}
.work-sample--img---full {
width: 100%;
}
.work-sample--grid---3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
margin-bottom: 20px;
}
.work-sample--grid---6 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 20px;
}
.work-sample--img---100 {
width: 100%;
margin-top: 0;
}
.similar-cost--box {
background-color: var(--black);
color: var(--white);
padding: 40px;
display: flex;
}
.similar-cost--box.bald-cost-box {
border: 1px solid var(--purple);
background-color: var(--black);
-webkit-text-stroke-color: var(--dark-grey);
margin-top: 60px;
}
.estimated-cost {
padding-right: 140px;
}
.work-hero--label---w-margin {
color: var(--purple);
margin-top: 0;
}
.hb-quick-stack--2-1 {
margin-bottom: 20px;
padding: 0;
}
.grid-12 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.work-sample--additional---copy {
width: 70%;
margin-top: 100px;
margin-bottom: 40px;
}
.work-sample--additional---copy----lead.hb-additional-services-title--container {
margin-top: 40px;
}
.work-sample--additional---copy----lead.additional-work-samples--title-section {
margin-top: 60px;
}
.section-how-it-works {
padding-top: 60px;
}
.resource-container {
background-color: var(--black);
margin-top: 0;
padding-top: 40px;
padding-bottom: 60px;
}
.resource-listing {
background-color: var(--white);
color: var(--black);
border-style: none;
order: 0;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-bottom: 40px;
text-decoration: none;
transition-property: all;
display: flex;
position: relative;
box-shadow: 0 6px 15px 14px #0003;
}
.resource-listing:hover {
color: var(--purple);
-webkit-text-stroke-width: 0px;
border-style: none;
border-color: #000;
transform: scale(1.02);
}
.resource-listing--title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.6em;
}
.resource-listing--icon {
background-color: var(--tan);
padding: 20px 40px;
display: flex;
}
.icon-bookmark--img {
margin-top: -110px;
}
.contact-page--form--section {
background-color: var(--black);
color: var(--white);
text-align: center;
}
.contact-form--container {
text-align: left;
width: 60%;
margin-left: auto;
margin-right: auto;
}
.contact-page--form---subtitle {
color: var(--yellow);
}
.contact-page--form---p {
margin-bottom: 40px;
}
.recaptcha {
margin-top: 20px;
margin-bottom: 20px;
}
.v-12--resource---container {
display: flex;
}
.work-sample--grid---2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.work-sample--grid---2.add-margin {
margin-top: 20px;
margin-bottom: 20px;
}
.quick-stack {
padding: 0;
}
.grid-13 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.work-sample--grid---3-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.iupui-work-container {
width: 100%;
overflow: hidden;
}
.home-section--02 {
z-index: 10;
background-color: var(--black);
color: var(--white);
flex-direction: column;
flex: none;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
width: 100vw;
height: 300vh;
display: flex;
position: relative;
}
.home-section--01 {
z-index: 5;
background-color: var(--tan);
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 98vw;
height: 100vh;
margin-left: 0;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.home-01--main-copy {
text-align: center;
width: 50%;
position: relative;
}
.home-02--main-content {
margin-left: 100px;
position: sticky;
top: 40vh;
left: 0;
}
.home-section--03 {
z-index: 0;
background-color: var(--black);
min-width: 100%;
position: relative;
inset: 0% auto auto 0%;
}
.home-container {
position: relative;
overflow: visible;
}
.home-img--01 {
z-index: 100;
width: 100%;
max-width: 550px;
height: auto;
display: block;
position: absolute;
inset: 37% auto auto 2%;
}
.home-img--01.h-img-top {
position: absolute;
top: 14%;
left: 12%;
}
.home-img--02 {
z-index: 50;
width: 100%;
max-width: 300px;
display: block;
position: absolute;
inset: 26% auto auto 15%;
}
.home-img--02.h-img-mid {
top: 9%;
left: 14%;
}
.home-img--03 {
z-index: 100;
width: 100%;
max-width: 470px;
display: block;
position: absolute;
inset: 42% auto auto 19%;
}
.home-img--03.h-img-top {
top: 39%;
left: 19%;
}
.home-img--04 {
z-index: 25;
width: 100%;
max-width: 280px;
position: absolute;
inset: 19% auto auto 26%;
}
.home-img--04.h-img-back {
top: 26%;
left: 36%;
}
.home-img--05 {
z-index: 25;
width: 100%;
max-width: 250px;
position: absolute;
inset: 74% auto auto 29%;
}
.home-img--05.h-img-back {
top: 32%;
left: 26%;
}
.home-img--06 {
z-index: 100;
width: 100%;
max-width: 540px;
position: absolute;
inset: 24% auto auto 31%;
}
.home-img--06.h-img-top {
top: 35%;
left: 41%;
}
.home-img--07 {
z-index: 25;
width: 100%;
max-width: 260px;
position: absolute;
inset: 12% auto auto 43%;
}
.home-img--07.h-img-back {
top: 59%;
left: 51%;
}
.home-img--08 {
z-index: 25;
width: 100%;
max-width: 290px;
position: absolute;
inset: 61% auto auto 42%;
}
.home-img--08.h-img-mid {
z-index: 50;
top: 53%;
left: 33%;
}
.home-img--09 {
z-index: 25;
width: 100%;
max-width: 240px;
position: absolute;
inset: 22% auto auto 50%;
}
.home-img--09.h-img-back {
top: 48%;
left: 57%;
}
.home-img--10 {
z-index: 100;
width: 100%;
max-width: 560px;
position: absolute;
inset: 36% auto auto 56%;
}
.home-img--10.h-img-top {
top: 61%;
left: 68%;
}
.home-img--11 {
z-index: 50;
width: 100%;
max-width: 320px;
position: absolute;
inset: 18% auto auto 69%;
}
.home-img--11.h-img-mid {
top: 84%;
}
.home-img--12 {
z-index: 25;
width: 100%;
max-width: 270px;
position: absolute;
inset: 72% auto auto 68%;
}
.home-img--12.h-img-back {
top: 55%;
left: 64%;
}
.home-img--13 {
z-index: 100;
width: 100%;
max-width: 450px;
position: absolute;
inset: 33% auto auto 79%;
}
.home-img--13.h-img-top {
top: 74%;
left: 83%;
}
.home-img--14 {
z-index: 25;
width: 100%;
max-width: 220px;
position: absolute;
inset: 67% auto auto 77%;
}
.home-img--14.h-img-back {
top: 78%;
left: 96%;
}
.home-img--15 {
z-index: 50;
width: 100%;
max-width: 320px;
position: absolute;
inset: 56% auto auto 89%;
}
.home-img--15.h-img-mid {
top: 89%;
left: 94%;
}
.home-section--04 {
z-index: 0;
background-color: var(--black);
color: var(--white);
width: 100%;
padding: 140px 100px 40px;
position: relative;
}
.home-does--features {
width: 60%;
margin-top: 40px;
margin-bottom: 40px;
}
.home-section--05 {
z-index: 0;
background-color: var(--black);
justify-content: center;
align-items: center;
padding: 40px;
display: flex;
position: relative;
}
.home-working-big--container {
background-color: var(--tan);
flex-direction: column;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 80vw;
min-height: 80vh;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding: 60px 60px 20px;
display: flex;
position: relative;
}
.h--05--h2 {
margin: 0;
padding-bottom: 100px;
}
.h-05--chat-link {
color: var(--black);
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/655d15f4c90d05350cff1906_underline-yellow--small.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
border-style: none;
margin-top: -10px;
margin-bottom: 60px;
padding-bottom: 20px;
text-decoration: none;
position: relative;
}
.h-05--chat-link:hover {
color: var(--purple);
}
.h-05--p {
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0 auto;
font-size: .9em;
font-weight: 600;
position: relative;
bottom: 0;
}
.home-camera--01 {
width: 100vw;
height: 100vh;
display: block;
position: sticky;
top: 0;
overflow: hidden;
}
.home-track--01 {
width: 100vw;
height: 398vw;
margin-top: 0;
position: relative;
}
.home-frame--01 {
height: 100%;
display: flex;
}
.home-track--02 {
background-color: var(--black);
width: 100vw;
height: 340vw;
position: relative;
}
.home-camera--02 {
width: 100vw;
height: 100vh;
display: block;
position: sticky;
top: 0;
overflow: hidden;
}
.home-frame--02 {
align-items: center;
width: 340vw;
height: 200vh;
margin-top: 0%;
display: block;
position: relative;
inset: 0% auto auto 0%;
}
.body-3, .home-body {
background-color: var(--black);
}
.home-scroll-bar {
z-index: 99;
background-color: var(--sea-green);
width: 10px;
height: 100vh;
min-height: 0;
position: fixed;
inset: 0% 0% auto auto;
}
.home-text-scroll-span {
color: var(--yellow);
font-family: Montserrat Alternates, sans-serif;
font-weight: 600;
}
.home-text-scroll-span.home-text-scroll-span--inactive {
color: var(--purple);
font-size: .8em;
}
.home-scroll-text {
line-height: .7em;
}
.home-scroll-text.home-scroll-text--inactive {
color: var(--black);
}
.home-menu--gradient-bkgrd {
background-image: linear-gradient(#000, #05050500);
width: 100%;
height: 100px;
position: absolute;
}
.home-screen-01--bottom-bar {
background-color: var(--black);
width: 94vw;
height: 3px;
margin-left: 0;
position: absolute;
inset: auto auto 20px 3vw;
}
.home-small-all-caps--span {
color: var(--purple);
font-family: Montserrat Alternates, sans-serif;
}
.home-loader {
z-index: 9999;
background-color: #0000;
width: 100%;
height: 100vh;
display: none;
position: fixed;
}
.h-05--p--mask {
width: 40%;
position: absolute;
inset: auto auto 50px 30%;
overflow: hidden;
}
.h2-underline--02 {
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/655d14c0a0b32e81e04ef028_underline-purple--three.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
margin-top: 0;
margin-bottom: -40px;
padding-bottom: 40px;
display: inline-block;
position: relative;
bottom: 0;
}
.home-chat--arrow {
margin-top: -60px;
margin-bottom: 10px;
position: relative;
right: -60px;
transform: rotate(39deg);
}
.lets-chat-icon {
width: 40px;
margin-right: 10px;
padding-right: 0;
display: inline-block;
}
.heading-11 {
display: inline-block;
}
.and-span {
color: var(--purple);
font-family: Varela, sans-serif;
font-size: 1.2em;
}
.home-track--03 {
width: 100vw;
height: 100vh;
position: relative;
}
.home-camera--03 {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: block;
position: sticky;
top: 0;
}
.home-frame--03 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
}
.home--04--h2-mask, .home--04--h5-mask {
position: relative;
overflow: hidden;
}
.tbc-assorted-h {
width: 60%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.assorted-tbc-main-image {
margin-top: 40px;
}
.body-4 {
background-color: var(--tan);
}
.prospect-sample--pitch {
text-align: center;
width: 70%;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 100px;
}
.colege-work-additional-sample--containers--2 {
width: 100%;
display: flex;
position: relative;
}
.iupui-regatta {
margin-top: 47px;
position: absolute;
inset: 0% 0% auto auto;
}
.iupui-science {
position: relative;
}
.iupui-common {
position: absolute;
inset: auto 9% -6% auto;
}
.colege-work-additional-sample--containers--3 {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 20px;
display: flex;
}
.colege-work-additional-sample--containers--2--img {
width: 50%;
display: block;
}
.colege-work-additional-sample--containers--3--img {
max-width: 30%;
margin-left: 1%;
margin-right: 1%;
}
.grid-14 {
grid-template-rows: auto;
}
.lp-site--mockup---img {
width: 100%;
margin-bottom: 40px;
}
.header {
grid-row-gap: 100px;
background-color: #000100;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 54px 25px;
text-decoration: none;
display: flex;
position: relative;
}
.vector {
object-fit: cover;
position: absolute;
top: -16px;
left: 25px;
}
.content {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1312px;
height: 134px;
text-decoration: none;
display: flex;
position: relative;
}
.vectors-wrapper {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 172.415px;
text-decoration: none;
display: flex;
position: absolute;
top: 303.784px;
left: 926.57px;
}
.column {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-12 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.column-17 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.error-563067d3-e5c0-b33c-7749-eaeab619b3e3 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-2 {
grid-column-gap: 8px;
background-color: #f9e80c;
border: 1px solid #f9e80c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-3 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 136.9%;
text-decoration: none;
}
.button-4 {
grid-column-gap: 8px;
border: 1px solid #f9e80c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-5 {
color: #f9e80c;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-19 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: relative;
}
.header-2 {
grid-row-gap: 80px;
background-color: #fff0e3;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
}
.content-2 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-18 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.doodle-4 {
object-fit: cover;
position: absolute;
top: 86px;
left: -8px;
}
.doodle-5 {
object-fit: cover;
position: absolute;
top: 101.442px;
left: 650px;
}
.everything-your-team-needs-to-deliver-a-premium-website-that-elevates-your-clients-brand-each-kit-is-custom-designed-to-your-clients-needs-while-maintaining-consistent-quality-and-scalability-0 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.everything-your-team-needs-to-deliver-a-premium-website-that-elevates-your-clients-brand-each-kit-is-custom-designed-to-your-clients-needs-while-maintaining-consistent-quality-and-scalability-1 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.everything-your-team-needs-to-deliver-a-premium-website-that-elevates-your-clients-brand-each-kit-is-custom-designed-to-your-clients-needs-while-maintaining-consistent-quality-and-scalability-2 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-3 {
grid-row-gap: 80px;
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding-top: 112px;
padding-left: 64px;
padding-right: 64px;
text-decoration: none;
display: flex;
}
.container-3 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-2 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.header-4 {
grid-row-gap: 80px;
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding-top: 112px;
padding-left: 64px;
padding-right: 64px;
text-decoration: none;
display: flex;
}
.container-4 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-hero--web-kit {
background-color: var(--black);
padding-top: 160px;
padding-bottom: 40px;
overflow: visible;
}
.split-col-hero--content---container {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.split-col--title---container {
position: relative;
}
.split-col--content---container {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-top: 10px;
display: flex;
position: relative;
}
.actions-container--2-buttons {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.split-col--title---h1 {
color: var(--white);
margin-top: 0;
font-size: 3em;
}
.section-hero--web-kit---image {
background-color: var(--black);
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 100px;
display: flex;
position: relative;
overflow: hidden;
}
.image-58 {
width: 1280px;
max-width: 80%;
height: 760px;
}
.error-9c67c1bc-e8e0-b56f-9d7e-6e82d98de14a {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-20 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: relative;
}
.header-5 {
grid-row-gap: 80px;
background-color: #fff0e3;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
}
.content-3 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-19 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-3 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.doodle-6 {
object-fit: cover;
position: absolute;
top: 101.442px;
left: 650px;
}
.everything-your-team-needs-to-deliver-a-premium-website-that-elevates-your-clients-brand-each-kit-is-custom-designed-to-your-clients-needs-while-maintaining-consistent-quality-and-scalability-3 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.everything-your-team-needs-to-deliver-a-premium-website-that-elevates-your-clients-brand-each-kit-is-custom-designed-to-your-clients-needs-while-maintaining-consistent-quality-and-scalability-4 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.everything-your-team-needs-to-deliver-a-premium-website-that-elevates-your-clients-brand-each-kit-is-custom-designed-to-your-clients-needs-while-maintaining-consistent-quality-and-scalability-5 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.layout {
grid-row-gap: 80px;
background-color: #fff0e3;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px 60px;
text-decoration: none;
display: flex;
position: relative;
}
.layout._365 {
background-color: #0000;
}
.section-title-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-4 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-13 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.text-4 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.design-system--container {
grid-column-gap: 20px;
grid-row-gap: 32px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column dense;
justify-content: flex-start;
place-items: stretch stretch;
width: 100%;
text-decoration: none;
display: flex;
}
.row {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-20 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 768px;
text-decoration: none;
display: flex;
}
.design-system--card {
background-color: #fff;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 640px;
height: 100%;
text-decoration: none;
display: flex;
}
.content-5 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 368px;
padding: 24px;
text-decoration: none;
display: flex;
}
.design-system--card---content {
grid-row-gap: 8px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
}
.tagline-wrapper {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.heading-14 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 1.4em;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-5 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-59 {
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 368px;
text-decoration: none;
display: flex;
}
.placeholder-image {
object-fit: cover;
}
.card-2 {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 768px;
text-decoration: none;
display: flex;
}
.content-6 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 319px;
padding: 48px;
text-decoration: none;
display: flex;
}
.design-system--card---comps---content {
grid-row-gap: 24px;
background-color: var(--white);
flex-direction: column;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: flex-start;
width: 100%;
padding: 60px 20px;
text-decoration: none;
display: flex;
}
.heading-15 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 2em;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.design-system--card---comps---img {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 449px;
display: flex;
}
.vectors-wrapper-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 120.274px;
height: 17.2416px;
text-decoration: none;
display: flex;
position: absolute;
top: 73px;
left: 697.102px;
}
.image-1 {
object-fit: cover;
position: absolute;
top: -5px;
left: 679px;
}
.elements-geometric-shape-abstract-circle-sharp-half {
object-fit: cover;
position: relative;
top: -328px;
left: 1084px;
}
.elements-geometric-shape-abstract-circle-sharp-half-2 {
position: absolute;
top: 28.3495px;
left: 1084px;
}
.vectors-wrapper-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 197px;
height: 197px;
text-decoration: none;
display: flex;
position: absolute;
top: 268px;
left: 1243px;
}
.header-6 {
grid-row-gap: 80px;
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding-top: 112px;
padding-left: 64px;
padding-right: 64px;
text-decoration: none;
display: flex;
}
.container-6 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-6 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.layout-2 {
grid-row-gap: 80px;
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
}
.content-8 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-21 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-3 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.vectors-wrapper-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 94.0084px;
height: 89.8654px;
text-decoration: none;
display: flex;
}
.content-9 {
grid-row-gap: 24px;
background-color: #21003b;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 30px;
text-decoration: none;
display: flex;
}
.heading-16 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.text-7 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-22 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.vectors-wrapper-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 95.4477px;
height: 91.3976px;
text-decoration: none;
display: flex;
}
.pricing {
grid-row-gap: 80px;
background-color: #000100;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
}
.section-title-4 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-8 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-10 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-17 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.text-9 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-7 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.webkit-pricing--box {
grid-row-gap: 32px;
border: 1px solid #940aee;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 560px;
padding: 32px;
text-decoration: none;
display: flex;
}
.webkit-price--block {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 496px;
text-decoration: none;
display: flex;
}
.webkit-pricing--title {
color: #940aee;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.webkit-pricing--price {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.webkit-pricing--list---box {
grid-row-gap: 16px;
background-color: #21003b;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 496px;
padding: 38px 30px;
text-decoration: none;
display: flex;
}
.webkit-pricing--banner---list-item {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.vectors-wrapper-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
text-decoration: none;
display: flex;
}
.text-10 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.webkit-pricing--action {
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
text-decoration: none;
display: flex;
}
.button-6 {
grid-column-gap: 8px;
background-color: #f9e80c;
border: 1px solid #f9e80c;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-7 {
color: #000100;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.list-6 {
grid-column-gap: 16px;
background-color: #f9e80c;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
padding-top: 18px;
padding-bottom: 18px;
text-decoration: none;
display: flex;
}
.text-11 {
color: #000100;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.cta {
grid-row-gap: 80px;
background-color: #000100;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 576px;
padding: 60px 64px 112px;
text-decoration: none;
display: flex;
}
.webkit-cta--box {
grid-row-gap: 8px;
background-color: #21003b;
border: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
height: auto;
padding: 64px;
text-decoration: none;
display: flex;
position: relative;
}
.webkit-cta--content {
grid-row-gap: 52px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 100%;
text-decoration: none;
display: flex;
}
.webkit-cta--title-copy {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-19 {
color: #940aee;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: DM Serif Display, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.webkit-cta--action {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.vectors-wrapper-7 {
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 84px;
text-decoration: none;
display: flex;
}
.punctuation-4 {
object-fit: cover;
width: 100%;
max-width: 70px;
position: absolute;
inset: 10% auto auto 5%;
overflow: visible;
}
.punctuation-8 {
object-fit: cover;
width: 100%;
max-width: 60px;
position: absolute;
inset: 10% 5% auto auto;
}
.section-title--webkit {
padding-top: 100px;
padding-bottom: 140px;
position: relative;
}
.title-section--split-col---container {
grid-column-gap: 60px;
grid-row-gap: 60px;
display: flex;
position: relative;
}
.split-col---title {
width: 50%;
position: relative;
}
.split-col---content {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
width: 50%;
display: flex;
}
.split-col--h2 {
margin-top: 0;
margin-bottom: 0;
}
.split-col--title---burst----left {
position: absolute;
inset: -30px auto auto -14%;
}
.split-col--title---burst----right {
position: absolute;
inset: -20px -10px auto auto;
}
.arrow-dashed--down---purple {
margin-top: 20px;
position: absolute;
inset: auto auto -67% 0%;
}
.section-webkit--core-pages {
padding-top: 60px;
padding-bottom: 100px;
position: relative;
}
.section-webkit--design-system--container {
position: relative;
}
.design-system--title---container {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: center;
flex-flow: column;
padding-bottom: 40px;
display: flex;
}
.heading-20 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.core-pages--content---container {
flex-flow: column;
width: 45%;
display: flex;
position: relative;
}
.core-pages--img---container {
width: 55%;
}
.webkit--core-pages---container {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
}
.built-in-figma--block {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.figma-icon--built-in {
width: 100%;
max-width: 120px;
position: absolute;
inset: -60px auto auto -30px;
}
.built-in-figma--label {
padding-left: 90px;
font-size: .8em;
}
.icon-list--container {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--white);
flex-flow: column;
padding: 40px;
display: flex;
}
.core-pages--icon-list-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.icon-list-item--p {
margin-bottom: 0;
font-size: .9em;
}
.icon-list--icon {
width: 100%;
max-width: 20px;
}
.core-pages--img {
width: 100%;
max-width: 720px;
height: 620px;
max-height: 720px;
}
.core-pages--content---block {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.heading-21 {
margin-top: 0;
margin-bottom: 0;
}
.core-pages--action-container {
margin-top: 40px;
}
.core-pages--decorative---green {
position: absolute;
inset: auto 0% 0 auto;
}
.design-system--decorative---yellow {
position: absolute;
inset: 5% 0% auto auto;
}
.design-system--col-1 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.design-system--col-2 {
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.section-webkit-workflow {
padding-top: 100px;
padding-bottom: 100px;
}
.webkit--workflow---title-section {
margin-bottom: 40px;
}
.webkit--workflow---sub-title {
background-color: var(--tan);
color: var(--purple);
font-size: .9em;
font-weight: 700;
}
.webkit--workflow---chart-container {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
min-height: 180px;
display: block;
position: relative;
}
.webkit-workflow--chart---step {
background-color: var(--yellow);
border-radius: 20px;
padding: 10px 20px 10px 40px;
}
.webkit-workflow--chart---step.webkit-workflow--step-1 {
perspective-origin: 0%;
transform-origin: 0%;
width: 25%;
max-width: 25%;
position: absolute;
inset: 0% auto auto 0%;
transform: scale(1);
}
.webkit-workflow--chart---step.webkit-workflow--step-2 {
background-color: var(--purple);
perspective-origin: 0%;
transform-origin: 0%;
width: 30%;
max-width: 30%;
position: absolute;
inset: 20% auto auto 15%;
transform: translate(0);
}
.webkit-workflow--chart---step.webkit-workflow--step-3 {
background-color: var(--black);
perspective-origin: 0%;
transform-origin: 0%;
width: 50%;
max-width: 50%;
position: absolute;
inset: 40% auto auto 40%;
transform: translate(0);
}
.webkit-workflow--chart---step.webkit-workflow--step-4 {
background-color: var(--sea-green);
perspective-origin: 0%;
transform-origin: 0%;
max-width: 25%;
position: absolute;
inset: 60% 0% auto auto;
transform: translate(0);
}
.webkit-workflow--chart---step----p {
margin-bottom: 0;
font-size: .9em;
font-weight: 700;
}
.webkit-workflow--chart---step----p.webkit-workflow--p-step-2 {
color: var(--yellow);
}
.webkit-workflow--chart---step----p.webkit-workflow--p-step-3 {
color: var(--sea-green);
}
.webkit-workflow--chart---step----p.webkit-workflow--p-step-4 {
color: var(--purple);
text-align: left;
}
.webkit--workflow---stages----contaienr {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.webkit--workflow---stage {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--white);
flex-flow: column;
padding: 40px;
display: flex;
}
.section-agencies-choose {
background-color: var(--black);
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}
.agencies-choose--title {
color: var(--white);
max-width: 60%;
margin: 0 auto;
}
.agencies-choose--reasons-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.agencies-choose--box {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-color: var(--purple-dark);
color: var(--white);
text-align: left;
flex-flow: column;
padding: 40px 20px 20px;
display: flex;
}
.agencies-choose--icon-box {
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/64822e88c29a37e6778dda79_white-box--03.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -30px;
margin-left: -10px;
padding: 20px;
display: flex;
position: relative;
}
.agencies-choose--icon-box.has-bounding-box {
padding: 10px;
}
.agencies-choose--icon {
width: 100%;
max-width: 50px;
}
.agencies-choose--icon.has-bounding-box {
max-width: 60px;
}
.section-webkit-pricing {
background-color: var(--black);
padding-bottom: 60px;
}
.section-webkit--banner-container {
transform: rotate(-1deg);
}
.webkit-pricing--title-section {
color: var(--white);
text-align: center;
}
.webkit-pricing--container {
justify-content: center;
margin-top: 60px;
padding-bottom: 100px;
display: flex;
}
.section-webkit-cta {
background-color: var(--black);
padding: 60px;
}
.webkit-cta--title {
color: var(--purple);
text-align: center;
}
.webkit-hero--title---marker-bkgrd {
position: absolute;
inset: -100px auto auto -20px;
}
.webkit-hero--title---span {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/655653cddf1a11b040d410a6_underline-squiggle--purple---01.svg");
background-position: 50% 90%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 20px;
display: inline-block;
}
.webkit-hero--img---figma-icon {
position: absolute;
inset: 2% 3% auto auto;
}
.webkit-hero--img---styles {
width: auto;
max-width: 561px;
position: absolute;
inset: auto auto 17% -2%;
}
.webkit-hero--img---swatches {
width: 100%;
max-width: 485px;
position: absolute;
inset: auto auto 0% 0%;
}
.webkit-hero--img---component-1 {
width: 100%;
max-width: 472px;
position: absolute;
inset: auto -10% -10% auto;
}
.webkit-hero--img---component-2 {
width: 100%;
max-width: 468px;
position: absolute;
inset: auto -8% 10% auto;
}
.webkit-hero--img---component-3 {
width: 100%;
max-width: 472px;
position: absolute;
inset: auto -6% 28% auto;
}
.background-video {
z-index: 0;
width: 100%;
height: 100%;
}
.assorted-lp--video-thumb {
width: 1294px;
height: 820px;
}
.assorted-lp--video-grid {
margin-bottom: 20px;
}
.background-video-2 {
z-index: 100;
width: 100%;
height: 300px;
}
@media screen and (min-width: 1280px) {
.hero.hero-no-image {
padding-bottom: 31px;
}
.hero.temp-cs-hero {
padding-top: 47px;
}
.hero-copy {
font-size: 1.6rem;
}
.hero-image {
margin-bottom: 0;
}
.hero-heading {
font-size: 3rem;
}
.logos--v10 {
margin-top: -180px;
padding-top: 140px;
padding-bottom: 67px;
}
.client-logo {
width: auto;
max-width: 200px;
height: auto;
max-height: 60px;
}
.link-arrow {
border-bottom-style: solid;
border-bottom-width: 3px;
padding-bottom: 4px;
font-family: Lora;
font-size: .9em;
font-style: italic;
font-weight: 700;
display: block;
position: relative;
}
.testimonial-container {
width: 70%;
}
.testimonial-container.testimonial-alt-layout {
padding-left: 35%;
}
.hero-elements {
height: 100%;
}
.hero-bkgrd-01, .testimonial-bkgrd-element-03 {
right: 30%;
}
.testimonial-bkgrd-element-04.alt-testimonial-bkgrd-element {
left: 32%;
}
.testimonial-bkgrd-element-06 {
right: 33%;
}
.hero-lead-copy.stealth-prospect-hero-pink {
margin-bottom: 10px;
line-height: 1.9rem;
}
.box-columns {
margin-bottom: 80px;
}
.hero-form {
margin-top: 37px;
}
.case-study-showcase-container {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
.case-study-showcase-container.ss-showcase-container {
height: 3100px;
}
.ss-dress-avatar {
top: 18%;
right: 28%;
}
.ss-pic-shirt-dress {
top: 14%;
right: 0%;
}
.ss-backpack-avatar {
top: 71%;
}
.ss-pic-shoe {
inset: 49% 0% auto auto;
}
.ss-shoe-avatar {
left: auto;
right: 0;
}
.ss-avatar-shoe-two {
top: 44%;
}
.ss-pic-analytics {
max-width: 50%;
top: 51%;
left: 0%;
right: auto;
}
.ss-pic-catnav {
top: 59%;
left: 20%;
right: auto;
}
.ss-pic-algorithm {
top: 58%;
left: 0%;
}
.ss-pic-merch {
max-width: 50%;
inset: 25% auto auto 0%;
}
.ss-pic-lp {
z-index: 7;
max-width: 44%;
top: 53%;
right: 0%;
}
.ss-pic-smarter {
left: 32%;
}
.res-model-2 {
width: 100%;
max-width: 709px;
}
.res-old {
width: 100%;
max-width: 758px;
}
.iupui-jag-before, .iupui-wordmark-after {
width: 100%;
max-width: 519px;
}
.samples-college--img-container {
height: 2400px;
margin-bottom: 40px;
}
.college-img.college-coyote-logo {
max-width: 320px;
bottom: 5%;
}
.college-img.college-harlingen {
max-width: 380px;
bottom: 2%;
}
.college-img.college-iupui-common-theme {
max-width: 370px;
}
.college-img.college-ad-science {
top: 46%;
}
.college-img.college-iupui-regatta-billboard {
max-width: 700px;
top: 31%;
}
.college-img.college-tt-illustration {
max-width: 570px;
}
.college-img.college-theta-tau {
max-width: 450px;
top: 46%;
}
.college-img.college-delta-tau {
max-width: 380px;
top: 29%;
}
.showcase-social {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.showcase-digital-marketing.hb-branch-social-carousel-container {
max-width: 1800px;
margin-left: auto;
margin-right: auto;
}
.showcase-ss-logo {
top: -2%;
left: 5%;
}
.showcase-ss-home {
position: absolute;
inset: 2% auto auto 0%;
}
.showcase-ss-chivery-top {
z-index: 5;
position: absolute;
inset: 34% 0% auto auto;
}
.section-title-social {
margin-top: 100px;
}
.hb-ads-container {
margin-left: auto;
margin-right: auto;
}
.hb-ads-refi-3wide, .hb-collateral-showcase {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.showcase-hb-strategic-showcase {
max-width: 1800px;
margin-left: auto;
margin-right: auto;
}
.hero-fs-large--v10.hero--early-stage {
margin-top: -40px;
}
.hero-fs-large--v10.fc-yellow {
color: var(--yellow);
}
.hero-grid--thumb-img.h-img-01, .hero-grid--thumb-img.h-img-02, .hero-grid--thumb-img.h-img-03.hide-sample, .hero-grid--thumb-img.h-img-04, .hero-grid--thumb-img.h-img-05, .hero-grid--thumb-img.h-img-06, .hero-grid--thumb-img.h-img-07, .hero-grid--thumb-img.hide-sample {
width: 100%;
}
.section--perks {
padding-bottom: 185px;
}
.how-it-works--green-ribbon {
bottom: -102px;
}
.price-block {
position: relative;
}
.price-box--rate {
border: 1px #000;
}
.price-list--item.strike-out--list-item {
text-decoration: line-through;
}
.main-header--nav---v11 {
margin-bottom: -2px;
}
.main-header--bottom-bkgrd {
margin-top: -10px;
}
.image-52 {
top: -2%;
}
.hero-h1--early-stage {
margin-top: -12px;
}
.h3-hero--early-stage {
margin-top: 80px;
margin-bottom: 100px;
}
.h1-span--big {
z-index: 0;
position: relative;
}
.h1-span--bang {
background-size: contain;
position: relative;
}
.h1-span--your {
z-index: 1;
position: relative;
}
.early-stage-logo--link-block {
max-width: 240px;
margin-bottom: 60px;
}
.h3-pricing--early-stage {
color: var(--white);
width: 70%;
margin-top: 60px;
margin-bottom: 20px;
font-size: 1.8em;
font-weight: 600;
line-height: 1.4em;
}
.price-grid--early-stage {
grid-template-rows: auto;
margin-top: 40px;
}
.early-stage--pricing---sub-link {
color: var(--white);
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5ee3de7ded4e857d807babd6/6483572829ce08c57d023816_button-small-yellow.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border: 0 #0000;
padding: 20px 40px;
font-size: .9em;
font-weight: 600;
transition: background-color .2s ease-in-out;
position: absolute;
inset: auto -5% -8% auto;
}
.early-stage--pricing---sub-link:hover {
color: var(--white);
background-color: #0000;
}
.fc-purple.pricing-pkg.membership-not-sure--small {
font-size: 1em;
}
.fc-yellow.pricing-pkg {
color: var(--yellow);
}
.hero-h6.home-hero-6 {
margin-bottom: 10px;
position: relative;
}
.hero-h1 {
position: relative;
}
.hero-h1.monthly-plan-hero-h1 {
font-size: 3.3em;
}
.pricing-starting.webkit-pricing-starting {
color: #fff;
}
.button {
display: block;
}
.work-hero--client---title.work-sample-tittle--smaller {
font-size: 3em;
}
.h-05--p {
position: relative;
}
.home-loader {
display: none;
}
.home-hero-h6--mask, .home-hero-h1--mask {
position: relative;
overflow: hidden;
}
.list-6 {
max-width: 100%;
}
.core-pages--img---container {
border-radius: 5px;
overflow: hidden;
}
.core-pages--img {
box-sizing: border-box;
aspect-ratio: 1;
object-fit: fill;
border-radius: 0;
max-width: none;
height: 620px;
max-height: none;
overflow: visible;
}
}
@media screen and (max-width: 991px) {
h2 {
font-size: 2.6em;
}
h5 {
font-size: 1.4em;
}
h6 {
font-size: 1em;
}
p {
font-size: .9em;
}
.navbar {
background-color: #0000;
align-items: center;
}
.nav-link {
border-bottom-style: solid;
border-bottom-color: var(--dark-slate-blue\);
color: var(--black);
text-align: left;
text-transform: uppercase;
background-color: #0000;
flex: 1 0 100%;
order: 1;
align-self: stretch;
align-items: center;
height: 13vh;
margin-top: 0;
font-size: 3em;
font-weight: 600;
transition: background-color .2s ease-in-out, letter-spacing .5s ease-in-out;
display: flex;
}
.nav-link:hover {
border-style: none none solid;
border-color: var(--dark-slate-blue\);
background-color: var(--yellow);
color: var(--black);
letter-spacing: 5px;
display: flex;
}
.nav-link.w--current {
background-color: var(--yellow);
color: var(--black);
}
.nav-link.nav-button {
background-color: var(--black);
display: block;
position: relative;
bottom: auto;
right: auto;
}
.nav-link.nav-button:hover {
color: var(--primary-pink\);
}
.nav-link.current {
background-color: var(--yellow);
}
.body {
overflow: visible;
}
.nav-menu {
background-color: var(--primary-pink\);
color: var(--white);
}
.hero.hero-no-image {
padding-top: 56px;
padding-bottom: 0;
}
.hero.hero-with-form {
flex-direction: column;
padding-top: 70px;
}
.hero.case-study-no-image-hero {
padding-top: 80px;
padding-bottom: 60px;
}
.hero.case-study-hero-res {
padding-bottom: 0;
}
.hero-content {
width: 100%;
margin-top: 12px;
margin-left: 0%;
padding-top: 0;
padding-left: 0;
}
.hero-content.hero-no-image-content {
width: 90%;
margin-bottom: 65px;
margin-left: 5%;
}
.hero-content.home-hero-content {
padding-top: 28px;
}
.hero-content.hero-with-form-contnet-container {
width: 100%;
margin-left: 0%;
padding: 40px 40px 0;
}
.hero-content.prospect-lp {
padding-top: 85px;
padding-bottom: 85px;
}
.hero-content.prospect-lp.no-image-centered-hero.temp-samples-hero-no-button {
padding-top: 120px;
}
.hero-content.web-design--hero {
padding-bottom: 0;
}
.hero-copy {
font-size: 1rem;
}
.hero-heading {
font-size: 1.7rem;
}
.hero-heading.hero-heading-subscription-lp {
max-width: 100%;
}
.logos--v10 {
background-size: cover;
flex-wrap: wrap;
padding-top: 40px;
padding-bottom: 73px;
bottom: -74px;
}
.client-logo {
max-width: 20%;
}
.client-logo.hide-logo {
display: none;
overflow: visible;
}
.client-logo-container {
width: 100%;
margin-bottom: 0;
padding-top: 49px;
}
.section-lead {
margin-bottom: 40px;
}
.section-lead.home-hero-lead {
margin-top: 26px;
}
.lead-copy-content.brand-step-lead-copy {
width: 90%;
}
.font-serif--large {
font-size: 1.6rem;
}
.lead-copy-title {
font-size: 1.4rem;
line-height: 1.8rem;
}
.box-heading {
font-size: 1.2rem;
}
.box-content {
padding: 20px;
}
.box-content.box-content-no-copy {
justify-content: center;
align-items: flex-start;
}
.box-icon-container {
width: 80px;
height: 80px;
}
.base-font-style.prospect-lead-p {
font-size: 1rem;
}
.testimonial-copy {
font-size: 1.4rem;
}
.section-turnaround {
margin-bottom: 84px;
}
.article {
font-size: 1rem;
}
.box-step.bkgrd-pink.simple-box-step-one-of-six, .box-step.bkgrd-black.simple-box-step-one-of-six, .box-step.simple-box-step-one-of-six {
width: 32%;
margin-bottom: 20px;
}
.image-3 {
max-width: 50%;
margin-left: -14%;
}
.footer-menu-container {
width: 100%;
}
.serif {
font-size: 1.2em;
}
.footer-column {
min-height: auto;
margin-bottom: 30px;
padding-left: 30px;
display: block;
}
.home-hero-lightbox-avatar {
display: none;
}
.hero-bkgrd-01 {
top: 81%;
}
.hero-bkgrd-01.no-image-hero-element-1 {
top: -1%;
}
.hero-bkgrd-03.no-image-hero-element-3 {
display: none;
}
.hero-bkgrd-03.with-form-03 {
top: -9%;
right: 15%;
}
.hero-bkgrd-04 {
bottom: 9%;
left: 3%;
}
.hero-bkgrd-05 {
max-width: 100%;
display: none;
overflow: visible;
}
.hero-bkgrd-06 {
bottom: 7%;
right: 12%;
}
.hero-bkgrd-07.with-form-07 {
top: 1%;
right: -3%;
}
.testimonial-bkgrd-element-03.alt-testimonial-bkgrd-element {
top: -5%;
}
.testimonial-bkgrd-element-05.alt-testimonial-bkgrd-element {
bottom: -4%;
left: 1%;
}
.footer-bkgrd-element-02 {
right: -1%;
}
.menu-button {
text-align: right;
order: 0;
justify-content: center;
align-self: center;
align-items: stretch;
width: 100%;
padding: 0 12px 0 0;
display: block;
top: 0;
}
.menu-button.w--open {
background-color: #0000;
}
.icon {
background-color: var(--primary-pink\);
color: var(--white);
border-radius: 50%;
flex: 0 auto;
padding: 14px;
display: inline-block;
}
.box-icon {
max-width: 60%;
margin-left: auto;
margin-right: auto;
}
.footer-columns {
flex-wrap: wrap;
display: flex;
}
.hero-bkgrd-08 {
bottom: 14%;
left: -15px;
}
.hero-bkgrd-09 {
left: -3%;
}
.hero-bkgrd-09.brand-hero-element-9 {
left: -4%;
}
.hero-bkgrd-09.no-image-hero-element-9 {
display: none;
}
.feature-image.web-step-img-container-2 {
min-height: 700px;
}
.feature-image.web-step-img-container-1 {
min-height: 800px;
}
.feature-image.web-step-5-img-container {
min-height: 640px;
}
.feature-image.web-step-4-img-container, .feature-image.web-step-6-img-container {
min-height: 600px;
}
.feature-image.brand-ftr-img-container-1 {
min-height: 700px;
}
.feature-image.brand-ftr-img-container-2 {
min-height: 300px;
}
.feature-image.feature-image-container-3 {
min-height: 700px;
}
.feature-container.brand-step-three {
margin-top: 120px;
margin-bottom: 40px;
}
.feature-container.brand-step-1-container {
margin-top: 60px;
}
.feature-content {
width: 50%;
}
.feature-step-number {
font-size: 20em;
}
.web-step-one-img-02 {
max-width: 80%;
bottom: 7%;
right: -7%;
}
.web-step-one-img-04 {
max-width: 30%;
bottom: 11%;
left: 10%;
}
.image-9 {
bottom: 23%;
left: 42px;
right: auto;
}
.image-12 {
max-width: 60%;
top: 93px;
left: 64px;
}
.image-16 {
max-width: 60%;
}
.web-step-2-img-yellow {
max-width: 30%;
top: 14%;
}
.web-step-2-img-pink {
max-width: 30%;
bottom: 21%;
}
.web-step-2-img-blue {
max-width: 30%;
top: 38%;
left: 0%;
}
.manage-img-yellow {
top: 22%;
}
.image-26 {
max-width: 50%;
right: -19%;
}
.image-27 {
max-width: 40%;
right: 20%;
}
.image-33 {
bottom: -9%;
}
.image-34 {
top: 9%;
}
.image-36 {
max-width: 50%;
right: -18%;
}
.paragraph-3 {
font-size: 14em;
}
.slash-2 {
font-size: 10em;
}
.brand-step-three-img-7 {
max-width: 80%;
top: 25%;
}
.brand-step-three-img-6 {
max-width: 50%;
bottom: 1%;
}
.brand-step-three-img-5 {
max-width: 33%;
}
.brand-step-three-img-4 {
display: none;
}
.brand-step-three-img-3 {
max-width: 50%;
}
.brand-step-three-img-2 {
max-width: 19%;
}
.brand-step-three-img-8 {
max-width: 35%;
top: 9%;
}
.wrap-small--xtra.about-steps {
margin-top: 40px;
}
.simple-box-steps-container-six {
flex-wrap: wrap;
}
.hero-form {
width: 90%;
}
.sample-box-container {
width: 35%;
top: 57px;
left: -5%;
}
.sample-list-item-heading {
font-size: 1.6em;
}
.sample-primary-content-copy {
font-size: 1.2em;
line-height: 1.2em;
}
.sample-primary-outer-container {
width: 65%;
}
.h2-section-title.light-on-dark {
line-height: 1.2em;
}
.case-study-showcase-container {
height: 2400px;
}
.case-study-showcase-container.res-showcase-container {
height: 2330px;
}
.case-study-showcase-container.aa-showcase-container {
height: 1810px;
}
.case-study-showcase-container.hb-showcase-container {
height: 1600px;
}
.ss-dress-avatar {
top: 21%;
right: -4%;
}
.ss-pic-shirt-dress {
max-width: 117%;
top: auto;
}
.ss-backpack-avatar {
top: 40%;
left: 30%;
}
.ss-pic-shoe {
max-width: 100%;
top: auto;
left: auto;
}
.ss-pic-backpack {
inset: auto;
}
.ss-shoe-avatar {
top: 16%;
}
.ss-avatar-shoe-two {
top: 27%;
left: 16%;
}
.ss-pic-analytics {
width: auto;
min-width: 0%;
max-width: 100%;
top: auto;
left: auto;
}
.ss-pic-catnav {
max-width: 100%;
top: auto;
}
.ss-pic-algorithm {
top: auto;
left: auto;
right: auto;
}
.ss-pic-merch {
z-index: 12;
max-width: 100%;
top: auto;
left: auto;
}
.ss-pic-lp {
width: auto;
min-width: 0%;
max-width: 100%;
top: auto;
right: auto;
}
.ss-pic-smarter {
width: 70%;
min-width: 0%;
max-width: 590px;
inset: auto auto 0% 17%;
}
.res-homepage {
max-height: 1770px;
}
.res-model-2 {
max-width: 71%;
left: -22%;
}
.res-model-1 {
max-width: 49%;
top: -2%;
right: -10%;
}
.res-old {
top: 4%;
}
.res-before-label {
z-index: 8;
}
.iupui-jag-before {
max-width: 50%;
}
.iupui-jag-after {
max-width: 80%;
top: 10%;
}
.iupui-wordmark-after {
max-width: 50%;
top: 23%;
}
.iupui-workmark {
max-width: 60%;
left: 35%;
}
.iupui-volleyball {
top: 48%;
left: -5%;
}
.iupui-softball {
max-width: 70%;
top: 59%;
}
.iupui-soccer {
top: 50%;
right: -1%;
}
.iupui-tennis {
top: 73%;
}
.iuk-col-img {
max-height: 120px;
}
.tbc-concepts-box {
left: -4%;
}
.tbc-concept-orig-logo {
right: 19%;
}
.tbc-concept-orig-icon {
top: -8%;
}
.tbc-concept-future-icon {
top: 59%;
}
.article-title {
font-size: 4rem;
line-height: 4rem;
}
.article-callout-copy {
font-size: 2.6rem;
line-height: 3.6rem;
}
.dropdown-list.w--open {
background-color: #c52443;
}
.dropdown-toggle-mobile-label {
color: var(--white);
}
.utility-page-content {
width: 30%;
margin-right: -1px;
}
.div-block.calendar-lead {
padding-top: 0;
}
.section-2 {
padding-top: 41px;
position: relative;
}
.image-45 {
max-width: 490px;
bottom: -25%;
}
.samples-college--img-container {
height: 2000px;
margin-bottom: 40px;
}
.college-img.college-coyote-logo {
max-width: 30%;
bottom: 11%;
}
.college-img.college-harlingen {
max-width: 40%;
bottom: 5%;
left: 32%;
}
.college-img.college-iupui-common-theme {
max-width: 37%;
}
.college-img.college-ad-science {
max-width: 60%;
top: 48%;
}
.college-img.college-iupui-regatta-billboard {
z-index: 15;
max-width: 60%;
top: 37%;
}
.college-img.college-tt-illustration {
max-width: 50%;
top: 8%;
}
.college-img.college-theta-tau {
max-width: 37%;
top: 50%;
}
.college-img.college-delta-tau {
max-width: 37%;
top: 33%;
}
.college-img.college-smaple--iupui-cover {
max-width: 60%;
}
.showcase-hb--home {
max-width: 80%;
top: 0%;
}
.hb-showcase--logo {
max-width: 20%;
top: -2%;
}
.hb-showcase--mobile {
max-width: 30%;
top: 23%;
}
.hb-showcase--testimonial {
top: 29%;
}
.hb-showcase--wm-page {
max-width: 60%;
top: 52%;
}
.hb-showcase--piece {
inset: 74% auto auto 0%;
}
.showcase-ss-logo {
max-width: 40%;
top: 1%;
left: 7%;
}
.showcase-ss-home {
top: 4%;
left: 5%;
}
.showcase-ss-chivery-top {
max-width: 96%;
inset: 37% auto auto 2%;
}
.showcase-social-carousel-container {
margin-bottom: 20px;
}
.showcase-social-carousel-container.awareness-social-carousel {
margin-top: 40px;
margin-bottom: 20px;
}
.hb-social-carousel-mobile {
margin-left: 10px;
}
.ss-chivery-slide {
width: 33%;
display: inline-block;
position: relative;
}
.hb-collateral-showcase {
height: 1400px;
}
.image-47 {
max-width: 260px;
}
.hb-wm-li-box {
max-width: 460px;
}
.hb-wm-fb-ad {
max-width: 230px;
right: 480px;
}
.hb-wm-email {
max-width: 440px;
top: 42%;
left: 5%;
}
.hb-wm-fb-ad-02 {
max-width: 230px;
right: 240px;
}
.hb-wm-fb-ad-03 {
max-width: 230px;
}
.hb-wm-website {
max-width: 510px;
top: 69%;
}
.hb-collateral--rebate {
max-width: 500px;
top: 74%;
}
.hb-collateral--mrb-back {
max-width: 280px;
top: 43%;
right: 2%;
}
.hb-collateral--mrb-front {
max-width: 280px;
top: 43%;
right: 39%;
}
.hb-collateral--mortgage-delayed {
max-width: 500px;
}
.hb-collateral--mortgage-closing {
max-width: 450px;
top: 25%;
}
.hb-collateral--mortgage-appraisal {
max-width: 500px;
}
.startup-work-sample--tease {
max-width: 60%;
bottom: -14%;
}
.hero-fs-large--v10 {
color: #fff;
font-size: 1.3em;
}
.dan-wrap {
padding-top: 0;
}
.dan-wrap.logo-hero--wrap {
margin-bottom: 100px;
}
.main-nav--menu {
z-index: 999;
background-color: var(--white);
object-fit: fill;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-top: 100px;
display: block;
position: absolute;
inset: 0% 0% 0% auto;
overflow: visible;
}
.main-nav--logo---on-dark {
z-index: 0;
margin-top: 10px;
}
.main-nav--logo---on-dark.w--current {
z-index: 0;
}
.hero--v10 {
padding-top: 20px;
}
.hero--v10.prospecting-mockup--hero {
padding-bottom: 140px;
}
.hero-h1--v10, .hero-h1--v10.hero-h1--smaller {
font-size: 3.3em;
}
.hero-h1--v10.hero-h1--longer {
font-size: 3.2em;
}
.hero-list--values---item {
align-items: flex-start;
}
.hero-list-item--p {
text-align: left;
font-size: 1em;
}
.hero-list-item--img {
width: 100%;
max-width: 30px;
}
.hero-samples.home-hero-samples {
margin-top: 140px;
}
.hero-grid--thumb-img.h-img-01 {
margin-top: -60px;
}
.hero-grid--thumb-img.h-img-02 {
margin-top: -40px;
}
.hero-grid--thumb-img.h-img-03 {
margin-top: -20px;
}
.hero-grid--thumb-img.h-img-05 {
margin-top: -60px;
}
.hero-grid--thumb-img.h-img-06 {
margin-top: -40px;
}
.hero-grid--thumb-img.h-img-07 {
margin-top: -20px;
}
.section--home-better-way {
padding-top: 160px;
}
.home-section--title-container {
width: 80%;
}
.home-section--title-container.cost-title-container {
padding-top: 61px;
}
.section-title--h2 {
font-size: 3.3em;
}
.better-way--features---container.logo-better-way--section {
padding-left: 0;
padding-right: 0;
}
.how-it-works--container {
padding-top: 20px;
}
.how-it-works--step {
width: 90%;
}
.how-it-works--icon---box {
width: 20%;
}
.how-it-works--icon.icon-chat {
position: relative;
left: 10px;
}
.how-it-works--step--content {
width: 80%;
}
.section--perks {
padding-top: 0;
padding-bottom: 100px;
}
.how-it-works--green-ribbon {
bottom: -49px;
}
.section--recent-works {
padding-top: 100px;
}
.price-grid {
grid-template-columns: 1fr;
}
.price-list--item {
margin-bottom: 10px;
}
.services-list--container {
background-color: var(--white);
background-image: none;
margin-bottom: 60px;
padding-top: 40px;
padding-bottom: 40px;
}
.services-list--container.sample-services-provided {
margin-bottom: 0;
}
.service-list-item {
color: var(--black);
font-size: .9em;
}
.faq-container {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.footer-nav-item {
margin-left: 20px;
line-height: 1.4em;
}
.grey-section--bottom {
margin-bottom: 40px;
}
.hero-element--yellow-dots {
background-image: none;
top: -20px;
left: -20px;
}
.hero-element--blue-marker {
max-width: 30%;
top: 39%;
}
.hero-element--blue-marker.early-stage-pricing-arrow {
top: 29%;
}
.image-50 {
max-width: 17%;
right: 17%;
}
.home-hero-heading-span {
margin-bottom: -20px;
}
.bkgrd-pin {
top: 5%;
}
.bkgrd-grey-arrow {
max-width: 20%;
top: -13%;
}
.book-call-green-arrow-right {
right: 13%;
}
.book-call-green-arrow-left {
left: 7%;
}
.bkgrd-smiles {
max-width: 24%;
bottom: -7%;
}
.bkgrd-yellow-dots {
bottom: 19%;
}
.bkgrd-footer-yellow-squares {
top: 7%;
}
.footer-circle-lines {
max-width: 14%;
}
.how-it-works--arrow-02 {
bottom: -90px;
left: 0%;
}
.how-it-works--arrow-03 {
bottom: -61px;
}
.meeting-copy {
font-size: .8em;
line-height: 1.6em;
}
.section--recent-works---all {
margin-top: 40px;
}
.image-52 {
top: -7%;
}
.resources-container--v11 {
padding-bottom: 0;
}
.section-title--h3 {
margin-top: 0;
padding-top: 40px;
font-size: 2.8em;
}
.resource-icon--v11 {
width: 100%;
max-width: 60px;
margin-bottom: 20px;
}
.resource-label--overlay {
opacity: 1;
background-color: #eaeff2;
justify-content: flex-start;
height: auto;
position: relative;
}
.resource-label--overlay-copy {
margin: 0;
padding: 5px 10px;
font-size: .8em;
}
.hb-assorted-flyers {
align-items: flex-start;
}
.hb-cannabis-flyer, .hb-cannabis-flyer.hb-cb-flyer--01 {
flex: 1;
}
.hb-email-marketing-container {
margin-bottom: 20px;
}
.hb-awarness--fb-ads-grid {
margin-top: 20px;
}
.hb-strategy-item {
max-width: 30%;
}
.image-53 {
flex: 0 auto;
width: 50%;
}
.ss-og--grid {
align-items: center;
}
.mockup-disclaimer--text {
font-size: .9em;
}
.righ-choice--content---container {
flex-direction: column;
}
.right-choice--testimonial-container {
width: 100%;
}
.righ-choice--content--container {
width: 100%;
margin-top: 40px;
margin-left: 0%;
}
.logo-step--container, .logo-step--container.logo-step--container---alt {
flex-direction: column-reverse;
}
.logo-step--content {
z-index: 5;
width: 100%;
}
.logo-step--img---container {
width: 70%;
}
.logo-step--img---foreground----2 {
max-width: 70%;
bottom: -11%;
}
.logo-grid-samples--primary {
margin-bottom: 15px;
}
.logo-sample--thumb {
padding: 0;
}
.freelance-price--grid {
margin-bottom: 20px;
}
.hero-content--early-stage {
padding: 0 40px;
}
.hero-h1--early-stage {
width: 90%;
font-size: 7em;
}
.h1-span--big {
background-size: 380px;
padding: 100px;
}
.h1-span--your {
position: relative;
}
.h3-pricing--early-stage {
width: 100%;
}
.esg-hero--down-chevron {
max-width: 140px;
display: none;
left: 48%;
}
.esg-hero--down-arrow-01 {
display: none;
overflow: visible;
}
.esg-hero--down-arrow-02 {
display: none;
top: 31%;
left: 66%;
}
.esg-hero--down-arrow-03 {
display: none;
top: 20%;
left: 76%;
}
.section--website-better-way {
padding-top: 160px;
}
.price-grid--home {
grid-template-columns: 1fr;
}
.mobile-menu-button {
z-index: 1;
color: var(--white);
flex-flow: row-reverse;
justify-content: flex-end;
align-items: flex-start;
margin-top: 5px;
margin-right: 10px;
padding: 0;
display: block;
}
.mobile-menu-button.w--open {
z-index: 10;
color: var(--black);
background-color: #0000;
}
.mobile-menu-button.mobile-menu-button--on-home {
margin-top: 10px;
margin-right: 20px;
}
.container {
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.mobile-menu-label {
color: var(--white);
background-color: #0000;
flex: 0 auto;
order: 0;
align-self: auto;
font-size: .6em;
font-weight: 600;
display: inline-block;
position: relative;
}
.mobile-menu-label.menu-label-onlight {
color: var(--black);
}
.mobile-menu-icon {
background-color: var(--yellow);
color: var(--black);
border-radius: 50%;
flex: 0 auto;
order: 1;
align-self: center;
width: 40px;
margin-left: 10px;
padding: 0;
transition: all .2s ease-in-out;
display: inline-block;
position: relative;
}
.mobile-menu-icon:hover {
transform: scale(1.1);
}
.mobile-menu-icon.ondark-mobile-icon {
width: 40px;
padding: 0;
}
.mobile-menu-icon.menu-icon-onlight {
width: auto;
padding: 10px;
}
.mobile-menu-button--container {
background-color: #0000;
align-items: center;
padding: 0;
font-size: 1.1em;
display: flex;
}
.mobile-menu--dim-bkgrd {
z-index: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #000000c2;
width: 100%;
height: 100%;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.fc-purple.pricing-pkg, .fc-yellow.pricing-pkg, .hero-h6 {
font-size: .9em;
}
.hero-h1 {
font-size: 2.4em;
}
.hero-width-container {
width: 80%;
margin-left: 10%;
}
.main-header--nav---v12.home-nav {
height: auto;
margin-bottom: 0;
position: sticky;
}
.dan-design--icon---purple {
width: 200%;
max-width: 60px;
}
.dan-design--wordmark---white {
width: 100%;
max-width: 70px;
}
.nav-bar--border {
display: none;
}
.pricing-title {
font-size: 1.6em;
}
.footer-bio--container {
width: 50%;
}
.button.main-nav-btn {
text-align: left;
background-color: #0000;
align-items: center;
height: 13vh;
padding: 20px;
font-size: 3em;
transition: background-color .2s, letter-spacing .5s;
display: flex;
position: relative;
top: auto;
}
.button.main-nav-btn:hover {
background-color: var(--yellow);
letter-spacing: 5px;
transform: none;
}
.hero-logo--arrow {
width: 100%;
max-width: 60px;
margin-top: 20px;
}
.logo-pricing-title {
width: 80%;
font-size: 2.4em;
}
.logo-pricing-title--para---left {
width: 100%;
max-width: 40px;
inset: auto auto 0 -40px;
}
.logo-pricing-title--para---right {
width: 100%;
max-width: 40px;
bottom: 0;
right: -40px;
}
.section-subtitle {
font-size: .9em;
}
.price-grid--2 {
grid-template-columns: 1fr;
}
.web-work-sample {
border-style: none;
text-decoration: none;
}
.web-work-sample:hover {
border-style: none;
border-color: #000;
text-decoration: none;
}
.work-sample--img {
padding: 10px;
}
.work-sample--title {
margin-top: 0;
font-size: 1.4em;
}
.work-sample--client {
font-size: .9em;
}
.work-sample--services {
margin-bottom: 0;
font-size: .7em;
}
.work-sample--scribble {
max-width: 500px;
}
.additoinal-work-sample--container {
border-style: none;
}
.additoinal-work-sample--container:hover {
border-style: none;
border-color: #000;
}
.additional-sample--content---h {
text-align: left;
padding-left: 20px;
font-size: 1.5em;
}
.additional-sample--arrow {
width: 100%;
max-width: 50px;
}
.additional-sample--underline {
width: 100%;
max-width: 270px;
bottom: -30px;
}
.schedule-call--line-arrow--text {
font-size: 1.4em;
}
.schedule-call--line-arrow--line {
width: 100%;
max-width: 260px;
}
.schedule-call--line-arrow--arrow {
width: 100%;
max-width: 60px;
right: -79px;
}
.resrouce-tease--title {
font-size: 1.2em;
}
.work-sample--grid---6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.section-how-it-works {
padding-top: 0;
}
.resource-listing {
align-items: center;
}
.resource-listing--title {
font-size: 1.4em;
}
.resource-listing--icon {
text-align: center;
width: 20%;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}
.heading-7 {
font-size: 1.4em;
}
.heading-8 {
font-size: 1.2em;
}
.paragraph-6 {
font-size: 1em;
}
.heading-9 {
font-size: 3em;
}
.heading-10 {
font-size: 1.6em;
}
.contact-form--container {
width: 80%;
}
.home-section--02 {
padding-left: 60px;
}
.home-02--main-content {
margin-left: 0;
}
.home-section--04 {
padding: 40px;
}
.home-working-big--container {
align-self: center;
min-height: 70vh;
margin-top: 100px;
}
.h--05--h2 {
text-align: center;
}
.h-05--p {
width: 100%;
bottom: 0;
}
.home-camera--01 {
overflow: hidden;
}
.home-track--01 {
top: -45px;
}
.home-camera--02 {
height: 100vh;
}
.home-scroll-text {
font-size: 2em;
line-height: 1em;
}
.h-05--p--mask {
width: 60%;
left: 20%;
}
.home-frame--03 {
margin-top: 0;
}
.tbc-assorted-h, .prospect-sample--pitch {
width: 80%;
}
.colege-work-additional-sample--containers--2.iupui-work-container {
display: block;
}
.iupui-regatta {
max-width: 50%;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
right: auto;
}
.iupui-science {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.iupui-common {
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
bottom: auto;
right: auto;
}
.section-hero--web-kit {
padding-top: 120px;
}
.split-col-hero--content---container {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
}
.split-col--title---h1 {
font-size: 2.6em;
}
.image-58 {
height: 600px;
}
.heading-14 {
font-size: 1.2em;
}
.content-6 {
height: auto;
padding: 60px 20px;
}
.heading-15 {
font-size: 1.6em;
}
.webkit-pricing--banner---list-item {
width: 100%;
display: flex;
}
.list-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.text-11 {
position: static;
}
.webkit-cta--box {
height: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.webkit-cta--content {
grid-row-gap: 20px;
}
.punctuation-4 {
max-width: 50px;
}
.punctuation-8 {
max-width: 40px;
}
.section-title--webkit {
padding-top: 60px;
}
.title-section--split-col---container {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
}
.split-col---title, .split-col---content {
width: 100%;
}
.split-col--h2 {
position: relative;
}
.split-col--title---burst----left {
max-width: 40px;
inset: -26px auto auto -40px;
}
.split-col--title---burst----right {
max-width: 40px;
right: 10px;
}
.arrow-dashed--down---purple {
max-width: 30px;
inset: auto auto -100px 0%;
}
.core-pages--content---container, .core-pages--img---container {
width: 100%;
}
.webkit--core-pages---container {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.core-pages--img {
max-width: 760px;
max-height: 760px;
}
.core-pages--action-container {
margin-top: 0;
}
.core-pages--decorative---green {
max-width: 250px;
}
.design-system--decorative---yellow {
max-width: 200px;
}
.webkit-workflow--chart---step.webkit-workflow--step-1, .webkit-workflow--chart---step.webkit-workflow--step-2 {
width: 40%;
max-width: 40%;
}
.webkit-workflow--chart---step.webkit-workflow--step-4 {
max-width: 40%;
}
.webkit--workflow---stages----contaienr {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.agencies-choose--icon-box {
background-position: 50%;
justify-content: center;
align-items: flex-start;
margin: 0 auto -15px;
}
.agencies-choose--icon-box.has-bounding-box {
justify-content: center;
align-items: flex-start;
}
.section-webkit-pricing, .section-webkit--banner-container {
overflow: hidden;
}
.webkit-hero--img---figma-icon {
width: 100%;
max-width: 110px;
}
.webkit-hero--img---styles {
max-width: 360px;
}
.webkit-hero--img---swatches {
max-width: 320px;
}
.webkit-hero--img---component-1 {
max-width: 330px;
}
.webkit-hero--img---component-2 {
max-width: 330px;
bottom: 10%;
}
.webkit-hero--img---component-3 {
max-width: 330px;
bottom: 29%;
}
.assorted-lp--video-grid {
grid-template-columns: 1fr;
}
.background-video-2 {
height: 460px;
}
}
@media screen and (max-width: 767px) {
.nav-link {
font-size: 2.3em;
}
.nav-link:hover {
letter-spacing: 3px;
}
.body {
overflow: visible;
}
.hero.hero-no-image {
border-bottom-right-radius: 100px;
}
.hero.case-study-no-image-hero {
padding-top: 37px;
padding-bottom: 0;
}
.hero.case-study-hero-res {
padding-top: 20px;
padding-bottom: 0;
}
.hero.prospect-lp.no-background-hero {
margin-top: 50px;
}
.hero-content {
width: 90%;
margin-left: 5%;
padding-top: 20px;
padding-bottom: 0;
padding-left: 0;
}
.hero-content.hero-no-image-content {
margin-bottom: 23px;
padding-top: 0;
padding-bottom: 0;
}
.hero-content.hero-with-form-contnet-container {
margin-top: -47px;
padding-bottom: 0;
}
.hero-content.prospect-lp {
padding-top: 33px;
padding-bottom: 33px;
}
.hero-content.prospect-lp.no-image-centered-hero {
padding-top: 41px;
padding-left: 0;
padding-right: 0;
}
.hero-content.prospect-lp.no-image-centered-hero.temp-samples-hero-no-button {
padding-top: 35px;
}
.hero-content.web-design--hero {
width: 100%;
margin-left: 0%;
}
.hero-copy {
padding-bottom: 30px;
}
.hero-copy.hero-copy-subscription-lp {
text-align: center;
padding-bottom: 5px;
}
.hero-image {
display: none;
}
.hero-heading.home-hero-heading {
margin-top: 32px;
}
.hero-heading.hero-heading-subscription-lp {
margin-top: 19px;
}
.logos--v10 {
background-color: #0000;
background-size: cover;
padding-bottom: 60px;
bottom: -32px;
}
.client-logo-container {
margin-bottom: 0;
padding-top: 18px;
}
.dan-container {
max-width: 1280px;
margin-bottom: 30px;
}
.section-lead {
margin-top: 0;
}
.section-lead.section-lead--footer {
margin-top: 61px;
}
.section-lead.home-hero-lead {
flex-direction: column;
}
.section-lead.half-section-lead.web-step-section-lead {
margin-top: 87px;
}
.section-lead.brand-step-lead {
margin-top: 49px;
}
.section-lead.about-hero-lead {
margin-top: 30px;
margin-bottom: 40px;
}
.section-lead.case-study-section-lead {
flex-direction: column;
margin-top: 51px;
margin-bottom: 0;
}
.section-lead.case-study-section-lead.second-section-lead.tbc-second-lead {
margin-top: 0;
}
.section-lead.additional-resources-lead {
flex-direction: column;
margin-top: 100px;
}
.section-lead.section-lead-lp {
display: block;
}
.lead-copy-title-container {
width: 100%;
margin-bottom: 14px;
}
.lead-copy-title-container.lead-title-only {
width: 70%;
}
.lead-copy-content {
width: 100%;
padding-top: 0;
display: block;
}
.lead-copy-content.lead-copy-content-lp {
padding-top: 20px;
}
.font-serif--large {
margin-bottom: 20px;
font-size: 1.3rem;
}
.font-serif--large.fsl--lead-copy, .box {
margin-bottom: 20px;
}
.box.press-box {
width: 48%;
}
.box.price-box {
width: 49%;
}
.box-icon-container.box-icon-no-copy {
height: 80px;
min-height: 80px;
}
.base-font-style {
padding-top: 0;
}
.base-font-style.italic.mockup-disclaimer--text {
padding-top: 20px;
font-size: .9rem;
}
.base-font-style.left-col-txt-padding-on-right {
padding-right: 0;
}
.base-font-style.prospect-lead-p {
margin-bottom: 10px;
}
.section-testimonial.iupui-testimonial {
margin-bottom: 179px;
}
.testimonial-container {
width: 100%;
margin-left: -26px;
padding-left: 40px;
padding-right: 39px;
}
.testimonial-container.testimonial-alt-layout {
padding-left: 11%;
}
.testimonial-copy {
font-size: 1.2rem;
}
.box-step, .box-step.bkgrd-pink {
padding: 5%;
}
.box-step.bkgrd-pink.home-box-step {
padding: 10%;
}
.box-step.bkgrd-black {
padding: 5%;
}
.box-step.bkgrd-black.home-box-step, .box-step.home-box-step {
padding: 10%;
}
.footer-cta-link {
font-size: 1.4em;
}
.footer-logos-container {
padding-bottom: 10px;
}
.footer-bio-container, .footer-bio-container.lp-bio-container {
width: 100%;
}
.footer-menu-container {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 20px;
}
.serif.lp-subscription-title-serif {
font-size: .9em;
line-height: 1.6em;
display: block;
}
.fs-medium.footer-logo-title {
font-size: .9em;
}
.fs-medium.left-col-txt-padding-on-right {
padding-right: 0;
}
.fs-medium.sub-plans--medium {
padding-top: 40px;
}
.fs-small.footer-cr-copy {
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
}
.footer-column {
padding-left: 10px;
}
.columns-2 {
flex-flow: wrap;
}
.footer-logo-col {
margin-bottom: 19px;
}
.column-9 {
text-align: center;
justify-content: flex-start;
}
.hero-bkgrd-01 {
display: none;
}
.hero-bkgrd-02 {
right: -1%;
}
.hero-bkgrd-03 {
top: -5%;
right: 19%;
}
.hero-bkgrd-04 {
bottom: -3%;
}
.hero-bkgrd-06 {
max-width: 14%;
bottom: 14%;
}
.hero-bkgrd-06.no-image-hero-element-6 {
max-width: 11%;
bottom: -1%;
}
.hero-bkgrd-07 {
max-width: 6%;
top: -24%;
bottom: auto;
right: 38%;
}
.testimonial-bkgrd-element-03 {
max-width: 10%;
top: -2%;
}
.testimonial-bkgrd-element-04.alt-testimonial-bkgrd-element {
left: 4%;
}
.testimonial-bkgrd-element-05.alt-testimonial-bkgrd-element {
bottom: 2%;
left: 93%;
}
.testimonial-bkgrd-element-06 {
max-width: 6%;
right: 5%;
}
.footer-bkgrd-element-03 {
bottom: 23%;
right: -3%;
}
.footer-bkgrd-element-06 {
left: -1%;
}
.footer-columns {
text-align: center;
}
.box-col {
padding: 0;
}
.home-hero-box-step-columns {
flex-wrap: wrap;
display: flex;
}
.hero-box-step-col {
margin-bottom: 20px;
padding-left: 0;
padding-right: 4px;
}
.hero-lead-copy {
padding-top: 40px;
}
.hero-bkgrd-09 {
left: -6%;
}
.feature-image {
margin-left: auto;
margin-right: auto;
}
.feature-image.web-step-img-container-2 {
text-align: left;
align-self: center;
min-height: 0;
}
.feature-image.web-step-img-container-1 {
min-height: 400px;
}
.feature-image.web-step-5-img-container {
min-height: 340px;
}
.feature-image.web-step-4-img-container {
min-height: 400px;
}
.feature-image.web-step-6-img-container {
min-height: 0;
padding: 10px;
}
.feature-image.brand-ftr-img-container-1 {
min-height: 500px;
}
.feature-image.brand-ftr-img-container-2 {
margin-bottom: 59px;
}
.feature-image.feature-image-container-3 {
min-height: 440px;
}
.feature-image.case-study-strategy-image-container {
padding-left: 0;
}
.feature-image.case-study-laptop-container {
right: 10%;
}
.feature-container {
flex-direction: column-reverse;
margin-bottom: 40px;
}
.feature-container.feature-container-reversed {
flex-direction: column-reverse;
}
.feature-container.brand-feature-2 {
flex-direction: column-reverse;
margin-top: 60px;
}
.feature-container.brand-step-three {
flex-direction: column-reverse;
margin-top: 80px;
}
.feature-container.feature-container-alt {
flex-direction: column-reverse;
}
.feature-container.case-study-strategy-container {
margin-top: 30px;
margin-bottom: 30px;
}
.feature-content {
width: 80%;
margin-left: 20%;
}
.feature-content.case-study-strategy-block, .feature-content.case-study-design-block {
margin-left: 0%;
}
.feature-step-number {
font-size: 10em;
top: 26%;
left: -27%;
}
.feature-step-number.brand-step-number-2 {
top: 26%;
left: -27%;
}
.feature-step-number.small-step-number {
top: 5%;
right: 200px;
}
.feature-step-content-title {
font-size: 1.2em;
}
.web-step-one-img-01 {
max-width: 40%;
left: 0%;
}
.web-step-one-img-02 {
max-width: 40%;
bottom: 8%;
right: 0%;
}
.web-step-one-img-03 {
max-width: 40%;
top: -2%;
right: 29%;
}
.web-step-one-img-04 {
max-width: 20%;
bottom: 5%;
left: 30%;
}
.web-step-one-img-05 {
max-width: 20%;
top: 7%;
left: 85%;
}
.section-web-resources {
margin-top: 30px;
}
.image-7 {
width: 73%;
margin-left: auto;
margin-right: auto;
display: block;
left: 29px;
}
.image-9 {
inset: auto 0% 0% auto;
}
.image-10 {
top: 32%;
right: 12%;
}
.image-11 {
inset: 0% auto auto 0%;
}
.web-step-three-img-02 {
max-width: 40%;
top: 6%;
left: -2%;
}
.web-step-three-img-03 {
max-width: 40%;
right: 31%;
}
.web-step-three-img-01 {
max-width: 40%;
}
.image-12 {
max-width: 50%;
position: absolute;
inset: 8% 52% auto auto;
}
.image-13 {
max-width: 80%;
top: 132px;
left: 43px;
}
.image-14 {
inset: 20% 16% auto auto;
}
.image-15 {
inset: auto auto 7% 0%;
}
.image-16 {
max-width: 50%;
position: absolute;
inset: auto 0% 0% auto;
}
.image-17, .image-18 {
display: block;
}
.image-19 {
display: none;
}
.image-20 {
bottom: 0%;
right: 22%;
}
.image-21 {
bottom: -7%;
left: -12%;
}
.web-step-2-img-yellow {
max-width: 20%;
top: -3%;
right: 24%;
}
.web-step-2-img-pink {
max-width: 20%;
bottom: 9%;
right: 37%;
}
.web-step-2-img-blue {
max-width: 20%;
top: 29%;
left: 18%;
}
.manage-img-blue {
bottom: 21%;
left: -5%;
}
.manage-img-pink {
bottom: 6%;
right: -6%;
}
.manage-img-yellow {
left: -5%;
}
.image-26 {
bottom: -6%;
}
.image-27 {
inset: auto auto -6% -11%;
}
.image-28 {
display: none;
}
.image-29 {
left: -15%;
}
.image-30 {
max-width: 20%;
}
.image-31 {
left: 62px;
}
.image-33 {
bottom: 19%;
}
.image-34 {
top: 24%;
right: -50%;
}
.image-35 {
inset: 10% auto auto 0%;
}
.paragraph-3 {
font-size: 11em;
}
.slash-2 {
font-size: 9em;
display: none;
}
.brand-step-three-img-7, .brand-step-three-img-6 {
display: none;
}
.brand-step-three-img-5 {
right: -6%;
}
.brand-step-three-img-3 {
inset: -18% auto auto -14%;
}
.brand-step-three-img-2 {
display: none;
}
.brand-step-three-img-8 {
top: 0%;
}
.two-paragraphs {
column-gap: 20px;
}
.about-step-lead {
margin-top: 95px;
}
.wrap-small--xtra.about-steps {
width: 70%;
}
.about-press-lead.about-press-lead-container {
margin-top: 100px;
margin-bottom: 33px;
}
.hero-paragraph {
color: var(--black);
}
.form-block._404-form-box {
max-width: 100%;
margin-top: 20px;
}
.form-heading {
font-size: 1.7em;
}
.form-input-field.input-field-95 {
width: 100%;
}
.sample-container {
margin-top: 80px;
margin-bottom: 80px;
}
.sample-primary-content-container {
width: 100%;
margin-top: auto;
margin-left: auto;
position: relative;
top: -40px;
}
.sample-box-container {
float: none;
clear: none;
width: 95%;
margin-bottom: -40px;
top: -50px;
left: 12px;
}
.sample-primary-content-img-container {
position: relative;
}
.sample-primary-content-copy-container {
padding-left: 20px;
padding-right: 20px;
}
.sample-primary-outer-container {
float: none;
clear: none;
width: 100%;
}
.h2-section-title.light-on-dark {
font-size: 2.2em;
line-height: 1.2em;
}
.case-study-showcase-container {
height: 2000px;
}
.case-study-showcase-container.res-showcase-container {
height: 1920px;
}
.case-study-showcase-container.aa-showcase-container {
height: 1400px;
}
.case-study-showcase-container.tbc-showcase-container-2 {
margin-top: 60px;
}
.case-study-showcase-container.hb-showcase-container {
height: auto;
padding-left: 20px;
padding-right: 20px;
}
.ss-dress-avatar {
width: 40%;
max-width: 240px;
top: -9%;
right: -9%;
}
.ss-pic-shirt-dress {
width: auto;
max-width: 100%;
margin-left: 0%;
top: auto;
right: auto;
}
.ss-backpack-avatar {
top: 28%;
left: 0%;
}
.ss-pic-shoe {
top: auto;
bottom: auto;
right: auto;
}
.ss-pic-backpack {
max-width: 100%;
top: auto;
}
.ss-shoe-avatar {
top: -4%;
right: 0%;
}
.ss-avatar-shoe-two {
top: 15%;
left: -4%;
}
.ss-pic-analytics {
inset: auto;
}
.ss-pic-catnav {
top: auto;
}
.ss-pic-algorithm {
top: auto;
bottom: auto;
}
.ss-pic-merch {
width: auto;
max-width: 100%;
inset: auto;
}
.ss-pic-lp {
top: auto;
bottom: auto;
right: 1%;
}
.ss-pic-smarter {
top: 88%;
left: 17%;
}
.res-homepage {
max-height: 1430px;
}
.res-model-1 {
max-width: 38%;
top: 4%;
}
.res-old {
max-width: 80%;
}
.res-before-label.after-label {
top: 20%;
right: -1%;
}
.aa-home {
max-width: 90%;
}
.aa-service {
max-width: 80%;
left: -7%;
}
.aa-network {
max-width: 90%;
right: -15%;
}
.iupui-jag-after {
top: 8%;
}
.iupui-wordmark-after {
top: 19%;
}
.iupui-workmark {
top: 29%;
}
.iupui-volleyball {
max-width: 50%;
top: 38%;
}
.iupui-softball {
top: 54%;
left: 14%;
}
.iupui-soccer {
top: 44%;
right: -12%;
}
.iupui-golf {
top: 65%;
left: -8%;
}
.iupui-tennis {
top: 70%;
}
.iupui-basketball {
top: 82%;
left: -20%;
}
.iupui-diving {
max-width: 30%;
right: -10%;
}
.iuk-second-showcase {
padding-bottom: 0;
}
.iuk-four-cols {
flex-wrap: wrap;
}
.iuk-col {
margin-bottom: 39px;
}
.iuk-col-img {
max-height: 150px;
}
.tbc-after {
max-width: 100%;
margin-top: 0;
margin-left: 0%;
display: block;
}
.tbc-before {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.tbc-concepts-box {
max-width: 40%;
top: 0%;
left: 3%;
}
.tbc-concept-orig-logo {
max-width: 60%;
inset: 15% auto auto 49%;
}
.tbc-concept-orig-icon {
max-width: 23%;
top: -1%;
right: 6%;
}
.tbc-concept-orig-box {
max-width: 60%;
inset: 36% auto auto 12%;
}
.tbc-concept-orig-box.tbc-concept-orig-box-small {
left: 71%;
}
.tbc-concept-cross-logo {
max-width: 80%;
top: 73%;
}
.tbc-concept-iron-icon {
max-width: 28%;
top: 48%;
left: 9%;
}
.tbc-concept-iron-crooked {
top: 91%;
left: 19%;
}
.tbc-concept-future-icon {
max-width: 40%;
top: 55%;
}
.article-sidebar {
display: none;
}
.article-body {
width: 90%;
margin-left: auto;
margin-right: auto;
padding-left: 0%;
padding-right: 0%;
}
.article-fs-large {
font-size: 1.4rem;
line-height: 2rem;
}
.article-section-title-block {
margin-top: 120px;
}
.dropdown-link {
color: #fff;
}
.dropdown-link.w--current {
color: var(--black);
}
.footer-cr-link {
text-align: left;
margin-left: 0;
margin-right: 40px;
padding-top: 15px;
display: inline-block;
}
.footer-cr-link.no-margins {
font-size: .9em;
}
.dropdown-link-2 {
color: var(--white);
}
.dropdown-link-2.w--current {
color: var(--black);
}
.utility-page-wrap {
flex-direction: column;
height: auto;
padding: 20px;
}
.utility-page-content {
width: 100%;
margin: 60px 0 0;
}
._404-form-column {
width: 100%;
margin: 0;
}
.image-42 {
margin-bottom: 10px;
}
.div-block {
width: 100%;
}
.meeting-container {
width: 80%;
}
.grid {
display: block;
}
.box---work-sample {
margin-bottom: 80px;
}
.step-container {
padding-bottom: 40px;
}
.text-block.lp-subscription-title-sans {
font-size: 1.4em;
}
.section-title {
padding-bottom: 20px;
}
.section---faqs.statup-faq--section {
margin-top: 280px;
}
.faq {
padding-right: 0%;
}
.no-padding-list {
margin-bottom: 0;
}
.image-45 {
max-width: 390px;
bottom: -61%;
}
.box-sample-img-tease {
max-width: 130px;
}
.samples-college--img-container {
height: 2400px;
}
.college-img.college-coyote-logo {
z-index: 20;
}
.college-img.college-ad-science {
max-width: 400px;
top: 44%;
}
.college-img.college-iupui-regatta-billboard {
min-width: 400px;
inset: 36% auto 0% 0%;
}
.college-img.college-tt-illustration {
z-index: 11;
min-width: 350px;
top: 21%;
}
.college-img.college-theta-tau {
z-index: 17;
max-width: 300px;
top: 71%;
left: auto;
right: 0;
}
.college-img.college-delta-tau {
z-index: 16;
min-width: 300px;
top: 60%;
}
.college-img.college-smaple--iupui-cover {
min-width: 400px;
}
.showcase-hb--home {
max-width: 97%;
margin-top: 39px;
position: relative;
inset: auto;
}
.hb-showcase--logo {
position: absolute;
top: 0%;
right: 1%;
}
.hb-showcase--mobile {
max-width: 70%;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
inset: auto;
}
.hb-showcase--testimonial {
max-width: 50%;
display: none;
position: relative;
inset: auto;
}
.hb-showcase--wm-page {
max-width: 100%;
margin-top: 25px;
display: block;
position: relative;
inset: auto;
}
.hb-showcase--piece {
max-width: 100%;
margin-top: 18px;
display: block;
position: relative;
inset: auto;
}
.showcase-ss-logo {
z-index: 15;
width: 60%;
max-width: 330px;
top: -1%;
}
.showcase-ss-home {
max-width: 96%;
left: 2%;
}
.hb-social-4wide {
width: 100%;
margin-top: 10px;
}
.hb-social-carousel-mobile {
width: 60%;
margin-left: auto;
margin-right: auto;
display: block;
}
.hb-social-carousel-more-container {
width: 100%;
margin-top: -210px;
position: relative;
left: auto;
}
.hb-social-carousel-more-container.hb-social-carousel-more-container--3wide {
width: 100%;
}
.hb-social-carousel-more-container.carousel-container--third {
width: 100%;
margin-top: -312px;
}
.hb-social-carousel-more-single {
width: 24%;
}
.hb-social-carousel-more-single.carousel-more-3wide-single {
margin-top: 5px;
}
.hb-social-carousel-more-single.carousel-single-third {
width: 33%;
margin-right: 0%;
}
.hb-ad-service-lifestlye {
margin-bottom: 5px;
}
.hb-ad-service-branded {
margin-left: 0;
}
.hb-pitchdeck-container {
text-align: center;
}
.mktg-deck-slide, .hb-pitch-slide {
width: 100%;
display: block;
position: relative;
}
.hb-pitch-slide.hb-pitch-slide-big, .hb-pitch-slide.hb-pitch-slide-small {
width: 50%;
display: inline-block;
}
.ss-chivery-slide {
width: 100%;
display: block;
position: relative;
}
.hb-collateral-showcase {
height: auto;
}
.grid-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.hb-wm-showcase {
height: auto;
}
.hb-branches-video-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.hb-showcase-strategic-project-feature {
text-align: center;
position: relative;
inset: auto;
}
.hb-showcase-strategic-project {
margin-top: 0;
margin-bottom: 40px;
}
.hb-strategic-project--map {
text-align: center;
width: 100%;
inset: auto;
}
.hb-wm-li-box {
margin-top: 29px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
inset: auto;
}
.hb-wm-fb-ad {
display: none;
position: relative;
inset: auto;
}
.hb-wm-email {
max-width: 100%;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
inset: auto;
}
.hb-wm-fb-ad-02 {
max-width: 48%;
display: inline-block;
position: relative;
inset: auto;
}
.hb-wm-fb-ad-03 {
max-width: 48%;
margin-left: 1%;
display: inline-block;
position: relative;
inset: auto;
}
.hb-wm-website {
max-width: 100%;
margin-top: 10px;
margin-bottom: 10px;
display: block;
position: relative;
inset: auto;
}
.hb-collateral--rebate {
max-width: 100%;
margin-top: 10px;
position: relative;
inset: auto;
}
.hb-collateral--mrb-back {
max-width: 48%;
margin-top: 10px;
margin-left: 1%;
position: relative;
inset: auto;
}
.hb-collateral--mrb-front {
max-width: 48%;
margin-top: 10px;
position: relative;
inset: auto;
}
.hb-collateral--mortgage-delayed {
max-width: 100%;
margin-top: 10px;
position: relative;
inset: auto;
}
.hb-collateral--mortgage-closing {
max-width: 100%;
margin-top: 10px;
position: relative;
}
.hb-collateral--mortgage-appraisal {
max-width: 100%;
position: relative;
}
.section---3-steps-with-desc {
padding-top: 60px;
padding-bottom: 20px;
}
.step-container-with-desc {
width: 100%;
margin-bottom: 60px;
}
.sub-plan--stacked---tier-desc----container {
padding: 10px 20px;
}
.startup-work-sample--tease {
width: 80%;
max-width: 350px;
bottom: -40%;
}
.work-sample--content---tease {
width: 100%;
}
.section---work-samples-for-statups {
margin-top: 60px;
}
.hero-fs-large--v10 {
font-size: 1.3em;
}
.hero-fs-large--v10.on-white {
font-size: 1.2em;
}
.dan-wrap {
padding-bottom: 0;
}
.main-nav--menu {
width: 100%;
}
.main-nav--logo---on-dark.w--current {
padding-left: 0;
}
.hero--v10 {
padding-top: 10px;
}
.hero-h1--v10 {
font-size: 3.1em;
}
.hero-h1--v10.hero-h1--smaller {
font-size: 3em;
}
.hero-h1--v10.hero-h1--longer {
font-size: 2.8em;
}
.button-on-dark {
z-index: 5;
position: relative;
}
.grid-4 {
grid-template-columns: 1fr 1fr 1fr;
}
.hero-grid--thumb-img.h-img-07 {
margin-top: 0;
}
.hero-grid--thumb-img.hide-sample {
display: none;
}
.section--home-better-way {
padding-top: 60px;
}
.home-section--title-container {
width: 100%;
}
.home-section--title-container.how-it-works--section-title {
width: 90%;
}
.section-title--h2.on-white {
font-size: 2.8em;
}
.perks-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.better-way--icon.icon-dedicated-designer, .better-way--icon.icon-dedicated-finger, .better-way--icon.icon-dedicated-flexible, .better-way--icon.icon-dedicated-price, .better-way--icon.icon-dedicated-unlimited, .better-way--icon.icon-dedicated-fast {
left: 0;
}
.better-way--icon-box {
background-position: 50%;
margin-left: auto;
margin-right: auto;
}
.how-it-works--step {
align-items: flex-start;
width: 100%;
}
.how-it-works--icon---box {
width: 20%;
max-width: 100%;
}
.how-it-works--icon.icon-chat {
max-width: 120px;
padding-left: 10px;
left: 3px;
}
.section--perks {
z-index: 1;
}
.how-it-works--green-ribbon {
bottom: -37px;
}
.home-recent-work--box.esg-last-logo-sample {
display: none;
}
.price-grid {
grid-template-columns: 1fr;
}
.price-block.price-block--startup---sub {
margin-top: 0;
}
.cta-button--container {
padding-top: 20px;
}
.cta-button--container.cta-buttton--container---w-arrows {
padding-top: 40px;
}
.services-list--container.sample-services-provided {
background-image: none;
}
.service-list {
margin-bottom: 0;
}
.service-list-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.section--faqs {
padding-bottom: 50px;
}
.footer-actions--container {
flex-direction: column;
}
.footer-nav-item {
margin-left: 0;
margin-right: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.footer-nav-item.w--current {
padding-top: 10px;
padding-bottom: 10px;
}
.form-v11--home {
width: 80%;
margin-left: 10%;
}
.column-15 {
padding-right: 0;
}
.column-16 {
padding-left: 0;
}
.hero-element--yellow-dots {
background-image: none;
max-width: 14%;
inset: -20px auto auto -20px;
}
.image-50 {
z-index: 0;
top: -59%;
right: 16%;
}
.bkgrd-stars {
max-width: 40%;
bottom: -3%;
}
.book-call-green-arrow-right {
max-width: 30%;
top: -14%;
right: 0%;
}
.book-call-green-arrow-left {
max-width: 30%;
top: -20%;
left: -4%;
}
.how-it-works--arrow-01 {
display: none;
}
.how-it-works--arrow-02 {
display: none;
bottom: -64%;
}
.how-it-works--arrow-03 {
display: none;
bottom: -9%;
}
.image-52 {
max-width: 60%;
}
.resources-container--v11 {
padding-bottom: 0;
}
.section-title--h3 {
font-size: 2.4em;
}
.grid-resource--v11 {
grid-template-columns: 1fr;
}
.resource-container--secondary {
width: 100%;
}
.resource-label--overlay-copy {
font-size: .7em;
}
.resource-intro--heading {
font-size: 1.6em;
}
.hb-social--do-you {
grid-template-columns: 1fr 1fr;
align-content: stretch;
}
.hb-component-02.hide-img-mobile {
display: none;
}
.hb-mortgage--flyers {
flex-direction: column;
}
.hb-mortgage-flyer {
width: 100%;
}
.hb-paid--videos {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hb-paid--fb-ads {
grid-template-columns: 1fr 1fr;
}
.hb-email-marketing-container {
text-align: center;
}
.hb-wm-social-ads--grid {
margin-top: 20px;
margin-bottom: 20px;
}
.hb-awareness--social---img-top {
width: 50%;
display: block;
}
.hb-awareness--social---img-bot {
width: 50%;
margin-top: 0%;
margin-left: 0%;
}
.hb-awareness--videos-grid {
grid-template-columns: 1fr 1fr;
}
.hb-website--screenshot-col {
text-align: center;
padding-left: 0;
padding-right: 0;
}
.hb-website--screenshot-img--01, .hb-website--screenshot-img--02 {
margin-bottom: 10px;
}
.hb-website--screenshot-img--mobile {
margin-bottom: 20px;
}
.hb-brand-awareness--generic---col {
justify-content: center;
align-items: center;
display: flex;
}
.ss-screenshots--grid {
grid-template-columns: 1fr;
}
.logo-addon-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.logo-step--img---container {
width: 80%;
}
.logo-step--img---foreground----2 {
max-width: 70%;
bottom: -11%;
}
.logo-grid-samples--primary {
grid-template-columns: 1fr 1fr;
}
.logo-sample--thumb {
padding: 0;
}
.grid-10 {
grid-template-columns: 1fr 1fr;
}
.freelance-price--grid {
grid-template-columns: 1fr;
}
.hero-h1--early-stage {
font-size: 6em;
}
.h1-span--big {
background-position: 70% -90%;
font-size: 1.6em;
line-height: 1em;
}
.price-grid--early-stage {
grid-template-columns: 1fr;
margin-bottom: 20px;
}
.es-grid--works---3 {
grid-template-columns: 1fr 1fr;
}
.es-grid--works---4 {
grid-template-columns: 1fr 1fr 1fr;
}
.section--title-container {
width: 100%;
}
.section--title-container.section-title--top-p-60 {
padding-top: 20px;
}
.hero-width-container {
width: 100%;
margin-left: 0%;
}
.dan-design--icon---purple.icon--home {
margin-left: -50%;
}
.underline--purple {
border: 1px #000;
}
.h-t--0 {
font-size: 1.8em;
}
.footer-bio--container {
width: 90%;
}
.footer-menu {
flex-direction: column;
align-items: flex-start;
}
.button {
margin-top: 10px;
margin-bottom: 40px;
}
.button.main-nav-btn {
text-align: left;
margin-top: 0;
font-size: 2.3em;
}
.button.main-nav-btn:hover {
letter-spacing: 3px;
}
.hero-icon {
width: 100%;
max-width: 70px;
}
.logo-pricing-title {
font-size: 2.2em;
line-height: 1em;
}
.price-grid--2 {
grid-template-columns: 1fr;
}
.work-sample--img {
padding: 20px;
}
.work-samples--grid {
grid-template-columns: 1fr;
}
.work-sample--scribble, .work-sample--scribble.scribble-on-right {
inset: auto -100px -100px auto;
}
.additoinal-work-sample--container {
flex-direction: column;
}
.additional-sample--img---container {
width: 100%;
padding: 20px;
}
.additional-sample--content---container {
width: 100%;
padding-bottom: 20px;
}
.additional-sample--arrow {
display: none;
}
.additional-sample--underline {
bottom: -14px;
left: -11px;
}
.schedule-call--line-arrow--text {
font-size: 1.2em;
}
.schedule-call--line-arrow--arrow {
display: none;
}
.hero--work-sample {
padding-bottom: 40px;
}
.work-project-hero--area {
flex-direction: column;
}
.work-hero--client-details {
min-width: 100%;
padding-right: 0;
}
.work-hero--client---title {
font-size: 3em;
}
.work-hero--client---title.work-sample-tittle--smaller {
font-size: 2.5em;
}
.work-sample--grid---3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.work-sample--grid---6 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.similar-cost--box.bald-cost-box {
flex-direction: column;
}
.estimated-timeline.stacked-est-timeline {
margin-top: 40px;
}
.resource-container {
padding-top: 10px;
}
.resource-listing--icon {
display: none;
}
.heading-7 {
line-height: 1.2em;
}
.image-57, .contact-form--container {
width: 100%;
}
.work-sample--grid---3-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.home-section--02 {
padding-top: 100px;
padding-left: 50px;
}
.home-01--main-copy {
width: 80%;
}
.home-02--main-content {
top: 31vh;
}
.home-img--01.h-img-top {
max-width: 400px;
top: 6%;
}
.home-img--02.h-img-mid {
max-width: 290px;
inset: 1% auto auto 6%;
}
.home-img--03.h-img-top {
max-width: 330px;
top: 73%;
left: 12%;
}
.home-img--04.h-img-back {
max-width: 260px;
top: 17%;
left: 40%;
}
.home-img--05.h-img-back {
top: 22%;
left: 6%;
}
.home-img--06.h-img-top {
max-width: 380px;
top: 27%;
left: 16%;
}
.home-img--07.h-img-back {
left: 7%;
}
.home-img--08.h-img-mid {
top: 37%;
left: 4%;
}
.home-img--09.h-img-back {
max-width: 220px;
top: 43%;
left: 50%;
}
.home-img--10.h-img-top {
max-width: 350px;
top: 65%;
left: 24%;
}
.home-img--11.h-img-mid {
max-width: 340px;
top: 82%;
left: 27%;
}
.home-img--12.h-img-back {
z-index: 10;
max-width: 250px;
top: 49%;
left: 4%;
}
.home-img--13.h-img-top {
z-index: 20;
max-width: 220px;
top: 67%;
left: 4%;
}
.home-img--14.h-img-back {
top: 94%;
left: 50%;
}
.home-img--15.h-img-mid {
left: 7%;
}
.h--05--h2 {
font-size: 2.4em;
}
.h-05--p {
width: 100%;
bottom: 0;
}
.home-camera--01 {
height: auto;
overflow: visible;
}
.home-track--01 {
height: auto;
}
.home-frame--01 {
flex-direction: column;
height: auto;
}
.home-track--02 {
height: 500vw;
}
.home-camera--02 {
width: 100%;
height: 100%;
position: relative;
top: auto;
overflow: hidden;
}
.home-frame--02 {
z-index: 1;
width: 100%;
height: 100%;
margin-top: 0%;
}
.home-text-scroll-span.home-text-scroll-span--inactive {
font-size: 24px;
line-height: 28px;
display: block;
}
.home-scroll-text {
line-height: 1.2em;
}
.home-scroll-text.home-scroll-text--inactive {
font-size: 0;
display: block;
overflow: visible;
}
.h-05--p--mask {
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
left: 15%;
overflow: hidden;
}
.tbc-assorted-h {
width: 100%;
font-size: 1.6em;
}
.prospect-sample--pitch {
width: 100%;
}
.section-hero--web-kit---image {
padding-bottom: 250px;
}
.image-58 {
max-width: 94%;
height: 340px;
}
.design-system--container {
flex-flow: column;
}
.heading-15 {
font-size: 1.2em;
}
.webkit-pricing--banner---list-item {
width: 48%;
}
.list-6 {
flex-flow: wrap;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: flex;
}
.webkit-cta--box {
height: auto;
}
.punctuation-4 {
max-width: 40px;
left: 2%;
}
.punctuation-8 {
max-width: 30px;
right: 2%;
}
.built-in-figma--label {
padding-left: 80px;
}
.core-pages--img {
height: 470px;
}
.section-webkit-workflow {
padding-top: 60px;
padding-bottom: 60px;
}
.webkit--workflow---chart-container {
min-height: 200px;
margin-top: 0;
margin-bottom: 20px;
}
.webkit-workflow--chart---step.webkit-workflow--step-1 {
width: 50%;
max-width: 50%;
}
.webkit-workflow--chart---step.webkit-workflow--step-2 {
width: 70%;
max-width: 50%;
top: 24%;
left: 10%;
}
.webkit-workflow--chart---step.webkit-workflow--step-3 {
width: 80%;
max-width: 70%;
top: 48%;
left: 20%;
}
.webkit-workflow--chart---step.webkit-workflow--step-4 {
width: 50%;
max-width: 50%;
top: 71%;
}
.webkit--workflow---stage {
padding: 20px;
}
.section-agencies-choose {
padding-top: 60px;
padding-bottom: 60px;
}
.agencies-choose--title {
max-width: 90%;
}
.agencies-choose--reasons-container {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.section-webkit-cta {
padding-left: 20px;
padding-right: 20px;
}
.webkit-cta--title {
margin-top: 0;
font-size: 2.2em;
}
.webkit-hero--img---styles {
max-width: 300px;
}
.webkit-hero--img---swatches {
max-width: 270px;
}
.webkit-hero--img---component-1 {
max-width: 280px;
}
.webkit-hero--img---component-2 {
max-width: 280px;
bottom: 6%;
}
.webkit-hero--img---component-3 {
max-width: 280px;
bottom: 21%;
}
.background-video-2 {
height: 340px;
}
}
@media screen and (max-width: 479px) {
h2 {
font-size: 2.2em;
}
h5 {
font-size: 1.2em;
}
.nav-link {
height: auto;
min-height: 13vh;
font-size: 1.9em;
line-height: .9em;
}
.image {
margin-left: 0;
margin-right: 0;
display: block;
}
.hero.case-study-no-image-hero, .hero.case-study-hero-res {
padding-top: 46px;
}
.hero-content {
width: 100%;
margin-left: 0%;
padding: 20px 10px 0;
}
.hero-content.hero-no-image-content {
padding-top: 24px;
padding-bottom: 0;
}
.hero-content.hero-with-form-contnet-container {
padding-top: 10px;
}
.hero-content.prospect-lp {
padding-top: 60px;
}
.hero-content.prospect-lp.no-image-centered-hero {
width: 90%;
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
.hero-content.web-design--hero {
padding-left: 0;
padding-right: 0;
}
.hero-copy {
line-height: 1.6em;
}
.hero-copy.hero-copy-subscription-lp {
text-align: center;
}
.hero-heading {
margin-top: 0;
margin-bottom: 20px;
font-size: 1.3rem;
line-height: 1.3em;
}
.client-logo {
max-height: 25px;
}
.section-lead.section-lead--footer, .section-lead.about-hero-lead {
flex-direction: column;
}
.section-lead.case-study-section-lead {
margin-top: 40px;
}
.lead-copy-title-container {
width: 90%;
}
.lead-copy-content {
padding-top: 8px;
}
.lead-copy-title {
width: 100%;
margin-bottom: 10px;
font-size: 1.2rem;
line-height: 1.6rem;
}
.box.press-box, .box.press-box.press-box-half-wide, .box.price-box {
width: 100%;
}
.box.article-resource-box-full-width {
flex-direction: column;
}
.box-heading.article-fw-heading {
font-size: 1.2em;
line-height: 1.4em;
}
.box-icon-container {
width: 120px;
height: 120px;
}
.base-font-style {
margin-bottom: 20px;
}
.base-font-style.prospect-lead-p {
margin-bottom: 0;
padding-top: 10px;
font-size: .9rem;
}
.section-testimonial.iupui-testimonial {
margin-bottom: 244px;
}
.testimonial-container {
margin-left: -26px;
padding-top: 50px;
padding-right: 22px;
}
.testimonial-copy {
font-size: 1.1rem;
line-height: 1.5em;
}
.article.step-h4--left.step-startup-title, .article.price-article-heading {
font-size: 1.3rem;
line-height: 1.6rem;
}
.box-step.bkgrd-pink.simple-box-step-one-of-six, .box-step.bkgrd-black.simple-box-step-one-of-six, .box-step.simple-box-step-one-of-six {
width: 48%;
}
.box-step.article-box-step-one-of-three {
width: 100%;
padding: 5%;
}
.box-step.article-box-step-one-of-three.bkgrd-pink, .box-step.article-box-step-one-of-three.bkgrd-black {
width: 100%;
margin-bottom: 10px;
}
.testimonial-name {
font-size: .8em;
line-height: 1.4em;
}
.testimonial-business {
font-size: .6em;
line-height: 1.4em;
}
.footer-cta-link {
font-size: 1.2em;
}
.footer-menu-container {
display: flex;
}
.serif.font-italic--pink {
margin-top: 0;
}
.serif.lp-subscription-title-serif {
font-size: 1.2em;
display: block;
}
.fs-medium.footer-logo-title {
text-align: left;
font-size: .9em;
line-height: 1.4em;
}
.fs-medium.lp-subscription-work-box-copy {
margin-bottom: 20px;
font-size: 1em;
}
.columns-2 {
flex-wrap: wrap;
display: flex;
}
.footer-logo-col {
align-items: center;
margin-bottom: 14px;
display: block;
}
.column-9 {
text-align: left;
padding-top: 15px;
}
.hero-video-container {
margin-top: 18px;
}
.video-play-label {
text-align: left;
font-size: .9em;
line-height: 1.2em;
}
.home-hero-play-button {
max-width: 18%;
}
.hero-bkgrd-04 {
bottom: 8%;
left: 5%;
}
.hero-bkgrd-06 {
bottom: 6%;
right: 13%;
}
.footer-bkgrd-element-03 {
max-width: 14%;
bottom: 24%;
}
.footer-bkgrd-element-06 {
max-width: 7%;
bottom: 23%;
left: 5%;
}
.hero-lead-copy {
padding-top: 0;
padding-bottom: 14px;
line-height: 1.8rem;
}
.hero-lead-copy.stealth-prospect-hero-pink {
margin-bottom: 0;
font-size: 1rem;
line-height: 1.4rem;
}
.hero-bkgrd-08 {
bottom: 9%;
left: -16px;
}
.feature-image.web-step-img-container-2 {
padding-right: 0;
}
.feature-image.web-step-img-container-1 {
min-height: 260px;
}
.feature-image.web-step-5-img-container {
min-height: 200px;
}
.feature-image.web-step-4-img-container {
min-height: 260px;
}
.feature-image.brand-ftr-img-container-1 {
min-height: 400px;
}
.feature-image.brand-ftr-img-container-2 {
margin-bottom: 10px;
}
.feature-image.feature-image-container-3 {
min-height: 300px;
}
.feature-image.case-study-strategy-image-container {
padding-left: 0;
}
.feature-content {
width: 90%;
margin-left: 0%;
}
.feature-step-number {
margin-top: 15px;
font-size: 5em;
position: relative;
top: auto;
left: auto;
right: auto;
}
.feature-step-number.small-step-number.step-number--left {
position: absolute;
inset: 0% auto auto 20%;
}
.image-7 {
left: 0;
}
.image-10 {
top: 27%;
right: -1%;
}
.image-13 {
max-width: 100%;
position: absolute;
inset: 29% auto auto 0%;
}
.image-26 {
bottom: -6%;
}
.image-27 {
display: none;
bottom: 4%;
}
.two-paragraphs {
column-count: 1;
margin-bottom: 40px;
}
.blocks-container-two-wide {
flex-flow: column;
}
.form-block {
padding: 10px;
}
.form-heading {
font-size: 1.3em;
}
.form-label {
line-height: 1.6em;
}
.sample-box-container {
left: 2%;
}
.case-study-showcase-container {
height: 1400px;
}
.case-study-showcase-container.res-showcase-container {
height: 1420px;
}
.case-study-showcase-container.aa-showcase-container {
height: auto;
}
.case-study-showcase-container.iupui-showcase-container {
height: auto;
margin-left: auto;
margin-right: auto;
}
.case-study-showcase-container.tbc-showcase-container-2 {
height: 1080px;
margin-top: 20px;
}
.ss-dress-avatar {
top: -10%;
}
.ss-pic-shirt-dress {
top: auto;
bottom: auto;
}
.ss-backpack-avatar {
max-width: 47%;
left: 39%;
}
.ss-pic-shoe {
top: 3%;
left: auto;
right: auto;
}
.ss-pic-backpack {
inset: auto;
}
.ss-shoe-avatar {
top: -5%;
left: 64%;
}
.ss-avatar-shoe-two {
max-width: 43%;
top: 15%;
}
.ss-pic-analytics {
width: auto;
top: auto;
bottom: auto;
}
.ss-pic-catnav {
top: auto;
bottom: auto;
}
.ss-pic-algorithm {
top: auto;
}
.ss-pic-merch {
inset: auto;
}
.ss-pic-lp {
width: auto;
inset: auto;
}
.ss-pic-smarter {
width: 90%;
top: 90%;
left: 6%;
}
.res-homepage {
max-width: 100%;
max-height: 1070px;
}
.res-icon-web {
max-width: 23%;
}
.res-golden {
max-width: 40%;
}
.res-certificate {
max-width: 20%;
}
.res-icon-mail-phone {
top: 88%;
}
.res-before-label {
padding-top: 15px;
padding-bottom: 15px;
font-size: 1.3rem;
}
.aa-home {
margin-left: auto;
margin-right: auto;
position: relative;
top: auto;
left: 5%;
}
.aa-service {
max-width: 100%;
margin-bottom: -270px;
position: relative;
top: -238px;
bottom: auto;
left: auto;
}
.aa-network {
max-width: 100%;
position: relative;
top: -95px;
right: -32px;
}
.iupui-jag-before {
max-width: 90%;
position: relative;
left: 5%;
}
.iupui-jag-after {
max-width: 100%;
position: relative;
top: 0%;
right: 0%;
}
.iupui-wordmark-after {
max-width: 90%;
position: relative;
top: 0%;
left: 5%;
}
.iupui-workmark {
max-width: 100%;
position: relative;
top: 0%;
left: 0%;
}
.iupui-volleyball, .iupui-softball {
margin: 15px auto 30px;
display: block;
position: relative;
top: 0%;
left: 0%;
}
.iupui-soccer {
margin: 15px auto 30px;
display: block;
position: relative;
top: 0%;
right: 0%;
}
.iupui-golf {
margin: 15px auto 30px;
display: block;
position: relative;
top: 0%;
left: 0%;
}
.iupui-tennis {
max-width: 70%;
margin: 15px auto 30px;
display: block;
position: relative;
top: 0%;
right: 0%;
}
.iupui-basketball {
max-width: 80%;
margin: 15px auto 30px;
display: block;
top: 0%;
left: 0%;
}
.iupui-diving {
max-width: 50%;
margin: 15px auto 30px;
display: block;
position: relative;
top: 0%;
right: 0%;
}
.iupui-cross {
margin: 15px auto;
display: block;
position: relative;
top: 0%;
right: 0;
}
.iuk-second-showcase {
padding-bottom: 0;
}
.tbc-concepts-box {
max-width: 50%;
top: 2%;
}
.tbc-bkgrd-dots {
top: 18%;
}
.tbc-concept-orig-logo {
max-width: 70%;
top: 32%;
left: 15%;
}
.tbc-concept-orig-icon {
top: 16%;
}
.tbc-concept-orig-box {
max-width: 70%;
top: 44%;
left: -11%;
}
.tbc-concept-orig-box.tbc-concept-orig-box-small {
max-width: 40%;
top: 46%;
}
.tbc-concept-cross-logo {
top: 72%;
}
.tbc-concept-iron-icon {
top: 53%;
}
.tbc-concept-iron-crooked {
top: 86%;
left: 14%;
}
.tbc-concept-t {
max-width: 20%;
inset: auto 14% 0% auto;
}
.tbc-bkgrd-future-icons {
inset: auto 0% 27% auto;
}
.section {
position: relative;
}
.article-body {
width: 100%;
}
.article-title {
font-size: 3.6rem;
}
.article-h2 {
font-size: 2rem;
line-height: 2.6rem;
}
.article-fs-large {
font-size: 1.4rem;
line-height: 2rem;
}
.article-separator-pink {
width: 240px;
margin-top: 60px;
margin-bottom: 60px;
}
.article-callout-copy {
font-size: 2rem;
line-height: 2.8rem;
}
.article-section-title-block {
margin-top: 80px;
}
.article-section-heading {
font-size: 2.8rem;
}
.article-fw-content {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.simple-box-container-three {
flex-direction: column;
}
.mockup-container {
margin-bottom: 60px;
padding: 10px;
}
.columns-3 {
margin-left: 0;
margin-right: 0;
}
.meeting-container {
width: 100%;
padding: 20px;
}
.box---work-sample, .work-sample-container {
padding: 20px;
}
.text-block.lp-subscription-title-sans {
font-size: 1.3em;
line-height: 1.7em;
}
.box-price-point {
margin-top: 20px;
}
.image-45 {
max-width: 380px;
bottom: -52%;
right: -17%;
}
.box-sample-img-tease {
max-width: 90px;
inset: -6% -4% auto auto;
}
.samples-college--img-container {
text-align: center;
height: auto;
}
.college-img.college-coyote-logo {
max-width: 100%;
position: relative;
top: 0;
}
.college-img.college-harlingen, .college-img.college-iupui-common-theme {
max-width: 100%;
position: relative;
inset: 0;
}
.college-img.college-ad-science {
max-width: 100%;
margin-bottom: 10px;
position: relative;
top: 0%;
left: 0;
}
.college-img.college-iupui-regatta-billboard {
min-width: 0;
max-width: 100%;
margin-bottom: 10px;
position: relative;
inset: 0%;
}
.college-img.college-tt-illustration {
min-width: 0;
max-width: 100%;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
inset: 0;
}
.college-img.college-theta-tau {
max-width: 100%;
position: relative;
top: 0%;
}
.college-img.college-delta-tau {
min-width: 0;
max-width: 100%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0%;
}
.college-img.college-smaple--iupui-cover {
min-width: 0;
max-width: 100%;
position: static;
}
.section---3-steps-with-desc {
margin-top: 60px;
}
.sub-plan--stacked---box {
flex-direction: column;
}
.sub-plan--stacked---tier {
width: 100%;
display: flex;
}
.sub-plan--stacked---tier-desc----container {
width: 100%;
margin-top: 10px;
}
.sub-plan--stacked---tier---name-price {
margin-top: 0;
margin-left: 20px;
}
.steps-container--horizontal---full-width {
flex-direction: column;
}
.hiw-step--label {
width: 100%;
}
.hiw-step--desc {
width: 100%;
margin-left: 0%;
}
.startup-work-sample--tease {
bottom: -70%;
right: 10%;
}
.section---work-samples-for-statups {
margin-bottom: 220px;
}
.hero-fs-large--v10, .hero-fs-large--v10.on-white {
font-size: 1.1em;
}
.main-nav--menu {
z-index: 1000;
width: 100%;
max-height: 100%;
position: fixed;
}
.main-nav--logo---on-dark {
max-width: 180px;
}
.main-nav--logo---on-dark.w--current {
max-width: 160px;
padding-left: 0;
}
.hero--v10.prospecting-mockup--hero {
padding-bottom: 60px;
}
.hero-h1--v10 {
font-size: 2.4em;
}
.hero-h1--v10.hero-h1--smaller {
font-size: 2em;
}
.hero-h1--v10.hero-h1--longer {
font-size: 2.3em;
}
.hero-list-item--p {
font-size: .9em;
}
.grid-4 {
grid-template-columns: 1fr 1fr;
}
.hero-grid--thumb-img.h-img-01 {
margin-top: -40px;
}
.hero-grid--thumb-img.h-img-02 {
margin-top: 0;
position: relative;
}
.hero-grid--thumb-img.h-img-04 {
margin-top: -40px;
}
.hero-grid--thumb-img.h-img-05 {
margin-top: 0;
}
.section--home-better-way {
padding-bottom: 60px;
}
.home-section--title-container {
width: 100%;
}
.section-title--h2 {
font-size: 2.4em;
}
.section-title--h2.on-white {
margin-top: 40px;
font-size: 2.4em;
}
.hero-fs-large---v10---span {
margin-top: 20px;
}
.section--perks {
padding-bottom: 60px;
}
.how-it-works--green-ribbon {
bottom: -24px;
}
.section--recent-works {
padding-top: 60px;
}
.home-recent-works--grid {
grid-template-columns: 1fr;
margin-top: 40px;
}
.home-recent-work--box.esg-last-logo-sample {
display: block;
}
.cta-button--container.cta-buttton--container---w-arrows {
padding-top: 60px;
}
.services-list--container.sample-services-provided {
padding-left: 0;
padding-right: 0;
}
.form-v11--home {
width: 80%;
margin-left: 10%;
}
.column-15 {
padding-right: 0;
}
.column-16 {
padding-left: 0;
}
.hero-element--yellow-dots {
background-image: none;
inset: 0% auto auto -6%;
}
.hero-element--blue-marker {
z-index: 0;
inset: auto 0% 24% auto;
}
.hero-button-container {
margin-top: 20px;
}
.image-50 {
top: -47%;
right: 1%;
}
.home-hero-heading-span {
padding-bottom: 10px;
}
.book-call-green-arrow-right {
top: 17%;
right: 0%;
}
.book-call-green-arrow-left {
top: 17%;
left: -14%;
}
.image-51 {
max-width: 50%;
}
.main-header--nav---v11 {
padding: 0;
}
.section-title--h3 {
font-size: 2em;
}
.grid-resource--v11 {
grid-template-columns: 1fr;
margin-bottom: 15px;
}
.resource-box--v11.secondary-resource {
margin-bottom: 15px;
}
.resource-intro--content {
margin-top: 40px;
}
.resource-intro--heading {
font-size: 1.4em;
}
.hb-strategy-item {
max-width: 80%;
margin-top: -50px;
margin-left: 10%;
margin-right: auto;
position: relative;
}
.hb-strategy-flow {
max-width: 100%;
margin-left: 0%;
}
.dan-form--desc---li {
margin-bottom: 10px;
}
.ss-og--grid {
grid-template-columns: 1fr;
position: relative;
}
.ss-illustration-grid {
grid-template-columns: 1fr;
}
.bald-home-grid {
grid-template-columns: 2.75fr;
}
.box--black {
padding: 20px;
}
.logo-step--img---foreground----2 {
max-width: 80%;
}
.hero-content--early-stage {
padding-left: 0;
padding-right: 0;
}
.hero-h1--early-stage {
font-size: 5.2em;
line-height: 1.1em;
}
.h3-hero--early-stage {
font-size: 1.5em;
}
.h2-hero--early-stage {
font-size: 3.2em;
}
.h1-span--big {
background-position: 50% 0;
margin-left: -60px;
padding-top: 100px;
padding-left: 60px;
padding-right: 60px;
font-size: 1.7em;
line-height: 1.2em;
}
.h3-pricing--early-stage {
font-size: 1.5em;
}
.early-stage--pricing---sub-link {
right: 0;
}
.es-grid--works---2, .es-grid--works---3 {
grid-template-columns: 1fr;
}
.es-grid--works---4 {
grid-template-columns: 1fr 1fr;
}
.mobile-menu-button {
margin-top: 25px;
margin-right: 10px;
transition: color .3s;
}
.mobile-menu-button.w--open {
transition: all .3s;
}
.mobile-menu-label {
font-size: .6em;
}
.hero-h6.home-hero-6 {
font-size: .8em;
}
.hero-h1 {
font-size: 2em;
}
.hero-width-container {
width: 100%;
margin-left: 0%;
}
.dan-design--wordmark---white {
max-width: 70px;
}
.footer-logo--container {
padding-left: 0;
}
.footer-logo-social--container {
flex-direction: column;
align-items: flex-start;
}
.footer-cr--bar {
flex-direction: column;
}
.social-icons--container {
margin-top: 40px;
margin-left: 0;
}
.button {
margin-bottom: 0;
}
.button.main-nav-btn {
height: auto;
min-height: 13vh;
font-size: 1.9em;
line-height: .9em;
}
.logo-pricing-title--para---left {
margin-left: 10%;
}
.logo-pricing-title--para---right {
margin-right: 20px;
}
.work-sample--content---container {
padding: 20px;
}
.work-sample--title {
line-height: 1.2em;
}
.work-sample--client {
line-height: 1.4em;
}
.h6-pipe {
height: 0;
font-size: 0;
display: block;
}
.work-sample--scribble {
max-width: 310px;
}
.additional-sample--content---h {
font-size: 1.3em;
line-height: 1.1em;
}
.work-project-hero--area {
flex-direction: column;
}
.work-hero--client-details {
min-width: 100%;
}
.work--main-img {
margin-top: 20px;
margin-bottom: 20px;
}
.work-sample--grid---3 {
grid-template-columns: 1fr;
}
.similar-cost--box.bald-cost-box {
padding: 20px;
}
.estimated-cost {
padding-right: 0;
}
.resource-listing--title {
font-size: 1.2em;
}
.work-sample--grid---3-2 {
grid-template-columns: 1fr;
}
.home-section--02 {
padding-left: 20px;
}
.home-img--01.h-img-top {
max-width: 260px;
}
.home-img--02.h-img-mid {
max-width: 200px;
}
.home-img--03.h-img-top {
max-width: 230px;
}
.home-img--04.h-img-back {
max-width: 180px;
}
.home-img--05.h-img-back {
max-width: 200px;
}
.home-img--06.h-img-top {
max-width: 250px;
}
.home-img--07.h-img-back {
max-width: 160px;
}
.home-img--08.h-img-mid {
max-width: 220px;
}
.home-img--09.h-img-back {
max-width: 200px;
left: 30%;
}
.home-img--10.h-img-top {
max-width: 220px;
}
.home-img--11.h-img-mid {
max-width: 210px;
}
.home-img--12.h-img-back {
max-width: 150px;
}
.home-img--13.h-img-top {
max-width: 170px;
}
.home-img--14.h-img-back {
max-width: 130px;
}
.home-img--15.h-img-mid {
max-width: 240px;
}
.home-section--04 {
padding-left: 20px;
padding-right: 20px;
}
.home-does--features {
width: 100%;
}
.home-working-big--container {
padding: 20px 20px 0;
}
.h--05--h2 {
font-size: 1.6em;
}
.h-05--p {
font-size: .8em;
line-height: 1.3em;
}
.home-text-scroll-span.home-text-scroll-span--inactive {
font-size: 20px;
line-height: 16px;
}
.home-scroll-text {
font-size: 1.5em;
}
.h2-underline--02 {
margin-bottom: -20px;
padding-bottom: 20px;
}
.home-chat--arrow {
max-width: 30%;
}
.tbc-assorted-h {
font-size: 1.2em;
}
.colege-work-additional-sample--containers--2, .colege-work-additional-sample--containers--3 {
flex-direction: column;
}
.colege-work-additional-sample--containers--2--img {
width: 100%;
margin-bottom: 10px;
}
.colege-work-additional-sample--containers--3--img {
max-width: 100%;
margin-bottom: 10px;
margin-left: 0%;
margin-right: 0%;
}
.actions-container--2-buttons {
flex-flow: column;
}
.split-col--title---h1 {
font-size: 2.2em;
}
.image-58 {
z-index: 90;
height: 380px;
position: relative;
}
.design-system--card {
flex-flow: column;
}
.design-system--card---content {
padding-top: 40px;
padding-bottom: 40px;
}
.webkit-pricing--title {
font-size: 1em;
}
.webkit-pricing--list---box {
padding: 40px 20px;
}
.webkit-pricing--banner---list-item {
width: 100%;
}
.text-10 {
font-size: .9em;
}
.webkit-pricing--action {
grid-row-gap: 0px;
}
.punctuation-4, .punctuation-8 {
top: 5%;
}
.section-title--webkit {
padding-bottom: 110px;
}
.split-col--h2 {
font-size: 1.8em;
}
.arrow-dashed--down---purple {
inset: auto auto -100px 0%;
}
.design-system--title---container {
position: relative;
}
.built-in-figma--label {
padding-left: 80px;
}
.icon-list--container {
padding-left: 20px;
padding-right: 20px;
}
.core-pages--decorative---green {
max-width: 150px;
}
.design-system--decorative---yellow {
max-width: 80px;
}
.design-system--col-1 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.webkit--workflow---chart-container {
align-items: flex-start;
min-height: auto;
display: flex;
}
.webkit-workflow--chart---step.webkit-workflow--step-1 {
width: auto;
max-width: 100%;
padding-left: 20px;
position: relative;
top: auto;
left: auto;
}
.webkit-workflow--chart---step.webkit-workflow--step-2 {
border-radius: 100px;
width: 90%;
max-width: 100%;
padding-left: 20px;
position: relative;
top: auto;
left: auto;
}
.webkit-workflow--chart---step.webkit-workflow--step-3 {
width: 100%;
max-width: 100%;
padding-left: 20px;
position: relative;
inset: auto;
}
.webkit-workflow--chart---step.webkit-workflow--step-4 {
width: auto;
max-width: 100%;
padding-left: 20px;
position: relative;
inset: auto;
}
.webkit-workflow--chart---step----p.webkit-workflow--p-step-2, .webkit-workflow--chart---step----p.webkit-workflow--p-step-1, .webkit-workflow--chart---step----p.webkit-workflow--p-step-3 {
font-size: .8em;
}
.webkit-workflow--chart---step----p.webkit-workflow--p-step-4 {
text-align: left;
font-size: .8em;
}
.webkit--workflow---stages----contaienr {
grid-template-columns: 1fr;
}
.section-webkit-cta {
padding-left: 0;
padding-right: 0;
}
.webkit-cta--title {
font-size: 1.9em;
}
.webkit-hero--img---figma-icon {
z-index: 100;
top: 0%;
}
.webkit-hero--img---styles, .webkit-hero--img---swatches {
display: none;
}
.webkit-hero--img---component-1 {
max-width: 70%;
}
.webkit-hero--img---component-2 {
max-width: 80%;
right: 5%;
}
.webkit-hero--img---component-3 {
z-index: 110;
max-width: 60%;
left: -38px;
}
.background-video-2 {
height: 280px;
}
}
#w-node-c5e98169-68cf-0219-dacd-77d116567391-fc4e6a33, #w-node-c5e98169-68cf-0219-dacd-77d116567392-fc4e6a33, #w-node-c5e98169-68cf-0219-dacd-77d116567393-fc4e6a33, #w-node-c5e98169-68cf-0219-dacd-77d116567395-fc4e6a33, #w-node-c5e98169-68cf-0219-dacd-77d116567396-fc4e6a33, #w-node-c5e98169-68cf-0219-dacd-77d116567397-fc4e6a33, #w-node-c5e98169-68cf-0219-dacd-77d116567398-fc4e6a33, #w-node-c5e98169-68cf-0219-dacd-77d116567399-fc4e6a33, #w-node-c5e98169-68cf-0219-dacd-77d11656739a-fc4e6a33, #w-node-_2df4b160-e498-d83b-dc48-c915ffd34892-fc4e6a33, #w-node-d38c0e44-dbbc-962e-7bf2-545b9404c209-fc4e6a33, #w-node-_0624524d-e927-0eb3-6e7f-eacb02f0796d-fc4e6a33, #w-node-_0624524d-e927-0eb3-6e7f-eacb02f07986-fc4e6a33, #w-node-ac72fb9f-0521-a457-d1ba-47b1c384bfa1-fc4e6a33, #w-node-ac72fb9f-0521-a457-d1ba-47b1c384bfa9-fc4e6a33, #w-node-ac72fb9f-0521-a457-d1ba-47b1c384bfb1-fc4e6a33, #w-node-_6a8b5074-cc04-6dba-2e9e-1fe38635324b-a7804107, #w-node-_6a8b5074-cc04-6dba-2e9e-1fe386353258-a7804107, #w-node-f7be4aa7-89a2-224e-5fae-cd16e79fc318-6af4b049, #w-node-_549161a9-d771-83bd-2e65-5d07f814f687-6af4b049, #w-node-_2b7b86a9-3ea9-4f2b-4380-d273023d2431-6af4b049 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4c66237e-5cdf-a440-dcbe-b50e310c73ad-e9081493 {
grid-template-rows: auto auto;
grid-template-columns: 1fr .35fr;
}
#w-node-_8669f469-fc4a-1a17-99ee-03ed4fa161bf-e9081493 {
grid-row: span 2 / span 2;
}
#w-node-_3caec8ce-589e-9f93-dfee-f0b53094cb50-e9081493, #w-node-f6f62b6f-b9f3-9db3-98b9-a2472edef6fa-e9081493, #w-node-_326efe13-e122-7160-2adf-0fbf3a7824a5-e9081493, #w-node-d569e954-602b-3e3e-774e-a6654c1a95a9-e9081493, #w-node-_96d0b026-ad31-ddd7-da06-0a6e9feb962f-e9081493, #w-node-_95ecf921-2980-43e5-c8f9-b63aca30fc55-e9081493, #w-node-c2ad2952-3790-28e0-7d0f-461247c1759e-e9081493, #w-node-e3388542-9b25-4599-53ee-a84a723d07be-e9081493, #w-node-_092a087e-d40a-575b-8ae6-e376e19f6fc0-e9081493, #w-node-_32b1471a-f405-0b73-8a1b-4c2bf69c51b1-e9081493, #w-node-_8583825f-0a2a-b67d-d847-53ff6974003b-e9081493, #w-node-_77ac1138-0f4b-955f-9a97-8ee17f5f1941-e9081493, #w-node-_80210aba-6562-2247-a06e-ac87410a5554-e9081493, #w-node-_3d969fe6-dffe-06bc-1948-b5622b6a4346-e9081493, #w-node-c3c08f6b-99ce-1cb0-5852-0c3b34aed48a-e9081493, #w-node-aa145535-93c1-6a08-8b1d-6cec7a0a5aff-e9081493, #w-node-e224b998-47cf-7498-701d-806c3e78e2bc-e9081493, #w-node-cd3de61f-d436-80a1-7e3d-341864997f05-e9081493, #w-node-_79a9bab4-c8b4-84bc-b953-36b9ce634c71-e9081493, #w-node-_35c8376b-1ebf-964f-8ea4-4216a6d24244-e9081493, #w-node-_63210305-7041-c8e3-bb92-d1f485fc4779-e9081493, #w-node-_63210305-7041-c8e3-bb92-d1f485fc4792-e9081493, #w-node-e8e17eba-32c6-b0b4-7e89-a1956c34ea5b-6c34ea58, #w-node-e8e17eba-32c6-b0b4-7e89-a1956c34ea63-6c34ea58, #w-node-e8e17eba-32c6-b0b4-7e89-a1956c34ea6b-6c34ea58, #w-node-_6fe509b8-a5b3-127c-12e9-c4ad1036c1e5-6cca65db, #w-node-f576a97b-00fb-ffac-01f5-ff661f8cb1d0-6cca65db, #w-node-c9a9b8cf-7a12-8aba-f28a-60a48abdd764-6cca65db, #w-node-ec4b9bca-6d2e-e39c-5509-b01c9adf0c0a-6cca65db, #w-node-_8a0aa544-64c5-3e7c-1c6c-5fcdb40f43b9-6cca65db, #w-node-_1b6ea782-fad9-df01-9140-7167239c3835-6cca65db, #w-node-_32953141-d742-fe72-9aee-5b0d8ddd3cf0-6cca65db, #w-node-_8087c0e7-72ac-b474-9774-d44172751d42-6cca65db, #w-node-d2b7e792-b7b1-6e35-87dc-e81103a9e641-6cca65db, #w-node-d2b7e792-b7b1-6e35-87dc-e81103a9e642-6cca65db, #w-node-d2b7e792-b7b1-6e35-87dc-e81103a9e643-6cca65db, #w-node-d2b7e792-b7b1-6e35-87dc-e81103a9e644-6cca65db, #w-node-df9893cc-de79-9d7a-fbd0-7436f7c9159a-6cca65db, #w-node-ea052100-678e-dae1-9698-a90979004c7b-6cca65db, #w-node-_6338b093-ae89-af8e-bd60-6b3afbf87305-6cca65db, #w-node-_38fa0830-61cc-b3e5-949e-abb011f56c02-6cca65db, #w-node-_3dcf5b04-d7a6-526e-3e01-c39ae1a254e1-6cca65db, #w-node-_64e4349c-a91c-ac25-4b49-50816551d471-6cca65db, #w-node-_08941eb1-ef09-fc18-3391-771e06e063ad-6cca65db, #w-node-_26cc76af-f65c-8536-6f73-09e352306c8a-6cca65db, #w-node-f885f7c1-5f67-adfe-6689-e1fae9adbe52-6cca65db, #w-node-_5e5d6af1-1b2e-e399-fdc7-91ed0ad04b8c-6cca65db, #w-node-_1a034237-03a0-5d34-a528-37a34c6ae32d-6cca65db, #w-node-c6940733-0d01-4721-0c10-70f65abebd8e-6cca65db, #w-node-_1a7e9d5d-7d7c-6c12-5d68-59fe402ab7ba-6cca65db, #w-node-_1a7e9d5d-7d7c-6c12-5d68-59fe402ab7bb-6cca65db, #w-node-_1a7e9d5d-7d7c-6c12-5d68-59fe402ab7bc-6cca65db, #w-node-_1a7e9d5d-7d7c-6c12-5d68-59fe402ab7bd-6cca65db, #w-node-_5ad4bef0-6841-1e66-78d1-e40c71f3589a-bf9c664b, #w-node-_5ad4bef0-6841-1e66-78d1-e40c71f3589b-bf9c664b, #w-node-_5ad4bef0-6841-1e66-78d1-e40c71f3589c-bf9c664b, #w-node-b4914c78-400f-8da6-a95b-710ddf5ddac2-bf9c664b, #w-node-b4914c78-400f-8da6-a95b-710ddf5ddac3-bf9c664b, #w-node-b4914c78-400f-8da6-a95b-710ddf5ddac4-bf9c664b, #w-node-_7c218458-8090-5686-968b-1ed1f0c2426e-bf9c664b, #w-node-_7c218458-8090-5686-968b-1ed1f0c2426f-bf9c664b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1cdeac67-5097-65d2-967e-5b05e56c90ec-bf9c664b {
grid-template-rows: auto auto;
grid-template-columns: 1fr .5fr;
}
#w-node-fe989f44-9601-1fd2-6846-106a57b76119-bf9c664b {
grid-row: span 2 / span 2;
}
#w-node-a3c0d4e0-24fa-162c-5529-5ef5fde2348a-bf9c664b, #w-node-cb32eed9-0488-51c6-d558-a0fac20cce66-bf9c664b, #w-node-_2717ca58-6bc5-54f3-ce4c-e178d866ab5c-bf9c664b, #w-node-_31ac8fff-0176-417b-8a8b-b87c7ef3d6f0-bf9c664b, #w-node-b734edb3-dc13-cda1-1e55-76c6d3c1943c-bf9c664b, #w-node-b734edb3-dc13-cda1-1e55-76c6d3c1943d-bf9c664b, #w-node-b734edb3-dc13-cda1-1e55-76c6d3c1943e-bf9c664b, #w-node-_0809245d-8d7e-12f6-307e-41ea4f7a56b1-bf9c664b, #w-node-_0809245d-8d7e-12f6-307e-41ea4f7a56b2-bf9c664b, #w-node-_8fec277d-9cb1-2f0b-c39c-cf5eedac0f5f-bf9c664b, #w-node-_8fec277d-9cb1-2f0b-c39c-cf5eedac0f60-bf9c664b, #w-node-_8fec277d-9cb1-2f0b-c39c-cf5eedac0f61-bf9c664b, #w-node-_3b430750-4934-e7ec-26cc-179cfa22b808-bf9c664b, #w-node-_3b430750-4934-e7ec-26cc-179cfa22b809-bf9c664b, #w-node-_3b430750-4934-e7ec-26cc-179cfa22b80a-bf9c664b, #w-node-_6bb98746-e99d-6642-fa97-ef6ac9dc633c-bf9c664b, #w-node-_6bb98746-e99d-6642-fa97-ef6ac9dc633d-bf9c664b, #w-node-_6bb98746-e99d-6642-fa97-ef6ac9dc633e-bf9c664b, #w-node-_4266642c-53a2-f021-b7fb-7461189243fd-bf9c664b, #w-node-_4266642c-53a2-f021-b7fb-7461189243fe-bf9c664b, #w-node-_6737a247-013e-05d3-6217-dd5467cbe76c-bf9c664b, #w-node-_6737a247-013e-05d3-6217-dd5467cbe76d-bf9c664b, #w-node-_6737a247-013e-05d3-6217-dd5467cbe76e-bf9c664b, #w-node-_44b59e88-f75c-2924-89ee-8cfd4f80f412-4f80f407, #w-node-_44b59e88-f75c-2924-89ee-8cfd4f80f42b-4f80f407, #w-node-_3708fbde-d721-0f27-0740-74eb5a779999-8786d03f, #w-node-_7edfb2bd-4daf-5ba1-6fa4-968c65aebd7a-8786d03f, #w-node-_18fdd939-30ae-a5da-2d8a-f42d198239cd-8786d03f, #w-node-_9ddd72fe-86fd-2090-7e0d-2abdd9f07fce-8786d03f, #w-node-_3708fbde-d721-0f27-0740-74eb5a779999-9e72a49b, #w-node-_7edfb2bd-4daf-5ba1-6fa4-968c65aebd7a-9e72a49b, #w-node-_8cca3f45-ef20-a375-2ae3-489734af1e8f-8f026225, #w-node-_8cca3f45-ef20-a375-2ae3-489734af1e90-8f026225, #w-node-e991664d-9562-1a96-3abe-2732060e5e5a-641e41a3, #w-node-e991664d-9562-1a96-3abe-2732060e5e61-641e41a3, #w-node-e991664d-9562-1a96-3abe-2732060e5e68-641e41a3, #w-node-e991664d-9562-1a96-3abe-2732060e5e6f-641e41a3, #w-node-e991664d-9562-1a96-3abe-2732060e5e76-641e41a3, #w-node-e991664d-9562-1a96-3abe-2732060e5e7d-641e41a3, #w-node-_547cb0fc-f6d1-72df-0f84-16b6f1154217-641e41a3, #w-node-_13286992-c130-f7c9-db9a-345a83743816-641e41a3, #w-node-_8f7b40e6-0392-1831-8e3a-6b4d23904667-641e41a3, #w-node-e56fa35b-76cd-c479-f664-5a086b8bcb21-641e41a3, #w-node-_6567d62c-1241-d0ec-fdc8-d20b0a6e3aa4-641e41a3, #w-node-_10b63119-fded-7471-1de0-a48d7b22b1db-641e41a3, #w-node-_0bb79efe-34bd-e0b0-906f-c76ca8e5032b-641e41a3, #w-node-_6b24b131-7480-8c76-151a-18bf7bc4c963-641e41a3, #w-node-ac3972f1-265c-02fc-81fb-628d65106187-641e41a3, #w-node-bb515190-2ef4-e2fb-089f-e97909368eb3-641e41a3, #w-node-_70480dad-cb25-48cd-7e2b-1b704c39cc46-641e41a3, #w-node-_25a3918d-9ed4-68da-eddb-b3329786c193-641e41a3, #w-node-c30e8d10-9a81-bb89-d68c-3037eae72529-641e41a3, #w-node-f28b9bc6-86d6-90f6-dc0d-248782531c44-641e41a3, #w-node-_8b9eff36-b0ad-2942-4975-01530f14347d-641e41a3, #w-node-_9b0f048b-4fe1-d8f7-7661-d84c936cb456-641e41a3, #w-node-_89280399-d1a2-d7c7-6a47-2fd32a3e9aa9-641e41a3, #w-node-_221c01c4-0723-c581-5862-05cf95005f43-641e41a3, #w-node-ca51e4a5-23ec-5df1-f83f-fad37d2bd99b-641e41a3, #w-node-fdd997c2-60bf-4033-54c3-483a579f721c-641e41a3, #w-node-_31c97722-a9ff-3c7a-351b-5d8c8a9471e8-641e41a3, #w-node-_9a48e3d6-45d7-ed82-f08c-65051207bb8e-641e41a3, #w-node-_45d457fd-f0bc-573b-9d43-1a11b592ba5c-641e41a3, #w-node-_0ac3e13e-8942-000b-8ac2-6cc2754e6ec0-641e41a3, #w-node-_9f4dbda6-e246-73a3-5a64-739a6fb8b584-641e41a3, #w-node-_9f4dbda6-e246-73a3-5a64-739a6fb8b59d-641e41a3, #w-node-_9f4dbda6-e246-73a3-5a64-739a6fb8b5b6-641e41a3, #w-node-dc9c2b78-0f35-3abe-1d3e-13dcbfea5cb6-9f9c8551, #w-node-_40202ef9-8f1b-fd6b-4dc7-ac694116a297-9f9c8551, #w-node-be38d930-b122-3dc0-5ab6-032c5fe2fe63-9f9c8551, #w-node-da86a984-71dc-d1ad-1666-0fa17b77cabd-9f9c8551, #w-node-_0ecf3573-c0cf-e390-7641-72e98036c7cb-9f9c8551, #w-node-_0d7d6b6e-7c0e-f59b-ef84-aaed972f74d0-9f9c8551, #w-node-_4cbe8fec-9b2a-4073-414f-e8fab437ed45-9f9c8551, #w-node-_4976f2b7-0373-12f5-1aa9-659d834387bf-9f9c8551, #w-node-cb742c94-721b-fd47-d5e3-b63f5cf721e8-9f9c8551, #w-node-cb742c94-721b-fd47-d5e3-b63f5cf721ef-9f9c8551, #w-node-cb742c94-721b-fd47-d5e3-b63f5cf721fd-9f9c8551, #w-node-ef121881-e9fc-6831-ca04-672289d363b3-9f9c8551, #w-node-ef121881-e9fc-6831-ca04-672289d363bc-9f9c8551, #w-node-cfd81d29-cefe-12e1-fc95-53635e7942d0-5e7942c6, #w-node-cfd81d29-cefe-12e1-fc95-53635e7942d2-5e7942c6, #w-node-cfd81d29-cefe-12e1-fc95-53635e7942d4-5e7942c6, #w-node-cfd81d29-cefe-12e1-fc95-53635e7942d6-5e7942c6, #w-node-cfd81d29-cefe-12e1-fc95-53635e7942d8-5e7942c6, #w-node-cfd81d29-cefe-12e1-fc95-53635e7942da-5e7942c6, #w-node-_1f862050-29fa-795e-7d41-3212c576f269-05ae4630, #w-node-_1f862050-29fa-795e-7d41-3212c576f270-05ae4630, #w-node-_1f862050-29fa-795e-7d41-3212c576f277-05ae4630, #w-node-_1f862050-29fa-795e-7d41-3212c576f27e-05ae4630, #w-node-_1f862050-29fa-795e-7d41-3212c576f285-05ae4630, #w-node-_1f862050-29fa-795e-7d41-3212c576f28c-05ae4630, #w-node-_15949d19-a80c-1967-9433-01927613c39d-05ae4630, #w-node-_15949d19-a80c-1967-9433-01927613c39f-05ae4630, #w-node-_15949d19-a80c-1967-9433-01927613c3a1-05ae4630, #w-node-_15949d19-a80c-1967-9433-01927613c3a3-05ae4630, #w-node-_9f6c95d4-78d9-28a1-8555-718f54dcd863-05ae4630, #w-node-_9f6c95d4-78d9-28a1-8555-718f54dcd865-05ae4630, #w-node-_9f6c95d4-78d9-28a1-8555-718f54dcd867-05ae4630, #w-node-_9f6c95d4-78d9-28a1-8555-718f54dcd869-05ae4630, #w-node-b5a78e03-ecda-b520-a68c-6b8e94654074-05ae4630, #w-node-_8c7553ea-16f4-3501-b28b-67d91f82d389-05ae4630, #w-node-_028ad176-143a-9abe-a60f-d6d217fdd16e-05ae4630, #w-node-_028ad176-143a-9abe-a60f-d6d217fdd170-05ae4630, #w-node-_028ad176-143a-9abe-a60f-d6d217fdd174-05ae4630, #w-node-_028ad176-143a-9abe-a60f-d6d217fdd176-05ae4630, #w-node-_6a322a53-cef9-09a5-bc95-785bbcd88b84-05ae4630, #w-node-_134bc449-d0b1-3464-276a-4e62305d8500-05ae4630, #w-node-ab3546fa-c62e-836b-0807-29e616a3faa3-05ae4630, #w-node-_69b64f9a-d803-17ff-7eb6-facba6ebbf23-05ae4630, #w-node-_834109c1-9c70-9078-36ea-82c133235ab0-05ae4630, #w-node-_77d59d83-5798-ce82-87aa-910dedaec7d6-05ae4630, #w-node-_21ebcd7d-9939-ab54-266d-281d167883cb-05ae4630, #w-node-f2b09899-faf5-c2f4-3afa-39d9b9601472-05ae4630, #w-node-_801d525b-902d-5abe-b753-a130eaf20679-05ae4630, #w-node-_4775d1ae-d55f-95dc-744d-a981719fd2f3-05ae4630, #w-node-cf60a01d-bd59-3b0f-9c50-8aad69060f61-05ae4630, #w-node-_2189befb-b5e7-16ac-30c2-4b54edb0cfd7-edb0cfd7, #w-node-eafe361d-f719-c3e7-fc89-29488f495edc-8f495edc, #w-node-_5a9befcf-d4f4-bd42-de0f-f471d4e9faf8-d4e9faf8, #w-node-_1f862050-29fa-795e-7d41-3212c576f269-4f080f88, #w-node-_1f862050-29fa-795e-7d41-3212c576f270-4f080f88, #w-node-_1f862050-29fa-795e-7d41-3212c576f277-4f080f88, #w-node-_1f862050-29fa-795e-7d41-3212c576f27e-4f080f88, #w-node-_1f862050-29fa-795e-7d41-3212c576f285-4f080f88, #w-node-_1f862050-29fa-795e-7d41-3212c576f28c-4f080f88, #w-node-_60fff946-6752-9e7f-902d-7595ccc13fc1-4f080f88, #w-node-_60fff946-6752-9e7f-902d-7595ccc13fc9-4f080f88, #w-node-_60fff946-6752-9e7f-902d-7595ccc13fd1-4f080f88, #w-node-_1f862050-29fa-795e-7d41-3212c576f269-ee02ce05, #w-node-_1f862050-29fa-795e-7d41-3212c576f270-ee02ce05, #w-node-_1f862050-29fa-795e-7d41-3212c576f277-ee02ce05, #w-node-_1f862050-29fa-795e-7d41-3212c576f27e-ee02ce05, #w-node-_1f862050-29fa-795e-7d41-3212c576f285-ee02ce05, #w-node-_1f862050-29fa-795e-7d41-3212c576f28c-ee02ce05, #w-node-_15949d19-a80c-1967-9433-01927613c39d-ee02ce05, #w-node-_15949d19-a80c-1967-9433-01927613c39f-ee02ce05, #w-node-_15949d19-a80c-1967-9433-01927613c3a1-ee02ce05, #w-node-_15949d19-a80c-1967-9433-01927613c3a3-ee02ce05, #w-node-_9f6c95d4-78d9-28a1-8555-718f54dcd863-ee02ce05, #w-node-_9f6c95d4-78d9-28a1-8555-718f54dcd865-ee02ce05, #w-node-_9f6c95d4-78d9-28a1-8555-718f54dcd867-ee02ce05, #w-node-_9f6c95d4-78d9-28a1-8555-718f54dcd869-ee02ce05, #w-node-b5a78e03-ecda-b520-a68c-6b8e94654074-ee02ce05, #w-node-_8c7553ea-16f4-3501-b28b-67d91f82d389-ee02ce05, #w-node-_028ad176-143a-9abe-a60f-d6d217fdd16e-ee02ce05, #w-node-_028ad176-143a-9abe-a60f-d6d217fdd170-ee02ce05, #w-node-_028ad176-143a-9abe-a60f-d6d217fdd174-ee02ce05, #w-node-_028ad176-143a-9abe-a60f-d6d217fdd176-ee02ce05, #w-node-_6a322a53-cef9-09a5-bc95-785bbcd88b84-ee02ce05, #w-node-_134bc449-d0b1-3464-276a-4e62305d8500-ee02ce05, #w-node-ab3546fa-c62e-836b-0807-29e616a3faa3-ee02ce05, #w-node-_69b64f9a-d803-17ff-7eb6-facba6ebbf23-ee02ce05, #w-node-_834109c1-9c70-9078-36ea-82c133235ab0-ee02ce05, #w-node-_77d59d83-5798-ce82-87aa-910dedaec7d6-ee02ce05, #w-node-_21ebcd7d-9939-ab54-266d-281d167883cb-ee02ce05, #w-node-f2b09899-faf5-c2f4-3afa-39d9b9601472-ee02ce05, #w-node-_801d525b-902d-5abe-b753-a130eaf20679-ee02ce05, #w-node-_4775d1ae-d55f-95dc-744d-a981719fd2f3-ee02ce05, #w-node-cf60a01d-bd59-3b0f-9c50-8aad69060f61-ee02ce05, #w-node-_56ede730-e8af-2828-602d-a0c9b4e96d57-b4e96d57, #w-node-_602d5b59-7376-f844-0621-6fdc5715bff9-9ebd6b74, #w-node-fda6b5df-636c-81a8-f6ab-9115109a96d6-9ebd6b74, #w-node-dc9c2b78-0f35-3abe-1d3e-13dcbfea5cb6-8dbf91ec, #w-node-be38d930-b122-3dc0-5ab6-032c5fe2fe63-8dbf91ec, #w-node-da86a984-71dc-d1ad-1666-0fa17b77cabd-8dbf91ec, #w-node-_0d7d6b6e-7c0e-f59b-ef84-aaed972f74d0-8dbf91ec, #w-node-_4976f2b7-0373-12f5-1aa9-659d834387bf-8dbf91ec, #w-node-_40202ef9-8f1b-fd6b-4dc7-ac694116a297-8dbf91ec, #w-node-_0ecf3573-c0cf-e390-7641-72e98036c7cb-8dbf91ec, #w-node-_4cbe8fec-9b2a-4073-414f-e8fab437ed45-8dbf91ec, #w-node-_4afb36aa-677c-66c1-4173-09935c4decd2-8dbf91ec, #w-node-_4afb36aa-677c-66c1-4173-09935c4decd9-8dbf91ec, #w-node-_4afb36aa-677c-66c1-4173-09935c4dece0-8dbf91ec, #w-node-_4afb36aa-677c-66c1-4173-09935c4dece7-8dbf91ec, #w-node-_4afb36aa-677c-66c1-4173-09935c4decee-8dbf91ec, #w-node-_4afb36aa-677c-66c1-4173-09935c4decf5-8dbf91ec, #w-node-_2f7c9bf7-285e-79e1-9107-b8b74bd6a003-8dbf91ec, #w-node-_2f7c9bf7-285e-79e1-9107-b8b74bd6a01c-8dbf91ec, #w-node-c2d2b022-a566-271f-3d84-dc1d14c979e5-eaf04b5b, #w-node-bdca15e7-b66e-0e78-da22-2abb93dcea64-eaf04b5b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (min-width: 1280px) {
#w-node-_0624524d-e927-0eb3-6e7f-eacb02f0796d-fc4e6a33, #w-node-_0624524d-e927-0eb3-6e7f-eacb02f07986-fc4e6a33, #w-node-_6a8b5074-cc04-6dba-2e9e-1fe38635324b-a7804107, #w-node-_6a8b5074-cc04-6dba-2e9e-1fe386353258-a7804107, #w-node-f7be4aa7-89a2-224e-5fae-cd16e79fc318-6af4b049, #w-node-_549161a9-d771-83bd-2e65-5d07f814f687-6af4b049, #w-node-_2b7b86a9-3ea9-4f2b-4380-d273023d2431-6af4b049, #w-node-_63210305-7041-c8e3-bb92-d1f485fc4779-e9081493, #w-node-_63210305-7041-c8e3-bb92-d1f485fc4792-e9081493, #w-node-_44b59e88-f75c-2924-89ee-8cfd4f80f412-4f80f407, #w-node-_44b59e88-f75c-2924-89ee-8cfd4f80f42b-4f80f407, #w-node-_9f4dbda6-e246-73a3-5a64-739a6fb8b584-641e41a3, #w-node-_9f4dbda6-e246-73a3-5a64-739a6fb8b59d-641e41a3, #w-node-_9f4dbda6-e246-73a3-5a64-739a6fb8b5b6-641e41a3, #w-node-_2189befb-b5e7-16ac-30c2-4b54edb0cfd7-edb0cfd7, #w-node-eafe361d-f719-c3e7-fc89-29488f495edc-8f495edc, #w-node-_5a9befcf-d4f4-bd42-de0f-f471d4e9faf8-d4e9faf8, #w-node-_56ede730-e8af-2828-602d-a0c9b4e96d57-b4e96d57, #w-node-_602d5b59-7376-f844-0621-6fdc5715bff9-9ebd6b74, #w-node-fda6b5df-636c-81a8-f6ab-9115109a96d6-9ebd6b74, #w-node-_2f7c9bf7-285e-79e1-9107-b8b74bd6a003-8dbf91ec, #w-node-_2f7c9bf7-285e-79e1-9107-b8b74bd6a01c-8dbf91ec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_1cdeac67-5097-65d2-967e-5b05e56c90ec-bf9c664b {
grid-template-rows: auto auto;
grid-template-columns: 1.75fr;
}
#w-node-fe989f44-9601-1fd2-6846-106a57b76119-bf9c664b {
grid-row: span 2 / span 2;
}
}