html{
-ms-text-size-adjust:100%;
-webkit-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:transparent
}
a:active,a:hover{
outline:0
}
abbr[title]{
border-bottom:1px dotted
}
b,strong{
font-weight:700
}
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
}
figure{
margin:1em 40px
}
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
}
fieldset{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
legend{
border:0;
padding:0
}
textarea{
overflow:auto
}
optgroup{
font-weight:700
}
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:400;
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:400;
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{
min-height:100%;
color:#333;
background-color:#fff;
margin:0;
font-family:Arial,sans-serif;
font-size:14px;
line-height:20px
}
img{
max-width:100%;
vertical-align:middle;
display:inline-block
}
html.w-mod-touch *{
background-attachment:scroll!important
}
.w-block{
display:block
}
.w-inline-block{
max-width:100%;
display:inline-block
}
.w-clearfix:before,.w-clearfix:after{
content:" ";
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:transparent!important
}
.w-webflow-badge,.w-webflow-badge *{
z-index:auto;
visibility:visible;
box-sizing:border-box;
width:auto;
height:auto;
max-height:none;
max-width:none;
min-height:0;
min-width:0;
float:none;
clear:none;
box-shadow:none;
opacity:1;
direction:ltr;
font-family:inherit;
font-weight:inherit;
color:inherit;
font-size:inherit;
line-height:inherit;
font-style:inherit;
font-variant:inherit;
text-align:inherit;
letter-spacing:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit;
text-indent:0;
text-transform:inherit;
text-shadow:none;
font-smoothing:auto;
vertical-align:baseline;
cursor:inherit;
white-space:inherit;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
background:0 0;
border:0 transparent;
border-radius:0;
margin:0;
padding:0;
list-style-type:disc;
transition:none;
display:block;
position:static;
top:auto;
bottom:auto;
left:auto;
right:auto;
overflow:visible;
transform:none
}
.w-webflow-badge{
white-space:nowrap;
cursor:pointer;
box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);
visibility:visible!important;
z-index:2147483647!important;
color:#aaadb0!important;
opacity:1!important;
width:auto!important;
height:auto!important;
background-color:#fff!important;
border-radius:3px!important;
margin:0!important;
padding:6px 8px 6px 6px!important;
font-size:12px!important;
line-height:14px!important;
text-decoration:none!important;
display:inline-block!important;
position:fixed!important;
top:auto!important;
bottom:12px!important;
left:auto!important;
right:12px!important;
overflow:visible!important;
transform:none!important
}
.w-webflow-badge>img{
visibility:visible!important;
opacity:1!important;
vertical-align:middle!important;
display:inline-block!important
}
h1,h2,h3,h4,h5,h6{
margin-bottom:10px;
font-weight:700
}
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{
width:100%;
height:100%;
border:none;
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:700;
display:block
}
.w-input,.w-select{
width:100%;
height:38px;
color:#333;
vertical-align:middle;
background-color:#fff;
border:1px solid #ccc;
margin-bottom:10px;
padding:8px 12px;
font-size:14px;
line-height:1.42857;
display:block
}
.w-input:-moz-placeholder,.w-select:-moz-placeholder{
color:#999
}
.w-input::-moz-placeholder,.w-select::-moz-placeholder{
color:#999;
opacity:1
}
.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{
color:#999
}
.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{
color:#999
}
.w-input:focus,.w-select:focus{
border-color:#3898ec;
outline:0
}
.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{
cursor:not-allowed
}
.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{
background-color:#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:400;
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{
margin:4px 0 0;
margin-top:1px \9 ;
float:left;
margin-top:3px;
margin-left:-20px;
line-height:normal
}
.w-file-upload{
margin-bottom:10px;
display:block
}
.w-file-upload-input{
width:.1px;
height:.1px;
opacity:0;
z-index:-100;
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:400;
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:400;
display:block
}
.w-file-remove-link{
width:auto;
height:auto;
cursor:pointer;
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:400;
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;
width:28px;
height:20px;
text-align:center;
background:#fff;
border:1px solid #758696;
border-radius:3px;
display:inline-block;
position:relative
}
.w-widget-twitter-count-shim *{
pointer-events:none;
-webkit-user-select:none;
-ms-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:" ";
height:0;
width:0;
pointer-events:none;
border:solid transparent;
position:absolute;
top:50%;
left:0
}
.w-widget-twitter-count-shim:not(.w--vertical):before{
border-width:4px;
border-color:rgba(117,134,150,0) #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
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:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);
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:" ";
height:0;
width:0;
pointer-events:none;
border:solid transparent;
position:absolute;
top:100%;
left:50%
}
.w-widget-twitter-count-shim.w--vertical:before{
border-width:5px;
border-color:#5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
margin-left:-5px
}
.w-widget-twitter-count-shim.w--vertical:after{
border-width:4px;
border-color:#fff rgba(255,255,255,0) rgba(255,255,255,0);
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{
height:500px;
color:#fff;
position:relative;
overflow:hidden
}
.w-background-video>video{
width:100%;
height:100%;
object-fit:cover;
z-index:-100;
background-position:50%;
background-size:cover;
margin:auto;
position:absolute;
top:-100%;
bottom:-100%;
left:-100%;
right:-100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button{
-webkit-appearance:none;
display:none!important
}
.w-background-video--control{
background-color:transparent;
padding:0;
position:absolute;
bottom:1em;
right:1em
}
.w-background-video--control>[hidden]{
display:none!important
}
.w-slider{
height:300px;
text-align:center;
clear:both;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
background:#ddd;
position:relative
}
.w-slider-mask{
z-index:1;
height:100%;
white-space:nowrap;
display:block;
position:relative;
left:0;
right:0;
overflow:hidden
}
.w-slide{
vertical-align:top;
width:100%;
height:100%;
white-space:normal;
text-align:left;
display:inline-block;
position:relative
}
.w-slider-nav{
z-index:2;
height:40px;
text-align:center;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
margin:auto;
padding-top:10px;
position:absolute;
top:auto;
bottom:0;
left:0;
right:0
}
.w-slider-nav.w-round>div{
border-radius:100%
}
.w-slider-nav.w-num>div{
width:auto;
height:auto;
font-size:inherit;
line-height:inherit;
padding:.2em .5em
}
.w-slider-nav.w-shadow>div{
box-shadow:0 0 3px rgba(51,51,51,.4)
}
.w-slider-nav-invert{
color:#fff
}
.w-slider-nav-invert>div{
background-color:rgba(34,34,34,.4)
}
.w-slider-nav-invert>div.w-active{
background-color:#222
}
.w-slider-dot{
width:1em;
height:1em;
cursor:pointer;
background-color:rgba(255,255,255,.4);
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{
width:80px;
cursor:pointer;
color:#fff;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
margin:auto;
font-size:40px;
position:absolute;
top:0;
bottom:0;
left:0;
right: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;
top:0;
bottom:0;
left:0;
right:0
}
.w-slider-aria-label{
clip:rect(0 0 0 0);
height:1px;
width:1px;
border:0;
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;
-ms-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{
min-width:100%;
background:#ddd;
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;
-ms-user-select:none;
-webkit-tap-highlight-color:transparent;
background:rgba(0,0,0,.9);
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;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transform:translate(0)
}
.w-lightbox-backdrop,.w-lightbox-container{
height:100%;
-webkit-overflow-scrolling:touch;
overflow:auto
}
.w-lightbox-content{
height:100vh;
position:relative;
overflow:hidden
}
.w-lightbox-view{
width:100vw;
height:100vh;
opacity:0;
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;
height:auto;
max-width:none
}
.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:rgba(0,0,0,.4);
padding:.5em 1em;
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden
}
.w-lightbox-embed{
width:100%;
height:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.w-lightbox-control{
width:4em;
cursor:pointer;
background-position:50%;
background-repeat:no-repeat;
background-size:24px;
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{
height:2.6em;
background-image:url(data:image/svg+xml;
base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size:18px;
right:0
}
.w-lightbox-strip{
white-space:nowrap;
padding:0 1vh;
line-height:0;
position:absolute;
bottom:0;
left:0;
right:0;
overflow-x:auto;
overflow-y:hidden
}
.w-lightbox-item{
width:10vh;
box-sizing:content-box;
cursor:pointer;
padding:2vh 1vh;
display:inline-block;
-webkit-transform:translate(0,0)
}
.w-lightbox-active{
opacity:.3
}
.w-lightbox-thumbnail{
height:10vh;
background:#222;
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:translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide{
height:100%;
left:50%;
transform:translate(-50%)
}
.w-lightbox-spinner{
box-sizing:border-box;
width:40px;
height:40px;
border:5px solid rgba(0,0,0,.4);
border-radius:50%;
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 transparent;
border-bottom-color:#fff;
border-radius:50%;
position:absolute;
top:-4px;
bottom:-4px;
left:-4px;
right:-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;
top:0;
bottom:0;
left:0;
right: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:transparent;
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{
width:100%;
max-width:100%;
text-align:center;
clear:both;
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;
min-width:200px;
background:#c8c8c8;
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:transparent;
tap-highlight-color:transparent;
-webkit-user-select:none;
-ms-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)
}
to{
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
}
.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{
width:100%;
background-image:url(https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg);
background-position:50%;
background-size:cover;
padding-bottom:0;
padding-left:0;
padding-right:0;
position:relative
}
.w-embed-youtubevideo:empty{
min-height:75px;
padding-bottom:56.25%
}
body{
color:#333;
font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:14px;
line-height:20px
}
h1{
margin-top:20px;
margin-bottom:10px;
font-size:38px;
font-weight:700;
line-height:44px
}
p{
margin-bottom:10px
}
a{
color:#4e4e4e;
text-decoration:none
}
.bold-text{
z-index:3;
width:752px;
color:#fff;
text-align:left;
letter-spacing:0;
font-family:Archivo Black,sans-serif;
font-size:40px;
font-style:normal;
font-weight:400;
line-height:56px;
position:relative
}
.bold-text.about-hero{
width:932px;
clear:none;
text-align:center;
margin-top:1px;
margin-left:auto;
margin-right:auto;
font-size:36px;
display:block;
position:static
}
.bold-text.center{
text-align:center;
position:absolute;
top:0%;
bottom:0%;
left:10%;
right:10%
}
.heading{
width:682px;
color:#eba694;
text-align:left;
margin-top:210px;
font-family:Archivo Black,sans-serif;
font-size:44px;
line-height:51px
}
.paragraph{
z-index:3;
width:430px;
color:#868686;
margin-bottom:15px;
padding-top:35px;
font-family:Nunito,sans-serif;
font-size:19px;
line-height:26px;
position:relative
}
.image{
padding-top:30px
}
.intro{
height:100vh;
margin-bottom:-212px;
padding-top:71px;
display:block;
position:relative;
overflow:visible
}
.img-hero{
z-index:0;
float:right;
clear:left;
margin-top:4px;
margin-left:481px;
padding-top:0;
padding-left:0;
transition:opacity .2s;
position:absolute;
top:0;
bottom:0;
left:0;
right:-20px;
overflow:visible;
transform:translate(0)
}
.body{
background-color:#181818;
border:10px #fff
}
.body.test{
background-color:#181818
}
.image-2{
filter:hue-rotate(146deg);
margin-top:20px;
padding-left:0;
padding-right:22px
}
.section{
height:705px;
color:#fff;
background-color:#fff;
border-color:#4d4d4d
}
.container-2{
margin-bottom:150px
}
.container-3{
width:80.2031px;
background-color:#fff;
position:fixed;
top:0;
bottom:0;
left:0
}
.icon{
float:none;
padding-left:0;
padding-right:10px
}
.image-3{
z-index:2;
transition:opacity .2s;
position:fixed;
right:210px
}
.navbar{
color:#020202;
background-color:#181818
}
.nav-link{
color:#bbb;
font-family:Inconsolata,monospace;
font-weight:400
}
.nav-link-2{
color:#b6b6b6;
font-family:Inconsolata,monospace
}
.nav-link-3{
color:#adadad;
font-family:Inconsolata,monospace
}
.text-block{
color:gray;
text-align:center;
margin-top:83px;
padding-top:0;
font-family:Nunito,sans-serif
}
.image-4{
float:left;
text-align:left;
margin:41px 100px 43px;
padding-left:0;
padding-right:0;
position:static;
top:28px;
bottom:0;
left:92px;
right:20px;
overflow:hidden
}
.button{
color:#b9b9b9;
background-color:rgba(243,243,243,0);
border:2px solid rgba(255,255,255,.53);
margin-left:26px;
padding:16px 30px 16px 28px;
font-family:Inconsolata,monospace
}
.button:hover{
color:#fff;
border-color:#fff
}
.container-4{
color:#fff;
background-image:none;
padding-top:18px
}
.image-5{
padding-top:15px
}
.image-6{
margin-left:14px;
margin-right:-37px;
padding-right:34px;
box-shadow:4px 0 50px #000
}
.div-block{
height:743px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b101abfacd208222bfbe52c_boosted-case-study.png);
background-position:50% 100%;
background-repeat:no-repeat;
background-size:cover;
background-attachment:scroll;
margin:37px 20px 20px;
padding-bottom:185px;
padding-left:20px;
padding-right:20px
}
.div-block.boosted{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57f13e6a84102061bc1020_boosted-campaigns.jpg)
}
.div-block.solarcity{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b10c1ae5b79232bb093356a_sc-background.jpg)
}
.div-block.givepower{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b1154525f2c71659b9fb66f_givepower-bg.jpg)
}
.div-block.boosted-test{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57ecf81371d7ac0ac7f304_boosted-2018-bg.jpg)
}
.div-block.kore{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b896f1ad45d85041300e69f_kore-bg.jpg)
}
.image-7{
width:490px;
float:left;
position:absolute;
top:100px;
bottom:0;
right:0
}
.heading-2{
color:#f6f6f6
}
.bold-text-2{
width:443px;
text-transform:uppercase;
text-shadow:none;
margin-left:55px;
font-family:Teko,sans-serif;
font-size:57px;
font-weight:500;
line-height:54px;
position:absolute;
top:280px
}
.bold-text-2.givepower{
width:472px;
padding-right:63px
}
.bold-text-2.boosted-campaign{
width:455px;
color:#3a3939
}
.text-block-2{
color:#fdfdfd;
margin-left:55px;
position:absolute;
top:230px
}
.text-block-2.boosted-campaign{
color:#464444
}
.paragraph-2{
width:400px;
color:#fff;
margin-left:55px;
position:absolute;
bottom:-438px
}
.paragraph-2.boosted-campaign{
color:#4d4d4d
}
.text-block-3{
color:#fff;
font-family:Inconsolata,monospace;
font-weight:300
}
.bold-text-3{
width:377.5px;
color:#fff;
text-transform:none;
margin-left:65px;
font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:12px;
font-weight:300;
line-height:17px;
position:absolute;
top:670px;
bottom:0;
left:0
}
.image-8{
position:absolute;
bottom:-700px;
right:25px
}
.text-block-4{
color:#fff;
text-align:right;
text-transform:none;
font-size:12px;
position:absolute;
top:30px;
bottom:20px;
right:20px
}
.button-2{
color:#000;
background-color:rgba(255,255,255,0);
border:2px solid #000;
margin-left:55px;
padding:12px 25px 12px 26px;
font-family:Nunito,sans-serif;
position:absolute;
top:519px
}
.text-block-5{
color:#7a7a7a;
text-align:center;
font-family:Nunito,sans-serif;
font-size:16px;
font-weight:400;
line-height:0;
position:relative;
top:-18px;
bottom:0;
left:0
}
.icon-2{
color:#cacaca
}
.section-2{
background-image:none;
background-repeat:repeat;
background-size:auto;
background-attachment:scroll;
margin-bottom:0;
display:block;
position:static;
overflow:visible
}
.image-9{
z-index:-3;
margin-top:0;
display:inline-block;
position:absolute;
top:91px;
bottom:0;
right:-49px
}
.imag22{
z-index:0 !important;
}
.container-5{
height:361.797px;
margin-bottom:0;
position:static;
overflow:visible
}
.image-10{
width:461px;
max-width:200%;
display:block;
position:absolute;
right:-169px;
overflow:visible
}
.image-11{
z-index:-3;
max-width:290%;
position:relative;
top:143px
}
.image-12{
max-width:210%;
float:right;
display:block;
position:relative;
top:640px;
right:20px;
overflow:hidden
}
.text-block-6{
color:#ececec;
margin-left:70px;
padding-bottom:0;
padding-left:40px;
padding-right:0;
font-family:Teko,sans-serif;
font-size:44px;
font-weight:700;
position:relative;
top:83px
}
.div-block-2{
width:100%;
height:192px;
background-image:linear-gradient(rgba(26,26,26,0) 14%,rgba(39,39,39,.71));
display:none;
position:fixed;
bottom:0;
left:0;
right:0;
overflow:hidden
}
.text-block-7{
color:#fff;
font-family:Teko,sans-serif;
font-size:32px
}
.nav-menu{
background-color:#b12b2b
}
.brand{
background-image:linear-gradient(transparent,transparent)
}
.navbar-2{
background-color:transparent;
margin-left:auto;
margin-right:auto;
padding-left:auto;
padding-right:auto;
display:block;
position:relative
}
.text-block-8{
color:#fff;
background-image:linear-gradient(transparent,transparent);
padding-top:24px;
font-family:Teko,sans-serif;
font-size:33px
}
.nav-menu-2{
z-index:50;
max-height:100%;
max-width:100%;
float:none;
clear:none;
background-image:linear-gradient(red,red);
display:inline-block;
position:relative;
top:70px;
left:130px;
overflow:visible
}
.top-line{
width:40px;
height:4px;
background-image:linear-gradient(#fff,#fff);
margin-left:auto;
margin-right:auto;
position:absolute;
top:18px;
left:0;
right:0;
overflow:visible
}
.middle-line{
width:40px;
height:4px;
background-image:linear-gradient(#fff,#fff);
margin-left:auto;
margin-right:auto;
position:absolute;
top:28px;
left:0;
right:0
}
.bottom-line{
width:40px;
height:4px;
background-image:linear-gradient(#fff,#fff);
margin-left:auto;
margin-right:auto;
position:absolute;
top:38px;
left:0;
right:0
}
.menu-button{
width:60px;
height:60px;
float:right;
clear:both;
background-image:linear-gradient(red,red);
padding-top:68px;
display:block;
position:static;
top:0;
left:0;
right:0;
overflow:visible
}
.menu-button-2{
float:none;
clear:none;
padding-top:18px;
display:block
}
.x{
margin-top:20px;
margin-left:auto;
margin-right:auto;
display:block
}
.vertical-line{
margin-top:10px;
margin-left:auto;
margin-right:auto;
display:block
}
.container-6{
padding-top:71px
}
.x-line{
margin-top:0;
margin-left:auto;
margin-right:auto;
display:block
}
.x-line.top{
margin-top:152px;
display:block
}
.image-13{
margin-top:46px;
margin-left:auto;
margin-right:auto;
display:block
}
.image-14{
margin-left:auto;
margin-right:auto;
padding-top:20px;
display:block
}
.section-3{
height:230px;
display:none;
overflow:visible
}
.image-15{
max-width:200%;
margin-top:-39px;
position:absolute;
overflow:hidden
}
.image-16{
z-index:-1;
max-width:470%;
position:relative;
top:110px;
left:-130px;
overflow:hidden
}
.column{
overflow:visible
}
.row{
height:auto;
max-height:none;
overflow:visible
}
.container-7{
position:static
}
.image-17{
max-width:270%;
display:block;
position:absolute;
top:580px;
bottom:0;
right:0;
overflow:hidden
}
.column-2{
position:relative;
overflow:visible
}
.image-18{
z-index:-1;
max-width:100%;
margin-right:0;
padding-right:2px;
position:relative;
overflow:hidden
}
.column-3{
padding-left:0;
padding-right:0;
top:150px;
right:60px
}
.column-3.stealth{
padding-right:0;
position:relative;
top:30px;
left:350px;
overflow:hidden
}
.image-19{
max-width:100%;
position:absolute;
top:2130px;
bottom:0;
right:40px;
overflow:visible
}
.div-block-3{
height:900px;
position:static;
overflow:visible
}
.container-8{
overflow:hidden
}
.image-20{
margin-top:-71px;
padding-top:0
}
.image-21{
max-width:70%;
float:right;
background-image:linear-gradient(#181818,#181818);
display:block;
position:relative;
top:0;
bottom:0;
left:0;
right:0
}
.background-video{
z-index:2;
max-width:100%;
float:none;
clear:none;
background-image:linear-gradient(#181818,#181818);
display:block;
position:static;
bottom:0;
left:0;
right:0
}
.image-22{
z-index:-1;
position:relative;
bottom:60px
}
.image-23{
z-index:-2;
padding-left:170px;
padding-right:170px;
position:relative;
bottom:100px
}
.background-video-2{
z-index:2;
max-height:100%;
max-width:100%;
margin-left:70px;
margin-right:356px;
bottom:150px
}
.image-24{
display:inline-block;
position:relative;
top:-90px
}
.image-25{
z-index:-2;
position:relative;
top:-610px;
bottom:240px
}
.image-26{
z-index:0;
margin-top:-595px;
position:relative
}
.image-27{
margin-top:-97px;
padding-top:0;
position:relative
}
.image-28{
padding-top:72px
}
.image-29{
padding-top:119px;
padding-left:200px;
padding-right:200px;
position:relative;
bottom:50px
}
.image-30{
padding-top:61px;
padding-bottom:0
}
.case-study-body{
background-color:#fff;
border-style:none;
border-color:#fff;
overflow:visible
}
.case-study-hero{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b9b4595d116e1a82ed04077_boosted-case-study-hero.jpg);
background-position:0 0;
background-repeat:no-repeat;
background-size:cover;
position:static;
overflow:visible
}
.case-study-hero.solarcity{
background-image:linear-gradient(rgba(0,0,0,.71),rgba(0,0,0,.71)),url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba7fce65ced0c12fae60400_solarcity-cs-bg.jpg);
background-position:0 0,0 0;
background-repeat:repeat,no-repeat;
background-size:auto,cover
}
.case-study-hero.boosted-branding{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba9d2a915ee32c0f2158803_boosted-branding-hero.jpg)
}
.case-study-hero.b-branding{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba9d2a915ee32c0f2158803_boosted-branding-hero.jpg);
overflow:visible
}
.case-study-hero.b-launch{
width:auto;
max-width:100%;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5baefdf37a16ad3183d9ccd1_cover.jpg);
background-size:cover
}
.case-study-hero.cardiff-hero{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5baeffa3c8d8514a64c42c81_cover-cardiff.jpg)
}
.case-study-hero.moment-hero{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5bb01d38c110e40d817f8add_moment-kyson-dana-hero.jpg)
}
.case-study-hero.givepower{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5bb025dac8d8514c9fc4e710_givepower-hero.jpg)
}
.case-study-hero.kore{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b896f9ba6dc3d01aa18fadb_kore-bg.jpg)
}
.case-study-hero.rev-launch{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5cd6d7cf8463a57a69b1184f_kyson-dana-boosted-rev.jpg);
background-position:50%;
background-size:cover
}
/* .case-study-hero.boosted-ux-hero{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e04efbf0b1ac58fadeb3a64_boosted-ux-hero.jpg)
} */
.case-study-hero.boosted-rev{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e0f8dd54b55b02d8d26ed3e_boosted-rev-launch-hero%20\(1\).png);
background-position:50% 100%
}
.cs-page-hero-container{
height:675px
}
.h3{
color:#fff;
font-family:Teko,sans-serif;
font-size:38px;
font-weight:500;
line-height:45px
}
.text-block-10{
color:#8d8a8a;
letter-spacing:2px;
text-transform:uppercase;
margin-top:70px;
padding-bottom:20px;
font-family:Teko,sans-serif;
font-size:15px
}
.text-block-10.section-label{
margin-top:170px;
padding-left:73px
}
.h5{
color:#8d8a8a;
letter-spacing:2px;
text-transform:uppercase;
padding-bottom:18px;
font-family:Teko,sans-serif;
font-size:15px
}
.h5.credits{
margin-top:81px;
padding-bottom:17px
}
.h5.hero{
margin-top:69px
}
.h5.hero.rev{
color:#fff
}
.h5.hero.rev.fix{
margin-top:151px
}
.h5.hero.fix{
margin-top:146px
}
.h5.yo{
margin-top:69px
}
.h5.rev{
color:#fff
}
.brand-column{
margin-top:0;
top:200px;
left:0;
right:0
}
.body-text-hero{
width:230px;
color:#fff;
padding-right:0;
line-height:23px
}
.body-text-hero.dark{
color:#111;
margin-right:-70px;
padding-right:0
}
.body-text-hero.gen3{
width:270px;
padding-right:0
}
.summary-column{
top:410px;
left:0;
right:0
}
.summary-column.content{
padding-left:40px;
top:267px;
left:40px
}
.responsibilities-column{
padding-left:176px;
top:410px;
left:0;
right:0
}
.responsibilities-column.role{
padding-left:43px
}
.responsibilities-column.content{
padding-left:66px;
top:267px;
left:78px
}
.responsibilities-column.case-hero{
padding-left:4px
}
.responsibilities-column.fix{
padding-left:1px
}
.text-section{
background-color:#fff
}
.text-section.bg-color{
background-color:#f3f3f3
}
.text-section.floater{
margin-top:-1380px
}
.heading-3{
width:auto;
text-transform:uppercase;
margin-top:163px;
font-family:Teko,sans-serif;
font-size:38px;
font-weight:500
}
.heading-3.credits{
margin-top:0;
margin-bottom:-44px
}
.heading-3.next-project{
width:380px;
margin-top:115px;
margin-bottom:101px
}
.heading-3.next-project.about{
color:#fff;
letter-spacing:0;
text-transform:uppercase;
padding-bottom:15px;
font-family:Teko,sans-serif;
font-size:44px;
font-weight:500
}
.heading-3.next-project.light{
color:#fff
}
.heading-3.next-project.boosted-site{
width:280px
}
.heading-3.left-text{
width:400px;
margin-top:257px
}
.heading-3.gap{
width:300px;
margin-top:219px
}
.heading-3.gap.cardiff.white{
width:330px;
color:#fff
}
.heading-3.gap.cardiff.moment{
width:330px
}
.heading-3.kore{
margin-top:0
}
.heading-3.center-divide{
margin-top:190px;
margin-left:80px;
margin-right:80px
}
.content-center-text-container{
padding-left:0;
padding-right:0;
font-family:Nunito,sans-serif;
font-size:18px;
line-height:30px
}
.paragraph-3{
margin-bottom:168px;
padding-top:25px
}
.paragraph-3.list{
margin-bottom:auto
}
.paragraph-3.b-launch-txt{
margin-bottom:41px
}
.paragraph-3.b-launch-txt.white{
color:#b1b1b1
}
.paragraph-3.b-launch-txt.b-website{
margin-bottom:110px
}
.paragraph-3.strategy-txt{
margin-top:74px
}
.paragraph-3.no-heading{
clear:left;
margin:142px 83px 109px 80px;
font-size:18px;
line-height:30px;
display:block
}
.paragraph-3.no-heading.center-divide{
width:500px;
max-width:500px;
margin-top:11px;
margin-right:124px
}
.inline-img{
width:100%;
background-color:#fff;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
display:block;
position:relative;
overflow:visible
}
.inline-img.styleguide{
padding-top:0;
padding-left:82px;
padding-right:95px
}
.inline-img.color{
padding-bottom:47px
}
.inline-img.seven{
padding-top:9px
}
.inline-img.emails{
z-index:2;
background-color:rgba(255,255,255,0);
margin-top:100px;
padding-left:158px;
padding-right:158px;
bottom:-10px
}
.inline-img.gap{
margin-top:134px
}
.inline-img.gap.no-gap{
overflow:visible
}
.inline-img.ana{
width:1136px;
margin-top:38px
}
.inline-img.no-gap{
overflow:visible
}
.image-32{
max-width:55%;
opacity:.4;
position:absolute;
top:181px;
left:0;
right:0
}
.slider{
height:600px;
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:0 0;
background-size:125px
}
.slide{
z-index:0;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b9b3daeb759ef48ed584fdc_BOOSTED-MINIS.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
border:5px solid #fff
}
.slide-2{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b9b400f4caae30ae200f13d_STEALTH-floater-black%20copy%203.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
border:6px solid #fff;
position:relative;
left:0;
overflow:visible
}
.mask{
z-index:2;
border:5px #000;
position:absolute;
overflow:visible
}
.slider-section{
overflow:hidden
}
.slide-3{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b9b3eb8b759ef05a658501b_BOOSTED-MINIX.jpg);
background-position:50%;
background-size:cover;
border:5px solid #fff
}
.slide-4{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b9b42be1f811f4968381023_STEALTH-floater-black%20copy%204.jpg);
background-position:50%;
background-repeat:repeat;
background-size:cover;
border:5px solid #fff
}
.image-33{
padding-left:45px;
padding-right:45px
}
.background-video-3{
z-index:2;
width:854px;
height:487px;
margin:-48px auto -121px;
padding-top:0;
top:-90px
}
.image-34,.img-btm-border,.image-36{
padding-bottom:7px
}
.image-37{
padding-bottom:6px
}
.gallery-section{
margin-left:80px;
margin-right:80px
}
.credits-section{
margin-top:170px;
margin-bottom:110px
}
.column-7{
padding-left:0;
padding-right:0;
top:0;
bottom:0;
left:0
}
.next-project-section{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b9bda40efe50a818c0f3677_boosted-branding.jpg);
background-position:50% 100%;
background-size:cover;
margin-bottom:20px;
margin-left:20px;
margin-right:20px
}
.next-project-section.boosted-case-study{
background-image:none;
background-position:0 0;
background-size:auto
}
.next-project-section.boosted-case-study.about{
z-index:0;
margin-top:319px;
position:relative
}
.next-project-section.boosted-case-study.cardiff{
z-index:0;
color:#fff;
background-image:none;
background-size:auto;
position:relative
}
.container-11{
margin-top:0;
position:relative
}
.container-11.next{
z-index:310;
margin-top:0
}
.next-headline{
text-transform:uppercase;
margin-top:-18px;
font-family:Teko,sans-serif;
font-size:48px;
font-weight:500
}
.next-headline.cardiff{
color:#141414;
font-size:48px
}
.button-3{
letter-spacing:2px;
background-color:rgba(252,252,252,0);
border:2px solid #fff;
font-family:Teko,sans-serif;
font-size:14px;
transition:border .325s;
display:inline-block;
position:relative;
top:-80px
}
.button-3:hover{
color:#000;
background-color:#fff;
border-style:solid;
border-width:2px
}
.button-3:active{
background-color:rgba(252,252,252,.64)
}
.button-3.cs-block{
text-transform:uppercase;
background-image:linear-gradient(#181818,#181818);
border-style:none;
margin-top:54px;
padding:14px 24px;
transition:all .2s;
top:0
}
.button-3.cs-block:hover{
color:#fff;
background-color:#000;
background-image:linear-gradient(#242424,#242424);
border-style:none;
border-color:#000;
box-shadow:inset 0 -3px #fff
}
.button-3.cs-block.dark-bg{
color:#fff;
background-image:none;
border-style:solid
}
.button-3.cs-block.dark-bg:hover{
color:#000;
background-color:#fff;
border-color:#fff;
box-shadow:inset 0 0 #fff
}
.button-3.saraky{
justify-content:center;
align-items:center;
margin-top:51px;
margin-left:auto;
margin-right:auto;
display:flex;
position:relative;
top:0
}
.image-38{
z-index:1;
float:right;
margin-right:46px;
position:relative;
top:300px;
left:0
}
.image-38.about{
float:right
}
.image-38.about:hover{
opacity:.89
}
.section-10{
z-index:-1;
height:285px;
background-image:linear-gradient(#181818,#181818);
display:block;
position:relative;
top:-210px
}
.text-block-13{
color:#8d8d8d;
font-family:Teko,sans-serif
}
.text-block-13.footer{
letter-spacing:1px;
text-transform:uppercase;
margin-left:-88px
}
.text-block-13.footer.contact{
text-align:right;
margin-left:0;
margin-right:37px
}
.button-4{
text-align:center;
letter-spacing:1px;
background-color:#181818;
margin-top:-18px;
margin-left:18px;
margin-right:auto;
padding:18px 15px 15px auto;
font-family:Teko,sans-serif;
font-size:14px;
font-weight:400;
display:block;
position:relative
}
.button-4:hover{
background-color:#363535;
border:0 #757575;
border-width:0 0 4px 4px
}
.row-2{
width:100%;
height:574px;
margin-top:-99px;
margin-bottom:73px
}
.row-3{
margin-bottom:114px
}
.middle-line-2{
width:26px;
height:3px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
position:absolute;
top:28px;
left:0;
right:0
}
.top-line-2{
width:26px;
height:3px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
position:absolute;
top:18px;
left:0;
right:0
}
.navbar-animated{
z-index:240;
box-shadow:none;
background-color:#181818;
position:static;
top:0;
left:0;
right:0
}
.navbar-animated.dark-bg{
background-color:#181818
}
.navbar-animated.new-home{
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
background-color:rgba(0,0,0,.84);
border-bottom:1px solid rgba(255,255,255,.2);
flex-direction:row;
align-items:center;
padding-bottom:0;
display:flex;
position:-webkit-sticky;
position:sticky
}
.nav-work{
color:#000;
text-transform:uppercase;
margin-bottom:10px;
font-family:Teko,sans-serif;
font-size:52px;
font-weight:500
}
.nav-work:hover{
color:#3e7ac1
}
.nav-work.w--current{
color:#a4a4a4
}
.nav-contact{
color:#000;
text-transform:uppercase;
font-family:Teko,sans-serif;
font-size:52px;
font-weight:500
}
.nav-contact:hover{
color:#3e7ac1
}
.nav-contact.w--current{
color:#000
}
.nav-contact.w--current:hover{
color:#757575
}
.bottom-line-2{
width:26px;
height:3px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
position:absolute;
top:38px;
left:0;
right:0
}
.nav-button-animated{
z-index:900;
width:60px;
height:60px;
background-color:#181818;
margin-top:11px;
margin-bottom:auto;
margin-right:0;
padding:0;
position:relative;
top:0;
right:0
}
.nav-button-animated.w--open{
background-color:#181818
}
.mobile-nav-link{
color:#030303;
text-transform:uppercase;
cursor:crosshair;
margin-bottom:10px;
font-family:Teko,sans-serif;
font-size:52px;
font-style:normal;
font-weight:500
}
.mobile-nav-link:hover{
color:#3e7ac1
}
.mobile-nav-link.w--current{
color:#fff
}
.mobile-nav-link.w--current:hover{
color:#d95de3
}
.full-screen-menu-overlay{
height:100vh;
background-color:#fff;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.nav-menu-3{
height:100vh;
background-color:transparent;
justify-content:center;
align-items:center;
display:block;
position:fixed;
top:0;
bottom:0;
left:0;
right:0
}
.text-block-14{
color:#fff;
letter-spacing:0;
margin-top:27px;
margin-bottom:24px;
padding-top:4px;
font-family:Teko,sans-serif;
font-size:30px;
font-weight:400
}
.section-11{
height:612px;
padding-bottom:0;
position:relative;
overflow:visible
}
.body-3{
height:100vh;
object-fit:fill;
margin-left:auto;
margin-right:auto;
overflow:visible
}
.container-12{
padding-bottom:0;
position:relative;
top:-570px
}
.container-13{
position:relative;
top:50px
}
.container-13.about{
position:relative;
top:-130px
}
.image-39{
padding-right:20px
}
.column-8{
padding-left:20px;
padding-right:38px
}
.text-block-15{
font-family:Nunito,sans-serif;
font-size:14px;
line-height:21px
}
.text-block-15.list{
color:#020101;
font-weight:700;
line-height:31px
}
.column-experience{
padding-left:0
}
.text-block-16{
color:#949494;
padding-top:16px;
padding-right:20px;
font-size:11px;
font-style:italic;
line-height:18px
}
.next-project-bg-div{
z-index:-10;
height:100%;
background-color:#181818;
position:relative;
top:825px;
bottom:0%;
left:0%;
right:0%
}
.column-10{
padding-left:0
}
.div-block-5{
z-index:0;
height:365px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57f13e6a84102061bc1020_boosted-campaigns.jpg);
background-position:50% 100%;
background-repeat:no-repeat;
background-size:cover;
position:relative;
top:0
}
.div-block-5.about{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6362f18c44a39fd956f3c588_DSC09509.jpg);
background-position:50%;
background-size:100%;
transition:background-color .658s
}
.div-block-5.cardiff{
z-index:0;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5baeea47570913080d1a55c7_5-boosted-mini.jpg);
background-position:50% 100%;
background-repeat:repeat;
background-size:cover
}
.div-block-5.cardiff.cardiff-image{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba804eec325b6c82e35249a_cardiff-cs-bg.jpg);
background-position:50% 100%;
background-repeat:repeat;
background-size:cover
}
.div-block-5.moment-case-study{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba80822f49b776649f0e0b6_moment-cs-bg1.jpg);
background-position:0 17%
}
.div-block-5.solarcity{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba7fce65ced0c12fae60400_solarcity-cs-bg.jpg);
background-position:0 4%
}
.div-block-5.givepower{
z-index:0;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba80053b828fc54a1532c08_givepower-cs-bg.jpg),url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57f13e6a84102061bc1020_boosted-campaigns.jpg);
background-position:50% -83px,50% 100%;
background-repeat:repeat,no-repeat;
background-size:cover,cover
}
.div-block-5.kore{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b896f9ba6dc3d01aa18fadb_kore-bg.jpg),url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57f13e6a84102061bc1020_boosted-campaigns.jpg);
background-position:0 0,50% 100%;
background-repeat:repeat,no-repeat;
background-size:702px,cover
}
.div-block-5.boosted-site{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5baeea47570913080d1a55c7_5-boosted-mini.jpg),url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57f13e6a84102061bc1020_boosted-campaigns.jpg);
background-position:0 0,50% 100%;
background-repeat:repeat,no-repeat;
background-size:cover,cover
}
.footer-cta{
max-width:1375px;
background-color:#fff;
margin-top:39px;
margin-left:auto;
margin-right:auto
}
.utility-page-wrap{
width:100vw;
height:100vh;
max-height:100%;
max-width:100%;
justify-content:center;
align-items:center;
display:flex
}
.utility-page-content{
width:260px;
text-align:center;
flex-direction:column;
display:flex
}
.utility-page-form{
flex-direction:column;
align-items:stretch;
display:flex
}
.link-block{
float:right;
clear:left;
padding-top:0
}
.div-block-6{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b9ef257e4c33cd1e6cdc9e3_kysara-bg.jpg)
}
.section-12{
margin-top:11px;
overflow:hidden
}
.text-block-17{
color:#fff;
font-family:Teko,sans-serif;
font-size:24px;
text-decoration:none;
position:relative
}
.navbar-3{
background-color:transparent;
flex-flow:column;
justify-content:space-around;
align-items:stretch;
margin-left:114px;
display:inline-block;
position:fixed
}
.image-40{
width:200px;
float:left;
clear:none;
margin-top:0;
margin-bottom:27px;
padding-top:0;
padding-left:0;
display:block;
position:relative;
left:0;
overflow:visible
}
.nav-link-4{
color:#fff;
padding-top:0;
padding-left:0
}
.text-block-18{
color:#acacac;
font-family:Nunito,sans-serif;
font-size:12px;
font-weight:400
}
.column-12{
clear:none;
padding-left:0;
padding-right:0;
display:block;
position:relative
}
.social-links:hover{
opacity:.83;
background-image:none
}
.social-links:active{
opacity:1
}
.column-19{
padding-right:0
}
.full-width-img{
margin-top:0;
padding-top:0
}
.full-width-img.solarcity{
margin-top:141px
}
.full-width-img.gap{
padding-top:82px
}
.full-width-img.mega-gap{
margin-top:198px
}
.full-width-img.rev{
margin-top:-33px
}
.full-width-img.rev-top{
max-height:none;
max-width:100%;
min-height:auto;
min-width:auto;
object-fit:fill;
margin-left:auto;
margin-right:auto;
display:inline-block;
position:static;
overflow:visible
}
.link{
color:#c9c9c9
}
.link:hover{
color:#fff
}
.link.yellow{
color:#b89107
}
.div-block-7{
z-index:10;
width:100%;
height:100%;
border:10px solid #fff;
display:none;
position:fixed;
top:0
}
.image-46{
overflow:hidden
}
.text-link-dark{
color:#c9c9c9
}
.text-link-dark:hover{
color:#fff
}
.div-block-9{
height:1px;
background-image:linear-gradient(#ddd,#ddd);
margin-top:100px;
margin-bottom:100px
}
.heading-4{
margin-top:0;
margin-bottom:0;
font-family:Archivo Black,sans-serif;
font-size:38px;
font-weight:400
}
.heading-4.cs-hero{
color:#fff;
justify-content:center;
align-items:flex-end;
display:block;
position:absolute;
bottom:360px
}
.heading-4.case-studies{
color:#fff;
margin-top:86px;
margin-bottom:102px;
margin-left:191px
}
.link-2{
color:#272727;
font-style:normal
}
.link-2.download{
border:0 solid #000;
border-bottom:1px solid #9e9e9e;
font-style:italic;
text-decoration:none
}
.div-block-10{
background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75))
}
.background-video-4{
position:relative
}
.container-16{
position:static
}
.container-17{
position:relative
}
.case-study-column{
height:500px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b9b497fd116e1fc68d04920_Rectangle%2024.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:1000px;
padding-left:auto;
transition:all .9s;
display:block;
top:-110px
}
.case-study-column:hover{
background-size:1100px
}
.body-4{
background-image:linear-gradient(#181818,#181818)
}
.cs-bg-div{
height:690px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57ecf81371d7ac0ac7f304_boosted-2018-bg.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
margin-top:30px;
overflow:hidden
}
.cs-bg-div.boosted-branding{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57f13e6a84102061bc1020_boosted-campaigns.jpg)
}
.cs-bg-div.solar-city{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba7fd37f49b779a26f0d8c7_solarcity-cs-bg1.jpg)
}
.cs-bg-div.givepower{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba80053b828fc54a1532c08_givepower-cs-bg.jpg)
}
.cs-bg-div.kore{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba8028a9ad787a0531f56cc_kore-cs-bg.png)
}
.cs-bg-div.cardiff{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba804eec325b6c82e35249a_cardiff-cs-bg.jpg)
}
.cs-bg-div.moment{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba80822f49b776649f0e0b6_moment-cs-bg1.jpg)
}
/* .cs-bg-div.boosted-site{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e04efbf0b1ac58fadeb3a64_boosted-ux-hero.jpg)
} */
.cs-bg-div.boosted-rev{
background-image:none
}
.cs-bg-div.rivian-case-study{
background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6362d058c159b6998224ea81_220801_KYSON-DANA_EASTERN_IDAHO-.jpeg);
background-position:0 0,50%;
background-repeat:repeat,no-repeat;
/* background-size:auto,cover */
}
.case-studies-section{
margin:23px;
display:block;
position:relative;
top:80px
}
.case-studies-section.ux-page{
margin-bottom:100px;
top:12px
}
.cs-text-block-div{
width:400px;
margin-left:75px;
display:block;
position:relative;
top:60px
}
.cs-block-title{
width:400px;
color:#fff;
text-transform:uppercase;
margin-top:24px;
margin-bottom:24px;
font-family:Teko,sans-serif;
font-size:50px;
font-weight:500;
line-height:44px;
display:flex
}
.cs-block-title.dark{
color:#181818
}
.cs-block-title.dark.boosted{
width:370px
}
.cs-block-title.givepower{
width:405px;
display:block
}
.cs-block-title.cardiff{
width:480px
}
.cs-block-title.rev{
width:420px;
align-items:flex-start
}
.cs-block-title.footer-title{
width:160px
}
.cs-block-role{
opacity:.4;
color:#fff;
letter-spacing:2px;
text-transform:uppercase;
font-family:Teko,sans-serif
}
.cs-block-role.dark{
color:#181818
}
.cs-block-role.boosted-launch{
opacity:.68
}
.cs-block-role.cardiff{
opacity:.62
}
.cs-block-description{
width:400px;
color:#fff
}
.cs-block-description.dark{
color:#181818
}
.cs-block-description.newsletter{
color:#8a8a8a;
margin-bottom:29px;
font-size:18px;
line-height:24px
}
.button-5{
margin-top:51px
}
.cs-block-brand-logo{
margin-bottom:150px
}
.background-video-5{
height:600px;
display:block
}
.div-block-11{
width:100%;
height:600px;
background-image:linear-gradient(transparent,rgba(0,0,0,.38)),linear-gradient(rgba(0,0,0,.73),rgba(0,0,0,.73));
position:absolute
}
.bold-text-4{
font-weight:500;
line-height:2px
}
.cs-page-title{
color:#fff;
text-transform:uppercase;
font-family:Teko,sans-serif;
font-size:41px;
font-weight:400;
line-height:41px
}
.cs-page-title.b-branding{
width:269.984px
}
.cs-page-title.center{
text-align:center;
margin-top:180px;
margin-bottom:46px
}
.gallery-img{
padding-left:135px;
padding-right:135px
}
.small-img{
padding:0 300px
}
.paragraph-4{
line-height:64px
}
.list{
width:699px;
padding-right:0
}
.html-embed{
width:855px;
height:100%;
margin-left:auto;
margin-right:auto;
position:relative
}
.text-block-19{
position:relative
}
.div-block-12{
z-index:1;
height:690px;
color:#181818;
background-image:linear-gradient(#181818,#181818);
justify-content:center;
align-items:baseline;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
overflow:hidden
}
.pre-loader{
z-index:99999;
background-image:linear-gradient(#181818,#181818);
justify-content:center;
align-items:center;
display:none;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
overflow:visible
}
.pre-loader.home{
z-index:99999;
align-items:center;
display:none
}
.div-block-13{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba9b6c1db34509707b10133_pre-loader-logos.gif);
background-position:50%;
background-repeat:no-repeat;
background-size:120px;
position:fixed;
top:0;
bottom:0;
left:0;
right:0
}
.med-image{
margin-top:-55px;
padding-top:0;
padding-left:190px;
padding-right:190px
}
.med-image.gap{
margin-top:39px
}
.text-left-side.background-img{
height:1379px;
background-color:#2e2e2e;
margin-top:60px
}
.text-left-side.background-img.boosted{
height:710px;
margin-top:0
}
.text-left-side.background-img.flaoter{
background-color:rgba(46,46,46,0)
}
.text-left-side.grey{
background-color:#f3f3f3
}
.image-47{
margin-top:184px
}
.background-video-6{
z-index:2;
width:1000px;
height:540px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5bada34b1f2da2c10316d79d_boosted-logo-black.jpg);
background-position:0 0;
background-size:1009px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
position:relative;
top:0;
bottom:0;
left:0;
right:0
}
.image-48{
z-index:1;
width:1158px;
height:603px;
margin-left:auto;
margin-right:auto;
display:block;
position:relative;
bottom:140px
}
.image-49{
margin-top:-75px;
padding-top:0;
position:relative;
top:-50px
}
.video-section{
height:670px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5bada6db2ca03599e50cee86_boosted-video-background.jpg);
background-position:0 0;
background-repeat:no-repeat;
background-size:cover;
margin-top:268px;
margin-bottom:635px;
position:relative
}
.video{
width:805px;
height:auto;
margin-left:auto;
margin-right:auto
}
.floating-video{
width:806px;
margin-top:17px;
margin-left:auto;
margin-right:auto;
position:relative;
bottom:90px;
left:-50px
}
.floating-video.right{
left:140px
}
.floating-video.left{
margin-bottom:0;
padding-bottom:0;
bottom:90px;
right:110px
}
.background-video-7{
width:396px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5badb0a635e113d7a59a2280_android.jpg);
background-size:cover;
margin-bottom:-349px;
position:relative;
top:-830px;
left:40px
}
.image-50{
z-index:0;
margin-top:-113px;
padding-top:0;
position:relative
}
.intro-img{
margin-top:184px
}
.intro-img.b-product-launch{
margin-top:-29px;
position:relative;
top:140px
}
.intro-img.b-product-launch.gap{
margin-top:40px
}
.link-3{
color:#a0a0a0;
letter-spacing:1px;
text-transform:uppercase;
margin-top:29px;
margin-left:35px;
margin-right:35px;
font-family:Teko,sans-serif;
font-size:16px;
font-weight:400;
text-decoration:none;
transition:all .258s;
display:inline-block;
position:relative;
top:0;
bottom:0;
left:0;
right:0;
overflow:visible
}
.link-3:hover{
color:#fff;
letter-spacing:1px
}
.link-3.edge{
margin-right:-1px
}
.link-3.edge.rev{
align-self:center;
margin-top:auto;
margin-bottom:auto
}
.link-3.edge.rev:hover{
opacity:.52
}
.link-3.rev{
color:#e6e6e6;
font-size:18px
}
.link-3.rev.nav{
margin-top:auto;
margin-bottom:auto
}
.link-3.rev.nav:hover{
opacity:.52
}
.div-block-14{
height:90px;
justify-content:flex-end;
display:flex
}
.div-block-15{
height:5px;
color:#000;
background-image:linear-gradient(#858585,#858585);
flex-flow:column;
flex:none;
justify-content:flex-start;
align-items:center;
padding-bottom:7px;
display:block;
position:relative;
bottom:0;
left:0;
right:0
}
.pre-loader-text{
color:#fff;
justify-content:center;
align-items:center;
margin-top:auto;
margin-bottom:auto;
font-family:Teko,sans-serif;
font-size:44px;
display:flex;
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.image-51{
z-index:-1;
width:436px;
margin:auto;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.section-18{
z-index:0;
height:971px;
margin-top:77px;
position:relative;
overflow:auto
}
.container-18{
margin-top:78px;
margin-bottom:259px;
position:relative
}
.columns{
position:relative
}
.text-block-20{
text-transform:none;
margin-top:96px;
margin-bottom:29px;
font-family:Archivo Black,sans-serif;
font-size:21px;
font-style:normal;
line-height:30px
}
.text-block-21{
width:930px;
height:80px;
direction:ltr;
text-transform:none;
margin-top:172px;
font-family:Archivo Black,sans-serif;
font-size:84px;
text-decoration:none;
position:relative
}
.text-block-22{
font-family:Nunito,sans-serif
}
.body-copy{
font-family:Nunito,sans-serif;
position:relative
}
.sub-header-copy{
margin-top:26px;
margin-bottom:40px;
font-family:Nunito,sans-serif;
font-size:18px;
line-height:28px
}
.text-block-23{
z-index:-1;
color:#f0f0f0;
text-align:center;
border:1px #000;
margin-top:184px;
font-family:Archivo Black,sans-serif;
font-size:324px;
position:absolute;
top:-20px;
bottom:0;
left:0;
right:0
}
.text-block-23.row-2{
z-index:-1;
top:260px
}
.text-block-23.row-2.row-3{
z-index:-1;
top:540px
}
.section-19{
z-index:0;
height:690px;
background-image:linear-gradient(rgba(0,0,0,.41),transparent 25%),linear-gradient(rgba(0,0,0,.19),rgba(0,0,0,.19)),url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6362f1b3594ae26215b700c6_220801_KYSON-DANA_EASTERN_IDAHO-03736.jpg);
background-position:0 0,0 0,50% 0;
background-repeat:repeat,repeat,no-repeat;
background-size:auto,auto,cover;
border-style:none;
position:relative;
top:100px
}
.saraky-h1{
color:#f1c22d;
text-align:center;
letter-spacing:1px;
margin-top:155px;
font-family:Archivo Black,sans-serif;
font-size:40px;
font-weight:700
}
.paragraph-5{
width:430px;
color:#fff;
text-align:center;
margin-top:20px;
margin-left:auto;
margin-right:auto
}
.link-4{
color:#161616
}
.div-block-16{
width:140px;
margin-top:30px;
margin-left:auto;
margin-right:auto
}
.image-52{
width:100%;
height:100%;
filter:brightness(23%);
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5bf5e6524fac809aa56a10b1_cover-image.jpg);
background-position:0 0;
background-repeat:no-repeat;
background-size:cover;
display:none
}
.image-53{
overflow:visible
}
.grid{
grid-template-columns:1fr 1fr 1fr;
grid-template-areas:"Area";
grid-auto-flow:row;
display:none
}
.image-54{
height:100%;
max-width:none;
border:1px #000
}
.columns-2{
margin-bottom:70px
}
.body-5{
background-color:#f0efe7
}
.wide-container{
width:auto;
max-width:1400px;
min-width:0;
margin-left:auto;
margin-right:auto
}
.h1-me{
max-width:1200px;
color:#3c3c3c;
margin-top:170px;
font-family:Vollkorn,serif;
font-size:90px;
font-weight:700;
line-height:100px
}
.me-paragraph{
max-width:800px;
margin-top:120px;
font-family:Lato,sans-serif;
font-size:32px;
line-height:48px
}
.pill-black{
background-color:#363a3d;
border:0 #000;
border-radius:100px;
margin-top:30px;
padding:18px 41px
}
.pull-quote-me{
max-width:1130px;
font-family:Archivo Black,sans-serif;
font-size:62px;
line-height:69px
}
.text-span{
cursor:pointer;
background-color:#e5dbac
}
.image-55{
opacity:0;
display:inline-block;
position:relative;
top:-2093px;
bottom:0;
left:166px
}
.body-6{
background-color:#181818
}
.section-20{
min-height:847px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5dfba743147ea64465fcefb3_background-work.jpg);
background-position:0 0;
background-size:cover;
position:static
}
.container-19{
position:relative;
top:371px
}
.text-block-24{
text-align:center
}
.button-6{
position:absolute
}
.button-7{
float:left;
clear:both;
position:relative;
top:143px;
left:431px;
right:-34px
}
.video-background{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e0f8dd54b55b02d8d26ed3e_boosted-rev-launch-hero%20\(1\).png);
background-position:50% 100%;
background-size:cover;
margin-top:0
}
.video-background.rev{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e0fa0836a42a48a7b4cbb1e_kyson-dana-durability-studio-36%20\(1\).jpg),radial-gradient(circle at 50% 0,#383838,#000);
background-position:50%,0 0;
background-repeat:repeat,repeat
}
.video-in-bg{
margin-top:75px;
margin-bottom:75px
}
.text-center-color{
background-color:#181818
}
.text-center-color.white{
background-color:#fff
}
.text-center-color.orange{
background-color:#df5c00;
padding-top:155px
}
.content-center-text{
width:690px;
color:#fff;
text-align:center;
letter-spacing:0;
margin:110px auto 194px;
font-size:24px;
line-height:37px
}
.content-center-text.center-grey{
width:780px;
color:#5c5c5c;
margin-top:34px
}
.content-center-text.city{
margin-top:30px;
margin-bottom:40px
}
.content-center-text.city.city2{
margin-top:113px
}
.div-block-17{
height:700px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e0f92a498f2dcd70ccd9a48_focus-groudp.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
background-attachment:scroll;
margin-left:-13px
}
.columns-3{
background-color:#e9e9e9;
margin-top:222px
}
.paragraph-6{
margin-top:90px
}
.caption{
color:#fff;
margin-top:-64px;
margin-bottom:76px;
font-family:Nunito,sans-serif;
font-style:italic
}
.caption.content{
color:#757575;
margin-top:-10px;
margin-bottom:79px;
padding-left:0;
display:block
}
.background-video-8{
z-index:0;
height:690px;
float:none;
clear:none;
object-fit:fill;
flex-flow:column;
margin-left:auto;
margin-right:auto;
display:block;
position:relative;
overflow:visible
}
.body-7{
background-color:#181818
}
.video-hero{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e1009fc98f2dc4f2fd27b7f_Mask%20Group%20562.jpg);
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.video-hero.mcgill{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e10e194946b125922b0d833_mcgill-hero1%402x-\(1\)1.jpg)
}
.grid-2{
grid-column-gap:5px;
grid-row-gap:16px;
grid-template:"Area""Area-2"1.5fr/.75fr .75fr .75fr .75fr;
grid-auto-columns:1fr;
grid-auto-flow:row;
margin-top:139px;
display:grid
}
.the-team{
padding-left:4px;
top:267px;
left:101px
}
.youtube{
width:auto;
max-height:0;
max-width:1375px;
margin:-106px auto 24px
}
.youtube.teaser{
margin-bottom:120px
}
.youtube.alive{
margin-bottom:120px;
display:block
}
.text-block-26{
font-family:Nunito,sans-serif
}
.div-block-18,.content-img{
max-width:1375px;
margin-left:auto;
margin-right:auto
}
.content-left-collumn{
padding-left:0;
padding-right:5px
}
.columns-4{
padding-top:0;
padding-bottom:10px
}
.content-right-collumn{
padding-left:5px;
padding-right:0
}
.single-img{
margin-bottom:10px
}
.lead-video-div{
max-width:1375px;
margin-left:auto;
margin-right:auto
}
.image-56{
max-width:100%;
min-height:100px;
padding-bottom:0
}
.image-59{
overflow:visible
}
.more-stories{
max-width:1375px;
margin:55px auto 82px
}
.more-stories.all{
margin-top:81px
}
.div-block-19{
width:1375px;
max-width:1375px;
margin-top:0;
margin-left:auto;
margin-right:auto
}
.content-role{
color:#727272;
padding-top:15px;
font-family:Nunito,sans-serif;
font-size:15px
}
.content-title{
color:#d9d9d9;
padding-top:10px;
font-family:Nunito,sans-serif;
font-size:20px
}
.more-stories-link-block{
opacity:1;
perspective:none;
transition:opacity .2s
}
.more-stories-link-block:hover{
opacity:.74
}
.section-21{
max-width:none;
background-color:#fff;
margin:58px 0 0;
padding-top:56px;
padding-bottom:74px
}
.div-block-20{
max-width:1375px;
margin-left:auto;
margin-right:auto
}
.body-8{
background-color:#181818
}
.visual-stories-hero{
margin-top:220px;
margin-bottom:115px
}
.div-block-21{
max-width:1375px;
margin-left:auto;
margin-right:auto
}
.paragraph-7{
max-width:605px;
color:#9a9a9a;
margin-top:50px;
font-family:Nunito,sans-serif;
font-size:22px;
line-height:30px
}
.paragraph-7.ux-paragraph{
max-width:560px
}
.image-63{
display:none
}
.me{
max-width:800px;
opacity:.53;
display:none;
position:absolute;
top:9%;
bottom:auto;
left:auto;
right:18%
}
.section-22{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e10e0a56a42a4c0ff552ede_mike-mcgill-hero%402x%20\(1\).jpg)
}
.section-23{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e10e194946b125922b0d833_mcgill-hero1%402x-\(1\)1.jpg)
}
.section-23._105s{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e10eb0d946b1233e2b110db_105s-hero-blur%402x%20\(1\).jpg)
}
.section-23.beams{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e1112474b55b073e73502a1_beams-blur-hero%402x.jpg)
}
.section-24{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e111b165aa398dc67fd7c31_Group-4576%402x-1.jpg)
}
.section-25{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e1122216a42a45d7a571598_come-alive-blur.jpg)
}
.section-25.origin{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e1157360227d0152178f2ed_origin-blurry%402x.jpg)
}
.div-block-22{
z-index:1;
position:relative
}
.image-64{
width:90px;
max-width:100%;
clear:none;
position:absolute;
top:29%;
bottom:29%;
left:40%;
right:41%
}
.section-26{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e1206ea0227d0435e7bf7b8_launch-blur%402x.jpg)
}
.section-27{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e1217aa5aa398313804768c_Group-4584-1%402x%20\(1\).jpg)
}
.section-28{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e122defc5e98c246af766ae_sf-blur-hero.jpg)
}
.section-29{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e12b4b54b55b077223ec953_uncommute-blur%402x.jpg)
}
.category-p{
margin-bottom:3px
}
.body-9{
color:#181818;
background-color:#181818
}
.heading-5{
color:#dbdbdb;
font-family:Archivo Black,sans-serif
}
.text-block-27{
color:#aaa
}
._404link{
color:#629aa8
}
.floater-img{
z-index:-1;
position:relative;
top:-1377px
}
.scroll-progress{
z-index:99999;
width:100%;
height:7px;
perspective-origin:0%;
transform: ;
transform-origin:0%;
background-color:#fff;
display:inline-block;
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.scroll-progress.teal{
background-color:#00e6ff
}
.scroll-progress.orange{
background-image:linear-gradient(rgba(168,165,125,.5),rgba(168,165,125,.5))
}
.link-5{
color:#b89107
}
.div-block-23{
display:block
}
.div-block-24{
z-index:1000;
width:100vw;
height:150vw;
opacity:.87;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/605cef053c8bfb856db3e614_paper-texture-narrow%201.png);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover;
display:none;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.nav-header{
z-index:3;
height:8px;
max-width:1702px;
background-color:#000;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
margin-left:auto;
margin-right:auto;
line-height:8px;
display:block;
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.logo-container{
z-index:100;
width:184px;
height:80px;
background-color:#000;
flex-direction:row;
flex:0 auto;
order:0;
justify-content:flex-start;
align-self:flex-start;
align-items:flex-start;
margin-left:-4px;
padding-left:0;
display:flex;
position:static;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.logo{
margin:auto;
padding-top:20px;
padding-bottom:20px;
display:block;
position:static
}
.home-hero-section{
height:90vh;
background-color:#f0f0f0;
align-items:stretch;
display:flex;
position:static
}
.div-block-25{
width:100%;
height:90vh;
object-fit:contain;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609027bbca2fb20eb86a77df_work.jpg);
background-repeat:no-repeat;
background-size:cover;
border:0 solid #000;
border-right-width:4px;
display:block
}
.div-block-26{
width:544px;
height:100%;
max-width:590px;
min-width:544px;
border-right:4px solid #000;
align-self:center;
padding-top:30vh
}
.div-block-27{
width:360px;
max-width:none;
min-width:360px;
flex-direction:column;
justify-content:flex-end;
padding-top:30vh;
display:flex;
position:relative
}
.image-65{
height:90vh;
max-width:none;
object-fit:fill;
display:none
}
.text-block-28{
font-family:Changa One,Impact,sans-serif;
font-size:90px
}
.text-block-29{
height:100%;
color:#000;
letter-spacing:-2px;
object-fit:fill;
flex-direction:column;
justify-content:flex-start;
align-items:center;
margin:auto;
padding:0 54px;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:70px;
font-weight:700;
line-height:75px;
display:flex
}
.text-block-30{
height:100%;
max-height:none;
max-width:none;
min-width:0;
color:#b1b1b1;
align-items:flex-start;
padding-top:11px;
padding-left:71px;
padding-right:71px;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:40px;
font-weight:700;
line-height:50px;
display:flex
}
.home-bio-section{
height:auto;
background-color:#000;
position:relative
}
.earth{
z-index:1000;
margin-left:auto;
margin-right:auto;
padding-left:0;
transition:all .2s;
position:absolute;
top:-11%;
bottom:auto;
left:25%;
right:4%
}
.earth:hover{
top:-9%;
transform:rotate(14deg)
}
.slider-2{
height:100%;
max-width:100%;
min-width:400px;
opacity:1;
display:none;
position:static
}
.right-arrow{
display:none
}
.slide-5{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/608b02c9b540582c0a6da29c_kyson-dana-illustration.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-6{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609027bbca2fb20eb86a77df_work.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-7{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/605cbf616bd3a5233e52409d_kyson-dana-portrait-.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-9{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e1232b30227d0f9ea7d3524_kyson-dana-sf-stephan-potrero-21%402x.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.icon-3,.icon-4,.left-arrow,.slide-nav{
display:none
}
.body-10{
max-width:1710px;
background-color:#d8d8d8;
border:4px solid #000;
margin-left:auto;
margin-right:auto
}
.slide-10{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e11265498f2dca324d959ed_bb_holiday_stealth_0180_004_00365%402x.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-11{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e1117834b55b0c42435271b_DSC09444%402x.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-12{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5bb025df3a685e19c1d77b96_static1.squarespace-20.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-13{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e18fdd3ce1e0e5b9fa29063_5e0f904a4b55b074f426fd57_boosted-rev-orange%402x-\(1\).jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-14{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5bbc1d2b39554e5425ce0c9c_may-sunday-beach-43.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-1{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5bb01c50c8d85105f0c4e2ef_moment-travel-kyson-dana-web-design-photography.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slide-1-2{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5baefebcace69cbc3ab313d6_cardiff-f2-kysondana.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:auto
}
.slide-1-3{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba7fce65ced0c12fae60400_solarcity-cs-bg.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover
}
.slider-chill{
height:100%;
opacity:1;
display:block;
position:static
}
.slide-video-1{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:0 0;
background-size:auto
}
.background-video-9{
width:100%;
height:100%;
object-fit:cover;
display:block
}
.circle-scribble{
width:90%;
height:100%;
transform-style:preserve-3d;
margin-left:auto;
margin-right:auto;
position:absolute;
top:173px;
bottom:auto;
left:0%;
right:0%
}
.div-block-28{
position:relative
}
.div-block-29{
width:1060px;
align-items:center;
margin:auto;
padding:164px 62px 261px;
display:flex;
position:relative
}
.image-68{
width:424px;
height:424px
}
.paragraph-8{
color:#f3f3f3;
letter-spacing:0;
margin-bottom:-171px;
margin-left:-69px;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:22px;
font-weight:300;
line-height:31px
}
.link2{
color:#c08d4f;
border:0 #c08d4f;
border-bottom:2px dotted #c08d4f
}
.down-arrow{
-webkit-text-fill-color:inherit;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6090517067a9d6497efda851_down-arrow1.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:contain;
background-clip:border-box;
font-size:16px;
line-height:30px
}
.white-text{
color:#fff
}
.projects-header{
border:1px #000;
border-width:1px 0 3px 1px;
justify-content:space-between;
margin:0 24px 60px;
padding:36px 0 9px;
display:flex
}
.projects-header.playground{
margin-bottom:98px
}
.text-block-31{
color:#000;
border-bottom:4px solid #000;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:48px;
font-weight:700;
line-height:80px
}
.projects{
height:90vh;
background-color:#f0f0f0;
padding-top:60px;
display:none;
overflow:hidden
}
.projects-container{
width:114%;
height:auto;
object-fit:fill;
justify-content:flex-start;
padding-left:32px;
padding-right:24px;
display:flex;
overflow:hidden
}
.work-featured-img{
width:auto;
height:auto;
filter:blur();
background-color:#000;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609324704c8daa9f0524db90_rivian-kyson.jpeg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
border-width:4px;
flex:1;
align-self:stretch;
transition:filter .2s;
position:relative
}
.work-featured-img:hover{
opacity:1;
filter:none;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609324704c8daa9f0524db90_rivian-kyson.jpeg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover
}
.work-featured-img._2{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b90b570c377f5101108936f_boosted-boards-kyson-dana.jpg)
}
.work-featured-img._3{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba807efb828fc471c533335_moment-cs-bg1.jpg);
background-position:100%;
background-size:cover
}
.work-featured-img._4{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba7fce65ced0c12fae60400_solarcity-cs-bg.jpg)
}
.work-featured-img._4.last-card{
width:auto;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/60932d744f912713eae53d39_snowboarding.jpg);
background-position:100%;
background-repeat:no-repeat;
background-size:cover;
justify-content:flex-start;
align-items:center;
display:flex
}
.work-featured-img._4.last-card.blog{
filter:brightness(61%);
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6095c19a0a2535e69247d117_IMG_3896.JPG)
}
.work-featured-img.surf{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6095c19a463f5e04633b41f5_IMG_3880.JPG);
border:4px solid #000;
border-radius:0
}
.work-featured-img.child{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6095c0993fc5e91548daf19a_photo13.jpg);
border:4px solid #000
}
.work-featured-img.another{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6095bdb4b5d42e3a66521206_photo2%203.jpg);
border:4px solid #000
}
.project-card{
width:auto;
height:auto;
min-height:400px;
min-width:400px;
flex-direction:column;
flex:1;
justify-content:space-between;
align-self:auto;
align-items:flex-start;
margin-right:0;
padding-right:24px;
display:flex;
overflow:hidden
}
.text-block-32{
font-family:Inconsolata,monospace
}
.mono-tag{
text-align:left;
margin-bottom:6px;
font-family:Inconsolata,monospace;
display:block
}
.mono-tag.right{
margin-right:0
}
.text-block-33{
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:20px
}
.text-block-34{
width:313px;
white-space:normal;
-webkit-text-fill-color:inherit;
background-clip:border-box;
margin-top:20px;
margin-bottom:0;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:20px;
line-height:25px
}
.div-block-31{
height:100%;
max-height:100%
}
.mountain-gif{
width:100%;
height:auto;
max-width:none;
object-fit:contain;
object-position:50% 50%;
flex:0 auto;
margin-bottom:-1px;
display:none
}
.paper-overlay{
z-index:100;
width:100%;
max-width:1700px;
object-fit:fill;
margin-left:auto;
margin-right:auto;
transition:opacity 1s;
display:none;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.slide-video-1-copy{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:0 0;
background-size:auto
}
.background-video-10{
width:100%;
height:100%;
object-fit:cover
}
.space-manifesto{
z-index:900;
height:100vh;
background-color:#000;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/60909d6f421b452de26e38aa_nasa-space.jpg);
background-position:50% 10%;
background-repeat:no-repeat;
background-size:cover;
flex-direction:row;
margin-top:-100vh;
display:flex;
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.dropdown{
margin-left:261px
}
.text-block-35{
width:600px;
color:#fff;
letter-spacing:0;
order:-1;
margin-top:auto;
margin-bottom:auto;
margin-left:90px;
font-family:Vollkorn,serif;
font-size:21px;
font-weight:400;
line-height:31px;
display:block
}
.div-block-32{
width:600px;
flex-direction:column;
display:flex
}
.text-span-2{
font-size:46px;
font-weight:700;
line-height:51px
}
.div-block-33{
display:block
}
.close{
width:230px;
color:#fff;
text-align:center;
border:2px solid #fff;
border-radius:80px;
margin-bottom:32px;
margin-left:90px;
padding:15px 18px;
font-size:24px;
line-height:40px
}
.eyes{
width:360px;
height:60px;
max-width:360px;
min-width:10px;
clear:none;
object-fit:contain;
margin-right:0;
padding-top:0;
transition:transform .2s,opacity .2s;
position:absolute;
top:0%;
bottom:auto;
left:auto;
right:0%;
transform:translateY(14px)
}
.eyes:hover{
opacity:0;
transform:translate(0)
}
.link-list{
width:160px;
color:#b1b1b1;
padding-left:0;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:40px;
font-weight:700;
line-height:50px;
transition:color .2s
}
.link-list:hover{
color:#000
}
.div-block-34{
height:100%;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
padding:11px 71px 0;
display:flex
}
.text-block-36{
color:#b1b1b1;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:40px;
font-weight:700;
line-height:40px
}
.first-mountain-gif{
width:100%;
height:auto;
max-width:none;
object-fit:contain;
object-position:50% 50%;
flex:0 auto;
margin-bottom:0;
display:block;
position:absolute
}
.preloader-playground{
z-index:1020;
width:100vw;
height:100vh;
background-color:#d4d4d4;
border:8px solid #000;
margin-top:0;
margin-left:auto;
margin-right:auto;
display:none;
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.image-69{
width:340px;
max-width:80%;
align-self:center;
margin-left:auto;
margin-right:auto
}
.logo-hover{
z-index:10;
width:100%;
height:100%;
opacity:0;
background-color:rgba(255,255,255,0);
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b108cc05b79239093932284_boosted-logo-white.png);
background-position:50%;
background-repeat:no-repeat;
background-size:30%;
flex:1;
align-self:stretch;
margin:auto;
transition:opacity .2s;
display:block;
position:absolute;
top:auto;
bottom:auto;
left:auto;
right:auto
}
.logo-hover:hover{
opacity:1
}
.logo-hover._2,.logo-hover._3{
background-image:none
}
.logo-hover._4{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba7fce65ced0c12fae60400_solarcity-cs-bg.jpg)
}
.logo-hover._4.last-card{
background-image:none;
background-repeat:repeat;
background-size:auto
}
.logo-hover.rivian{
z-index:999;
width:100%;
height:100%;
opacity:1;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609325191834b4d6d1bdaef6_rivian-logo-white.svg);
background-size:30%;
margin:auto;
display:block;
position:absolute;
top:auto;
bottom:auto;
left:auto;
right:auto
}
.logo-hover.moment{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609327aeb051e53d54133e69_Moment-Profile.png);
background-size:28%
}
.logo-hover.cardiff{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba80546f49b775f09f0dfca_cardiff-logo.png);
background-size:25%
}
.logo-hover.solarcity{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba81a7de33cb61a211c72f5_solarcity-logo.png);
background-size:20%
}
.div-block-35{
z-index:170;
width:80%;
height:80%;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609328c66fa738c0dbf6aeaa_arrow-circule.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:contain;
flex:1;
align-self:center;
margin:auto;
padding-left:0;
padding-right:0;
position:absolute
}
.more-projects{
z-index:170;
width:100%;
height:100%;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609329358424a1570c0e50c9_more-projects.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:contain;
flex:1;
align-self:center;
margin-left:auto;
margin-right:auto;
padding-left:0;
transition:opacity .2s;
position:absolute
}
.img-hover{
z-index:10;
width:auto;
height:auto;
opacity:0;
background-color:rgba(255,255,255,0);
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b108cc05b79239093932284_boosted-logo-white.png);
background-position:50%;
background-repeat:no-repeat;
background-size:40%;
flex:1;
align-self:stretch;
transition:opacity .2s;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.img-hover:hover{
opacity:1
}
.img-hover._2,.img-hover._3{
background-image:none
}
.img-hover._4{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba7fce65ced0c12fae60400_solarcity-cs-bg.jpg)
}
.img-hover._4.last-card{
background-image:none;
background-repeat:repeat;
background-size:auto
}
.img-hover.rivian{
z-index:10;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6090936bb0d5a62988e9bfe5_space-earth.jpg)
}
.img-hover.moment{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609327aeb051e53d54133e69_Moment-Profile.png);
background-size:35%
}
.div-block-36{
width:60%;
height:140px;
flex-direction:row;
flex:0 auto;
justify-content:center;
align-self:center;
align-items:center;
margin-left:0;
display:flex;
position:relative
}
.play{
height:auto;
background-color:#f0f0f0;
padding-bottom:102px;
position:relative;
overflow:hidden
}
.text-block-37{
width:120%;
max-width:none;
clear:both;
direction:ltr;
color:#000;
text-align:center;
letter-spacing:0;
text-indent:0;
column-count:auto;
white-space:normal;
flex:1;
align-self:center;
margin-left:0;
margin-right:0;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:40vw;
font-weight:700;
line-height:90%;
display:none;
overflow:hidden
}
.div-block-37{
flex-direction:column;
justify-content:center;
align-items:center;
margin-bottom:120px;
display:none
}
.text-block-38{
width:440px;
margin-top:-8px;
margin-bottom:20px;
margin-left:397px;
font-family:Inconsolata,monospace;
font-size:20px;
font-style:normal;
font-weight:400;
line-height:27px;
display:none
}
.play-row-1{
z-index:auto;
width:auto;
height:auto;
max-width:1710px;
object-fit:fill;
flex-flow:row;
align-content:space-around;
justify-content:space-between;
align-items:stretch;
margin-top:0;
display:flex;
position:absolute;
top:0;
bottom:0%;
left:0%;
right:0%;
overflow:visible
}
.play-row-1.extended{
margin-top:0;
display:flex
}
.play-image{
z-index:auto;
width:400px;
height:400px;
max-width:none;
cursor:move;
object-fit:cover;
flex:0 auto;
align-self:stretch;
transition:all .1s;
position:relative
}
.play-image:hover{
transform:rotate(5.99999deg);
box-shadow:6px 6px 18px -4px rgba(0,0,0,.16)
}
.play-image:active{
z-index:2147483647;
transform:scale(1.03);
box-shadow:0 24px 50px 10px rgba(0,0,0,.66)
}
.play-image._1{
width:400px;
height:auto;
max-width:none;
object-fit:cover;
flex:0 auto;
align-self:stretch;
display:block;
transform:rotate(17deg)
}
.play-image._2{
z-index:auto;
transform:rotate(-11deg)
}
.play-image._2:hover{
transform:rotate(-3deg);
box-shadow:4px 4px 18px 3px rgba(0,0,0,.16)
}
.play-image._2:active{
z-index:99999;
transform:scale(1.03);
box-shadow:17px 17px 50px -10px rgba(0,0,0,.5)
}
.play-image._2.reveal-down{
margin-top:26px;
padding-top:0
}
.play-image._3{
transform-style:preserve-3d
}
.play-image._3:hover{
transform:scale3d(1none,1none,1none)rotate(3deg);
box-shadow:4px 4px 18px 3px rgba(0,0,0,.16)
}
.play-image._3:active{
transform:scale(1.03);
box-shadow:17px 17px 50px -10px rgba(0,0,0,.16)
}
.play-image._4{
z-index:auto;
cursor:move;
transform:rotate(-11deg)
}
.play-image._4:hover{
transform:rotate(-6deg)
}
.play-image._4:active{
z-index:9999;
transform:scale(1.03);
box-shadow:0 24px 50px -10px rgba(0,0,0,.66)
}
.play-image._5{
transform:rotate(20deg)
}
.play-image._5:hover{
transform:rotate(14deg);
box-shadow:4px 4px 18px 3px rgba(0,0,0,.24)
}
.play-image._5:active{
z-index:99999;
transform:scale(1.03);
box-shadow:0 24px 50px -10px rgba(0,0,0,.43)
}
.play-image._5.reveal{
margin-top:-87px;
padding-top:0
}
.play-row-2{
z-index:auto;
width:auto;
height:auto;
max-width:1710px;
flex-flow:row;
justify-content:space-between;
align-items:stretch;
margin-top:0;
display:flex;
position:absolute;
top:350px;
bottom:0%;
left:0%;
right:0%;
overflow:visible
}
.play-row-3{
z-index:auto;
width:auto;
height:auto;
max-width:1710px;
flex-flow:row;
justify-content:space-between;
align-items:stretch;
margin-top:0;
display:flex;
position:absolute;
top:550px;
bottom:0%;
left:0%;
right:0%;
overflow:visible
}
.play-gallery{
cursor:auto;
flex-direction:column;
display:flex;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.text-span-3{
font-family:Inconsolata,monospace
}
.back-row{
z-index:0;
width:auto;
height:auto;
max-width:1710px;
flex-flow:row;
justify-content:space-between;
align-items:stretch;
margin-top:0;
display:flex;
position:absolute;
top:150px;
bottom:0%;
left:0%;
right:0%;
overflow:visible
}
.play-gallery-extended{
cursor:auto;
flex-direction:column;
margin-top:0;
display:flex;
position:absolute;
top:916px;
bottom:0%;
left:0%;
right:0%
}
.hidden-quote{
z-index:auto;
width:850px;
opacity:.37;
color:#c9baa0;
text-align:center;
-webkit-text-fill-color:transparent;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6095bd8a86d7467e5fce10ad_photo34.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:auto;
-webkit-background-clip:text;
background-clip:text;
flex:0 auto;
align-self:center;
margin-left:auto;
margin-right:auto;
font-family:Vollkorn,serif;
font-size:50px;
line-height:60px;
position:absolute;
top:auto;
bottom:auto;
left:0%;
right:0%
}
.play-zone{
height:1930px;
cursor:auto;
flex-direction:column;
justify-content:center;
margin-left:auto;
margin-right:auto;
display:flex;
position:relative;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.text-span-4{
letter-spacing:14px;
text-transform:uppercase;
font-size:20px;
font-weight:400
}
.div-block-38{
width:auto;
height:auto;
object-fit:fill;
flex:0 auto;
align-self:center;
margin-bottom:40px;
display:none;
overflow:visible
}
.image-70{
width:106vw;
max-width:none;
display:block
}
.section-title{
color:#000;
border:1px #000;
border-bottom-width:0;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:250px;
font-weight:700;
line-height:240px
}
.section-title.play-title{
margin-top:163px
}
.section-description{
width:343px;
height:60px;
clear:left;
text-align:left;
letter-spacing:-.5px;
align-self:flex-end;
margin-top:0;
margin-bottom:0;
margin-left:0;
padding-top:0;
font-family:Inconsolata,monospace;
font-size:16px;
font-style:normal;
font-weight:400;
line-height:20px;
text-decoration:none;
display:none
}
.blog{
height:auto;
background-color:#f0f0f0;
padding-top:160px;
overflow:hidden
}
.text-block-39{
color:#959595;
font-size:12px;
display:flex
}
.div-block-39{
border-top:2px solid #444;
justify-content:flex-start;
align-items:center;
margin-top:97px;
margin-left:auto;
margin-right:auto;
padding-top:35px;
display:flex
}
.email-desktop{
max-width:490px;
clear:left;
object-fit:contain;
flex:1;
order:1;
align-self:stretch;
display:block;
position:relative
}
.social{
margin-left:16px
}
.div-block-40{
flex:1;
justify-content:flex-end;
align-items:center;
display:flex
}
.text-field{
width:320px;
height:56px;
color:#fff;
background-color:#181818;
border:1px solid #fff;
border-radius:4px;
margin-right:4px
}
.text-field::-ms-input-placeholder{
color:#959595
}
.text-field::placeholder{
color:#959595
}
.text-field.email-cta{
color:#030303;
background-color:#e9e9e9;
border-width:2px;
border-color:#b8b8b8
}
.text-field.email-cta:hover{
background-color:#f3f3f3;
border-color:#777
}
.text-field.email-cta:focus-visible{
color:#000;
background-color:#f5f5f5
}
.text-field.email-cta[data-wf-focus-visible]{
color:#000;
background-color:#f5f5f5
}
.text-field.first-name{
width:180px;
background-color:#fff;
border-top-right-radius:0;
border-bottom-right-radius:0;
margin-right:7px
}
.text-field.email{
width:250px;
background-color:#fff;
border-radius:0;
margin-left:-5px;
margin-right:-5px
}
.div-block-41{
width:auto;
justify-content:space-between;
margin-top:48px;
margin-left:auto;
margin-right:auto;
display:flex
}
.footer-collumn{
flex:0 auto;
align-self:flex-start;
margin-right:100px
}
.text-block-40{
color:#f0e4d5;
margin-top:40px;
margin-bottom:12px;
font-size:16px;
font-weight:700
}
.footer-details{
margin-right:60px
}
.footer-link{
color:#8a8a8a;
margin-top:24px;
font-size:16px
}
.footer-link:hover{
color:#fff
}
.submit-button{
height:56px;
color:#000;
background-color:#f1c22d;
border-radius:4px;
flex:1;
font-weight:700
}
.submit-button:hover{
background-color:#e4b316
}
.submit-button:active{
color:#fff;
background-color:#9b7603
}
.submit-button.is-active-email{
background-color:#c87234;
border-top-left-radius:0;
border-bottom-left-radius:0;
margin-left:7px;
margin-right:8px
}
.div-block-42{
width:auto;
height:129px;
max-width:1190px;
align-self:flex-start;
margin:auto;
padding-top:46px;
display:block
}
.text-block-12{
color:#f0e4d5;
font-size:44px;
font-weight:700;
line-height:37px
}
.form{
display:flex
}
.text-block-11{
color:#f0e4d5;
font-size:16px;
font-weight:700
}
.email-mobile{
flex:1;
align-self:stretch;
display:none
}
.footer{
height:620px;
background-color:transparent;
flex-direction:row;
justify-content:space-around;
align-items:center;
margin:0 22px auto;
padding-left:75px;
padding-right:75px;
display:block
}
.footer.dark-bg{
background-color:#181818;
margin-left:0;
margin-right:0
}
.footer.new{
margin-left:0;
margin-right:0;
padding-left:6%;
padding-right:6%
}
.projects-slider{
height:auto;
background-color:#f0f0f0;
padding-top:184px;
overflow:hidden
}
.work-slider{
width:82%;
height:auto;
max-width:1360px;
background-color:#f0f0f0;
flex-direction:row;
margin-left:24px;
margin-right:24px;
display:flex
}
.work-slider-mask{
width:100%;
height:auto;
max-width:680px;
flex:0 auto;
align-self:stretch;
overflow:visible
}
.work-left-arrow{
width:160px;
height:70%;
opacity:.05;
margin-left:12px;
transition:opacity .2s;
display:flex;
overflow:hidden
}
.work-left-arrow:hover{
opacity:1
}
.work-right-arrow{
width:200px;
align-items:stretch;
margin-top:25px;
margin-bottom:42px;
display:flex;
top:0%;
bottom:0%;
left:auto;
right:-18.5%
}
.work-slide-nav{
border-radius:0;
display:none;
top:122%;
bottom:0%;
left:0%;
right:auto
}
.work-slide-1{
width:100%;
height:auto;
max-width:680px;
clear:none;
opacity:1;
background-color:transparent;
margin-right:24px
}
.work-slide-2{
width:100%;
max-width:680px;
background-color:transparent;
margin-right:24px
}
.icon-5{
overflow:visible
}
.work-slide-3,.work-slide-4{
width:100%;
max-width:680px;
background-color:transparent;
margin-right:24px
}
.work-slide-5{
background-color:transparent;
margin-right:24px
}
.image-71{
width:140px;
padding-left:30px;
overflow:visible;
transform:rotate(0)
}
.image-71.left{
transform:rotate(-180deg)
}
.div-block-43{
height:auto;
display:block
}
.work-slide-img{
width:100%;
height:100%;
max-width:none;
object-fit:cover;
border:4px solid #000;
transition:transform .9s;
display:block;
position:absolute
}
.work-slide-img:hover{
width:100%;
object-fit:cover;
object-position:50% 50%
}
.work-text-block{
width:313px;
white-space:normal;
-webkit-text-fill-color:inherit;
background-clip:border-box;
margin-top:20px;
margin-bottom:0;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:20px;
line-height:25px
}
.slide-contents{
height:500px
}
.img-container-div{
width:auto;
height:100%;
max-width:100%;
position:relative;
overflow:hidden
}
.see-all-work{
width:400px;
height:480px;
border:4px solid #000;
flex-direction:column;
align-items:center;
margin-top:auto;
margin-bottom:auto;
display:flex;
position:absolute;
top:-8%;
bottom:0%;
left:auto;
right:-62%
}
.image-72{
width:180px;
padding-top:71px
}
.text-block-41{
text-align:center;
margin-top:26px;
margin-bottom:-16px;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:20px
}
.button-8{
width:290px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
background-color:#000;
border-radius:300px;
margin-top:32px;
margin-left:-40px;
margin-right:-40px;
padding:12px 0;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:14px;
font-weight:500;
line-height:40px
}
.right-arrow-black{
width:140px;
height:140px;
opacity:1;
align-self:center;
margin-top:auto;
margin-bottom:auto;
padding:12px;
transition:opacity .2s;
position:absolute;
top:auto;
bottom:auto;
left:auto;
right:auto;
overflow:visible;
transform:rotate(0)
}
.right-arrow-black.left{
transform:rotate(-180deg)
}
.more-arrow-div{
width:140px;
height:140px;
opacity:.8;
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:auto;
margin-bottom:auto;
margin-left:23px;
transition:opacity .2s;
display:flex;
position:relative
}
.more-arrow-div:hover{
opacity:1
}
.more-is-more{
width:140px;
height:140px;
opacity:1;
align-self:center;
margin-top:auto;
margin-bottom:auto;
padding-left:0;
transition:opacity .2s;
position:absolute;
top:auto;
bottom:auto;
left:auto;
right:auto;
overflow:visible;
transform:rotate(0)
}
.more-is-more.left{
transform:rotate(-180deg)
}
.top-title{
justify-content:space-between;
display:flex
}
.text-span-5{
width:100%;
object-fit:fill;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/609f0b5f56270b37b2417646_triangle.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.all-caps{
text-transform:uppercase
}
.div-block-44{
width:120%;
height:100%;
background-color:#000301;
flex-direction:column;
justify-content:center;
align-items:center;
margin:auto;
display:flex;
position:relative
}
.image-73{
display:block;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.image-73.mbm-screen{
width:120%;
max-width:120%;
align-self:center;
margin-left:auto;
margin-right:auto;
display:block
}
.image-74{
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.image-74.mbm-screen{
width:120%;
align-self:center;
margin-left:auto;
margin-right:auto;
display:block
}
.image-74.mbm-screen._2{
transform:rotate(11deg)
}
.image-75{
width:100%;
align-self:center;
margin-left:auto;
margin-right:auto;
display:block;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%;
transform:rotate(20deg)
}
.image-75.mbm-screen{
width:120%
}
.body-11{
background-color:#000403
}
.left-footer-collumn{
flex:1;
display:flex
}
.success-message{
color:#b89107;
background-color:#181818;
padding-left:0
}
.success-message.light-mode{
background-color:rgba(24,24,24,0)
}
.text-block-42{
color:#fff;
text-align:left
}
.text-block-42.light-mode{
color:#000
}
.banner-wrapper{
z-index:999;
margin-top:0;
overflow:hidden
}
.banner{
background-color:#000;
display:flex
}
.text-wrapper{
max-width:980px;
margin-left:auto;
margin-right:auto;
padding:49px 15px;
line-height:1.3
}
.paragraph-9{
color:#969696;
text-align:center;
margin-bottom:0;
padding-bottom:0;
font-size:15px
}
.email-cta-slide-up{
width:500px;
height:270px;
float:right;
clear:both;
background-color:#fff;
border:2px solid #000;
border-bottom:0 #fff;
border-radius:0;
justify-content:flex-end;
margin-left:22px;
margin-right:95px;
padding-top:24px;
padding-left:40px;
padding-right:40px;
display:block;
position:fixed;
top:auto;
bottom:0%;
left:auto;
right:0%
}
.email-cta-title{
width:400px;
color:#141414;
text-transform:uppercase;
margin-top:24px;
margin-bottom:2px;
font-family:Teko,sans-serif;
font-size:50px;
font-weight:500;
line-height:44px;
display:flex
}
.email-cta-title.dark{
color:#181818
}
.email-cta-title.dark.boosted{
width:370px
}
.email-cta-title.givepower{
width:405px;
display:block
}
.email-cta-title.cardiff{
width:480px
}
.email-cta-title.rev{
width:420px;
align-items:flex-start
}
.email-cta-title.footer-title{
width:160px
}
.close-x{
width:27px;
float:right;
display:block;
position:relative;
top:-1px;
left:18px
}
.close-x:hover{
opacity:.6
}
.brand-4{
height:100%;
border-right:1px solid rgba(255,255,255,.2);
justify-content:space-between;
align-items:stretch;
margin-top:auto;
margin-bottom:auto;
padding-right:42px;
display:flex
}
.brand-4.w--current{
border-right-style:none;
border-right-width:0
}
.brand-4.new{
height:90px;
align-items:center
}
.page-wrapper{
width:100%;
font-size:1em;
position:relative;
overflow:hidden
}
.container{
width:100%;
max-width:100em;
margin-left:auto;
margin-right:auto;
padding:2.3em
}
.loader_img-wrap{
width:100vw;
height:100vh;
position:relative;
overflow:hidden
}
.loader{
z-index:800;
width:100%;
height:100vh;
justify-content:center;
align-items:center;
display:flex;
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.section-30{
position:relative
}
.loader_flex{
height:561vh;
display:flex;
transform:scale(.1)
}
.loader_column-inner{
height:100%;
flex-direction:column;
flex:none;
justify-content:space-between;
align-items:stretch;
display:flex
}
.global-styles{
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.html{
width:0;
height:0;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%;
overflow:hidden
}
.loader_column{
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
padding-left:7vh;
padding-right:7vh;
display:flex
}
.loader_column.is-alt{
justify-content:flex-end
}
.loader_img{
width:100%;
height:100%;
object-fit:cover
}
.body-12{
background-color:#000
}
.html-2{
width:0;
height:0;
opacity:0;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%;
overflow:hidden
}
.swiper-slide{
width:33.3333%;
flex:none
}
.swiper-slide.five-cards{
width:50%
}
.header{
width:100%;
height:100%;
flex-direction:column;
justify-content:space-between;
align-items:stretch;
padding-top:8.7em;
padding-bottom:6.2em;
display:block
}
.swiper{
width:100%
}
.swiper.is-slider-main{
z-index:1;
display:block;
position:relative;
overflow:visible
}
.nav-link_text{
font-size:1.2em
}
.swiper-wrapper{
justify-content:flex-start;
align-items:stretch;
display:flex
}
.swiper-wrapper.is-slider-main{
align-items:flex-start;
overflow:visible
}
.header_sub-line{
width:4em;
height:1px;
background-color:#242022;
flex:0 auto
}
.header_sub{
justify-content:flex-start;
align-items:center;
padding-bottom:2em;
display:flex
}
.section-31{
width:100%;
position:relative;
overflow:hidden
}
.section-31.is--nav{
z-index:1000;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.section-31.is--dark{
color:#dfdad5;
background-color:#242022
}
.nav-link-5{
padding-left:2em
}
.logo-2{
width:6em;
height:1.6em
}
.header_sub-text{
letter-spacing:.2em;
text-transform:uppercase;
flex:1;
margin-left:1em;
font-size:.8em;
font-weight:500
}
.slider-css{
height:0;
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.swiper-component{
width:100%;
position:relative
}
.swiper-component.slider2.tall{
overflow:hidden
}
.swiper-component.slider1.pill{
padding-right:14em
}
.swiper-arrow{
width:6em;
height:3em;
cursor:pointer;
background-color:transparent;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/63913485046b1703a006db62_arrow-right.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:30%;
border:1px solid #242022;
border-radius:100vw;
margin-right:1em;
transition:all .2s;
display:inline-block
}
.swiper-arrow:hover{
background-color:rgba(55,50,53,.06)
}
.swiper-arrow.button-prev{
transform:rotate(-180deg)
}
.nav-menu-4{
justify-content:flex-end;
align-items:center;
display:flex
}
.swiper-pagination{
padding-top:2.7em;
padding-bottom:2.7em
}
.menu-icon_embed{
width:100%;
height:100%
}
.overflow{
width:100%;
position:relative;
overflow:hidden
}
.container-22{
width:1560px;
max-width:100%;
margin-left:auto;
margin-right:auto;
padding:6em 2em
}
.container-22.is--nav{
justify-content:space-between;
align-items:center;
padding-top:2em;
padding-bottom:2em;
display:flex;
position:relative
}
.button-9{
color:#242022;
text-align:center;
background-color:transparent;
border:1px solid #242022;
border-radius:100vw;
padding:.5em 2.4em;
font-size:.9em;
font-weight:500;
transition:all .2s cubic-bezier(.165,.84,.44,1)
}
.button-9:hover{
color:#dfdad5;
background-color:#242022
}
.menu-icon{
width:2em;
height:2em;
display:none
}
.logo_image,.splide__track{
width:100%
}
.splide__list{
display:flex
}
.splide__slide{
width:33.3333%;
flex:none;
position:relative
}
.slide-item{
height:400px;
display:block
}
.section-32.is--nav{
z-index:1000;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.section-32.is--dark{
color:#dfdad5;
background-color:#242022
}
.slider-pill{
text-align:center;
padding-bottom:3.5em
}
.slider-pill_img{
width:100%;
object-fit:cover;
background-color:rgba(36,32,34,.14);
border-radius:100vw;
margin-bottom:2em;
padding-top:128%;
position:relative;
overflow:hidden
}
.slider-pill_photo{
width:100%;
height:100%;
object-fit:cover;
transition:transform .35s;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.sliders_text2{
font-style:italic
}
.slider-main_button-wrapper{
grid-column-gap:.75em;
grid-row-gap:.75em;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
display:none
}
.page-padding{
min-height:100vh;
flex-direction:column;
justify-content:center;
align-items:stretch;
padding:6em 6%;
display:flex
}
.swiper-bullet{
width:3.3em;
height:2px;
min-height:auto;
text-align:center;
background-color:#636363;
border-radius:0%;
flex:none;
justify-content:center;
align-items:center;
transition:all .2s;
display:flex
}
.swiper-bullet.is-active{
background-color:#d69251
}
.slider-main_bottom-wrapper{
grid-column-gap:2em;
grid-row-gap:2em;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
padding-top:16px;
display:flex
}
.swiper-drag.is-slider-main{
width:7em;
height:100%;
background-color:#c8dd5e;
border-radius:100vw
}
.swiper-slide-2.is-slider-main{
width:33.3333%;
-webkit-text-fill-color:inherit;
width:33.3333%;
background-clip:border-box;
flex:none
}
.global-embed{
width:0;
height:0;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%;
overflow:hidden
}
.swiper-drag-wrapper.is-slider-main{
width:38em;
height:.88em;
max-width:100%;
width:38em;
height:.88em;
max-width:100%;
background-color:#000;
border-radius:100vw;
display:none
}
.slider-main_arrow{
z-index:2;
width:6em;
height:6em;
color:#1f1f1f;
background-color:#c8dd5e;
border-radius:50%;
justify-content:center;
align-items:center;
margin-top:auto;
margin-bottom:auto;
transition:all .2s;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:auto;
transform:translate(-50%)
}
.slider-main_arrow:hover{
transform:scale(.9)translate(-50%)
}
.slider-main_arrow.swiper-next{
display:flex;
top:0%;
bottom:0%;
left:auto;
right:0%;
transform:translate(50%)
}
.slider-main_arrow.swiper-next:hover{
transform:scale(.9)translate(50%)
}
.slider-main_arrow.swiper-prev{
display:none;
overflow:visible
}
.slider-main_arrow.swiper-next{
top:0%;
bottom:0%;
left:auto;
right:0%;
transform:translate(50%)
}
.slider-main_arrow.swiper-next:hover{
transform:scale(.9)translate(50%)
}
.slider-main_inner-wrapper{
position:relative
}
.swiper-2.is-slider-main{
z-index:1;
position:relative;
overflow:visible
}
.slider-main_button{
width:7.5em;
height:3.25em;
color:#c8dd5e;
text-align:center;
border:2px solid #c8dd5e;
border-radius:100vw;
justify-content:center;
align-items:center;
transition:color .2s,background-color .2s;
display:flex
}
.slider-main_button:hover{
color:#1f1f1f;
background-color:#c8dd5e
}
.swiper-wrapper-2.is-slider-main{
justify-content:flex-start;
align-items:flex-start;
display:flex
}
.container-23{
width:100%;
max-width:120em;
margin-left:auto;
margin-right:auto
}
.section-33{
border-bottom:1px solid #000;
transition:background-color .4s
}
.swiper-bullet-wrapper.is-slider-main{
width:auto;
grid-column-gap:.5em;
grid-row-gap:.5em;
flex-wrap:wrap;
flex:none;
justify-content:flex-start;
align-self:flex-start;
align-items:center;
display:flex
}
.slider-main_button-icon{
width:30%;
height:55%
}
.slider-main_button-icon.is-reversed{
transform:rotate(-180deg)
}
.global-symbol{
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.slider-main_top-wrapper{
grid-column-gap:2em;
grid-row-gap:2em;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
margin-bottom:40px;
padding-bottom:0;
display:block
}
.body-13{
color:#d4d4d4;
background-color:#000;
font-family:Montserrat,sans-serif;
font-size:1em
}
.slider-main_link{
width:100%;
position:relative
}
.slider-main_img-height{
width:100%;
height:61vh;
padding-top:114%;
position:relative;
overflow:hidden
}
.slider-main_img{
width:100%;
height:100%;
object-fit:cover;
object-position:50% 50%;
transition:transform .4s;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.slider-main_text-wrapper{
z-index:1;
background-image:linear-gradient(transparent 43%,rgba(0,0,0,.6));
flex-direction:column;
justify-content:flex-end;
align-items:flex-start;
padding:6% 6% 0%;
transition:font-size .2s;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.slider-main_title{
letter-spacing:-.03em;
align-self:flex-start;
font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:24px;
font-weight:400;
line-height:1
}
.heading-6{
font-family:Teko,sans-serif;
font-size:5em
}
.link-block-2{
width:100%;
display:inline-block;
position:relative
}
.slider-main-logo{
z-index:1;
padding-top:33px;
padding-bottom:33px;
padding-left:6%;
display:block;
position:absolute
}
.image-76{
width:120px
}
.div-block-45{
height:2px;
background-color:#fff;
align-self:flex-end;
margin-top:24px;
margin-bottom:24px;
padding-top:0;
padding-bottom:0;
display:flex
}
.heading-7{
letter-spacing:-1px;
font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:48px;
font-weight:700
}
.slider-cta-wrapper{
opacity:1;
flex-direction:row;
align-self:flex-start;
align-items:flex-end;
margin-bottom:38px;
padding-top:27px;
padding-left:0%;
display:flex;
position:relative;
top:auto;
bottom:0%;
left:0%;
right:0%
}
.slider-cta-arrow_main{
width:20px;
height:20px;
margin-left:13px
}
.slider-overlay-darken{
z-index:0;
width:100%;
height:100%;
opacity:1;
background-color:rgba(0,0,0,.2);
background-image:linear-gradient(transparent,rgba(0,0,0,.1));
transition:opacity .2s;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.slider-overlay-darken:hover{
opacity:0
}
.overview_trigger{
height:80vh
}
.cta_trigger{
height:100vh
}
.overview_img-item{
width:100%;
height:100%;
opacity:0;
-webkit-text-fill-color:inherit;
background-clip:border-box;
border:1px #000;
border-radius:0;
justify-content:center;
align-items:center;
padding:4%;
transition:opacity .2s;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.overview_img-item.is-active{
opacity:1
}
.overview_content{
flex-direction:column;
justify-content:space-between;
align-items:flex-end;
padding:3em 9em 3em 3em;
display:flex
}
.button-10{
color:#c6fb50;
background-color:transparent;
border:1.5px solid #c6fb50;
border-radius:100vw;
padding:.1em 1.7em;
font-size:1.13em
}
.button-10:hover{
color:#111606;
background-color:#c6fb50
}
.overview_tab-list{
grid-column-gap:.88em;
grid-row-gap:.88em;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
display:flex
}
.overview_numbers{
z-index:2;
font-size:2.25em;
font-weight:400;
line-height:1;
display:none;
position:relative
}
.overview_visual{
border-radius:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-end;
padding:3em;
display:flex;
position:relative;
overflow:hidden
}
.footer_component{
min-height:100vh;
text-align:center;
background-color:transparent;
flex-direction:column;
justify-content:center;
align-items:center;
padding:10%;
display:flex
}
.cta_content{
z-index:2;
grid-column-gap:2.5em;
grid-row-gap:2.5em;
flex-direction:column;
justify-content:flex-start;
align-items:center;
display:flex;
position:relative
}
.cta_numbers{
z-index:2;
font-size:1.13em;
position:relative
}
.cta_sticky{
z-index:2;
height:100vh;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:-webkit-sticky;
position:sticky;
top:0;
overflow:hidden
}
.overview_sticky{
z-index:2;
height:100vh;
grid-column-gap:0px;
grid-row-gap:0px;
border-radius:0;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
grid-auto-flow:row;
align-items:stretch;
display:grid;
position:-webkit-sticky;
position:sticky;
top:0;
overflow:hidden
}
.page-wrapper-2{
width:100%;
font-size:1em;
position:relative;
overflow:visible
}
.cta_img-list{
width:100%;
height:100vh;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.cta_title-wrap{
z-index:2;
text-align:center;
position:relative;
overflow:hidden
}
.cta_title-list{
height:12.2em;
transition:transform .6s
}
.overview_img-list{
width:100%;
height:100%;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.overview_tab-item{
opacity:.3;
cursor:pointer;
transition:opacity .2s
}
.cta_progress{
z-index:20;
width:0%;
height:5px;
background-color:#c6fb50;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:auto
}
.overview_scroll-progress{
z-index:3;
width:5px;
height:0%;
background-color:#ff841f;
position:absolute;
top:0%;
bottom:auto;
left:auto;
right:0%
}
.overview_content-list{
position:relative
}
.overview_content-item{
z-index:-1;
width:100%;
max-width:27em;
opacity:0;
transition:opacity .2s;
position:absolute;
top:auto;
bottom:0%;
left:0%;
right:auto
}
.cta_component{
text-align:center;
position:relative
}
.cta_img-item,.cta_img-wrap{
width:100%;
height:100%;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.body-14{
background-color:#f6f0e8
}
.overview_img-photo{
width:100%;
height:100%;
opacity:1;
object-fit:cover;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%;
transform:scale(1.2)
}
.overview_img-photo.is-active{
opacity:1
}
.gradient-overlay{
z-index:1;
width:100%;
height:100%;
background-image:linear-gradient(90deg,#f6f0e8,rgba(246,240,232,0) 29%);
display:none;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.overview-headline-wrapper{
align-self:flex-end;
margin:auto 0 auto 10%
}
.text-block-44{
max-width:660px;
float:none;
clear:left;
letter-spacing:-4px;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:97px;
font-weight:700;
line-height:.8
}
.nav-wrapper{
z-index:5;
height:90px;
margin-right:0%;
padding-left:9%;
padding-right:9%;
display:none;
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.navbar-logo-left-container{
z-index:5;
width:1030px;
max-width:100%;
background-color:transparent;
margin-left:auto;
margin-right:auto;
padding:15px 20px
}
.navbar-logo-left-container.shadow-three{
width:100%;
max-width:1140px;
margin-bottom:0;
padding-top:20px;
padding-bottom:20px;
padding-left:0
}
.container-24{
width:100%;
max-width:940px;
margin-left:auto;
margin-right:auto
}
.navbar-wrapper{
justify-content:space-between;
align-items:center;
display:flex
}
.nav-menu-two{
justify-content:space-between;
align-items:center;
margin-bottom:0;
display:flex
}
.nav-link-6{
color:#1a1b1f;
letter-spacing:.25px;
margin-left:5px;
margin-right:5px;
padding:5px 10px;
font-size:14px;
line-height:20px;
text-decoration:none
}
.nav-link-6:hover{
color:rgba(26,27,31,.75)
}
.nav-link-6:focus-visible{
outline-offset:0px;
color:#0050bd;
border-radius:4px;
outline:2px solid #0050bd
}
.nav-link-6[data-wf-focus-visible]{
outline-offset:0px;
color:#0050bd;
border-radius:4px;
outline:2px solid #0050bd
}
.nav-dropdown{
margin-left:5px;
margin-right:5px
}
.nav-dropdown-toggle{
letter-spacing:.25px;
padding:5px 30px 5px 10px;
font-size:14px;
line-height:20px
}
.nav-dropdown-toggle:hover{
color:rgba(26,27,31,.75)
}
.nav-dropdown-toggle:focus-visible{
outline-offset:0px;
color:#0050bd;
border-radius:5px;
outline:2px solid #0050bd
}
.nav-dropdown-toggle[data-wf-focus-visible]{
outline-offset:0px;
color:#0050bd;
border-radius:5px;
outline:2px solid #0050bd
}
.nav-dropdown-icon{
margin-right:10px
}
.nav-dropdown-list{
background-color:#fff;
border-radius:12px
}
.nav-dropdown-list.w--open{
padding-top:10px;
padding-bottom:10px
}
.nav-dropdown-link{
padding-top:5px;
padding-bottom:5px;
font-size:14px
}
.nav-dropdown-link:focus-visible{
outline-offset:0px;
color:#0050bd;
border-radius:5px;
outline:2px solid #0050bd
}
.nav-dropdown-link[data-wf-focus-visible]{
outline-offset:0px;
color:#0050bd;
border-radius:5px;
outline:2px solid #0050bd
}
.nav-divider{
width:1px;
height:22px;
background-color:#e4ebf3;
margin-left:15px;
margin-right:15px
}
.nav-link-accent{
color:#1a1b1f;
letter-spacing:.25px;
margin-left:5px;
margin-right:20px;
padding:5px 10px;
font-size:14px;
font-weight:700;
line-height:20px;
text-decoration:none
}
.nav-link-accent:hover{
color:rgba(26,27,31,.75)
}
.button-primary{
color:#fff;
letter-spacing:2px;
text-transform:uppercase;
background-color:#1a1b1f;
padding:12px 25px;
font-size:12px;
line-height:20px;
transition:all .2s
}
.button-primary:hover{
color:#fff;
background-color:#32343a
}
.button-primary:active{
background-color:#43464d
}
.nav-container{
width:100%;
height:70px;
background-color:#fff;
border:1px #000;
border-radius:5px;
margin-top:24px;
margin-left:auto;
margin-right:auto;
box-shadow:0 36px 80px rgba(0,0,0,.06)
}
.columns-5{
min-width:1200px;
align-self:stretch;
margin-left:auto;
margin-right:auto
}
.intro-text{
max-width:530px;
text-align:left;
align-self:flex-start;
font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size:24px;
font-weight:300;
line-height:35px
}
.intro-img-wrapper{
float:right
}
.bio-img{
width:300px;
border:1px solid #f39c31;
border-radius:1px;
align-self:flex-end
}
.column-23{
padding-left:40px;
padding-right:40px
}
.column-24{
clear:right;
padding-left:40px;
padding-right:40px
}
.intro-bio-wrapper{
z-index:2;
height:100vh;
grid-column-gap:0px;
grid-row-gap:0px;
border-radius:0;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
grid-auto-flow:row;
align-items:stretch;
margin-bottom:0;
padding-bottom:0;
display:grid;
position:static;
top:0;
overflow:visible
}
.intro-main{
padding-top:139px
}
.intro-bio-img{
flex-direction:column;
justify-content:space-between;
align-items:stretch;
padding:3em 5.5em;
display:flex
}
.intro-bio-copy{
min-height:950px;
border-radius:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-end;
padding:3em 3em 3em 0;
display:flex;
position:relative;
overflow:visible
}
.bio-social-links-wrapper{
width:300px;
height:80px;
justify-content:flex-end;
align-self:flex-end;
align-items:flex-start;
margin-top:24px;
display:flex
}
.social-link-icon{
width:auto;
height:60px;
padding-left:8px;
padding-right:0
}
.social-icon{
width:41px
}
.link-orange{
color:#c87234
}
.form-block-2{
width:600px;
align-self:stretch
}
.mindful-monday-wrapper{
align-self:flex-start;
display:block
}
.divider-line{
width:auto;
height:2px;
background-color:rgba(255,255,255,.2);
margin-top:48px;
margin-bottom:48px
}
.mindful-monday-copy-wrapper{
height:50px;
margin-top:24px;
margin-bottom:16px;
padding-top:0;
padding-bottom:0
}
.nav-container-2{
width:90%;
height:100%;
max-width:100%;
flex:1;
align-self:stretch;
margin-left:6%;
margin-right:6%;
display:flex
}
.text-block-14-copy{
color:#fff;
letter-spacing:0;
margin-top:27px;
margin-bottom:24px;
padding-top:4px;
font-family:Teko,sans-serif;
font-size:30px;
font-weight:400
}
.image-77{
width:120px;
height:100%;
margin-top:auto;
margin-bottom:auto;
padding:0;
display:block;
position:relative;
top:auto;
bottom:auto
}
.page-split-img-wrapper{
height:80vh;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/6394fef011f1fc9df4915525_friends-sunset.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.page-split-wrapper{
z-index:-1;
width:100%;
height:80vh;
margin-top:-315px;
position:relative;
top:0%
}
.gradient{
z-index:1;
width:100%;
height:500px;
background-color:rgba(255,25,25,0);
background-image:linear-gradient(transparent 45%,#1f1f1f);
position:absolute;
top:auto;
bottom:0%;
left:0%;
right:0%
}
.gradient.bottom{
height:160px;
background-image:linear-gradient(transparent,#000 83%);
display:block;
top:auto;
bottom:0%;
left:0%;
right:0%
}
.gradient.top{
height:540px;
background-image:linear-gradient(#000,transparent);
top:0%;
bottom:auto;
left:0%;
right:0%
}
.nav-wrapper-2{
height:90px;
border-left:0 solid rgba(255,255,255,.2);
flex-direction:row;
flex:1;
justify-content:flex-end;
align-items:stretch;
margin-top:auto;
margin-bottom:auto;
display:flex;
position:relative
}
.text-block-45{
width:80%;
margin-top:17px;
font-size:14px;
line-height:20px
}
.text-block-46{
width:70%;
color:rgba(212,212,212,.98);
margin-top:9px;
font-size:14px
}
.nav-link-new{
align-self:center;
padding-left:41px;
padding-right:41px;
font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:18px
}
.nav-link-new.signup{
color:#cea651;
border-left:1px solid rgba(255,255,255,.3);
padding-right:0
}
.text-span-6{
color:#99765c
}
.text-span-7,.text-span-8{
color:#cea651
}
.logo-garden1{
background-image:none;
background-repeat:repeat;
background-size:auto;
background-attachment:scroll;
margin-bottom:0;
display:block;
position:static;
overflow:visible
}
@media screen and (max-width:991px){
.bold-text.about-hero{
padding-top:0;
padding-left:0;
display:block
}
.paragraph{
color:#cfcfcf
}
.intro{
overflow:hidden
}
.img-hero{
margin-left:65px;
top:90px;
left:262px
}
.image-4{
margin-left:auto;
margin-right:auto
}
.case-study-hero{
background-position:50%
}
.body-text-hero{
width:195px;
padding-right:0
}
.summary-column{
padding-left:45px;
padding-right:0
}
.summary-column.content{
padding-left:0
}
.responsibilities-column{
padding-left:86px
}
.responsibilities-column.content{
padding-left:0;
padding-right:0;
left:73px
}
.heading-3.next-project{
padding-left:30px
}
.heading-3.next-project.about{
padding-left:33px
}
.inline-img{
padding-left:20px;
padding-right:20px
}
.next-project-section.boosted-case-study{
position:relative
}
.next-project-section.boosted-case-study.about{
margin-top:88px
}
.next-headline{
padding-left:30px
}
.button-3{
margin-left:30px
}
.button-3.cs-block{
margin-left:0
}
.image-38{
z-index:2;
display:none;
top:255px
}
.text-block-13.footer{
margin-left:10px
}
.text-block-13.footer.contact{
margin-right:0
}
.button-4{
padding-left:2px;
padding-right:0
}
.column-8{
padding-left:35px;
padding-right:0
}
.column-experience{
padding-left:66px
}
.div-block-5{
z-index:0
}
.section-12{
margin-top:-50px
}
.column-11{
padding-left:16px
}
.side-info-column{
padding-left:0;
display:block
}
.column-14{
padding-left:0;
padding-right:26px
}
.cs-text-block-div{
margin-left:43px
}
.cs-block-description.email-tablet{
padding-top:0;
padding-bottom:24px;
font-size:16px
}
.cs-page-title.b-branding{
width:200px
}
.cs-page-title.b-branding.alive{
width:160px
}
.background-video-6{
width:auto;
height:370px;
margin-left:43px;
margin-right:43px
}
.image-48{
width:auto;
height:auto
}
.link-3{
margin-left:16px
}
.grid{
grid-template:"Area Area-2"minmax(200px,1fr)/.25fr 1fr 1fr;
grid-auto-flow:row;
display:none;
overflow:visible
}
.content-center-text{
margin-top:60px;
margin-bottom:110px
}
.the-team{
padding-left:0;
left:1px
}
.lead-video{
margin-left:15px;
margin-right:15px
}
.content-img{
margin-left:10px;
margin-right:10px
}
.more-stories{
max-width:1375px;
margin-top:128px
}
.div-block-19{
max-width:750px
}
.content-role{
font-size:12px
}
.content-title{
padding-top:2px;
font-size:16px
}
.section-23.teaser{
background-position:-130px 0
}
.link-5{
color:#b89107
}
.div-block-24{
display:none
}
.home-hero-section{
height:90vh;
flex-direction:column
}
.div-block-25{
height:50vh
}
.div-block-26{
width:100%;
height:50vh;
max-width:none;
min-width:auto;
align-self:flex-start;
padding-top:8vh
}
.div-block-27{
display:none
}
.text-block-29{
margin-left:0
}
.circle-scribble{
width:80%;
top:100px;
transform:rotateX(-51deg)rotateY(0)rotate(0)
}
.div-block-29{
width:100%;
flex-direction:column;
align-items:flex-start
}
.image-68{
width:300px;
height:300px
}
.paragraph-8{
width:60%;
margin-top:37px;
margin-left:219px;
font-size:16px;
line-height:23px;
position:absolute
}
.projects{
height:auto
}
.projects-container{
width:100%;
height:1950px;
flex-direction:column
}
.paper-overlay{
display:none
}
.div-block-36{
width:100%
}
.text-block-38{
margin-left:auto;
margin-right:26px;
font-size:16px
}
.play-row-1{
flex-flow:row;
justify-content:center
}
.play-row-1.extended{
flex:0 auto;
justify-content:center;
align-items:center
}
.play-image._2.reveal-down,.play-image._5.reveal{
margin-top:0
}
.play-row-2,.play-row-3{
justify-content:center
}
.play-gallery{
display:flex
}
.back-row{
justify-content:center
}
.play-gallery-extended{
align-items:center;
display:flex
}
.hidden-quote{
width:100%;
padding-left:63px;
padding-right:70px;
font-size:36px;
line-height:50px
}
.text-span-4{
font-size:14px
}
.section-description{
margin-left:auto;
margin-right:26px;
font-size:16px
}
.blog{
height:auto
}
.email-desktop{
margin-top:84px;
display:none
}
.email-desktop.cta-slide-up{
margin-top:11px
}
.text-field{
width:480px
}
.text-field.first-name{
width:100%;
margin-top:2px;
margin-bottom:2px;
margin-right:auto
}
.text-field.email{
width:100%;
margin-left:auto;
margin-right:auto
}
.submit-button{
width:480px
}
.submit-button.is-active-email{
width:100%;
margin-left:auto;
margin-right:auto;
font-size:18px
}
.form{
flex-direction:column
}
.email-mobile{
margin-top:117px;
display:block
}
.footer{
height:100vh;
padding-left:16px;
padding-right:16px
}
.projects-slider{
height:auto
}
.text-block-43{
text-align:left
}
.success-message-2{
color:#fff;
background-color:rgba(221,221,221,0);
padding-left:0
}
.email-cta-slide-up{
z-index:30;
top:auto;
bottom:0%;
left:auto;
right:0%
}
.container{
padding-left:6vw;
padding-right:6vw
}
.swiper-slide{
width:50%
}
.header{
width:100%;
height:auto
}
.nav-link-5{
display:none
}
.swiper-component.slider1.pill{
padding-right:6vw
}
.nav-menu-4{
display:none
}
.container-22{
padding-left:5vw;
padding-right:5vw
}
.menu-icon{
display:block
}
.slider-pill_img{
padding-top:148%
}
.page-padding{
padding-top:0
}
.swiper-slide-2.is-slider-main{
width:50%;
width:50%
}
.heading-7{
font-size:34px
}
.overview_trigger{
display:none
}
.overview_content{
align-items:flex-start;
padding-left:6%;
padding-right:6%
}
.overview_visual{
display:none
}
.overview_sticky{
height:auto;
grid-template-columns:1fr;
justify-items:start;
position:relative
}
.overview_content-list{
grid-column-gap:5em;
grid-row-gap:5em;
flex-direction:column;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.overview_content-item{
z-index:2;
max-width:none;
opacity:1;
position:relative
}
.overview_tab-wrapper{
display:none
}
.overview-headline-wrapper{
margin-left:0%
}
.container-24{
max-width:728px
}
.nav-menu-wrapper{
background-color:transparent
}
.nav-menu-two{
background-color:#fff;
border-radius:50px;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
margin-top:10px;
padding:20px;
display:flex;
box-shadow:0 8px 50px rgba(0,0,0,.05)
}
.nav-link-6{
padding-left:5px;
padding-right:5px
}
.nav-dropdown-list.shadow-three.w--open{
position:absolute
}
.menu-button-3{
padding:12px
}
.menu-button-3.w--open{
color:#fff;
background-color:#a6b1bf
}
.intro-bio-wrapper{
height:auto;
grid-template-columns:1fr 1fr;
position:relative
}
.intro-bio-component{
overflow:hidden
}
.intro-bio-img{
align-items:flex-start;
padding-left:6%;
padding-right:6%
}
.intro-bio-copy{
display:block
}
.form-block-2{
width:340px;
flex-direction:column;
display:flex
}
.mindful-monday-wrapper{
font-size:10px;
line-height:40px
}
.text-block-46{
margin-top:22px;
line-height:18px
}
}
@media screen and (max-width:767px){
.bold-text{
width:482px
}
.heading{
width:432px
}
.intro{
margin-bottom:-234px;
padding-left:20px;
overflow:hidden
}
.img-hero{
top:200px;
left:155px
}
.image-4{
padding-left:27px;
padding-right:26px
}
.image-9{
opacity:.48
}
.case-study-hero{
background-position:50% 0
}
.cs-page-hero-container{
height:855px
}
.cs-page-hero-container.content{
height:1100px
}
.cs-page-hero-container.content.teaster{
height:1250px
}
.h3{
text-align:left;
margin-top:40px;
margin-left:24px;
margin-right:-193px;
padding-right:0;
font-size:50px;
line-height:55px
}
.text-block-10{
display:none
}
.h5{
margin-right:400px;
padding-right:19px;
display:block
}
.h5.credits{
margin-top:7px;
margin-right:0;
display:block
}
.h5.rev{
margin-right:157px
}
.brand-column{
padding-top:0;
padding-left:0;
display:block;
top:170px;
left:39px
}
.body-text-hero{
display:block
}
.body-text-hero.dark{
padding-right:40px;
display:block
}
.summary-column{
flex:0 auto;
padding-left:0;
padding-right:0;
display:block;
top:229px
}
.summary-column.content{
top:230px
}
.responsibilities-column{
margin-top:50px;
padding-left:0;
top:232px
}
.responsibilities-column.content{
padding-left:0;
top:250px;
left:40px
}
.heading-3{
margin-top:106px
}
.heading-3.credits{
margin-right:-283px;
padding-right:0
}
.image-32{
display:none
}
.gallery-section{
margin-left:7px;
margin-right:6px
}
.column-7{
padding-left:25px
}
.navbar-animated{
position:absolute
}
.brand-2{
padding-left:20px
}
.column-14{
padding-left:25px
}
.cs-page-logo{
margin-left:0
}
.column-15,.column-16,.column-17,.cs-paragraph{
padding-left:25px;
padding-right:25px
}
.column-18{
margin-top:-10px;
padding-left:0;
padding-right:0;
position:static
}
.column-19{
padding-left:0;
position:relative;
top:74px
}
.column-20{
padding-left:0;
top:70px
}
.column-21{
margin-top:29px;
padding-left:0;
top:110px;
left:-189px
}
.column-22{
display:block;
top:22px;
left:20px
}
.cs-bg-div.kore{
background-position:-300px 0
}
.cs-text-block-div,.cs-block-title{
width:380px
}
.cs-block-description{
width:340px
}
.cs-page-title{
margin-top:36px
}
.cs-hero-columns{
justify-content:space-around;
align-items:baseline;
padding-left:33px;
padding-right:170px;
display:block
}
.content-center-text{
width:520px
}
.the-team{
padding-top:49px;
top:253px;
left:44px
}
.lead-video{
margin-top:50px;
margin-left:13px;
margin-right:13px
}
.lead-video._1st{
margin-top:41px
}
.image-56{
padding-top:10px;
padding-left:5px;
padding-right:10px
}
.image-57,.image-58{
padding-left:10px;
padding-right:10px
}
.image-59{
padding-left:10px;
padding-right:5px
}
.image-60{
padding-top:10px;
padding-left:5px;
padding-right:10px
}
.div-block-19{
width:500px
}
.story2,.story1{
margin-bottom:40px
}
.image-61{
padding-left:10px;
padding-right:5px
}
.container-21{
padding-left:42px;
padding-right:48px
}
.image-62{
display:none
}
.image-63{
display:block
}
.section-23.teaser{
background-position:-540px 0
}
.brand-3{
margin-left:63px
}
.div-block-24{
opacity:1;
display:none
}
.div-block-26{
padding-top:8vh;
padding-bottom:101px
}
.earth{
padding-left:45vw;
top:-14%
}
.circle-scribble{
width:96%;
top:126px;
transform:rotateX(-28deg)rotateY(0)rotate(0)
}
.div-block-29{
padding-left:20px;
padding-right:20px
}
.paragraph-8{
width:70%;
margin-top:-151px;
margin-bottom:0;
margin-left:166px;
position:relative
}
.text-block-39{
justify-content:space-between;
margin-top:20px
}
.div-block-39{
max-width:540px;
flex-direction:column
}
.social{
margin-left:15px;
margin-right:15px
}
.div-block-40{
flex-flow:wrap;
align-content:center;
justify-content:space-between;
margin-top:31px;
display:flex
}
.text-field{
width:310px
}
.footer-collumn{
margin-right:55px
}
.footer-details{
margin-right:3px
}
.text-wrapper{
padding-left:32px;
padding-right:32px;
font-size:12px
}
.email-cta-slide-up{
z-index:30;
height:280px;
margin-left:auto;
margin-right:auto;
padding-top:12px;
padding-left:36px;
padding-right:36px;
top:auto;
bottom:0%;
left:0%;
right:0%
}
.email-cta-title{
width:380px
}
.swiper-slide,.swiper-slide.five-cards{
width:100%
}
.swiper-component.slider2.tall{
overflow:visible
}
.swiper-component.slider1.pill{
padding-right:0
}
.container-22{
padding-left:8vw;
padding-right:8vw
}
.swiper-slide-2.is-slider-main{
width:100%;
width:100%
}
.slider-main_arrow{
width:14vw;
height:14vw
}
.cta_title-wrap{
font-size:2vw
}
.navbar-logo-left-container{
max-width:100%
}
.navbar-brand{
padding-left:0
}
.nav-menu-two{
border-radius:20px;
flex-direction:column;
padding-bottom:30px
}
.nav-link-6{
padding-top:10px;
padding-bottom:10px;
display:inline-block
}
.nav-dropdown{
flex-direction:column;
align-items:center;
display:flex
}
.nav-dropdown-toggle{
padding-top:10px;
padding-bottom:10px
}
.nav-dropdown-list.shadow-three{
box-shadow:0 8px 50px rgba(0,0,0,.05)
}
.nav-dropdown-list.shadow-three.w--open{
position:relative
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide{
box-shadow:none
}
.nav-divider{
width:200px;
height:1px;
max-width:100%;
margin-top:10px;
margin-bottom:10px
}
.nav-link-accent{
margin-right:5px;
padding-top:10px;
padding-bottom:10px;
display:inline-block
}
.mobile-margin-top-10{
margin-top:10px
}
}
@media screen and (max-width:479px){
.bold-text{
width:72px
}
.bold-text.about-hero{
width:auto;
justify-content:center;
margin-top:202px;
padding-right:0;
font-size:27px;
line-height:46px;
display:flex
}
.bold-text.home-hero{
width:0
}
.heading{
width:auto;
margin-top:90px;
margin-right:-5px;
padding-left:0;
font-size:30px;
line-height:40px
}
.paragraph{
z-index:3;
width:100%;
color:#ebebeb;
margin-bottom:73px;
padding-right:0;
font-size:16px
}
.intro{
height:100%;
margin-bottom:60px;
padding-left:16px;
padding-right:16px;
overflow:hidden
}
.img-hero{
width:329px;
clear:left;
margin-top:0;
margin-right:83px;
padding-top:0;
padding-left:0;
padding-right:0;
top:43px;
bottom:64px;
left:105px;
right:-191px
}
.image-4{
margin-left:auto;
margin-right:auto;
display:inline-block;
position:static;
top:-22px;
left:0;
right:0;
overflow:visible
}
.section-2{
position:static
}
.image-9{
opacity:.44
}
.container-8{
display:none;
position:relative;
overflow:hidden
}
.case-study-hero{
overflow:hidden
}
.case-study-hero.b-branding{
background-position:-909px 0
}
.case-study-hero.boosted-ux-hero{
height:1050px
}
.case-study-hero.boosted-rev{
background-position:75%
}
.case-study-hero.boosted-rev.rev-mobile{
background-position:70%
}
.cs-page-hero-container{
height:1000px;
overflow:hidden
}
.cs-page-hero-container.content{
height:950px
}
.cs-page-hero-container.content.teaster{
height:1030px
}
.cs-page-hero-container.content.rev{
height:1080px
}
.cs-page-hero-container.content.gen3{
height:1040px
}
.cs-page-hero-container.content.backpack{
height:1070px
}
.cs-page-hero-container.bsite-mobile{
height:1060px
}
.h3{
margin-right:0;
overflow:hidden
}
.h5{
margin-right:0;
padding-right:0;
display:block
}
.h5.credits{
margin-top:8px
}
.h5.credits.top{
margin-top:78px
}
.h5.hero.rev.content{
margin-top:-4px
}
.h5.hero.rev.fix{
margin-top:100px
}
.h5.hero.fix{
margin-top:111px
}
.brand-column{
padding-left:0;
left:2px
}
.summary-column.content{
top:204px;
left:5px
}
.responsibilities-column.content{
padding-left:0;
top:207px;
left:5px
}
.text-section{
overflow:hidden
}
.heading-3{
margin-top:87px
}
.heading-3.next-project{
width:279px;
max-width:100%;
float:none;
clear:none;
margin-top:50px;
padding-right:10px;
display:block;
position:relative;
overflow:visible
}
.heading-3.next-project.about{
margin-top:40px;
padding-left:21px;
font-size:33px
}
.heading-3.next-project.boosted-site{
color:#fff
}
.heading-3.left-text{
width:auto;
margin-top:490px
}
.heading-3.gap.cardiff{
margin-top:349px
}
.heading-3.gap.cardiff.white.boosted-site{
width:260px;
margin-top:116px
}
.heading-3.gap.cardiff.moment{
width:292px
}
.heading-3.center-divide{
margin-top:86px;
margin-left:28px
}
.paragraph-3{
margin-bottom:0
}
.paragraph-3.no-heading{
margin:63px 0 45px 2px
}
.paragraph-3.no-heading.center-divide{
width:250px;
margin-left:32px
}
.paragraph-3.boosted-site{
margin-bottom:61px
}
.inline-img{
margin-top:-12px
}
.inline-img.seven{
margin-top:0;
padding-top:2px
}
.inline-img.gap.no-gap{
margin-top:36px
}
.inline-img.gap.bigger{
max-width:100%;
margin-top:63px
}
.inline-img.no-gap{
margin-top:0
}
.image-33{
padding-left:10px;
padding-right:10px
}
.background-video-3{
display:none
}
.image-34,.img-btm-border,.image-36,.image-37{
padding-bottom:3px
}
.gallery-section{
margin-left:3px;
margin-right:3px;
padding-right:0;
overflow:hidden
}
.credits-section{
overflow:hidden
}
.next-project-section.boosted-case-study{
overflow:visible
}
.next-project-section.boosted-case-study.about{
margin-left:16px;
margin-right:16px
}
.container-11.next{
overflow:visible
}
.button-3{
margin-top:35px;
margin-left:21px
}
.button-3.cs-block{
margin-left:0
}
.image-38.about,.text-block-13.footer{
display:none
}
.text-block-13.footer.contact{
text-align:center;
margin-top:29px;
display:block
}
.button-4{
margin-left:12px;
padding-left:0
}
.navbar-animated{
position:absolute
}
.navbar-animated.new-home{
justify-content:space-between
}
.nav-work.w--current{
color:#bcbcbc
}
.nav-button-animated{
order:0;
justify-content:flex-end;
overflow:visible
}
.mobile-nav-link{
border:0 #000;
margin-top:13px;
margin-bottom:13px;
font-size:32px
}
.mobile-nav-link:hover{
color:#616161;
background-image:linear-gradient(#f9f9f9,#f9f9f9)
}
.mobile-nav-link.w--current{
color:#000;
background-image:linear-gradient(#f2f2f2,#f2f2f2)
}
.full-screen-menu-overlay{
transition:all .2s
}
.section-11{
overflow:hidden
}
.image-39{
padding-right:0
}
.column-8{
padding-top:50px;
padding-left:16px
}
.text-block-15{
padding-right:28px
}
.text-block-15.list{
width:100%
}
.column-experience{
margin-top:76px;
padding-left:16px
}
.column-10{
display:block
}
.div-block-5.about{
background-size:cover
}
.footer-cta{
overflow:visible
}
.column-11{
padding-left:10px
}
.italic-text{
display:none
}
.image-41{
overflow:hidden
}
.section-13{
display:none;
overflow:hidden
}
.container-14,.container-15{
display:none
}
.side-info-column{
padding-left:25px
}
.side-info-column.b-branding{
padding-left:25px;
padding-right:25px
}
.side-info-column.boosted-site{
margin-top:-44px
}
.cs-paragraph.b-brand{
margin-bottom:-225px;
overflow:visible
}
.column-19{
padding-top:54px;
padding-left:25px;
top:0
}
.column-20{
padding-top:49px;
padding-left:25px;
display:none;
top:0
}
.column-21{
padding-top:22px;
padding-left:25px;
padding-right:0;
display:none;
top:0;
left:0
}
.column-22{
padding-top:44px;
padding-left:25px;
display:none;
top:0;
left:0
}
.image-43,.section-14,.section-15,.section-16,.section-17{
overflow:hidden
}
.full-width-img{
width:auto;
margin-top:40px;
overflow:hidden
}
.full-width-img.gap.boosted-site{
margin-top:-87px
}
.full-width-img.getting-there{
width:auto;
float:none;
clear:none;
margin-left:auto;
margin-right:auto;
display:block;
position:relative;
overflow:visible
}
.full-width-img.mega-gap{
margin-top:51px
}
.full-width-img.no-gap{
margin-top:0
}
.full-width-img.boosted-site{
margin-bottom:-43px
}
.full-width-img.rev{
margin-top:11px
}
.full-width-img.rev-top{
width:450px;
max-width:100%;
overflow:visible
}
.full-width-img.rev-mobile{
margin-top:-1px
}
.div-block-8{
z-index:0;
margin-top:-69px;
margin-bottom:60px;
position:relative
}
.cs-bg-div{
height:610px;
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5b57ecf81371d7ac0ac7f304_boosted-2018-bg.jpg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
margin-top:16px
}
.cs-bg-div.solar-city{
background-position:-268px 0
}
.cs-bg-div.givepower{
background-image:linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.14)),url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5ba80053b828fc54a1532c08_givepower-cs-bg.jpg);
background-position:0 0,50%;
background-repeat:repeat,no-repeat;
background-size:auto,cover
}
.cs-bg-div.kore{
background-position:-367px 0;
margin-top:16px
}
.cs-bg-div.cardiff{
height:610px;
-webkit-text-fill-color:inherit;
background-position:-499px 0;
background-clip:border-box
}
.cs-bg-div.moment{
background-position:57%;
margin-top:16px
}
.cs-bg-div.boosted-site,.cs-bg-div.boosted-rev{
margin-top:16px
}
.cs-bg-div.rivian-case-study{
height:660px
}
.case-studies-section{
margin-top:1px;
margin-left:14px;
margin-right:14px
}
.case-studies-section.homepage{
margin-top:-145px
}
.cs-text-block-div{
width:270px;
margin-left:22px;
top:40px
}
.cs-block-title{
width:250px;
font-size:44px
}
.cs-block-title.dark.boosted{
width:260px
}
.cs-block-description{
width:250px
}
.cs-block-description.newsletter{
width:100%;
font-size:16px
}
.cs-block-brand-logo{
margin-bottom:81px
}
.cs-page-title.b-branding{
margin-top:0
}
.cs-page-title.center{
margin-top:32px;
margin-bottom:27px;
font-size:32px
}
.cs-hero-columns{
padding-left:19px;
padding-right:11px;
overflow:visible
}
.text-left-side.background-img.boosted{
height:840px
}
.image-47{
margin-top:0;
position:relative;
top:-1144px;
overflow:hidden
}
.background-video-6{
width:auto;
height:auto;
margin-top:120px;
margin-left:22px;
margin-right:22px;
overflow:visible
}
.image-48{
width:auto;
height:auto;
margin-top:138px
}
.image-49{
margin-top:-156px
}
.video-section{
height:400px;
margin-top:142px;
margin-bottom:66px;
position:relative;
overflow:visible
}
.video{
width:auto
}
.floating-video{
width:auto;
margin-left:15px;
margin-right:15px;
left:0
}
.floating-video.right{
left:0
}
.background-video-7,.intro-img.b-product-launch{
display:none
}
.intro-img.b-product-launch.gap{
margin-top:-260px;
display:none;
top:-780px
}
.intro-img.b-product-launch.gap.boosted-site{
margin-top:-267px;
margin-left:-17px;
display:block
}
.intro-img.b-product-launch.gap.cardiff{
display:none
}
.paragraph-5{
width:300px
}
.container-20{
margin-top:33px
}
.text-center-color.orange{
height:743px
}
.content-center-text{
width:300px;
margin-top:14px;
margin-bottom:107px
}
.content-center-text.center-grey{
width:290px;
font-size:19px;
line-height:31px
}
.content-center-text.teaser{
margin-top:-105px
}
.content-center-text.origin{
width:310px
}
.div-block-17{
height:330px;
margin-top:-152px;
margin-left:-10px;
margin-right:-11px
}
.caption{
margin-left:12px;
margin-right:12px
}
.caption.content{
margin-left:0
}
.background-video-8{
background-image:url(https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/5e0f904a4b55b074f426fd57_boosted-rev-orange%402x%20\(1\).jpg);
background-position:0 0
}
.video-hero.mcgill{
background-position:-430px 0
}
.the-team{
padding-top:0;
top:257px;
left:4px
}
.the-team.origin{
margin-top:-23px
}
.youtube{
max-width:100%;
margin-top:-378px
}
.youtube.teaser{
margin-top:-325px
}
.lead-video{
margin-top:335px
}
.lead-video._1st{
margin-top:283px
}
.lead-video.origin{
margin-top:364px
}
.content-left-collumn,.content-right-collumn{
padding-left:10px;
padding-right:10px
}
.lead-video-div{
padding-top:0;
padding-bottom:0
}
.lead-video-div._2nd{
padding-top:55px
}
.image-56{
padding-top:10px;
padding-left:0;
padding-right:0
}
.image-57,.image-58{
padding-left:10px;
padding-right:10px
}
.image-59{
padding-bottom:10px;
padding-left:0;
padding-right:0
}
.image-60{
padding-top:0;
padding-left:0;
padding-right:0
}
.more-stories{
margin-top:106px
}
.div-block-19{
width:100%
}
.content-role{
padding-top:10px;
font-size:13px
}
.content-title{
padding-top:6px;
padding-bottom:10px;
font-size:20px
}
.image-61{
padding-left:0;
padding-right:0
}
.visual-stories-hero{
margin-top:174px
}
.paragraph-7{
max-width:608px
}
.container-21{
padding-left:19px;
padding-right:15px
}
.image-62{
display:none
}
.image-63{
max-width:100%;
object-fit:contain;
margin-left:0;
margin-right:0;
display:block;
overflow:auto
}
.section-23.teaser{
background-position:-680px 0
}
.image-64{
width:70px;
top:25%;
bottom:25%;
left:40%
}
.brand-3{
margin-left:11px
}
.div-block-24{
display:none
}
.home-hero-section{
height:auto;
max-height:none
}
.div-block-25{
border-top-style:none;
border-right-width:0
}
.div-block-26{
height:auto;
border-top:4px solid #000;
border-right-style:solid;
border-right-width:0;
margin-bottom:0
}
.text-block-29{
padding-left:22px;
padding-right:28px;
font-size:55px;
line-height:54px
}
.home-bio-section{
height:auto
}
.earth{
display:none
}
.circle-scribble{
top:115px
}
.div-block-29{
height:auto;
padding-top:71px
}
.image-68{
height:272px;
opacity:.68;
object-fit:cover;
background-image:linear-gradient(359deg,#000 20%,transparent)
}
.paragraph-8{
width:100%;
align-items:flex-start;
margin-top:-77px;
margin-left:16px;
font-size:18px;
line-height:26px;
display:block
}
.projects-header{
margin-bottom:16px;
margin-left:16px;
margin-right:20px;
padding-left:0;
padding-right:0
}
.text-block-31{
font-size:38px
}
.projects-container{
height:400px;
flex-direction:row;
padding-left:16px;
padding-right:16px;
overflow:scroll
}
.project-card{
min-width:270px;
padding-right:16px
}
.text-block-34{
width:254px;
padding-right:0
}
.eyes{
margin-top:0;
padding-top:28px;
display:none;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.preloader-playground{
z-index:1070;
display:none
}
.image-69{
z-index:9999;
width:auto;
max-width:100vw;
padding-left:0;
padding-right:0;
display:inline-block;
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.logo-hover{
display:none
}
.text-block-38{
width:100%;
padding-left:19px;
padding-right:19px;
font-size:14px;
line-height:20px
}
.section-title{
font-size:70px;
line-height:70px
}
.section-description{
width:100%;
padding-left:19px;
padding-right:0;
font-size:14px;
line-height:20px;
display:none
}
.blog{
padding-top:103px
}
.div-block-39{
display:none
}
.email-desktop{
margin-top:0
}
.email-desktop.cta-slide-up{
max-width:500px;
display:block
}
.text-field{
width:100%
}
.text-field.first-name{
border-radius:0
}
.text-field.email{
border-radius:0;
margin-left:0;
margin-right:0
}
.div-block-41{
flex-direction:column
}
.footer-collumn{
margin-bottom:60px
}
.submit-button{
width:100%
}
.submit-button.is-active-email{
border-radius:0;
font-size:16px
}
.div-block-42{
display:none
}
.form{
display:block
}
.email-mobile{
margin-top:56px;
display:block
}
.footer{
height:1360px;
margin-left:16px;
margin-right:16px;
padding-left:0;
padding-right:0
}
.footer.dark-bg{
margin-left:0;
margin-right:0;
padding-left:16px;
padding-right:16px
}
.projects-slider{
padding-top:147px
}
.work-slider{
margin-left:16px;
margin-right:16px
}
.work-left-arrow{
display:none
}
.work-right-arrow{
width:130px;
height:470px;
display:flex;
right:-11.5%
}
.work-slide-1{
margin-right:16px
}
.image-71.left{
display:none
}
.work-text-block{
width:254px;
padding-right:0
}
.div-block-44{
max-width:100vw;
overflow:visible
}
.image-73.mbm-screen{
width:150%;
max-width:200%
}
.image-74.mbm-screen{
width:150%;
max-width:200%;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.image-75.mbm-screen{
width:150%;
max-width:200%
}
.left-footer-collumn,.form-block{
display:block
}
.email-cta-slide-up{
width:100%;
height:420px;
padding-left:20px;
padding-right:20px;
display:block
}
.email-cta-title{
width:250px;
margin-top:52px;
font-size:44px
}
.email-cta-title.dark.boosted{
width:260px
}
.close-x{
left:0
}
.brand-4{
padding-left:0
}
.brand-4.w--current{
padding-left:16px
}
.brand-4.new{
justify-content:flex-start;
padding-right:30%
}
.header_sub-line,.swiper-bullet{
width:2em
}
.page-main{
margin-top:auto;
margin-bottom:auto
}
.heading-7{
font-size:28px
}
.overview_component{
margin-top:auto;
margin-bottom:auto
}
.overview_sticky{
align-items:stretch;
margin-top:auto;
margin-bottom:auto
}
.page-wrapper-2{
align-items:center;
margin-top:auto;
margin-bottom:auto;
display:block
}
.cta_title-wrap{
font-size:2.4vw
}
.text-block-44{
width:100%;
max-width:100%;
font-size:400%;
overflow:visible
}
.container-24{
max-width:none
}
.nav-menu-two{
flex-direction:column
}
.upper-page-wrapper{
height:80vh;
padding-top:122px
}
.intro-text{
max-width:100%;
font-size:21px;
line-height:27px
}
.bio-img{
align-self:flex-start
}
.intro-bio-wrapper{
grid-template-columns:1fr
}
.intro-bio-component{
flex-direction:column;
padding-left:16px;
padding-right:16px;
display:flex
}
.intro-main{
flex-direction:column;
display:flex
}
.intro-bio-img{
padding:0 0%
}
.intro-bio-copy{
padding-left:0;
padding-right:0
}
.bio-social-links-wrapper{
width:auto;
justify-content:flex-start;
align-self:flex-start
}
.form-block-2{
width:auto
}
.intro-wrapper{
flex-direction:column;
display:block
}
.nav-container-2{
width:100%;
flex:none;
justify-content:space-between;
margin-left:0%;
margin-right:0%
}
.image-77{
flex:1
}
.page-split-img-wrapper{
height:60vh;
background-position:50% 0
}
.page-split-wrapper{
display:none
}
.text-block-46{
width:100%
}
.logo-garden1{
position:static
}
}
#w-node-ddb57cb7-27b0-57a3-76af-5385f9e437b8-85f43cd1,#w-node-ddb57cb7-27b0-57a3-76af-5385f9e437c5-85f43cd1{
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_30b61e9a-beac-a0c0-9bf0-38faa4cc025d-855cdf78{
grid-area:span 1/span 1/span 1/span 1;
justify-self:end
}
#w-node-_30b61e9a-beac-a0c0-9bf0-38faa4cc0261-855cdf78{
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_4eafb5b5-f6f8-8203-9252-abd5d750091c-855cdf78{
grid-area:span 1/span 1/span 1/span 1;
align-self:start;
justify-self:end
}
#w-node-_4eafb5b5-f6f8-8203-9252-abd5d7500920-855cdf78{
grid-area:span 1/span 1/span 1/span 1
}
@media screen and (max-width:991px){
#w-node-_30b61e9a-beac-a0c0-9bf0-38faa4cc025d-855cdf78,#w-node-_4eafb5b5-f6f8-8203-9252-abd5d750091c-855cdf78{
justify-self:start
}
}
@media screen and (max-width:479px){
#w-node-_30b61e9a-beac-a0c0-9bf0-38faa4cc025d-855cdf78{
align-self:center;
justify-self:center
}
}
@font-face {
font-family: 'Abcfavoritextended';
src: url('https://uploads-ssl.webflow.com/5b0eb11723332d2455b73469/60903192fbfd3257ce4ff9db_ABCFavoritExtended-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}