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: rgba(0, 0, 0, 0);
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
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: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
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: rgba(0, 0, 0, 0) !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: none;
border: 0 rgba(0, 0, 0, 0);
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: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
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: bold;
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::-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: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
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: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
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: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
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 rgba(0, 0, 0, 0);
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 rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-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;
-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: center;
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: translate3d(0, 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: translate(0, -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 rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
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: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-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);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.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-form-formradioinput--inputType-custom {
width: 12px;
height: 12px;
border: 1px solid #ccc;
border-radius: 50%;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.div-block-2379 {
margin-top: 10px;
margin-bottom: 8px;
font-size: 18px;
font-weight: 500;
display: flex;
}
.div-block-2369 {
width: 100%;
max-width: 0;
min-width: 400px;
border-right: 1px solid #e2e2e2;
padding: 25px 50px;
}
.div-block-2347 {
width: 100%;
justify-content: flex-end;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
display: flex;
}
.floatingpanel-2 {
z-index: 99999;
width: 100vw;
min-height: 100vh;
background-color: #191a1f;
border-left: 1px dashed rgba(92, 92, 92, .17);
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 0;
display: none;
position: absolute;
top: 0;
left: 0;
}
.div-block-2370 {
height: 100%;
align-items: center;
display: flex;
}
.div-block-2260 {
align-items: center;
display: flex;
}
.div-block-845 {
width: 100%;
height: 100%;
max-width: 1380px;
border: 0 solid #000;
justify-content: space-between;
align-items: center;
margin-left: 50px;
margin-right: 50px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-845.full {
max-width: 100%;
}
.div-block-2371 {
justify-content: flex-start;
align-items: center;
margin-top: 15px;
display: flex;
}
.div-block-2380 {
width: 100%;
height: 115px;
border-radius: 2px;
overflow: hidden;
}
.overlayer {
z-index: 101;
width: 100%;
height: 100%;
opacity: 0;
background-color: #494949;
transition: flex .2s;
display: none;
position: fixed;
top: 0;
}
.div-block-2381 {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.signin-2 {
height: 100%;
color: #4d4d4d;
white-space: nowrap;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 0 solid rgba(196, 196, 196, .5);
border-bottom: 3px solid rgba(0, 0, 0, 0);
border-radius: 1px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 15px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-weight: 500;
line-height: 14px;
text-decoration: none;
display: flex;
position: relative;
top: 1px;
}
.signin-2:hover {
height: 100%;
text-decoration: none;
}
.signin-2.pricing, .signin-2.login {
display: none;
}
.div-block-2377 {
width: 100%;
padding-left: 30px;
}
.div-block-2376 {
margin-bottom: 10px;
font-size: 24px;
font-weight: 500;
}
.div-block-2378 {
color: #afafaf;
letter-spacing: .6px;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 11px;
font-weight: 500;
}
.div-block-2379-copy {
color: #525252;
margin-top: 3px;
font-size: 16px;
font-weight: 300;
line-height: 25px;
}
.image-457 {
width: 25px;
filter: invert();
}
.div-block-2383 {
justify-content: center;
align-items: center;
margin-left: 6px;
display: flex;
}
.topmenu {
z-index: 1001;
width: 100%;
height: 100px;
background-color: rgba(255, 255, 255, .9);
border: 0 solid #000;
border-bottom-color: #ebebeb;
justify-content: center;
align-items: center;
display: flex;
position: static;
top: 0;
}
.topmenu.a {
position: -webkit-sticky;
position: sticky;
}
.div-block-2348 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-2372 {
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.b11 {
color: #fafafa;
cursor: pointer;
background-color: #1f2423;
border: 0 solid #b6b6b6;
border-radius: 99px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 15px 36px;
font-size: 16px;
text-decoration: none;
display: flex;
}
.sitemenu {
width: 100%;
position: absolute;
top: 0;
}
.text-block-236 {
align-items: center;
}
.div-block-1393 {
height: 100%;
padding-bottom: 3px;
}
.image-458 {
width: 15px;
}
.solutionsmenu {
z-index: 104;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 90px;
padding-bottom: 90px;
font-family: Circularxxweb, sans-serif;
transition: flex .3s;
display: flex;
position: fixed;
top: -400px;
}
.div-block-2349 {
color: #fff;
text-align: center;
padding: 10px 20px;
font-size: 20px;
text-decoration: none;
}
.div-block-2349.w--current {
text-align: center;
}
.text-block-296 {
white-space: nowrap;
margin-top: 1px;
font-weight: 500;
position: static;
}
.div-block-2375 {
z-index: 105;
width: 100%;
height: 100%;
background-color: #fff;
border-bottom: 1px solid #faf7f7;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-1392 {
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
font-size: 13px;
display: flex;
}
.div-block-2350 {
z-index: 5;
flex-direction: column;
display: flex;
position: relative;
}
.div-block-2382 {
width: 100%;
color: #303030;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-right: 2px;
padding: 15px;
text-decoration: none;
}
.div-block-2382:hover {
background-color: rgba(247, 247, 247, .3);
border-width: 1px;
border-color: rgba(199, 199, 199, 0);
}
.insights2, .mediasolutions {
width: 100%;
max-width: 1280px;
justify-content: flex-start;
display: none;
}
.body {
font-family: Circularxxweb, sans-serif;
}
.div-block-2728 {
opacity: 1;
color: #a8a8a8;
margin-top: 0;
margin-bottom: 6px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.text-span-31 {
font-size: 16px;
}
.platformdemo {
z-index: 2;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 63px;
margin-left: 30px;
margin-right: 30px;
display: flex;
position: relative;
}
.platformdemo._1 {
z-index: 1;
width: 373px;
flex-direction: column;
align-items: flex-start;
margin-left: 40px;
margin-right: 40px;
}
.platformdemo._1._5 {
margin-top: -549px;
}
.platformdemo._1.wide {
width: 970px;
justify-content: center;
align-items: center;
}
.platformdemo._4 {
width: 373px;
flex-direction: column;
align-items: flex-start;
margin-top: -383px;
}
.platformdemo._1 {
z-index: 1;
width: 373px;
flex-direction: column;
align-items: flex-start;
margin-left: 40px;
margin-right: 40px;
}
.thephone1 {
background-color: #f8f8f6;
border: 1px solid #c7b8b8;
border-radius: 60px;
flex-direction: column;
align-items: center;
padding: 50px 15px 10px;
display: flex;
position: relative;
}
.thephone1.faded {
opacity: .31;
}
.thephone1.white {
color: #fff;
background-color: #fff;
}
.thephone1.white.fd {
border-color: #e6e6e6;
}
.thephone1.b1 {
background-color: #fff;
border-color: #e2dede;
}
.thephone1.black {
background-color: #fff;
}
.thephone1.light {
border-color: #e0e0e0;
}
.thephone1.light.wide {
width: auto;
border-width: 0;
border-radius: 0;
padding: 0;
}
.thephone1.light.transparent {
background-color: rgba(248, 248, 246, 0);
border-color: rgba(155, 146, 146, .3);
}
.thephone1.dark {
background-color: rgba(248, 248, 246, 0);
border-color: rgba(116, 116, 116, .59);
box-shadow: 0 5px 30px 1px rgba(245, 224, 224, .02);
}
.thephone1.custom {
height: 792px;
min-height: 680px;
background-color: rgba(248, 248, 246, 0);
border-color: #ececec;
}
.shadow.abs {
position: absolute;
bottom: -67px;
}
.text-block-195 {
opacity: 1;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
font-weight: 300;
}
.div-block-2729 {
width: 100%;
max-width: 450px;
flex-direction: column;
align-items: flex-start;
padding-top: 0;
padding-left: 36px;
display: flex;
}
.large_headline {
flex-direction: column;
justify-content: center;
display: flex;
}
.div-block-2681 {
width: 100%;
height: 60px;
justify-content: center;
align-items: center;
padding: 10px 20px;
display: flex;
}
.div-block-2717 {
width: 100%;
border-bottom: 0 solid #f3f3f3;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 50px;
display: flex;
overflow: visible;
}
.div-block-1320 {
width: 100%;
height: 100%;
max-height: 600px;
min-height: 600px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
overflow: scroll;
}
.div-block-1320.hide-scrollbar {
height: 100%;
max-width: 340px;
background-color: #fff;
justify-content: space-between;
position: relative;
}
.div-block-1320.hide-scrollbar._12 {
display: none;
}
.div-block-1320.hide-scrollbar.x.b {
background-color: #f8f8f6;
border-width: 1px;
border-color: rgba(199, 184, 184, .43);
border-radius: 6px;
}
.div-block-1320.hide-scrollbar {
width: 100%;
height: 100%;
border: 0 solid #e2d1d1;
justify-content: flex-start;
}
.div-block-1320.x {
width: 340px;
height: 600px;
}
.image-508 {
width: 100%;
opacity: .24;
}
.image-508.inverted {
opacity: .5;
filter: invert();
}
.div-block-2682 {
width: 120px;
height: 4px;
background-color: #e9e9e9;
border-radius: 99px;
margin-top: 15px;
}
.div-block-2682.dark {
opacity: .32;
}
.div-block-2723 {
width: 100%;
max-width: 400px;
min-width: 250px;
flex-direction: column;
justify-content: flex-start;
margin-right: 40px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.side_control {
width: 100%;
color: #3f3e3d;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 12px;
justify-content: space-between;
align-items: center;
padding: 36px 20px;
font-size: 18px;
font-weight: 300;
text-decoration: none;
transition: all .3s;
display: flex;
position: relative;
}
.side_control:hover {
color: #000;
}
.side_control.first {
border-top-width: 1px;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.side_control.first:hover {
border-top-color: #e7e7e7;
}
.side_control.active {
background-color: #fff;
border-color: #eee;
border-radius: 8px;
box-shadow: 1px 1px 13px rgba(0, 0, 0, .07);
}
.div-block-2304 {
color: #313131;
}
.div-block-2304.dark {
color: #a0a0a0;
}
.div-block-2736 {
justify-content: center;
align-items: center;
margin-left: 6px;
font-size: 16px;
display: flex;
}
.find-out-copy {
height: 54px;
color: #fff;
letter-spacing: .3px;
white-space: nowrap;
cursor: pointer;
background-color: #000;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-right: 0;
padding-left: 36px;
padding-right: 36px;
font-family: Circularxxweb, sans-serif;
font-size: 15px;
font-weight: 400;
text-decoration: none;
display: flex;
}
.find-out-copy:hover {
filter: invert();
color: #ebecf3;
background-color: #000;
border-color: #a1a1a1;
text-decoration: none;
}
.find-out-copy.rev {
z-index: 10;
position: absolute;
bottom: 117px;
}
.div-block-758 {
margin-left: 5px;
margin-right: 5px;
}
.div-block-2678 {
width: 100%;
height: 40px;
opacity: 1;
border: 1px solid #e2e2e2;
border-radius: 12px;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-left: 12px;
padding-right: 12px;
display: flex;
}
.div-block-2678.a {
background-color: #fff;
border-radius: 3px;
margin-bottom: 0;
}
.div-block-2678.dark {
color: #555;
border-color: #303030;
}
.div-block-2678.custom {
border-color: #ececec;
}
.div-block-2727 {
margin-top: 330px;
font-size: 21px;
font-weight: 300;
line-height: 32px;
}
.div-block-2320 {
display: flex;
}
.div-block-2696 {
z-index: 6;
max-width: 380px;
position: relative;
}
.div-block-2696.faded {
opacity: .4;
}
.nwsproductdemo-2 {
z-index: 15;
width: 340px;
height: 100%;
border: 1px solid #f0f0f0;
border-radius: 6px;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.div-block-2735 {
height: 60px;
opacity: .55;
color: #333;
align-items: center;
padding-right: 10px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
display: flex;
}
.image-507 {
width: 360px;
opacity: .15;
}
.image-507._1 {
opacity: .33;
}
.div-block-2714-copy {
width: 100%;
background-color: #fdfdfd;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 97px;
display: flex;
}
.div-block-2714-copy.home {
background-color: rgba(253, 253, 253, 0);
padding-top: 10px;
}
.div-block-2721 {
width: 100%;
height: 900px;
max-width: 900px;
background-color: #f8f8f6;
border: 1px solid #eee;
border-radius: 26px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.volume_button {
width: 5px;
height: 60px;
background-color: #f0f0f0;
border: 1px solid #e7e7e7;
border-right-width: 0;
border-radius: 6px 0 0 6px;
position: absolute;
top: 202px;
left: -5px;
}
.volume_button._3 {
height: 100px;
border-width: 1px 1px 1px 0;
border-radius: 0 6px 6px 0;
top: 224px;
left: auto;
right: -5px;
}
.volume_button._3.transparent {
background-color: rgba(240, 240, 240, 0);
border-bottom-color: rgba(231, 231, 231, .21);
border-right-color: rgba(231, 231, 231, .21);
}
.volume_button._2 {
border-width: 1px 0 1px 1px;
border-color: #e7e7e7;
top: 270px;
}
.volume_button._2.wide, .volume_button.wide {
display: none;
}
.volume_button.transparent {
background-color: rgba(240, 240, 240, 0);
border-top-color: rgba(231, 231, 231, .18);
border-bottom-color: rgba(231, 231, 231, .16);
border-left-color: rgba(231, 231, 231, .21);
}
.div-block-2691 {
align-items: flex-end;
display: flex;
}
.div-block-2691.top {
align-items: flex-start;
}
.div-block-2691.dark {
color: #9b9b9b;
}
.image-241 {
width: 11px;
opacity: 1;
filter: invert();
}
.image-241.inv {
opacity: .44;
filter: none;
}
.div-block-1085 {
align-items: center;
display: flex;
}
.div-block-2710 {
width: 100%;
flex-direction: column;
align-items: center;
display: flex;
}
.text-block-369 {
font-size: 10px;
}
.div-block-2722 {
width: 100%;
max-width: 1360px;
flex-direction: row;
margin-top: 30px;
display: flex;
}
.div-block-2731 {
height: 100%;
max-height: 85vh;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 76px;
padding-right: 20px;
display: flex;
}
.div-block-2731.rev {
justify-content: space-between;
padding-left: 0;
padding-right: 0;
}
.div-block-2731.rev.full {
width: 100%;
flex-direction: row;
margin-bottom: 20px;
}
.interactive_unit {
width: 100%;
max-width: 1360px;
justify-content: space-between;
margin-top: 0;
margin-bottom: 40px;
display: flex;
position: relative;
}
.div-block-2724 {
width: 100%;
}
.image-510 {
width: 17px;
min-width: 17px;
filter: invert();
}
.image-337 {
width: 14px;
}
.image-337.ii {
transform: rotate(180deg);
}
.image-337.inv {
filter: invert();
}
.div-block-2741-copy {
width: 320px;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 20px;
display: flex;
position: absolute;
top: 1025px;
right: 0;
overflow: hidden;
}
.div-block-2741-copy._3 {
z-index: 6;
width: 330px;
border-radius: 12px;
padding-top: 15px;
top: 122px;
}
.div-block-2741-copy._3._4 {
width: 380px;
padding-top: 0;
top: 413px;
}
.div-block-2741-copy._3._6 {
width: 380px;
padding-top: 0;
top: 722px;
}
.div-block-2714-copy-copy {
width: 100%;
background-color: #fdfdfd;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 0;
display: flex;
}
.div-block-2741 {
z-index: 6;
width: 320px;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 12px;
padding-bottom: 25px;
position: absolute;
top: 248px;
left: 0;
}
.div-block-2740 {
max-width: 380px;
color: #5c5c5c;
margin-left: 20px;
padding-top: 10px;
padding-right: 20px;
}
.div-block-2731-copy {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-2739 {
z-index: 1;
width: 100%;
max-width: 1100px;
background-color: #f8f6f6;
border: 1px solid #ececec;
border-radius: 12px;
position: relative;
overflow: hidden;
}
.div-block-2738 {
width: 100%;
max-width: 1360px;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
position: relative;
}
.find-out-copy-copy {
height: 52px;
color: #f2f3ea;
letter-spacing: .3px;
white-space: nowrap;
cursor: pointer;
background-color: #202020;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 0;
margin-right: 0;
padding-left: 36px;
padding-right: 36px;
font-family: Circularxxweb, sans-serif;
font-size: 12px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.find-out-copy-copy:hover {
filter: invert();
color: #ebecf3;
background-color: #000;
border-color: #a1a1a1;
text-decoration: none;
}
.find-out-copy-copy.hidden {
display: none;
}
.footer-bottom-links {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
font-size: 15px;
text-decoration: none;
display: flex;
}
.footer-bottom-links.showcase {
color: #5a5a5a;
align-items: center;
}
.thelogo-2 {
width: 160px;
height: 60px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ad1e013441544c130449a_newsroom_ai_logo.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.footer {
width: 100%;
color: #000;
background-color: #fff;
border-top: 1px solid #dfdfdf;
justify-content: center;
align-items: center;
padding: 30px 50px;
font-size: 14px;
font-weight: 300;
display: flex;
}
.div-block-2342 {
opacity: 1;
mix-blend-mode: multiply;
align-items: center;
display: flex;
}
.div-block-1541 {
white-space: nowrap;
margin-right: 15px;
font-size: 17px;
}
.link-block {
color: #5a5a5a;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
font-size: 17px;
line-height: 22px;
text-decoration: none;
}
.link-block.sh {
padding-left: 0;
}
.link-block.submit {
color: #000;
}
.div-block-1542 {
width: 100%;
max-width: 1360px;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-2718-copy {
width: 100%;
max-width: 1360px;
flex-direction: row;
margin-bottom: 60px;
padding-right: 0;
display: flex;
position: relative;
}
.div-block-2745 {
z-index: 1;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.theline {
width: 100px;
height: 1px;
background-color: #e6e6e6;
}
.theline.faded {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to right, rgba(230, 230, 230, 0) 9%, #e6e6e6 94%);
}
.theline.faded.inverted {
background-image: linear-gradient(to left, rgba(230, 230, 230, 0) 9%, #e6e6e6 94%);
}
.theline.faded.large {
width: 230px;
}
.theline.faded.medium {
width: 50px;
}
.theline.larger {
width: 200px;
}
.theline.larger-copy {
width: 100px;
}
.theline._3 {
width: 70px;
}
.theline._5 {
width: 250px;
}
.theline._12 {
width: 210px;
}
.theline._11 {
width: 130px;
}
.div-block-2747 {
justify-content: flex-start;
align-items: center;
margin-bottom: 42px;
display: flex;
}
.div-block-2747.r {
transform: rotate(-90deg);
}
.div-block-2747.r.rr-copy {
width: 14px;
height: 14px;
min-height: 14px;
min-width: 14px;
opacity: .57;
filter: grayscale();
margin-left: 5px;
}
.div-block-2747.r.rr-copy.qe {
margin-left: 0;
margin-right: 5px;
transform: rotate(90deg);
}
.div-block-2748 {
color: #aaa;
white-space: nowrap;
background-color: rgba(255, 255, 255, .41);
border: 1px solid #e7dddd;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 5px;
padding: 4px 16px;
font-size: 11px;
font-weight: 300;
display: flex;
}
.div-block-2749 {
color: #c2c2c2;
font-family: Materialicons, sans-serif;
font-size: 20px;
}
.image-215-copy {
width: 10px;
}
.div-block-2505 {
width: 100%;
max-width: 1360px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 50px;
display: flex;
}
.div-block-2509 {
align-items: center;
display: flex;
position: relative;
}
.div-block-2508 {
opacity: 1;
color: #bbb7b7;
flex-direction: row;
align-items: center;
display: flex;
position: absolute;
top: 24px;
}
.div-block-2507 {
width: 20px;
height: 12px;
border-left: 1px solid silver;
border-right: 0 solid #cfcfcf;
}
.div-block-2507._5 {
height: 6px;
}
.text-block-436 {
font-size: 11px;
}
.thescene {
align-items: flex-start;
display: flex;
position: relative;
}
.thescene.gallery {
width: 50%;
height: 780px;
min-width: 50%;
justify-content: flex-start;
align-items: center;
padding-left: 577px;
}
.thescene.thereprots {
width: 100%;
height: 780px;
min-width: 100%;
justify-content: flex-start;
align-items: flex-start;
}
.thescene.campaign_setup {
width: 100%;
height: 780px;
min-width: 100%;
background-color: #fff;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
padding-left: 691px;
}
.thescene.distributions_ {
z-index: 7;
width: 100%;
height: 780px;
min-width: 100%;
background-color: #fff;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
padding-left: 550px;
}
.thescene.step1 {
z-index: 10;
width: 100%;
height: 780px;
min-width: 100%;
background-color: #fff;
border-radius: 12px;
justify-content: flex-start;
align-items: flex-start;
padding-left: 100px;
overflow: hidden;
}
.div-block-2750 {
width: 100%;
flex-direction: column;
align-items: flex-end;
display: flex;
}
.div-block-2749-copy {
color: #c2c2c2;
margin-right: 5px;
font-family: Materialicons, sans-serif;
font-size: 16px;
}
.div-block-2756 {
position: relative;
}
.headline {
max-width: 900px;
color: #cecece;
letter-spacing: -2px;
margin-bottom: 0;
padding-right: 0;
font-size: 75px;
font-weight: 300;
line-height: 88px;
}
.headline._2, .headline.full {
max-width: none;
}
.headline.large {
max-width: 920px;
}
.headline.large._1 {
max-width: 920px;
color: #000;
}
.div-block-2720-copy-copy-copy-copy {
color: #cfcfcf;
letter-spacing: 0;
margin-bottom: 0;
font-size: 30px;
font-weight: 300;
line-height: 50px;
}
.div-block-2758 {
width: 100%;
max-width: 1360px;
margin-bottom: 70px;
display: flex;
}
.text-span-34 {
color: #000;
}
.text-span-35 {
color: #050505;
}
.div-block-2759 {
width: 100%;
height: 1px;
align-items: center;
margin-top: 60px;
display: flex;
position: static;
bottom: -55px;
}
.div-block-2759-copy {
width: 90%;
height: 1px;
background-color: #a1a1a1;
}
.image-511 {
width: 20px;
opacity: .55;
margin-bottom: 2px;
}
.div-block-2750-copy {
width: 100%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-2723-copy {
width: 100%;
max-width: 400px;
min-width: 250px;
flex-direction: column;
justify-content: center;
margin-left: 40px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.div-block-2723-copy.full {
max-width: none;
min-width: auto;
margin-left: 0;
}
.div-block-2758-copy {
width: 100%;
max-width: 1360px;
margin-bottom: 5px;
display: flex;
}
.status_indicator {
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 30px;
display: flex;
position: absolute;
right: 0;
}
.status_indicator.left {
justify-content: flex-end;
margin-left: 30px;
padding-top: 10px;
left: 0;
right: auto;
}
.at_storycontrol {
width: 45px;
height: 45px;
min-height: 45px;
min-width: 45px;
cursor: pointer;
border: 1px solid #bebebe;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
font-size: 10px;
display: flex;
}
.at_storycontrol:hover {
color: #000;
border-color: #000;
}
.at_storycontrol.at_addscene {
position: relative;
}
.label {
justify-content: flex-start;
display: flex;
}
.scene_container {
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0);
border-bottom: 1px dashed #c5c5c5;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 95px 100px;
display: flex;
position: relative;
overflow: visible;
}
.scene_container.last, .scene_container._2 {
border-bottom-width: 0;
}
.jump_timing {
align-items: center;
display: flex;
position: absolute;
top: 20px;
}
.floating_settings {
width: 100%;
display: none;
}
.floating_settings.active {
display: flex;
position: absolute;
bottom: 0;
}
.image-523-copy {
width: 18px;
margin-right: 0;
transform: rotate(-90deg);
}
.image-523-copy.r {
margin-right: 0;
transform: rotate(90deg);
}
.indicators_2 {
flex-direction: column;
display: flex;
}
.block_label {
display: none;
}
.image-534 {
width: 11px;
margin-top: 1px;
margin-right: 4px;
}
.jump_here_label {
background-color: #f1f1f1;
border: 1px solid #888;
border-radius: 99px;
padding: 3px 20px;
font-size: 14px;
font-weight: 300;
display: none;
position: absolute;
bottom: 20px;
}
.div-block-3267 {
width: 1px;
height: 100%;
background-color: #d4d4d4;
}
.div-block-3267.a {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(#d4d4d4 6%, rgba(255, 255, 255, 0));
}
.tabswitch-2 {
width: 100%;
background-color: #f1f1f1;
border: 1px solid #f3f3f3;
border-radius: 99px;
flex-direction: row;
padding: 5px;
display: flex;
}
.comp_search {
width: 100%;
margin-bottom: 0;
}
.text-field-3 {
border: 0 solid #000;
margin-bottom: 0;
padding-left: 0;
}
.presetsholder {
padding: 10px 15px;
}
.conversations_tag {
color: #000;
cursor: pointer;
background-color: #f1f1f1;
border: 1px solid #f1f1f1;
border-radius: 99px;
margin-bottom: 10px;
margin-right: 6px;
padding: 6px 15px 6px 13px;
font-size: 12px;
font-weight: 300;
display: flex;
position: relative;
}
.conversations_tag:hover {
background-color: #fff;
border: 1px solid #a5a5a5;
}
.conversations_tag.last {
margin-bottom: 0;
margin-right: 0;
}
.div-block-1166 {
width: 100%;
border: 0 solid #000;
align-items: center;
display: flex;
}
.mediasearch_header_top {
min-height: 60px;
border-bottom: 1px solid #e9e7e7;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 10px;
padding-right: 10px;
font-weight: 300;
display: flex;
position: static;
top: 0;
}
.layerholder {
background-color: #fff;
border: 0 solid #ece4e4;
border-radius: 6px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.chapters_layersholder {
flex-direction: column;
display: flex;
overflow: hidden;
}
.layers_manager_holder {
height: 100%;
flex-direction: column;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
display: none;
overflow: auto;
}
.layers_manager_holder.active {
padding-top: 0;
display: flex;
}
.comp_variables {
width: 100%;
background-color: #fff;
border: 1px solid #ece4e4;
border-radius: 6px;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
position: relative;
overflow: hidden;
}
.div-block-2698 {
width: 100%;
min-width: 300px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
}
.compsearch1 {
width: 100%;
}
.tab {
width: 100%;
color: #3d3d3d;
text-align: center;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(231, 231, 231, .4);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 2px;
margin-right: 2px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.tab:hover {
color: #f5f5f5;
background-color: #000;
}
.tab.attachments {
font-size: 12px;
}
.tab.blocks {
border-color: rgba(231, 231, 231, 0);
}
.tab.blocks.active {
background-color: #fff;
font-size: 11px;
}
.tab.active {
background-color: #fff;
border-color: #fff;
}
.tab.active:hover {
color: #464646;
}
.tab.styles {
border-color: rgba(231, 231, 231, 0);
}
.tab.attachments {
border-color: rgba(231, 231, 231, 0);
font-size: 12px;
transition: all .3s;
}
.div-block-2809 {
white-space: nowrap;
align-items: center;
padding-right: 10px;
display: flex;
}
.div-block-2809._0 {
padding-right: 0;
}
.div-block-3259 {
height: 100%;
cursor: pointer;
border-bottom: 2px solid rgba(0, 0, 0, 0);
justify-content: center;
align-items: center;
margin-bottom: -2px;
margin-right: 10px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.div-block-3259:hover {
border-bottom-style: solid;
border-bottom-color: #000;
}
.div-block-3259.active {
border-bottom-width: 2px;
border-bottom-color: #000;
}
.conv_listing_item1 {
width: 100%;
min-height: 52px;
color: #333;
text-align: left;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #eee;
justify-content: flex-start;
align-items: center;
padding: 14px 12px 14px 16px;
font-weight: 300;
display: flex;
}
.conv_listing_item1:hover {
background-color: #ebebeb;
text-decoration: none;
}
.project_name {
cursor: pointer;
border-bottom: 1px dashed #5e5e5e;
display: flex;
}
.project_name.no_underline {
border-bottom-width: 0;
}
.div-block-2969 {
width: 20px;
height: 20px;
min-height: 20px;
min-width: 20px;
background-color: #fff;
border-radius: 2px;
position: absolute;
top: -6px;
left: 22px;
transform: rotate(45deg);
}
.div-block-2969.dark {
background-color: #f3f3f3;
}
.timing_holder {
max-width: 300px;
border: 0 solid #000;
border-radius: 0;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.timing_holder:hover {
color: #000;
background-color: #fff;
border-color: #888 #888 #000;
}
.topbar_m1 {
opacity: 1;
color: #727272;
align-items: center;
font-weight: 300;
display: flex;
position: absolute;
left: 20px;
}
.editor_modes {
flex-direction: row;
display: flex;
position: absolute;
right: 20px;
}
.div-block-3258 {
z-index: 5;
height: 100%;
justify-content: center;
align-items: center;
font-weight: 300;
display: flex;
position: relative;
}
.the_conv_name {
cursor: pointer;
border-bottom: 1px dashed #5e5e5e;
display: flex;
}
.the_conv_name.no_underline {
border-bottom-width: 0;
}
.editor_device_selector {
align-items: center;
display: flex;
}
.project_link_container {
border: 0 solid #000;
border-radius: 0;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.project_link_container:hover {
color: #000;
background-color: #fff;
border-color: #888 #888 #000;
}
.project_link_container.alignleft {
justify-content: flex-start;
}
.projectlisting {
width: 100%;
min-width: 250px;
background-color: #fff;
border: 0 solid #c7c7c7;
border-radius: 1px;
flex-direction: column;
font-size: 13px;
display: none;
position: absolute;
top: 50px;
left: -21px;
}
.conversations_list {
z-index: 10;
width: 100%;
background-color: #414141;
position: relative;
overflow: hidden;
box-shadow: 11px 11px rgba(0, 0, 0, .02);
}
.div-block-3302 {
width: 45px;
height: 45px;
color: #3d3d3d;
cursor: pointer;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 5px;
margin-right: 0;
font-size: 16px;
display: flex;
}
.div-block-3302:hover {
color: #f8f5f5;
background-color: #252525;
border-color: #252525;
}
.div-block-3302.active {
color: #ececec;
background-color: #1b1b1b;
border-color: #1b1b1b;
}
.div-block-2985 {
margin-left: 10px;
margin-right: 10px;
}
.slider_value {
border-top: 0 solid #dbdbdb;
font-size: 11px;
}
.slider_value.small {
color: #645e5e;
font-size: 4px;
}
.slider_value.hidden {
color: #fff;
}
.slider_value.ai {
color: #f3e9e9;
background-color: #181818;
border-radius: 3px;
padding: 2px 14px;
font-size: 12px;
font-weight: 400;
}
.slider_value.ai-copy {
color: #070707;
background-color: rgba(255, 255, 255, 0);
border-radius: 3px;
margin-right: 5px;
padding: 2px 14px;
font-size: 12px;
font-weight: 400;
}
.slider_value.ai-copy-copy {
color: #f3e9e9;
background-color: #181818;
border-radius: 3px;
padding: 2px 14px;
font-size: 12px;
font-weight: 400;
}
.slidervalues {
z-index: 4;
width: 100%;
color: #c2c2c2;
justify-content: space-between;
align-items: center;
margin-top: 5px;
font-size: 11px;
display: flex;
position: relative;
}
.slider_label {
color: #414141;
border-bottom: 1px dashed rgba(0, 0, 0, 0);
align-items: center;
padding-top: 1px;
padding-bottom: 1px;
display: flex;
}
.slider_label.bold {
font-weight: 500;
}
.slider_label.ai {
color: #444;
font-size: 13px;
font-weight: 500;
line-height: 21px;
}
.div-block-3203-copy {
width: 100%;
color: #3a3a3a;
letter-spacing: .5px;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
font-size: 11px;
font-weight: 400;
display: flex;
}
.div-block-3203-copy.padded {
margin-left: 12px;
}
.div-block-3211 {
width: 1px;
height: 45px;
min-width: 1px;
background-color: #ececec;
margin-left: 8px;
margin-right: 8px;
}
.div-block-3209-copy {
border: 0 solid #e4e4e4;
border-radius: 6px;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 5px 5px 5px 10px;
display: flex;
}
.div-block-3209-copy.l {
padding-left: 0;
}
.image-616 {
width: 14px;
min-width: 14px;
opacity: .86;
}
.image-616.align {
width: 19px;
min-width: 21px;
transform: rotate(0);
}
.image-616.align.l {
width: 22px;
}
.image-616.align.l.mid {
transform: rotate(90deg);
}
.image-616.align.left {
transform: rotate(-90deg);
}
.image-616.align.right {
transform: rotate(90deg);
}
.image-616.reverse {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.div-block-3208 {
width: 43px;
height: 43px;
min-height: 43px;
min-width: 43px;
cursor: pointer;
border: 1px solid #fff;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-right: 3px;
padding: 0;
font-size: 12px;
font-weight: 300;
text-decoration: underline;
display: flex;
}
.div-block-3208:hover {
background-color: #fff;
border-color: #d6d6d6;
}
.div-block-3208.active {
background-color: #f1f1f1;
}
.div-block-3086 {
color: #5f5f5f;
white-space: nowrap;
cursor: pointer;
border-bottom: 1px dashed #c5c5c5;
margin-right: 8px;
padding-bottom: 2px;
font-size: 12px;
}
.div-block-3086:hover {
color: #000;
border-bottom-color: #615e5e;
}
.div-block-3084 {
width: 20px;
height: 1px;
background-color: #c7c7c7;
margin-left: -1px;
}
.at_layerlabel {
margin-left: 11px;
}
.image-586 {
width: 10px;
opacity: .4;
}
.layer_type {
color: #7c7c7c;
font-size: 10px;
line-height: 14px;
}
.div-block-3086-copy2 {
color: #5f5f5f;
white-space: nowrap;
border-bottom: 1px dashed rgba(197, 197, 197, 0);
margin-right: 8px;
padding-bottom: 2px;
font-size: 12px;
}
.div-block-3086-copy2:hover {
color: #000;
border-bottom-color: #615e5e;
}
.div-block-3084-copy {
align-items: center;
margin-left: -3px;
display: flex;
}
.layer {
cursor: pointer;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 99px;
justify-content: space-between;
align-items: center;
margin-top: 8px;
margin-bottom: 8px;
padding-left: 9px;
padding-right: 32px;
font-size: 14px;
font-weight: 300;
display: flex;
position: relative;
}
.layer:hover {
background-color: #edf3fc;
border-color: #bdd0d6;
}
.layer.active {
border-color: #6d6262;
}
.layer_initialmessage {
padding-left: 6px;
display: none;
}
.layer_initialmessage.active {
display: flex;
}
.layer_submenu {
width: 100%;
align-items: center;
display: none;
position: absolute;
bottom: -46px;
left: 29px;
}
.div-block-2708 {
flex-direction: row;
align-items: center;
padding-top: 7px;
padding-bottom: 7px;
display: flex;
}
.div-block-3085 {
width: 1px;
height: 35px;
background-color: #c7c7c7;
position: relative;
top: -17px;
}
.div-block-3085._2 {
z-index: 5;
width: 7px;
height: 7px;
background-color: #fff;
border: 1px solid #afa6a6;
border-radius: 99px;
margin-left: 1px;
position: absolute;
top: -23px;
left: -4px;
}
.confirm_delete {
padding-left: 6px;
display: none;
}
.layericon {
width: 40px;
height: 40px;
min-height: 40px;
min-width: 40px;
background-color: #f1f1f1;
border: 0 solid #e2e2e2;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 500;
display: flex;
}
.layericon.message {
background-color: #facd48;
}
.layericon.input {
background-color: #9dcffb;
}
.layericon.textoptions {
background-color: #afebe4;
}
.the_slider_value {
color: #ece9e9;
background-color: #505050;
border-top: 0 solid #ddd;
border-radius: 99px;
margin-top: 4px;
margin-bottom: 4px;
padding: 5px 8px;
font-size: 11px;
font-weight: 500;
line-height: 11px;
}
.div-block-3315 {
z-index: 5;
white-space: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 300;
display: flex;
position: absolute;
bottom: -35px;
}
.div-block-3315.main {
top: 6px;
bottom: auto;
left: 23.3438px;
}
.content_total_time {
border-top: 0 solid #dbdbdb;
font-size: 11px;
}
.floating_timing_settings {
width: 100%;
border-top: 0 solid #eee;
flex-direction: column;
align-items: center;
display: flex;
}
.image-629 {
width: 12px;
transform: rotate(180deg);
}
.image-629.r {
transform: none;
}
.div-block-3317 {
z-index: 5;
width: 50px;
height: 50px;
min-height: 50px;
min-width: 50px;
cursor: pointer;
background-color: #fff;
border: 1px solid #eee;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
position: relative;
}
.div-block-3317:hover {
filter: invert();
}
.slider_progress_bar_double {
width: 100%;
height: 36px;
background-color: #f7f7f7;
position: absolute;
overflow: hidden;
}
.the_highlight_bar {
width: 50%;
height: 100%;
background-color: #bbe2f0;
position: relative;
left: 20%;
}
.floating_timing_settings_top {
width: 100%;
border-top: 0 solid #eee;
border-bottom: 1px solid #eee;
justify-content: space-between;
align-items: center;
padding: 10px 26px 16px 20px;
display: flex;
}
.div-block-3320 {
width: 1px;
height: 100%;
background-color: #8e9ba0;
}
.playhead {
width: 12px;
height: 44px;
cursor: ew-resize;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 6px;
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
}
.playhead:hover {
border-color: #838383;
}
.playhead.in {
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
left: 19%;
}
.playhead.out {
border-top-left-radius: 1px;
border-bottom-left-radius: 1px;
left: 69%;
}
.video_playhead {
z-index: 6;
width: 14px;
opacity: .5;
cursor: ew-resize;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
left: 274px;
}
.video_playhead:hover {
opacity: 1;
}
.video_playhead.slider_draggable {
width: 20px;
height: 100%;
left: 441px;
}
.shoppable_indicator {
height: 32px;
min-width: 32px;
color: #1f1f1f;
white-space: nowrap;
cursor: pointer;
background-color: #bbe2f0;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
padding-left: 14px;
padding-right: 14px;
font-size: 12px;
font-weight: 300;
display: flex;
}
.shoppable_indicator:hover {
border-color: rgba(117, 117, 117, .99);
}
.shoppable_indicator.active {
background-color: #fff;
border-color: #adadad;
}
.shoppable_indicator._1 {
background-color: #eeeede;
}
.shoppable_indicator._3 {
background-color: #facd48;
}
.shoppable_indicator._4 {
background-color: #afebe4;
}
.font_settings_container-copy {
z-index: 2;
width: 100%;
height: 100%;
border-bottom: 1px solid rgba(230, 230, 230, .1);
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-left: 10px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.image-628 {
width: 20px;
}
.div-block-3323 {
width: 100%;
height: 150px;
background-color: #fff;
flex-direction: row;
align-items: center;
padding-left: 30px;
padding-right: 36px;
display: flex;
}
.slider_container_limited {
z-index: 5;
width: 100%;
height: 44px;
border-radius: 3px;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.div-block-3319 {
background-color: #fff;
border: 0 solid #7f9197;
}
.div-block-3321 {
flex-flow: wrap;
align-content: flex-start;
font-weight: 300;
display: flex;
}
.div-block-3324 {
width: 340px;
height: 600px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 6px;
position: relative;
top: 35px;
overflow: hidden;
}
.chapter7 {
width: 100%;
background-color: #fdfdfd;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 90px;
padding-top: 0;
display: flex;
}
.div-block-3325 {
width: 100%;
height: 10px;
opacity: .1;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 22px;
}
.div-block-3326 {
width: 10px;
height: 10px;
border: 1px solid #000;
border-radius: 99px;
}
.div-block-3327 {
width: 90px;
height: 9px;
border: 1px solid #000;
border-radius: 99px;
margin-left: 10px;
}
.secondchapter {
width: 100%;
background-color: #fdfdfd;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 0;
display: flex;
}
.a4 {
margin-top: 4px;
margin-bottom: 10px;
}
.a4._4 {
margin-bottom: 0;
}
.text-block-303 {
font-family: Noedisplay, sans-serif;
font-size: 28px;
line-height: 30px;
}
.div-block-1341 {
justify-content: flex-start;
align-items: center;
font-weight: 400;
display: flex;
}
.div-block-1340 {
margin-bottom: 24px;
padding-top: 22px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-1340._4 {
margin-bottom: 14px;
}
.div-block-1323 {
z-index: 99999;
width: 100%;
height: auto;
max-width: 100%;
min-height: auto;
background-color: #fff;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
overflow: visible;
}
.div-block-1323.nss {
padding-top: 25px;
}
.div-block-1323.dark {
color: #dadada;
background-color: #140e28;
}
.div-block-1339 {
padding-top: 6px;
padding-bottom: 10px;
font-size: 23px;
line-height: 26px;
}
.div-block-1342-copy-copy {
height: 1px;
background-color: #ebebeb;
margin-bottom: 8px;
}
.div-block-1342-copy-copy.dark {
opacity: .2;
}
._1div-block-2717-copy {
width: 100%;
border-bottom: 0 solid #f3f3f3;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 140px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3329 {
width: 100%;
max-width: 1360px;
display: flex;
position: relative;
}
._12div-block-2721-copy-copy {
width: 100%;
height: 1650px;
background-color: #f8f8f6;
border: 1px solid #eee;
border-radius: 26px;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.h12 {
font-size: 21px;
font-weight: 300;
line-height: 32px;
}
.image-455 {
width: 70px;
}
.div-block-2336 {
width: 100%;
height: 100%;
}
.div-block-2334 {
z-index: 99;
margin-top: 12px;
margin-left: 7px;
display: flex;
position: absolute;
top: 42px;
left: 0;
}
.div-block-2334.a {
top: 12px;
}
.nwsproductdemo {
z-index: 15;
width: 100%;
height: 100%;
min-height: 100%;
border: 0 solid #c9c9c9;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.nwsproductdemo.hide-scrollbar {
border-width: 0;
border-color: #e9e6e6;
border-radius: 2px;
}
.nwsproductdemo.hide-scrollbar._67 {
height: 600px;
min-height: auto;
}
.nwsproductdemo.hide-scrollbar._222 {
border-width: 0;
border-radius: 6px;
}
.div-block-2343 {
width: 74px;
height: 20px;
min-height: 20px;
min-width: 74px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624c20b7df99b3a0d2aba15b_glamour-part.svg");
background-position: 0 0;
background-size: auto;
}
.image-609 {
width: 16px;
min-width: 16px;
opacity: .6;
}
.dropdown_indicator {
display: none;
}
.dropdown_indicator.active {
padding-right: 10px;
display: flex;
}
.dropdown_item {
height: 46px;
min-height: 46px;
color: #3f3f3f;
cursor: pointer;
border-bottom: 0 solid #e9e9e9;
border-radius: 3px;
justify-content: flex-start;
align-items: center;
padding-left: 12px;
display: flex;
}
.dropdown_item:hover {
background-color: #eee;
}
.dropdown_input {
width: 100%;
margin-right: 10px;
}
.dropdown_input.filter {
font-size: 14px;
}
.dropdown_input.rounded {
margin-right: 8px;
}
.exp_panel {
z-index: 999;
width: 100%;
min-height: 40px;
background-color: #fff;
border: 1px solid rgba(218, 218, 218, .5);
border-radius: 6px;
flex-direction: column;
margin-top: 5px;
font-weight: 300;
display: none;
position: absolute;
top: 46.5px;
left: 0;
overflow: auto;
box-shadow: -1px 0 3px -2px rgba(0, 0, 0, .1);
}
.exp_panel.lighscroll.active {
width: 101%;
margin-top: 12px;
display: flex;
box-shadow: -1px 0 3px -2px rgba(0, 0, 0, .02);
}
.exp_panel.lightscroll {
z-index: 999;
max-height: 400px;
display: none;
}
.exp_panel.lightscroll.active {
width: 102%;
max-height: 400px;
border-color: rgba(209, 209, 209, .5);
border-radius: 6px;
display: flex;
top: 56.5px;
left: -3px;
box-shadow: -1px 0 3px -2px rgba(0, 0, 0, .15);
}
.add_new_tag {
color: #383838;
cursor: pointer;
background-color: #f1f1f1;
border: 1px solid #bdbdbd;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
padding: 6px 20px;
font-size: 12px;
font-weight: 300;
display: none;
}
.add_new_tag:hover {
background-color: #fff;
border: 1px solid #a5a5a5;
}
.dropdown_value {
color: #252525;
white-space: nowrap;
background-color: #fff;
border: 1px solid #f8f8f8;
border-radius: 99px;
margin-right: 5px;
padding: 0 15px;
font-size: 9px;
font-weight: 300;
display: none;
position: static;
top: -12px;
left: 11px;
}
.dropdown_value.filter {
color: #242424;
color: #242424;
background-color: #f2f5ff;
border-color: #b9c4e5;
padding-left: 15px;
padding-right: 15px;
font-size: 10px;
font-weight: 400;
display: flex;
}
.dropdown_value.rounded {
color: #fff;
text-transform: capitalize;
background-color: #494949;
border-color: #494949;
margin-right: 2px;
padding-left: 12px;
padding-right: 12px;
font-size: 10px;
font-weight: 500;
line-height: 20px;
display: flex;
}
.dropdown_value.rounded.light {
color: #3b3b3b;
background-color: #f1f1eb;
border-color: #f3e9e9;
}
.dropdown_value.rounded.active {
background-color: #494949;
}
.dropdown_menu {
width: 100%;
height: 52px;
min-height: 52px;
color: #727272;
cursor: pointer;
border: 1px solid #dadada;
border-radius: 6px;
justify-content: space-between;
align-items: center;
padding-left: 12px;
padding-right: 5px;
font-size: 13px;
font-weight: 300;
display: flex;
position: relative;
}
.dropdown_menu:hover {
color: #252525;
background-color: #fafaf0;
}
.dropdown_menu.filter {
height: 54px;
min-height: 54px;
background-color: #fff;
border-radius: 3px;
padding-left: 20px;
padding-right: 8px;
}
.dropdown_menu.rounded {
width: 100%;
height: 48px;
min-height: 48px;
color: #3d3d3d;
background-color: #fff;
border-width: 1px;
border-color: #e2e2e2;
border-radius: 99px;
justify-content: flex-start;
padding-left: 25px;
padding-right: 5px;
font-size: 12px;
font-weight: 700;
}
.dropdown_menu.rounded:hover {
border-color: #a7afcf;
}
.dropdown_menu.rounded.light {
background-color: rgba(255, 255, 255, 0);
}
.dropdown_menu.filter-copy {
background-color: rgba(0, 0, 0, 0);
border-radius: 99px;
padding-left: 20px;
padding-right: 8px;
}
.conv_listing_item {
width: 100%;
color: #5e5e5e;
text-align: left;
cursor: pointer;
border-bottom: 1px solid #f0f0f0;
justify-content: space-between;
align-items: center;
padding: 14px 12px 14px 16px;
font-weight: 300;
display: flex;
}
.conv_listing_item:hover {
color: #000;
background-color: #e6e5d8;
}
.action_text {
text-align: left;
cursor: pointer;
border-bottom: 1px dashed #5e5e5e;
display: flex;
}
.timing_text {
cursor: pointer;
border-bottom: 1px dashed #5e5e5e;
}
.blockactions {
width: 150px;
background-color: #4d4d4d;
border: 0 solid #c7c7c7;
border-radius: 1px;
flex-direction: column;
font-size: 13px;
display: none;
position: absolute;
box-shadow: -8px 9px 0 1px rgba(0, 0, 0, .06);
}
.andthen_holder {
white-space: nowrap;
border-bottom: 1px solid rgba(0, 0, 0, 0);
margin-left: 5px;
margin-right: 5px;
}
.image-565 {
width: 12px;
opacity: .8;
filter: invert();
}
.initialwait_text {
border-bottom: 1px solid rgba(0, 0, 0, 0);
margin-right: 5px;
}
.scene_timing {
z-index: 10;
color: #797777;
text-align: center;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
font-size: 13px;
font-weight: 300;
display: flex;
position: relative;
}
.timing {
width: 150px;
background-color: #4d4d4d;
border: 0 solid #c7c7c7;
border-radius: 1px;
flex-direction: column;
font-size: 13px;
display: none;
position: absolute;
box-shadow: -8px 9px 0 1px rgba(0, 0, 0, .06);
}
.div-block-3334 {
margin-right: 6px;
font-family: Materialicons, sans-serif;
display: flex;
}
.at_center_navigation-2 {
z-index: 9;
height: 80px;
min-height: 80px;
background-color: #fff;
border-bottom: 1px solid #f0f0f0;
justify-content: center;
align-items: center;
padding: 0 20px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-3290 {
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-3213 {
min-height: 47px;
border-top: 0 solid #ebebeb;
border-bottom: 0 solid #f7f7f7;
margin-top: 5px;
margin-bottom: 0;
padding-bottom: 5px;
}
.div-block-3213.hidden {
display: none;
}
.image_container {
z-index: 4;
width: 100%;
height: 100%;
min-height: 100%;
opacity: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.image_container.mediaconfig {
min-height: auto;
object-fit: cover;
}
.selectmediabutton {
z-index: 102;
width: 100%;
height: 100%;
cursor: pointer;
background-color: rgba(0, 0, 0, .2);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.selectmediabutton:hover {
background-color: rgba(0, 0, 0, .4);
}
.message_input_container {
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.drodowns_holder {
width: 100%;
min-height: 5px;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
display: flex;
}
.layouts_selection {
flex-direction: column;
margin-bottom: 10px;
display: none;
}
.layouts_selection.active {
display: flex;
}
.add_media_component {
width: 100%;
max-width: 410px;
background-color: #fff;
border: 0 solid rgba(226, 226, 226, .5);
border-radius: 0;
margin-bottom: 20px;
padding: 0 20px;
}
.add_media_component:hover {
border-color: #7a8aca;
}
.div-block-2851 {
height: 100%;
opacity: 1;
border-radius: 6px 6px 0 0;
overflow: hidden;
}
.align_group {
display: none;
}
.align_group.active {
flex-direction: column;
display: flex;
}
.layout_text {
margin-left: 3px;
margin-right: 3px;
}
.layout_text.split {
width: 50%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.layout_text.full {
width: 62%;
flex-direction: column;
display: flex;
}
.layout_text.mobile.split {
width: 100%;
height: 50%;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.block_layouts_vertical {
border: 0 solid #e4e4e4;
border-radius: 6px;
flex-wrap: wrap;
justify-content: flex-start;
padding: 5px 5px 5px 0;
display: none;
}
.block_layouts_vertical.active {
display: flex;
}
.div-block-3051-copy {
margin-top: 2px;
margin-right: 2px;
}
.div-block-2850 {
width: 100%;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.layout_media {
width: 30px;
height: 20px;
background-color: #d8d8d8;
border-radius: 3px;
}
.layout_media.full {
width: 50%;
height: 100%;
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
}
.layout_media.mobile {
margin-top: 5px;
margin-bottom: 5px;
}
.layout_media.mobile.full {
width: 100%;
height: 50%;
margin-top: 0;
margin-bottom: 0;
}
.image-582-copy {
width: 17px;
min-width: 17px;
opacity: .19;
margin-bottom: 0;
}
.block_media_config_group {
flex-direction: column;
display: none;
}
.block_media_config_group.active {
border-top: 1px solid #ececec;
padding-top: 10px;
display: flex;
}
.div-block-2991 {
width: 100%;
padding: 10px 15px;
font-size: 12px;
font-weight: 300;
}
.radio_compact_switch {
height: 45px;
min-height: 45px;
color: #727272;
cursor: pointer;
background-color: #fff;
border: 1px solid #dadada;
border-radius: 99px;
justify-content: space-between;
align-items: center;
padding-left: 20px;
padding-right: 15px;
font-size: 13px;
font-weight: 300;
display: flex;
}
.radio_compact_switch:hover {
background-color: #fafaf0;
border-color: #7a8aca;
}
.radio_compact_switch.small {
height: auto;
min-height: auto;
background-color: #fff;
border-width: 0;
border-radius: 0;
padding-left: 0;
padding-right: 0;
font-size: 12px;
}
.license_media_button {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #d3d3d3;
border-radius: 99px;
justify-content: center;
margin-right: 0;
padding: 6px 14px;
font-size: 12px;
font-weight: 300;
display: none;
}
.license_media_button:hover {
background-color: #fff;
border: 1px solid #474747;
}
.radio_compact {
width: 100%;
height: 45px;
min-height: 45px;
color: #727272;
cursor: pointer;
background-color: #fff;
border: 0 solid #dadada;
border-radius: 2px;
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
font-size: 13px;
font-weight: 300;
display: flex;
}
.radio_compact:hover {
background-color: #fafafa;
}
.layout_sel {
width: 80px;
height: 45px;
min-width: 80px;
opacity: .5;
cursor: pointer;
border: 1px solid #b9b9b9;
border-radius: 6px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 8px;
margin-right: 8px;
display: flex;
overflow: hidden;
}
.layout_sel:hover {
opacity: 1;
border-color: #818181;
}
.layout_sel.split {
justify-content: flex-start;
}
.layout_sel.mobile {
width: 45px;
height: 80px;
min-width: 45px;
flex-direction: column;
align-items: center;
}
.layout_sel.mobile.full.active {
opacity: .74;
border-color: #292929;
}
.layout_sel.mobile.reverse {
flex-direction: column-reverse;
}
.layout_sel.mobile.split {
justify-content: center;
align-items: flex-start;
}
.layout_sel.full {
background-color: #d8d8d8;
}
.layout_sel.reverse {
flex-direction: row-reverse;
}
.div-block-3243 {
width: 18px;
height: 3px;
background-color: #d8d8d8;
margin-bottom: 2px;
}
.div-block-3243.large {
width: 29px;
}
.div-block-3243.full {
width: 100%;
background-color: #fff;
}
.div-block-3243.full.medium {
width: 70%;
}
.div-block-3243.last {
margin-bottom: 0;
}
.configbtn-copy {
color: #000;
cursor: pointer;
background-color: #f1f1f1;
border: 1px solid #f1f1f1;
border-radius: 99px;
margin-right: 5px;
padding: 6px 14px;
font-size: 12px;
font-weight: 300;
display: flex;
position: relative;
}
.configbtn-copy:hover {
background-color: #fff;
border: 1px solid #a5a5a5;
}
.configbtn-copy.media {
color: #505050;
background-color: rgba(255, 255, 255, .9);
border-width: 1px;
border-color: rgba(255, 255, 255, .9);
margin-right: 0;
}
.input_caption_text {
min-width: 60px;
color: #a7a7a7;
cursor: text;
border-bottom: 1px dashed #d1d1d1;
flex-direction: column;
padding: 3px;
font-size: 14px;
font-weight: 300;
line-height: 20px;
display: flex;
}
.input_caption_text:hover {
background-color: #f8f8eb;
}
.generic_dropdown_holder {
width: 100%;
align-items: center;
margin-top: 5px;
display: flex;
}
.generic_dropdown_holder._10 {
width: auto;
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
}
.div-block-3235 {
width: 34px;
background-color: #f2f5ff;
border: 1px solid #b9c4e5;
border-radius: 99px;
padding: 3px;
transition: all .2s;
display: flex;
}
.div-block-3235.small {
background-color: #f6f8ff;
}
.div-block-3235.active {
width: 34px;
background-color: #eeeede;
border-top-color: #c4c4b3;
justify-content: flex-end;
}
.div-block-3234 {
width: 11px;
height: 11px;
background-color: #fff;
border: 1px solid #a2b1d3;
border-radius: 99px;
}
.div-block-3234.active {
background-color: #fff;
}
.div-block-2855 {
width: 100%;
height: 100%;
background-color: #f1f1f1;
border-radius: 6px 6px 0 0;
}
.radiolabel {
align-items: center;
margin-left: 8px;
display: flex;
}
.radiolabel.small {
color: #c7c7c7;
margin-right: 5px;
font-family: Materialicons, sans-serif;
font-size: 16px;
}
.div-block-3239 {
width: 100%;
margin-bottom: 0;
}
.div-block-2853 {
width: 100%;
height: 100%;
min-height: 80px;
border-radius: 6px 6px 0 0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.caption_component {
color: #b4b4b4;
border-radius: 50px;
align-items: center;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
display: flex;
}
.caption_component.active {
align-items: flex-start;
padding-top: 2px;
display: flex;
}
.div-block-3335 {
width: 100%;
height: 100%;
position: absolute;
}
.image-632 {
height: 100%;
object-fit: cover;
}
.div-block-3336 {
z-index: 5;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
}
.div-block-3337 {
height: 80px;
min-height: 80px;
justify-content: space-between;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.div-block-3254 {
margin-right: 15px;
display: flex;
}
.div-block-2932 {
max-height: 45px;
border: 0 solid #ebebeb;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-2932.story {
border-color: rgba(235, 235, 235, .1);
}
.story_progress, .story_progress.story {
display: none;
}
.controls_icon {
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
font-size: 16px;
line-height: 16px;
display: none;
}
.controls_icon.active {
display: flex;
}
.controls_icon.rev.active {
padding-right: 2px;
}
.cta_label {
line-height: 14px;
}
.cta_label.next {
margin-right: 4px;
}
.div-block-2935 {
flex-direction: column;
justify-content: center;
margin-left: 6px;
display: flex;
}
.edit_me_panel {
width: 100%;
height: 100%;
cursor: pointer;
background-color: rgba(232, 234, 243, .3);
justify-content: center;
align-items: center;
display: none;
position: absolute;
}
.header_branding {
flex-direction: row;
display: none;
}
.header_branding.active {
align-items: center;
display: flex;
}
.image-607 {
width: 24px;
}
.author_image_head {
margin-right: 1px;
}
.author_image_head.round {
width: 55px;
height: 55px;
min-height: 55px;
min-width: 55px;
width: 50px;
height: 50px;
min-height: 50px;
min-width: 50px;
width: 48px;
height: 48px;
min-height: 48px;
min-width: 48px;
background-color: #eee;
border: 1px solid rgba(204, 188, 188, .5);
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.author_image_head.round._2 {
color: #fff;
background-color: #eee;
border-width: 0;
border-color: rgba(204, 188, 188, .1);
}
.progress_bar {
z-index: 10;
width: 100%;
height: 80px;
background-color: rgba(66, 66, 66, .05);
justify-content: space-between;
align-items: center;
padding: 10px;
transition: background-color .2s;
display: flex;
position: absolute;
bottom: 0;
left: 0;
}
.call_to_action {
color: #191818;
cursor: pointer;
border: 1px solid rgba(56, 56, 56, .15);
border-radius: 12px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 18px 14px 22px;
font-size: 12px;
font-weight: 400;
display: flex;
}
.call_to_action:hover {
border-color: #857e7e;
}
.header_left {
align-items: center;
display: flex;
}
.progress_bar_branding {
white-space: nowrap;
margin-bottom: 2px;
font-size: 16px;
font-weight: 500;
line-height: 18px;
}
.div-block-3280 {
color: #6d6d6d;
background-color: #fff;
border: 1px solid #c7c7c7;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 6px 24px;
font-size: 13px;
font-weight: 300;
display: flex;
}
.header_back {
display: none;
}
.div-block-3269 {
color: #fff;
background-color: #f5c643;
border-radius: 3px;
margin-right: 5px;
padding: 1px 8px;
font-size: 10px;
display: none;
}
.div-block-3269.active {
background-color: #333;
display: flex;
}
.div-block-3270 {
opacity: .5;
color: #000;
white-space: nowrap;
font-size: 12px;
}
.div-block-3268 {
margin-top: 0;
display: flex;
}
.div-block-3338 {
height: 100%;
position: relative;
}
.div-block-3311 {
width: 100%;
height: 100%;
cursor: pointer;
background-color: rgba(49, 49, 49, .1);
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-3311.plus {
color: #dbd8c6;
background-color: rgba(28, 27, 41, .75);
justify-content: center;
align-items: center;
font-size: 14px;
display: flex;
}
.div-block-3311.plus_white {
color: #252525;
background-color: rgba(255, 255, 255, .75);
justify-content: center;
align-items: center;
font-size: 14px;
display: flex;
}
.plus_holder {
display: none;
}
.plus_holder.plus, .plus_holder.plus_white {
font-family: Materialicons, sans-serif;
display: flex;
}
.price_label {
font-size: 12px;
}
.price_label_2 {
min-width: 60px;
color: #e0e0e0;
white-space: nowrap;
background-color: rgba(48, 48, 48, .82);
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 4px 10px;
display: none;
position: absolute;
bottom: -34px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .07);
}
.price_label_2.plus {
display: none;
}
.price_label_2.classic {
color: #dbd8c6;
background-color: rgba(28, 27, 41, .8);
display: flex;
bottom: 154px;
left: 244px;
}
.product_item_floating {
width: 65px;
height: 65px;
background-color: rgba(0, 0, 0, .05);
border: 1px solid rgba(0, 0, 0, .02);
border-radius: 99px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 5px;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.product_item_floating.plus {
width: 44px;
height: 44px;
padding: 5px;
top: 488px;
left: 134px;
}
.product_item_floating.plus._3 {
top: 327px;
left: 202px;
}
.product_item_floating.plus._4 {
top: 132px;
left: 73px;
}
.product_item_floating.plus_white {
width: 44px;
height: 44px;
padding: 5px;
top: 52px;
left: 198px;
}
.img_holder_floating {
width: 100%;
height: 100%;
opacity: 1;
}
.img_holder_floating.plus {
display: none;
}
.div-block-3312 {
margin-right: 4px;
font-family: Materialicons, sans-serif;
font-size: 13px;
}
.content_count {
z-index: 10;
height: 250px;
flex-direction: column;
margin-top: 15px;
margin-right: 15px;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.content_count._2 {
display: none;
top: 0;
left: 15px;
right: auto;
}
.content_count._2.active {
display: flex;
}
.content_count._2.horizontal {
width: 100%;
height: auto;
flex-direction: row;
padding-left: 15px;
display: flex;
left: 0;
}
.content_selector {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
color: #868686;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #d8d8d8;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 8px;
margin-right: 8px;
font-size: 12px;
transition: opacity .1s;
display: flex;
}
.content_selector:hover {
color: #fff;
background-color: #1b1b1b;
border-color: #1b1b1b;
}
.content_selector.regular {
width: auto;
min-width: auto;
padding-left: 15px;
padding-right: 15px;
font-weight: 300;
}
.div-block-3340 {
flex-direction: column;
justify-content: flex-end;
padding-right: 1206px;
display: flex;
position: absolute;
}
.div-block-3341 {
width: 600px;
height: 1px;
background-color: #b1b0d6;
}
.div-block-3341._2 {
width: 100px;
}
.div-block-3341._3._5 {
width: 700px;
}
.div-block-3341._4 {
width: 60px;
}
.div-block-3341._6 {
width: 150px;
}
.div-block-3341._8 {
width: 550px;
}
.div-block-3341.c2 {
background-color: #b951a4;
}
.div-block-3341.c3 {
background-color: #37aa53;
}
.div-block-3342 {
justify-content: flex-start;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
position: relative;
left: -19px;
}
.div-block-3342._2 {
left: -61px;
}
.div-block-3342._4 {
left: -86px;
}
.div-block-3342._5 {
left: 11px;
}
.div-block-3342._2-copy {
left: 15px;
}
.div-block-3342._6 {
left: 5px;
}
._2div-block-2748-copy {
color: #5f5f5f;
white-space: nowrap;
background-color: rgba(255, 255, 255, .41);
border: 1px solid #b1b0d6;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 5px;
padding: 4px 16px;
font-size: 11px;
font-weight: 300;
display: flex;
}
._2div-block-2748-copy.c2 {
color: #b951a4;
border-color: #b951a4;
}
._2div-block-2748-copy.c3 {
color: #37aa53;
border-color: #37aa53;
}
.image-633 {
width: 12px;
margin-bottom: 2px;
transform: rotate(-90deg);
}
.div-block-3340-copy {
flex-direction: column;
justify-content: flex-end;
padding-left: 646px;
display: flex;
position: absolute;
}
.div-block-3341-copy {
width: 160px;
height: 1px;
background-color: #c9c9c9;
}
.div-block-3341-copy.faded {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to right, #c9c9c9 13%, rgba(201, 201, 201, 0) 92%);
}
.div-block-3341-copy.faded.small {
width: 60px;
}
._2div-block-2748-copy-copy {
color: #5f5f5f;
white-space: nowrap;
background-color: rgba(255, 255, 255, .41);
border: 1px solid #c9c9c9;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 5px;
padding: 4px 16px;
font-size: 11px;
font-weight: 300;
display: flex;
}
.landing_pages {
width: 100%;
height: 900px;
max-width: 900px;
background-color: #f8f8f6;
border: 1px solid #eee;
border-radius: 26px;
justify-content: center;
align-items: center;
display: none;
position: relative;
overflow: visible;
}
.landing_pages.active {
max-width: none;
flex-direction: column;
display: flex;
}
.landing_pages.active.nospace {
height: auto;
}
.landing_pages.full {
height: 600px;
}
.landing_pages.full.active, .landing_pages.full.double.active {
padding-top: 40px;
padding-bottom: 40px;
}
.landing_pages.active {
z-index: 2;
height: 960px;
max-width: none;
border-width: 0;
border-radius: 3px;
flex-direction: column;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.landing_pages.active.wide {
height: auto;
}
.landing_pages.active.nopadding {
padding: 0;
}
.landing_pages.active.nopadding._100 {
height: 100%;
min-width: 100%;
flex-direction: column;
}
.landing_pages.active.nopadding._100.c {
background-color: #21231d;
}
.landing_pages.active.nopadding._100.inactive {
display: none;
}
.landing_pages.active.nopadding._100.c-copy {
background-color: #f8f8f5;
}
.landing_pages.active.transparent {
background-color: rgba(248, 248, 246, 0);
}
.div-block-3343 {
height: 600px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
right: 50px;
}
.div-block-3344 {
width: 2px;
height: 600px;
background-color: #e9e9e9;
border-radius: 99px;
position: relative;
overflow: hidden;
}
.div-block-3344.dark {
background-color: rgba(233, 233, 233, .27);
}
.div-block-3344.dark._1 {
width: 1px;
}
.draggable {
z-index: 5;
width: 22px;
cursor: ns-resize;
background-color: #fff;
border: 2px solid #242424;
border-radius: 99px;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.draggable:hover, .draggable:focus {
filter: invert();
border-color: #fff;
}
.draggable.dark {
background-color: #140e28;
border-color: #fff;
}
.div-block-3347 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
}
.div-block-3348 {
width: 5px;
height: 2px;
background-color: #4e4e4e;
margin-bottom: 1px;
}
.div-block-3348.dark {
background-color: #d4d4d4;
}
.the_progress_bar {
width: 100%;
height: 100%;
background-color: #161616;
position: relative;
top: -100%;
}
.the_progress_bar.new {
background-color: #fff;
top: -100%;
}
.div-block-3350 {
color: #202020;
background-color: #fff;
border: 1px solid #4d4d4d;
border-radius: 99px;
margin-left: 8px;
padding: 2px 12px;
font-size: 11px;
}
.header_intro {
width: 100%;
max-width: 1360px;
justify-content: space-between;
align-items: center;
margin-top: 150px;
margin-bottom: 70px;
display: flex;
}
.product_descriptions, .product_descriptions.active {
flex-direction: column;
display: flex;
}
.product_descriptions.x {
display: none;
}
.description {
flex-direction: column;
display: flex;
}
.description.active {
display: flex;
}
.div-block-3351 {
width: 750px;
height: 500px;
background-color: #fff;
border: 1px solid #e2e2e2;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-3351.full {
width: 970px;
height: 250px;
}
.div-block-3351.full.double {
width: 1124px;
height: 600px;
}
.the_unit {
width: 100%;
height: 100%;
}
.the_unit._600 {
width: 340px;
height: 600px;
}
.the_unit._600._660 {
height: 663px;
}
.the_unit._600._1 {
background-color: #f1f1f1;
border-radius: 6px;
}
.the_unit._600._350 {
width: 350px;
height: 660px;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
}
.the_unit._600.full {
width: 100%;
height: 100%;
min-height: 685px;
justify-content: center;
align-items: flex-start;
display: flex;
}
.the_unit._1600-copy {
width: 340px;
height: 600px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.the_unit._1600-copy._660 {
height: 663px;
}
.the_unit._1600-copy._1 {
background-color: #f1f1f1;
border-radius: 6px;
}
.the_unit._600 {
width: 340px;
height: 600px;
background-color: #f8f8f6;
border: 0 solid #000;
justify-content: center;
align-items: center;
display: flex;
}
.the_unit._600.wide {
width: 970px;
height: 250px;
}
.the_unit._600.transparent {
background-color: rgba(248, 248, 246, 0);
}
.the_unit._600 {
width: 340px;
height: 600px;
background-color: #fff;
border: 0 solid #000;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3352 {
z-index: 2147483647;
padding-left: 20px;
padding-right: 9px;
font-family: Imperial, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 27px;
position: relative;
}
.infeed {
width: 100%;
height: 1000px;
max-height: 565px;
max-width: 335px;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
flex-direction: column;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: visible;
}
.infeed.demo {
max-height: none;
}
.infeed.demo.ax {
border: 0 solid #000;
align-items: flex-start;
overflow: visible;
}
.infeed.demo.ax.w12 {
margin-right: 2px;
padding: 0;
}
.infeed.demo.ax.w12:hover {
filter: none;
}
.infeed.demo.ax.w12.d {
width: 100%;
max-width: 100%;
}
.infeed.demo.ax.w12.d.b {
color: #303030;
justify-content: flex-start;
margin-top: 0;
margin-right: 0;
}
.div-block-2226 {
width: 100%;
position: relative;
}
.text-block-286 {
margin-left: 12px;
margin-right: 12px;
font-family: Circularxxweb, sans-serif;
font-size: 12px;
font-weight: 400;
}
.storyheader {
z-index: 10;
width: 100%;
min-height: 117px;
background-color: #fff;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 20px;
font-weight: 400;
display: flex;
position: relative;
box-shadow: 1px 1px 60px 12px rgba(0, 0, 0, .2);
}
.storyheader.noshadow {
min-height: auto;
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
}
.storyheader.noshadow.a1 {
padding-left: 20px;
padding-right: 20px;
}
.storyheader.noshadow.a1.s {
background-color: rgba(255, 255, 255, 0);
padding-left: 0;
padding-right: 0;
}
.storyheader.dark {
background-color: #140d28;
}
.div-block-1330 {
text-transform: none;
justify-content: center;
align-items: center;
font-size: 13px;
line-height: 11px;
display: flex;
}
.div-block-1332 {
margin-left: 0;
}
.storycontainer1 {
z-index: 0;
width: 100%;
height: 140vh;
background-color: rgba(0, 0, 0, 0);
align-items: flex-start;
display: flex;
position: -webkit-sticky;
position: sticky;
top: auto;
bottom: 0;
}
.storycontainer1._100 {
height: 900px;
min-height: 900px;
justify-content: center;
align-items: flex-end;
}
.storycontainer1._100.nosticky {
position: static;
}
.div-block-1329 {
width: 100%;
opacity: .47;
text-transform: uppercase;
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
font-size: 11px;
display: flex;
}
.div-block-1329.dark {
color: #dbdbdb;
}
.div-block-1324-copy {
width: 100%;
height: 100vh;
align-items: flex-start;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-1324-copy._100 {
height: 100%;
min-height: 100%;
align-items: flex-end;
}
.div-block-1324-copy._100.nsss {
position: static;
}
.div-block-1335 {
color: #707070;
white-space: nowrap;
margin-bottom: 0;
margin-left: 0;
margin-right: 10px;
font-size: 11px;
line-height: 11px;
}
.div-block-1335.dark {
color: #9b9b9b;
}
.image-429 {
width: 100%;
height: 264px;
}
.image-429.dark {
opacity: .71;
}
.infeed1 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
overflow: scroll;
}
.infeed1.hide-scrollbar {
width: 100%;
height: 100%;
border: 0 solid #e2d1d1;
justify-content: flex-start;
}
.div-block-2227 {
z-index: 90;
width: 100%;
height: 60px;
position: absolute;
top: 0;
}
.div-block-1333 {
width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.div-block-1369 {
color: #fff;
margin-top: 8px;
font-family: Noedisplay, sans-serif;
font-size: 20px;
}
.div-block-1368 {
filter: invert();
padding-top: 0;
padding-left: 10px;
}
.div-block-1334 {
width: 100%;
height: 1px;
background-color: #e2e2e2;
}
.div-block-1334.dark {
background-color: #464646;
}
.storyfooter {
width: 100%;
min-height: 175px;
background-color: #fff;
border-top: 1px solid rgba(219, 219, 219, .6);
justify-content: center;
align-items: center;
padding-top: 30px;
padding-bottom: 20px;
display: flex;
box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, .1);
}
.storyfooter.invert {
background-color: #151029;
}
.text-block-289 {
font-size: 13px;
}
.preview2 {
width: 340px;
height: 600px;
max-height: 600px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.preview2.twist {
width: 100%;
height: 100%;
max-height: 683px;
}
.image-430 {
height: 264px;
}
.image-430.dark {
opacity: .51;
}
.text-block-286-copy {
text-align: center;
font-weight: 500;
}
.div-block-1374 {
width: 100%;
height: 100%;
padding-top: 7px;
}
.div-block-1374.c {
background-color: #fff;
padding-top: 0;
}
.div-block-1374.c.d {
padding-top: 0;
}
.div-block-1367 {
filter: invert();
padding-top: 0;
padding-right: 10px;
}
.midpaneltop {
width: 90%;
min-height: 84px;
border-top: 0 dashed #dbdbdb;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 20px;
display: flex;
}
.midpaneltop.border {
min-height: 40px;
border-bottom: 1px solid #f8f8f8;
}
.midpaneltop.border._1 {
width: 100%;
width: 100%;
border-bottom-width: 0;
font-family: Circularxxweb, sans-serif;
}
.midpaneltop.border._1._22 {
padding-top: 10px;
}
.midpaneltop.border._111-copy {
width: 100%;
border-bottom-width: 0;
padding-left: 20px;
padding-right: 20px;
}
.div-block-1329-copy {
width: 100%;
color: #333;
justify-content: center;
align-items: center;
margin-bottom: 10px;
font-family: Circularxxweb, sans-serif;
font-size: 12px;
display: flex;
}
.div-block-1329-copy.dark {
color: #d4d4d4;
}
.midpanelbottom {
width: 90%;
border-top: 0 dashed #dbdbdb;
border-bottom: 1px solid #dbdbdb;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 30px;
display: flex;
}
.midpanelbottom.dark {
border-bottom-color: #464646;
}
.div-block-2228 {
flex-direction: column;
margin-top: 14px;
margin-bottom: 12px;
display: flex;
}
.div-block-1331 {
width: 100%;
height: 50px;
min-height: 50px;
color: #fff;
background-color: #0054e6;
border: 0 solid #ddd;
border-radius: 6px;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 500;
display: flex;
}
.div-block-1331.dark {
color: #333;
background-color: #fafafa;
}
.text-block-395 {
overflow: hidden;
}
.div-block-1366 {
width: 100%;
height: 55px;
background-image: linear-gradient(rgba(0, 0, 0, .3) 10%, rgba(37, 37, 37, 0) 87%);
justify-content: space-between;
align-items: center;
display: flex;
position: static;
top: 0;
}
.div-block-1338 {
color: #7e7e7e;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 20px;
}
.image-355 {
width: 160px;
display: none;
}
.div-block-1325 {
width: 100%;
height: 100vh;
align-items: flex-start;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-1325._100 {
height: 100%;
min-height: 100%;
align-items: flex-end;
}
.div-block-1325._100.nss {
position: static;
}
.div-block-1335-copy {
width: 20px;
height: 20px;
min-height: 20px;
min-width: 20px;
color: #fff;
white-space: nowrap;
background-color: #dbdbdb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: 10px;
margin-right: 0;
padding: 6px;
font-size: 11px;
line-height: 11px;
display: flex;
}
.div-block-1335-copy.dark {
background-color: #414141;
}
.image-328 {
width: 13px;
}
.image-328.i {
margin-right: 0;
transform: rotate(180deg);
}
.image-328.i.inv, .image-328.invert {
filter: invert();
}
.div-block-1175 {
z-index: 10;
width: 330px;
height: 100%;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
justify-content: center;
align-items: center;
margin-left: 5px;
padding-top: 16px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-1175.b {
width: 100%;
}
.div-block-1175.b.d {
border-width: 1px;
border-color: #e2e2e2;
border-radius: 3px;
padding-top: 0;
}
.div-block-1175.b.d.dark {
border-color: rgba(88, 87, 87, .34);
}
.div-block-1175.b.d-copy122 {
border-width: 0;
border-color: #e2e2e2;
border-radius: 0;
margin-left: 0;
padding-top: 0;
}
.div-block-1337 {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.text-span-39 {
color: #141414;
}
.div-block-3354 {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 50px;
padding-right: 50px;
display: flex;
}
.text-span-40, .text-span-41 {
color: #000;
}
.technology_section {
width: 100%;
border-bottom: 0 solid #f3f3f3;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 50px 90px;
display: flex;
overflow: hidden;
}
.product_management {
width: 100%;
max-width: 1360px;
justify-content: space-between;
margin-top: 20px;
margin-bottom: 0;
display: flex;
position: relative;
}
.product_management.full {
flex-direction: column-reverse;
}
.tmp_comp {
width: 67%;
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
display: flex;
position: relative;
}
.tmp_comp.white {
background-color: #fff;
flex-wrap: wrap;
}
.tmp_complabel {
width: 250px;
color: #fff;
background-color: #000;
justify-content: flex-start;
align-items: center;
padding: 50px 30px 50px 35px;
font-size: 14px;
line-height: 25px;
display: flex;
}
.tmp_complabel.n {
width: 300px;
background-color: #424242;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.componentelement {
width: 100%;
background-color: #f1f1f1;
border-bottom: 1px solid #4e4e4e;
display: flex;
}
.componentelement.white {
color: #292929;
background-color: #fff;
}
.componentelement.white.b {
margin-top: 164px;
}
.componentelement.white.larege {
height: 900px;
}
.componentelement.centered {
justify-content: center;
}
.message_body_container {
background-color: #ecf5f9;
border: 0 solid #dfdfdf;
border-left: 1px solid #c3deeb;
border-right: 1px solid #c3deeb;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
padding-left: 15px;
padding-right: 20px;
display: flex;
}
.message_body_container.basic {
color: #383838;
background-color: rgba(0, 0, 0, 0);
border-width: 0;
border-color: #000;
padding-left: 0;
font-size: 16px;
line-height: 26px;
}
.message_body_container.creator {
background-color: #fcfbee;
border-width: 0 1px;
border-color: #dad9d5;
}
.comp_message {
color: #252525;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
font-weight: 300;
line-height: 22px;
}
.message_container_bottom {
width: 100%;
height: 12px;
background-color: #ecf5f9;
border: 1px solid #c3deeb;
border-top: 0 solid #dfdfdf;
border-radius: 0 0 99px 99px;
}
.message_container_bottom.inactive {
border-bottom-left-radius: 99px;
}
.message_container_bottom.active {
border-bottom-left-radius: 20px;
}
.message_container_top {
width: 100%;
height: 12px;
background-color: #ecf5f9;
border: 1px solid #c3deeb;
border-bottom: 0 solid #dfdfdf;
border-radius: 99px 99px 0 0;
}
.message_container_top.creator {
background-color: #fcfbee;
border-width: 1px 1px 0;
border-color: #dad9d5;
}
.body-2 {
font-family: Circularxxweb, sans-serif;
}
.div-block-3190 {
width: 100%;
max-width: 508px;
}
.dropdown_item_2 {
height: 48px;
max-width: 100%;
min-height: 48px;
color: #333;
cursor: pointer;
border-bottom: 1px solid #f5f5f5;
border-radius: 3px;
justify-content: flex-start;
align-items: center;
padding-left: 15px;
font-size: 12px;
font-weight: 500;
display: flex;
overflow: hidden;
}
.dropdown_item_2:hover {
background-color: #eee;
}
.image-634 {
height: 70px;
margin-top: 12px;
}
.thecursor {
opacity: .17;
}
.theheadline {
max-width: 900px;
color: #cecece;
letter-spacing: -2px;
padding-right: 0;
font-size: 75px;
font-weight: 300;
line-height: 88px;
}
.headline_holder {
flex-direction: column;
justify-content: center;
margin-bottom: 80px;
padding-right: 0;
display: flex;
}
.headline_holder.small {
width: 100%;
margin-bottom: 136px;
padding-right: 30px;
}
.text-span-42 {
color: #333;
}
.s1 {
color: #cfcfcf;
letter-spacing: 0;
margin-bottom: 0;
font-size: 30px;
font-weight: 300;
line-height: 50px;
display: flex;
}
.s2 {
color: #cecece;
letter-spacing: -2px;
padding-right: 0;
font-size: 75px;
font-weight: 300;
line-height: 88px;
}
.div-block-3355 {
height: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
transition: all .5s;
display: flex;
position: relative;
}
.div-block-3355.a {
padding-left: 0;
padding-right: 0;
}
.div-block-3355.b {
margin-bottom: 20px;
}
.div-block-3355._90 {
justify-content: center;
padding-bottom: 250px;
padding-left: 90px;
}
.div-block-3355._90.center {
justify-content: center;
}
.div-block-3355._90-copy {
justify-content: center;
padding-bottom: 0;
padding-left: 90px;
}
.div-block-3355._90-copy.center {
justify-content: center;
}
.holder {
color: #000;
font-size: 22px;
line-height: 34px;
}
.div-block-2729-copy {
width: 100%;
max-width: 400px;
min-height: 550px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-top: 0;
padding-left: 10px;
display: flex;
}
.chapter1 {
width: 100%;
height: 100vh;
max-width: 1380px;
min-height: 1000px;
text-align: left;
border-bottom: 1px dashed #ebebeb;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.chapter1.horizontal, .chapter1.full {
height: auto;
flex-direction: column;
padding-top: 200px;
}
.div-block-3357 {
width: 100%;
flex-direction: row;
align-items: center;
margin-top: 20px;
padding-right: 19px;
display: flex;
}
.div-block-3358 {
width: 100%;
height: 1px;
background-color: #bdbdbd;
}
.image-635 {
width: 15px;
opacity: .49;
margin-bottom: 2px;
transform: rotate(-90deg);
}
.chapter612 {
width: 100%;
max-width: 1380px;
}
.message {
max-width: 1092px;
color: #2c3336;
text-align: left;
background-color: #ecf5f9;
border: 1px solid #a2bcc9;
border-radius: 25px;
margin-bottom: 8px;
padding: 10px 30px;
font-size: 26px;
font-weight: 300;
line-height: 36px;
}
.message.active {
z-index: 5;
max-width: 1000px;
color: #2b2b2b;
border-bottom-left-radius: 25px;
padding: 5px 20px;
font-size: 15px;
}
.message.active._2 {
white-space: nowrap;
border-bottom-left-radius: 6px;
}
.message.active.response {
background-color: #f9f9ec;
border-color: #c9c8a2;
border-bottom-right-radius: 6px;
margin-bottom: 1px;
}
.message.rev {
text-align: left;
}
.message.user {
background-color: #fff;
border-bottom-right-radius: 5px;
margin-bottom: 10px;
}
.div-block-3361 {
width: 100%;
max-width: 518px;
background-color: #f8f8f7;
border-top: 0 solid #e7e7e7;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-3362 {
white-space: nowrap;
padding-left: 0;
padding-right: 8px;
font-size: 18px;
font-weight: 300;
line-height: 26px;
}
.div-block-3363 {
color: #505050;
background-color: rgba(209, 209, 209, .6);
border-radius: 2px 14px 14px;
padding: 3px 13px;
font-size: 12px;
font-weight: 300;
}
.div-block-3363.rev {
border-top-left-radius: 14px;
border-top-right-radius: 2px;
}
.signature {
width: 100%;
justify-content: space-between;
align-items: center;
padding-right: 22px;
display: flex;
}
.thetimestamp {
color: #333;
align-items: center;
margin-left: 6px;
font-size: 10px;
font-weight: 300;
display: flex;
}
.thetimestamp._2 {
margin-right: 12px;
}
.div-block-3366 {
align-items: center;
display: flex;
}
.div-block-2717-copy {
width: 100%;
border-bottom: 0 solid #f3f3f3;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 80px 0;
display: flex;
overflow: hidden;
}
._12div-block-2714-copy-copy {
width: 100%;
background-color: #fdfdfd;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 0;
display: flex;
}
.text-span-45 {
color: #2c2c2c;
}
.html-embed {
border-radius: 6px;
overflow: hidden;
}
.div-block-3368 {
width: 480px;
margin-bottom: 20px;
overflow: hidden;
}
.gif {
display: flex;
}
.div-block-3360-copy {
max-width: 1092px;
border: 1px solid #c3deeb;
border-radius: 25px;
flex-flow: wrap;
margin-bottom: 20px;
padding: 25px 30px;
font-size: 50px;
font-weight: 300;
line-height: 65px;
display: flex;
}
.div-block-3369 {
color: #1d1c1c;
text-align: center;
cursor: pointer;
border: 4px solid #181818;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
padding: 10px 40px;
font-size: 28px;
font-weight: 500;
display: flex;
}
.div-block-3369:hover {
color: #fff8f8;
background-color: #000;
}
.chapter5 {
width: 100%;
max-width: 1380px;
min-height: 500px;
background-color: #eee9f0;
border: 0 solid #dfdfdf;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 80px;
display: flex;
position: relative;
}
.chapter5.blue {
min-height: 90vh;
background-color: #ecf5f9;
padding-top: 0;
}
.chapter5.yellow {
min-height: 90vh;
background-color: #f8f8f7;
margin-right: 5px;
padding-top: 200px;
padding-bottom: 120px;
padding-right: 56px;
}
.chapter5.white {
background-color: rgba(0, 0, 0, 0);
margin-top: 120px;
padding-top: 30px;
padding-bottom: 40px;
padding-left: 0;
}
.chapter5.hidden {
display: none;
}
.chapter5._2white-copy {
background-color: rgba(0, 0, 0, 0);
margin-top: 50px;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 0;
}
.scrollbar {
width: 30px;
height: 60%;
justify-content: center;
align-items: center;
display: none;
position: absolute;
right: 50px;
}
.div-block-3373 {
width: 1px;
height: 100%;
background-color: #f1f1f1;
position: relative;
overflow: hidden;
}
.div-block-3374 {
width: 1px;
height: 100%;
background-color: #afafaf;
position: relative;
top: 0%;
}
.div-block-3375 {
width: 25px;
height: 50px;
background-color: #fff;
border: 1px solid #777474;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3377 {
height: 100%;
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
top: 0%;
}
.image-636 {
width: 14px;
}
.logo {
width: 100%;
height: 52px;
max-width: 200px;
min-width: 140px;
color: #070707;
cursor: pointer;
font-family: Inconsolata, monospace;
font-size: 40px;
line-height: 40px;
text-decoration: none;
position: relative;
}
.logo.yahooxp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac811de6627f4cd39b35e_yahoo-nws.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.immediatexp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626b045e653e5d0f0b33350a_immediate.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.audienzzxp {
max-width: 180px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/63b420bf43a07380ea54c51b_brandxpa.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.acrossxp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac811de6627f4cd39b35e_yahoo-nws.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.addynamoxp {
filter: invert();
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626b045b5f8735eb6e01c50b_addynamo.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.alephxp {
height: 60px;
max-width: 140px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626b0afc256cef6697c905ff_aleph.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.connectadsxp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac811de6627f4cd39b35e_yahoo-nws.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.dpgxp {
filter: invert();
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626b045bee849daaf5062b6e_dpgmedia2.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.eveningstandardxp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626b045bf4eae5ca15cd8f74_es5.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.hearstxp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac811de6627f4cd39b35e_yahoo-nws.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.ladbiblexp {
max-width: 120px;
min-width: 100px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/62b09a0dd95a8401754824eb_ladbible.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.mmmxp {
max-width: 240px;
min-width: 160px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626b0a77aa56ceb143477dbf_mmm.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.acrossxp {
height: 64px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626b045c1c08e1a896c801ad_acrossmedia.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: 160px;
}
.logo.huellaxp {
max-width: 160px;
min-width: 160px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626bfc24c09afaffa5951fa4_huella.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.logo.hearstxp {
max-width: 160px;
min-width: 160px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626d9257748494288b719e69_hearst.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.logo.site {
min-width: auto;
}
.logo.srmgxp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/627d786ea43ee66f34b8e2d6_srmg.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.getpublic {
height: 62px;
max-width: 140px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/635ad15f007d1c2dce3bd6c3_public.jpg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 140px;
}
.logo.videohousexp {
max-width: 160px;
min-width: 160px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626b045ea72fa14d595c931d_vh.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.logo.newsroomai {
height: 62px;
max-width: 140px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/635ad15f007d1c2dce3bd6c3_public.jpg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 137px;
}
.logo.chasemediaxp {
width: 256px;
height: 65px;
max-width: 350px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/62aaf02b58a40d147f697eca_chaselogo.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.projectagoraxp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/633299d50453d16babc88ff5_agora.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.xaxisxp {
width: 90px;
height: 150px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6364ddf8a0ea0b48fe7c3e8a_xaxis.webp");
background-position: 0 0;
background-size: cover;
}
.logo.newdealxp {
min-width: 120px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6364de6d92919391a9337e7d_newdeal-logo-on-white.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.logo.xapadsxp {
width: 160px;
height: 70px;
min-width: 140px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6364df6589b80946ad3a4ecf_xapads%20copy.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.touchebrandxp {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6364dfbc037f136ce537cb6c_touche.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.logo.nxdbrandxp {
max-width: 150px;
min-width: 80px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/636500ddcff2c81dec06c1c1_nxd2.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: 120px;
}
.logo.zenithxp {
height: 80px;
max-width: 150px;
min-width: 100px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/63d0fe0d83eb07d25bf4568e_zenith.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.nwsai {
max-width: 180px;
min-width: 160px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ad1e013441544c130449a_newsroom_ai_logo.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
}
.logo.ozonexp {
height: 80px;
max-width: 159px;
min-width: 80px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/63f274ccb366b752e4478211_ozone2.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 160px;
}
.logo.nwsin {
max-width: 177px;
min-width: 177px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6491cd41d3ad7ee1d66c2328_logo_india.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.logo.publicai {
display: none;
}
.logo.glamourxp {
max-width: 150px;
min-width: 150px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f728036fc8e2ba005b03d6_g64118bcf8287ff4d2eff40a9_Glamour_Global_Logo_Black%20copy.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 120px;
}
.logo.netpointxp {
max-width: 150px;
min-width: 150px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f7288acb6e7d495af17c15_npm.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 120px;
}
.logo.advalleyxp {
height: 69px;
max-width: 150px;
min-width: 100px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6508564b2037ee63e0eff79a_avs23.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.div-block-3379 {
font-size: 8px;
position: absolute;
top: 12px;
right: -12px;
}
.div-block-3380 {
width: 50px;
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
top: 182px;
}
.div-block-3381 {
height: 40px;
min-height: 40px;
min-width: 40px;
white-space: nowrap;
cursor: pointer;
border: 1px solid #d4d4d4;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 300;
display: flex;
}
.div-block-3381:hover {
color: #fffefe;
background-color: #252525;
border-color: #252525;
}
.div-block-3381.active {
padding-left: 25px;
padding-right: 25px;
}
.div-block-3383 {
width: 100%;
max-width: 1380px;
margin-top: 100px;
}
.div-block-3384 {
width: 100%;
justify-content: flex-start;
padding-left: 0;
display: flex;
position: relative;
}
.div-block-3385 {
min-width: 400px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.platformdemo-copy {
z-index: 2;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: 16px;
margin-right: 0;
display: flex;
position: relative;
}
.div-block-3387 {
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
}
.path_up {
z-index: 5;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.path_up:hover {
opacity: 1;
}
.path_up._1 {
margin-top: 1px;
}
.path_up.e {
margin-top: 4px;
}
.rev12 {
width: 30px;
height: 35px;
border: 0 solid #cfcfcf;
border-top: 1px solid #a09e9e;
border-left: 1px solid #a09e9e;
border-radius: 99px 0 0;
margin-left: -1px;
display: flex;
}
.div-block-2687 {
width: 40px;
height: 35px;
border-bottom: 1px solid #a09e9e;
border-right: 1px solid #a09e9e;
border-radius: 0 0 99px;
display: flex;
}
.rev2 {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.circle-2 {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
color: #050505;
background-color: #f5edc8;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 0;
font-size: 10px;
font-weight: 500;
display: flex;
position: static;
top: 0;
left: 0;
}
.circle-2.turq {
color: #000;
background-color: #afebe4;
}
.circle-2.blue {
background-color: #d9e7ff;
}
.circle-2.regular {
background-color: #fff;
border: 1px solid #b9b2b2;
}
.div-block-2688 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
padding-top: 35px;
display: flex;
}
.div-block-2688.top {
padding-top: 0;
padding-bottom: 35px;
}
.div-block-2711 {
color: #2e2e2e;
white-space: nowrap;
background-color: #fff;
border: 1px solid #5e6366;
border-radius: 12px;
padding: 8px 17px;
font-size: 15px;
font-weight: 300;
position: relative;
}
.div-block-2711._1 {
background-color: #f8f6ea;
border-width: 1px;
border-color: #504e46;
}
.div-block-2689 {
width: 1px;
height: 22px;
background-color: #a09e9e;
}
.div-block-2689.large {
height: 60px;
background-color: #a09e9e;
}
.h_line {
width: 30px;
height: 1px;
background-color: #a09e9e;
}
.h_line.faded {
width: 500px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to right, #a09e9e 16%, rgba(255, 255, 255, 0) 66%);
}
.h_line.faded.small {
width: 50px;
}
.h_line.faded._50 {
width: 200px;
}
.h_line.faded_s {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to right, rgba(177, 177, 177, 0) 6%, #cfcfcf 63%);
}
.h_line.faded_s.first {
width: 30px;
background-image: linear-gradient(to right, rgba(177, 177, 177, 0) 6%, #a09e9e 63%);
position: relative;
top: -19px;
}
.h_line.large {
width: 30px;
background-color: #a09e9e;
}
.h_line.small {
width: 10px;
}
.h_line.vlarge {
width: 94px;
}
.h_line._250 {
width: 120px;
background-color: #a09e9e;
}
.h_line._500 {
width: 250px;
}
.h_line._300 {
width: 200px;
background-color: #a09e9e;
}
.h_line._300.faded {
width: 500px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to right, #a09e9e 16%, rgba(255, 255, 255, 0) 66%);
}
.h_line.ll {
width: 110px;
}
.h_line.first {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(rgba(255, 255, 255, 0), #a09e9e 88%);
position: absolute;
}
.h_line.first.a {
width: 250px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #a09e9e 88%);
bottom: 244.5px;
left: -245px;
}
.div-block-3388 {
height: 450px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-3388.abs {
z-index: 9999;
position: absolute;
top: -187px;
left: 239px;
}
.div-block-3388.abs.d {
display: flex;
top: -44px;
left: -41px;
}
.div-block-3388.abs2 {
position: absolute;
top: -188px;
left: 480px;
}
.div-block-3388.abs2.c {
z-index: 1;
display: flex;
top: -186px;
left: 200px;
}
.div-block-3388.abs2.c.d {
position: absolute;
top: 8px;
left: -3px;
}
.curve {
width: 40px;
height: 35px;
border: 1px solid #a09e9e;
border-width: 1px 1px 0 0;
border-radius: 0 99px 0 0;
display: flex;
}
.path_down {
z-index: 10;
opacity: 1;
align-items: flex-end;
display: flex;
position: relative;
top: -39px;
}
.path_down:hover {
opacity: 1;
}
.rev12-copy {
width: 30px;
height: 35px;
border-top: 0 solid #cfcfcf;
border-bottom: 1px solid #a09e9e;
border-left: 1px solid #a09e9e;
border-right: 0 solid #cfcfcf;
border-radius: 0 0 0 99px;
margin-left: -1px;
display: flex;
}
.div-block-3390 {
align-items: center;
display: flex;
position: relative;
top: -19px;
}
.div-block-3390.down {
top: auto;
bottom: -19px;
}
.div-block-3390.b {
top: -20px;
left: 4px;
}
.div-block-3390.b.c {
top: -20px;
}
.div-block-3390.c {
top: -19px;
}
.div-block-3391 {
flex-direction: row;
align-items: center;
margin-top: 30px;
margin-bottom: 20px;
display: flex;
position: relative;
top: -1px;
}
.div-block-3391.x {
position: static;
}
.image-637 {
width: 18px;
}
.div-block-2758-copy {
width: 100%;
max-width: 1360px;
margin-top: 70px;
margin-bottom: 0;
display: flex;
}
.div-block-3392 {
width: 100%;
height: 100%;
align-items: flex-start;
display: flex;
}
.div-block-3392.full {
max-width: 380px;
}
.div-block-2729-copy {
width: 100%;
height: 100%;
max-width: 450px;
min-height: auto;
flex-direction: column;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
display: flex;
}
.div-block-3393 {
min-width: 20px;
position: relative;
left: -5px;
}
.text-span-51 {
border-bottom: 0 solid #e9e9e9;
}
.text-span-52 {
color: #1a1a1a;
}
.thecontent {
width: 100%;
height: 600px;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.thecontent._660 {
height: 660px;
}
.div-block-3398 {
width: 100%;
}
.div-block-3399 {
margin-top: 100px;
}
.link {
width: 60px;
height: 60px;
}
.text-span-53 {
color: #000;
}
.text-span-54 {
color: #020202;
}
.div-block-3405 {
width: 8px;
height: 8px;
background-color: #53c557;
border-radius: 99px;
display: none;
position: absolute;
left: -3px;
}
.div-block-3405.active {
width: 9px;
height: 9px;
background-color: #fff;
border: 1px solid #a1a1a1;
display: none;
left: -5px;
}
.selector_label {
width: 30px;
justify-content: center;
align-items: center;
margin-right: 5px;
font-size: 14px;
font-weight: 300;
display: flex;
}
.selector_label.simple {
width: auto;
border-bottom: 1px solid rgba(211, 197, 197, 0);
margin-bottom: 3px;
margin-right: 0;
padding-bottom: 2px;
font-size: 15px;
}
.pickerunit {
width: 16px;
height: 16px;
max-height: 16px;
max-width: 16px;
cursor: pointer;
border: 1px solid #e9e9e9;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.pickerunit.b {
background-color: #fff;
}
.pickerunit.b.simple {
border-color: #cfcfcf;
}
.pickerunit.b.simple.a1 {
background-color: #ecf5f9;
}
.pickerunit.b.simple.t {
background-color: #1f1f1f;
}
.pickerunit.b.simple.c {
background-color: #c3deeb;
}
.pickerunit.b.simple {
border-color: #cfcfcf;
transition: all .35s;
}
.pickerunit.b.simple.cta {
background-color: #d10000;
border-color: #d10000;
}
.pickerunit.b.simple._32 {
background-color: #66afad;
border-color: #66afad;
}
.pickerunit.b.simple.l1 {
background-color: #303030;
border-color: #464646;
}
.div-block-3262 {
width: 30px;
height: 30px;
cursor: pointer;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
display: flex;
}
.div-block-3262:hover {
border-color: #acacac;
}
.div-block-3262.simple {
width: 26px;
height: 26px;
background-color: rgba(255, 255, 255, .4);
border-width: 1px;
border-color: rgba(224, 224, 224, .5);
margin-right: 0;
}
.div-block-3262.simple:hover {
border-color: #b1b1b1;
}
.color_picker {
display: none;
position: absolute;
bottom: 10px;
}
.color_picker.active {
display: flex;
}
.colorobject {
flex-direction: column;
align-items: center;
margin-right: 4px;
display: none;
}
.colorobject.active {
color: #c9c9c9;
margin-right: 7px;
display: flex;
}
.colorobject.active:hover {
color: #7c7676;
}
.color_selector {
height: 100%;
align-items: flex-end;
display: flex;
}
.color_picker_unit {
padding: 2px 5px;
font-family: Materialicons, sans-serif;
display: flex;
}
.scroll_container {
width: 100%;
height: 100%;
flex-direction: column;
display: flex;
position: relative;
overflow: auto;
}
.div-block-2763 {
width: 100%;
flex-direction: column;
align-items: flex-end;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.floating_content {
display: none;
position: relative;
}
.content_config {
max-width: 100%;
flex-direction: column;
display: flex;
}
.div-block-3266 {
width: 100%;
height: 1px;
background-color: rgba(36, 142, 241, .4);
position: absolute;
top: 50%;
}
.div-block-3266._2 {
width: 1px;
height: 100%;
top: auto;
left: 50%;
}
.div-block-3265 {
width: 100%;
height: 100%;
position: relative;
}
.layout_helper {
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0;
}
.at_contentbox {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 12px;
flex-direction: row;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.at_placeholder {
width: 100%;
height: 36px;
background-color: rgba(167, 167, 167, .1);
border-radius: 50px 50px 5px;
margin-top: 4px;
margin-bottom: 4px;
}
.at_placeholder.client {
border: 0 solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.story_content {
width: 100%;
border-radius: 12px;
flex-direction: column;
padding-top: 20px;
padding-bottom: 30px;
display: flex;
position: relative;
}
.story_content.active {
border: 1px solid #a0acce;
}
.progressbar_holder {
width: 100%;
position: relative;
}
.scene_holder {
width: 360px;
height: 100%;
flex-direction: column;
display: flex;
}
.objectholder {
border: 1px solid rgba(0, 0, 0, 0);
justify-content: flex-start;
margin-top: 4px;
margin-bottom: 4px;
display: flex;
}
.font_settings_container {
z-index: 2;
border-bottom: 1px solid rgba(230, 230, 230, .1);
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.font_settings_container.last {
padding-bottom: 12px;
}
.font_settings_container._50 {
min-width: 104px;
}
.font_settings_container._50.last {
margin-right: 0;
}
.copy_style_from {
width: 100%;
min-height: 5px;
flex-direction: column;
justify-content: space-between;
margin-top: 5px;
display: flex;
}
.slider_bar {
width: 100%;
height: 2px;
-webkit-text-stroke-color: #000;
background-color: #000;
position: relative;
left: -32%;
}
.slider_bar._2 {
left: -37%;
}
.slider_bar._3 {
left: -52%;
}
.slider_bar.max {
width: 50%;
left: 30%;
}
.slider_progress_bar {
width: 100%;
height: 2px;
background-color: #f1f1f1;
position: absolute;
top: -17px;
overflow: hidden;
}
.slider_container {
z-index: 5;
width: 100%;
justify-content: center;
align-items: center;
padding: 20px 0 10px;
display: flex;
position: relative;
}
.colour_picker {
width: 100%;
height: 45px;
border: 1px solid #f0f0f0;
border-radius: 6px;
margin-top: 6px;
font-size: 13px;
overflow: hidden;
}
.copy_style_holder {
border-top: 0 solid #ebebeb;
border-bottom: 0 solid #f7f7f7;
margin-bottom: 10px;
padding-bottom: 10px;
display: none;
}
.copy_style_holder.active {
flex-direction: column;
display: flex;
}
.save_style_as_dropdown {
width: 100%;
margin-top: 5px;
}
.all_custom_settings {
flex-direction: column;
display: none;
}
.all_custom_settings.active {
width: 100%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-3200 {
width: 100%;
background-color: #fff;
border: 1px solid rgba(226, 226, 226, .5);
border-radius: 6px;
margin-bottom: 20px;
padding: 20px 25px 15px 20px;
}
.div-block-3200.no_space {
border-width: 0;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 25px;
}
.div-block-3200.no_space:hover {
border-color: #8f96e4;
}
.div-block-3200.dropdowns {
padding-bottom: 20px;
padding-right: 20px;
}
.div-block-3200.dropdowns:hover {
border-color: #8f96e4;
}
.div-block-3200.dropdowns.hidden {
display: none;
}
.div-block-3200.b {
border-width: 0;
border-color: rgba(226, 226, 226, .5);
margin-bottom: 10px;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.div-block-3200.b:hover {
border-color: #8f96e4;
}
.div-block-3200.split {
border-color: rgba(226, 226, 226, .5);
align-items: flex-start;
padding-top: 15px;
padding-bottom: 20px;
display: flex;
}
.div-block-3200.split:hover {
border-color: #8f96e4;
}
.div-block-3200.split.hidden {
display: none;
}
.div-block-3406 {
width: 43px;
height: 43px;
cursor: pointer;
border: 1px solid #fff;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-right: 3px;
padding: 0;
font-size: 12px;
font-weight: 300;
text-decoration: underline;
display: flex;
}
.div-block-3406:hover {
background-color: #fff;
border-color: #d6d6d6;
}
.div-block-3407 {
z-index: 5;
width: 18px;
height: 18px;
background-color: #fff;
border: 2px solid #000;
border-radius: 99px;
position: absolute;
top: 36px;
left: 57px;
}
.div-block-3407._2 {
left: 179px;
}
.div-block-3407._3 {
left: 135px;
}
.div-block-3408 {
width: 100%;
height: 1px;
background-color: #f0f0f0;
margin-bottom: 10px;
}
.body-3 {
justify-content: center;
align-items: center;
display: flex;
}
.text-span-55 {
color: #161616;
}
.div-block-3409 {
width: 100%;
height: 160px;
max-width: 1360px;
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid #f1f1f1;
border-width: 1px 0;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
grid-auto-columns: 1fr;
padding-top: 30px;
padding-bottom: 30px;
display: grid;
position: relative;
}
.clientlogo {
width: 130px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6256964c744ac040cf363994_brand_placeholder.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
justify-content: center;
align-items: center;
display: flex;
}
.clientlogo.netflix {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6256933217359a0aaaab6866_netflix.svg");
}
.clientlogo.orange {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/625693328643d8100842179c_orange.svg");
}
.clientlogo.vichy {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6256933217b31b410bef066a_vichy.svg");
}
.clientlogo.ikea {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6256933241a6f8986aa77529_ikea.svg");
}
.clientlogo.vodafone {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/625693325833865d58d41972_vodafone.svg");
}
.clientlogo.hm {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/62569332d03fb7f522393c98_hm.svg");
}
.clientlogo.prime {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6256979ad03fb75c8f3956d2_amazonprime.svg");
}
.clientlogo.swatch {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6256987ba6f87c248a3e6e87_swatch.svg");
}
.div-block-3410 {
z-index: 1;
background-color: #fdfdfd;
padding-right: 10px;
font-size: 16px;
font-weight: 300;
position: absolute;
top: -12px;
}
.div-block-3411 {
width: 100%;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-bottom: 100px;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-3409-copy {
width: 100%;
height: 160px;
max-width: 1360px;
border: 0 solid #f1f1f1;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
grid-auto-columns: 1fr;
justify-content: start;
justify-items: start;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: relative;
}
.publisherlogo {
width: 85px;
opacity: .9;
justify-content: center;
align-items: center;
margin-right: 40px;
display: flex;
}
.publisherlogo.guardian {
width: 80px;
}
.image-258-copy2-copy {
min-width: 90px;
}
.image-257 {
width: 100%;
filter: invert();
}
.image-257.s1 {
filter: none;
}
.image-472 {
width: 90%;
}
.image-258 {
width: 80px;
}
.content_type {
z-index: 20;
width: 150px;
height: 150px;
color: #3c3939;
border: 1px solid #e7e7e7;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
font-weight: 300;
display: flex;
position: absolute;
bottom: 27px;
right: -27px;
}
.div-block-3414 {
width: 100%;
height: 100%;
background-color: #fcfcfc;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-2729-copy-2 {
width: 100%;
max-width: 450px;
min-height: auto;
flex-direction: column;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
display: flex;
}
.div-block-3402-copy {
width: 100%;
max-width: 700px;
margin-top: 9px;
font-size: 21px;
font-weight: 300;
line-height: 35px;
}
.headline_holder-copy {
color: #333;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
padding-right: 136px;
display: flex;
position: relative;
}
.headline_holder-copy.b {
flex-direction: column;
}
.headline_holder-copy.b-copy {
flex-direction: column;
align-items: center;
padding-right: 0;
}
.s1-copy {
color: #cfcfcf;
letter-spacing: 0;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
font-size: 30px;
font-weight: 300;
line-height: 50px;
display: flex;
}
.holder-copy {
color: #000;
text-align: left;
line-height: 95px;
}
.holder-copy.small {
padding-right: 179px;
}
.white {
color: #e6e6e6;
}
.s2-copy-copy-copy {
width: 100%;
letter-spacing: -2px;
padding-right: 0;
font-size: 77px;
font-weight: 300;
line-height: 88px;
}
.subprime_crisis {
width: 100%;
max-height: 100vh;
max-width: 1380px;
min-height: 80vh;
color: #000;
background-color: #eee9f0;
border: 0 solid #dfdfdf;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 0;
display: flex;
}
.subprime_crisis.hidden {
display: flex;
}
.subprime {
font-size: 150px;
font-weight: 300;
line-height: 150px;
}
.livingtheage {
margin-bottom: 15px;
font-size: 30px;
}
.div-block-3423 {
width: 100%;
margin-top: 40px;
padding-left: 80px;
padding-right: 100px;
display: flex;
position: relative;
}
.div-block-3424 {
width: 100%;
padding-left: 80px;
padding-right: 80px;
position: relative;
}
.div-block-3425 {
width: 100%;
min-height: 100px;
align-items: flex-end;
padding-bottom: 0;
padding-left: 80px;
display: flex;
position: relative;
}
.findyourcalm {
height: 90px;
background-color: #4b4b4b;
border-radius: 3px;
justify-content: space-between;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.findyourcalm.d {
z-index: 5;
width: 700px;
background-color: #000;
position: absolute;
top: 15px;
left: 54px;
}
.div-block-3427 {
color: #fff;
align-items: center;
font-size: 20px;
display: flex;
}
.div-block-3428 {
color: #fff;
border: 2px solid #fff;
border-radius: 99px;
padding: 10px 20px;
font-size: 15px;
font-weight: 500;
}
.image-639 {
width: 28px;
filter: invert();
}
.div-block-3429 {
margin-right: 15px;
}
.stream_your_heart_out {
z-index: 2;
width: 850px;
max-width: 1180px;
background-color: #afebe4;
border-radius: 3px;
justify-content: space-between;
align-items: center;
padding: 50px 20px;
display: flex;
position: absolute;
top: 476px;
left: 27px;
}
.site_menu {
width: 100%;
height: 60px;
justify-content: space-between;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.image-640 {
width: 24px;
}
.menu {
margin-right: 30px;
font-size: 15px;
font-weight: 500;
}
.div-block-3432 {
display: flex;
}
.div-block-3433 {
color: #000;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
padding: 10px 20px;
font-size: 15px;
font-weight: 500;
display: flex;
}
.div-block-3434 {
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-3435 {
color: #000;
margin-bottom: 10px;
font-size: 40px;
font-weight: 500;
line-height: 40px;
}
.div-block-3436 {
font-size: 70px;
line-height: 70px;
}
.moreclicks {
z-index: 16;
width: 300px;
min-width: 300px;
color: #000;
background-color: #d9e7ff;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 20px;
padding: 80px 20px 80px 30px;
display: flex;
position: absolute;
top: -30px;
left: 224px;
}
.div-block-3439 {
z-index: 1;
opacity: 1;
color: #000;
flex-direction: column;
padding-right: 100px;
display: flex;
position: absolute;
top: 102px;
left: 56px;
}
.div-block-3440 {
color: #000;
font-size: 37px;
font-weight: 500;
line-height: 48px;
}
.div-block-3441 {
color: #000;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 12px;
padding: 14px 25px;
font-size: 16px;
font-weight: 500;
display: flex;
}
.div-block-3442 {
color: #111;
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
}
.sales {
width: 300px;
min-width: 300px;
background-color: #ffd57d;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding: 20px;
display: flex;
position: absolute;
bottom: -197px;
}
.div-block-3440-copy {
color: #0c0c0c;
font-size: 80px;
font-weight: 400;
line-height: 100px;
}
.div-block-3443 {
width: 450px;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.cookie_consent {
z-index: 6;
width: 650px;
max-width: 780px;
color: #000;
background-color: #f5edc8;
border-radius: 3px;
flex-direction: column;
justify-content: center;
padding: 30px 35px;
display: flex;
position: absolute;
bottom: 183px;
left: 61px;
}
.div-block-3445 {
padding-top: 20px;
display: flex;
}
.div-block-3446 {
font-size: 20px;
line-height: 30px;
}
.newseleter {
z-index: 6;
width: 600px;
height: 350px;
color: #000;
background-color: #ef7555;
border-radius: 3px;
align-items: center;
padding: 20px 56px 20px 35px;
display: flex;
position: absolute;
top: 121px;
left: 337px;
}
.div-block-3448 {
position: absolute;
top: 15px;
right: 15px;
}
.image-641 {
width: 40px;
}
.div-block-3449 {
width: 100%;
}
.div-block-3450 {
font-size: 40px;
font-weight: 500;
line-height: 50px;
}
.div-block-3451 {
font-size: 20px;
line-height: 30px;
}
.div-block-3452 {
width: 100%;
height: 60px;
border: 1px solid #000;
border-radius: 3px;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.image-642 {
width: 20px;
min-width: 20px;
}
.div-block-3453 {
display: flex;
}
.div-block-3454 {
border: 2px solid #000;
border-radius: 99px;
padding: 5px 20px;
}
.div-block-3455 {
margin-right: 10px;
}
.div-block-3456 {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.attention, .crisis {
font-size: 150px;
font-weight: 300;
line-height: 150px;
}
.text-span-63 {
font-weight: 500;
}
._2holder-copy {
color: silver;
font-size: 77px;
line-height: 95px;
}
.holder-copy-copy {
max-width: 850px;
color: #000;
text-align: left;
letter-spacing: -.3px;
padding-right: 79px;
font-size: 52px;
line-height: 64px;
}
.div-block-3459 {
width: 100%;
max-width: 360px;
padding-top: 284px;
font-size: 22px;
font-weight: 300;
line-height: 34px;
}
._12holder-copy {
color: #000;
margin-bottom: 5px;
font-size: 22px;
line-height: 34px;
}
.div-block-3462 {
height: 100%;
max-width: 410px;
min-width: 380px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 30px;
transition: all .25s;
display: flex;
}
.div-block-3462.horizontal, .div-block-3462.full {
width: 100%;
max-width: 100%;
min-width: 100%;
}
.div-block-3462.preview {
justify-content: flex-start;
padding-top: 0;
}
.div-block-3462.c {
z-index: 99;
justify-content: flex-start;
margin-left: 10px;
margin-right: 10px;
position: relative;
}
.div-block-3462.c-copy {
z-index: 99;
justify-content: flex-start;
margin-left: 0;
margin-right: 10px;
padding-top: 172px;
position: relative;
}
.embed_content {
z-index: 15;
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.embed_content.horizontal {
width: 970px;
height: 250px;
min-height: 250px;
align-items: flex-start;
}
.embed_content.full {
width: 100%;
height: 100%;
align-items: flex-start;
}
.div-block-3464 {
width: 100%;
height: 410px;
align-items: center;
margin-top: 0;
display: flex;
position: relative;
}
.div-block-3465 {
height: 100%;
color: #3f3e3d;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-left: 10px;
display: flex;
}
.div-block-3466 {
height: 310px;
flex-direction: column;
justify-content: center;
display: flex;
}
.div-block-3467 {
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #b8aaaa;
border-radius: 99px;
margin-right: 7px;
}
.div-block-3467._1 {
background-color: #f9faef;
}
.div-block-3467._2 {
background-color: #ffd47c;
}
.div-block-3467._3 {
background-color: #e1eafc;
}
.div-block-3468 {
margin-bottom: 7px;
display: flex;
}
.div-block-3469 {
width: 100%;
white-space: nowrap;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 500;
line-height: 14px;
display: flex;
}
.image-644 {
width: 15px;
min-width: 15px;
margin-bottom: -13px;
}
.arr1 {
z-index: 5;
width: 100%;
height: 100%;
max-width: 180px;
min-width: 50px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-bottom: 27px;
display: flex;
position: relative;
}
.div-block-3469-copy {
width: 100%;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 20px;
font-weight: 500;
display: flex;
}
.div-block-3471, .div-block-3472 {
width: 100%;
}
.s2-copy-copy-copy-copy {
letter-spacing: -2px;
padding-right: 0;
font-size: 77px;
font-weight: 300;
line-height: 88px;
}
.text-span-64 {
color: #cacaca;
}
.div-block-3476 {
width: 100%;
height: 1px;
background-color: #fff;
border-radius: 99px;
}
.div-block-3476.a {
width: 30%;
max-width: 30px;
}
.text-block-442 {
margin-left: 5px;
margin-right: 5px;
font-size: 18px;
font-weight: 300;
line-height: 18px;
}
.text-block-442.first {
margin-left: 0;
}
.div-block-3477 {
width: 100%;
align-items: center;
margin-bottom: 8px;
display: flex;
}
.here {
flex-direction: column;
align-items: flex-start;
margin-top: 45px;
display: flex;
}
.div-block-3479 {
color: #222;
}
.text-block-443 {
color: #000;
font-size: 70px;
line-height: 90px;
}
.chapter3 {
width: 100%;
max-width: 1380px;
}
.div-block-2711-copy {
color: #2e2e2e;
white-space: nowrap;
background-color: #fff;
border: 1px solid #585d5f;
border-radius: 12px;
padding: 8px 17px;
font-size: 15px;
font-weight: 300;
position: relative;
top: -19px;
}
.div-block-3482 {
width: 700px;
height: 1px;
opacity: .9;
background-image: linear-gradient(to right, rgba(15, 15, 15, 0), #b8b8b8 49%, rgba(51, 51, 51, 0));
position: absolute;
top: 398px;
left: -202px;
}
.div-block-3482._2 {
top: 844px;
left: -372px;
}
.div-block-3482._2._12 {
left: -767px;
}
.div-block-3482._3 {
top: 392px;
left: auto;
right: 848px;
}
.div-block-3482._4 {
top: 513px;
left: auto;
right: -408px;
}
.div-block-3482._4._2 {
top: 214px;
right: -565px;
}
.div-block-3482._6 {
top: 712px;
left: auto;
right: 52px;
}
.div-block-3482._8 {
top: 113px;
left: auto;
right: -206px;
}
.div-block-3482._8-copy {
top: 472px;
left: -120px;
right: auto;
}
.div-block-3482._8-copy-copy {
top: 259px;
left: -466px;
right: auto;
}
.div-block-3482._8-copy-copy-copy {
top: 753px;
left: -258px;
right: auto;
}
.div-block-3482._122 {
left: -615px;
}
.html-embed-3 {
margin-bottom: 16px;
}
.chapter4 {
width: 100%;
max-width: 1380px;
min-height: 380px;
color: #fff;
border-bottom: 0 solid #d8d8d8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 42px;
padding: 30px 0 0;
display: flex;
position: relative;
}
.div-block-3492 {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.div-block-3493 {
color: #000;
padding-left: 20px;
padding-right: 30px;
font-weight: 300;
position: relative;
}
.div-block-3494 {
z-index: 5;
color: #2d3130;
margin-bottom: 9px;
font-size: 16px;
font-weight: 500;
line-height: 44px;
position: relative;
}
.div-block-3495 {
z-index: 5;
color: #3b4440;
margin-top: 27px;
padding-left: 1px;
padding-right: 9px;
font-size: 18px;
line-height: 30px;
position: relative;
}
.div-block-3497 {
flex-direction: column;
justify-content: flex-start;
margin-bottom: 84px;
display: flex;
position: relative;
}
.div-block-3498 {
max-width: 500px;
font-size: 21px;
font-weight: 300;
line-height: 30px;
position: absolute;
bottom: -173px;
right: -87px;
}
.div-block-3498-copy {
max-width: 460px;
padding-top: 158px;
font-size: 21px;
font-weight: 300;
line-height: 30px;
position: static;
bottom: -46px;
right: 98px;
}
.div-block-3499 {
display: none;
}
.usermessage {
width: 100%;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 20px;
display: flex;
}
.usertimestamp {
width: 100%;
justify-content: flex-end;
padding-right: 0;
display: flex;
}
.div-block-3500 {
width: 100%;
color: #202020;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
font-size: 20px;
font-weight: 300;
line-height: 30px;
display: flex;
position: static;
top: -75px;
right: 0;
}
.div-block-3501 {
width: 100%;
max-width: 1380px;
padding-left: 79px;
}
.finaloptions {
flex-wrap: wrap;
margin-bottom: 20px;
display: flex;
}
.div-block-3505 {
color: #020202;
border: 3px solid #000;
border-radius: 99px;
margin-right: 10px;
padding: 36px 45px;
font-size: 30px;
font-weight: 500;
text-decoration: none;
}
.div-block-3505:hover {
color: #f1f1f1;
background-color: #000;
}
.div-block-3497-copy {
width: 100%;
flex-direction: column;
justify-content: flex-start;
margin-bottom: 84px;
display: flex;
position: relative;
}
.text-span-65 {
text-decoration: line-through;
}
.div-block-3506 {
border-bottom: 1px dashed #d4d4d4;
padding-top: 27px;
padding-bottom: 27px;
padding-left: 10px;
font-size: 18px;
font-weight: 300;
line-height: 20px;
}
.text-block-444 {
margin-bottom: 18px;
}
.div-block-3501-copy {
width: 100%;
max-width: 1380px;
padding-left: 0;
}
.usecases {
width: 100%;
max-width: 450px;
min-height: auto;
flex-direction: column;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
display: flex;
}
.div-block-3507 {
padding-right: 88px;
}
.thecategory {
border: 1px solid #eee;
border-radius: 99px;
padding: 2px 10px;
font-size: 11px;
display: none;
}
.thecategory.awareness {
background-color: #f8f8e3;
}
.thecategory.familiarity {
background-color: #e3f5f8;
}
.thecategory.consideration {
background-color: #fae7d5;
}
.thecategory.purchase {
background-color: #e7f8e3;
}
.thecategory.loyalty {
background-color: #fcfbf4;
}
.thelabel.active {
font-weight: 500;
}
.player {
z-index: 999;
width: 60px;
height: 100%;
border-top: 0 solid #ebebeb;
border-bottom: 1px solid #f0f0f0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: none;
position: fixed;
top: 0;
bottom: auto;
left: 0;
}
.div-block-3509 {
height: 80%;
background-image: linear-gradient(to right, #fdfdfd 11%, rgba(255, 255, 255, 0) 81%);
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.div-block-3510 {
display: flex;
}
.playbutton {
width: 102px;
height: 25px;
min-height: 27px;
white-space: nowrap;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 11px;
display: none;
}
.playbutton.active {
display: flex;
}
.playbutton.on {
width: 30px;
height: 60px;
min-height: 60px;
min-width: 30px;
cursor: pointer;
padding-left: 0;
padding-right: 0;
display: flex;
}
.playbutton.on:hover {
filter: invert();
color: #000;
background-color: #f5f3f3;
border-color: #f5f3f3;
}
.div-block-3512 {
width: 30px;
height: 30px;
background-color: #fff;
border: 1px solid #d3d3d3;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 11px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3512.active {
color: #c4c4c4;
background-color: #313131;
border-color: #313131;
}
.div-block-3513 {
text-align: center;
justify-content: center;
align-items: center;
margin-top: 3px;
font-size: 11px;
font-weight: 300;
display: flex;
position: absolute;
top: 0;
}
.image-645 {
width: 14px;
}
.player_chapters {
flex-direction: column;
align-items: flex-start;
margin-top: 5px;
display: flex;
position: static;
left: 11px;
}
.div-block-3515 {
width: 100%;
}
.div-block-3515.spaced {
margin-right: 10px;
}
.div-block-3515.spaced.double {
margin-right: 20px;
}
.div-block-3515.spaced.hidden {
display: none;
}
.play_chapter {
color: #b9b9b9;
cursor: pointer;
margin-bottom: 5px;
position: relative;
}
.play_chapter:hover {
color: #000;
}
.div-block-3517 {
width: 100%;
height: 100%;
background-color: #eb2525;
position: absolute;
top: -100%;
}
.text-block-445 {
line-height: 11px;
}
.playlabel {
line-height: 11px;
display: flex;
position: static;
top: 2px;
left: 9px;
}
.playlabel.active {
color: #000;
display: flex;
}
.pausebutton {
width: 30px;
height: 30px;
min-height: 30px;
white-space: nowrap;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 11px;
display: none;
}
.pausebutton.active {
display: flex;
}
.pausebutton.on {
width: 30px;
height: 60px;
min-height: 60px;
min-width: 30px;
cursor: pointer;
padding-left: 0;
padding-right: 0;
display: flex;
}
.pausebutton.on:hover {
filter: invert();
color: #000;
background-color: #dbdbdb;
border-color: #dbdbdb;
}
.image-645-copy {
width: 13px;
}
.div-block-3518 {
width: 100%;
height: 1px;
background-color: #e0e0e0;
position: absolute;
bottom: -1px;
overflow: hidden;
}
.div-block-3519 {
width: 100%;
height: 1px;
background-color: #c91919;
position: relative;
left: -100%;
}
.div-block-3520 {
width: 100%;
height: 410px;
background-color: rgba(255, 255, 255, .26);
border: 1px solid #e0dcdc;
border-radius: 12px;
position: relative;
overflow: hidden;
}
.div-block-3520.b {
align-items: center;
padding-top: 22px;
padding-left: 24px;
padding-right: 31px;
display: flex;
}
.comp_message-2 {
color: #252525;
margin-bottom: 8px;
padding: 0 20px;
font-size: 15px;
font-weight: 300;
line-height: 22px;
display: flex;
}
.div-block-3521 {
position: absolute;
top: 19px;
transform: rotate(0);
}
.div-block-3522 {
width: 298px;
border-radius: 12px;
position: relative;
top: 1px;
left: 19px;
overflow: hidden;
}
.carousel_count {
z-index: 99;
letter-spacing: 1px;
background-color: #fff;
border: 1px solid #929292;
border-radius: 99px;
padding: 4px 14px;
font-size: 12px;
display: none;
position: absolute;
top: 10px;
right: 10px;
}
.carousel_count.active {
color: #2b2b2b;
background-color: rgba(215, 221, 226, .9);
border-color: rgba(215, 221, 226, .9);
padding: 3px 12px;
font-size: 11px;
display: flex;
}
.textoptions_holder {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.textoptions_holder.cloud {
flex-flow: wrap;
align-content: stretch;
align-items: stretch;
}
.textoptions_holder.cloud.poll {
width: 100%;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 14px;
flex-flow: column;
align-items: center;
margin-top: 0;
padding: 15px;
position: relative;
top: -10px;
}
.textoptions_holder.cloud.poll.pluto {
background-color: rgba(0, 0, 0, 0);
border-width: 0;
border-radius: 0;
padding: 5px 0;
position: static;
}
.textoptions_holder.cloud.poll.pluto._222 {
padding-bottom: 5px;
padding-left: 0;
padding-right: 0;
}
.progress_location {
z-index: 1;
width: 100%;
height: 100%;
display: flex;
position: absolute;
left: 0;
}
.div-block-3523 {
z-index: 5;
position: relative;
}
.poll_progress {
width: 100%;
height: 100%;
opacity: 1;
background-color: rgba(29, 155, 240, .58);
border-radius: 6px;
transition: opacity .2s, left .55s;
position: absolute;
left: -35%;
}
.poll_progress._1 {
left: -65%;
}
.poll_progress._2 {
left: -80%;
}
.textoptions_item {
color: #2b2b2b;
cursor: pointer;
border: 2px solid #000;
border-radius: 99px;
flex-direction: row;
align-items: center;
margin: 3px 3px 3px 2px;
padding: 11px 20px;
font-size: 14px;
font-weight: 500;
display: flex;
position: relative;
overflow: hidden;
}
.textoptions_item:hover {
filter: invert(20%);
}
.textoptions_item.poll {
width: 100%;
border-width: 1px;
border-color: #ccc;
justify-content: flex-start;
align-items: center;
margin-top: 4px;
margin-bottom: 4px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
font-size: 13px;
display: flex;
}
.textoptions_item.poll:hover {
border-color: #000;
}
.textoptions_item.poll.pluto {
border-color: rgba(238, 238, 238, 0);
border-radius: 6px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 13px;
font-weight: 500;
}
.number_indicator {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
background-color: #fff;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
font-size: 12px;
display: none;
}
.number_indicator.poll {
z-index: 2;
font-size: 11px;
font-weight: 700;
display: flex;
position: relative;
}
.number_indicator.poll.pluto {
border-width: 1px;
border-color: rgba(228, 228, 228, 0);
}
.poll_results {
z-index: 5;
display: none;
position: absolute;
right: 20px;
}
.poll_results.results {
opacity: 0;
font-size: 12px;
font-weight: 500;
display: flex;
}
.barriers {
width: 100%;
max-width: 1380px;
min-height: 500px;
background-color: #eee9f0;
border: 0 solid #dfdfdf;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 80px;
display: flex;
position: relative;
}
.barriers.blue {
min-height: 90vh;
background-color: #ecf5f9;
padding-top: 0;
}
.barriers.yellow {
min-height: 90vh;
background-color: #f8f8f7;
flex-direction: column;
margin-right: 5px;
padding-top: 200px;
padding-bottom: 120px;
padding-right: 56px;
}
.barriers.white {
background-color: #fff;
}
.barriers.hidden {
display: none;
}
.div-block-3524 {
display: flex;
}
.div-block-3498-copy {
max-width: 500px;
padding-top: 0;
font-size: 21px;
font-weight: 300;
line-height: 30px;
position: absolute;
top: 198px;
bottom: auto;
right: 47px;
}
.large_headline1 {
z-index: 5;
width: 100%;
margin-top: 50px;
margin-bottom: 30px;
padding-right: 0;
position: relative;
}
.large_headline1._600 {
max-width: 650px;
}
.large_headline1._600._1 {
max-width: none;
}
.large_headline1.horizontal, .large_headline1.full {
max-width: 1280px;
}
.large_headline1.home {
margin-top: 0;
margin-bottom: 30px;
}
.div-block-3526 {
color: #000;
letter-spacing: -2px;
font-size: 70px;
font-weight: 300;
line-height: 90px;
}
.div-block-3526.a {
color: #afafaf;
font-weight: 300;
}
.div-block-3527 {
color: #000;
font-size: 22px;
font-weight: 300;
line-height: 34px;
}
.div-block-3528 {
padding-right: 193px;
display: flex;
}
.text-span-66, .text-span-67, .text-span-68 {
color: #000;
}
.find-out-copy-copy-copy {
height: 52px;
color: #f2f3ea;
letter-spacing: .3px;
white-space: nowrap;
cursor: pointer;
background-color: #202020;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 0;
padding-left: 100px;
padding-right: 100px;
font-family: Circularxxweb, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;
display: flex;
}
.find-out-copy-copy-copy:hover {
filter: invert();
color: #ebecf3;
background-color: #000;
border-color: #a1a1a1;
text-decoration: none;
}
.div-block-3529 {
z-index: 4;
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 0 solid #f0f0f0;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-columns: 1fr;
margin-top: 30px;
padding-top: 0;
display: flex;
position: relative;
}
.div-block-3529.ns {
margin-top: 0;
}
.interactive_unit-copy {
width: 100%;
max-width: 1360px;
justify-content: space-between;
margin-top: 50px;
margin-bottom: 40px;
display: flex;
position: relative;
}
.div-block-2731-copy {
height: 100%;
max-height: 85vh;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-2731-copy.rev {
padding-left: 20px;
padding-right: 0;
}
.image-507-copy {
width: 380%;
height: 60px;
opacity: .69;
}
.div-block-3530 {
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
font-weight: 300;
display: flex;
}
.div-block-3531 {
background-color: #fdfdfd;
padding-left: 5px;
padding-right: 5px;
font-size: 15px;
font-weight: 300;
position: absolute;
bottom: 76px;
left: 0;
}
.div-block-3532 {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 22px;
left: -7%;
}
.div-block-3532.b {
z-index: 3;
left: -9%;
}
.div-block-3532.b.full {
display: none;
}
.div-block-3532.b-copy {
z-index: 3;
top: 62px;
left: -9%;
}
.div-block-3532._1 {
top: auto;
bottom: 14px;
left: -19%;
}
.image-646 {
width: 20px;
min-width: 20px;
transform: rotate(180deg);
}
.image-646.rev {
transform: none;
}
.div-block-3533 {
width: 100%;
height: 1px;
background-image: linear-gradient(to right, #fff, rgba(3, 3, 3, .13) 45%);
}
.div-block-3533.rev {
background-image: linear-gradient(to left, #fff, rgba(3, 3, 3, .13) 45%);
}
.div-block-3533._1 {
background-image: linear-gradient(to right, #fff, rgba(3, 3, 3, .13) 29%, #fff);
}
.div-block-3534 {
white-space: nowrap;
padding-right: 10px;
font-size: 18px;
line-height: 34px;
}
.div-block-3526-copy {
z-index: 5;
max-width: 1200px;
color: #000;
letter-spacing: -2px;
font-size: 70px;
font-weight: 300;
line-height: 80px;
position: relative;
}
.div-block-3526-copy.a {
color: #afafaf;
font-weight: 300;
}
.div-block-3527-copy {
color: #272727;
font-size: 22px;
font-weight: 300;
line-height: 34px;
}
.div-block-3532-copy {
z-index: 5;
width: 150%;
align-items: center;
margin-top: -22px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 90px;
left: -705px;
}
.chapter_details {
color: #3d3d3d;
margin-left: 0;
padding-right: 22px;
font-size: 22px;
font-weight: 300;
line-height: 34px;
position: relative;
bottom: 9px;
}
.div-block-3535 {
flex-direction: column;
align-items: center;
margin-left: 15px;
display: flex;
position: relative;
}
.div-block-3536 {
width: 1px;
height: 100%;
min-height: 100%;
background-color: rgba(3, 3, 3, .08);
}
.image-647 {
width: 17px;
min-width: 17px;
}
.div-block-3537 {
position: relative;
top: -5px;
}
.div-block-3538 {
border-left: 0 solid #e0e0e0;
margin-left: 0;
padding-left: 0;
}
.div-block-3538.a {
border-left-width: 0;
margin-top: 12px;
padding-left: 10px;
}
.div-block-3539 {
color: #8d8d8d;
margin-bottom: 12px;
font-size: 15px;
font-weight: 300;
line-height: 30px;
}
.button_icon {
z-index: 5;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 6px;
font-family: Materialicons, sans-serif;
font-size: 16px;
display: flex;
position: relative;
}
.div-block-3532-copy {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 13px;
left: auto;
right: -112%;
}
.div-block-3532-copy._2 {
right: 101%;
}
.div-block-3532-copy._2-copy {
position: absolute;
right: 101%;
}
.div-block-3532-copy.full {
display: none;
}
.div-block-3355-copy {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 43px;
padding-right: 0;
display: flex;
position: relative;
}
.div-block-3538-copy {
border-left: 1px solid #e0e0e0;
margin-left: 30px;
padding-left: 30px;
}
.div-block-3538-copy-copy {
border-left: 0 solid #e0e0e0;
border-right: 1px solid #e0e0e0;
margin-right: 30px;
padding-right: 30px;
}
.div-block-3532-copy-copy {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 168px;
right: -1077px;
}
.div-block-3532-copy1 {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 90px;
left: 5px;
}
.div-block-3303 {
flex-direction: column;
justify-content: center;
margin-right: 10px;
font-family: Materialicons, sans-serif;
display: flex;
position: absolute;
top: 0;
left: -53px;
right: 50px;
}
.div-block-3540 {
width: 100%;
position: absolute;
bottom: -64px;
}
.div-block-3540.horizontal {
opacity: .5;
}
.div-block-3541 {
width: 100%;
height: 100%;
max-height: 780px;
min-height: 600px;
position: relative;
box-shadow: 0 0 6px 7px rgba(78, 78, 78, .01);
}
.div-block-3541.horizontal {
max-height: none;
min-height: auto;
background-color: #f5f5f0;
border-radius: 3px;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.div-block-3541.full {
height: 800px;
max-height: none;
min-height: auto;
background-color: #f5f5f0;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
}
.audio_action {
height: 52px;
color: #f2f3ea;
letter-spacing: .3px;
white-space: nowrap;
cursor: pointer;
background-color: #202020;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 0;
padding-left: 100px;
padding-right: 100px;
font-family: Circularxxweb, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.audio_action:hover {
color: #000;
background-color: #fff;
border-color: #000;
text-decoration: none;
}
.audio_action.limited {
padding-left: 30px;
padding-right: 30px;
}
.audio_action.smaller {
padding-left: 50px;
padding-right: 50px;
}
.audio_action.playing {
color: #000;
background-color: #fff;
overflow: hidden;
}
.audio_action.first {
margin-right: 5px;
padding-left: 50px;
padding-right: 50px;
}
.audio_action.read-more {
padding-left: 50px;
padding-right: 50px;
}
.div-block-3542 {
align-items: flex-start;
display: flex;
}
.div-block-3529-copy {
width: 100%;
border-top: 0 solid #f0f0f0;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-columns: 1fr;
align-items: flex-start;
margin-top: 32px;
padding-top: 0;
display: flex;
position: relative;
}
.div-block-3543 {
max-width: 600px;
padding-left: 41px;
}
.div-block-3538-copy {
border-left: 0 solid #e0e0e0;
margin-top: 20px;
margin-left: 0;
padding-top: 10px;
padding-left: 10px;
}
.arr12 {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 13px;
right: -84%;
}
.arr12._2 {
top: 21px;
right: -1%;
}
.arr12._2._132 {
top: 61px;
}
.arr12.rev1 {
right: -112%;
}
.arr12.s {
right: -118%;
}
.div-block-3544 {
padding-bottom: 104px;
display: flex;
}
.chapter2 {
width: 100%;
height: 90vh;
max-width: 1380px;
min-height: 800px;
border-bottom: 1px dashed #d6d6d6;
justify-content: flex-start;
align-items: center;
padding-top: 100px;
padding-bottom: 125px;
display: flex;
}
.chapter22 {
width: 50%;
height: 100%;
max-width: 680px;
border-left: 0 solid #f0f0f0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 50px;
display: flex;
}
.div-block-3547 {
width: 100%;
height: 100%;
max-width: 640px;
justify-content: flex-start;
align-items: center;
padding-right: 0;
display: flex;
position: relative;
}
.nwsproductdemo-2-copy-copy {
z-index: 15;
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.explore {
width: 100%;
max-width: 550px;
border-top: 0 solid #f0f0f0;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-columns: 1fr;
align-items: flex-start;
margin-top: 32px;
padding-top: 0;
display: flex;
position: relative;
}
.explore.ns {
margin-top: 0;
}
._12div-block-3532-copy-copy {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 50%;
left: -687px;
}
._12div-block-3532-copy-copy._2 {
top: 263px;
left: -1474px;
}
.div-block-3548 {
width: 100%;
height: 100%;
max-height: 750px;
max-width: 600px;
min-width: 350px;
position: relative;
}
.div-block-3548.b {
height: auto;
max-width: none;
}
.div-block-2721-copy {
width: 100%;
height: 900px;
max-width: 100%;
background-color: #f8f8f6;
border: 1px solid #eee;
border-radius: 26px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.usecase_holder {
z-index: 10;
min-width: 150px;
position: absolute;
top: 15px;
left: 15px;
}
.play_h {
z-index: 10;
position: absolute;
top: 15px;
right: 15px;
}
.content_count-copy {
z-index: 10;
height: 250px;
flex-direction: column;
margin-top: 15px;
margin-right: 15px;
display: flex;
position: absolute;
bottom: 0;
right: 0;
}
.content_count-copy._2 {
top: 0;
left: 15px;
right: auto;
}
.button_label {
z-index: 5;
position: relative;
}
.play_progress {
width: 100%;
height: 100%;
border-radius: 3px;
position: absolute;
}
.playing_progress {
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(224, 217, 162, .4);
border: 0 solid #f0f0f0;
border-radius: 3px;
transition: all 50ms, left .1s;
position: absolute;
left: -100%;
}
.chapter6 {
width: 100%;
max-width: 1360px;
justify-content: space-between;
margin-top: 0;
margin-bottom: 40px;
display: flex;
position: relative;
}
.div-block-3549 {
width: 100%;
background-color: #f8f8f6;
border-radius: 26px;
padding: 100px 39px 140px;
}
.text-block-446 {
z-index: 4;
position: relative;
}
.text-block-447 {
z-index: 5;
position: relative;
}
.chapter222 {
z-index: 15;
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.div-block-3550 {
width: 100%;
height: 100%;
}
.chapter2222 {
width: 100%;
height: 100%;
background-color: #eee;
border-radius: 12px;
position: relative;
overflow: hidden;
}
.nonsense {
z-index: 4;
color: #d4d4d4;
letter-spacing: -2px;
justify-content: center;
align-items: center;
font-size: 70px;
font-weight: 300;
line-height: 80px;
display: flex;
position: absolute;
bottom: 0;
left: 108px;
}
.newseleter-copy {
z-index: 6;
width: 600px;
height: 350px;
color: #000;
background-color: #ffc8bf;
border-radius: 3px;
align-items: center;
padding: 20px 56px 20px 35px;
display: flex;
position: relative;
top: auto;
left: auto;
}
.div-block-3551 {
z-index: 15;
width: 450px;
position: absolute;
bottom: 27px;
left: 150px;
overflow: hidden;
}
.chapter8 {
width: 100%;
max-width: 1380px;
min-height: 500px;
background-color: #eee9f0;
border: 0 solid #dfdfdf;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 80px;
display: flex;
position: relative;
}
.chapter8.blue {
min-height: 90vh;
background-color: #ecf5f9;
padding-top: 0;
}
.chapter8.yellow {
min-height: 90vh;
background-color: #f8f8f7;
margin-right: 5px;
padding-top: 200px;
padding-bottom: 120px;
padding-right: 56px;
}
.chapter8.white {
background-color: rgba(0, 0, 0, 0);
margin-top: 30px;
padding-top: 30px;
padding-left: 0;
}
.chapter8.hidden {
display: none;
}
.chapter88 {
width: 100%;
max-width: 1380px;
border-bottom: 0 dashed #d6d6d6;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-top: 60px;
padding-bottom: 120px;
display: flex;
}
.div-block-3552 {
font-size: 22px;
line-height: 34px;
}
.xchapter2222-copy {
width: 100%;
background-color: #f8f8f6;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 0 35px 0 30px;
display: flex;
position: relative;
overflow: visible;
}
.div-block-3553 {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3554 {
width: 100%;
height: 60px;
border-bottom: 1px solid #f7f7f7;
border-radius: 6px 6px 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 3px;
margin-bottom: 3px;
padding: 20px 20px 20px 15px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3555 {
width: 100%;
height: 100%;
background-color: #e7eff3;
border-radius: 6px;
position: absolute;
top: 0;
left: -167px;
}
.div-block-3555._2 {
left: -400px;
}
.div-block-3555._3 {
left: -240px;
}
.div-block-3555._4 {
left: -199px;
}
.div-block-3555._5 {
left: -116px;
}
.div-block-3555._6 {
left: -234px;
}
.div-block-3555._5-copy {
left: -96px;
}
.div-block-3556 {
z-index: 4;
color: #545c5f;
font-size: 14px;
font-weight: 300;
line-height: 15px;
position: relative;
}
.div-block-3556.small {
color: #838383;
letter-spacing: .5px;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9px;
}
.div-block-3556.small._2 {
text-align: right;
}
.div-block-3556-copy {
z-index: 4;
color: #676c77;
font-size: 14px;
font-weight: 300;
line-height: 15px;
position: relative;
}
.div-block-3556-copy.small {
font-size: 10px;
}
.div-block-3556-copy.small._2 {
text-align: right;
}
.div-block-3557 {
z-index: 10;
align-items: center;
display: flex;
position: relative;
}
.div-block-3558 {
width: 34px;
height: 34px;
background-color: rgba(255, 255, 255, .9);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 0;
margin-right: 8px;
font-size: 11px;
font-weight: 300;
display: flex;
}
.text-block-448 {
line-height: 10px;
}
._1div-block-3547-copy {
width: 100%;
max-width: none;
justify-content: flex-start;
align-items: center;
padding-right: 0;
display: flex;
position: relative;
}
.chapter22-copy {
width: 60%;
max-width: 60%;
min-width: 55%;
border-left: 0 solid #f0f0f0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 0;
display: flex;
}
.div-block-3555-copy {
width: 100%;
height: 100%;
opacity: .5;
background-color: #e7decf;
border-radius: 6px;
position: absolute;
top: 0;
left: -337px;
}
.div-block-3555-copy._2 {
left: -400px;
}
.div-block-3555-copy._3 {
left: -240px;
}
.div-block-3555-copy._4 {
left: -199px;
}
.div-block-3555-copy._5 {
left: -96px;
}
.div-block-3555-copy._6 {
left: -234px;
}
.div-block-3555-copy._5-copy {
left: -96px;
}
.bar2 {
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(184, 184, 184, .4);
border-radius: 6px;
position: absolute;
top: 0;
left: -337px;
}
.bar2._2 {
left: -400px;
}
.bar2._3 {
left: -240px;
}
.bar2._4 {
left: -199px;
}
.bar2._5 {
left: -96px;
}
.bar2._6 {
left: -234px;
}
.bar2._5-copy {
left: -96px;
}
.bar2.x2 {
left: -528px;
}
.bar2.x3 {
left: -472px;
}
.bar2.x4 {
left: -531px;
}
.bar2.x5 {
left: -492px;
}
.bar2.x6 {
left: -342px;
}
.large_headline-copy {
flex-direction: column;
justify-content: center;
padding-right: 29px;
display: flex;
}
.div-block-3559 {
width: 100%;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
overflow: hidden;
}
.intro11 {
width: 100%;
max-width: 1380px;
text-align: left;
border-bottom: 0 dashed #d6d6d6;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.intro11.horizontal {
flex-direction: column;
}
.div-block-3532-copy-copy {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 2px;
left: -115%;
}
.div-block-3541-copy {
width: 100%;
height: 650px;
max-height: 780px;
min-height: 600px;
position: relative;
}
.html-embed-4 {
width: 100%;
height: 100%;
}
.div-block-3560 {
height: 100%;
border: 1px solid #f0f0f0;
border-radius: 3px;
overflow: hidden;
}
._2div-block-2740-copy {
max-width: 480px;
color: #5c5c5c;
margin-left: 20px;
padding-top: 201px;
padding-right: 0;
}
._2div-block-3538-copy {
border-left: 0 solid #e0e0e0;
flex-direction: column;
justify-content: flex-start;
margin-left: 0;
padding-right: 30px;
display: flex;
}
._2div-block-3538-copy.a {
border-left-width: 0;
margin-top: 12px;
padding-left: 10px;
}
.content_types_button {
color: #3d3d3d;
cursor: pointer;
border-bottom: 1px dashed #d4d4d4;
margin-left: 0;
padding: 24px 22px 24px 20px;
font-size: 17px;
font-weight: 300;
line-height: 34px;
position: relative;
}
.content_types_button:hover {
color: #000;
}
.content_types_button.first {
cursor: pointer;
border-top: 1px dashed #d4d4d4;
}
.content_types_button.active {
color: #000;
font-weight: 400;
}
.content_types_button.rev {
justify-content: space-between;
align-items: center;
text-decoration: none;
display: flex;
}
.div-block-3561 {
margin-top: 5px;
padding-top: 20px;
display: flex;
}
.div-block-3562 {
height: 52px;
white-space: nowrap;
background-color: #000;
border-radius: 99px;
align-items: center;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
font-weight: 300;
display: flex;
}
.div-block-3529-copy {
z-index: 4;
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 0 solid #f0f0f0;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1.75fr));
grid-auto-columns: 1fr;
margin-top: 32px;
padding-top: 0;
display: grid;
position: relative;
}
._2div-block-3538-copy-copy {
height: 100%;
border-left: 0 solid #e0e0e0;
flex-direction: column;
justify-content: space-between;
margin-left: 0;
padding-top: 39px;
padding-right: 30px;
display: flex;
}
._2div-block-3538-copy-copy.a {
border-left-width: 0;
margin-top: 12px;
padding-left: 10px;
}
.home_intro {
width: 100%;
max-width: 1380px;
text-align: left;
border-bottom: 0 dashed #d6d6d6;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.home_intro.horizontal {
flex-direction: column;
}
.loader {
z-index: 9999;
width: 100%;
height: 100%;
background-color: #fff;
justify-content: center;
align-items: center;
transition: all .2s;
display: flex;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.div-block-3563 {
opacity: 1;
color: #818181;
align-items: center;
font-size: 16px;
font-weight: 300;
display: flex;
}
.image-648 {
width: 20px;
margin-right: 6px;
}
.product_details {
width: 100%;
border-left: 0 solid #e0e0e0;
flex-direction: column;
justify-content: flex-start;
margin-left: 0;
padding-top: 39px;
padding-right: 30px;
display: flex;
}
.product_details.a {
border-left-width: 0;
margin-top: 12px;
padding-left: 10px;
}
.readmore {
height: 52px;
color: #f2f3ea;
letter-spacing: .3px;
white-space: nowrap;
cursor: pointer;
background-color: #202020;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 0;
padding-left: 100px;
padding-right: 100px;
font-family: Circularxxweb, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.readmore:hover {
color: #000;
background-color: #fff;
border-color: #000;
text-decoration: none;
}
.readmore.limited {
padding-left: 30px;
padding-right: 30px;
}
.readmore.smaller {
padding-left: 50px;
padding-right: 50px;
}
.readmore.playing {
color: #000;
background-color: #fff;
overflow: hidden;
}
.readmore.first {
margin-right: 5px;
padding-left: 50px;
padding-right: 50px;
}
.readmore.read-more {
width: 100%;
padding-left: 50px;
padding-right: 50px;
position: static;
}
.readmore.read-more.disabled {
opacity: .4;
cursor: not-allowed;
border-color: #2c2c2c;
}
.div-block-1963 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1963.r {
transform: rotate(-90deg);
}
.div-block-1963.r.rr-copy {
width: 14px;
height: 14px;
min-height: 14px;
min-width: 14px;
opacity: .57;
filter: grayscale();
margin-left: 5px;
}
.div-block-1963.r.rr-copy.qe {
margin-left: 0;
margin-right: 5px;
transform: rotate(90deg);
}
.div-block-1963.r._21rr-copy {
width: 14px;
height: 14px;
min-height: 14px;
min-width: 14px;
opacity: 1;
transform: none;
}
.div-block-1963.r.rr {
width: 14px;
height: 14px;
min-height: 14px;
min-width: 14px;
opacity: 1;
}
.div-block-1963.r-copy {
transform: rotate(90deg);
}
.image-465 {
width: 10px;
min-width: 10px;
margin-bottom: 2px;
}
.text-block-150 {
color: #fff;
text-align: center;
font-family: Circularxxweb, sans-serif;
font-size: 10px;
line-height: 10px;
}
._22div-block-2435-copy-copy {
width: 7px;
height: 7px;
min-height: 7px;
min-width: 7px;
background-color: #cecece;
border-radius: 99px;
margin-left: 4px;
margin-right: 4px;
}
.div-block-587 {
width: 100%;
height: 1px;
background-color: #e9e9e9;
}
.thepanel1 {
width: 50%;
background-color: #f7f7f7;
border-radius: 3px;
justify-content: center;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.thepanel1.white {
width: 100%;
height: 100%;
background-color: #fff;
border-bottom: 0 solid #e6e6e6;
padding-top: 74px;
padding-bottom: 137px;
overflow: hidden;
}
.div-block-2446 {
width: 100%;
height: 100%;
justify-content: center;
display: flex;
position: absolute;
top: 0;
}
.div-block-3564 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
overflow: scroll;
}
.div-block-3564.hide-scrollbar {
width: 100%;
height: 100%;
background-color: #fff;
justify-content: space-between;
position: relative;
}
.div-block-3564.hide-scrollbar._12 {
display: none;
}
.div-block-3564.hide-scrollbar {
width: 100%;
height: auto;
color: #080808;
border: 0 solid #e2d1d1;
border-radius: 6px;
justify-content: flex-start;
overflow: hidden;
}
.div-block-3564.hide-scrollbar-copy {
width: 100%;
height: auto;
background-color: #fff;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.div-block-3564.hide-scrollbar-copy._12 {
display: none;
}
.div-block-3564.hide-scrollbar {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
justify-content: flex-start;
overflow: auto;
}
.featured_partner {
width: 374px;
opacity: .55;
color: #9b9b9b;
text-align: center;
background-color: #fff;
justify-content: space-between;
align-items: center;
padding: 6px 0;
font-size: 12px;
font-weight: 300;
display: flex;
position: absolute;
bottom: 30px;
left: auto;
}
.div-block-3565 {
width: 100%;
max-width: 1360px;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0;
}
.div-block-3565.b {
top: auto;
bottom: 34px;
}
.div-block-2549 {
width: 18px;
height: 21px;
opacity: 0;
background-color: #eee;
}
.div-block-2549.x {
opacity: 1;
}
.div-block-2301 {
z-index: 9999;
width: 338px;
height: auto;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
border-radius: 6px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-top: -2px;
margin-left: 3px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: hidden;
}
.div-block-2301.r {
width: 340px;
margin-left: 2px;
padding-bottom: 0;
}
.div-block-2440-copy-copy {
width: 1px;
height: 260px;
background-color: #393bdf;
}
.div-block-2450 {
width: 350px;
height: 40px;
opacity: 1;
justify-content: space-between;
padding-bottom: 0;
display: flex;
}
.thearrow {
flex-direction: row;
justify-content: center;
align-items: center;
transition: all .2s;
display: flex;
position: static;
top: -51px;
}
.thearrow.a {
opacity: 0;
}
.thearrow.reversed {
transform: rotate(180deg);
}
.mobileview {
z-index: 101;
margin-bottom: 0;
display: flex;
position: relative;
}
.div-block-756 {
width: 100%;
min-height: 102px;
justify-content: center;
align-items: flex-end;
display: flex;
}
.phone2 {
z-index: 9;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-2302 {
height: 100%;
align-items: center;
display: flex;
position: relative;
}
.image-303 {
width: 520px;
}
.story_container {
width: 100%;
height: 100%;
}
.div-block-2665 {
width: 30px;
height: 30px;
opacity: 0;
cursor: pointer;
background-color: #f3f3f3;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-2665:hover {
filter: invert();
}
.div-block-2665.rev {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.image-464 {
width: 12px;
filter: invert();
margin-right: 4px;
}
.addressbar1 {
z-index: 99;
width: 100%;
height: 37px;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.addressbar1:hover {
color: #34357e;
text-decoration: underline;
}
.addressbar1.d {
width: 310px;
justify-content: space-between;
}
.div-block-2456 {
width: 10px;
min-width: 10px;
}
.div-block-2662 {
width: 150px;
height: 100%;
position: absolute;
}
.thephone {
z-index: 10;
opacity: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.c11 {
width: 7px;
height: 7px;
min-height: 7px;
min-width: 7px;
background-color: #393bdf;
border-radius: 99px;
margin-left: 4px;
margin-right: 4px;
}
.page_url {
color: #313131;
}
.story {
width: 100%;
height: 12px;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
border-left-color: #cacaca;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.story._2 {
opacity: 1;
border: 0 solid #000;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
}
.story._2._3 {
opacity: 1;
border-left-width: 1px;
border-left-color: #9b9b9b;
border-right-width: 1px;
border-right-color: #9b9b9b;
padding-left: 4px;
padding-right: 4px;
}
.div-block-2439 {
margin-bottom: 6px;
font-size: 18px;
line-height: 22px;
}
._12image-463-copy {
width: 7px;
}
.screenshotpanel {
width: 50%;
background-color: #f7f7f7;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
position: relative;
overflow: visible;
}
.screenshotpanel._100 {
width: 100%;
height: 100%;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
overflow: visible;
}
.thearrow-copy {
width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: static;
top: -51px;
}
.pointer {
z-index: 102;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 214px;
left: -321px;
}
.pointer._116-copy {
align-items: flex-start;
top: auto;
bottom: 0;
left: 116px;
}
.pointer._000-copy {
top: 125px;
left: 0;
}
._2div-block-2435-copy-copy {
width: 7px;
height: 7px;
min-height: 7px;
min-width: 7px;
background-color: #393bdf;
border-radius: 99px;
margin-bottom: 4px;
}
.phone1 {
width: 60%;
height: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 40px;
display: flex;
position: relative;
}
.phone1.h {
padding-bottom: 126px;
}
.phone1.h.b {
width: 430px;
justify-content: center;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
}
.newsite {
z-index: 110;
width: 100%;
height: 664px;
background-color: rgba(0, 0, 0, 0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
top: 0;
right: auto;
overflow: visible;
}
.theline-copy {
width: 100%;
height: 1px;
max-width: 200px;
background-color: #393bdf;
}
.theline-copy._2 {
width: 100%;
max-width: 100px;
}
.phoneshadow {
opacity: .33;
position: absolute;
bottom: -94px;
}
.image-461 {
opacity: 1;
}
.theline-2 {
width: 350px;
height: 1px;
background-color: #393bdf;
}
.theline-2._231 {
width: 420px;
}
.theline-2._112-copy {
width: 340px;
}
.div-block-2451 {
width: 100%;
align-items: center;
display: flex;
}
.div-block-2451.c {
margin-bottom: 45px;
}
.div-block-2451.b {
opacity: 1;
margin-top: 40px;
}
.spacer {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 17px 0 50px;
display: flex;
}
.div-block-2468 {
width: 100%;
height: auto;
overflow: hidden;
}
.div-block-2468.c {
background-color: #fff;
}
.div-block-2468.c.d {
padding-top: 0;
}
.div-block-2579 {
width: 100%;
height: 762px;
max-width: 1280px;
position: absolute;
top: 140px;
}
._31div-block-2450-copy {
width: 50px;
height: 40px;
justify-content: space-between;
padding-bottom: 0;
display: flex;
}
.div-block-2438 {
color: #333;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.contentunit-3 {
width: 100%;
height: 100%;
max-width: 1380px;
border: 0 solid #000;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 100px;
display: flex;
position: relative;
}
.contentunit-3.i {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
flex-direction: row-reverse;
display: flex;
}
.contentunit-3.i._2-copy {
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.scene {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 14px 0 50px;
display: flex;
}
.phonecontent {
z-index: 90;
width: 520px;
min-width: 520px;
margin-top: 100px;
position: -webkit-sticky;
position: sticky;
top: 58px;
}
.phonecontent.ns {
position: relative;
}
.phonecontent.ns.ab {
margin-top: 0;
top: 47px;
}
.thecontent2 {
max-width: 250px;
color: #000;
background-color: #f7f7f7;
flex-direction: column;
justify-content: flex-start;
padding: 3px 7px;
font-weight: 500;
line-height: 16px;
display: flex;
position: absolute;
}
.thecontent2._2 {
max-width: 200px;
display: flex;
left: -77px;
}
.thecontent2._2._99 {
max-width: 320px;
background-color: #fff;
}
.thecontent2._29-copy {
background-color: #fff;
}
.image-503 {
width: 12px;
}
._2div-block-2435-copy {
width: 7px;
height: 7px;
min-height: 7px;
min-width: 7px;
background-color: #393bdf;
border-radius: 99px;
margin-right: 4px;
}
.thecontentunit {
width: 250px;
min-width: 250px;
color: #000;
flex-direction: column;
justify-content: flex-start;
padding: 3px 7px;
font-weight: 500;
line-height: 16px;
display: flex;
}
.image-464-copy {
width: 11px;
filter: invert();
margin-right: 4px;
}
.div-block-2457 {
width: 12px;
opacity: .29;
position: absolute;
top: -33px;
}
.div-block-2441 {
flex-direction: column;
align-items: center;
display: flex;
position: relative;
top: 7px;
left: -4px;
}
.div-block-2441.x {
top: -6px;
}
.thepointer-copy {
z-index: 102;
width: 100%;
max-width: 450px;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: -11px;
right: 25px;
}
.thepointer-copy._2 {
top: auto;
bottom: 46px;
right: -8px;
}
.thepointer-copy._2._12 {
bottom: 60px;
}
.thepointer-copy._11 {
top: 62px;
}
.div-block-585 {
z-index: 1;
width: 90px;
height: 25px;
min-height: 12px;
min-width: 90px;
color: #fff;
background-color: #393bdf;
border: 0 solid #adadad;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-585._3 {
background-color: #d3d3d3;
}
.div-block-2098 {
z-index: 10;
width: 100%;
max-width: 1280px;
border-top: 0 solid #ececec;
border-bottom: 1px solid #ececec;
margin-bottom: 49px;
padding: 80px 20px 90px 0;
position: relative;
}
.div-block-2098.b12 {
max-width: 1360px;
max-width: 1360px;
border-top-width: 1px;
border-top-color: rgba(238, 238, 238, .5);
border-bottom-width: 0;
margin-top: 70px;
margin-bottom: 0;
padding-top: 60px;
padding-bottom: 80px;
padding-right: 0;
}
.div-block-1672 {
flex-direction: row;
display: flex;
}
.div-block-2483 {
border-top: 1px solid rgba(211, 211, 211, .3);
margin-top: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.div-block-2100 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.text-block-370 {
font-size: 54px;
line-height: 54px;
}
.div-block-3566 {
border-left: 1px solid #e2e2e2;
border-right: 0 solid #e2e2e2;
flex-direction: column;
justify-content: flex-start;
padding-left: 50px;
padding-right: 53px;
display: flex;
}
.div-block-3566.last {
border-right-width: 0;
}
.div-block-3566.o {
border-left-width: 0;
padding-left: 0;
padding-right: 70px;
}
.div-block-3566.o2 {
border-left-width: 0;
}
.div-block-2101 {
max-width: 182px;
opacity: 1;
color: #000;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-left: 13px;
padding-right: 0;
font-size: 13px;
font-weight: 500;
line-height: 21px;
display: flex;
}
.div-block-2101.haas {
text-transform: none;
}
.tag-top {
font-size: 50px;
font-weight: 300;
line-height: 50px;
}
.tag-top.haas {
font-family: Neuehaasgrotdisp web, sans-serif;
}
._51text-block-393-copy-2 {
font-size: 16px;
}
.div-block-1376 {
width: 1px;
height: 450px;
background-color: #e4e2e2;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.div-block-1376.b {
height: 600px;
}
.div-block-1434 {
opacity: .37;
position: relative;
top: -4px;
}
.div-block-1175-copy {
z-index: 10;
width: 330px;
height: 100%;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
justify-content: center;
align-items: center;
margin-left: 5px;
padding-top: 16px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-1175-copy.b {
width: 100%;
}
.div-block-1175-copy.b.d {
border-width: 1px;
border-color: #e2e2e2;
border-radius: 3px;
padding-top: 0;
}
.div-block-1175-copy.b.d._3 {
border-width: 0;
}
.div-block-1371 {
z-index: 5;
width: 100%;
height: 100%;
opacity: .06;
justify-content: center;
align-items: center;
padding-top: 115px;
display: flex;
position: absolute;
}
._51preview2-copy {
width: 100%;
height: 690px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.div-block-1433 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.phone11 {
z-index: 10;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
._2text-block-289-copy-2 {
font-size: 12px;
}
.div-block-1431-copy {
z-index: 99;
position: absolute;
}
.div-block-1431-copy.d {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.cursor {
width: 1px;
height: 100%;
background-color: #000;
position: relative;
top: -100%;
}
._5122div-block-1375-copy-copy-copy {
z-index: 99999;
width: 40px;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 11px;
display: flex;
position: absolute;
right: -47px;
}
.div-block-2303 {
color: #2b2b2b;
}
.div-block-2467 {
color: #919191;
letter-spacing: .2px;
white-space: nowrap;
background-color: #fff;
padding: 5px;
font-size: 11px;
transform: rotate(90deg);
}
.div-block-2467.d {
background-color: #f7f7f7;
}
.text-block-449 {
font-size: 28px;
line-height: 30px;
}
.thepanel2 {
width: 50%;
background-color: #f7f7f7;
border-radius: 3px;
justify-content: center;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
overflow: visible;
}
.thepanel2._12100-copy {
z-index: 3;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
padding-top: 74px;
padding-bottom: 137px;
padding-right: 0;
overflow: hidden;
}
.text-block-394 {
position: relative;
}
.div-block-2430 {
color: #080808;
}
._12nwsproductdemo-2-copy-copy {
z-index: 15;
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.div-block-3567 {
width: 100%;
max-width: 1380px;
background-color: #fff;
border-bottom: 1px dashed #ebebeb;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 70px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-2202 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.d1d1 {
border-radius: 2px;
overflow: hidden;
}
._51background-video-135-copy-copy {
z-index: 30;
width: 100%;
height: 100%;
min-height: 303px;
}
._12image-386-copy {
width: 100%;
height: 303px;
}
.div-block-3568 {
white-space: nowrap;
font-size: 30px;
font-weight: 300;
line-height: 36px;
}
.div-block-3569 {
width: 100%;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-3570 {
width: 100%;
}
.div-block-3532-copy {
z-index: 5;
width: 100%;
align-items: center;
margin-top: 4px;
margin-left: 10px;
margin-right: 10px;
font-size: 15px;
font-weight: 300;
display: flex;
position: static;
}
.div-block-3532-copy.b {
z-index: 3;
left: -9%;
}
.div-block-3571 {
margin-left: 20px;
}
.div-block-3541-copy {
width: 100%;
height: 100%;
max-height: 680px;
min-height: 600px;
position: relative;
}
.div-block-3572 {
display: flex;
}
.div-block-3573 {
border-radius: 2px;
margin-bottom: 5px;
margin-right: 5px;
overflow: hidden;
}
.div-block-3540-copy {
width: 100%;
position: absolute;
bottom: -119px;
}
._2div-block-2202-copy {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._2div-block-2202-copy.b {
width: 400px;
height: 714px;
}
.right {
border-radius: 2px;
overflow: hidden;
}
.image-649 {
height: 100%;
max-height: 364px;
}
.s123 {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 0;
left: -111%;
}
.s123._2 {
right: 101%;
}
.s123._2-copy {
position: absolute;
right: 101%;
}
._2div-block-3522-copy {
width: 298px;
border-radius: 12px;
margin-bottom: 10px;
position: relative;
top: 1px;
left: 19px;
overflow: hidden;
}
.div-block-2099 {
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 500;
}
.div-block-2156 {
color: #353535;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Circularxxweb, sans-serif;
font-size: 10px;
font-weight: 500;
}
.div-block-2271 {
width: 100%;
border-radius: 3px;
padding-top: 20px;
padding-bottom: 20px;
}
._2div-block-2163-copy {
grid-column-gap: 16px;
grid-row-gap: 25px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: center;
justify-content: center;
margin-top: 0;
padding-top: 0;
padding-bottom: 10px;
padding-left: 0;
display: grid;
}
.div-block-1862 {
min-height: 90px;
border-left: 0 solid #ddd;
border-right: 1px solid #e6e6e6;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-right: 0;
padding: 0 0 0 10px;
display: flex;
}
.div-block-1862.q {
padding-left: 25px;
}
.div-block-1862.q.w {
min-height: 100px;
border-right-width: 0;
padding-top: 6px;
padding-bottom: 6px;
}
.xchapter2222-copy-copy {
width: 100%;
background-color: #f8f8f6;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 0 40px 0 50px;
display: flex;
position: relative;
overflow: visible;
}
.chapter2222-copy {
width: 100%;
height: 100%;
background-color: #f8f8f6;
border-radius: 12px;
position: relative;
overflow: hidden;
}
.div-block-2272 {
width: 100%;
border-top: 0 solid #e9e9e9;
position: absolute;
bottom: -33px;
}
.div-block-1834 {
width: 100%;
opacity: 1;
color: #868686;
flex-direction: row;
align-items: center;
margin-top: 14px;
font-size: 13px;
font-weight: 300;
display: flex;
}
.div-block-1835 {
align-items: center;
margin-left: 5px;
display: flex;
}
.image-387 {
width: 49px;
}
._2div-block-3532-copy-copy {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 13px;
left: auto;
right: -112%;
}
._2div-block-3532-copy-copy._2 {
right: 101%;
}
._2div-block-3532-copy-copy._2-copy {
position: absolute;
right: 101%;
}
._12div-block-3541-copy-copy {
width: 100%;
height: 650px;
max-height: 780px;
min-height: 600px;
position: relative;
}
.xxchapter2222-copy-copy {
width: 100%;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 0 35px 0 30px;
display: flex;
position: relative;
overflow: visible;
}
.submitabrief {
border-top: 0 solid #e2e2e2;
margin-top: 20px;
margin-bottom: 100px;
padding-top: 43px;
position: relative;
}
.button-3 {
width: 250px;
height: 70px;
cursor: pointer;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
}
.button-3:hover {
filter: invert();
}
.checkbox-label {
margin-left: 10px;
}
.form-grid-halves-copy {
grid-column-gap: 18px;
grid-row-gap: 37px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-left: 15px;
padding-right: 20px;
}
.form-error-2 {
height: 60px;
color: #fff;
text-align: center;
background-color: #c4c4c4;
border-radius: 5px;
margin-top: 12px;
padding: 18px;
font-size: 15px;
line-height: 25px;
}
.div-block-1739-copy {
width: 100%;
max-width: 1280px;
justify-content: flex-start;
margin-bottom: 100px;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
}
.form-input-3 {
height: 60px;
border: 1px solid rgba(44, 45, 54, .17);
border-radius: 5px;
margin-bottom: 0;
padding: 16px 20px;
font-size: 16px;
line-height: 24px;
transition: border-color .2s;
}
.form-input-3:focus {
border-color: #2c2d36;
}
.form-input-3::-ms-input-placeholder {
color: rgba(44, 45, 54, .5);
font-size: 16px;
line-height: 24px;
}
.form-input-3::placeholder {
color: rgba(44, 45, 54, .5);
font-size: 16px;
line-height: 24px;
}
.form-input-3.textarea {
min-height: 220px;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(92, 92, 92, .99);
border-radius: 3px;
padding-left: 15px;
font-size: 14px;
}
.form-input-3.textarea:focus {
border-color: #3e62c5;
}
.form-input-3.textarea::-ms-input-placeholder {
font-size: 14px;
}
.form-input-3.textarea::placeholder {
font-size: 14px;
}
.form-input-3.textarea._2 {
min-height: 120px;
}
.form-input-3.textarea {
min-height: 150px;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(92, 92, 92, .99);
border-radius: 6px;
padding-left: 15px;
font-size: 14px;
}
.form-input-3.textarea:focus {
border-color: #3e62c5;
}
.form-input-3.textarea::-ms-input-placeholder {
font-size: 14px;
}
.form-input-3.textarea::placeholder {
font-size: 14px;
}
.button-2-copy {
width: 100%;
height: 60px;
color: #fff;
text-align: center;
cursor: pointer;
background-color: #000;
border: 0 solid #000;
border-radius: 3px;
padding: 16px 24px;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
font-weight: 500;
transition: box-shadow .2s;
box-shadow: inset 0 200px 200px 200px rgba(0, 0, 0, 0);
}
.button-2-copy:hover {
background-color: #797979;
box-shadow: inset 0 200px 200px 200px rgba(0, 0, 0, .1);
}
.checkbox-field {
flex-direction: row;
align-items: center;
margin-right: 20px;
display: flex;
}
.div-block-1756 {
width: 1px;
height: 300px;
background-color: #e9e9e9;
margin-right: 10px;
position: relative;
overflow: hidden;
}
.div-block-827 {
margin-top: 0;
position: relative;
}
.a2 {
opacity: .88;
color: #000;
text-align: left;
}
.text-block-334 {
margin-bottom: 0;
}
.div-block-1754 {
width: 400px;
height: 100%;
border-left: 0 solid #ececec;
justify-content: flex-start;
margin-left: 40px;
padding-left: 0;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 100px;
}
.file-upload {
margin-bottom: 22px;
}
.div-block-1736-copy {
flex-direction: column;
align-items: center;
margin-top: 30px;
margin-left: 40px;
margin-right: 40px;
display: flex;
position: relative;
}
.select-field-2 {
width: 100%;
height: 60px;
background-color: #fff;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ace25de662785c639e409_icon-select-arrow.svg");
background-position: 94%;
background-repeat: no-repeat;
background-size: 16px 16px;
border: 1px solid rgba(92, 92, 92, .99);
border-radius: 6px;
align-items: center;
padding: 10px 16px 10px 10px;
display: block;
position: relative;
overflow: hidden;
}
.select-field-unstyled {
width: 110%;
height: 40px;
color: rgba(44, 45, 54, .5);
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 1px #000;
margin-bottom: 0;
padding: 0;
font-size: 14px;
line-height: 24px;
position: relative;
bottom: 1px;
left: 0;
}
.div-block-829-copy-copy2 {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 15px;
padding-right: 20px;
}
.form-grid-vertical {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form-block {
margin-bottom: 0;
}
.form-block.a2 {
width: 100%;
max-width: 700px;
background-color: #fff;
}
.form-input-2 {
height: 60px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(92, 92, 92, .99);
border-radius: 3px;
margin-bottom: 0;
padding: 16px 20px 16px 15px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
transition: border-color .2s;
}
.form-input-2:focus {
border-color: #0042f6;
}
.form-input-2::-ms-input-placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.form-input-2::placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.div-block-1562 {
position: relative;
}
.div-block-1735 {
width: 100%;
max-width: 1280px;
letter-spacing: -.9px;
justify-content: flex-start;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
font-family: Circularxxweb, sans-serif;
font-size: 38px;
font-weight: 300;
line-height: 45px;
display: flex;
}
.text-block-352 {
letter-spacing: -.6px;
}
.div-block-1741 {
z-index: 99;
background-color: #fff;
justify-content: flex-start;
padding-left: 6px;
padding-right: 8px;
font-size: 14px;
font-weight: 500;
display: flex;
position: absolute;
top: -12px;
left: 10px;
}
.button-4 {
width: 250px;
height: 70px;
justify-content: center;
align-items: center;
}
.form-success-2 {
color: #fff;
background-color: rgba(0, 0, 0, 0);
border-radius: 5px;
padding: 18px 18px 18px 0;
font-size: 16px;
line-height: 25px;
}
.text-block-335 {
padding-left: 0;
font-size: 12px;
}
.div-block-1755 {
width: 100%;
opacity: 1;
color: #000;
cursor: pointer;
border-bottom: 0 dashed #c2bdbd;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.div-block-1755:hover {
background-color: #f5f5f5;
}
.text-block-337 {
color: #000;
}
.bld {
align-items: center;
margin-bottom: 10px;
font-weight: 500;
display: flex;
}
.div-block-1752 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-auto-columns: 1fr;
padding-top: 10px;
padding-bottom: 10px;
display: grid;
}
.div-block-1758 {
color: #414141;
cursor: pointer;
background-color: #f1f1f1;
border-radius: 3px;
margin-left: 6px;
padding: 6px;
font-size: 12px;
font-weight: 400;
text-decoration: underline;
}
.div-block-1758:hover {
filter: invert();
}
.checkbox {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
cursor: pointer;
}
.checkbox.w--redirected-checked {
background-color: #fff;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626d9c08e6db3ad926c6c3e1_check2.svg");
border-color: #000;
}
.div-block-1751 {
border-bottom: 1px dashed #bebebe;
margin-top: 30px;
margin-bottom: 30px;
font-size: 22px;
font-weight: 400;
}
.div-block-1751._2 {
margin-bottom: 0;
}
.div-block-1757 {
width: 1px;
height: 100%;
background-color: #0a0a0a;
position: relative;
top: -100%;
}
.product_listing {
z-index: 4;
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 0 solid #f0f0f0;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1.75fr));
grid-auto-columns: 1fr;
margin-top: 32px;
padding-top: 0;
display: grid;
position: relative;
}
.homechapter_details-copy {
color: #3d3d3d;
margin-left: 0;
padding-right: 22px;
font-size: 22px;
font-weight: 300;
line-height: 34px;
position: relative;
bottom: 9px;
}
.chapter2222-copy-copy {
width: 100%;
height: 100%;
background-color: #f8f8f6;
border-radius: 12px;
position: relative;
overflow: hidden;
}
.ychapter2222-copy-copy-copy {
width: 100%;
height: 100%;
background-color: #f8f8f6;
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-361 {
height: 30%;
flex-direction: row;
display: flex;
}
.featuredstory {
z-index: 10;
width: 205px;
height: 298px;
background-color: #f8f8f8;
border: 1px solid #e9e9e9;
border-radius: 10px;
flex-direction: column;
margin-right: 15px;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.featuredstory.f4 {
z-index: 4;
width: 200px;
height: 290px;
opacity: 1;
background-color: rgba(0, 0, 0, 0);
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626faf0f3f74e250b84766d7_nyc3.jpg");
background-position: 50%;
background-size: auto;
border: 0 solid rgba(236, 236, 236, .15);
border-radius: 12px;
margin-right: 15px;
}
.featuredstory.f4.featured-copy {
width: 200px;
height: 290px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626faf0f3f74e2562b4766d9_nyc1.jpg");
background-position: 50%;
background-size: cover;
}
.div-block-364 {
width: 50%;
justify-content: flex-end;
align-items: flex-start;
margin-top: 0;
padding-top: 10px;
padding-right: 5px;
display: flex;
}
.div-block-363 {
width: 50%;
margin-left: 0;
padding-top: 14px;
padding-left: 14px;
}
.div-block-1965 {
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-left: 20px;
display: flex;
position: static;
top: 209px;
left: 15px;
}
.image-178 {
width: 90px;
max-width: 100px;
filter: invert();
}
.div-block-1964 {
width: 35px;
height: 35px;
opacity: 1;
background-color: #e2e2e2;
border-radius: 99px;
justify-content: center;
align-items: center;
font-weight: 400;
display: flex;
}
.browser1 {
z-index: 3;
width: 100%;
background-color: #fff;
border: 0 solid #f0f0f0;
border-radius: 3px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 6px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 12px;
font-weight: 500;
display: flex;
position: relative;
overflow: hidden;
}
.image-388 {
width: 18px;
}
.image-153 {
max-width: 30px;
opacity: .16;
}
.text-block-118 {
opacity: .78;
color: #fff;
margin-bottom: 5px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
.div-block-365 {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .1);
background-image: linear-gradient(rgba(0, 0, 0, 0) 4%, rgba(19, 18, 18, .27) 99%);
flex-direction: column;
display: flex;
}
.div-block-1994 {
width: 100%;
height: 30px;
background-color: #f1f1f1;
margin-bottom: 5px;
}
.div-block-1994._2 {
width: 90%;
}
.text-block-353 {
margin-bottom: 0;
padding-top: 9px;
padding-bottom: 9px;
font-size: 13px;
}
.image-389 {
width: 10px;
}
.div-block-1967 {
width: 100%;
height: 40px;
border: 1px solid #e6e6e6;
border-radius: 40px;
justify-content: space-between;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.div-block-1993 {
width: 100%;
flex-direction: column;
align-items: flex-start;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.div-block-1993.a {
margin-top: 22px;
margin-bottom: 20px;
}
.div-block-1969 {
align-items: center;
padding-left: 8px;
display: flex;
}
.text-block-119 {
opacity: .5;
color: #fff;
font-size: 11px;
font-weight: 300;
line-height: 16px;
}
.div-block-419 {
width: 30px;
height: 30px;
opacity: 1;
background-color: rgba(248, 248, 248, .1);
border: 0 solid #e9e9e9;
border-radius: 99px;
}
.div-block-419.featured-copy-copy {
width: 36px;
height: 36px;
text-shadow: 1px 1px 6px #000;
background-color: #131583;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626faf0f3f74e243fa4766dc_lonely-planet%20copy.svg");
background-position: 0 0;
background-size: cover;
border-width: 0;
}
.div-block-419.featured-copy {
width: 36px;
height: 36px;
text-shadow: 1px 1px 6px #000;
background-color: #131583;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626faf0f3f74e22b474766db_w_vice.svg");
background-position: 0 0;
background-size: cover;
border-width: 0;
}
.div-block-1966 {
width: 100%;
border: 0 solid #000;
padding: 10px 10px 20px;
}
.div-block-1961 {
width: 100%;
height: 70px;
opacity: 1;
border-bottom: 0 solid #e9e9e9;
justify-content: space-between;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.image-180 {
width: 30px;
max-width: 20px;
opacity: 1;
}
.div-block-362 {
height: 70%;
opacity: 1;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 12px;
padding-left: 14px;
padding-right: 10px;
display: flex;
}
.div-block-418 {
z-index: 10;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
justify-content: flex-start;
align-items: center;
margin-left: 0;
display: flex;
position: static;
top: 470px;
left: auto;
}
.accordion-item {
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.slide-2 {
background-color: #f7f7f7;
}
.aa {
color: #000;
text-align: left;
}
.div-block-2020 {
border: 0 solid #000;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 22px;
font-weight: 300;
line-height: 34px;
}
.right-arrow-3 {
justify-content: center;
align-items: center;
padding-top: 45px;
display: flex;
right: -100px;
}
.image-445 {
width: 20px;
opacity: .56;
margin-left: 3px;
}
.image-445.q {
margin-left: 0;
margin-right: 3px;
transform: rotate(180deg);
}
.div-block-2339 {
width: 50px;
height: 50px;
justify-content: center;
align-items: center;
display: flex;
}
._12image-455-copy {
width: 140px;
filter: invert();
margin-top: 0;
}
.div-block-2036 {
max-width: 420px;
flex-direction: row;
display: flex;
position: relative;
}
.text-block-423 {
white-space: nowrap;
font-size: 11px;
}
.div-block-2159 {
z-index: 121;
width: 100%;
height: 100%;
max-width: 1380px;
border-top: 0 solid #e7e7e7;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.preview2-2 {
width: 340px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.accordion-arrow {
width: 16px;
filter: invert();
}
.div-block-2137 {
width: 1px;
height: 100%;
background-color: #c9c9c9;
}
.div-block-2137.a {
background-color: rgba(0, 0, 0, 0);
}
.accordion-container {
width: 100%;
margin-bottom: 15px;
padding-left: 0;
}
.div-block-2191 {
letter-spacing: 1px;
font-weight: 400;
transform: rotate(-90deg);
}
.div-block-2671 {
width: 50%;
background-color: #f7f7f7;
border-radius: 3px;
justify-content: center;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-2671.large {
background-color: #f8f8f6;
border-radius: 6px;
padding-top: 70px;
padding-bottom: 90px;
}
.slider-3 {
width: 100%;
height: 100%;
}
.div-block-2026 {
width: 50%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
._12image-445-copy {
width: 16px;
transform: rotate(90deg);
}
.slide {
background-color: #f7f7f7;
}
.div-block-2235 {
color: #000;
cursor: pointer;
background-color: #fff;
border: 2px solid #3f3f3f;
border-radius: 100px;
margin-right: 10px;
padding: 16px 36px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
.div-block-2235:hover {
color: #fff;
background-color: #000;
border-color: #000;
}
.div-block-2235.dr {
margin-top: 40px;
}
.accordion-heading {
color: #5f5f5f;
margin-bottom: 0;
font-size: 20px;
font-weight: 300;
line-height: 20px;
transition: color .2s;
}
.accordion-heading:hover {
color: #000;
}
.div-block-2206 {
z-index: 5;
width: 100%;
background-color: #fff;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.text-block-422 {
font-size: 17px;
font-weight: 300;
line-height: 29px;
}
.left-arrow-2 {
justify-content: center;
align-items: center;
padding-top: 45px;
display: flex;
left: -100px;
}
.slide-nav-2 {
opacity: .12;
bottom: -66px;
}
.div-block-2331 {
width: 50px;
height: 50px;
min-height: 50px;
min-width: 50px;
background-color: #fff;
border: 1px solid #8f7b7b;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.div-block-2331:hover {
filter: invert(4%);
}
.div-block-2331.st {
filter: none;
border: 1px solid #e9e9e9;
position: static;
}
._12div-block-2027-copy {
z-index: 999;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 23px;
margin-right: 25px;
display: flex;
position: absolute;
top: 1px;
}
.accordion-item-content-wrapper {
position: relative;
overflow: hidden;
}
.accordion-item-content {
max-width: 800px;
padding-bottom: 24px;
}
.contentunit-5 {
width: 100%;
height: 100%;
max-width: 1280px;
border: 0 solid #000;
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 100px;
display: flex;
position: relative;
}
.contentunit-5.i {
max-width: 1380px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
flex-direction: row-reverse;
display: flex;
}
.contentunit-5.wq {
max-width: 1380px;
}
.div-block-3574 {
height: 100%;
}
.div-block-2335 {
z-index: 99;
color: #838383;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
font-size: 12px;
font-weight: 400;
position: static;
top: -33px;
}
.div-block-2121 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
._12div-block-2334-copy {
z-index: 99;
align-items: center;
margin-top: 12px;
margin-left: 7px;
display: flex;
position: absolute;
top: 12px;
left: 0;
}
._12year-copy {
z-index: 30;
width: 25px;
height: 130px;
min-height: 130px;
min-width: 25px;
color: #000;
background-color: #fff;
border: 1px solid #969696;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 500;
display: flex;
position: static;
top: -13.5px;
}
.accordion-item-title {
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.text-block-424 {
color: #000;
text-align: left;
}
.div-block-3575 {
font-size: 40px;
font-weight: 300;
line-height: 60px;
}
.div-block-3576 {
width: 100%;
justify-content: center;
align-items: flex-start;
padding-top: 25px;
display: flex;
}
.div-block-3576.luxury {
background-color: #111;
}
.div-block-3577 {
width: 100%;
max-width: 1380px;
white-space: nowrap;
margin-top: 20px;
}
.body-4 {
flex-direction: column;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-3578 {
z-index: 99;
height: 90px;
background-color: #fff;
justify-content: space-between;
align-items: center;
font-size: 40px;
font-weight: 300;
line-height: 40px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.showcase_holder {
width: 100%;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
grid-auto-columns: 1fr;
align-content: start;
justify-content: start;
align-items: start;
justify-items: start;
margin-top: 20px;
margin-bottom: 50px;
padding-top: 0;
display: grid;
}
.filter1 {
height: 100%;
min-width: 180px;
margin-right: 10px;
}
.filter1.top.ns {
margin-right: 0;
}
.media_container {
width: 100%;
max-width: 350px;
min-height: 200px;
background-color: #f8f8f6;
border: 1px solid #f0f0eb;
border-radius: 14px;
margin-bottom: 6px;
position: relative;
overflow: hidden;
}
.storyname {
color: #272727;
font-size: 15px;
font-weight: 500;
line-height: 23px;
display: none;
overflow: hidden;
}
.storybrand {
color: #797979;
background-color: #fff;
border-radius: 6px;
padding: 3px 10px;
font-size: 12px;
font-weight: 300;
display: none;
position: absolute;
top: 10px;
left: 10px;
}
.storycountry {
color: #838383;
font-size: 13px;
font-weight: 300;
line-height: 22px;
display: none;
}
.story_item {
width: 100%;
min-width: 200px;
cursor: pointer;
transition: all .4s;
}
.story_item:hover {
filter: brightness(110%);
}
.div-block-3583 {
width: 100%;
height: 52px;
white-space: nowrap;
flex-direction: column;
justify-content: space-between;
align-items: center;
font-size: 14px;
display: flex;
}
.storysearch {
width: 100%;
height: 48px;
border: 1px solid #dbdbdb;
border-radius: 99px;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.storysearch:hover, .storysearch:active, .storysearch:focus {
border-color: #a7afcf;
}
.form-block-2 {
width: 100%;
min-width: 200px;
margin-bottom: 0;
margin-right: 0;
}
.filters_holder {
width: 0;
height: 100%;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin-right: 0;
padding-top: 0;
font-size: 12px;
transition: all .3s;
display: flex;
overflow: hidden;
}
.filters_holder.active {
width: auto;
display: flex;
overflow: visible;
}
.filters_holder.spaced {
margin-right: 20px;
}
.filters_holder.home {
width: 250px;
justify-content: flex-end;
overflow: visible;
}
.div-block-3584 {
white-space: nowrap;
font-size: 30px;
}
.imgcontainer {
width: 100%;
height: 100%;
border-radius: 12px;
overflow: hidden;
}
.filter2 {
min-width: 180px;
margin-right: 10px;
}
.filter3 {
max-width: 0;
min-width: 200px;
margin-right: 0;
}
.mainpanel {
z-index: 999;
width: 650px;
height: 100%;
background-color: #fff;
background-image: linear-gradient(#fff 1%, #f8f8f8 95%);
justify-content: center;
align-items: center;
display: flex;
position: relative;
right: 0;
box-shadow: -14px 14px 15px rgba(0, 0, 0, .1);
}
.div-block-3586 {
width: 100%;
height: 100px;
justify-content: center;
align-items: center;
display: flex;
}
.contentpreview {
z-index: 9999;
width: 100%;
height: 100%;
background-color: rgba(95, 95, 95, .3);
justify-content: flex-end;
display: none;
position: fixed;
top: 0;
}
.contentpreview.active {
background-color: rgba(95, 95, 95, .4);
display: flex;
}
.showcase_close {
width: 40px;
height: 40px;
cursor: pointer;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 0;
font-size: 16px;
font-weight: 300;
display: flex;
position: static;
top: 0;
left: 10px;
}
.image-650 {
width: 15px;
}
.filter2-copy {
width: 100%;
margin-right: 10px;
}
.div-block-3544-copy {
padding-bottom: 40px;
display: flex;
}
._2chapter3-copy {
width: 100%;
max-width: 1380px;
margin-bottom: 150px;
}
.div-block-3589 {
width: 100%;
height: 260px;
background-color: #f8f8f6;
border-radius: 15px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-3590 {
z-index: 10;
width: 100%;
height: 100px;
background-color: #fff;
border: 0 solid #000;
border-bottom: 1px solid #f5f5f5;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 15px;
padding-right: 10px;
display: flex;
position: absolute;
top: 0;
}
.button_newwindow {
color: #6d6c6c;
cursor: pointer;
border: 1px solid #ddd6d6;
border-radius: 99px;
margin-right: 5px;
padding: 7px 15px;
font-size: 13px;
font-weight: 300;
display: flex;
}
.button_newwindow:hover {
border-color: #b8a2a2;
}
.div-block-3592 {
display: flex;
}
.image-651 {
width: 14px;
margin-right: 4px;
}
.button_infeed {
color: #6d6c6c;
cursor: pointer;
border: 1px solid #ddd6d6;
border-radius: 99px;
margin-right: 5px;
padding: 7px 15px;
font-size: 13px;
font-weight: 300;
display: flex;
}
.button_infeed:hover {
border-color: #b8a2a2;
}
.button_close1 {
color: #6d6c6c;
cursor: pointer;
border: 1px solid #ddd6d6;
border-radius: 99px;
margin-right: 5px;
padding: 7px 15px;
font-size: 13px;
font-weight: 300;
display: flex;
}
.button_close1:hover {
border-color: #b8a2a2;
}
.m, .mm {
display: none;
}
.image-652 {
width: 30px;
}
.mobilemenu {
padding: 10px;
display: none;
}
.mobile_nav {
display: none;
}
.image-653 {
width: 30px;
}
.div-block-3596 {
color: #000;
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 99px;
padding: 17px 35px;
font-size: 17px;
font-weight: 300;
text-decoration: none;
display: flex;
}
.image-654 {
width: 18px;
margin-right: 5px;
}
.filter2-copy {
width: 100%;
min-width: 200px;
margin-right: 0;
}
.div-block-3597 {
width: 100%;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-3598 {
max-width: 360px;
}
._12chapter2-copy {
width: 100%;
max-width: 1380px;
border-bottom: 1px dashed #d6d6d6;
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 125px;
display: flex;
}
.xxxychapter2222-copy-copy-copy-copy {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-2721-copy-copy {
width: 100%;
height: 980px;
max-width: 100%;
background-color: #f8f8f6;
border: 1px solid #eee;
border-radius: 26px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.showcase_link {
color: #3d3d3d;
margin-left: 0;
padding-right: 22px;
font-size: 18px;
font-weight: 300;
line-height: 34px;
display: flex;
position: relative;
top: 10px;
bottom: 9px;
}
.image-655 {
width: 18px;
margin-right: 5px;
}
.text-block-451 {
text-decoration: underline;
}
.div-block-3599 {
width: 100%;
justify-content: flex-start;
align-items: center;
padding-top: 95px;
padding-bottom: 87px;
padding-left: 247px;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-3600 {
width: 100%;
height: 800px;
border-bottom: 1px solid #ececec;
justify-content: center;
align-items: flex-end;
display: flex;
overflow: hidden;
}
.div-block-3601 {
width: 100%;
max-width: 360px;
margin-left: 30px;
}
.div-block-3602 {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 50px;
display: flex;
}
.div-block-3603 {
height: 720px;
margin-left: 50px;
overflow: hidden;
}
.content_holder {
width: 255px;
height: 462px;
background-color: #eee;
border: 0 solid #ebebeb;
border-radius: 10px;
margin-bottom: 30px;
overflow: hidden;
}
.content_holder.small {
height: 320px;
}
.div-block-3605 {
margin-left: 30px;
}
.image-656 {
height: 100%;
}
.image-656._2 {
width: 100%;
height: auto;
}
.the_unit-copy {
width: 100%;
height: 100%;
background-image: linear-gradient(#f9f9f7, #fff);
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
}
.the_unit-copy._600 {
width: 340px;
height: 600px;
}
.the_unit-copy._600._660 {
height: 663px;
}
.the_unit-copy._600._1 {
background-color: #f1f1f1;
border-radius: 6px;
}
.the_unit-copy._1600-copy {
width: 340px;
height: 600px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.the_unit-copy._1600-copy._660 {
height: 663px;
}
.the_unit-copy._1600-copy._1 {
background-color: #f1f1f1;
border-radius: 6px;
}
.right_controls {
align-items: center;
display: flex;
}
.div-block-3264 {
height: 100%;
}
.progress_bar-2 {
z-index: 10;
width: 100%;
height: 80px;
color: #181818;
background-color: #fff;
justify-content: space-between;
align-items: center;
padding-left: 10px;
padding-right: 10px;
transition: background-color .2s;
display: flex;
}
.cart_status {
height: 40px;
min-width: 40px;
border: 1px solid #ddd;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 10px;
font-size: 12px;
display: none;
position: relative;
}
.cart_status.active {
cursor: pointer;
border-color: rgba(221, 221, 221, .4);
display: flex;
}
.cart_status.active:hover {
border-color: rgba(207, 207, 207, .99);
}
.cart_label {
height: 17px;
min-width: 17px;
color: #fff;
background-color: #f10d0d;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-left: 3px;
padding-right: 3px;
font-size: 10px;
font-weight: 500;
display: flex;
}
.left_identity {
margin-right: 15px;
display: flex;
}
.call_to_action-2 {
color: #525252;
cursor: pointer;
background-color: #fff;
border: 1px solid #cfcfcf;
border-radius: 3px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 15px 16px 15px 20px;
font-size: 13px;
font-weight: 400;
display: flex;
}
.call_to_action-2:hover {
border-color: #857e7e;
}
.call_to_action-2.rev {
border-color: rgba(207, 207, 207, .3);
margin-right: 10px;
font-size: 14px;
font-weight: 500;
display: none;
}
.call_to_action-2.rev.active {
display: flex;
}
.messagegroup {
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
top: 122px;
left: 14px;
}
.messagegroup._2 {
top: 312px;
}
.messagegroup._4 {
z-index: 105;
flex-flow: wrap;
top: 375px;
left: 15px;
}
.messagegroup._3 {
top: 501px;
}
.div-block-3607 {
border-bottom: 1px solid #f7f7f7;
}
.div-block-3608 {
width: 100%;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
position: absolute;
bottom: 6px;
left: 5px;
}
.message_group_r {
flex-direction: column;
align-items: flex-end;
display: flex;
position: absolute;
top: 241px;
right: 17px;
}
.interactive_comp {
max-width: 1092px;
color: #0a0a0a;
text-align: left;
background-color: #fff;
border: 2px solid #000;
border-radius: 99px;
margin-bottom: 6px;
margin-right: 6px;
padding: 6px 25px;
font-size: 15px;
font-weight: 500;
line-height: 36px;
}
.interactive_comp.active {
z-index: 5;
max-width: 1000px;
color: #404344;
border-bottom-left-radius: 25px;
padding-left: 20px;
padding-right: 20px;
font-size: 21px;
}
.interactive_comp.active._2 {
border-bottom-left-radius: 6px;
}
.interactive_comp.active.response {
background-color: #f9f9ec;
border-color: #c9c8a2;
border-bottom-right-radius: 6px;
}
.interactive_comp.rev {
text-align: left;
}
.interactive_comp.user {
background-color: #fff;
border-bottom-right-radius: 5px;
margin-bottom: 10px;
}
.interactive_comp._2 {
border-bottom-left-radius: 30px;
}
.div-block-3609 {
color: #202020;
border: 2px solid #6551d6;
border-radius: 99px;
flex-direction: row;
align-items: center;
margin-bottom: 6px;
margin-right: 6px;
padding: 9px 17px 9px 12px;
font-size: 14px;
font-weight: 500;
display: flex;
}
.div-block-3610 {
width: 30px;
height: 30px;
background-color: #e1e2d8;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
padding: 5px;
font-size: 10px;
font-weight: 700;
display: flex;
}
.div-block-2723-copy-copy {
width: 100%;
max-width: 400px;
min-width: 250px;
flex-direction: column;
justify-content: center;
margin-right: 40px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.use_cases_holder {
width: 100%;
flex-direction: column;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
display: flex;
}
.media_solutions_holder {
width: 100%;
height: 100%;
max-width: 450px;
min-height: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-top: 0;
padding-left: 0;
display: flex;
}
.media_solutions_holder.full {
max-width: 350px;
margin-left: 40px;
}
.am {
width: 100%;
}
.body-5 {
flex-direction: column;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-3303-copy {
flex-direction: column;
justify-content: center;
margin-right: 10px;
font-family: Materialicons, sans-serif;
display: flex;
position: absolute;
top: 15px;
right: 5px;
}
.thedescription {
display: none;
}
.thedescription.active {
color: #57524d;
margin-top: 6px;
font-size: 16px;
line-height: 22px;
display: flex;
}
.div-block-2231 {
z-index: 999;
width: 100vw;
height: 100vh;
background-color: #0c0c0c;
justify-content: center;
align-items: flex-start;
padding-top: 30px;
display: none;
position: fixed;
overflow: auto;
}
.div-block-2231.active {
display: flex;
}
.div-block-2232 {
width: 100%;
max-width: 640px;
flex-direction: column;
display: flex;
}
.text-block-393 {
opacity: .39;
color: silver;
border-bottom: 1px solid #252525;
padding-bottom: 20px;
padding-left: 30px;
font-size: 12px;
}
.publisher {
width: 100%;
color: #cecece;
cursor: pointer;
border-bottom: 1px solid #252525;
border-radius: 1px;
justify-content: space-between;
padding: 20px 20px 20px 26px;
font-family: Circularxxweb, sans-serif;
font-size: 15px;
display: flex;
}
.publisher:hover {
background-color: rgba(214, 214, 214, .1);
}
.image-432 {
width: 22px;
filter: invert();
}
.div-block-2234 {
border-radius: 3px;
padding: 12px;
display: none;
position: absolute;
top: 10px;
right: 10px;
}
.image-433 {
width: 22px;
filter: invert();
}
.div-block-2229 {
z-index: 99;
width: 100%;
position: absolute;
}
.div-block-2230 {
width: 100%;
height: 36px;
opacity: .24;
color: #e2e2e2;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-2230:hover {
opacity: 1;
background-color: #313131;
}
.image-431 {
width: 18px;
filter: invert();
margin-right: 6px;
}
.text-block-292 {
white-space: nowrap;
}
.div-block-1561-copy2 {
z-index: 4;
width: 100%;
height: 100vh;
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: static;
top: 0;
}
.image-359 {
z-index: 99;
width: 100%;
max-width: 970px;
position: relative;
transform: rotate(0);
}
.div-block-3611 {
width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 28px;
display: flex;
}
.div-block-3612 {
width: 100%;
height: 50px;
min-height: 50px;
color: #fff;
background-color: #196dff;
border: 0 solid #ddd;
border-radius: 6px;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 500;
display: flex;
}
.toppanel {
z-index: 99;
width: 100%;
height: 100px;
opacity: 0;
justify-content: space-between;
align-items: center;
margin-top: 0;
margin-right: auto;
padding-left: 0;
padding-right: 15px;
display: flex;
position: fixed;
top: 0;
}
.toppanel.a2 {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(#191a1f 15%, rgba(25, 26, 31, 0) 82%);
position: -webkit-sticky;
position: sticky;
top: 0;
}
.toppanel.a2.x12 {
height: 100px;
background-image: linear-gradient(#191a1f 15%, rgba(25, 26, 31, 0) 82%);
justify-content: space-between;
align-items: center;
margin-top: 0;
padding-right: 15px;
}
.toppanel.a2.x12._12 {
opacity: 1;
justify-content: flex-end;
padding-right: 0;
}
.story-embed-3-copy {
z-index: 15;
width: 100%;
height: 100vh;
border: 0 solid #f1f1f1;
position: static;
top: 5010px;
left: 770px;
}
.story-embed-3-copy._100 {
height: 560px;
min-height: 560px;
min-width: 0;
background-color: #534242;
border-width: 0;
position: relative;
top: 0;
left: 0;
}
.image-365 {
width: 330px;
max-width: 330px;
}
.div-block-1174 {
height: 100px;
display: flex;
}
.div-block-1365 {
width: 20px;
height: auto;
text-transform: uppercase;
justify-content: flex-end;
align-items: center;
margin-left: 10px;
margin-right: 10px;
font-family: Circularxxweb, sans-serif;
font-size: 11px;
line-height: 13px;
display: flex;
}
.div-block-1365:hover {
color: #000;
}
.div-block-3613 {
color: #707070;
white-space: nowrap;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
font-size: 11px;
line-height: 11px;
}
.examplesbar {
height: 100%;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
padding-bottom: 10px;
display: flex;
position: absolute;
left: auto;
right: 10px;
}
.examplesbar.a2 {
background-color: #fff;
}
.examplesbar.a2.black1 {
background-color: #000;
}
.floatingpanel-3 {
z-index: 99999;
width: 100%;
min-height: 100vh;
background-color: #191a1f;
border-left: 1px dashed rgba(92, 92, 92, .17);
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 0;
display: none;
position: absolute;
top: 0;
}
.div-block-1335-copy-2 {
width: 20px;
height: 20px;
min-height: 20px;
min-width: 20px;
color: #fff;
white-space: nowrap;
background-color: #dbdbdb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
padding: 6px;
font-size: 11px;
line-height: 11px;
display: flex;
}
.thestorypreview1 {
z-index: 9999;
width: 330px;
height: 563px;
opacity: 1;
position: relative;
}
.div-block-1119-copy-copy12 {
width: 100%;
max-width: 450px;
flex-direction: column;
margin-top: 0;
margin-bottom: auto;
display: flex;
}
.div-block-1122 {
z-index: 99;
width: 100%;
height: 200px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 13%, #000 86%);
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
.div-block-1122.larger {
height: 250px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 13%, #191a1f 86%);
}
.div-block-1363 {
width: 50px;
height: 54px;
color: #000;
cursor: pointer;
background-color: #fff;
border: 0 solid #000;
border-top: 1px solid #dfdfdf;
border-radius: 0;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 400;
line-height: 9px;
display: flex;
}
.div-block-1363.black {
color: #bebebe;
}
.div-block-1572 {
opacity: .36;
color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-1563 {
z-index: 100;
width: 100%;
height: 100px;
background-image: linear-gradient(rgba(0, 0, 0, 0) 4%, #000);
position: absolute;
bottom: 0;
}
.text-block-328 {
margin-bottom: 2px;
margin-left: 3px;
}
.image-298 {
width: 20px;
height: 20px;
filter: invert();
}
.image-367 {
width: 30px;
filter: invert();
}
.div-block-3614 {
z-index: 99999;
width: 100%;
height: auto;
max-width: 100%;
min-height: auto;
background-color: #fff;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
overflow: visible;
}
.image-366 {
width: 330px;
max-width: 330px;
}
.div-block-1546-copy433-copy2 {
width: 100%;
height: 894px;
max-width: 1280px;
min-width: 930px;
justify-content: center;
align-items: flex-end;
margin-top: -59px;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
position: relative;
right: auto;
}
.div-block-1126 {
width: 66px;
height: 100%;
cursor: pointer;
background-color: #191a1f;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1126:hover {
filter: invert();
}
.div-block-1571 {
z-index: 99999;
width: 100%;
height: 100%;
background-color: #000;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.div-block-1364 {
color: rgba(68, 68, 68, 0);
cursor: pointer;
flex-direction: row-reverse;
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 0;
font-size: 12px;
display: flex;
}
.div-block-1364:hover {
color: #000;
}
.div-block-1364.invisible {
display: none;
}
.bottom1 {
z-index: 99;
width: 330px;
max-width: 330px;
background-color: #fff;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
overflow: visible;
}
.hand1 {
z-index: 1;
height: 100%;
align-items: flex-start;
padding-bottom: 146px;
display: flex;
position: fixed;
top: 0;
}
.thestorypreview1x {
z-index: 9999;
width: 330px;
height: 560px;
opacity: 1;
position: static;
top: 111.5px;
}
.div-block-3615 {
flex-direction: column;
display: flex;
}
.div-block-3616 {
z-index: 99999;
width: 100%;
height: 100%;
background-color: #000;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.hand1-2 {
height: 100%;
align-items: flex-start;
padding-bottom: 146px;
display: flex;
position: fixed;
top: 0;
}
.div-block-3617 {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
._125div-block-2125-copy-copy {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 90px 20px 50px;
display: flex;
}
.collection-list-wrapper {
width: 100%;
}
.accordion-container-2 {
width: 100%;
padding-left: 35px;
}
._12div-block-1531-copy {
width: 100%;
max-width: 1280px;
border-top: 0 solid #e7e7e7;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 46px;
padding-top: 0;
padding-left: 40px;
display: flex;
position: relative;
}
._1h1-copy-2 {
color: #080808;
text-align: center;
letter-spacing: -.4px;
margin-top: 5px;
font-size: 50px;
font-weight: 300;
line-height: 48px;
}
.div-block-2339-copy {
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, 0);
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-2386 {
width: 100%;
margin-bottom: 10px;
padding-left: 35px;
font-size: 32px;
font-weight: 300;
position: static;
left: 37px;
}
._1212div-block-2027-copy-copy {
z-index: 999;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 25px;
display: flex;
position: absolute;
top: 1px;
left: 0;
}
.div-block-3618 {
text-align: center;
justify-content: flex-start;
font-size: 20px;
font-weight: 300;
line-height: 33px;
display: flex;
}
.support-topic {
width: 100%;
max-width: 1280px;
padding-top: 40px;
}
.div-block-2401 {
width: 10px;
height: 10px;
background-color: #d6d6d6;
border-radius: 99px;
}
.div-block-2387 {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
border: 1px solid #cacaca;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
}
.collection-item-2 {
width: 100%;
}
.text-block-400 {
padding-top: 12px;
}
.collection-list-2 {
width: 100%;
}
._1231div-block-1385-copy1-2-copy-copy {
width: 100%;
max-width: 1280px;
border-bottom: 1px solid #ececec;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
padding-bottom: 20px;
padding-left: 0;
display: flex;
}
.rich-text-block {
font-size: 17px;
font-weight: 300;
line-height: 32px;
}
.div-block-2389 {
background-image: linear-gradient(rgba(230, 230, 230, 0) 10%, #fff 94%);
justify-content: flex-start;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.accordion-heading-2 {
color: #000;
margin-bottom: 0;
font-size: 19px;
font-weight: 300;
transition: color .2s;
}
.accordion-heading-2:hover {
color: #000;
}
.read-more {
z-index: 99;
width: 100%;
position: absolute;
bottom: 0;
}
.div-block-2388 {
width: 100%;
max-width: 220px;
color: #414141;
cursor: pointer;
background-color: #fff;
border: 1px solid #cecece;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 6px;
padding: 6px 36px;
font-size: 12px;
text-decoration: underline;
display: flex;
}
.div-block-2388:hover {
background-color: #eee;
}
._1accordion-item-copy {
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, .08);
position: relative;
}
.div-block-2400 {
width: 100%;
height: 1px;
background-color: #ebebeb;
}
.div-block-2393 {
padding-top: 6px;
padding-bottom: 6px;
font-size: 27px;
font-weight: 500;
line-height: 33px;
}
.image-459 {
width: 10px;
margin-right: 4px;
}
.div-block-2392 {
width: 100%;
max-width: 1280px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.div-block-2396 {
flex-direction: column;
display: flex;
}
.div-block-2397 {
width: 100%;
max-width: 400px;
min-height: 250px;
border-left: 1px solid #e2e2e2;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
}
.div-block-2395 {
width: 100%;
max-width: 1280px;
align-items: center;
margin-bottom: 29px;
display: flex;
}
.div-block-2398 {
margin-bottom: 15px;
font-size: 16px;
font-weight: 500;
}
.div-block-2394 {
max-width: 800px;
margin-top: 10px;
font-size: 17px;
font-weight: 300;
line-height: 29px;
}
.div-block-2391 {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 50px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.div-block-19 {
opacity: 1;
padding-top: 0;
padding-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 38px;
}
.div-block-4 {
margin-right: 10px;
font-size: 26px;
font-weight: 300;
}
.div-block-4.paid {
color: #cfcfcf;
}
.div-block-5 {
width: 100%;
max-width: 1000px;
margin-top: 22px;
padding-right: 159px;
font-size: 24px;
line-height: 38px;
}
.div-block-17 {
width: 100%;
flex-direction: column;
align-items: flex-start;
padding-top: 10px;
padding-left: 150px;
display: flex;
}
.div-block-12 {
align-items: center;
padding-right: 20px;
font-size: 12px;
display: flex;
}
.div-block-2 {
width: 100%;
max-width: 1380px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-top: 95px;
display: flex;
}
.div-block-3 {
color: #000;
letter-spacing: -1px;
font-size: 70px;
font-weight: 500;
line-height: 95px;
}
.div-block-10 {
width: 100%;
max-width: 1380px;
}
.div-block-20 {
color: #4e4e4e;
font-size: 22px;
line-height: 38px;
}
.div-block-7 {
width: 100%;
height: 500px;
background-color: #eee;
border-radius: 6px;
margin-bottom: 0;
}
.image {
width: 80px;
}
.div-block-8 {
width: 100%;
flex-direction: row;
display: flex;
}
.div-block {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 50px;
padding-right: 50px;
display: flex;
}
.div-block-11 {
background-color: #f8f8f8;
flex-direction: row;
justify-content: space-between;
display: flex;
}
.div-block-18 {
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 162px;
}
.div-block-6 {
width: 100%;
flex-direction: row;
justify-content: flex-start;
margin-bottom: 20px;
display: flex;
}
.body-6 {
font-family: Circularxxweb, sans-serif;
}
.div-block-2399 {
color: #3f3f3f;
cursor: pointer;
border-radius: 3px;
padding: 13px 12px;
font-size: 16px;
font-weight: 300;
line-height: 23px;
text-decoration: none;
}
.div-block-2399:hover {
background-color: #f0f0f0;
}
.body-7 {
font-family: Circularxxweb, sans-serif;
}
.div-block-3619 {
background-color: #000;
flex-direction: column;
display: flex;
}
.mobilelinks {
width: 100%;
display: none;
}
.image-657 {
width: 18px;
}
.div-block-3620 {
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 50px;
display: flex;
}
.div-block-3620.bs {
display: none;
}
.div-block-3621 {
width: 100%;
height: 900px;
max-width: 1380px;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.background-video {
z-index: 5;
width: 100%;
height: 100%;
}
.div-block-3622 {
z-index: 50;
color: #fff;
margin-left: 50px;
font-size: 70px;
font-weight: 300;
line-height: 66px;
position: absolute;
}
.desktop {
z-index: 10;
width: 100%;
height: 900px;
border-radius: 24px;
display: flex;
position: absolute;
overflow: hidden;
}
.div-block-3624 {
font-size: 22px;
line-height: 34px;
}
.div-block-3625 {
width: 100%;
max-width: 1380px;
}
.mobile {
z-index: 10;
width: 100%;
height: 900px;
border-radius: 24px;
display: none;
position: absolute;
overflow: hidden;
}
.mobile-xp {
display: none;
}
.div-block-3626 {
width: 100%;
margin-top: 15px;
display: none;
}
.getintouch {
height: 52px;
color: #f2f3ea;
letter-spacing: .3px;
white-space: nowrap;
cursor: pointer;
background-color: #202020;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 0;
margin-right: 0;
padding-left: 36px;
padding-right: 36px;
font-family: Circularxxweb, sans-serif;
font-size: 15px;
font-weight: 300;
text-decoration: none;
display: flex;
}
.getintouch:hover {
filter: invert();
color: #ebecf3;
background-color: #000;
border-color: #a1a1a1;
text-decoration: none;
}
.form-input-4 {
height: 60px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(92, 92, 92, .99);
border-radius: 6px;
margin-bottom: 0;
padding: 16px 20px 16px 15px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
transition: border-color .2s;
}
.form-input-4:focus {
border-color: #3e62c5;
}
.form-input-4::-ms-input-placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.form-input-4::placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.form-grid-halves {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
margin-top: 12px;
}
.div-block-1531 {
width: 100%;
max-width: 1380px;
border-top: 1px solid #e7e7e7;
justify-content: flex-start;
align-items: flex-start;
margin-top: 46px;
padding-top: 46px;
padding-bottom: 60px;
display: flex;
}
.container-large-2 {
width: 100%;
max-width: 670px;
direction: ltr;
}
.container-large-2.align-center {
width: 700px;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.form-grid-halves-copy-2 {
grid-column-gap: 18px;
grid-row-gap: 37px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.button-2 {
width: 100%;
color: #fff;
text-align: center;
background-color: #1654ff;
border: 0 solid #000;
border-radius: 99px;
padding: 16px 24px;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
font-weight: 500;
transition: box-shadow .2s;
box-shadow: inset 0 200px 200px 200px rgba(0, 0, 0, 0);
}
.button-2:hover {
box-shadow: inset 0 200px 200px 200px rgba(0, 0, 0, .1);
}
.div-block-829 {
width: 100%;
}
.div-block-2385 {
margin-top: 10px;
position: relative;
}
.div-block-1533 {
z-index: 99;
background-color: #fff;
justify-content: flex-start;
padding-left: 6px;
padding-right: 8px;
font-size: 12px;
display: flex;
position: absolute;
top: -12px;
left: 10px;
}
.div-block-1530 {
width: 640px;
max-width: none;
justify-content: flex-end;
display: flex;
}
.form-error-3 {
color: #fff;
text-align: center;
background-color: #ad343e;
border-radius: 5px;
margin-top: 12px;
padding: 18px;
font-size: 17px;
line-height: 25px;
}
.div-block-3628 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 122px;
display: flex;
}
.div-block-3629 {
width: 100%;
max-width: 1380px;
}
.div-block-3630 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-3630._2 {
color: #0c0c0c;
margin-left: 35px;
}
.headline_sb {
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.div-block-3631 {
width: 50%;
height: 400px;
background-color: #f7f7f7;
border-radius: 24px;
margin-left: 40px;
}
.image-658 {
max-height: 364px;
min-height: 4px;
}
.image-659 {
max-height: 364px;
}
.photoborder {
width: 80px;
height: 80px;
border: 1px dashed #969696;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
}
.photoborder.inactive-copy {
width: 60px;
height: 60px;
border-style: none;
border-color: rgba(255, 255, 255, .9);
}
.photoborder.inactive-copy.top1 {
width: 50px;
height: 50px;
opacity: 1;
border-radius: 0%;
justify-content: flex-start;
margin-top: 0;
margin-left: 6px;
margin-right: 0;
line-height: 10px;
}
.photoborder.inactive-copy.top1.patagonia {
width: 80px;
margin-left: 10px;
}
.photoborder.inactive-copy.top1 {
z-index: 800;
width: 42px;
height: 42px;
opacity: 1;
border-radius: 0%;
justify-content: flex-start;
margin-top: 10px;
margin-left: 6px;
line-height: 10px;
position: relative;
}
.photoborder.inactive-copy.top1.top2 {
width: 60px;
opacity: .68;
object-fit: contain;
width: 60px;
opacity: .68;
object-fit: contain;
width: 60px;
height: 60px;
opacity: .68;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/6511ad4d022839609ef9e5c5_adidas.svg");
background-position: 30% 30%;
background-size: cover;
margin-top: 0;
padding: 0;
}
.barscontainer-copy2 {
width: 100%;
height: 16px;
opacity: 1;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 5px;
padding-top: 2px;
display: flex;
position: static;
top: 57px;
}
.background-video-113-copy-copy2 {
z-index: 1;
width: 100%;
height: 100%;
color: rgba(0, 0, 0, 0);
border: 0 solid #fdfdfd;
border-radius: 3px;
overflow: hidden;
}
.branded1 {
width: 255px;
height: 465px;
background-color: rgba(0, 0, 0, 0);
border-radius: 3px;
}
.image-83-copy {
max-width: 20px;
}
.image-124-copy-copy-copy-copy {
width: 14px;
max-width: 20px;
margin-bottom: 5px;
margin-right: 6px;
}
.story4-del-copy-2 {
z-index: 99;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
flex-direction: column;
display: flex;
position: relative;
overflow: visible;
}
.story4-del-copy-2.s14 {
justify-content: space-between;
align-items: center;
}
.story4-del-copy-2.s14.ps {
border: 1px solid #e6e6e6;
overflow: hidden;
}
.div-block-124 {
width: 50%;
height: 26px;
opacity: .96;
justify-content: flex-end;
align-items: flex-start;
margin-top: 5px;
margin-right: 16px;
display: flex;
}
.text-block-53-copy-copy-2-copy2 {
opacity: 1;
color: #fff;
text-align: center;
font-size: 9px;
font-weight: 700;
line-height: 9px;
}
.progresscover {
width: 12%;
height: 2px;
opacity: 1;
color: #000;
background-color: #5a5a5a;
border-radius: 999px;
margin-left: 0;
margin-right: 2px;
}
.progresscover.white {
background-color: #fff;
}
.progresscover.t1 {
color: #000;
background-color: #d31616;
}
.this-2 {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #f7efef;
border-radius: 4px;
overflow: hidden;
}
.image-85-copy {
max-width: 19px;
margin-right: 16px;
}
.div-block-141 {
z-index: 9999;
flex-direction: row;
padding-left: 6px;
display: flex;
position: relative;
}
.div-block-141.s65 {
opacity: 1;
}
.div-block-141.s65.rfew {
padding-left: 0;
}
.div-block-129 {
width: 100%;
height: 20%;
}
.progressregular {
width: 12%;
height: 2px;
opacity: 1;
background-color: #c2c2c2;
border-radius: 999px;
margin-left: 0;
margin-right: 2px;
}
.progressregular.ps {
opacity: .5;
}
.progressregular.white._1 {
opacity: .5;
background-color: #fff;
}
.storypreview {
z-index: 101;
width: 384px;
height: 654px;
background-color: #6d6666;
position: absolute;
top: -2px;
left: 0;
box-shadow: -1px 1px 3px 11px rgba(0, 0, 0, .1);
}
.storypreview.es {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #9e9e9e;
border-radius: 2px;
position: static;
top: 0;
left: 384px;
box-shadow: -1px 1px 3px 11px rgba(0, 0, 0, 0);
}
.div-block-595 {
z-index: 999;
width: 100%;
height: 150px;
justify-content: center;
align-items: flex-end;
padding-bottom: 22px;
display: flex;
position: relative;
}
.cta4125-copy24 {
width: 50%;
height: 45px;
opacity: 1;
background-color: #000;
border: 0 solid rgba(255, 255, 255, .4);
border-radius: 200px;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 500;
display: flex;
}
.editor-copy-2 {
z-index: 99999;
width: 50%;
opacity: 1;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-right: 0;
display: flex;
position: relative;
}
.background-video-113-copy-copy2-2 {
z-index: 1;
width: 100%;
height: 100%;
color: rgba(0, 0, 0, 0);
border: 1px solid #fdfdfd;
border-radius: 3px;
overflow: hidden;
}
.image-124-copy-copy-copy {
max-width: 13px;
margin-right: 6px;
}
.div-block-782 {
z-index: 999;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.image-250 {
width: 140px;
}
.image-124-copy-copy-copy-copy-2 {
max-width: 13px;
margin-left: 6px;
margin-right: 0;
}
.background-video-113-copy-copy2-3 {
z-index: 1;
width: 100%;
height: 100%;
color: rgba(0, 0, 0, 0);
border: 1px solid #fdfdfd;
border-radius: 3px;
overflow: hidden;
}
.cta4125 {
width: 50%;
height: 45px;
opacity: 1;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(255, 255, 255, .4);
border-radius: 200px;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 500;
display: flex;
}
.overlayer-scene2-copy {
z-index: 120;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
top: -645px;
bottom: auto;
left: auto;
}
.sss {
color: #fff;
padding-top: 20px;
font-size: 13px;
}
.image-83-copy-2 {
width: 10px;
max-width: 23px;
opacity: 1;
}
.image-254 {
margin-bottom: 4px;
}
.image-253 {
width: 13px;
margin-right: 6px;
}
.div-block-785 {
width: 100%;
height: 100%;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/629e4b0b9cb1557016ad05b6_samsung5g.jpg");
background-position: 0 0;
background-size: cover;
}
.div-block-3633 {
letter-spacing: -2px;
margin-bottom: 126px;
font-size: 70px;
font-weight: 300;
line-height: 80px;
}
.div-block-3634 {
width: 100%;
opacity: .52;
color: #d6d4d4;
flex-direction: row;
align-items: center;
margin-top: 10px;
font-size: 12px;
display: flex;
}
.div-block-1773 {
font-family: Circularxxweb, sans-serif;
font-weight: 300;
}
.div-block-1829 {
opacity: .64;
color: #c7c7c7;
font-size: 17px;
font-weight: 300;
display: flex;
}
.div-block-1829.b {
opacity: 1;
margin-left: 10px;
}
.story-embed-3-copy12 {
z-index: 15;
width: 100%;
height: 100%;
border: 0 solid #f1f1f1;
position: static;
top: 5010px;
left: 770px;
}
.div-block-1830 {
width: 100%;
border-top: 1px dashed #585858;
border-bottom: 1px dashed #585858;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
}
.div-block-1830.a {
z-index: 10;
border-top-width: 0;
padding-top: 20px;
padding-bottom: 40px;
position: relative;
}
.div-block-1829-copy {
opacity: .64;
color: #c7c7c7;
font-size: 17px;
font-weight: 300;
line-height: 17px;
display: flex;
}
.text-block-355 {
line-height: 53px;
}
.div-block-1832 {
z-index: 999;
width: 100%;
height: 100%;
background-color: #4c4545;
position: relative;
}
.div-block-1831 {
width: 100%;
opacity: .94;
color: #e9e7e5;
margin-top: 10px;
margin-bottom: 26px;
font-family: Circularxxweb, sans-serif;
font-size: 54px;
font-weight: 300;
line-height: 50px;
}
.image-660 {
width: 70px;
filter: invert();
}
.div-block-1561-copy21 {
z-index: 4;
width: 100%;
height: 100vh;
max-width: 1280px;
background-color: #000;
flex-direction: row;
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
top: 0;
overflow: visible;
}
.thestorypreview1-2 {
z-index: 9999;
width: 330px;
height: 563px;
opacity: 1;
position: static;
top: 111.5px;
}
.div-block-1892 {
flex-direction: column;
display: flex;
position: relative;
}
.t1-2 {
color: #000;
white-space: nowrap;
font-size: 54px;
line-height: 64px;
}
.t1-2.wh {
color: #e5e6e0;
}
.div-block-1827-copy22 {
z-index: 99;
width: 100%;
height: 100%;
max-width: 600px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 50px;
padding-right: 50px;
display: flex;
position: absolute;
left: 0;
}
.div-block-1828 {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
margin-top: 14px;
margin-bottom: 14px;
display: flex;
}
.div-block-1826 {
background-color: #000;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-1836 {
height: 100vh;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1788 {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-1833 {
font-family: Circularxxweb, sans-serif;
font-size: 17px;
font-weight: 300;
line-height: 24px;
}
._2div-block-1546-copy21-copy {
z-index: 1;
width: 100%;
height: 100%;
max-width: 1280px;
min-width: 930px;
justify-content: center;
align-items: center;
padding-bottom: 120px;
display: flex;
position: absolute;
bottom: auto;
right: -285px;
}
._112div-block-2202-copy-copy {
height: 100%;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
._112div-block-2202-copy-copy.b {
width: 400px;
height: 714px;
}
.background-video-3 {
width: 100%;
height: 100%;
}
.background-video-3.a1 {
width: 420px;
height: 720px;
}
.form-2 {
z-index: 1;
width: 100%;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-3635 {
margin-top: 6px;
margin-bottom: 80px;
display: flex;
}
.radio-button-label {
font-weight: 400;
}
.radio-button {
width: 22px;
height: 22px;
border: 1px solid #707070;
margin-top: 0;
margin-right: 5px;
}
.form_line_item {
flex-direction: column;
margin-bottom: 12px;
display: flex;
}
.form_line_item.h_align {
flex-direction: row;
margin-bottom: 5px;
}
.form_line_item.h_align.last {
margin-bottom: 0;
}
.form_line_item.h_align.last.test {
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
margin-top: 15px;
margin-bottom: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.form_line_item.h_align.last.test.hidden {
display: none;
}
.form_line_item.h_align.last.vertical {
flex-direction: column;
}
.form_line_item.h_align.last.small {
max-width: 80px;
}
.form_line_item.h_align.spaced {
margin-bottom: 10px;
}
.form_line_item.h_align.spaced.ns {
margin-bottom: 0;
}
.form_line_item.h_align.spaced.ns.small {
max-width: 80px;
}
.form-block-3 {
z-index: 10;
width: 100%;
position: relative;
}
.div-block-3271 {
width: 100%;
display: flex;
}
.textarea-3 {
height: 150px;
min-height: 150px;
color: #727272;
border-radius: 5px;
margin-bottom: 10px;
font-size: 13px;
font-weight: 300;
}
.textarea-3.console {
height: 300px;
min-height: 300px;
line-height: 22px;
}
.textarea-3.console:focus {
background-color: #fafaf0;
}
.input_label {
height: 46px;
color: #727272;
border: 1px solid #dadada;
border-radius: 5px;
font-size: 13px;
font-weight: 300;
}
.input_label:hover {
background-color: #fafaf0;
border: 1px solid #a7afcf;
}
.input_label:focus {
border: 1px solid #7a8aca;
}
.div-block-3260 {
width: 100%;
position: relative;
overflow: hidden;
}
.div-block-3288-copy {
width: 100%;
border-top: 0 solid #eee;
margin-top: 0;
padding-top: 15px;
}
.div-block-3260-copy {
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3636 {
width: 100%;
height: 100%;
max-width: 550px;
border-top: 0 solid #e6e6e6;
border-bottom: 0 solid #d8d8d8;
padding-top: 20px;
padding-bottom: 35px;
}
.div-block-3637 {
width: 100%;
color: #818181;
cursor: pointer;
border: 1px solid #dbdbdb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 300;
display: flex;
}
.div-block-3637:hover {
color: #242424;
border-color: #666;
}
.div-block-3637.spaced {
margin-right: 10px;
}
.radio-button-field {
height: 46px;
color: #979595;
cursor: pointer;
align-items: center;
margin-right: 30px;
font-size: 12px;
font-weight: 300;
display: flex;
}
.div-block-3404 {
color: #cfcfcf;
padding-top: 4px;
font-size: 11px;
line-height: 16px;
position: relative;
top: -10px;
}
.div-block-3638 {
color: #585858;
background-color: #f1f1f1;
border-radius: 6px;
margin-bottom: 20px;
padding: 16px;
font-size: 15px;
font-weight: 300;
line-height: 28px;
}
.div-block-3639 {
z-index: 5;
width: 100%;
background-color: #fff;
border-bottom: 0 solid #e6e6e6;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: none;
position: relative;
}
.div-block-3640 {
width: 45px;
height: 45px;
color: #3d3d3d;
cursor: pointer;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
font-size: 16px;
display: flex;
}
.div-block-3640:hover {
color: #f8f5f5;
background-color: #252525;
border-color: #252525;
}
.div-block-3640.regular {
width: auto;
height: 45px;
color: #fcf9f9;
background-color: #333;
border-color: #474747;
margin-right: 15px;
padding-left: 25px;
padding-right: 25px;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
}
.preview_nav {
z-index: 9;
height: 80px;
min-height: 80px;
background-color: #fff;
border-bottom: 1px solid #f0f0f0;
justify-content: center;
align-items: center;
padding: 0 20px;
display: flex;
position: static;
top: 0;
box-shadow: 1px 1px 20px -16px rgba(0, 0, 0, .4);
}
.preview_nav.rev {
width: 100%;
position: relative;
}
.div-block-3646 {
margin-right: 5px;
}
.editor_modes-2 {
flex-direction: row;
display: flex;
position: absolute;
right: 20px;
}
._121div-block-3238-copy-copy {
width: 100%;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
position: relative;
top: 10px;
}
.topbar_m1-2 {
opacity: 1;
color: #727272;
align-items: center;
font-weight: 300;
display: flex;
position: absolute;
left: 20px;
}
.div-block-3647 {
margin-left: 10px;
margin-right: 10px;
}
.div-block-3648 {
margin-right: 6px;
font-family: Materialicons, sans-serif;
display: flex;
}
.div-block-3649 {
z-index: 30;
width: 100%;
flex-direction: column;
align-items: center;
margin-bottom: 0;
display: flex;
position: relative;
top: 0;
}
.div-block-3591 {
width: 100%;
height: 100%;
background-color: rgba(75, 72, 72, .3);
display: none;
position: fixed;
}
.div-block-3650 {
width: 100%;
background-color: #fff;
justify-content: center;
align-items: flex-start;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.div-block-3651 {
width: 100%;
max-width: 1280px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 20px;
display: flex;
}
.div-block-3651.mobile {
max-height: 650px;
max-width: 360px;
background-color: #fff;
border-radius: 6px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
overflow: auto;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
}
.div-block-3652 {
width: 100%;
max-width: 750px;
background-color: #fcfbf4;
border: 1px solid #f0f0f0;
border-radius: 12px;
margin-bottom: 15px;
padding: 14px;
font-size: 17px;
font-weight: 300;
line-height: 27px;
}
.div-block-3585 {
max-width: 750px;
color: #585858;
font-family: Imperial, sans-serif;
font-size: 18px;
line-height: 33px;
}
.div-block-3585.mobile {
display: flex;
position: static;
}
.content_container {
width: 100%;
border: 0 solid #ececec;
border-radius: 3px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
overflow: hidden;
}
.div-block-3653 {
height: 800px;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(411px, 1fr));
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: center;
display: flex;
}
.div-block-3654 {
width: 100%;
color: #000;
cursor: pointer;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.body-8 {
font-family: Circularxxweb, sans-serif;
}
.div-block-3655 {
font-weight: 300;
text-decoration: underline;
}
.body-9 {
font-family: Circularxxweb, sans-serif;
}
.all_solutions {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 150px;
padding-bottom: 100px;
display: none;
}
.all_solutions.active {
min-height: 100vh;
justify-content: flex-start;
display: flex;
}
.div-block-3657 {
width: 100%;
max-width: 1435px;
align-items: flex-start;
padding-left: 20px;
padding-right: 0;
display: flex;
}
.div-block-3658 {
width: 300px;
border-right: 0 solid #f0f0f0;
border-radius: 6px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.content_preview {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: repeat(auto-fit, minmax(280px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-columns: 1fr;
justify-content: start;
justify-items: start;
display: grid;
overflow: visible;
}
.content_preview.rows {
flex-direction: column;
display: flex;
}
.experience {
width: 100%;
height: 100%;
max-width: 360px;
min-width: 240px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.experience.faded {
opacity: .6;
filter: grayscale(60%);
}
.filter_header {
height: 60px;
cursor: pointer;
background-color: #f1f1f1;
border-bottom: 1px solid #f3f3f3;
border-radius: 6px;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 15px;
padding-right: 10px;
display: flex;
}
.filter_header:hover {
color: #fff;
background-color: #474545;
}
.div-block-3662 {
font-size: 15px;
font-weight: 500;
}
.div-block-3663 {
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
font-size: 13px;
display: flex;
}
.radiobox {
width: 20px;
height: 20px;
min-height: 20px;
min-width: 20px;
background-color: #fff;
border: 2px solid #d4d4d4;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 11px;
display: flex;
}
.radiobox.square {
background-color: #fff;
border-radius: 3px;
}
.radiobox.square.active, .radiobox.active {
background-color: #3686f7;
border-color: #3686f7;
}
.filter_container {
border-radius: 6px;
margin-top: 5px;
font-weight: 300;
}
.thecheckbox {
color: #7e7e7e;
cursor: pointer;
border-radius: 6px;
justify-content: flex-start;
margin-top: 4px;
margin-bottom: 4px;
padding: 8px 4px 8px 0;
font-size: 15px;
display: flex;
}
.thecheckbox:hover {
color: #000;
}
.thecheckbox.active {
color: #272727;
font-weight: 500;
}
.search_label {
color: #7c7575;
text-transform: uppercase;
background-color: #fff;
border-radius: 3px;
padding-left: 5px;
padding-right: 8px;
font-size: 10px;
font-weight: 500;
display: none;
position: absolute;
top: -11px;
}
.filtercategory_media {
border-bottom: 0 solid #d8d8d8;
flex-direction: column;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 15px;
display: flex;
}
.filtercategory_media.first {
padding-left: 0;
}
.filtercategory_media.first.fonts {
padding-bottom: 5px;
padding-left: 24px;
padding-right: 55px;
}
.div-block-3664 {
padding-left: 0;
}
.all_solutions_headline {
width: 100%;
max-width: 1435px;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
padding: 20px;
display: flex;
}
.div-block-3666 {
display: flex;
}
.div-block-3667 {
font-family: Materialicons, sans-serif;
}
.div-block-3668 {
margin-right: 10px;
font-size: 26px;
font-weight: 300;
line-height: 30px;
}
.div-block-3668.mat {
align-items: center;
padding-top: 3px;
font-family: Materialicons, sans-serif;
font-size: 16px;
line-height: 16px;
display: flex;
}
.div-block-3668.uu {
color: #5a5858;
cursor: pointer;
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 99px;
padding: 2px 25px;
font-size: 14px;
display: flex;
}
.div-block-3668.uu:hover {
background-color: #fff;
border-color: #8d8b8b;
}
.div-block-3668.uu._2 {
display: none;
}
.div-block-3669 {
border-right: 0 solid #ececec;
margin-right: 10px;
padding-right: 10px;
}
.solutions_unit {
height: 100%;
max-height: 60px;
margin-bottom: 20px;
transition: min-height .2s, all .2s;
overflow: hidden;
}
.solutions_unit.first {
margin-top: 0;
}
.solutions_unit.active {
max-height: none;
border: 1px solid rgba(241, 241, 241, 0);
border-radius: 6px;
padding-bottom: 10px;
}
.solutions_unit.active:hover {
border-color: #c7c7c7;
}
.solutions_unit.active.noborder:hover {
border-color: rgba(199, 199, 199, 0);
}
.solutions_unit.active.noborder.invisible {
display: none;
}
.div-block-3670 {
width: 100%;
height: 100%;
min-height: 450px;
cursor: pointer;
object-fit: fill;
background-color: #e7e7e7;
border: 0 solid #ebebeb;
border-radius: 2px;
margin-bottom: 10px;
transition: all 60ms;
overflow: hidden;
}
.div-block-3670:hover {
filter: saturate(110%) brightness(90%);
}
.div-block-3671 {
justify-content: flex-start;
margin-bottom: 5px;
display: flex;
}
.div-block-3672 {
margin-right: 5px;
}
.div-block-3673 {
flex-direction: column;
align-items: flex-start;
font-size: 13px;
font-weight: 300;
display: none;
}
.lb1 {
margin-right: 6px;
}
.lb1.link {
margin-right: 5px;
text-decoration: underline;
}
.lb1.lk {
text-decoration: underline;
}
.theradio {
color: #7e7e7e;
cursor: pointer;
border-radius: 6px;
justify-content: flex-start;
align-items: center;
margin-top: 4px;
margin-bottom: 4px;
padding: 8px 4px 8px 0;
font-size: 15px;
display: flex;
}
.theradio:hover {
color: #000;
}
.theradio.active {
color: #272727;
font-weight: 500;
}
.popular_badge {
color: #7a858b;
background-color: #e5eff5;
border-radius: 99px;
margin-left: 6px;
padding: 1px 12px;
font-size: 11px;
font-weight: 300;
display: none;
}
.popular_badge.popular {
color: #333;
font-size: 10px;
font-weight: 500;
display: flex;
}
.div-block-3674 {
color: #535353;
background-color: #fafafa;
border: 1px solid #f7f7f7;
border-radius: 99px;
margin-bottom: 4px;
margin-right: 5px;
padding: 3px 20px;
font-size: 12px;
display: flex;
}
.div-block-3675 {
width: 100%;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-3676 {
font-size: 12px;
display: flex;
}
.div-block-3677 {
color: #747474;
cursor: pointer;
border: 0 solid #dbdbdb;
margin-left: 5px;
padding: 3px 0;
font-size: 15px;
font-weight: 300;
}
.div-block-3677:hover {
text-decoration: underline;
}
.div-block-3677.name {
display: none;
}
.div-block-3678 {
margin-right: 7px;
font-family: Materialicons, sans-serif;
font-size: 16px;
font-weight: 400;
display: none;
}
.div-block-3679 {
display: flex;
}
.div-block-3680 {
display: none;
}
.individual_solution {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 150px;
padding-bottom: 100px;
display: none;
}
.individual_solution.active {
min-height: 100vh;
justify-content: flex-start;
padding-top: 100px;
display: flex;
position: relative;
}
.div-block-3681 {
align-items: center;
display: flex;
}
.div-block-3682 {
width: 100%;
background-color: #f7f7f7;
border-radius: 6px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3682.desk {
background-color: rgba(247, 247, 247, 0);
padding: 0;
}
.div-block-3682.mob {
padding: 23px;
}
.preview_unit {
z-index: 30;
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 3px;
display: none;
position: absolute;
box-shadow: 1px 1px 11px rgba(0, 0, 0, .1);
}
.preview_unit.preview_active {
width: 415px;
height: auto;
border-width: 0;
border-radius: 3px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden;
box-shadow: 1px 1px 30px 6px rgba(0, 0, 0, .1);
}
.holder1 {
z-index: 5;
width: 100%;
height: 100%;
min-height: 800px;
position: relative;
}
.div-block-3684 {
width: 100%;
background-color: #fff;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 24px 20px;
display: flex;
}
.div-block-3685 {
width: 100%;
color: #62635d;
cursor: pointer;
background-color: #fff;
border: 1px solid #eee;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 3px;
padding: 12px 22px;
font-weight: 300;
display: flex;
}
.div-block-3685:hover {
color: #e9e9e4;
background-color: #2e2e2e;
border-color: #2e2e2e;
}
.div-block-3686 {
color: #e4e4e4;
font-weight: 300;
display: none;
}
.div-block-3687 {
z-index: 99;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
.image-661 {
width: 16px;
filter: invert(66%);
margin-top: 2px;
margin-left: 5px;
}
.div-block-3688 {
width: 100%;
height: 100%;
background-color: #fff;
padding: 15px 25px 0;
}
.div-block-3688._700 {
height: 700px;
}
.div-block-3689 {
z-index: 20;
width: 100%;
height: 100%;
background-color: #f1f1f1;
border-bottom: 1px solid #f3f3f3;
border-radius: 3px;
position: relative;
overflow: hidden;
}
.div-block-3690 {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
font-weight: 300;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.image-662 {
width: 20px;
margin-right: 4px;
}
.div-block-3691 {
z-index: 20;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: auto;
}
.div-block-3692 {
height: 510px;
padding-left: 15px;
padding-right: 15px;
font-family: Imperial, sans-serif;
font-size: 18px;
line-height: 24px;
}
.div-block-3693 {
width: 100%;
}
.div-block-3694 {
color: #c7c7c7;
border-bottom: 1px solid #dfdfdf;
justify-content: space-between;
align-items: center;
padding: 2px 15px;
font-size: 12px;
display: flex;
}
.infeed-demo {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
font-weight: 300;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.option1 {
display: none;
}
.option1.active {
display: flex;
}
.option2 {
display: none;
}
.option2.active {
display: flex;
}
.option3 {
display: none;
}
.option3.active {
display: flex;
}
.option4 {
display: none;
}
.option4.active {
display: flex;
}
.option5 {
display: none;
}
.option5.active {
display: flex;
}
.hover {
z-index: 10;
width: 100%;
height: 100%;
opacity: 0;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
cursor: pointer;
background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(41, 41, 41, 0) 89%);
border-radius: 6px;
justify-content: center;
align-items: center;
transition: all 50ms;
display: flex;
position: absolute;
}
.hover:hover {
opacity: 1;
}
.div-block-3695 {
color: #e7e7e3;
background-color: rgba(46, 46, 46, .8);
border: 0 solid rgba(112, 112, 112, .4);
border-radius: 6px;
padding: 16px 20px;
}
.div-block-3696 {
width: 100%;
display: flex;
}
.image-663 {
width: 100%;
height: 100%;
}
.div-block-3697 {
width: 100%;
padding: 24px 24px 0;
}
.div-block-3698 {
width: 100%;
height: 100%;
transition: all .2s;
}
.div-block-3699 {
width: 100%;
border-left: 1px solid #ebebeb;
}
.div-block-3700 {
width: 100%;
height: 100%;
transition: all .2s;
}
.div-block-3701 {
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #dadada;
border-radius: 6px;
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-3701.mob {
max-width: 400px;
min-height: 900px;
background-color: #fff;
border-radius: 6px;
position: static;
overflow: auto;
}
.div-block-3702 {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3703 {
width: 100%;
background-color: #f1f1f1;
border-radius: 5px;
padding: 22px;
}
.div-block-3704 {
width: 100%;
height: 40px;
background-color: #f1f1f1;
}
.product_solutions {
min-height: 100vh;
display: none;
}
.product_solutions.active {
z-index: 6;
background-color: #fff;
flex-direction: column;
display: flex;
position: relative;
}
.image-664 {
width: 15px;
filter: invert();
margin-right: 5px;
transform: rotate(180deg);
}
.div-block-3706 {
width: 100%;
padding: 23px;
font-family: Imperial, sans-serif;
font-size: 17px;
line-height: 26px;
}
.div-block-3706.solutions1.mobi {
display: none;
}
.div-block-3707 {
color: #686363;
cursor: pointer;
border-bottom: 1px dashed #e6e6e6;
padding: 19px 14px;
font-size: 15px;
}
.div-block-3707:hover {
background-color: #fafaf9;
}
.desktop_badge {
color: #7a858b;
background-color: #e5eff5;
border-radius: 99px;
margin-left: 6px;
padding: 1px 12px;
font-size: 11px;
font-weight: 300;
display: none;
}
.desktop_badge.popular {
color: #333;
font-size: 10px;
font-weight: 500;
display: flex;
}
.desktop_badge.desk {
color: #5e6163;
background-color: #fff;
border: 1px solid #dadada;
font-size: 9px;
display: flex;
}
.menu_holder {
display: flex;
}
.menu_holder.solutions {
display: none;
}
.menu_holder.solutions.active, .div-block-3710, .div-block-3711, .div-block-3712 {
display: flex;
}
.div-block-3713 {
display: none;
}
.div-block-1340-copy {
margin-bottom: 24px;
padding-top: 22px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-1340-copy._4 {
margin-bottom: 14px;
}
.a4-copy1 {
margin-top: 4px;
margin-bottom: 10px;
}
.a4-copy1._4 {
margin-bottom: 0;
}
.div-block-1339-copy {
padding-top: 6px;
padding-bottom: 10px;
font-size: 23px;
line-height: 26px;
}
.div-block-3714 {
display: none;
}
.text-block-452 {
color: #b1b1b1;
padding-top: 5px;
}
.link-2 {
color: #3f3f3f;
}
.first_screen {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 100px;
display: none;
}
.first_screen.active {
z-index: 5;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.chapter0 {
width: 100%;
height: 900px;
max-width: 1380px;
min-height: 1000px;
text-align: left;
border-bottom: 1px dashed #ebebeb;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 0 20px;
display: flex;
}
.chapter0.horizontal, .chapter0.full {
height: auto;
flex-direction: column;
padding-top: 200px;
}
.div-block-3716 {
display: none;
}
.div-block-3410-copy {
z-index: 1;
background-color: #fdfdfd;
padding-right: 10px;
font-size: 16px;
font-weight: 300;
position: absolute;
top: -12px;
right: 0;
}
.div-block-3410-copy-copy {
z-index: 1;
background-color: #fdfdfd;
align-items: center;
padding-right: 10px;
font-size: 16px;
font-weight: 300;
display: flex;
position: absolute;
top: -14px;
right: 0;
}
.div-block-3717 {
color: #0a0a0a;
border: 1px solid #dadada;
border-radius: 99px;
padding: 8px 20px;
font-size: 15px;
text-decoration: none;
}
.div-block-3410-copy-copy-copy {
z-index: 1;
background-color: #fdfdfd;
align-items: center;
padding-right: 10px;
font-size: 16px;
font-weight: 300;
display: flex;
position: absolute;
bottom: -16px;
right: 0;
}
.div-block-3409-copy {
width: 100%;
height: 180px;
max-width: 1360px;
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 0 solid #f1f1f1;
border-bottom-width: 1px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
grid-auto-columns: 1fr;
padding-top: 40px;
padding-bottom: 40px;
display: grid;
position: relative;
}
.mid_screen {
width: 100%;
}
.page_footer {
justify-content: space-between;
display: none;
}
.page_footer.active {
flex-direction: column;
display: flex;
}
.top_c, .div-block-3721 {
display: none;
}
.text-block-464 {
margin-right: 0;
padding: 0;
}
.div-block-3710-copy {
width: 850px;
height: 1px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to right, #9aa8c0, rgba(255, 255, 255, 0) 63%);
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-3722 {
width: 12px;
height: 12px;
background-color: #fff;
border: 2px solid #92a7c3;
border-radius: 99px;
}
.image-676 {
height: 100%;
min-height: 100%;
}
.main_conv {
width: 100%;
height: 100%;
max-width: 1380px;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 12px;
flex-direction: row;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3723 {
width: 60%;
position: relative;
overflow: hidden;
}
.div-block-3270-copy {
opacity: .5;
font-size: 12px;
}
.cart_label-2 {
height: 17px;
min-width: 17px;
color: #fff;
background-color: #363a3b;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-left: 3px;
padding-right: 3px;
font-size: 10px;
font-weight: 500;
display: flex;
}
.image-677 {
width: 100%;
height: 100%;
object-fit: cover;
}
.content_here {
width: 100%;
height: 100vh;
background-color: #fff;
background-image: linear-gradient(#fff, #f9f9f7);
border-top: 0 solid #494949;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
bottom: -100vh;
overflow: hidden;
}
.content_here._50 {
padding: 25px 20px;
}
.sidecontent {
z-index: 20;
width: 100%;
height: 100%;
max-height: 720px;
max-width: 400px;
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
left: -105%;
}
.sidecontent._2 {
margin-bottom: -19px;
left: auto;
right: -105%;
}
.brand_stories1 {
z-index: 99;
opacity: 1;
justify-content: center;
align-items: center;
padding-top: 32px;
display: flex;
position: absolute;
}
.number_indicator-2 {
width: 33px;
height: 33px;
min-height: 33px;
min-width: 33px;
background-color: #fff;
border: 1px solid #bdbdbd;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
font-size: 12px;
display: none;
}
.number_indicator-2.poll {
z-index: 2;
font-size: 10px;
font-weight: 700;
display: flex;
position: relative;
}
.number_indicator-2.poll.pluto {
border-width: 1px;
border-color: rgba(228, 228, 228, 0);
}
.number_indicator-2.poll.pluto._2 {
background-color: #fff;
}
.background-video-108 {
z-index: 6;
height: 100%;
}
.image-507-copy-2 {
width: 380%;
height: 60px;
opacity: .78;
}
.div-block-3724 {
width: 800px;
height: 1px;
background-image: linear-gradient(to right, rgba(73, 73, 73, 0), #dfdfdf);
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-3857 {
color: #1b1b1b;
margin-top: 8px;
padding-left: 0;
font-size: 18px;
font-weight: 400;
line-height: 32px;
}
.div-block-3858 {
width: 365px;
position: relative;
}
.div-block-3861 {
margin-top: 20px;
padding-left: 0;
display: flex;
}
.sidearrows {
height: 100%;
opacity: 1;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 0;
display: flex;
position: absolute;
top: 0;
right: -37px;
}
.image-678 {
width: 10px;
transform: rotate(0);
}
.image-678.rev {
transform: rotate(180deg);
}
.options_block {
width: 100%;
border: 0 solid #ebebeb;
border-radius: 0;
flex-direction: column;
padding: 0;
display: flex;
position: relative;
}
.options_block.poll {
background-color: rgba(0, 0, 0, 0);
border-width: 0;
border-radius: 0;
margin-top: 0;
padding: 0 20px;
}
.comp_message-3 {
color: #252525;
padding: 5px 20px;
font-size: 15px;
font-weight: 300;
line-height: 22px;
position: static;
}
.comp_message-3.serif {
font-family: "Imperial 400", sans-serif;
font-size: 16px;
font-weight: 400;
}
.comp_message-3.serif.variable {
height: 1px;
}
.message_timestamp {
color: #a0a0a0;
font-size: 10px;
}
.div-block-3862 {
color: #282738;
letter-spacing: -.6px;
font-family: "Franklin 700", sans-serif;
font-size: 36px;
line-height: 43px;
}
.progress_bar-copy {
z-index: 10;
width: 100%;
height: 80px;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
transition: background-color .2s;
display: flex;
position: absolute;
bottom: 0;
left: 0;
}
.label-copy {
justify-content: flex-start;
display: flex;
}
.div-block-3863 {
z-index: 5;
flex-direction: row;
align-items: center;
font-size: 13px;
display: flex;
position: relative;
}
.div-block-3864 {
height: 300vh;
position: relative;
}
.div-block-3864._400 {
width: 100%;
height: 400vh;
}
.div-block-3865 {
width: 32px;
height: 32px;
min-height: 32px;
min-width: 32px;
color: #020202;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 17px;
padding: 0;
font-size: 12px;
display: flex;
}
.anim_message-copy {
width: 100%;
max-width: 500px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.conversation_main {
z-index: 10;
width: 40%;
min-width: 360px;
background-color: #fff;
background-image: linear-gradient(#f9f9f7, #fff);
flex-direction: column;
justify-content: flex-end;
padding-bottom: 12px;
display: flex;
position: relative;
box-shadow: 0 0 0 15px rgba(0, 0, 0, .02);
}
.sidearrows1 {
width: 100%;
opacity: 1;
justify-content: center;
align-items: center;
margin-top: 15px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: absolute;
bottom: -53px;
}
.sidearrows1.a {
width: 100%;
opacity: 1;
justify-content: flex-start;
margin-top: 0;
position: absolute;
bottom: -50px;
}
.div-block-3866 {
width: 100%;
height: 1px;
background-color: #ddd;
}
.div-block-3867 {
z-index: 20;
height: 300vh;
background-color: #000;
position: relative;
}
.div-block-3867._400 {
width: 100%;
height: 350vh;
}
.anim_bar {
width: 100%;
height: 3px;
position: absolute;
top: 0;
}
.progress1 {
width: 100%;
height: 100%;
background-color: #555;
background-image: linear-gradient(to right, #2afd45, #0790cf);
position: relative;
left: -100%;
}
.image-679 {
width: 12px;
opacity: .5;
transform: rotate(-90deg);
}
.image-679.rev {
transform: rotate(90deg);
}
.div-block-3868 {
height: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3869 {
width: 100%;
padding-bottom: 0;
padding-left: 20px;
}
.div-block-3712-copy {
color: #2e2e2e;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 99px;
padding: 3px 20px;
font-size: 11px;
font-weight: 700;
position: absolute;
left: 139px;
}
.div-block-3712-copy._1 {
left: 68px;
}
.div-block-3712-copy._2 {
left: 265px;
}
.div-block-3712-copy._6 {
left: auto;
right: 46px;
}
.div-block-3870 {
border: 0 solid #ddd;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-family: Circularxxweb, sans-serif;
font-size: 12px;
font-weight: 500;
position: relative;
top: 0;
}
.bot_name {
background-color: rgba(228, 228, 228, .6);
border: 0 solid #f1f1f1;
border-radius: 12px 99px 99px;
margin-right: 5px;
padding: 3px 12px;
font-size: 10px;
font-weight: 400;
position: relative;
}
._1div-block-3693-copy {
width: 1px;
height: 100%;
background-color: #ddd;
}
.div-block-3871 {
white-space: nowrap;
flex-direction: column;
justify-content: center;
margin-left: 6px;
display: flex;
}
.progress_bar_branding-2 {
margin-bottom: 2px;
font-size: 16px;
font-weight: 500;
line-height: 18px;
}
.div-block-3872 {
height: 500vh;
}
.div-block-3872._600 {
width: 100%;
height: 600vh;
}
.slide_content {
z-index: 25;
width: 550px;
max-width: 550px;
opacity: 1;
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
right: -645px;
}
.div-block-3873 {
width: 100%;
height: 0;
border-radius: 16px;
overflow: hidden;
}
.div-block-3874 {
width: 100%;
white-space: nowrap;
justify-content: center;
display: flex;
position: absolute;
top: -63px;
}
.module_type {
color: #707070;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 1px 15px;
font-size: 11px;
font-weight: 300;
display: none;
position: absolute;
top: -12px;
right: 19px;
}
.image-665 {
width: 100%;
}
.div-block-3875 {
margin-bottom: 10px;
display: flex;
}
.div-block-3875.last {
margin-bottom: 0;
}
.device {
opacity: .5;
align-items: center;
margin-left: 12px;
margin-right: 12px;
font-size: 12px;
font-weight: 500;
display: flex;
}
.div-block-3876 {
height: 100%;
align-items: flex-end;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3877 {
width: 45px;
height: 45px;
color: #3d3d3d;
cursor: pointer;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
font-family: Materialicons, sans-serif;
font-size: 16px;
display: flex;
}
.div-block-3877:hover {
color: #f8f5f5;
background-color: #252525;
border-color: #252525;
}
.div-block-3878 {
height: 0;
flex-direction: column;
display: flex;
overflow: hidden;
}
.div-block-3878.active {
height: 200px;
display: flex;
}
.text-block-346 {
z-index: 2;
position: relative;
}
.div-block-3709 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 50px;
right: -24px;
}
.div-block-3709.inv {
display: none;
}
.bot_details {
z-index: 10;
justify-content: space-between;
align-items: center;
padding: 2px 20px 0;
display: flex;
position: relative;
}
.container_resize {
height: 100%;
max-height: 750px;
max-width: 1380px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-3879 {
width: 180px;
height: 310px;
background-color: #f5f5f3;
border-radius: 1px;
margin-right: 10px;
overflow: hidden;
}
.div-block-3879.a {
height: auto;
background-color: rgba(245, 245, 243, 0);
}
.div-block-3879.aaaa {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3880 {
width: 82px;
height: 150px;
margin-right: 10px;
}
.div-block-3880.last {
height: 150px;
margin-right: 0;
}
.div-block-3881 {
z-index: 2;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-3882 {
width: 100%;
background-color: rgba(250, 250, 250, 0);
border-bottom: 1px solid #e4e4e4;
flex-direction: column;
padding: 50px 20px 50px 80px;
display: flex;
}
.div-block-3882.first {
border-top: 1px solid #eee;
}
.div-block-3882.first.active {
cursor: auto;
}
.div-block-3882.first.active:hover {
background-color: rgba(250, 250, 250, 0);
}
.redirect {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 121px;
left: -78px;
}
.redirect._5 {
bottom: 178px;
left: -102px;
}
.redirect.inv {
display: none;
}
.redirect._3 {
bottom: 67px;
left: -129px;
}
.textoptions_item-2 {
color: #2b2b2b;
cursor: pointer;
border: 2px solid #000;
border-radius: 99px;
flex-direction: row;
align-items: center;
margin: 3px 3px 3px 2px;
padding: 11px 20px;
font-size: 14px;
font-weight: 500;
display: flex;
position: relative;
overflow: hidden;
}
.textoptions_item-2:hover {
filter: sepia(10%) invert(10%);
}
.textoptions_item-2.poll {
width: 100%;
border-width: 1px;
border-color: #ccc;
justify-content: flex-start;
align-items: center;
margin-top: 4px;
margin-bottom: 4px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
font-size: 13px;
display: flex;
}
.textoptions_item-2.poll:hover {
border-color: #000;
}
.textoptions_item-2.poll.pluto {
background-color: #fff;
border-color: #f8f8f8;
border-radius: 4px;
margin-top: 3px;
margin-bottom: 3px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 15px;
font-weight: 500;
}
.textoptions_item-2.poll.pluto.link {
background-color: #dfebf1;
border-color: #c6d5db;
border-radius: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.textoptions_item-2.poll.pluto.link._2 {
border-radius: 6px;
}
.div-block-3856 {
color: #000;
letter-spacing: .4px;
border: 0 solid #e6e6e6;
justify-content: flex-start;
align-items: center;
padding: 0;
font-size: 13px;
font-weight: 700;
display: flex;
position: relative;
left: -50px;
}
.bg_change {
z-index: 20;
width: 100%;
height: 85px;
color: #fff;
background-color: rgba(226, 226, 226, .1);
border-bottom: 0 solid #ececec;
position: absolute;
top: 0;
overflow: hidden;
}
.theshadow {
opacity: 0;
position: absolute;
bottom: -78px;
}
.moments1 {
z-index: 100;
width: 350px;
height: 680px;
opacity: 1;
justify-content: center;
align-items: center;
padding-top: 32px;
display: flex;
position: absolute;
}
.conversation_status_icon {
width: 30px;
height: 12px;
justify-content: center;
align-items: center;
display: flex;
}
.conversation_status_icon.typing {
width: 32px;
opacity: .9;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ea668a65845852e0c1be1_animation00.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.thevideo {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.div-block-3883 {
font-size: 16px;
display: flex;
}
.div-block-3883.inv {
color: #383838;
cursor: pointer;
border: 1px solid #e6e6e6;
border-radius: 99px;
margin-right: 5px;
padding: 15px 52px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
.div-block-3883.inv:hover {
color: #202020;
border-color: #353535;
}
.div-block-3883.inv.rev {
color: #ece8e8;
background-color: #2e2e2e;
text-decoration: none;
}
.div-block-3883.inv.rev:hover {
color: #000;
background-color: #fff;
border-color: #424242;
}
.skateboarding {
z-index: 60;
width: 100%;
position: relative;
}
.image-682 {
height: 100%;
min-height: 100%;
object-fit: cover;
}
.div-block-3884 {
z-index: 10;
width: 100%;
height: 100%;
opacity: .08;
background-color: #181818;
position: absolute;
top: 0;
}
.div-block-3859 {
color: #353535;
letter-spacing: -.5px;
text-transform: none;
font-size: 33px;
font-weight: 300;
line-height: 35px;
}
.poll_progress-2 {
width: 100%;
height: 100%;
opacity: 1;
background-color: rgba(29, 155, 240, .58);
border-radius: 6px;
transition: opacity .2s, left .55s;
position: absolute;
left: -100%;
}
.div-block-3936 {
width: 33%;
color: #b8b8b8;
border-right: 0 solid rgba(105, 105, 105, .2);
flex-direction: column;
justify-content: flex-start;
padding: 25px 40px 25px 0;
display: flex;
}
.text-block-471 {
padding-right: 20px;
}
.div-block-3932 {
width: 100%;
max-width: 1280px;
color: #eee;
}
.div-block-3934 {
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
line-height: 24px;
}
.message_break {
z-index: 10;
width: 100%;
background-image: linear-gradient(#f7f8f8 2%, #fff);
border-top: 0 solid #f5f5f5;
justify-content: center;
align-items: flex-start;
padding: 50px;
display: flex;
position: relative;
overflow: hidden;
}
.message_break.dark {
z-index: 50;
background-image: linear-gradient(#052020 2%, #1c1c27 96%);
flex-direction: column;
align-items: center;
padding-top: 80px;
padding-bottom: 120px;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.message_break.dark.second {
z-index: 61;
height: 50vh;
background-image: linear-gradient(#052020 2%, #1c1c27 96%);
padding-top: 120px;
padding-bottom: 120px;
}
.div-block-3935 {
font-size: 20px;
font-weight: 300;
line-height: 28px;
}
.div-block-3933 {
opacity: .73;
border-bottom: 1px solid rgba(102, 102, 102, .19);
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 15px;
font-weight: 500;
display: flex;
}
.div-block-3898 {
width: 50px;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
left: 0;
}
.div-block-3902 {
opacity: 0;
color: #000;
text-transform: uppercase;
white-space: nowrap;
justify-content: flex-start;
font-size: 11px;
font-weight: 700;
line-height: 14px;
display: flex;
position: absolute;
left: 33.1094px;
}
.div-block-3937 {
font-size: 13px;
}
.content_body {
width: 100%;
padding: 23px;
font-size: 17px;
line-height: 26px;
}
.content_body.sol1 {
flex-direction: column;
align-items: center;
padding: 0;
font-family: "Imperial 400", sans-serif;
line-height: 30px;
display: flex;
position: relative;
}
.content_body.sol1.mobi {
display: none;
}
.status_body {
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
position: relative;
}
.div-block-3891 {
align-items: flex-start;
display: flex;
position: relative;
}
.topcontainer {
z-index: 2;
width: 100%;
background-color: #f8f6f6;
justify-content: center;
align-items: center;
padding-bottom: 35px;
display: flex;
position: relative;
}
.html-embed-16 {
width: 100%;
height: 100%;
}
.a4-copy1-2 {
margin-top: 4px;
margin-bottom: 10px;
}
.container_1 {
z-index: 60;
width: 100%;
position: relative;
}
.container_1._64 {
z-index: 64;
}
.div-block-3665 {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3665._970 {
max-width: 970px;
}
.div-block-3938 {
opacity: .37;
}
.div-block-3899 {
width: 20px;
height: 20px;
border: 1px solid #e6e6e6;
border-radius: 99px;
padding: 5px;
}
.div-block-3887 {
width: 50px;
height: 1px;
margin-left: 10px;
}
.browser {
width: 100%;
height: 100%;
max-width: 1280px;
background-color: #fff;
border: 1px solid #dadada;
border-radius: 6px;
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
box-shadow: 1px 1px 15px 9px rgba(0, 0, 0, .05);
}
.div-block-3939 {
width: 100%;
max-width: 700px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
font-family: "Franklin 700", sans-serif;
font-size: 30px;
}
.div-block-3890 {
min-height: 480px;
flex-direction: column;
display: flex;
}
.div-block-3890.spaced {
padding-top: 20px;
}
.div-block-3890.xx {
max-width: 383px;
}
.div-block-3940 {
width: 100%;
max-width: 700px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-3941 {
font-size: 38px;
line-height: 38px;
}
.div-block-3942 {
font-family: "Imperial 400", sans-serif;
font-size: 18px;
}
.div-block-3884-copy {
margin-right: 3px;
font-size: 11px;
}
.div-block-3884-copy.red2 {
font-size: 11px;
}
.div-block-3884-copy.red {
color: red;
font-family: "Franklin 700", sans-serif;
font-weight: 400;
}
.status_int {
width: 100%;
height: 100%;
background-color: #e7e7e7;
border-radius: 99px;
}
.div-block-3943 {
width: 970px;
height: 250px;
background-color: #fff;
transition: all .2s;
}
.image-688 {
width: 25px;
min-width: 20px;
filter: invert();
}
.div-block-3944 {
width: 100%;
max-width: 970px;
align-items: center;
display: flex;
}
._12div-block-3884-copy {
border-right: 1px solid #dfdfdf;
margin-left: 10px;
margin-right: 10px;
padding-right: 10px;
}
.div-block-3892 {
width: 340px;
height: 680px;
position: absolute;
right: -80px;
}
.top_menu {
z-index: 5;
width: 100%;
height: 50px;
min-height: 50px;
white-space: nowrap;
background-color: #fff;
border-bottom: 1px solid #e4e4e4;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.div-block-3945 {
display: none;
}
.div-block-3946 {
width: 100%;
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-3947 {
border-right: 1px solid #dfdfdf;
margin-right: 10px;
padding-right: 10px;
font-family: "Franklin 700", sans-serif;
}
.div-block-3886 {
width: 50px;
margin-right: 10px;
padding-left: 20px;
}
.text-block-465 {
font-family: "Franklin 700", sans-serif;
font-size: 15px;
font-weight: 400;
}
.div-block-3948 {
width: 100%;
height: 1px;
background-color: #f3f3f3;
margin-top: 10px;
margin-bottom: 10px;
}
.div-block-3893 {
width: 100%;
height: 680px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3949 {
border: 0 solid #dfdfdf;
border-radius: 2px;
transition: all .2s;
}
.html-embed-18 {
width: 100%;
height: 100%;
max-width: 400px;
}
.div-block-3885 {
align-items: center;
display: flex;
}
.div-block-3950 {
color: #eee4e4;
letter-spacing: -.8px;
font-size: 40px;
font-weight: 300;
line-height: 50px;
}
.div-block-3951 {
width: 100%;
height: 100vh;
}
.div-block-3952 {
flex-direction: column;
display: none;
}
.partners_cover {
width: 100%;
height: 100vh;
padding: 60px 60px 30px;
overflow: hidden;
}
.div-block-3954 {
width: 100%;
height: 100%;
min-height: 600px;
flex-direction: row;
display: flex;
}
.div-block-3955 {
width: 50%;
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
}
.div-block-3956 {
width: 50%;
height: 100%;
background-color: #1f1f1f;
border-radius: 24px;
overflow: hidden;
}
.body-10 {
height: 100%;
}
.div-block-3957 {
width: 100%;
height: 100%;
background-color: #fff;
border-top: 1px solid #e2e2e2;
}
.div-block-3958 {
color: #080808;
letter-spacing: -1px;
font-family: Neuehaasgrottext web, sans-serif;
font-size: 48px;
line-height: 52px;
}
.div-block-3958.h2 {
color: #a0a0a0;
}
.div-block-3959 {
max-width: 550px;
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 28px;
position: relative;
}
.intro_line {
align-items: flex-start;
margin-top: 5px;
margin-bottom: 5px;
font-family: Circularxxweb, sans-serif;
font-size: 17px;
font-weight: 400;
display: flex;
}
.div-block-3961 {
min-width: 80px;
margin-right: 10px;
font-size: 17px;
}
.div-block-3962 {
opacity: .7;
color: #242424;
font-size: 17px;
font-weight: 400;
}
.div-block-3963 {
width: 100%;
height: 100px;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
display: flex;
}
.sheets_container {
flex-direction: column;
margin-top: 10px;
font-family: Neuehaasgrotdisp web, sans-serif;
display: flex;
}
.sheet_element {
cursor: pointer;
margin-right: 5px;
font-size: 20px;
}
.sheet_element:hover {
text-decoration: underline;
}
.div-block-3959-copy {
max-width: 550px;
margin-top: 15px;
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 28px;
position: relative;
}
.div-block-3966 {
width: 100vw;
height: 1px;
background-color: rgba(82, 82, 82, .1);
position: absolute;
bottom: -17px;
}
.div-block-3966-copy {
width: 100vw;
height: 1px;
background-color: rgba(82, 82, 82, .1);
position: absolute;
top: -12px;
bottom: auto;
}
.image-689 {
width: 100%;
height: 100%;
opacity: .64;
object-fit: cover;
}
.partners_page3 {
width: 100%;
height: 100vh;
padding: 30px 60px;
overflow: hidden;
}
.div-block-3967 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-3955-copy {
width: 50%;
flex-direction: column;
justify-content: flex-end;
padding-left: 20px;
display: flex;
position: relative;
}
.div-block-3968 {
height: 100%;
display: flex;
}
.div-block-3956-copy {
z-index: 5;
width: 50%;
height: 100%;
background-color: #f8f8f8;
border: 1px solid #f0f0f0;
border-radius: 24px;
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
overflow: hidden;
}
.stories_container {
width: 366px;
height: 670px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
box-shadow: 1px 1px 14px rgba(0, 0, 0, .05);
}
.div-block-3970 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-3971 {
width: 100%;
height: 1px;
color: #e6e6e6;
background-color: #ebebeb;
}
.div-block-3972 {
letter-spacing: .6px;
text-transform: uppercase;
white-space: nowrap;
margin-right: 10px;
font-size: 10px;
font-weight: 300;
}
.div-block-3966-copy {
width: 100vw;
height: 1px;
background-color: rgba(82, 82, 82, .1);
position: absolute;
bottom: -17px;
}
.div-block-3966-copy-copy12 {
width: 50px;
height: 10px;
background-color: #000;
position: absolute;
top: -25px;
bottom: auto;
}
.div-block-3966-copy-copy12.inverted {
opacity: 0;
background-color: #fff;
}
.div-block-3973 {
position: relative;
}
.theslide {
width: 100%;
height: 100%;
min-height: 600px;
min-width: 100%;
background-color: #fff;
border: 0 solid #dadada;
border-radius: 6px;
flex-direction: row;
margin-right: 30px;
display: flex;
}
.wrapper {
height: 100%;
display: flex;
}
.swiper {
width: 100%;
height: 100%;
flex-direction: column;
display: flex;
position: relative;
}
.div-block-3975 {
z-index: 10;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 20px 20px 20px 0;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.sw_bullet {
width: 8px;
height: 8px;
min-height: 8px;
min-width: 8px;
opacity: .5;
cursor: pointer;
background-color: #000;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 999px;
margin-right: 5px;
transition: all .5s;
}
.sw_bullet:hover {
background-color: #fff;
border: 1px solid #000;
}
.sw_bullet.swiper-pagination-bullet-active {
width: 55px;
opacity: 1;
}
.sw_right {
width: 150px;
height: 40px;
min-height: 40px;
min-width: 80px;
color: #fff;
cursor: pointer;
background-color: #1a1a1a;
border: 1px solid #1a1a1a;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
padding-left: 2px;
font-family: Materialicons, sans-serif;
font-size: 12px;
transition: all .3s;
display: flex;
}
.sw_right:hover {
width: 160px;
color: #3f3f3f;
background-color: #fff;
border-color: #3f3f3f;
}
.pagination {
max-width: 600px;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-3978 {
height: 50px;
align-items: center;
display: flex;
}
.sw_left {
width: 80px;
height: 40px;
min-height: 40px;
min-width: 80px;
color: #1a1a1a;
cursor: pointer;
background-color: #fff;
border: 1px solid #4b4b4b;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 10px;
padding-left: 5px;
font-family: Materialicons, sans-serif;
font-size: 12px;
transition: all .3s;
display: flex;
}
.sw_left:hover {
width: 90px;
color: #fff;
background-color: #1a1a1a;
border-color: #1a1a1a;
}
.div-block-3979 {
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.div-block-3980 {
color: #fff;
background-color: #fa0808;
border-radius: 999px;
padding: 4px 10px;
font-size: 10px;
line-height: 12px;
display: none;
}
.div-block-3980.active {
display: flex;
}
.background-video-109 {
z-index: 5;
width: 100%;
height: 100%;
object-fit: cover;
}
.div-block-3996 {
width: 300px;
height: 3px;
filter: blur(12px);
background-image: radial-gradient(circle, #000, #fff);
border-radius: 999px;
position: relative;
top: 28px;
}
.div-block-3997 {
flex-direction: column;
justify-content: center;
display: flex;
}
.div-block-3998 {
justify-content: center;
align-items: center;
display: flex;
}
.partners_page2 {
width: 100%;
height: 100vh;
justify-content: space-between;
align-items: center;
padding: 30px 60px;
display: flex;
}
.context_item {
max-width: 650px;
color: #f1efef;
text-align: left;
border-bottom: 1px solid rgba(194, 194, 194, .11);
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 35px;
padding-bottom: 35px;
display: flex;
}
.div-block-4001 {
opacity: 1;
font-family: Neuehaasgrotdisp web, sans-serif;
font-size: 18px;
}
.div-block-4002 {
color: #c7c7c7;
padding-top: 10px;
padding-left: 61px;
font-family: Circularxxweb, sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 36px;
}
.div-block-4003 {
width: 50%;
height: 100%;
background-color: #303030;
border-radius: 24px;
overflow: hidden;
}
.div-block-4004 {
width: 50%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 70px;
padding-right: 20px;
display: flex;
}
.image-690 {
width: 100%;
height: 100%;
opacity: .85;
object-fit: cover;
}
.div-block-4005 {
align-items: center;
display: flex;
}
.div-block-4006 {
color: #313131;
background-color: #dfdfdf;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
padding: 2px 20px;
font-family: Neuehaasgrottext web, sans-serif;
font-size: 10px;
line-height: 12px;
display: flex;
}
.div-block-4006.s2 {
letter-spacing: 0;
padding-left: 100px;
}
.div-block-4006.s3 {
padding-left: 200px;
}
.div-block-4007 {
color: #969696;
letter-spacing: .2px;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #d3d3d3;
border-radius: 99px;
padding: 6px 60px;
font-family: Materialicons, sans-serif;
font-size: 11px;
font-weight: 300;
position: absolute;
bottom: 20px;
}
.div-block-4007:hover {
color: #3f3f3f;
border-color: #727272;
}
.div-block-4008 {
width: 100%;
height: 100%;
background-color: #1a191f;
border-radius: 24px;
flex-direction: row;
padding: 0 20px 0 0;
display: flex;
}
.partners_page4, .partners_page5 {
width: 100%;
height: 100vh;
justify-content: space-between;
align-items: center;
padding: 30px 60px;
display: flex;
}
.div-block-4008-copy {
width: 100%;
height: 100%;
background-color: #1a191f;
border-radius: 24px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.sdiv-block-4008-copy {
width: 100%;
height: 100%;
background-color: #f1f1f1;
border-radius: 24px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 20px 0 0;
display: flex;
}
.div-block-4009 {
color: #1d1d1d;
justify-content: center;
align-items: center;
font-family: Neuehaasgrotdisp web, sans-serif;
font-size: 48px;
line-height: 52px;
display: flex;
}
.div-block-4010 {
text-align: center;
margin-top: 10px;
font-size: 21px;
font-weight: 300;
line-height: 34px;
}
.sw_right-copy {
width: 80px;
height: 40px;
min-height: 40px;
min-width: 80px;
color: #fff;
cursor: pointer;
background-color: #1a1a1a;
border: 1px solid #1a1a1a;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
padding-left: 2px;
font-family: Materialicons, sans-serif;
font-size: 12px;
transition: all .3s;
display: flex;
position: absolute;
top: 20px;
right: 20px;
}
.sw_right-copy:hover {
width: 90px;
color: #3f3f3f;
background-color: #fff;
border-color: #3f3f3f;
}
.sw_left-copy {
width: 40px;
height: 80px;
min-height: 80px;
min-width: 40px;
color: #1a1a1a;
cursor: pointer;
border: 1px solid #b3b3b3;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 0;
font-family: Materialicons, sans-serif;
font-size: 16px;
transition: all .3s;
display: flex;
position: static;
bottom: 20px;
right: 20px;
}
.sw_left-copy:hover {
height: 150px;
color: #fff;
background-color: #1a1a1a;
border-color: #1a1a1a;
}
.div-block-4004-copy {
z-index: 5;
width: 50%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.div-block-3955-copy-copy {
width: 50%;
flex-direction: column;
justify-content: flex-end;
padding-left: 20px;
display: flex;
position: relative;
}
.div-block-4011 {
position: absolute;
bottom: 10px;
right: 20px;
}
.partners_footer {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1542-copy {
width: 100%;
justify-content: space-between;
align-items: center;
padding: 20px 60px;
display: flex;
}
.div-block-1541-copy {
white-space: nowrap;
margin-right: 0;
font-size: 17px;
font-weight: 300;
}
.footer-bottom-links-copy {
text-align: right;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 15px;
text-decoration: none;
display: flex;
}
.div-block-4012 {
width: 100%;
height: 100%;
opacity: .98;
position: absolute;
}
.image-691 {
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
.div-block-4013 {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
font-size: 16px;
font-weight: 300;
display: flex;
}
.div-block-4014 {
width: 100%;
padding: 60px;
}
.div-block-3566-copy {
border-left: 1px solid #e2e2e2;
border-right: 0 solid #e2e2e2;
flex-direction: column;
justify-content: flex-start;
padding-left: 50px;
padding-right: 53px;
display: flex;
}
.div-block-3566-copy.last {
border-right-width: 0;
}
.div-block-3566-copy.o {
border-left-width: 0;
padding-left: 0;
padding-right: 70px;
}
.div-block-3566-copy.o2 {
border-left-width: 0;
}
._11div-block-2100-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #f8f8f8;
border-radius: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-columns: 1fr;
padding: 120px 60px;
display: grid;
}
.div-block-4015 {
font-size: 22px;
font-weight: 300;
line-height: 36px;
}
.headline1, .div-block-4016 {
font-family: Neuehaasgrotdisp web, sans-serif;
}
.image-265 {
width: 150px;
min-width: 150px;
filter: invert();
}
.image-265._2 {
width: 170px;
min-width: 170px;
filter: none;
}
.topmenu-2 {
z-index: 1001;
width: 100%;
height: 95px;
border: 0 solid #000;
border-bottom-color: #ebebeb;
justify-content: center;
align-items: center;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-3201 {
color: #000;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
display: flex;
}
.menu_close_button {
justify-content: center;
align-items: center;
display: flex;
}
.solutionsmenu-2 {
z-index: 104;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 90px;
padding-bottom: 90px;
font-family: Circularxxweb, sans-serif;
transition: flex .3s;
display: flex;
position: fixed;
top: -402px;
}
.signin-3 {
height: 100%;
color: #000;
white-space: nowrap;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 0 solid rgba(196, 196, 196, .5);
border-bottom: 3px solid rgba(0, 0, 0, 0);
border-radius: 1px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 15px;
padding-top: 6px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
display: flex;
position: relative;
top: 0;
}
.signin-3:hover {
height: 100%;
border-bottom-color: #000;
text-decoration: none;
}
.signin-3.pricing, .signin-3.login, .signin-3.platform, .signin-3.cs {
display: none;
}
.mobile_menu {
z-index: 99999;
width: 100vw;
min-height: 100vh;
background-color: #191a1f;
border-left: 1px dashed rgba(92, 92, 92, .17);
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 0;
display: none;
position: absolute;
top: 0;
left: 0;
}
.registration_form-copy {
max-width: 462px;
flex-direction: column;
transition: all 50ms;
display: none;
}
.div-block-4017 {
display: flex;
}
.actionbutton {
color: #f2f3eb;
white-space: nowrap;
cursor: pointer;
background-color: #111;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 0;
padding: 12px 28px;
font-family: Circularxxweb, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.actionbutton:hover {
color: #161616;
background-color: #fff;
text-decoration: none;
}
.div-block-2473 {
width: 100%;
height: 100%;
max-width: 1360px;
border: 0 solid #000;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.text-block-293 {
font-weight: 500;
}
.div-block-4018 {
z-index: 105;
width: 100%;
height: 100%;
background-color: #fff;
border-bottom: 1px solid #f5f5f5;
justify-content: center;
align-items: center;
padding-left: 30px;
padding-right: 30px;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
}
.the_menu_button {
width: 66px;
height: 100px;
min-height: 64px;
min-width: 66px;
cursor: pointer;
background-color: #fff;
justify-content: center;
align-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 20px 21px;
display: none;
}
.the_menu_button:hover {
filter: invert();
}
.overlayer-2 {
z-index: 101;
width: 100%;
height: 100%;
opacity: 0;
background-color: #494949;
transition: flex .2s;
display: none;
position: fixed;
top: 0;
}
.div-block-4101 {
width: 300px;
justify-content: flex-end;
font-weight: 300;
display: flex;
}
.div-block-4102 {
z-index: 1;
width: 100%;
height: 100px;
max-height: 100px;
border-top: 0 solid #f1f1f1;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: static;
bottom: 0;
}
.div-block-4099 {
height: 90px;
padding-top: 20px;
padding-left: 20px;
position: absolute;
top: 0;
}
.div-block-4094 {
height: 100%;
background-image: linear-gradient(#f9f9f7 8%, #fff 97%);
flex-direction: column;
justify-content: space-between;
display: flex;
}
.div-block-4086 {
color: #5e5e5e;
margin-bottom: 2px;
font-size: 14px;
font-weight: 300;
}
.form-block-4 {
margin-bottom: 0;
}
.div-block-4105 {
align-items: flex-end;
display: flex;
position: relative;
}
.div-block-4085 {
flex-flow: wrap;
display: flex;
}
.div-block-4106 {
justify-content: center;
align-items: center;
font-size: 10px;
display: flex;
}
.div-block-4106.inactive {
display: none;
}
.div-block-4107 {
width: 300px;
align-items: center;
display: flex;
position: absolute;
right: 0;
}
.url_details_input {
width: 100%;
margin-bottom: 10px;
}
.div-block-4108 {
margin-left: 3px;
font-family: Materialicons, sans-serif;
}
.div-block-3573-copy {
margin-right: 5px;
font-size: 10px;
font-weight: 700;
}
.div-block-4087 {
background-color: #fff;
border-top: 1px solid #eee;
border-bottom: 0 solid #eee;
padding: 30px 30px 0;
}
.image-692 {
width: 140px;
min-width: 140px;
}
.div-block-3957.click {
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border-top-width: 0;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.div-block-3957.click:hover {
color: #0c0c0c;
text-decoration: underline;
}
.div-block-3957.click {
cursor: pointer;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.div-block-3957.click:hover {
color: #0c0c0c;
text-decoration: underline;
}
.improved_bullet {
color: #575757;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 6px;
margin-right: 6px;
padding: 3px 20px;
font-size: 12px;
font-weight: 300;
transition: all .2s;
display: flex;
}
.improved_bullet:hover {
color: #e9e7e7;
background-color: #272727;
border-color: #272727;
}
.div-block-4103 {
width: 50px;
height: 35px;
cursor: pointer;
border: 1px solid #cecece;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 12px;
transition: all .15s;
display: flex;
}
.div-block-4103:hover {
width: 100px;
color: #fff;
background-color: #080808;
border-color: #080808;
}
.div-block-4103.active {
width: 100px;
color: #fff;
background-color: #1f1f1f;
border-color: #1f1f1f;
}
.text-field {
width: 250px;
height: 50px;
border-radius: 1px;
margin-bottom: 0;
margin-right: 0;
font-weight: 300;
}
.label2 {
margin-top: 5px;
display: none;
}
.div-block-4109 {
width: 100%;
height: 100px;
max-width: 500px;
background-color: #fff;
border-top: 1px solid #f3f3f3;
border-left: 0 solid #f3f3f3;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-4091 {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 15px;
}
.div-block-4110 {
color: #969696;
letter-spacing: -.2px;
padding-bottom: 3px;
font-size: 19px;
font-weight: 300;
}
.div-block-4089 {
color: #757575;
cursor: pointer;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 6px;
margin-right: 5px;
padding: 3px 15px;
font-size: 11px;
font-weight: 400;
display: flex;
}
.div-block-4089:hover {
color: #fff;
background-color: #222;
border-color: #a0a0a0 #a0a0a0 #222;
}
.div-block-4096 {
width: 100%;
height: 100vh;
flex-direction: row;
display: flex;
}
.improved_content {
width: 100%;
justify-content: space-between;
margin-top: 10px;
display: none;
}
.div-block-4111 {
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
font-size: 12px;
display: flex;
}
.div-block-4098 {
width: 100%;
height: 100%;
max-width: 450px;
min-width: 450px;
}
.div-block-4112 {
margin-top: 5px;
font-size: 10px;
display: flex;
}
.label-2 {
z-index: 2;
justify-content: flex-start;
font-size: 15px;
font-weight: 300;
display: flex;
position: relative;
}
.message_container_bottom-2 {
width: 100%;
height: 12px;
background-color: #ecf5f9;
border: 1px solid #c3deeb;
border-top: 0 solid #dfdfdf;
border-radius: 0 0 99px 20px;
transition: border-radius .45s;
}
.message_container_bottom-2.creator {
background-color: #fcfbee;
border-width: 0 1px 1px;
border-color: #dad9d5;
}
.div-block-4113 {
font-size: 10px;
}
.div-block-4097 {
width: 100%;
background-color: #f8f8f8;
flex-direction: column;
justify-content: center;
display: flex;
position: relative;
}
.form {
align-items: center;
display: flex;
}
.div-block-4090 {
flex-wrap: wrap;
justify-content: flex-start;
display: none;
}
.div-block-4114 {
width: 360px;
}
.div-block-4115 {
z-index: 10;
width: 100%;
height: 100%;
max-width: 500px;
background-color: #fff;
border-left: 0 solid #f0f0f0;
flex-direction: column;
justify-content: space-between;
padding-top: 0;
display: flex;
position: relative;
box-shadow: 2px 0 18px -8px rgba(0, 0, 0, .06);
}
.div-block-4104 {
width: 7px;
height: 7px;
background-color: #ce1c1c;
border-radius: 99px;
margin-right: 5px;
}
.div-block-4093 {
height: 50px;
color: #fff;
cursor: pointer;
background-color: #000;
border: 1px solid #000;
justify-content: center;
align-items: center;
margin-left: 5px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
font-weight: 500;
display: flex;
}
.div-block-4093:hover {
color: #fff;
background-color: #5e5e5e;
border-color: #b4b4b4;
}
.div-block-4092 {
width: 60px;
height: 90px;
color: #fff;
cursor: pointer;
background-color: #ebebeb;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
font-size: 15px;
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: -60px;
}
.div-block-4092:hover {
background-color: #2b2b2b;
}
.messages {
width: 100%;
height: 100%;
max-width: 500px;
flex-direction: column;
justify-content: flex-start;
padding: 28px 30px 20px;
display: flex;
overflow: auto;
}
.textarea-6-copy {
min-height: 160px;
border: 1px solid #dadada;
border-radius: 6px;
margin-bottom: 0;
font-size: 15px;
font-weight: 300;
line-height: 26px;
transition: all .35s;
}
.textarea-6-copy:hover {
background-color: #fafaf0;
}
.textarea-6-copy:focus {
background-color: #fafaf0;
border-color: #6f9edd;
box-shadow: -1px 1px 8px rgba(192, 194, 165, .1);
}
.textarea-6-copy::-ms-input-placeholder {
color: #2c2c2c;
}
.textarea-6-copy::placeholder {
color: #2c2c2c;
}
.textarea-6-copy.small {
font-size: 12px;
}
.textarea-6-copy.small.lightscroll {
min-height: 120px;
font-size: 15px;
transition-duration: .4s;
}
.form_container_input {
width: 100%;
flex-direction: column;
align-items: center;
font-weight: 300;
display: flex;
position: relative;
}
.themessage {
flex-direction: column;
display: flex;
}
.div-block-4116 {
width: 100%;
height: 35px;
cursor: pointer;
border: 1px solid #d3d3d3;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
padding: 10px 40px;
font-size: 12px;
font-weight: 500;
display: flex;
}
.div-block-4116:hover {
color: #eee;
background-color: #0a0a0a;
border-color: #0a0a0a;
}
.form_container_ai {
color: #444;
flex-flow: wrap;
align-items: center;
margin-bottom: 0;
font-size: 13px;
font-weight: 500;
line-height: 21px;
display: flex;
position: relative;
}
.form_container_ai.iseditable {
transition: all .2s;
}
.form_container_ai.iseditable:hover {
background-color: #fafaf0;
}
.form_container_ai.iseditable:focus {
background-color: #fafaf0;
border: 1px solid #ececec;
padding: 5px;
}
.div-block-4117 {
border-bottom: 0 solid #f8f8f8;
flex-direction: column;
align-items: flex-start;
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px;
display: flex;
}
.div-block-4117.designer {
align-items: flex-end;
}
.body-11 {
font-family: Circularxxweb, sans-serif;
}
.div-block-4118 {
width: 100%;
height: 100px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0;
}
.div-block-4119 {
width: 100%;
height: 35px;
color: #fff;
background-color: #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 5px;
font-size: 12px;
font-weight: 500;
display: flex;
}
.div-block-4120 {
display: none;
}
.div-block-4121 {
width: 100%;
display: flex;
}
.div-block-4122 {
width: 100%;
position: absolute;
bottom: 0;
}
.div-block-4123 {
width: 360px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4103-copy {
width: 100%;
height: 35px;
cursor: pointer;
border: 1px solid #cecece;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
font-size: 12px;
font-weight: 500;
transition: all .15s;
display: flex;
}
.div-block-4103-copy:hover {
color: #fff;
background-color: #131313;
border-bottom-color: #131313;
}
.div-block-4103-copy.active {
width: 100px;
color: #fff;
background-color: #1f1f1f;
border-color: #1f1f1f;
}
._12div-block-3541-copy-copy-2 {
width: 100%;
height: 650px;
max-height: 780px;
min-height: 600px;
position: relative;
}
.chapter_details-2 {
color: #3d3d3d;
margin-left: 0;
padding-right: 22px;
font-size: 22px;
font-weight: 300;
line-height: 34px;
position: relative;
bottom: 9px;
}
.div-block-4124 {
height: 100%;
border: 1px solid #f0f0f0;
border-radius: 3px;
overflow: hidden;
}
.html-embed-19 {
width: 100%;
height: 100%;
}
.large_headline1-2 {
z-index: 5;
width: 100%;
margin-top: 50px;
margin-bottom: 30px;
padding-right: 0;
position: relative;
}
.large_headline1-2.home {
margin-top: 0;
margin-bottom: 30px;
}
.div-block-4125 {
display: none;
}
.pagestatus {
color: #999;
white-space: normal;
border-bottom: 1px solid #e7e7e7;
margin-top: 12px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
font-size: 15px;
font-weight: 300;
}
.div-block-4126 {
display: none;
}
.div-block-4127 {
width: 120px;
height: 4px;
background-color: #e9e9e9;
border-radius: 99px;
margin-top: 15px;
}
.div-block-4127.wide {
display: none;
}
.div-block-4127.transparent {
background-color: rgba(233, 233, 233, .24);
}
.text-span-70 {
font-size: 16px;
}
.div-block-4128 {
max-width: 380px;
position: relative;
}
.div-block-4129 {
align-items: flex-end;
display: flex;
}
.text-block-474 {
font-size: 10px;
}
.div-block-3824-copy2 {
max-width: 800px;
text-align: left;
letter-spacing: 0;
margin-bottom: 15px;
font-size: 22px;
font-weight: 300;
line-height: 38px;
}
.div-block-3824-copy2.small {
padding-right: 78px;
}
.div-block-3824-copy2.wide {
width: auto;
min-width: 1000px;
}
.div-block-4130 {
height: 100%;
max-height: 85vh;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 76px;
padding-right: 20px;
display: flex;
}
.div-block-4130.rev {
justify-content: center;
padding-left: 0;
padding-right: 0;
transform: none;
}
.div-block-4130.rev.a {
justify-content: flex-start;
}
.div-block-3527-copy-copy {
font-size: 22px;
font-weight: 300;
line-height: 34px;
position: relative;
top: 0;
}
.div-block-4037 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 50px;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.image-215 {
width: 14px;
}
.div-block-4131 {
justify-content: flex-start;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
position: relative;
left: -36px;
}
.div-block-4131._5 {
z-index: 12;
left: 11px;
}
.div-block-4131._6 {
left: -126px;
}
.div-block-4131._2-copy {
left: -114px;
}
.div-block-4131._2 {
left: -61px;
}
.div-block-4131._4 {
z-index: 10;
left: -86px;
}
.site_body_text-2 {
z-index: 10;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.site_body_text-2.left {
color: #353535;
padding-right: 50px;
}
.div-block-2723-copy-2 {
width: 100%;
max-width: 450px;
min-width: 550px;
flex-direction: column;
justify-content: center;
margin-left: 60px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.div-block-2723-copy-2.left {
margin-left: 0;
}
.div-block-2723-copy-2.wide {
max-width: none;
min-width: auto;
margin-left: 0;
}
.div-block-3824 {
width: 600px;
min-width: 600px;
letter-spacing: -1.5px;
margin-top: 5px;
margin-bottom: 10px;
font-size: 65px;
font-weight: 300;
line-height: 75px;
}
.div-block-3824.small {
padding-right: 23px;
}
.div-block-3824.small.wide {
padding-right: 0;
}
._12nwsproductdemo-2-copy-copy-copy {
z-index: 15;
width: 300px;
height: 600px;
background-color: #fff;
border: 0 solid #f0f0f0;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.feature_chapter {
width: 100%;
max-width: 1380px;
padding-top: 100px;
}
.image-695 {
width: 12px;
margin-bottom: 2px;
transform: rotate(-90deg);
}
.div-block-2661 {
width: 100%;
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-2661.wide {
display: none;
}
.div-block-2578 {
display: flex;
}
.prod_manager {
width: 100%;
max-width: 1380px;
border-radius: 99px;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
display: flex;
position: relative;
}
.prod_manager.wide {
flex-direction: column;
}
.div-block-4132 {
color: #313131;
}
.div-block-4133 {
align-items: center;
display: flex;
}
.image-696 {
width: 360px;
opacity: .15;
}
.image-696.large {
opacity: .35;
}
.image-696._123415 {
opacity: .39;
}
.div-block-4134 {
width: 100%;
height: 40px;
opacity: 1;
border: 1px solid #f3f3f3;
border-radius: 12px;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-left: 12px;
padding-right: 12px;
display: flex;
}
.div-block-4134.transparent {
border-color: rgba(243, 243, 243, .42);
}
.div-block-4135 {
width: 100%;
height: 60px;
justify-content: center;
align-items: center;
padding: 10px 20px;
display: flex;
}
.div-block-4135.wide {
display: none;
}
.div-block-4136 {
flex-direction: column;
justify-content: flex-end;
padding-right: 1206px;
display: flex;
position: absolute;
}
.image-694 {
width: 100%;
opacity: .24;
}
.image-697 {
width: 11px;
opacity: 1;
filter: invert();
}
.div-block-4137 {
margin-left: 5px;
margin-right: 5px;
}
.div-block-4138 {
width: 600px;
height: 1px;
background-color: #b1b0d6;
}
.div-block-4138._8 {
width: 550px;
}
.div-block-4138._3._5 {
width: 700px;
}
.div-block-4138._6 {
width: 150px;
}
.div-block-4138._4 {
width: 60px;
}
.div-block-4138.c2 {
background-color: #b951a4;
}
.div-block-4138._2 {
width: 100px;
}
.phone_holder {
width: 100%;
height: 100%;
background-color: #fff;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.phone_holder.dual {
flex-direction: row;
justify-content: flex-start;
padding: 0;
overflow: hidden;
}
.phone_holder.abs {
z-index: 5;
position: absolute;
top: 0;
left: 0;
}
.phone_holder.abs.a {
background-color: #f8f8f6;
}
.phone_holder.min {
min-height: 900px;
background-color: #fff;
overflow: auto;
}
.phone_holder.a {
padding: 0;
}
.text-block-363 {
opacity: 1;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
font-weight: 300;
}
.content_count-copy {
z-index: 10;
height: 250px;
flex-direction: column;
margin-top: 15px;
margin-right: 15px;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.content_count-copy._2 {
display: none;
top: 0;
left: 15px;
right: auto;
}
.content_count-copy._2.active {
display: flex;
}
.content_count-copy._2.horizontal {
width: 100%;
height: auto;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
bottom: auto;
left: 0;
}
.div-block-4139 {
display: flex;
}
.div-block-4139.spaced {
margin-right: 10px;
}
.previewdrop {
align-items: center;
margin-right: 10px;
display: flex;
position: relative;
}
.previewdrop.last {
margin-right: 0;
}
.previewdrop.spaced {
border-top: 1px solid rgba(209, 209, 209, .26);
margin-top: 15px;
padding-top: 15px;
}
.dropdownholder {
z-index: 5;
width: 100%;
height: 80px;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
top: 0;
}
.div-block-4140 {
width: 100%;
max-width: 1380px;
min-height: 900px;
flex-direction: column;
display: flex;
}
.div-block-1733 {
opacity: 1;
border: 0 solid #000;
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-left: 9px;
padding-right: 9px;
display: flex;
}
.div-block-1733:hover {
opacity: 1;
}
.edit-button {
height: 36px;
max-width: 200px;
color: #fff;
cursor: pointer;
background-color: #1654ff;
border: 0 solid #f1f1f1;
border-radius: 5px;
justify-content: space-between;
align-items: center;
margin-top: 3px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 400;
display: flex;
}
.edit-button:hover {
background-color: #000;
border-color: #000;
}
.edit-button.settings {
cursor: pointer;
background-color: #c7c7c7;
font-weight: 500;
}
.edit-button.settings:hover {
background-color: #000;
}
.image-224-copy {
width: 14px;
max-width: none;
margin-right: 12px;
}
.div-block-2128 {
justify-content: center;
align-items: center;
padding-left: 14px;
display: flex;
}
.image-412 {
width: 16px;
filter: invert();
margin-right: 6px;
}
.div-block-2044 {
color: #fff;
padding-left: 30px;
font-size: 20px;
display: flex;
}
.div-block-2139 {
border-bottom: 0 solid #f0eaea;
flex-direction: row;
align-items: center;
padding-bottom: 0;
display: flex;
}
.image-93-copy-3 {
max-width: 14px;
}
.div-block-1062 {
width: 160px;
flex-direction: column;
margin-left: 10px;
display: flex;
}
.text-block-379 {
text-transform: capitalize;
font-size: 10px;
font-weight: 600;
line-height: 14px;
}
.div-block-1725 {
width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.panel2 {
width: 100%;
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-2117 {
width: 11px;
height: 11px;
background-color: #fff;
border-radius: 90px;
margin-right: 6px;
}
.text-block-376 {
letter-spacing: -1px;
border-top: 1px solid #fcfcfc;
border-bottom: 1px solid #cecece;
font-size: 22px;
font-weight: 500;
}
.div-block-3661 {
width: 100%;
color: #3d3d3d;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(218, 218, 218, .4);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 2px;
margin-right: 2px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.div-block-3661:hover {
color: #f5f5f5;
background-color: #000;
}
.div-block-3661.active {
background-color: #f1f1f1;
border-width: 0;
border-color: #e7e7e7;
border-radius: 99px;
}
.div-block-3661.active:hover {
color: #464646;
}
.image-270 {
height: 100%;
object-fit: cover;
}
.rightsidepanel1 {
z-index: 10;
width: 330px;
opacity: 1;
background-color: rgba(0, 0, 0, 0);
border-radius: 5px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.text-block-186-copy {
font-size: 12px;
font-weight: 500;
}
.topbarmystories-2 {
width: 100%;
height: 80px;
background-color: #150f30;
border-left: 1px solid #414141;
justify-content: space-between;
align-items: center;
padding-right: 30px;
display: flex;
}
.image-93-copy {
max-width: 16px;
}
.scene0 {
z-index: 15;
position: relative;
}
.div-block-1223 {
margin-left: 10px;
}
.radio1 {
width: 34px;
height: 19px;
background-color: #f1f1f1;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 20px;
align-items: center;
padding-left: 0;
padding-right: 2px;
display: flex;
}
.div-block-1726 {
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 99px;
}
.image-378 {
width: 140px;
display: none;
}
.panel1 {
width: 100%;
flex-direction: column;
align-items: center;
display: none;
}
.div-block-893-copy {
width: 50px;
background-color: #fff;
border-radius: 5px;
margin-top: 10px;
}
.item1-copy-2 {
width: 75px;
letter-spacing: .2px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-376 {
width: 15px;
transform: rotate(-90deg);
}
.text-block-310 {
letter-spacing: 0;
}
.div-block-1219 {
margin-top: 0;
}
.image-698 {
width: 14px;
opacity: 1;
}
.gradientcover-copy {
z-index: 99;
width: 100%;
height: 180px;
opacity: .18;
background-image: linear-gradient(rgba(241, 241, 241, 0) 9%, #f1f1f1 88%);
display: flex;
position: absolute;
bottom: 0;
}
._151 {
width: 100%;
}
.storypreview-3 {
z-index: 99;
width: 700px;
background-color: #fff;
border: 0 solid #000;
border-left: 1px solid #ddd;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
box-shadow: 0 0 20px 2px rgba(42, 44, 177, .09);
}
.storypreview-3.k {
width: auto;
min-width: 500px;
}
.topmenu-copy-5 {
width: 362px;
height: 30px;
opacity: 1;
flex-direction: row;
align-items: center;
margin-bottom: 0;
display: flex;
position: static;
top: -295px;
}
.topmenu-copy-5.inv {
opacity: .36;
filter: invert();
}
.topmenu-copy-5.inv._320 {
width: 320px;
}
.text-block-458 {
color: #57617c;
flex-direction: row;
margin-right: 0;
font-size: 12px;
font-weight: 400;
line-height: 12px;
display: flex;
}
.allpanels-2 {
width: 100%;
border-radius: 3px;
flex-direction: row;
display: flex;
overflow: visible;
}
.text-block-380 {
white-space: nowrap;
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.div-block-1142-copy {
width: 50px;
height: 50px;
min-height: 50px;
min-width: 50px;
color: #fff;
background-color: #837373;
border-radius: 60px;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 10px;
font-size: 16px;
display: flex;
overflow: hidden;
}
.div-block-1107-copy-2 {
height: 100%;
min-width: 360px;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
margin-right: 0;
padding: 20px;
display: flex;
}
.div-block-1107-copy-2._535 {
position: relative;
}
.div-block-2149 {
align-items: center;
margin-right: 10px;
padding-left: 0;
font-size: 12px;
font-weight: 500;
display: flex;
}
.p3 {
background-color: #f1f1f1;
border-right: 1px solid #e9e9e9;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.p3.s2 {
z-index: 20;
background-color: #f1f1f1;
background-image: linear-gradient(#fff 13%, #f8f8f8 97%);
border-left: 1px solid #e9e9e9;
border-right-width: 0;
justify-content: flex-start;
align-items: center;
position: relative;
}
.div-block-4141 {
min-height: 90px;
border-left: 0 solid #ddd;
border-right: 1px solid #e6e6e6;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-right: 0;
padding: 0 0 0 10px;
display: flex;
}
.div-block-621 {
width: 100%;
height: 19px;
}
.as55-2 {
padding-right: 10px;
}
.textformats {
width: 281px;
height: 16px;
justify-content: flex-start;
margin-bottom: 6px;
display: flex;
}
.div-block-1484 {
height: 44px;
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #f1f1f1;
border-radius: 5px;
justify-content: space-between;
align-items: center;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
font-weight: 400;
display: flex;
}
.div-block-1484:hover {
background-color: #fff;
border-color: #000;
}
.div-block-1484.search {
width: 180px;
min-width: 100px;
}
.div-block-1484.url {
width: 100%;
color: #383838;
cursor: context-menu;
background-color: #f1f1f1;
border-width: 0;
border-color: #cac7c7;
margin-right: 0;
font-family: Circularxxweb, sans-serif;
font-weight: 300;
}
.div-block-1484.url:hover {
color: #fff;
background-color: #444;
}
.div-block-1484.cta {
min-width: 100px;
color: #fff;
background-color: #a3a3a3;
border-width: 0;
justify-content: center;
margin-right: 0;
padding-bottom: 0;
font-size: 12px;
position: relative;
left: -5px;
}
.div-block-1484.cta:hover {
background-color: #000;
}
.div-block-2161 {
z-index: 99;
background-color: #f1f1f1;
justify-content: space-between;
align-items: center;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 25px;
padding-right: 30px;
display: flex;
position: relative;
top: 0;
}
.image-93-copy-2 {
max-width: 14px;
margin-left: 0;
margin-right: 0;
}
.site_chapter-2 {
width: 100%;
align-items: center;
padding-top: 150px;
padding-bottom: 45px;
display: flex;
}
.site_chapter-2.black-copy-copy-copy {
max-width: 1380px;
justify-content: space-between;
padding-top: 0;
padding-bottom: 0;
padding-left: 127px;
}
.site_chapter-2._2-copy {
justify-content: space-between;
padding-top: 0;
}
.site_chapter-2._2 {
justify-content: space-between;
padding-top: 239px;
}
.site_chapter-2._2._66 {
padding-top: 120px;
padding-bottom: 80px;
}
.site_chapter-2.black {
padding-top: 70px;
}
.site_chapter-2.black-copy-copy {
max-width: 1380px;
justify-content: space-between;
padding-top: 0;
}
.site_chapter-2.black-copy-copy.dark {
background-color: #f8f8f8;
border-radius: 12px;
}
.div-block-2114 {
z-index: 99;
height: 80px;
min-height: 80px;
background-color: #f1f1f1;
border-bottom: 0 dashed #d3d3d3;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 0;
padding-left: 30px;
padding-right: 20px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.homeintro-copy-2-copy {
width: 362px;
height: 100%;
opacity: 1;
color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
border: 0 dashed rgba(121, 121, 121, .7);
border-radius: 3px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: visible;
}
.homeintro-copy-2-copy.first {
height: auto;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.reports {
background-color: #f1f1f1;
flex-direction: column;
font-family: Circularxxweb, sans-serif;
display: none;
position: relative;
}
.as1-2 {
padding-right: 30px;
}
.div-block-4142 {
width: 50%;
position: relative;
}
.div-block-632 {
width: 42%;
opacity: .5;
justify-content: space-between;
margin-left: 10%;
display: flex;
}
.div-block-1718 {
width: 90%;
opacity: 1;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 5px;
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
display: flex;
position: relative;
}
.div-block-2148 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-left: 12px;
display: flex;
}
.div-block-2108 {
width: 33%;
height: 100%;
text-transform: capitalize;
cursor: pointer;
border-right: 1px solid #dfdfdf;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
font-size: 12px;
line-height: 13px;
display: flex;
}
.div-block-2108:hover {
background-color: #e9e9e9;
}
.div-block-2108.last {
border-right-width: 0;
}
.div-block-2108.active {
width: 34%;
color: #fff;
letter-spacing: 1px;
text-transform: capitalize;
background-color: #1654ff;
border-right-width: 0;
font-size: 12px;
line-height: 13px;
}
.innernav {
background-color: rgba(0, 0, 0, 0);
position: -webkit-sticky;
position: sticky;
top: 20px;
}
.div-block-4143 {
color: #353535;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Circularxxweb, sans-serif;
font-size: 10px;
font-weight: 500;
}
.div-block-2123 {
width: 200px;
padding-top: 20px;
padding-left: 20px;
font-size: 14px;
}
.div-block-4144 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-3976 {
width: 100%;
height: 100%;
background-color: #727272;
position: relative;
left: -87px;
}
.div-block-3976._2 {
left: -146px;
}
.div-block-3976._00 {
left: -217px;
}
.div-block-3976._3 {
left: -46px;
}
.panel3 {
width: 100%;
flex-direction: column;
align-items: center;
display: none;
}
.div-block-2129 {
width: 60px;
height: 60px;
min-height: 60px;
min-width: 60px;
background-color: #dfdfdf;
border-radius: 60px;
margin-left: 5px;
margin-right: 10px;
overflow: hidden;
}
.div-block-1727 {
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 6px;
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
padding: 30px 20px;
display: flex;
position: relative;
}
.allcontent-2 {
width: 100%;
border-radius: 3px;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.buildermenuitem-copy-copy {
color: #000;
letter-spacing: .2px;
margin-left: 4px;
font-size: 9px;
font-weight: 700;
}
.preview-panel {
height: 100%;
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-158 {
width: 33%;
flex-direction: row;
justify-content: flex-end;
display: flex;
}
.div-block-4145 {
height: 100%;
flex-direction: column;
justify-content: center;
padding-top: 70px;
padding-bottom: 70px;
display: flex;
}
.image-240-copy {
width: 16px;
transform: rotate(180deg);
}
.text-block-360 {
line-height: 13px;
}
.text-block-208-copy-2 {
opacity: 1;
color: #8b8b8b;
font-family: Circularxxweb, sans-serif;
font-size: 12px;
font-weight: 400;
}
.div-block-1472 {
margin-left: 10px;
margin-right: 10px;
}
.innernav2 {
width: 100%;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border-radius: 4px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 15px 6px 15px 20px;
font-family: Circularxxweb, sans-serif;
font-weight: 400;
display: flex;
}
.innernav2:hover {
background-color: #fff;
}
.innernav2.active {
z-index: 99;
color: #1654ff;
background-color: #fff;
border: 0 solid #000;
border-radius: 4px;
margin-left: 0;
font-weight: 700;
text-decoration: none;
position: relative;
left: 0;
}
.div-block-159 {
width: 33%;
}
.image-221 {
width: 17px;
margin-bottom: 1px;
}
.div-block-2150 {
opacity: 1;
color: #57617c;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 2px;
margin-bottom: 2px;
font-weight: 500;
display: flex;
}
.div-block-2112 {
width: 20px;
height: 20px;
min-height: 20px;
min-width: 20px;
border: 2px solid #ddd;
border-radius: 2px;
}
.div-block-2112:hover {
background-color: #e2e2e2;
}
.div-block-3659 {
background-color: #f1f1f1;
flex-direction: column;
justify-content: flex-start;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
display: flex;
}
.image-699 {
width: 14px;
}
.div-block-1714 {
width: 160px;
display: none;
}
.p1 {
z-index: 20;
background-color: #f1f1f1;
border-right: 1px solid #e9e9e9;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.actions {
width: 362px;
margin-top: 14px;
display: flex;
}
.div-block-2145 {
width: 100%;
flex-direction: row;
display: flex;
}
.text-block-378 {
border-bottom: 0 solid #ececec;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 400;
}
.div-block-625 {
width: 100%;
height: 3px;
background-color: #eee;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.tabswitch-3 {
width: 100%;
height: 46px;
border: 0 solid rgba(243, 243, 243, .5);
border-radius: 99px;
flex-direction: row;
padding: 5px 3px;
display: flex;
}
.tabswitch-3._2 {
height: 55px;
opacity: 1;
background-color: #fff;
border-color: #ebebeb;
border-radius: 6px;
padding: 8px;
overflow: hidden;
}
.div-block-1195 {
opacity: .33;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.div-block-1195._2 {
opacity: 1;
}
.div-block-1195.invert {
opacity: 1;
filter: invert();
}
.div-block-4146 {
flex-direction: row;
display: flex;
}
.colours {
justify-content: flex-start;
display: flex;
}
.size {
opacity: .4;
border: 0 solid #c5b0b0;
justify-content: center;
align-items: center;
padding: 6px 5px;
font-size: 11px;
line-height: 11px;
display: flex;
}
.div-block-1123-copy-2 {
min-width: 150px;
color: #0a121f;
cursor: pointer;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 3px;
padding: 5px 10px;
font-family: Circularxxweb, sans-serif;
font-size: 11px;
font-weight: 500;
}
.div-block-1123-copy-2:hover {
color: #fff;
background-color: #000;
}
.div-block-2124 {
width: 100%;
height: 1px;
background-color: #f1f1f1;
}
.div-block-2138 {
padding-left: 20px;
}
.toptabs {
height: 80px;
min-height: 80px;
align-items: center;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: static;
bottom: 57px;
}
.image-240 {
width: 17px;
}
.markers {
width: 100%;
height: 13px;
opacity: .59;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
position: relative;
bottom: 0;
}
.div-block-2132 {
color: #1654ff;
justify-content: center;
align-items: center;
padding: 5px 14px;
font-size: 11px;
display: flex;
}
.div-block-2132.active {
color: #1654ff;
cursor: pointer;
background-color: #f1f1f1;
border-radius: 3px;
margin: 3px;
}
.div-block-2132.active:hover {
color: #fff;
background-color: #000;
}
.div-block-2132.active.white {
background-color: #fff;
}
.div-block-2132.active.white:hover {
background-color: #000;
}
.size-copy {
opacity: .4;
font-size: 9px;
line-height: 14px;
}
.div-block-4147 {
width: 600px;
min-width: 600px;
letter-spacing: -1.5px;
margin-top: 15px;
margin-bottom: 10px;
font-size: 65px;
font-weight: 300;
line-height: 75px;
}
.div-block-2109 {
background-color: #f1f1f1;
flex-direction: column;
display: none;
position: relative;
}
.sliders {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
display: flex;
}
.sliders.first {
margin-top: 0;
}
.div-block-1048 {
margin-top: 30px;
}
.image-224-copy-copy2 {
width: 14px;
max-width: none;
margin-right: 7px;
}
.tag-3 {
color: #fff;
background-color: #ccc;
border-radius: 4px;
margin-right: 9px;
padding: 4px 10px;
font-size: 10px;
}
.tag-3.error {
background-color: #bd5b5b;
margin-bottom: 10px;
padding-left: 7px;
padding-right: 6px;
display: flex;
}
.tag-3.brand {
background-color: #d2e0f5;
}
.tag-3.published {
background-color: #d3d3d3;
}
.tag-3.issues {
background-color: #c7c7c7;
flex-direction: row;
display: flex;
}
.buildermenuitem-copy-2 {
color: #000;
margin-top: 0;
margin-left: 4px;
font-size: 9px;
font-weight: 700;
}
.builderholder-2 {
width: 100%;
min-height: 1050px;
background-color: #f1f1f1;
border: 0 solid #e6e6e6;
border-radius: 0;
margin-top: 0;
display: flex;
position: static;
top: -182px;
overflow: hidden;
}
.div-block-2140 {
width: 23px;
height: 23px;
color: #fff;
background-color: #e00000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 7px;
font-size: 9px;
display: flex;
}
.div-block-2140.team {
background-color: #aaa;
}
.div-block-653 {
width: 100%;
height: 25px;
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.div-block-653._10 {
height: 40px;
margin-bottom: 5px;
}
.bottommenu-4 {
width: 100%;
opacity: .29;
flex-direction: row;
display: flex;
position: static;
top: -32px;
}
.div-block-1057 {
border-radius: 2px;
justify-content: center;
align-items: center;
margin-left: 5px;
padding: 5px 4px;
display: flex;
}
.div-block-1057:hover {
background-color: #fff;
}
.div-block-4148 {
flex-direction: row;
padding-left: 2px;
padding-right: 2px;
display: flex;
}
._31div-block-2103-copy {
height: 100%;
opacity: 1;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
margin-right: 0;
padding: 20px 15px 20px 25px;
display: flex;
}
.image-700 {
width: 13px;
}
.div-block-630 {
width: 41%;
height: 100%;
opacity: .55;
flex-direction: row;
justify-content: space-between;
display: flex;
}
.div-block-2116 {
width: 100%;
flex-direction: column;
display: flex;
}
.div-block-3663-copy {
position: absolute;
top: -453px;
left: -231px;
transform: scale(.7);
}
.div-block-2164 {
justify-content: center;
align-items: center;
margin-top: 0;
padding: 10px 20px;
display: flex;
}
.div-block-3814 {
width: 900px;
height: 600px;
opacity: .03;
transform-style: preserve-3d;
background-image: radial-gradient(circle, #000, rgba(0, 0, 0, 0) 70%);
border-radius: 9999px;
position: absolute;
bottom: -390px;
left: -230px;
transform: scale3d(1, .1, 1);
}
.image-408 {
width: 14px;
filter: invert();
margin-left: 0;
}
.image-408:hover {
filter: none;
}
.image-701 {
width: 18px;
}
.storyholder-2 {
width: 100%;
height: 100%;
background-color: #f1f1f1;
border-radius: 2px;
flex-direction: column;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-619 {
width: 145px;
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.div-block-619.s2 {
margin-left: 8px;
}
.div-block-2163 {
grid-column-gap: 16px;
grid-row-gap: 25px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: center;
justify-content: center;
margin-top: 0;
padding-top: 0;
padding-bottom: 10px;
padding-left: 25px;
display: grid;
}
.div-block-1379 {
width: 100%;
height: 16px;
text-transform: none;
justify-content: space-between;
display: flex;
}
.div-block-1166-copy2 {
height: 70px;
min-height: 70px;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
align-items: center;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.text-block-372 {
line-height: 8px;
}
.div-block-1202 {
width: 60px;
height: 100%;
border-right: 1px dashed #d6c9c9;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.div-block-2103 {
height: 100%;
opacity: 1;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
margin-right: 0;
padding: 20px 20px 20px 30px;
display: flex;
}
.div-block-1133 {
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 500;
display: flex;
}
.div-block-2157 {
font-size: 15px;
font-weight: 500;
}
.div-block-1717 {
display: none;
position: absolute;
top: 211px;
left: -63px;
}
.div-block-1730 {
width: 46px;
height: 46px;
background-color: #f1f1f1;
border: 1px solid #f3f3f3;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-2118 {
width: 100%;
height: 150px;
background-image: linear-gradient(rgba(223, 223, 223, 0) 14%, #fff 94%);
position: absolute;
bottom: 0;
left: 0;
}
.div-block-2107 {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.edit-button-copy {
width: 50%;
height: 36px;
max-width: 200px;
color: #fff;
cursor: pointer;
background-color: #1654ff;
border: 0 solid #f1f1f1;
border-radius: 5px;
justify-content: space-between;
align-items: center;
margin-top: 3px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 400;
display: flex;
}
.edit-button-copy:hover {
background-color: #000;
border-color: #000;
}
.edit-button-copy._1 {
margin-right: 5px;
}
.div-block-2155 {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.div-block-2152 {
cursor: pointer;
background-color: #fff;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 6px;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 14px;
display: flex;
overflow: hidden;
}
.div-block-2152:hover {
background-color: #fff;
border-width: 1px;
border-color: #8b8b8b;
}
.div-block-2152.active {
width: 100%;
border-width: 2px;
border-color: #1654ff;
margin-top: auto;
position: relative;
}
.div-block-628 {
width: 281px;
height: 70px;
flex-direction: column;
display: flex;
}
.image-93-copy-4 {
max-width: 14px;
margin-top: 2px;
}
._12div-block-2103-copy {
height: 100%;
opacity: 1;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
margin-right: 0;
padding: 20px 20px 20px 30px;
display: flex;
}
.div-block-622-copy-2 {
width: 136px;
height: 48px;
background-color: #fff;
border: 1px solid #bebebe;
border-radius: 3px;
font-size: 12px;
font-weight: 400;
display: flex;
}
.image-449 {
height: 100%;
}
.sceneholder2-2 {
width: 362px;
height: 643px;
min-width: 362px;
opacity: 1;
background-color: #fff;
border-radius: 6px;
margin-right: 30px;
position: relative;
overflow: hidden;
}
.sceneholder2-2.s {
overflow: visible;
}
.item2-copy {
width: 80px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
display: flex;
}
.div-block-2130 {
width: 362px;
display: flex;
}
.div-block-2130.alerts {
display: none;
}
.buildermenuitem-copy1-3 {
color: #000;
text-align: center;
margin-left: 4px;
font-size: 9px;
font-weight: 800;
line-height: 15px;
}
.image-406 {
width: 18px;
margin-right: 7px;
}
.image-406.t {
filter: grayscale();
}
.div-block-1723 {
height: 70px;
background-color: #fff;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-4149 {
justify-content: center;
align-items: center;
display: flex;
}
.bottommenufinal-copy-3 {
width: 362px;
height: 55px;
opacity: .8;
flex-direction: column;
margin-top: 20px;
display: flex;
}
.bottommenufinal-copy-3._320 {
width: 320px;
}
.sizeandcolour {
width: 281px;
flex-direction: column;
margin-top: 0;
display: flex;
}
.text-block-377 {
font-size: 14px;
font-weight: 300;
}
.text-block-186-copy-2 {
opacity: 1;
}
.div-block-2094 {
width: 100%;
flex-direction: row;
margin-top: 10px;
display: flex;
}
.image-93-copy-copy-2 {
max-width: 14px;
margin-left: 6px;
}
.image-702 {
width: 1010px;
}
.buildermenuitem-copy-6 {
color: #000;
letter-spacing: .3px;
margin-top: 4px;
margin-left: 4px;
font-size: 9px;
font-weight: 900;
}
.div-block-2158 {
background-color: #f1f1f1;
flex-direction: column;
font-family: Circularxxweb, sans-serif;
display: none;
position: relative;
}
.div-block-1000 {
flex-direction: row;
align-items: center;
display: flex;
}
.sitecontent-2 {
background-color: rgba(0, 0, 0, 0);
flex-direction: row;
justify-content: flex-start;
display: flex;
position: relative;
}
.sitecontent-2.sss {
justify-content: space-between;
}
.div-block-160-copy {
width: 33%;
opacity: 1;
flex-direction: row;
justify-content: center;
display: flex;
}
.div-block-2105 {
flex-direction: row;
margin-top: 7px;
display: flex;
}
.div-block-2119 {
color: #fff;
flex-direction: row;
font-size: 14px;
display: flex;
}
.div-block-4150 {
align-items: center;
display: flex;
}
.div-block-1212 {
border-top: 1px solid #e0e0e0;
padding-top: 30px;
}
.image-224-copy-copy {
width: 17px;
max-width: none;
margin-right: 0;
}
.div-block-196-copy-copy-2 {
width: auto;
opacity: 1;
justify-content: center;
align-items: flex-end;
margin-bottom: 5px;
display: flex;
}
.bold-text-8 {
font-weight: 500;
}
.div-block-1721 {
width: 135px;
height: 43px;
background-color: #150f30;
border: 1px solid #000;
border-radius: 3px;
display: flex;
}
.div-block-1721.v2 {
width: 145px;
height: 48px;
background-color: #fff;
border: 1px solid #bebebe;
border-radius: 3px;
align-items: center;
padding-left: 10px;
font-size: 12px;
}
.div-block-1721.v2.transparent {
width: 135px;
height: 43px;
opacity: .67;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/649ec5b70f823a1091300925_tr2.jpg");
background-position: 0 0;
background-repeat: repeat-x;
background-size: contain;
background-attachment: scroll;
}
.div-block-2147 {
height: 36px;
min-width: 190px;
border: 1px solid #dbdbdb;
border-radius: 3px;
flex-direction: row;
display: flex;
position: relative;
}
.div-block-2147.s1 {
margin-right: 10px;
}
.div-block-2147.aaa {
z-index: 1000;
border-color: #d1d1d1;
top: -88px;
left: 18px;
}
.div-block-2147.aaa._3 {
top: -73px;
}
.div-block-2147.aaa._3._5 {
font-weight: 700;
top: 5px;
left: auto;
right: -5px;
}
.image-94-copy-copy {
max-width: 15%;
margin-top: 0;
margin-left: -1px;
}
.div-block-1181 {
color: #333;
padding-left: 20px;
font-family: Circularxxweb, sans-serif;
font-size: 12px;
font-weight: 500;
display: none;
position: absolute;
left: 0;
}
.edit-button-copy1-copy2-2-copy2 {
width: 130px;
height: 44px;
max-width: 200px;
color: #fff;
cursor: pointer;
background-color: #1654ff;
border: 0 solid #f1f1f1;
border-radius: 5px;
justify-content: space-between;
align-items: center;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 400;
display: flex;
position: static;
left: 73px;
}
.edit-button-copy1-copy2-2-copy2:hover {
background-color: #000;
border-color: #000;
}
.div-block-177-copy-copy234-2 {
z-index: 3;
width: 100%;
max-height: 68px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 10px;
margin-bottom: 6px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
font-size: 12px;
font-weight: 500;
display: flex;
position: relative;
overflow: hidden;
}
.image-224 {
width: 15px;
max-width: none;
}
.div-block-2131 {
width: 75px;
height: 75px;
min-height: 75px;
min-width: 75px;
background-color: #f1f1f1;
border-radius: 99px;
margin-left: 15px;
margin-right: 5px;
overflow: hidden;
}
.div-block-1732 {
width: 3px;
height: 600px;
opacity: 0;
background-color: #d8d8d8;
border-radius: 2px;
}
.div-block-1732:hover {
opacity: 1;
}
.image-93-copy-copy {
max-width: 14px;
margin-right: 6px;
}
.div-block-905-copy-2 {
width: 100%;
border-top: 0 solid #e7e7e7;
border-bottom: 0 solid #e7e7e7;
justify-content: space-between;
padding: 0 20px 0 0;
display: flex;
}
.item2 {
width: 120px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-right: 0;
display: flex;
}
.image-223 {
width: 23px;
padding-top: 1px;
}
.div-block-1166-copy {
width: 450px;
height: 70px;
min-height: 70px;
min-width: 361px;
background-color: #fff;
border: 0 solid #000;
align-items: center;
padding-left: 21px;
padding-right: 20px;
display: flex;
}
.mystories {
z-index: 99;
width: 100%;
flex-direction: row;
justify-content: flex-start;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-2133-copy {
width: 1480px;
max-width: 2500px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 6px;
flex-direction: column;
display: flex;
position: static;
top: -198px;
overflow: visible;
}
.circle123 {
width: 22px;
height: 22px;
min-height: 22px;
min-width: 22px;
background-color: #fff;
border: 2px solid #000;
border-radius: 60px;
position: absolute;
left: 126px;
}
.circle123.s2 {
left: 121px;
}
.circle123.c1 {
left: 196px;
}
.circle123.c1._00 {
left: 71px;
}
.circle123.s3 {
left: 225px;
}
.circle123.c1 {
left: 196px;
}
.circle123.c1._00 {
left: 71px;
}
.div-block-2096 {
width: 362px;
height: 642px;
opacity: 1;
background-color: #e6e6e6;
border: 1px solid #dbdbdb;
border-radius: 2px;
}
.modeswitch-copy-3 {
z-index: 2;
width: 100%;
height: 44px;
background-color: #f1f1f1;
border: 0 solid #e2e2e2;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.fontselector-2 {
width: 100%;
height: 67px;
min-height: 67px;
border: 1px solid #bebebe;
border-radius: 3px;
justify-content: flex-start;
align-items: center;
padding-bottom: 3px;
padding-left: 20px;
display: flex;
position: relative;
}
.image-344 {
width: 100%;
height: 100%;
object-fit: cover;
}
.div-block-1852 {
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
display: flex;
}
.bottom6 {
width: 100%;
height: 55px;
opacity: 1;
flex-direction: column;
margin-top: 0;
display: flex;
}
.marker1 {
width: 1px;
height: 100%;
background-color: #7e7e7e;
}
.marker1.half {
height: 60%;
}
.div-block-1734 {
width: 100%;
height: 800px;
padding: 20px;
}
.text-block-162 {
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: 6px;
font-size: 10px;
display: flex;
}
.div-block-161 {
height: 28px;
opacity: 1;
margin-bottom: 8px;
margin-left: 0;
}
.div-block-2090 {
height: 100%;
flex-direction: column;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-159-copy {
width: 50%;
justify-content: flex-start;
display: flex;
}
.image-703 {
width: 15px;
}
.div-block-2089 {
width: 100%;
}
.div-block-2089.fx {
height: 750px;
}
.changetemplate {
width: 120px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.position {
justify-content: flex-start;
margin-top: 30px;
display: flex;
}
.position.first {
margin-top: 0;
}
.progress {
width: 100%;
height: 35px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-2120 {
color: #fff;
cursor: pointer;
background-color: rgba(255, 255, 255, .5);
border-radius: 3px;
justify-content: center;
align-items: center;
margin-right: 8px;
padding: 7px 6px 7px 13px;
font-size: 12px;
font-weight: 400;
display: flex;
}
.div-block-2120.first {
color: #000;
background-color: #fff;
padding-right: 13px;
font-size: 12px;
}
.div-block-1731 {
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 5px;
overflow: hidden;
}
.div-block-624-copy {
width: 281px;
height: 16px;
justify-content: space-between;
margin-bottom: 6px;
display: flex;
}
.div-block-627 {
width: 87px;
height: 30px;
background-color: #fff;
padding-left: 6px;
display: flex;
position: absolute;
bottom: -16px;
}
.div-block-1128 {
color: #3b3b3b;
align-items: center;
display: flex;
}
.div-block-2136 {
justify-content: center;
align-items: center;
margin-top: 16px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.p2 {
width: 100%;
background-color: #f8f8f8;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.image-265-copy-2 {
width: 14px;
opacity: 1;
filter: invert();
}
.div-block-1724 {
height: 100%;
background-image: linear-gradient(#fff, #f8f8f8 97%);
border: 0 solid #000;
padding-top: 10px;
padding-left: 21px;
display: flex;
}
.div-block-2151 {
margin-right: 30px;
}
.div-block-1720 {
width: 55px;
height: 55px;
justify-content: center;
align-items: center;
font-size: 12px;
display: flex;
}
.div-block-1720.line {
text-transform: uppercase;
border-bottom: 1px solid #f1eded;
flex-direction: column;
font-size: 8px;
font-weight: 500;
}
.bottomcontainer-copy4-3 {
width: auto;
height: 50px;
background-color: rgba(0, 0, 0, 0);
flex-direction: column;
align-items: flex-start;
display: flex;
}
.bottomcontainer-copy4-3.inv {
filter: invert();
}
.div-block-1177 {
color: #adadad;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
font-size: 12px;
display: flex;
}
.div-block-177-copy-2 {
z-index: 3;
width: 100%;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 6px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
font-size: 12px;
font-weight: 500;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-177-copy-2.xx {
display: none;
}
.div-block-1208 {
height: 76px;
cursor: pointer;
border-bottom: 1px solid #eee;
flex-direction: row;
justify-content: space-between;
display: flex;
}
.div-block-1208:hover {
background-color: #f1f1f1;
}
.div-block-1208.active {
color: #fff;
background-color: #494949;
}
.div-block-2134 {
width: 100%;
background-color: #fff;
border-bottom: 0 dashed #e6e6e6;
border-radius: 4px;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 20px 10px 20px 20px;
font-size: 13px;
display: flex;
}
.div-block-2134:hover {
background-color: #f1f1f1;
}
.div-block-2134._15 {
padding-left: 0;
}
.div-block-2106 {
color: #858585;
align-items: center;
margin-right: 5px;
font-weight: 500;
display: flex;
}
.div-block-1068 {
color: #723131;
cursor: pointer;
background-color: #fff;
border-radius: 2px;
margin-left: 6px;
padding-left: 6px;
padding-right: 6px;
}
.div-block-1068:hover {
color: #fff;
background-color: #000;
}
.div-block-2104 {
color: #000;
border-bottom: 0 solid #e7e7e7;
justify-content: space-between;
align-items: center;
margin-top: 0;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
font-family: Circularxxweb, sans-serif;
font-size: 18px;
font-weight: 700;
display: flex;
}
.div-block-1061 {
flex-direction: row;
margin-top: 14px;
display: flex;
}
.div-block-2141 {
width: 100%;
height: 38px;
background-color: #f5f5f5;
border-bottom: 0 solid #fff;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
justify-content: space-between;
display: flex;
}
.image-224-copy2 {
width: 15px;
max-width: none;
filter: invert();
}
.div-block-902-copy {
width: 60px;
height: 100%;
border-right: 1px solid rgba(247, 247, 247, .2);
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.image-220 {
width: 21px;
}
.div-block-1179 {
width: 160px;
padding-left: 20px;
display: none;
}
.div-block-4151 {
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 500;
}
.div-block-158-copy {
width: 50%;
flex-direction: row;
justify-content: flex-end;
margin-right: 3px;
display: flex;
}
.div-block-2102 {
width: 100%;
height: 70px;
min-height: 70px;
min-width: 361px;
background-color: #fff;
border: 0 solid #000;
align-items: center;
padding-left: 21px;
padding-right: 20px;
display: flex;
}
.div-block-4152 {
width: 100%;
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.form-input-5 {
height: 60px;
border: 1px solid rgba(44, 45, 54, .17);
border-radius: 5px;
margin-bottom: 0;
padding: 16px 20px;
font-size: 16px;
line-height: 24px;
transition: border-color .2s;
}
.form-input-5:focus {
border-color: #2c2d36;
}
.form-input-5::-ms-input-placeholder {
color: rgba(44, 45, 54, .5);
font-size: 16px;
line-height: 24px;
}
.form-input-5::placeholder {
color: rgba(44, 45, 54, .5);
font-size: 16px;
line-height: 24px;
}
.form-input-5.textarea {
min-height: 150px;
background-color: rgba(0, 0, 0, 0);
border-color: #bbb;
border-radius: 3px;
padding-left: 15px;
font-size: 14px;
}
.form-input-5.textarea:focus {
border-color: #3e62c5;
}
.form-input-5.textarea::-ms-input-placeholder {
font-size: 14px;
}
.form-input-5.textarea::placeholder {
font-size: 14px;
}
.div-block-4032 {
font-size: 15px;
font-weight: 300;
}
.text-block-476 {
position: relative;
}
.div-block-1539 {
font-size: 23px;
font-weight: 500;
line-height: 33px;
display: none;
}
.select-field-3 {
width: 100%;
height: 60px;
background-color: #fff;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ace25de662785c639e409_icon-select-arrow.svg");
background-position: 94%;
background-repeat: no-repeat;
background-size: 16px 16px;
border: 1px solid rgba(187, 187, 187, .99);
border-radius: 3px;
align-items: center;
padding: 10px 16px 10px 10px;
display: block;
position: relative;
overflow: hidden;
}
.div-block-4030 {
width: 100%;
max-width: 1380px;
margin-bottom: 30px;
}
.form-input-6 {
height: 60px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #bbb;
border-radius: 3px;
margin-bottom: 0;
padding: 16px 20px 16px 15px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
transition: border-color .2s;
}
.form-input-6:focus {
border-color: #3e62c5;
}
.form-input-6::-ms-input-placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.form-input-6::placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.image-671 {
width: 100%;
min-width: 2px;
object-fit: cover;
}
.div-block-3775 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 17px;
line-height: 30px;
}
.div-block-4031 {
width: 100%;
max-width: 1380px;
justify-content: space-between;
margin-top: 100px;
display: flex;
}
.div-block-4153 {
width: 600px;
min-width: 600px;
letter-spacing: -1.5px;
margin-top: 15px;
margin-bottom: 10px;
font-size: 65px;
font-weight: 300;
line-height: 75px;
}
.form-grid-halves-copy-3 {
grid-column-gap: 18px;
grid-row-gap: 37px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.div-block-4154 {
z-index: 99;
width: 100%;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px 20px 50px;
display: flex;
position: relative;
}
.link-block-3 {
color: #292929;
margin-left: 10px;
text-decoration: none;
}
.div-block-3197 {
position: relative;
}
.div-block-4155 {
width: 100%;
max-width: 1360px;
justify-content: flex-start;
display: flex;
}
.form-error-4 {
color: #fff;
text-align: center;
background-color: #ad343e;
border-radius: 5px;
margin-top: 12px;
padding: 18px;
font-size: 17px;
line-height: 25px;
}
.form-block-5 {
margin-bottom: 0;
}
.div-block-4156 {
width: 100%;
}
.div-block-1540-copy {
color: #000;
margin-top: 6px;
margin-bottom: 30px;
text-decoration: underline;
}
.div-block-3776 {
width: 100%;
color: #4d4d4d;
border-right: 0 solid #f3f3f3;
margin-left: 90px;
margin-right: 0;
padding-right: 0;
font-family: Circularxxweb, sans-serif;
line-height: 29px;
}
.div-block-4157 {
width: 640px;
max-width: none;
justify-content: flex-end;
display: flex;
}
.button-5 {
width: 100%;
color: #fff;
text-align: center;
background-color: #1d1d1d;
border: 2px solid #000;
border-radius: 99px;
padding: 14px 24px;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
font-weight: 500;
transition: box-shadow .2s;
box-shadow: inset 0 200px 200px 200px rgba(0, 0, 0, 0);
}
.button-5:hover {
box-shadow: none;
color: #1570fb;
background-color: #fff;
}
.div-block-4158 {
z-index: 99;
background-color: #fff;
justify-content: flex-start;
padding-left: 6px;
padding-right: 8px;
font-size: 12px;
display: flex;
position: absolute;
top: -12px;
left: 10px;
}
.div-block-4159 {
margin-top: 10px;
position: relative;
}
.text-block-305 {
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.text-block-305.bold {
font-size: 15px;
font-weight: 500;
}
.div-block-3774 {
border-radius: 12px;
overflow: hidden;
}
.body-12 {
font-family: Circularxxweb, sans-serif;
}
.div-block-4160 {
height: 100vh;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-477 {
text-align: center;
}
.div-block-3824-copy {
max-width: 850px;
letter-spacing: -1.5px;
margin-top: 5px;
margin-bottom: 10px;
font-size: 65px;
font-weight: 300;
line-height: 75px;
}
.div-block-3824-copy.small {
padding-right: 23px;
}
.div-block-3824-copy.small.wide {
padding-right: 0;
}
.div-block-4161 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-478 {
align-items: center;
}
.div-block-4162 {
display: none;
}
.div-block-3824-copy2-copy {
max-width: 800px;
text-align: center;
letter-spacing: 0;
margin-bottom: 15px;
font-size: 22px;
font-weight: 300;
line-height: 38px;
}
.div-block-3824-copy2-copy.small {
padding-right: 78px;
}
.div-block-3824-copy2-copy.wide {
width: auto;
min-width: 1000px;
}
.div-block-3824-copy2-copy-copy {
max-width: 800px;
text-align: center;
letter-spacing: 0;
margin-bottom: 20px;
font-size: 23px;
font-weight: 300;
line-height: 44px;
}
.div-block-3824-copy2-copy-copy.small {
padding-right: 78px;
}
.div-block-3824-copy2-copy-copy.wide {
width: auto;
min-width: 1000px;
}
.div-block-4355 {
width: 15px;
height: 15px;
background-color: #fff;
border: 1px solid #c7c7c7;
border-radius: 99px;
position: absolute;
top: 46px;
left: -7px;
}
.div-block-4355.f {
height: 30px;
justify-content: center;
align-items: center;
font-size: 10px;
display: flex;
top: -2px;
}
.div-block-4336 {
color: #080808;
letter-spacing: -1px;
border-radius: 3px;
font-family: Neuehaasgrottext web, sans-serif;
font-size: 48px;
line-height: 52px;
}
.div-block-4336.h2 {
color: #a0a0a0;
}
.image-704 {
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
.image-704.d {
opacity: .38;
}
.image-704.d.d2 {
opacity: .66;
}
.div-block-4334 {
border-radius: 3px;
margin-right: 10px;
font-size: 21px;
font-weight: 300;
line-height: 34px;
}
.branding_logo_pitch {
flex-direction: row;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.div-block-4322 {
width: 100%;
height: 100%;
min-height: 600px;
flex-direction: row;
display: flex;
position: relative;
}
.div-block-4319 {
width: 100vw;
height: 1px;
background-color: rgba(82, 82, 82, .1);
position: absolute;
bottom: -36px;
}
.div-block-4369 {
cursor: pointer;
margin-right: 10px;
font-size: 12px;
font-weight: 400;
}
.div-block-4369:hover {
opacity: 1;
color: #353535;
text-decoration: underline;
}
.div-block-4337 {
padding-left: 40px;
padding-right: 20px;
}
.div-block-4324 {
max-width: 750px;
padding-left: 40px;
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 28px;
position: relative;
}
.div-block-4370 {
border-top: 1px solid #e7e7e7;
display: none;
}
.div-block-4359 {
max-width: 160px;
min-height: 15px;
min-width: 100px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 1px;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-4353 {
width: 1px;
height: 100%;
background-color: #d6d6d6;
position: static;
left: 40px;
}
.mediacontrols_pitch {
z-index: 5;
width: 100%;
height: 100%;
justify-content: flex-end;
align-items: flex-start;
padding-top: 25px;
padding-right: 25px;
display: none;
position: absolute;
top: 0;
left: 0;
}
.div-block-4340 {
cursor: pointer;
background-color: #fff;
border-radius: 3px;
justify-content: center;
align-items: center;
margin-left: 10px;
padding: 14px 25px;
font-weight: 500;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.div-block-4340:hover {
color: #eee8e8;
background-color: #000;
}
.div-block-4340.inactive {
display: none;
}
.intro_line-2 {
align-items: flex-start;
margin-top: 5px;
margin-bottom: 5px;
font-family: Circularxxweb, sans-serif;
font-weight: 400;
display: flex;
}
.div-block-4371 {
height: 100%;
color: #ececec;
border-right: 1px solid #f0f0f0;
margin-right: 15px;
padding-right: 15px;
}
.div-block-4331-copy {
width: 100%;
height: 100%;
opacity: 1;
border-radius: 24px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.div-block-4331-copy._5 {
z-index: 5;
position: relative;
}
.premium_controls {
display: flex;
position: absolute;
bottom: 25px;
right: 25px;
}
.sheets_container-2 {
flex-direction: column;
margin-top: 10px;
font-family: Neuehaasgrotdisp web, sans-serif;
display: flex;
position: relative;
}
.sheets_container-2.border, .sheets_container-2.border-copy {
border-top: 1px solid #f5f5f5;
margin-top: 15px;
padding-top: 15px;
}
.div-block-4354 {
height: 100%;
align-items: flex-start;
display: flex;
position: absolute;
top: 0;
left: 40px;
}
.div-block-4354.first {
top: 70px;
}
.partners_cover-2 {
width: 100%;
height: 100vh;
padding: 60px 120px 60px 60px;
transition: all .15s;
position: relative;
overflow: hidden;
}
.div-block-4372 {
width: 50%;
flex-direction: column;
justify-content: space-between;
padding-bottom: 16px;
display: flex;
position: relative;
}
.div-block-4338 {
width: 50%;
height: 100%;
border-radius: 24px;
position: relative;
overflow: hidden;
}
.div-block-4338.thecover {
border-radius: 24px;
overflow: hidden;
}
.div-block-3959-copy-2 {
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 28px;
position: relative;
}
.div-block-4373 {
width: 15px;
height: 15px;
background-color: #fff;
border: 1px solid #c7c7c7;
border-radius: 99px;
position: absolute;
top: 46px;
left: -7px;
}
.div-block-4373.inverted {
background-color: #dcdfcb;
border-color: #dcdfcb;
}
.div-block-4373.inverted.invisible {
opacity: 1;
background-color: #fff;
border-color: #dbdbdb;
}
.div-block-4373.a {
height: 40px;
top: 0;
}
.div-block-4373.a._22 {
top: 105px;
}
.div-block-4373.a2 {
top: 88px;
}
.div-block-4374 {
max-width: 700px;
color: #080808;
letter-spacing: -1px;
border-radius: 3px;
font-family: Neuehaasgrottext web, sans-serif;
font-size: 48px;
line-height: 52px;
}
.div-block-4374.h5 {
color: #cecece;
letter-spacing: -.3px;
font-size: 20px;
line-height: 25px;
}
.div-block-4374.h5.inverted, .div-block-4374.inverted {
color: #dcdfcb;
}
.div-block-4374._11h5-copy {
color: #cecece;
letter-spacing: -.3px;
padding-bottom: 5px;
font-size: 20px;
line-height: 25px;
}
.div-block-4374._11h5-copy.inverted {
color: #dcdfcb;
}
.text-block-479 {
font-size: 18px;
}
.div-block-3214 {
width: 100%;
height: 45px;
border: 1px solid #ececec;
border-radius: 99px;
justify-content: space-between;
align-items: center;
font-size: 14px;
font-weight: 300;
display: flex;
overflow: hidden;
}
.div-block-3214:hover {
border-color: #a7afcf;
}
.div-block-3218 {
margin-left: 5px;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.div-block-3956-copy-2 {
z-index: 25;
width: 50%;
height: 100%;
background-color: #f8f8f6;
border: 1px solid #f0f0f0;
border-radius: 24px;
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3956-copy-2.large {
min-height: 100vh;
}
.div-block-3956-copy-2.large.reg {
background-color: #fff;
border-color: #e7e7e7;
padding-top: 80px;
}
.div-block-3956-copy-2.large.reg._100 {
width: 100%;
}
.div-block-3956-copy-2.large.style1 {
min-height: auto;
background-color: #fff;
border-color: #ececec;
align-items: center;
padding-top: 50px;
}
.div-block-3956-copy-2.full {
width: 100%;
}
.div-block-3956-copy-2.full.mixed {
background-color: rgba(248, 248, 246, .5);
border-color: #e2e2e2;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
.div-block-3956-copy-2.full.mixed._2 {
border-radius: 24px;
}
.div-block-3956-copy-2.wide {
width: 100%;
}
.div-block-3219 {
max-width: 516px;
white-space: nowrap;
overflow: hidden;
}
.div-block-4320 {
width: 300px;
height: 3px;
filter: blur(12px);
background-image: radial-gradient(circle, #000, #fff);
border-radius: 999px;
position: relative;
top: 28px;
}
.div-block-4375 {
max-width: 750px;
min-height: 20px;
min-width: 20px;
color: #2c2c2c;
margin-top: 5px;
margin-bottom: 15px;
font-size: 21px;
font-weight: 300;
line-height: 35px;
}
.div-block-4375.inverted {
color: #adaf9f;
}
.div-block-4316 {
justify-content: center;
align-items: center;
display: flex;
}
.chapter {
width: 100%;
border-top: 0 solid #f3f3f3;
padding: 60px 120px 60px 60px;
position: relative;
overflow: hidden;
}
.chapter.gray {
background-color: #f8f8f6;
padding-top: 30px;
padding-bottom: 30px;
}
.chapter.style1 {
background-color: #f8f8f6;
padding-top: 60px;
padding-bottom: 60px;
}
.chapter._100 {
height: 100vh;
min-height: 100vh;
padding-top: 60px;
padding-bottom: 60px;
}
.chapter._100.noheight {
height: auto;
}
.chapter._100.noheight-copy {
height: auto;
min-height: auto;
}
.chapter._100.invisible, .chapter.inactive {
display: none;
}
.chapter._2 {
height: 100vh;
padding-top: 20px;
padding-bottom: 20px;
}
.div-block-3955-copy-copy-2 {
width: 50%;
flex-direction: column;
justify-content: space-between;
padding: 18px 20px 20px 40px;
display: flex;
position: relative;
}
.div-block-3955-copy-copy-2.min {
width: auto;
min-width: 700px;
}
.div-block-3955-copy-copy-2.min.spaced {
padding-bottom: 60px;
}
.div-block-4361 {
width: 100%;
border: 0 solid #eee;
border-radius: 2px;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
position: absolute;
top: 0;
}
.div-block-4376 {
width: 100vw;
height: 1px;
background-color: rgba(82, 82, 82, .1);
position: absolute;
bottom: -36px;
}
.div-block-4377 {
z-index: 10;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 20px 20px 20px 0;
display: none;
position: absolute;
top: 0;
left: 0;
}
.div-block-4321 {
height: 50px;
align-items: center;
display: flex;
}
.div-block-4365 {
color: #afabab;
margin-right: 5px;
font-family: Materialicons, sans-serif;
font-size: 12px;
}
.div-block-4378 {
width: 1px;
height: 100%;
background-color: #d6d6d6;
position: static;
left: 40px;
}
.div-block-4378.inverted {
background-color: #3d3d39;
}
.div-block-4378.invisible {
opacity: 1;
background-color: #e7e7e7;
}
.div-block-4378.small {
height: 50px;
}
.div-block-4378.small._22 {
height: 130px;
}
.div-block-4378.small._224 {
height: 65px;
}
.div-block-4378.small._224._23 {
height: 115px;
}
.div-block-4379 {
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-4379.icon {
margin-left: 3px;
font-size: 14px;
}
.div-block-4333 {
flex-direction: column;
align-items: flex-start;
padding-right: 30px;
display: flex;
position: relative;
}
.intro_line-3 {
flex-direction: column;
align-items: flex-start;
margin-top: 5px;
margin-bottom: 5px;
font-family: Circularxxweb, sans-serif;
font-weight: 400;
display: flex;
}
.div-block-3217 {
height: 100%;
color: #3a3a3a;
cursor: pointer;
border-left: 1px solid #eee;
justify-content: center;
align-items: center;
padding-left: 30px;
padding-right: 30px;
font-family: Materialicons, sans-serif;
font-size: 16px;
display: flex;
}
.div-block-3217:hover {
background-color: #fff;
}
.div-block-4356 {
z-index: 6;
height: 50px;
color: #ececec;
cursor: pointer;
background-color: #1b1b1b;
border: 1px solid #2c2c2c;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 12px 50px;
font-size: 15px;
font-weight: 400;
display: flex;
position: relative;
box-shadow: 0 2px 5px rgba(0, 0, 0, .06);
}
.div-block-4356:hover {
color: #1a1a1a;
background-color: #fff;
border-color: #202020;
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.div-block-4313 {
flex-direction: column;
justify-content: center;
display: flex;
}
.div-block-3216 {
height: 100%;
border-left: 0 solid #f3f1f1;
justify-content: center;
align-items: center;
font-weight: 300;
display: flex;
}
.div-block-4346 {
width: 100%;
height: 100%;
background-color: #fff;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.div-block-3215 {
width: 151px;
height: 100%;
color: #3d3d3d;
justify-content: center;
align-items: center;
padding-left: 18px;
display: flex;
}
.div-block-4380 {
height: 100%;
align-items: flex-start;
display: flex;
position: absolute;
top: 0;
left: 40px;
}
.stories_container-2 {
width: 100%;
height: 100%;
max-height: 650px;
max-width: 361px;
min-height: 600px;
min-width: 300px;
background-color: #fff;
border: 0 solid #e0e0e0;
border-radius: 3px;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 14px rgba(0, 0, 0, .05);
}
.theslide-2 {
width: 100%;
height: 100%;
min-height: 600px;
min-width: 100%;
border: 0 solid #dadada;
border-radius: 6px;
flex-direction: row;
margin-right: 30px;
display: flex;
}
.theslide-2.stories {
width: auto;
min-width: auto;
}
.theslide-2.stories.full {
flex-direction: column;
align-items: center;
}
.theslide-2.stories.wide {
flex-direction: column;
}
.div-block-4381 {
position: relative;
}
.pitch_navigation {
z-index: 30;
width: 60px;
height: 100vh;
border-right: 1px solid #f0f0f0;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-top: 50px;
padding-bottom: 10px;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.pitch_navigation.lightscroll {
z-index: 30;
width: 100px;
border-right-width: 0;
justify-content: center;
align-items: center;
padding-top: 10px;
font-family: Materialicons, sans-serif;
position: fixed;
overflow: auto;
}
.div-block-4349 {
flex-direction: column;
display: flex;
}
.div-block-4349.hidden {
display: none;
}
.pitch_nav_button {
width: 32px;
height: 32px;
min-height: 32px;
min-width: 32px;
color: #a0a0a0;
cursor: pointer;
border: 1px solid #e4e4e4;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
font-size: 10px;
font-weight: 500;
display: flex;
}
.pitch_nav_button:hover {
color: #1b1b1b;
border-color: #3a3a3a;
}
.pitch_nav_button.active {
height: 70px;
color: #1d1d1d;
background-color: #fff;
border-color: #b6b6b6;
}
.pitch_nav_button.mat {
height: 70px;
color: #929292;
border-color: #929292;
font-size: 12px;
}
.intro_line-2-copy {
flex-direction: column;
align-items: flex-start;
margin-top: 5px;
margin-bottom: 5px;
font-family: Circularxxweb, sans-serif;
font-weight: 400;
display: flex;
}
.div-block-4382 {
white-space: nowrap;
align-items: center;
display: flex;
position: relative;
}
.native_content_1 {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.div-block-4383 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
display: flex;
}
.native_media_holder {
z-index: 1;
width: 100%;
height: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.native_media_holder.t2 {
overflow: hidden;
}
.brand_element {
padding-right: 5px;
font-size: 11px;
font-weight: 500;
display: flex;
}
.brand_element:hover {
background-color: #f6f2d5;
}
.brand_element.disabled {
cursor: not-allowed;
}
.brand_element.disabled:hover {
background-color: rgba(246, 242, 213, 0);
}
.guide_brand {
align-items: flex-start;
display: none;
position: absolute;
top: 151px;
right: 309px;
}
.native_overlay {
z-index: 50;
width: 100%;
height: 100%;
color: #fff;
display: none;
position: absolute;
}
.media_progress {
z-index: 20;
width: 100%;
flex-direction: row;
justify-content: center;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
}
.media_progress.t2 {
bottom: -24px;
}
.native_body {
margin-top: 2px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
transition: all 50ms;
position: relative;
}
.native_body.t2 {
font-size: 1.2em;
font-weight: 300;
line-height: 24px;
}
.native_pagination {
width: 8px;
height: 8px;
min-height: 8px;
min-width: 8px;
cursor: pointer;
background-color: #fff;
border: 1px solid #707070;
border-radius: 99px;
margin-right: 4px;
transition: all .4s;
}
.native_pagination:hover {
background-color: #535353;
border-color: #535353;
}
.div-block-4384 {
width: 9px;
height: 9px;
min-height: 9px;
min-width: 9px;
background-color: #fff;
border: 2px solid #a8a8a8;
border-radius: 99px;
}
.enabler {
z-index: 10;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0;
}
.media_progress_unit {
z-index: 2;
width: 100%;
position: absolute;
bottom: 0;
}
.div-block-4385 {
width: 100%;
height: 1px;
background-color: #e0e0e0;
}
.div-block-4385.v {
width: 1px;
height: 100%;
background-color: #e0e0e0;
}
.image-705 {
width: 100%;
height: 100%;
object-fit: cover;
}
.native_control {
z-index: 20;
width: 30px;
height: 30px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #1f1f1f;
cursor: pointer;
background-color: rgba(255, 255, 255, .9);
border: 2px solid rgba(255, 255, 255, .9);
border-radius: 99px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
display: flex;
position: absolute;
right: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.native_control:hover {
color: #fff;
background-color: #000;
border-color: rgba(0, 0, 0, .9);
}
.native_control.left {
padding-left: 5px;
left: 10px;
right: auto;
}
.nws_template1 {
width: 300px;
height: 600px;
max-width: 500px;
border: 1px solid #dadada;
border-radius: 3px;
flex-direction: column;
display: flex;
position: relative;
overflow: visible;
}
.div-block-4412 {
z-index: 5;
width: 70px;
max-width: 100%;
position: relative;
}
.div-block-4413 {
position: relative;
}
.div-block-4130-copy {
z-index: 5;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
background-color: rgba(53, 53, 53, .1);
border: 2px solid #181818;
border-radius: 6px;
justify-content: flex-end;
align-items: flex-start;
padding-top: 5px;
padding-right: 5px;
display: flex;
position: absolute;
}
.div-block-4130-copy:hover {
opacity: 1;
}
.div-block-4414 {
color: #6e6e6e;
text-align: center;
font-size: 8px;
line-height: 10px;
position: relative;
}
.native_media {
width: 100%;
height: 200px;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.native_media.wide {
width: 100%;
height: 300px;
justify-content: center;
}
.native_media.t2 {
z-index: 1;
height: 100%;
justify-content: center;
}
.guide_headline {
align-items: flex-start;
display: none;
position: absolute;
top: 29px;
left: -53px;
}
.guide_headline.rev {
align-items: flex-end;
display: none;
top: -66px;
left: -110px;
}
.guide_headline.body1 {
align-items: flex-end;
display: none;
top: -66px;
left: auto;
right: -97px;
}
.div-block-4415 {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid rgba(102, 102, 102, .25);
border-radius: 6px;
margin-right: 10px;
padding: 8px 25px 8px 22px;
display: flex;
}
.div-block-4415:hover {
color: #f1f1f1;
background-color: #161616;
}
.div-block-4415.last {
margin-right: 0;
}
.image-706 {
z-index: 5;
width: 70px;
position: relative;
}
.div-block-4416 {
width: 1px;
height: 80px;
background-color: #00b5ea;
}
.div-block-4416.medium {
height: 100px;
}
.div-block-4416.brand {
height: 25px;
background-color: #e0e0e0;
}
.div-block-4417 {
z-index: 1;
width: 100%;
height: 100%;
border-radius: 6px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.swipe_container {
width: 100%;
justify-content: center;
align-items: center;
padding-top: 2px;
display: flex;
}
.native_media_gallery {
z-index: 20;
width: 452px;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff;
border: 1px solid rgba(224, 224, 224, .5);
border-radius: 6px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 14px;
display: none;
position: absolute;
top: 42px;
left: 126px;
box-shadow: 0 2px 16px rgba(168, 168, 168, .3);
}
.div-block-4418 {
width: 100%;
height: 1px;
background-color: #f3f3f3;
}
.div-block-4278 {
width: 100%;
height: 100%;
}
.div-block-4419 {
color: #9e9d9d;
text-align: left;
white-space: normal;
font-size: 15px;
font-weight: 300;
line-height: 27px;
}
.div-block-4419._75 {
opacity: .75;
}
.div-block-4419._50 {
opacity: .5;
}
.div-block-4419._25 {
opacity: .25;
}
.div-block-4419._10 {
opacity: .15;
}
.div-block-4420 {
width: 21px;
height: 1px;
background-color: #e0e0e0;
position: absolute;
bottom: 0;
left: -10px;
}
.div-block-4420.top {
background-color: #00b5ea;
top: 0;
bottom: auto;
}
.div-block-4421 {
width: 134px;
height: 67px;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 6px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-4421:hover {
border-width: 1px;
border-color: #a37f7f;
}
.native_media_1 {
width: 100%;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.div-block-4422 {
width: 40px;
align-items: center;
display: flex;
position: relative;
top: -4px;
}
.div-block-4422.brand {
width: 140px;
}
.div-block-4422._80 {
width: 100px;
}
.div-block-4422._160, .div-block-4422.r {
width: 100px;
top: 4px;
}
.div-block-4275 {
z-index: 2;
position: relative;
}
.div-block-4423 {
position: relative;
}
.guide_cta {
align-items: flex-start;
display: flex;
position: absolute;
top: 20px;
left: 320.5px;
}
.div-block-4424 {
white-space: nowrap;
font-family: Circularxxweb, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16px;
position: absolute;
top: 34px;
left: -12px;
}
.div-block-4424.body1 {
text-align: left;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
top: -38px;
bottom: auto;
left: -15px;
}
.div-block-4424.top {
text-align: right;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
display: flex;
top: -38px;
bottom: auto;
left: -74px;
}
.div-block-4424.right {
text-align: right;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
left: -11px;
}
.div-block-4425 {
color: #3b3b3b;
font-size: 15px;
}
.swipe_action {
z-index: 5;
width: 100%;
opacity: .6;
mix-blend-mode: luminosity;
flex-direction: column;
justify-content: center;
align-items: center;
transition: opacity .5s;
display: none;
position: absolute;
}
.div-block-4426 {
color: #a11;
padding-left: 5px;
padding-right: 5px;
font-size: 11px;
font-weight: 700;
position: relative;
}
.div-block-4426.a {
color: #ccc7c7;
top: -1px;
}
.div-block-4426.v {
color: #535353;
background-color: #fff;
position: relative;
left: -1px;
transform: rotate(-90deg);
}
.div-block-4426.v.tt {
background-color: #f3f2ee;
}
.div-block-4132-copy {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid rgba(102, 102, 102, .25);
border-radius: 6px;
margin-right: 10px;
padding: 8px 25px 8px 22px;
display: flex;
}
.div-block-4132-copy:hover {
color: #f1f1f1;
background-color: #161616;
}
.div-block-4132-copy.last {
width: 22px;
height: 20px;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 0;
padding: 4px;
}
.div-block-4184 {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4131-copy {
margin-right: 0;
font-family: Materialicons, sans-serif;
}
.div-block-4427 {
width: 100%;
height: 1px;
background-color: #e0e0e0;
}
.div-block-4428 {
max-width: 15px;
margin-right: 5px;
font-family: Materialicons, sans-serif;
font-size: 11px;
}
.progress_track_native {
z-index: 10;
width: 100%;
height: 3px;
background-color: rgba(51, 51, 51, .05);
display: none;
position: absolute;
bottom: 0;
overflow: hidden;
}
.logo_comp {
width: 45px;
height: 45px;
max-height: 45px;
max-width: 45px;
min-height: 45px;
min-width: 45px;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 6px;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
top: 3px;
overflow: hidden;
}
.logo_comp.t1 {
display: none;
}
.logo_comp.t2 {
width: auto;
height: 25px;
max-height: 25px;
max-width: 25px;
min-height: auto;
min-width: auto;
color: rgba(255, 255, 255, 0);
background-color: rgba(255, 255, 255, 0);
border-width: 0;
border-color: rgba(230, 230, 230, .1);
border-radius: 1px;
margin-right: 6px;
display: flex;
top: 0;
}
.horizontal_guide {
width: 100%;
height: 20px;
white-space: nowrap;
border: 0 solid #e0e0e0;
border-width: 0 1px;
align-items: center;
display: flex;
position: absolute;
top: -30px;
}
.rollover_progress {
width: 100%;
height: 100%;
opacity: .5;
-webkit-backdrop-filter: invert();
backdrop-filter: invert();
background-color: #d4d5ca;
transition: all 1.2s;
position: absolute;
left: -100%;
}
.native_headline {
width: 100%;
cursor: text;
border: 1px solid rgba(255, 255, 255, 0);
align-items: flex-start;
margin-top: 10px;
font-family: Neuehaasgrotdisp web, sans-serif;
font-size: 20px;
line-height: 26px;
transition: all 50ms;
display: flex;
position: relative;
}
.native_headline.t2 {
padding-right: 10px;
font-size: 25px;
line-height: 32px;
}
.native_sponsored {
width: 100%;
border-top: 0 solid #f7f7f7;
align-items: center;
margin-top: 5px;
padding-top: 5px;
font-size: 12px;
display: flex;
}
.cta_content {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: relative;
overflow: hidden;
}
.helper_action {
z-index: 6;
color: #fff;
background-color: #3b3b3b;
border: 1px solid #414141;
border-radius: 3px;
padding: 2px 14px;
font-size: 14px;
font-weight: 300;
position: absolute;
bottom: -32.75px;
box-shadow: -3px 2px 5px rgba(0, 0, 0, .04);
}
.native_bar {
width: 100%;
height: 100%;
max-width: 100%;
background-color: #e20808;
transition: max-width .75s;
display: flex;
position: relative;
left: -100%;
}
.div-block-4298 {
z-index: 4;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 13%, #fff 48%, rgba(255, 255, 255, 0) 90%);
position: absolute;
top: 25px;
}
.div-block-4429 {
flex-direction: column;
display: flex;
position: relative;
}
.native_cta_button {
height: 45px;
min-height: 45px;
color: #fff;
white-space: nowrap;
cursor: text;
background-color: #0685ff;
border: 0 solid #0685ff;
border-radius: 2px;
font-size: 12px;
font-weight: 700;
transition: all 50ms;
position: relative;
}
.native_cta_button.t2 {
height: 45px;
min-height: 45px;
text-align: center;
background-color: #000;
justify-content: center;
align-items: center;
padding: 0;
font-size: 15px;
font-weight: 500;
display: flex;
}
.div-block-4430 {
font-size: 13px;
font-weight: 500;
}
.div-block-4430.small {
font-size: 11px;
}
.native_brand_name {
padding-right: 5px;
font-size: 11px;
font-weight: 500;
display: flex;
}
.native_brand_name.underline {
text-decoration: underline;
}
.vertical_guide {
width: 20px;
height: 300px;
white-space: nowrap;
border: 1px solid #e0e0e0;
border-width: 1px 0;
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
right: -37px;
}
.media_roll_over {
z-index: 5;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
background-color: rgba(53, 53, 53, .1);
border: 2px solid #181818;
border-radius: 6px;
justify-content: flex-end;
align-items: flex-start;
padding-top: 10px;
padding-right: 10px;
display: none;
position: absolute;
}
.media_roll_over:hover {
opacity: 1;
}
.media_gradient1 {
z-index: 2;
width: 100%;
height: 100%;
opacity: .15;
background-image: linear-gradient(rgba(2, 2, 2, 0) 8%, #000);
flex-direction: row;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.media_gradient1.selected {
opacity: .2;
background-image: linear-gradient(rgba(2, 2, 2, 0) 8%, #00b5ea);
display: flex;
}
.media_gradient1.t2 {
opacity: .06;
background-image: linear-gradient(rgba(2, 2, 2, 0) 58%, #000);
}
.div-block-4431 {
width: 200px;
color: #747474;
position: absolute;
top: 73px;
right: -271px;
}
.form_overlay {
z-index: 10;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0;
}
.div-block-4165 {
color: #070707;
background-color: #fff;
border-radius: 3px;
justify-content: center;
align-items: center;
margin-right: 5px;
padding: 3px 5px;
font-size: 8px;
font-weight: 500;
line-height: 10px;
display: flex;
}
.image-707 {
width: 100%;
height: 100%;
object-fit: cover;
}
.native_pagination_display {
width: 100%;
height: 2px;
min-height: 2px;
opacity: .5;
cursor: pointer;
background-color: #bbb;
border: 0 solid #e4e4e4;
border-radius: 0;
margin-right: 4px;
transition: all .4s;
}
.native_pagination_display:hover {
background-color: #535353;
border-color: #535353;
}
.native_pagination_display.active {
background-color: #494949;
}
.native_control-2 {
z-index: 20;
width: 30px;
height: 30px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #1f1f1f;
cursor: pointer;
background-color: rgba(255, 255, 255, .9);
border: 2px solid rgba(255, 255, 255, .9);
border-radius: 99px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
display: flex;
position: absolute;
right: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.native_control-2:hover {
color: #fff;
background-color: #000;
border-color: rgba(0, 0, 0, .9);
}
.native_control-2.left {
padding-left: 5px;
left: 10px;
right: auto;
}
.div-block-4432 {
z-index: 5;
width: 70px;
max-width: 100%;
position: relative;
}
.image-708 {
z-index: 5;
width: 70px;
position: relative;
}
.media_progress_products {
z-index: 20;
width: 100%;
flex-direction: row;
justify-content: center;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
display: none;
position: absolute;
}
.div-block-4433 {
width: 100%;
height: 100%;
}
.native_media_1-2 {
width: 100%;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.native_media_1-2.t2._300x600 {
max-height: 300px;
min-height: 300px;
overflow: visible;
box-shadow: 0 5px 7px rgba(0, 0, 0, .1);
}
.div-block-4434 {
z-index: 2;
position: relative;
}
.text_content {
flex-direction: column;
align-items: flex-start;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.text_content.t2 {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.nws_template2 {
width: 300px;
height: 600px;
min-width: 300px;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 3px;
flex-direction: column;
justify-content: space-between;
padding: 0;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
overflow: visible;
}
.nws_template2:hover {
border-color: #ccc;
}
.native_product_holder {
z-index: 5;
width: 100%;
align-items: center;
display: flex;
}
.div-block-4166 {
margin-right: 5px;
font-weight: 500;
}
.div-block-4435 {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.product_holder {
display: none;
}
.native_media_products {
width: 100%;
height: 200px;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.native_media_products.t2 {
z-index: 1;
height: 100%;
justify-content: center;
}
.div-block-4436 {
z-index: 4;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 13%, #fff 48%, rgba(255, 255, 255, 0) 90%);
position: absolute;
top: 25px;
}
.branding_bar {
z-index: 2;
width: 100%;
cursor: pointer;
background-color: rgba(65, 65, 65, .2);
border: 0 solid #000;
flex-direction: row;
align-items: center;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 14px;
font-size: 11px;
font-weight: 300;
line-height: 22px;
display: flex;
position: absolute;
left: 0;
}
.branding_bar:hover {
color: #e7e6e6;
background-color: #202020;
}
.branding_bar.t2 {
z-index: 7;
color: #fff;
background-color: rgba(14, 14, 14, .2);
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
top: 0;
}
.cta_holder {
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-4437 {
height: 100%;
}
.div-block-4437._1 {
min-width: 70%;
margin-right: 8px;
}
.vertical_guide-copy {
width: 20px;
height: 224px;
white-space: nowrap;
border: 1px solid #e0e0e0;
border-width: 1px 0;
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
bottom: 0;
left: -38px;
}
.vertical_guide-copy._2 {
height: 600px;
left: auto;
right: -34px;
}
.vertical_guide-copy._2-copy {
height: 600px;
top: 13px;
bottom: auto;
left: auto;
right: -34px;
}
.guide_brand-copy {
align-items: flex-start;
display: flex;
position: absolute;
bottom: -387px;
right: -231px;
}
.div-block-4419-copy {
color: #9e9d9d;
text-align: left;
white-space: normal;
margin-top: 5px;
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
.div-block-4419-copy._75 {
opacity: .75;
}
.div-block-4419-copy._50 {
opacity: .5;
}
.div-block-4419-copy._25 {
opacity: .25;
}
.div-block-4419-copy._10 {
opacity: .15;
}
.div-block-4438 {
padding-top: 6px;
}
.div-block-4189 {
color: #ccc;
flex-direction: row;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 20px;
display: flex;
}
.div-block-4189:hover {
color: #4c4949;
}
.div-block-4189.inv {
flex-direction: row-reverse;
}
.div-block-4190 {
width: 100%;
height: 1px;
background-color: #f0f0f0;
margin-top: 5px;
margin-bottom: 5px;
}
.div-block-4439 {
width: 30px;
height: 30px;
cursor: pointer;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
display: flex;
}
.div-block-4439:hover {
border-color: #acacac;
}
.div-block-4439.simple {
width: 26px;
height: 26px;
background-color: rgba(255, 255, 255, .4);
border-width: 1px;
border-color: rgba(224, 224, 224, .5);
margin-right: 6px;
transition: all .2s;
}
.div-block-4439.simple:hover {
border-color: #b1b1b1;
}
.div-block-4187 {
flex-direction: column;
align-items: flex-end;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
display: none;
position: absolute;
right: 20px;
}
.div-block-4187.active_scene {
opacity: 1;
transition: all .5s;
display: flex;
}
.div-block-4187.active_scene.left {
left: 20px;
right: auto;
}
.div-block-4187.active_scene.left.r {
align-items: flex-start;
padding-left: 0;
left: -1px;
}
.pickerlabel {
margin-right: 10px;
font-size: 10px;
font-weight: 500;
}
.color_icon {
width: 30px;
justify-content: flex-end;
align-items: center;
margin-bottom: 7px;
margin-right: 0;
padding-right: 7px;
font-family: Materialicons, sans-serif;
font-size: 14px;
font-weight: 300;
display: flex;
}
.color_icon._0 {
margin-left: 17px;
}
.div-block-4447 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
display: none;
}
.div-block-4447.active {
display: flex;
}
.background-video-110 {
width: 100%;
height: 100%;
}
.div-block-4437-copy {
width: 300px;
height: 100%;
min-width: 250px;
justify-content: flex-start;
display: flex;
}
.div-block-4437-copy._1 {
min-width: 85%;
margin-right: 8px;
}
.div-block-4448 {
position: absolute;
bottom: -67px;
}
.native_display {
z-index: 5;
height: 100%;
justify-content: center;
align-items: center;
font-weight: 300;
display: none;
position: relative;
}
.native_display.native {
display: flex;
}
.div-block-4449 {
height: 100%;
color: #b4b4b4;
white-space: nowrap;
cursor: pointer;
border-bottom: 3px solid rgba(0, 0, 0, 0);
justify-content: center;
align-items: center;
margin-bottom: -2px;
margin-right: 10px;
padding-left: 3px;
padding-right: 3px;
font-weight: 400;
display: flex;
}
.div-block-4449:hover {
border-bottom: 3px solid #000;
}
.div-block-4449.active {
color: #111;
border-bottom-width: 3px;
border-bottom-color: #000;
padding-left: 10px;
padding-right: 10px;
font-weight: 700;
}
.div-block-4450 {
width: 100%;
height: 100%;
flex-direction: column;
display: flex;
}
.style_slider {
z-index: 1;
width: 100%;
height: 100%;
border: 0 solid #e2e2e2;
border-radius: 0;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding: 0;
display: flex;
position: relative;
}
.create_arrow_right {
width: 40px;
height: 25px;
cursor: pointer;
border: 1px solid #494949;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
padding-left: 2px;
font-size: 10px;
display: flex;
}
.create_arrow_right:hover {
color: #eeecec;
background-color: #494949;
}
.div-block-4451 {
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
display: flex;
}
.tabswitch-4 {
width: 100%;
background-color: #f1f1f1;
border: 1px solid #f3f3f3;
border-radius: 99px;
flex-direction: row;
padding: 5px;
display: flex;
}
.tabswitch-4.yellow {
background-color: #f1f1f1;
}
.div-block-4452 {
min-height: 46px;
transition: all .3s;
}
.div-block-4453 {
font-size: 18px;
font-weight: 500;
line-height: 25px;
}
.div-block-4061 {
width: 100%;
flex-direction: column;
padding-top: 15px;
display: none;
}
.skill_item {
width: 100%;
color: #222;
cursor: pointer;
background-color: #fff;
border: 1px solid #eee;
border-radius: 12px;
flex-direction: row;
align-items: flex-start;
margin-bottom: 0;
padding: 20px 25px 20px 20px;
display: flex;
}
.skill_item:hover {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.skill_item:focus {
border-color: #8a8484;
}
.div-block-4454 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff;
border: 0 solid #000;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(400px, 800fr));
grid-auto-columns: 1fr;
padding: 11px 0 25px;
display: grid;
position: relative;
}
.div-block-4303 {
z-index: 5;
width: 40px;
height: 40px;
min-height: 40px;
min-width: 40px;
background-color: #fff;
border: 1px solid #e6e3e3;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 16px;
transition: all .4s;
display: flex;
position: relative;
}
.ill {
width: 100%;
height: 80%;
min-height: 80%;
border-bottom: 0 solid rgba(235, 235, 235, .5);
}
.ill.all {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64a07ea2ab26229b17fe330c_brand.svg");
background-position: 50%;
background-size: cover;
}
.pitch_results {
width: 100%;
flex-direction: column;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.pitch_results.hidden {
display: none;
}
.pitch_results.large {
padding-left: 0;
padding-right: 0;
}
.div-block-4048 {
flex-direction: column;
display: flex;
}
.create_tabs {
width: 100%;
height: 100%;
background-image: linear-gradient(#f6f1e8 11%, #fff);
overflow: auto;
}
.create_tabs.lightscroll {
background-image: linear-gradient(#fff 11%, #fff);
}
.create_tabs.lightscroll.aaa {
background-image: none;
padding-top: 50px;
padding-left: 20px;
}
.create_flow {
z-index: 10;
width: 100%;
height: 80px;
min-height: 80px;
background-color: #fff;
border-left: 1px solid #f0f0f0;
justify-content: flex-start;
align-items: center;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.create_flow.noborder {
border-left-width: 0;
}
.create_flow.noborder._500 {
height: 0;
min-height: 0;
min-width: 450px;
background-color: #f6f1e8;
transition: all .36s;
overflow: hidden;
}
.create_flow.noborder._500.active {
height: 80px;
min-height: 80px;
min-width: auto;
}
.form_container_input-2 {
width: 100%;
align-items: center;
font-weight: 300;
display: flex;
position: relative;
}
.div-block-4043 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4067 {
padding-left: 15px;
padding-right: 15px;
}
.content_cta {
z-index: 100;
width: 100%;
height: 0;
max-height: 0;
min-height: 0;
border-radius: 12px 12px 0 0;
padding: 0 15px;
transition: all .35s;
display: flex;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.content_cta.active {
height: auto;
max-height: none;
min-height: auto;
padding-top: 35px;
padding-bottom: 55px;
display: flex;
bottom: 0;
}
.create_dropdown {
width: 100%;
margin-bottom: 30px;
}
.create_dropdown.w50 {
width: 49%;
}
.create_dropdown.w50.h {
display: none;
}
.div-block-4302 {
color: #5e5e5e;
background-color: #fff;
border: 1px solid rgba(228, 228, 228, .5);
border-radius: 6px;
margin-top: 5px;
padding: 2px 12px;
font-size: 12px;
font-weight: 300;
}
.create_arrow_left {
width: 40px;
height: 25px;
cursor: pointer;
border: 1px solid #494949;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
padding-left: 2px;
font-size: 10px;
display: flex;
}
.create_arrow_left:hover {
color: #f1eaea;
background-color: #030303;
border-color: #030303;
}
.skill_category {
width: 100%;
height: 100%;
max-height: 260px;
max-width: 205px;
min-height: 260px;
min-width: 180px;
color: #1b1b1b;
white-space: nowrap;
cursor: pointer;
border: 1px solid #d8d8d8;
border-radius: 12px;
flex-direction: column;
align-items: center;
margin-bottom: 0;
margin-right: 12px;
font-size: 11px;
display: flex;
}
.div-block-4455 {
width: 100%;
min-width: 300px;
justify-content: center;
align-items: center;
padding: 15px 20px;
display: flex;
}
.div-block-4455._450 {
height: 80px;
min-height: 80px;
min-width: 450px;
background-color: #fff;
border-bottom: 1px solid #f8f8f8;
border-radius: 0;
}
.form-11 {
height: 100%;
align-items: flex-start;
display: flex;
}
.skill_item-copy {
width: 100%;
color: #222;
cursor: pointer;
background-color: #fff;
border: 1px solid #eee;
border-radius: 12px;
flex-direction: row;
align-items: flex-start;
margin-bottom: 0;
padding: 20px 25px 20px 20px;
display: flex;
}
.skill_item-copy:hover {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.skill_item-copy:focus {
border-color: #8a8484;
}
.div-block-4023-copy {
width: 16px;
height: 16px;
color: #fff;
background-color: #c02323;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-top: 0;
margin-left: 3px;
font-family: Circularxxweb, sans-serif;
font-size: 8px;
font-weight: 500;
display: flex;
}
.div-block-4062 {
width: 100%;
height: 1px;
background-color: #e9e9e9;
}
.div-block-4456 {
width: 100%;
border: 0 solid #000;
align-items: center;
display: flex;
}
.div-block-4299 {
height: 80px;
border: 1px solid #e0e0e0;
border-radius: 10px;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-4299.hidden {
display: none;
}
.skills {
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.input_context {
color: #a7a7a7;
margin-top: 5px;
font-size: 11px;
}
.div-block-4059 {
margin-right: 4px;
font-size: 14px;
}
.div-block-4279 {
margin-top: 10px;
}
.div-block-4041 {
width: 100%;
height: 370px;
max-width: 900px;
align-items: center;
padding-top: 20px;
padding-bottom: 40px;
display: flex;
}
.div-block-4041.inactive {
display: none;
}
.content_results {
width: 100%;
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
display: none;
}
.div-block-4044 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4457 {
width: 100%;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.pitchstatusbar {
width: 100%;
height: 100%;
background-color: #eef1e9;
transition: all .75s;
position: absolute;
top: 0;
left: -100%;
}
.div-block-4458 {
width: 300px;
height: 3px;
opacity: .47;
filter: blur(12px);
background-image: radial-gradient(circle, #000, #fff);
border-radius: 999px;
position: relative;
top: 28px;
}
._1create_right-copy {
width: 100%;
max-width: 700px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
transition: all .5s;
display: flex;
}
._1create_right-copy.lightscroll.active {
z-index: 1;
min-width: auto;
border-right: 1px solid #f1f1f1;
transition: all .3s;
display: flex;
}
._1create_right-copy.transparent {
height: 100%;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #e9e9e9;
border-right-width: 0;
border-radius: 16px 0 0 16px;
padding-top: 50px;
}
.div-block-4459 {
width: 60px;
height: 60px;
min-height: 60px;
min-width: 60px;
color: #262b3f;
border: 0 solid #e9e9e9;
border-right-width: 1px;
border-radius: 0;
justify-content: center;
align-items: center;
margin-right: 22px;
padding: 10px;
font-size: 19px;
display: flex;
position: relative;
top: 0;
}
.ai_input {
height: 46px;
color: #000;
border: 1px solid #dadada;
border-radius: 6px;
margin-bottom: 0;
padding-left: 12px;
font-size: 15px;
font-weight: 300;
position: relative;
box-shadow: 0 0 6px rgba(0, 0, 0, .04);
}
.ai_input:hover {
background-color: #fafaf0;
border-color: #a7afcf;
}
.ai_input:focus {
color: #242424;
background-color: #fafaf0;
border-style: solid;
border-color: #6f9edd;
box-shadow: -1px 1px 8px rgba(192, 194, 165, .1);
}
.ai_input::-ms-input-placeholder {
color: #2c2c2c;
}
.ai_input::placeholder {
color: #2c2c2c;
}
.ai_input.typing {
background-color: #fafaf0;
border-color: #a7afcf;
}
.ai_input.t {
background-color: rgba(255, 255, 255, 0);
}
.div-block-4040 {
padding-top: 5px;
padding-right: 20px;
}
.div-block-4301 {
font-size: 15px;
font-weight: 500;
}
.create_standard {
width: 100%;
flex-direction: column;
align-items: flex-start;
margin-bottom: 25px;
display: flex;
}
.create_standard._50 {
width: 49%;
}
.projects_list-copy {
max-height: 75px;
border: 1px solid #dfdfdf;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
transition: all .45s ease-out, max-height .45s, height .45s;
position: relative;
overflow: hidden;
}
.projects_list-copy:hover {
border-color: #afa5a5;
}
.projects_list-copy.active {
width: 100%;
max-height: 20000px;
background-color: rgba(255, 255, 255, 0);
border: 0 solid #f8f8f8;
border-radius: 3px;
}
.projects_list-copy.active.nopadd {
box-shadow: none;
border-width: 0;
border-radius: 0;
margin-top: 0;
}
.div-block-4305 {
width: 1px;
height: 90px;
background-color: #ddd6d6;
position: absolute;
top: 0;
right: 45px;
}
.div-block-4305.first {
height: 50px;
top: auto;
bottom: 0;
}
.div-block-4305.last {
height: 40px;
}
.generate_content {
color: #fff;
cursor: pointer;
background-color: #c4c7cf;
border: 1px solid #c4c7cf;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 2px;
margin-right: 2px;
padding: 12px 30px;
font-size: 12px;
font-weight: 500;
transition: all .2s;
display: flex;
}
.generate_content:hover {
color: #413d3d;
background-color: #fff;
border-color: #414142;
}
.generate_content.active {
width: 100%;
color: #fff;
background-color: #1654ff;
border-color: #1654ff;
border-radius: 99px;
padding-top: 14px;
padding-bottom: 14px;
}
.generate_content.active:hover {
background-color: #181818;
border-color: #181818;
}
.generate_content.active:active {
color: #161616;
background-color: #fff;
}
.generate_content.active.t {
background-color: #140f28;
}
.generate_content.active.t.a {
margin-top: 60px;
}
.generate_content.active.dark {
background-color: #dbdbdb;
border-color: #e6e6e6;
}
.page_content {
width: 100%;
}
.page_content.active {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 5px 25px 100px 22px;
font-weight: 300;
transition: all .2s;
display: flex;
position: relative;
overflow: visible;
}
.settings_container {
flex-direction: column;
display: flex;
}
.settings_container.small.grid {
grid-column-gap: 10px;
grid-row-gap: 0px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.settings_container.small.grid.a {
grid-column-gap: 5px;
padding: 10px 28px 10px 30px;
}
.div-block-3995 {
width: 100%;
justify-content: center;
display: flex;
}
.div-block-4060 {
width: 100%;
grid-column-gap: 10px;
flex-flow: wrap;
justify-content: flex-start;
display: flex;
}
.create_pagination {
z-index: 2;
width: 100%;
flex-direction: row;
align-items: center;
display: flex;
position: static;
bottom: 0;
}
.div-block-3953 {
font-size: 16px;
font-weight: 300;
line-height: 25px;
}
.div-block-4058 {
cursor: pointer;
background-color: #f1f1f1;
border: 1px solid rgba(241, 241, 241, 0);
border-radius: 99px;
flex-direction: row;
align-items: center;
margin-left: 5px;
margin-right: 5px;
padding: 6px 15px;
font-size: 12px;
font-weight: 700;
display: flex;
}
.div-block-4058:hover {
background-color: #fff;
border-color: #555;
}
.div-block-4058:focus {
background-color: #fff;
border-color: #2c2c2c;
}
.div-block-4300 {
z-index: 5;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.freezer {
z-index: 50;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background-color: rgba(255, 255, 255, .9);
justify-content: center;
align-items: flex-start;
display: none;
position: absolute;
top: 0;
left: 0;
}
.create_bullet {
width: 6px;
height: 6px;
min-height: 6px;
min-width: 6px;
opacity: .5;
background-color: #030303;
border-radius: 99px;
margin-right: 4px;
transition: all .35s;
}
.create_bullet.swiper-pagination-bullet-active {
width: 50px;
opacity: 1;
background-color: #494949;
}
.settings {
flex-direction: column;
display: none;
}
.settings.active {
display: flex;
}
.settings.active.aa {
z-index: 2;
position: relative;
}
.sw_wrapper {
z-index: 1;
width: 100%;
height: 100%;
justify-content: flex-start;
margin-top: 0;
display: flex;
position: relative;
}
.div-block-4063 {
width: 100%;
white-space: nowrap;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.div-block-4460 {
height: 100%;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.form-block-10 {
width: 100%;
}
.form-block-10._500 {
height: auto;
min-width: 500px;
}
.div-block-4057 {
flex-direction: column;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.div-block-4042 {
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding-right: 20px;
display: flex;
}
.create_standard_large {
width: 100%;
margin-bottom: 25px;
}
.div-block-4461 {
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
display: flex;
}
.textarea-6 {
min-height: 160px;
border: 1px solid #dadada;
border-radius: 6px;
margin-bottom: 0;
font-size: 15px;
font-weight: 300;
line-height: 26px;
transition: all .35s;
}
.textarea-6:hover {
background-color: #fafaf0;
}
.textarea-6:focus {
background-color: #fafaf0;
border-color: #6f9edd;
box-shadow: -1px 1px 8px rgba(192, 194, 165, .1);
}
.textarea-6::-ms-input-placeholder {
color: #2c2c2c;
}
.textarea-6::placeholder {
color: #2c2c2c;
}
.textarea-6.lightscroll {
box-shadow: 0 0 6px rgba(0, 0, 0, .04);
}
.textarea-6.lightscroll.typing {
background-color: #fafaf0;
border-color: #a7afcf;
}
.textarea-6.lightscroll.t {
background-color: rgba(255, 255, 255, 0);
}
.textarea-6.lightscroll.t.highlighted {
border-color: #3967db;
}
.ai_settings_slider {
z-index: 2;
width: 100%;
border-bottom: 1px solid rgba(184, 184, 184, .1);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-top: 0;
margin-left: 0;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.ai_settings_slider.ai {
border-bottom-width: 0;
padding-bottom: 15px;
}
.slider_progress_bar-2 {
width: 100%;
height: 2px;
position: absolute;
top: -17px;
overflow: hidden;
}
.slider_progress_bar-2.a {
background-color: #e6e6e6;
}
.div-block-3203-copy-2 {
width: 100%;
color: #3a3a3a;
letter-spacing: .5px;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
font-size: 11px;
font-weight: 400;
display: flex;
position: relative;
}
.slidervalues-2 {
z-index: 4;
width: 100%;
opacity: 1;
color: #c2c2c2;
justify-content: space-between;
align-items: center;
margin-top: 5px;
font-size: 11px;
display: flex;
position: relative;
}
.div-block-4462 {
z-index: 5;
width: 20px;
height: 20px;
background-color: #fff;
border: 2px solid #000;
border-radius: 99px;
position: absolute;
bottom: 27px;
left: 411px;
}
.div-block-3956-copy-2-copy {
z-index: 5;
width: 50%;
height: 100%;
background-color: #f8f8f6;
border: 1px solid #f0f0f0;
border-radius: 24px;
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3956-copy-2-copy.large {
min-height: 100vh;
}
.div-block-3956-copy-2-copy.large.reg {
background-color: #fff;
border-color: #e7e7e7;
padding-top: 80px;
}
.div-block-3956-copy-2-copy.large.reg._100 {
width: 100%;
height: 100vh;
padding-top: 0;
}
.div-block-3956-copy-2-copy.large.style1 {
background-color: #fff;
border-color: #ececec;
align-items: center;
}
.div-block-4463 {
width: 100%;
height: 100%;
background-color: #fff;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-4463._900 {
min-width: 800px;
padding-top: 70px;
padding-left: 100px;
padding-right: 100px;
transition: all .25s;
}
.div-block-4464 {
width: 560px;
height: 100%;
border-right: 1px solid #f3f3f3;
}
.div-block-4465 {
width: 100%;
min-width: 300px;
justify-content: center;
align-items: center;
padding: 15px 20px;
display: flex;
}
.div-block-4466 {
width: 100%;
border: 0 solid #000;
align-items: center;
display: flex;
}
.tabswitch-5 {
width: 100%;
background-color: #f1f1f1;
border: 1px solid #f3f3f3;
border-radius: 99px;
flex-direction: row;
padding: 5px;
display: flex;
}
.div-block-4467 {
flex-direction: column;
align-items: flex-start;
padding-left: 15px;
display: flex;
}
.div-block-4196 {
height: 100%;
color: #353333;
border-bottom: 0 solid #e1e1e1;
align-items: flex-start;
padding-right: 20px;
display: flex;
position: relative;
}
.div-block-4468 {
width: 40px;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: none;
position: absolute;
bottom: 0;
left: 0;
}
.div-block-4468.active {
display: flex;
}
.div-block-4469 {
border: 0 solid #ececec;
border-bottom-width: 1px;
margin-top: 0;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 10px;
display: flex;
}
.layers_holder_native.scroll {
overflow: scroll;
}
.div-block-4470 {
width: 26px;
height: 26px;
color: #8f8f8f;
background-color: #fff;
border: 1px solid #d4d5d6;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
font-size: 12px;
display: none;
}
.div-block-4470.isactive {
color: #404650;
cursor: pointer;
background-color: rgba(255, 255, 255, 0);
border-color: #c4cbd8;
font-family: Materialicons, sans-serif;
display: flex;
}
.div-block-4470.isactive:hover {
color: #f7f7f7;
background-color: #313030;
border-color: #383838;
}
.div-block-4195 {
width: 40px;
height: 100%;
min-height: 100%;
min-width: 40px;
border: 0 solid #e0dddd;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-top: 15px;
font-size: 12px;
font-weight: 500;
display: flex;
}
.div-block-4471 {
z-index: 5;
width: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 5px;
display: flex;
position: absolute;
top: -12px;
right: 1px;
}
.div-block-4203 {
width: 100%;
flex-direction: column;
display: flex;
}
.div-block-4194 {
border-left: 1px solid #e4e4e4;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 0;
display: flex;
}
.div-block-4472 {
letter-spacing: 0;
font-size: 16px;
font-weight: 500;
line-height: 22px;
}
.div-block-4472.l1 {
opacity: .8;
letter-spacing: 0;
border-top: 1px solid #e1e1e1;
margin-top: 7px;
padding-top: 7px;
font-family: Circularxxweb, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 22px;
}
.div-block-4472.l1.report {
color: #181818;
border-top-width: 0;
font-weight: 500;
position: relative;
}
.div-block-4472.l1.report.full {
opacity: 1;
}
.div-block-4423-copy {
width: 26px;
height: 26px;
color: #8f8f8f;
background-color: #fff;
border: 1px solid #d4d5d6;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
font-size: 12px;
display: none;
}
.div-block-4423-copy.isactive {
color: #404650;
cursor: pointer;
background-color: #fff;
border-color: #c4cbd8;
font-family: Materialicons, sans-serif;
display: flex;
}
.div-block-4423-copy.isactive:hover {
color: #f7f7f7;
background-color: #313030;
border-color: #383838;
}
.native_nav_item {
width: 100%;
color: #949494;
cursor: pointer;
border: 1px solid #eee;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 15px;
padding: 0;
display: flex;
}
.native_nav_item:hover {
border-color: #b6b6b6;
}
.native_nav_item.active {
color: #1a1a1a;
background-color: #edf7f8;
border-color: #c4cbd8;
}
.native_behavior {
color: #1f1f1f;
letter-spacing: .2px;
border: 1px solid #e4e4e4;
border-radius: 99px;
margin-right: 5px;
padding: 1px 14px;
font-size: 8px;
font-weight: 700;
}
.div-block-4473 {
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.div-block-4473.scrollable {
height: 100%;
padding-bottom: 100px;
overflow: scroll;
}
.dropdownholder-copy {
z-index: 52;
width: 100%;
height: 80px;
border-bottom: 1px solid #f1f1f1;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
top: 0;
}
.div-block-4235 {
width: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.div-block-3651-copy {
width: 100%;
height: 46px;
color: #3b3b3b;
cursor: pointer;
background-color: #f8f8f8;
border: 1px solid #f3f3f3;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11px;
font-weight: 500;
display: flex;
}
.div-block-3651-copy:hover {
background-color: #fff;
border-color: #c9c9c9;
}
.div-block-4230 {
width: 20px;
margin-right: 5px;
}
.help_item {
z-index: 20;
background-color: rgba(30, 107, 143, .1);
border-radius: 999px;
justify-content: center;
align-items: center;
padding: 15px 20px;
transition: all .35s;
display: flex;
position: absolute;
bottom: -27px;
right: -77px;
}
.help_item:hover {
justify-content: center;
align-items: center;
display: flex;
}
.help_item._1 {
cursor: pointer;
top: 167px;
bottom: auto;
right: -52px;
}
.help_item._1._2 {
top: 73px;
}
.help_item._3 {
white-space: nowrap;
top: 22px;
bottom: auto;
left: -83px;
right: auto;
}
.help_item._5 {
bottom: -26px;
right: 146px;
}
.help_item._7 {
bottom: -16px;
}
.help_item._222 {
white-space: normal;
bottom: 12px;
}
.explainer {
width: 100%;
height: 100%;
color: #fff;
background-color: #1654ff;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 1px 10px;
font-size: 10px;
font-weight: 700;
display: flex;
}
.div-block-4476 {
color: #464646;
}
.helpcontext {
width: 300px;
max-height: 0;
color: #222;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(223, 223, 223, 0);
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0;
font-size: 16px;
font-weight: 300;
transition: all .2s;
display: flex;
position: absolute;
bottom: 53.5px;
overflow: hidden;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0);
}
.helpcontext.active {
max-height: none;
background-color: #fff;
border-color: #dfdfdf;
padding: 15px 15px 20px;
display: flex;
box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
}
.helpcontext.down {
top: 37px;
bottom: auto;
}
.div-block-4477 {
text-transform: uppercase;
margin-bottom: 3px;
font-size: 11px;
font-weight: 700;
}
.text-block-482 {
color: #f5f5f5;
background-color: #320707;
border: 1px solid #320707;
border-radius: 6px;
margin-bottom: 3px;
padding: 1px 12px;
font-size: 10px;
}
.div-block-4478 {
color: #1f1f1f;
padding-left: 10px;
line-height: 21px;
}
.llm_visualisation {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
padding: 25px;
display: flex;
}
.div-block-4479 {
text-align: center;
padding-left: 15px;
padding-right: 15px;
font-size: 18px;
font-weight: 300;
position: absolute;
bottom: 25px;
}
.div-block-4480 {
max-width: 500px;
text-align: left;
border: 0 solid rgba(218, 218, 218, .25);
flex-flow: column wrap;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: absolute;
}
.aiusecase {
color: #fff;
text-align: center;
border-right: 0 solid rgba(255, 255, 255, .32);
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding: 20px 15px;
font-size: 17px;
font-weight: 300;
display: flex;
}
.aiusecase.last {
color: #f0f0f0;
border-right-width: 0;
font-family: Neuehaasgrottext web, sans-serif;
}
.div-block-4482 {
width: 16px;
height: 16px;
border: 1px solid rgba(192, 192, 192, .55);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
display: flex;
position: relative;
}
.div-block-4483 {
width: 500px;
height: 1px;
opacity: .5;
background-image: linear-gradient(rgba(221, 221, 221, 0) 44%, #fff 69%);
position: absolute;
left: -500px;
}
.div-block-4483.inv {
opacity: .5;
background-image: linear-gradient(rgba(221, 221, 221, 0) 9%, rgba(255, 255, 255, .69) 95%);
left: auto;
right: -502px;
}
.div-block-4484 {
font-weight: 500;
}
.background-video-111 {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.image-709 {
width: 100%;
height: 100%;
object-fit: cover;
}
.background-video-112 {
z-index: 5;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.text-span-71 {
color: #c7c7c7;
}
.div-block-4485 {
z-index: 10;
position: absolute;
top: 15px;
right: 15px;
}
.text-block-484 {
cursor: pointer;
background-color: #fff;
border: 1px solid #e5e5dd;
border-radius: 99px;
margin-left: 5px;
padding: 5px 25px;
font-size: 11px;
font-weight: 500;
}
.text-block-484:hover {
border-color: #858585;
}
.text-block-484.active {
color: #f1f1f1;
background-color: #4e4e4e;
border-color: #4e4e4e;
}
.div-block-4486 {
display: flex;
}
.image-710 {
width: 100%;
height: 100%;
object-fit: cover;
}
.html-embed-20 {
width: 300px;
height: 600px;
}
.div-block-4487 {
position: relative;
}
.div-block-4487.aa {
width: 300px;
height: 300px;
min-width: 300px;
justify-content: center;
align-items: center;
transition: all .4s;
display: flex;
}
.div-block-4488 {
background-color: #f1f1f1;
border-radius: 6px;
padding: 12px;
}
.div-block-4489 {
color: #000;
padding-top: 5px;
padding-bottom: 5px;
font-family: Neuehaasgrotdisp web, sans-serif;
}
.div-block-4490 {
width: 100%;
opacity: .5;
color: #fff;
text-align: center;
padding-bottom: 15px;
font-size: 15px;
position: absolute;
bottom: 0;
}
.text-span-72, .text-span-73 {
color: #ccc;
}
.text-span-74 {
color: #c4c4c4;
}
.unitpreview {
z-index: 6;
padding-left: 50px;
padding-right: 50px;
position: relative;
}
.unitpreview.double {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
padding-right: 90px;
display: flex;
}
.unitpreview.double.second {
padding-right: 60px;
left: -42px;
}
.div-block-4492 {
z-index: 2;
height: 20px;
min-height: 20px;
min-width: 20px;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
padding-left: 20px;
padding-right: 20px;
font-size: 10px;
font-weight: 500;
display: flex;
position: relative;
}
.div-block-4493 {
align-items: center;
padding-top: 15px;
padding-bottom: 30px;
font-weight: 500;
display: flex;
position: relative;
}
.div-block-4494 {
width: 160%;
height: 1px;
background-color: #f1f1f1;
position: absolute;
}
.text-block-485 {
z-index: 1;
background-color: #fff;
padding-left: 2px;
padding-right: 2px;
position: relative;
}
.div-block-4495 {
width: 300px;
height: 600px;
align-items: center;
display: flex;
position: relative;
}
.div-block-4495._970 {
width: 970px;
}
.div-block-4495._970.small {
height: 250px;
}
.div-block-4495._970.small.rel {
left: 96px;
}
.div-block-4495._300 {
height: 250px;
}
.div-block-4495._300.r {
left: 96px;
}
.div-block-4495.spaced {
width: 360px;
background-color: #fff;
}
.div-block-4496 {
width: 100%;
justify-content: flex-start;
display: flex;
}
.div-block-4497 {
width: 60px;
height: 60px;
min-height: 60px;
min-width: 60px;
border-top: 0 solid #000;
border-bottom: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 0 solid #000;
border-radius: 0 0 0 20px;
}
.div-block-4498 {
width: 100%;
align-items: flex-end;
display: flex;
}
.div-block-4499 {
width: 100%;
height: 1px;
background-color: #d6d6d6;
}
.div-block-4500 {
width: 100%;
align-items: flex-start;
display: flex;
position: absolute;
left: -20px;
}
.div-block-4501 {
width: 100%;
max-width: 300px;
position: relative;
}
.div-block-4499-copy {
width: 1px;
height: 950px;
background-color: #d6d6d6;
}
.div-block-4497-copy {
width: 60px;
height: 60px;
min-height: 60px;
min-width: 60px;
border: 1px solid #d6d6d6;
border-width: 1px 1px 0 0;
border-radius: 0 20px 0 0;
}
.div-block-4498-copy {
flex-direction: column;
align-items: flex-end;
display: flex;
position: relative;
top: 59px;
}
.div-block-4502 {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4502._300 {
width: 300px;
height: 250px;
overflow: hidden;
}
.hoverinfo {
z-index: 3;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(255, 255, 255, .41);
border: 1px solid #e2e2e2;
padding: 15px;
transition: all .2s;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.hoverinfo:hover {
opacity: 1;
}
.div-block-4504 {
width: 100%;
height: 100%;
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 27px;
font-size: 15px;
display: flex;
}
.div-block-4505 {
width: 100%;
color: #e0e0e0;
border-bottom: 1px solid rgba(247, 247, 247, .15);
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
display: flex;
}
.div-block-4506, .text-span-75 {
font-weight: 500;
}
.div-block-4500-copy {
width: 100%;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: absolute;
left: -20px;
}
.div-block-4498-copy-copy {
flex-direction: column;
align-items: flex-end;
display: flex;
position: absolute;
top: -167px;
right: 0;
}
.text-span-76 {
color: #b8b8b8;
}
.create_arrow_right_styles {
width: 40px;
height: 25px;
cursor: pointer;
border: 1px solid #494949;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
padding-left: 2px;
font-size: 10px;
display: flex;
}
.create_arrow_right_styles:hover {
color: #eeecec;
background-color: #494949;
}
.create_arrow_right_styles.light {
width: 50px;
min-width: 50px;
color: #242424;
border-color: #e4e4e4;
font-family: Materialicons, sans-serif;
}
.create_arrow_right_styles.light:hover {
color: #fff;
background-color: #030303;
border-color: #030303;
}
.control_native {
height: 25px;
white-space: nowrap;
cursor: pointer;
border: 1px solid #e4e4e4;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 10px;
font-weight: 500;
display: flex;
position: relative;
}
.control_native:hover {
color: #f1eaea;
background-color: #030303;
border-color: #030303;
}
.control_native.status {
border-color: #d6d6d6;
transition: all .4s;
}
.control_native.temp {
color: #ebe6e6;
background-color: #181818;
border-color: #181818;
display: none;
}
.div-block-4167 {
min-width: 324px;
background-color: #fff;
justify-content: flex-end;
align-items: center;
padding-left: 10px;
padding-right: 0;
font-size: 10px;
font-weight: 500;
display: flex;
}
.div-block-4167.left {
justify-content: flex-start;
padding-left: 0;
}
.div-block-4167.left.transp {
background-color: rgba(255, 255, 255, 0);
}
.div-block-4507 {
justify-content: center;
align-items: center;
display: flex;
}
.media_controls {
width: 100%;
max-width: 100%;
justify-content: center;
align-items: center;
display: none;
position: absolute;
top: 10px;
}
.media_controls.active_scene {
z-index: 50;
max-width: 100%;
justify-content: space-between;
align-items: center;
padding-left: 10px;
padding-right: 15px;
display: flex;
top: 93px;
}
.div-block-4508 {
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-4169 {
margin-left: 10px;
font-size: 10px;
font-weight: 500;
}
.div-block-4172 {
width: 220px;
min-width: 324px;
align-items: center;
display: flex;
}
.div-block-4172.right {
justify-content: flex-end;
}
.div-block-4168 {
min-width: 324px;
background-color: #fff;
flex-direction: row;
align-items: center;
padding-right: 5px;
display: flex;
}
.div-block-4168.tra {
background-color: rgba(255, 255, 255, 0);
}
.template_control1 {
width: 50px;
height: 25px;
min-height: 25px;
cursor: pointer;
border: 1px solid #e4e4e4;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: 5px;
margin-right: 0;
padding-left: 0;
font-family: Materialicons, sans-serif;
font-size: 10px;
display: flex;
}
.template_control1:hover {
color: #f1eaea;
background-color: #030303;
border-color: #030303;
}
.div-block-4207 {
display: none;
}
.div-block-4207.active {
display: flex;
}
.div-block-4171 {
width: 220px;
min-width: 324px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4171.right {
justify-content: flex-end;
}
.change_template {
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 10px;
font-weight: 500;
display: none;
position: absolute;
bottom: 24px;
}
.change_template.active_scene {
z-index: 20;
align-items: center;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
display: flex;
bottom: 0;
}
.div-block-4204 {
display: flex;
}
.div-block-4509 {
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-4510 {
max-width: 15px;
margin-right: 5px;
font-family: Materialicons, sans-serif;
font-size: 11px;
}
.div-block-4173 {
justify-content: flex-end;
display: flex;
}
.image-711 {
width: 100%;
height: 100%;
object-fit: cover;
}
.div-block-4381-copy {
position: relative;
}
.mobilewarn {
padding: 11px;
font-size: 18px;
display: none;
}
.panel_header_variation {
height: 115px;
cursor: pointer;
background-color: #f8f8f8;
border: 0 solid #e7e7e7;
border-bottom: 1px solid #ececec;
border-radius: 10px 10px 0 0;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 0;
padding-left: 22px;
padding-right: 0;
font-size: 16px;
transition: background-color .2s;
display: flex;
position: relative;
}
.div-block-4511 {
flex-wrap: wrap;
display: flex;
}
.div-block-4511.spaced {
margin-right: 5px;
padding-right: 5px;
}
.projects_list {
width: 100%;
max-height: 75px;
border: 1px solid #dfdfdf;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
overflow: hidden;
}
.projects_list:hover {
border-color: #afa5a5;
}
.projects_list.active {
width: 100%;
max-height: 20000px;
background-color: #fff;
border: 1px solid #e0e0e0;
overflow: visible;
box-shadow: 0 2px 15px rgba(0, 0, 0, .03);
}
.projects_list.active.transparent {
max-width: 1205px;
background-color: rgba(255, 255, 255, 0);
border-color: rgba(224, 224, 224, .16);
}
.projects_list.active.transparent.a {
margin-top: 0;
}
.div-block-4512 {
width: 19px;
height: 19px;
color: rgba(51, 51, 51, 0);
text-align: center;
border: 1px solid #cac8c8;
border-radius: 3px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
font-size: 12px;
display: flex;
}
.div-block-4513 {
cursor: pointer;
border-bottom: 1px dashed #aa9e9e;
margin-right: 20px;
font-size: 14px;
font-weight: 300;
}
.div-block-4513.invisible {
display: none;
}
.div-block-4514 {
margin-right: 4px;
font-family: Materialicons, sans-serif;
font-size: 11px;
}
.div-block-4515 {
color: #bbb6b6;
padding-top: 10px;
}
.panel_header {
height: 75px;
color: #222;
cursor: pointer;
background-color: rgba(255, 255, 255, 0);
border: 0 solid #e7e7e7;
border-bottom: 1px dashed #d8d8d8;
border-radius: 16px;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 0 0 0 22px;
font-size: 16px;
font-weight: 500;
transition: background-color .2s;
display: flex;
}
.panel_header.active {
width: 100%;
height: 75px;
color: #000;
background-color: #f8f8f8;
border: 0 solid #000;
border-radius: 10px;
}
.panel_header.active:hover {
background-color: #fff;
border-color: #8b8b8b;
}
.panel_header.active.transparent {
color: #c4c4c4;
background-color: rgba(248, 248, 248, 0);
}
.var_line {
margin-right: 5px;
font-weight: 500;
line-height: 23px;
position: relative;
}
.var_line.round {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
justify-content: center;
align-items: center;
display: flex;
}
.var_line.small {
color: #686868;
font-size: 16px;
font-weight: 300;
}
.var_line.small.underline {
text-decoration: underline;
}
.line_content {
width: 100%;
display: flex;
position: relative;
}
.reports_line_variations {
min-height: 65px;
cursor: pointer;
border-bottom: 1px solid #e7e7e7;
display: flex;
overflow: hidden;
}
.reports_line_variations:hover {
background-color: #f8f8f2;
}
.variations_container {
width: 100%;
max-height: 115px;
border: 1px solid #dfdfdf;
border-radius: 16px;
margin-top: 20px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
overflow: hidden;
}
.variations_container:hover {
border-color: #afa5a5;
}
.variations_container.active {
width: 100%;
max-height: 20000px;
background-color: #fff;
border: 1px solid #e0e0e0;
overflow: visible;
}
.reports_header_domains {
height: 60px;
min-height: 60px;
border-top: 0 solid #e7e7e7;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
align-items: center;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-4516 {
margin-right: 10px;
padding-left: 0;
}
.div-block-4516.spaced {
padding-right: 50px;
}
.div-block-4516.nospace {
margin-right: 0;
}
.div-block-4517 {
height: 100%;
align-items: center;
display: flex;
}
.reports_line_variations_media {
min-height: 65px;
cursor: pointer;
border-bottom: 1px solid #e7e7e7;
display: flex;
overflow: hidden;
}
.reports_line_variations_media:hover {
background-color: #f8f8f2;
}
.side_info {
display: flex;
position: -webkit-sticky;
position: sticky;
left: 0;
overflow: hidden;
}
.side_info.head {
height: 100%;
min-width: 110px;
background-color: #f1f1f1;
justify-content: space-between;
}
.div-block-4518 {
padding: 20px;
}
.variation_label {
background-color: #cbe9c7;
border: 1px solid #c1e4c6;
border-radius: 99px;
padding: 0 12px;
font-size: 9px;
font-weight: 700;
display: none;
}
.div-block-4519 {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.line_content_domains {
width: 100%;
height: 100%;
display: flex;
}
.div-block-4520 {
border: 0 solid #f1f1f1;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-right: 8px;
font-family: Materialicons, sans-serif;
font-size: 18px;
display: flex;
}
.div-block-3400 {
cursor: pointer;
border-right: 1px solid #e7e7e7;
border-radius: 3px;
justify-content: center;
align-items: center;
margin-right: 0;
padding: 10px 15px;
display: flex;
}
.reports_item_domains {
width: 100%;
border-right: 1px solid #e7e7e7;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 5px 5px 5px 15px;
display: flex;
overflow: hidden;
}
.reports_item_domains.small {
max-width: 150px;
min-width: 150px;
flex-direction: column;
justify-content: center;
}
.reports_item_domains.small.vertical {
flex-direction: column;
justify-content: center;
}
.reports_item_domains.head {
cursor: auto;
background-color: #f1f1f1;
border-radius: 3px;
justify-content: flex-start;
align-items: center;
padding-top: 18px;
padding-bottom: 18px;
}
.reports_item_domains.head:hover {
background-color: #e9e9e9;
}
.reports_item_domains.head.small {
height: 100%;
max-width: 150px;
}
.reports_item_domains.head.small.noclick {
cursor: auto;
}
.reports_item_domains.media {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
}
.div-block-4522 {
width: 160px;
height: 90px;
border: 1px solid #f1f1f1;
border-radius: 8px;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-4523 {
width: 100%;
margin-top: 0;
padding: 20px;
position: relative;
overflow: hidden;
}
.reports_content {
flex-direction: column;
display: flex;
}
.reports_content.lightscroll {
max-height: 1600px;
overflow: auto;
}
.line_number {
width: 60px;
height: 100%;
max-width: 60px;
min-width: 60px;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-radius: 3px;
justify-content: center;
align-items: center;
margin-right: 2px;
display: flex;
}
.reports_line2 {
width: 100%;
max-width: 650px;
color: #181818;
margin-bottom: 3px;
font-size: 15px;
font-weight: 500;
line-height: 23px;
overflow: hidden;
}
.reports_line2.blue {
align-items: center;
display: flex;
}
.reports_line2.small {
color: #b9b9b9;
font-size: 12px;
line-height: 16px;
}
.div-block-4524 {
height: 100%;
min-width: 66px;
cursor: pointer;
border-left: 1px solid rgba(122, 122, 122, .15);
justify-content: center;
align-items: center;
padding: 10px 21px;
font-family: Materialicons, sans-serif;
font-size: 20px;
display: flex;
}
.div-block-4525 {
width: 100%;
padding: 40px;
}
.analytics_block {
width: 100%;
border-right: 1px solid #eee;
flex-direction: column;
justify-content: flex-start;
padding: 20px 35px 20px 20px;
display: flex;
}
.analytics_block.haas {
padding-left: 0;
}
.analytics_block.haas.last.t.last2 {
border-right-width: 0;
}
.analytics_block.haas.t {
border-right-color: rgba(238, 238, 238, .22);
}
.div-block-4526 {
cursor: pointer;
border-bottom: 1px dashed #aa9e9e;
margin-right: 20px;
font-size: 14px;
font-weight: 300;
}
.div-block-4526.invisible {
display: none;
}
.div-block-3913 {
width: 5px;
height: 5px;
background-color: #ecebeb;
border-radius: 99px;
margin-right: 8px;
}
.div-block-3910 {
width: 100%;
flex-direction: column;
padding-left: 27px;
display: flex;
}
.div-block-3910.aa {
width: 50%;
padding-right: 25px;
}
.div-block-4527 {
font-size: 25px;
line-height: 30px;
}
.div-block-4528 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border: 0 solid #e9e9e9;
border-top: 1px solid #ebebeb;
border-radius: 3px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-columns: 1fr;
align-items: center;
padding: 16px;
display: grid;
}
.div-block-4528.spaced {
border-top-width: 0;
border-top-color: #f0f0f0;
margin-top: 0;
padding-top: 16px;
padding-left: 30px;
padding-right: 0;
}
.div-block-4528.spaced.transparent {
background-color: rgba(255, 255, 255, 0);
}
.div-block-3912 {
font-weight: 500;
line-height: 24px;
display: flex;
}
.overview_line2 {
font-size: 25px;
font-weight: 500;
line-height: 30px;
}
.div-block-4529 {
height: 100%;
align-items: center;
display: flex;
}
.div-block-4530 {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3914 {
flex-direction: column;
display: flex;
}
.div-block-4531 {
border: 0 solid #f1f1f1;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-right: 8px;
font-family: Materialicons, sans-serif;
font-size: 18px;
display: flex;
}
.div-block-3915 {
max-width: 400px;
min-width: 400px;
border-left: 0 solid #e7e7e7;
border-right: 1px solid #e7e7e7;
margin-left: 0;
margin-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
display: none;
}
.div-block-3915.active {
width: 100%;
max-width: none;
border: 0 solid #000;
border-bottom: 1px solid #eee;
display: flex;
}
.div-block-3915.active.t {
border-bottom-color: rgba(238, 238, 238, .14);
}
.trafficsource_item {
width: 100%;
color: #181818;
cursor: pointer;
background-color: #fff;
border: 1px solid #fff;
border-radius: 6px;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding: 20px 15px 20px 10px;
font-size: 15px;
font-weight: 500;
display: flex;
}
.trafficsource_item:hover {
background-color: #f8f8f8;
}
.trafficsource_item.transparent {
color: #cecece;
background-color: rgba(255, 255, 255, .06);
border-color: rgba(228, 228, 228, .12);
padding-left: 20px;
}
.div-block-4532 {
align-items: center;
display: flex;
}
.div-block-4533 {
width: 100%;
margin-top: 0;
padding: 20px;
position: relative;
overflow: hidden;
}
.div-block-3836 {
width: 100%;
border-bottom: 0 solid #ebebeb;
align-items: flex-start;
margin-bottom: 10px;
padding-bottom: 20px;
display: flex;
}
.div-block-3836.inactive {
display: none;
}
.overview_line1 {
font-size: 15px;
font-weight: 300;
line-height: 24px;
}
.div-block-3916 {
align-items: center;
display: flex;
}
.div-block-4534 {
height: 100%;
min-width: 66px;
cursor: pointer;
border-left: 1px solid rgba(122, 122, 122, .15);
justify-content: center;
align-items: center;
padding: 10px 21px;
font-family: Materialicons, sans-serif;
font-size: 20px;
display: flex;
}
.div-block-4535 {
width: 10px;
height: 10px;
background-color: #ddd;
border-radius: 99px;
margin-right: 5px;
}
.div-block-4536 {
justify-content: flex-start;
padding: 25px 25px 10px;
display: flex;
}
.div-block-4537 {
color: #fff;
background-color: #1f8a3c;
border-radius: 4px;
margin-left: 5px;
padding: 4px 8px;
font-size: 9px;
font-weight: 500;
line-height: 8px;
}
.div-block-4537.x {
background-color: #7c1f1f;
}
.div-block-4538 {
color: #aaa3a3;
}
.div-block-4539 {
width: 19px;
height: 19px;
border: 1px solid #dfdfdf;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 0;
padding: 4px;
display: flex;
}
.div-block-4540 {
display: flex;
}
.text-block-488 {
margin-right: 6px;
}
.div-block-4541 {
width: 100%;
height: 100%;
background-color: #555;
border-radius: 99px;
}
.div-block-4541._1 {
background-color: #3e50b6;
}
.div-block-4541._2 {
background-color: #353535;
}
.div-block-4541._3 {
background-color: #e2e2e2;
}
.div-block-4541._0 {
background-color: #d20001;
}
.div-block-4541._0._2 {
background-color: #303030;
}
.image-712 {
width: 100%;
height: 100%;
object-fit: cover;
}
.help_item-copy {
z-index: 20;
background-color: rgba(30, 107, 143, .1);
border-radius: 999px;
justify-content: center;
align-items: center;
padding: 15px 20px;
transition: all .35s;
display: flex;
position: absolute;
bottom: 31px;
left: 482px;
}
.help_item-copy:hover {
justify-content: center;
align-items: center;
display: flex;
}
.help_item-copy._1 {
cursor: pointer;
top: 167px;
bottom: auto;
right: -52px;
}
.help_item-copy._3 {
top: 58px;
bottom: auto;
left: -71px;
right: auto;
}
.help_item-copy._5 {
bottom: -26px;
right: 146px;
}
.help_item-copy._7 {
bottom: -16px;
}
.help_item-copy._2 {
top: 11px;
bottom: auto;
left: 252px;
right: auto;
}
.body-13 {
justify-content: center;
align-items: center;
display: flex;
}
.html-embed-21 {
width: 100%;
height: 100%;
}
.publicbranding {
color: #2e2e2e;
letter-spacing: -.2px;
cursor: pointer;
align-items: flex-start;
font-family: Neuehaasgrotdisp web, sans-serif;
font-size: 24px;
font-weight: 500;
text-decoration: none;
display: none;
position: relative;
}
.publicbranding.active {
display: flex;
}
.div-block-4076 {
font-size: 7px;
position: absolute;
top: -6px;
right: -11px;
}
.div-block-3-copy {
color: #2e2e2e;
letter-spacing: -.2px;
cursor: pointer;
align-items: flex-start;
font-family: Neuehaasgrotdisp web, sans-serif;
font-size: 24px;
font-weight: 500;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-4076-copy {
font-size: 5px;
position: absolute;
top: -1px;
right: 5px;
}
.publicbranding2 {
align-items: flex-end;
display: none;
}
.publicbranding2.active {
display: flex;
}
.div-block-4543 {
font-size: 7px;
position: absolute;
top: -6px;
right: -11px;
}
.div-block-4544 {
color: #161616;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-4544:hover {
color: #2435ef;
}
.div-block-4544.invisible {
display: none;
}
.div-block-4545 {
border-left: 1px solid #e6e6e6;
align-items: flex-end;
margin-left: 30px;
padding-left: 10px;
line-height: 14px;
display: flex;
}
.text-block-490 {
font-weight: 500;
}
.div-block-4546 {
display: none;
}
.div-block-4628 {
max-width: 950px;
font-family: Circularxxweb, sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 36px;
position: relative;
}
.div-block-4628.top {
max-width: 800px;
}
.div-block-4574 {
align-items: center;
font-size: 24px;
line-height: 28px;
display: flex;
position: relative;
}
.div-block-4651 {
width: 100%;
height: 1px;
opacity: .24;
background-image: linear-gradient(to right, #fff, #000);
position: absolute;
top: 59px;
left: -65px;
}
.div-block-4578 {
width: 100%;
white-space: normal;
border-right: 0 solid #e7e7e7;
flex-direction: column;
align-items: flex-start;
padding: 50px 60px 25px 145px;
display: flex;
}
.div-block-4578.luxury {
color: #b8b8b8;
}
.div-block-4630 {
max-width: 900px;
color: #0c0c0c;
letter-spacing: -1.4px;
margin-bottom: 5px;
font-family: Circularxxweb, sans-serif;
font-size: 65px;
font-weight: 300;
line-height: 74px;
position: relative;
}
.div-block-4630.luxury {
color: #e2e2e2;
}
.div-block-4570 {
letter-spacing: -2px;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start;
padding-top: 10px;
padding-bottom: 0;
font-size: 60px;
line-height: 66px;
display: flex;
}
.div-block-4573 {
min-width: 650px;
padding-top: 5px;
padding-bottom: 0;
padding-left: 0;
font-size: 23px;
font-weight: 300;
line-height: 35px;
display: flex;
position: relative;
}
.div-block-4650 {
flex-direction: column;
display: flex;
}
.text-block-493 {
font-family: "Franklin 700", sans-serif;
font-weight: 400;
}
.div-block-4575 {
letter-spacing: -.6px;
border-radius: 4px;
margin-left: 5px;
padding: 0;
font-weight: 500;
}
.div-block-4584-copy {
width: 242px;
height: 160px;
background-color: #f8f8f8;
border-radius: 6px;
flex-direction: row;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
}
.div-block-4652 {
width: 250px;
height: 250px;
background-color: #f1f1f1;
border-radius: 12px;
margin-bottom: 20px;
overflow: hidden;
}
.div-block-4652._0 {
height: 150px;
position: relative;
overflow: hidden;
}
.div-block-4652._0-copy {
height: 200px;
background-color: rgba(241, 241, 241, 0);
border-radius: 0;
position: relative;
overflow: hidden;
}
.div-block-4653 {
z-index: 5;
width: 40px;
height: 40px;
color: #1f1f1f;
background-color: #fff;
border-radius: 99px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
display: flex;
position: absolute;
top: 63px;
left: 182px;
}
.html-embed-22 {
width: 100%;
height: 100%;
}
.div-block-4584 {
width: 250px;
height: 400px;
background-color: #f8f8f8;
border-radius: 12px;
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.div-block-4584.a-copy {
height: 441px;
min-width: 250px;
border-radius: 8px;
}
.div-block-4583 {
width: 350px;
height: 618px;
min-width: 350px;
border: 1px solid rgba(43, 43, 43, .1);
border-radius: 12px;
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
}
.div-block-4585 {
margin-right: 20px;
}
.div-block-4582 {
width: 100%;
max-width: 1600px;
background-color: #f8f8f5;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
margin-top: 50px;
padding: 100px 100px 100px 145px;
display: flex;
overflow: visible;
}
.image-729 {
width: 100%;
height: 100%;
object-fit: cover;
}
.intro_screen {
display: none;
}
.intro_screen.active {
white-space: normal;
overflow-wrap: normal;
flex-direction: column;
display: flex;
}
.showcase_holder_2 {
width: 100%;
max-width: 1380px;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
grid-auto-columns: 1fr;
align-content: start;
justify-content: start;
align-items: start;
justify-items: start;
margin-top: 0;
margin-bottom: 50px;
padding-top: 0;
display: grid;
}
.div-block-4603 {
width: 100%;
height: 100%;
max-width: 1380px;
background-color: #fff;
border-bottom: 0 solid #e9e9e9;
border-radius: 0;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 0;
padding: 50px 50px 50px 145px;
display: flex;
position: relative;
}
.div-block-4587-copy-copy {
max-width: 450px;
border-right: 0 solid #e7e7e7;
margin-top: 0;
padding-top: 0;
padding-bottom: 50px;
padding-right: 60px;
font-size: 23px;
font-weight: 300;
line-height: 35px;
position: -webkit-sticky;
position: sticky;
top: 140px;
}
.div-block-4606 {
width: 45%;
padding-right: 0;
}
.div-block-4606.middle {
width: 45%;
margin-right: 30px;
padding-top: 203px;
}
.div-block-4620.small {
max-width: 550px;
}
.div-block-4610 {
width: 60%;
flex-direction: row;
padding-right: 0;
display: flex;
}
.div-block-4588 {
padding-bottom: 10px;
font-family: "Franklin 700", sans-serif;
font-size: 22px;
font-weight: 500;
}
.thetext {
color: #000;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(100deg, #1f2485 3%, #8a0b1e 93%);
-webkit-background-clip: text;
background-clip: text;
border-bottom: 0 solid #e2e2e2;
border-radius: 0;
padding: 0;
font-family: "Franklin 700", sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
}
.div-block-4614 {
z-index: 10;
width: 100%;
height: 550px;
background-color: #fff;
border: 1px solid #e2e2e2;
border-radius: 12px;
flex-direction: column;
justify-content: center;
padding: 120px 50px;
display: flex;
position: relative;
box-shadow: 0 8px 16px -11px rgba(0, 0, 0, .05);
}
.div-block-4607 {
width: 100%;
border: 0 solid #ebebeb;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 40px;
padding: 1px;
font-size: 19px;
font-weight: 300;
line-height: 29px;
display: flex;
position: relative;
overflow: visible;
}
.div-block-4609 {
text-align: left;
border: 0 solid #000;
padding-top: 5px;
padding-bottom: 15px;
}
.div-block-4654 {
width: 118px;
height: 170px;
background-color: #fff;
border-radius: 12px;
margin-right: 10px;
}
.div-block-4654.last {
margin-right: 0;
}
.div-block-4655 {
opacity: 1;
border: 0 solid #000;
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-left: 9px;
padding-right: 9px;
display: flex;
}
.div-block-4655:hover {
opacity: 1;
}
.div-block-4656 {
max-width: 950px;
font-family: Circularxxweb, sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 36px;
position: relative;
}
.div-block-4656.a {
max-width: 700px;
}
.div-block-4657 {
justify-content: center;
align-items: center;
padding-left: 14px;
display: flex;
}
.image-730 {
width: 16px;
filter: invert();
margin-right: 6px;
}
.div-block-4658 {
color: #fff;
padding-left: 30px;
font-size: 20px;
display: flex;
}
.div-block-4659 {
border-bottom: 0 solid #f0eaea;
flex-direction: row;
align-items: center;
padding-bottom: 0;
display: flex;
}
.image-93-copy-5 {
max-width: 14px;
}
.div-block-4660 {
width: 160px;
flex-direction: column;
margin-left: 10px;
display: flex;
}
.text-block-494 {
color: #292929;
text-transform: capitalize;
font-size: 10px;
font-weight: 600;
line-height: 14px;
}
.text-block-494._0 {
letter-spacing: 0;
}
.div-block-4661 {
width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.div-block-4662 {
width: 11px;
height: 11px;
background-color: #fff;
border-radius: 90px;
margin-right: 6px;
}
.div-block-4662.faded {
background-color: rgba(255, 255, 255, .25);
}
.div-block-4600 {
width: 251px;
height: 453px;
min-width: 251px;
background-color: #f8f8f8;
border: 1px solid #e9e9e9;
border-radius: 12px;
margin-right: 20px;
padding: 0;
overflow: hidden;
}
.text-block-495 {
letter-spacing: -1px;
border-top: 1px solid #fcfcfc;
border-bottom: 1px solid #cecece;
font-size: 22px;
font-weight: 500;
}
.div-block-4663 {
width: 100%;
color: #3d3d3d;
letter-spacing: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(218, 218, 218, .4);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 2px;
margin-right: 2px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.div-block-4663:hover {
color: #f5f5f5;
background-color: #000;
}
.div-block-4663.active {
background-color: #f1f1f1;
border-width: 0;
border-color: #e7e7e7;
border-radius: 99px;
}
.div-block-4663.active:hover {
color: #464646;
}
.div-block-4663.a {
color: #b4b4b4;
border-color: rgba(218, 218, 218, .14);
}
.image-731 {
height: 100%;
object-fit: cover;
}
.div-block-4664 {
opacity: 1;
color: #bbb7b7;
flex-direction: row;
align-items: center;
display: flex;
position: absolute;
top: -35px;
}
.text-block-186-copy-3 {
font-size: 12px;
font-weight: 500;
}
.image-93-copy-6 {
max-width: 16px;
}
.div-block-4665 {
margin-left: 10px;
}
.div-block-4666 {
width: 17px;
height: 17px;
background-color: #fff;
border: 1px solid rgba(224, 224, 224, .36);
border-radius: 99px;
}
.image-732 {
width: 140px;
display: none;
}
.image-733 {
width: 15px;
transform: rotate(-90deg);
}
.text-block-496 {
letter-spacing: 0;
}
.div-block-4667 {
margin-top: 0;
}
.image-734 {
width: 14px;
opacity: 1;
}
.storypreview-4 {
z-index: 99;
width: 700px;
background-color: #fff;
border: 0 solid #000;
border-left: 1px solid #ddd;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
box-shadow: 0 0 20px 2px rgba(42, 44, 177, .09);
}
.storypreview-4.k {
width: auto;
min-width: 500px;
}
.text-block-497 {
color: #57617c;
flex-direction: row;
margin-right: 0;
font-size: 12px;
font-weight: 400;
line-height: 12px;
display: flex;
}
.text-block-498 {
white-space: nowrap;
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.div-block-4668 {
letter-spacing: 0;
align-items: center;
margin-right: 10px;
padding-left: 0;
font-size: 12px;
font-weight: 500;
display: flex;
}
.div-block-4669 {
min-height: 90px;
border-left: 0 solid #ddd;
border-right: 1px solid #e6e6e6;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-right: 0;
padding: 0 0 0 10px;
display: flex;
}
.div-block-4670 {
width: 100%;
height: 19px;
}
.div-block-4671 {
height: 44px;
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #f1f1f1;
border-radius: 5px;
justify-content: space-between;
align-items: center;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
font-weight: 400;
display: flex;
}
.div-block-4671:hover {
background-color: #fff;
border-color: #000;
}
.div-block-4671.search {
width: 180px;
min-width: 100px;
}
.div-block-4671.url {
width: 100%;
color: #383838;
cursor: context-menu;
background-color: #f1f1f1;
border-width: 0;
border-color: #cac7c7;
margin-right: 0;
font-family: Circularxxweb, sans-serif;
font-weight: 300;
}
.div-block-4671.url:hover {
color: #fff;
background-color: #444;
}
.div-block-4671.cta {
min-width: 100px;
color: #fff;
background-color: #a3a3a3;
border-width: 0;
justify-content: center;
margin-right: 0;
padding-bottom: 0;
font-size: 12px;
position: relative;
left: -5px;
}
.div-block-4671.cta:hover {
background-color: #000;
}
.div-block-4672 {
z-index: 99;
background-color: #f1f1f1;
justify-content: space-between;
align-items: center;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 25px;
padding-right: 30px;
display: flex;
position: relative;
top: 0;
}
.image-93-copy-7 {
max-width: 14px;
margin-left: 0;
margin-right: 0;
}
.div-block-4673 {
z-index: 99;
height: 80px;
min-height: 80px;
background-color: #f1f1f1;
border-bottom: 0 dashed #d3d3d3;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 0;
padding-left: 30px;
padding-right: 20px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-4674 {
width: 42%;
opacity: .5;
justify-content: space-between;
margin-left: 10%;
display: flex;
}
.div-block-3848 {
width: 500px;
height: 1px;
min-width: 1000px;
background-image: linear-gradient(to right, rgba(204, 204, 204, 0) 14%, #cfcfcf 89%);
margin-right: 10px;
}
.div-block-4675 {
width: 90%;
opacity: 1;
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 5px;
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
display: flex;
position: relative;
}
.div-block-4676 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-left: 12px;
display: flex;
}
.div-block-4677 {
width: 33%;
height: 100%;
text-transform: capitalize;
cursor: pointer;
border-right: 1px solid #dfdfdf;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
font-size: 12px;
line-height: 13px;
display: flex;
}
.div-block-4677:hover {
background-color: #e9e9e9;
}
.div-block-4677.last {
border-right-width: 0;
}
.div-block-4677.active {
width: 34%;
color: #fff;
letter-spacing: 1px;
text-transform: capitalize;
background-color: #1654ff;
border-right-width: 0;
font-size: 12px;
line-height: 13px;
}
.div-block-4678 {
color: #353535;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Circularxxweb, sans-serif;
font-size: 10px;
font-weight: 500;
}
.div-block-4679 {
width: 200px;
padding-top: 20px;
padding-left: 20px;
font-size: 14px;
}
.div-block-4680 {
width: 100%;
height: 100%;
background-color: #727272;
position: relative;
left: -87px;
}
.div-block-4680._2 {
left: -146px;
}
.div-block-4680._00 {
left: -217px;
}
.div-block-4680._3 {
left: -46px;
}
.div-block-4681 {
width: 60px;
height: 60px;
min-height: 60px;
min-width: 60px;
background-color: #dfdfdf;
border-radius: 60px;
margin-left: 5px;
margin-right: 10px;
overflow: hidden;
}
.div-block-4682 {
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 6px;
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
padding: 30px 20px;
display: flex;
position: relative;
}
.div-block-4682.transparent {
filter: invert();
background-color: rgba(255, 255, 255, 0);
}
.div-block-4633 {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-4683 {
width: 33%;
flex-direction: row;
justify-content: flex-end;
display: flex;
}
.div-block-4684 {
height: 100%;
flex-direction: column;
justify-content: center;
padding-top: 70px;
padding-bottom: 70px;
display: flex;
}
.div-block-4685 {
width: 135px;
height: 43px;
background-color: #08a7e3;
border: 1px solid #08a7e3;
border-radius: 3px;
display: flex;
}
.div-block-4685.v2 {
width: 145px;
height: 48px;
background-color: #fff;
border: 1px solid #bebebe;
border-radius: 3px;
align-items: center;
padding-left: 10px;
font-size: 12px;
}
.div-block-4685.v2.transparent {
width: 135px;
height: 43px;
opacity: .67;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/649ec5b70f823a1091300925_tr2.jpg");
background-position: 0 0;
background-repeat: repeat-x;
background-size: contain;
background-attachment: scroll;
}
.div-block-4686 {
align-items: center;
display: flex;
position: relative;
}
.text-block-500 {
line-height: 13px;
}
.div-block-4602-copy {
justify-content: flex-end;
display: flex;
position: absolute;
top: 57px;
right: -1635px;
}
.div-block-4687 {
margin-left: 10px;
margin-right: 10px;
}
.div-block-4688 {
width: 33%;
}
.image-735 {
width: 17px;
margin-bottom: 1px;
}
.div-block-4689 {
opacity: 1;
color: #57617c;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 2px;
margin-bottom: 2px;
font-weight: 500;
display: flex;
}
.div-block-4690 {
width: 20px;
height: 20px;
min-height: 20px;
min-width: 20px;
border: 2px solid #ddd;
border-radius: 2px;
}
.div-block-4690:hover {
background-color: #e2e2e2;
}
.div-block-4691 {
background-color: #f1f1f1;
flex-direction: column;
justify-content: flex-start;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
display: flex;
}
.image-736 {
width: 14px;
}
.div-block-4692 {
width: 160px;
display: none;
}
.div-block-4693 {
padding-bottom: 10px;
font-family: "Franklin 700", sans-serif;
font-size: 22px;
font-weight: 500;
position: relative;
}
.div-block-4694 {
width: 100%;
flex-direction: row;
display: flex;
}
.text-block-501 {
border-bottom: 0 solid #ececec;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 400;
}
.div-block-4695 {
opacity: .33;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.div-block-4695._2 {
opacity: 1;
}
.div-block-4695.invert {
opacity: 1;
filter: invert();
}
.div-block-4696 {
flex-direction: row;
display: flex;
}
.div-block-4697 {
width: 100%;
height: 1px;
background-color: #f1f1f1;
}
.div-block-4698 {
padding-left: 20px;
}
.image-737 {
width: 17px;
}
.div-block-4699 {
color: #1654ff;
justify-content: center;
align-items: center;
padding: 5px 14px;
font-size: 11px;
display: flex;
}
.div-block-4699.active {
color: #1654ff;
cursor: pointer;
background-color: #f1f1f1;
border-radius: 3px;
margin: 3px;
}
.div-block-4699.active:hover {
color: #fff;
background-color: #000;
}
.div-block-4699.active.white {
background-color: #fff;
}
.div-block-4699.active.white:hover {
background-color: #000;
}
.div-block-4700 {
background-color: #f1f1f1;
flex-direction: column;
display: none;
position: relative;
}
.div-block-4600-copy {
width: 350px;
height: 650px;
background-color: #f8f8f8;
border: 1px solid #e7e7e7;
border-radius: 12px;
margin-right: 20px;
position: relative;
overflow: visible;
}
.div-block-4615 {
height: 100%;
border-radius: 12px;
overflow: hidden;
}
.div-block-4701 {
margin-top: 30px;
}
.div-block-4702 {
width: 23px;
height: 23px;
color: #fff;
background-color: #e00000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 7px;
font-size: 9px;
display: flex;
}
.div-block-4702.team {
background-color: #aaa;
}
.div-block-4703 {
width: 100%;
height: 25px;
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.div-block-4703._10 {
height: 40px;
margin-bottom: 5px;
}
.div-block-4704 {
width: 20px;
height: 12px;
border-left: 1px solid silver;
border-right: 0 solid #cfcfcf;
}
.div-block-4704._5 {
height: 6px;
}
.div-block-4705 {
border-radius: 2px;
justify-content: center;
align-items: center;
margin-left: 5px;
padding: 5px 4px;
display: flex;
}
.div-block-4705:hover {
background-color: #fff;
}
.div-block-4706 {
flex-direction: row;
padding-left: 2px;
padding-right: 2px;
display: flex;
}
.image-738 {
width: 13px;
}
.div-block-4707 {
width: 41%;
height: 100%;
opacity: .55;
flex-direction: row;
justify-content: space-between;
display: flex;
}
.div-block-4708 {
width: 100%;
flex-direction: column;
display: flex;
}
.div-block-4709 {
justify-content: center;
align-items: center;
margin-top: 0;
padding: 10px 20px;
display: flex;
}
.image-739 {
width: 14px;
filter: invert();
margin-left: 0;
}
.image-739:hover {
filter: none;
}
.image-740 {
width: 18px;
}
.div-block-4612 {
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-4710 {
width: 145px;
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.div-block-4710.s2 {
margin-left: 8px;
}
.div-block-4711 {
grid-column-gap: 16px;
grid-row-gap: 25px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: center;
justify-content: center;
margin-top: 0;
padding-top: 0;
padding-bottom: 10px;
padding-left: 25px;
display: grid;
}
.div-block-4712 {
width: 100%;
height: 16px;
text-transform: none;
justify-content: space-between;
display: flex;
}
.text-block-502 {
line-height: 8px;
}
.div-block-4713 {
width: 60px;
height: 100%;
border-right: 1px dashed #d6c9c9;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.div-block-4714 {
height: 100%;
opacity: 1;
background-color: #fff;
border-radius: 6px;
flex-direction: column;
margin-right: 0;
padding: 20px 20px 20px 30px;
display: flex;
}
.div-block-4715 {
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 500;
display: flex;
}
.div-block-4716 {
font-size: 15px;
font-weight: 500;
}
.div-block-4717 {
display: none;
position: absolute;
top: 211px;
left: -63px;
}
.div-block-4718 {
width: 46px;
height: 46px;
background-color: #f1f1f1;
border: 1px solid #f3f3f3;
border-radius: 3px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4719 {
width: 100%;
height: 150px;
background-image: linear-gradient(rgba(223, 223, 223, 0) 14%, #fff 94%);
position: absolute;
bottom: 0;
left: 0;
}
.div-block-4720 {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.div-block-4721 {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.div-block-4722 {
cursor: pointer;
background-color: #fff;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 6px;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 14px;
display: flex;
overflow: hidden;
}
.div-block-4722:hover {
background-color: #fff;
border-width: 1px;
border-color: #8b8b8b;
}
.div-block-4722.active {
width: 100%;
border-width: 2px;
border-color: #1654ff;
margin-top: auto;
position: relative;
}
.div-block-4723 {
width: 281px;
height: 70px;
flex-direction: column;
display: flex;
}
.image-93-copy-8 {
max-width: 14px;
margin-top: 2px;
}
.image-741 {
height: 100%;
}
.div-block-4724 {
width: 362px;
display: flex;
}
.div-block-4724.alerts {
display: none;
}
.image-742 {
width: 18px;
margin-right: 7px;
}
.image-742.t {
filter: grayscale();
}
.div-block-4725 {
z-index: 20;
height: 70px;
background-color: #fff;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-4726 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4726.r {
transform: rotate(-90deg);
}
.div-block-4726.r.rr-copy {
width: 14px;
height: 14px;
min-height: 14px;
min-width: 14px;
opacity: .57;
filter: grayscale();
margin-left: 5px;
}
.div-block-4726.r.rr-copy.qe {
margin-left: 0;
margin-right: 5px;
transform: rotate(90deg);
}
.div-block-4727 {
width: 100%;
height: 3px;
background-color: #eee;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.div-block-4727.s {
height: 2px;
}
.div-block-4727.s._2, .div-block-4727.s.a {
background-color: rgba(68, 68, 68, .15);
}
.html-embed-23 {
width: 100%;
height: 100%;
}
.text-block-503 {
font-size: 14px;
font-weight: 300;
}
.div-block-2133-copy-copy {
width: 1380px;
max-width: 2500px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 6px;
flex-direction: column;
display: flex;
position: static;
top: -198px;
overflow: visible;
}
.div-block-2133-copy-copy.full {
width: 100%;
max-width: 1380px;
}
.text-block-186-copy-4 {
opacity: 1;
}
.div-block-3814-copy {
width: 900px;
height: 600px;
opacity: .03;
transform-style: preserve-3d;
background-image: radial-gradient(circle, #000, rgba(0, 0, 0, 0) 70%);
border-radius: 9999px;
position: absolute;
bottom: -390px;
transform: scale3d(1, .1, 1);
}
.div-block-4728 {
width: 100%;
flex-direction: row;
margin-top: 10px;
display: flex;
}
.image-743 {
width: 1010px;
}
.buildermenuitem-copy-7 {
color: #000;
letter-spacing: .3px;
margin-top: 4px;
margin-left: 4px;
font-size: 9px;
font-weight: 900;
}
.div-block-4729 {
background-color: #f1f1f1;
flex-direction: column;
font-family: Circularxxweb, sans-serif;
display: none;
position: relative;
}
.div-block-4730 {
flex-direction: row;
align-items: center;
display: flex;
}
.text-block-504 {
font-size: 11px;
}
.div-block-4731 {
flex-direction: row;
margin-top: 7px;
display: flex;
}
.div-block-4587 {
width: 100%;
max-width: 1380px;
border-right: 0 solid #e7e7e7;
margin-top: 20px;
padding: 50px 60px 110px 145px;
font-size: 23px;
font-weight: 300;
line-height: 35px;
}
.div-block-4587.sk {
width: 100%;
max-width: 1380px;
flex-direction: column;
padding-bottom: 187px;
padding-right: 0;
display: flex;
}
.div-block-4732 {
color: #fff;
flex-direction: row;
font-size: 14px;
display: flex;
}
.div-block-4733 {
align-items: center;
display: flex;
}
.div-block-4734 {
border-top: 1px solid #e0e0e0;
padding-top: 30px;
}
.div-block-4602 {
justify-content: flex-end;
display: flex;
position: absolute;
bottom: 0;
right: 362px;
overflow: hidden;
}
.div-block-4735 {
height: 36px;
min-width: 190px;
border: 1px solid #dbdbdb;
border-radius: 3px;
flex-direction: row;
display: flex;
position: relative;
}
.div-block-4735.s1 {
margin-right: 10px;
}
.div-block-4735.aaa {
z-index: 1000;
border-color: #d1d1d1;
top: -88px;
left: 18px;
}
.div-block-4735.aaa._3 {
top: -73px;
}
.div-block-4735.aaa._3._5 {
font-weight: 700;
top: 5px;
left: auto;
right: -5px;
}
.div-block-4736 {
color: #333;
padding-left: 20px;
font-family: Circularxxweb, sans-serif;
font-size: 12px;
font-weight: 500;
display: none;
position: absolute;
left: 0;
}
.div-block-3846 {
z-index: 2;
width: 100%;
max-width: 1360px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
display: flex;
}
.image-744 {
width: 15px;
max-width: none;
}
.div-block-4737 {
width: 75px;
height: 75px;
min-height: 75px;
min-width: 75px;
background-color: #f1f1f1;
border-radius: 99px;
margin-left: 15px;
margin-right: 5px;
overflow: hidden;
}
.div-block-4738 {
width: 3px;
height: 600px;
opacity: 0;
background-color: #d8d8d8;
border-radius: 2px;
}
.div-block-4738:hover {
opacity: 1;
}
.image-93-copy-copy-3 {
max-width: 14px;
margin-right: 6px;
}
.image-745 {
width: 23px;
padding-top: 1px;
}
.div-block-4616 {
width: 100%;
border-bottom: 0 solid #ddd;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 40px;
display: flex;
position: relative;
top: -97px;
}
.div-block-4739 {
width: 362px;
height: 642px;
opacity: 1;
background-color: #e6e6e6;
border: 1px solid #dbdbdb;
border-radius: 2px;
}
.html-embed-24 {
width: 100%;
height: 100%;
}
.image-746 {
width: 100%;
height: 100%;
object-fit: cover;
}
.div-block-4740 {
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
display: flex;
}
.div-block-4627 {
width: 8px;
height: 8px;
background-color: #000;
border-radius: 99px;
position: absolute;
top: 10px;
left: -24px;
}
.div-block-4741 {
width: 100%;
height: 800px;
padding: 20px;
}
.text-block-505 {
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: 6px;
font-size: 10px;
display: flex;
}
.div-block-4742 {
height: 28px;
opacity: 1;
margin-bottom: 8px;
margin-left: 0;
}
.div-block-4743 {
height: 100%;
flex-direction: column;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.image-747 {
width: 15px;
}
.div-block-4744 {
width: 100%;
}
.div-block-4744.fx {
height: 750px;
}
.div-block-4745 {
color: #fff;
cursor: pointer;
background-color: rgba(255, 255, 255, .5);
border-radius: 3px;
justify-content: center;
align-items: center;
margin-right: 8px;
padding: 7px 6px 7px 13px;
font-size: 12px;
font-weight: 400;
display: flex;
}
.div-block-4745.first {
color: #000;
background-color: #fff;
padding-right: 13px;
font-size: 12px;
}
.div-block-4746 {
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 5px;
overflow: hidden;
}
.studio_window {
max-width: 1380px;
justify-content: center;
align-items: center;
display: flex;
position: static;
top: -117px;
}
.studio_window.full {
width: 100%;
max-width: none;
padding-left: 30px;
padding-right: 30px;
}
.div-block-4747 {
width: 87px;
height: 30px;
background-color: #fff;
padding-left: 6px;
display: flex;
position: absolute;
bottom: -16px;
}
.div-block-4748 {
color: #3b3b3b;
align-items: center;
display: flex;
}
.div-block-4749 {
justify-content: center;
align-items: center;
margin-top: 16px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.div-block-4617 {
justify-content: center;
align-items: flex-start;
padding-top: 15px;
display: flex;
position: relative;
}
.div-block-4750 {
height: 100%;
background-image: linear-gradient(#fff, #f8f8f8 97%);
border: 0 solid #000;
padding-top: 10px;
padding-left: 21px;
display: flex;
}
.div-block-4751 {
margin-right: 30px;
}
.div-block-4752 {
width: 55px;
height: 55px;
justify-content: center;
align-items: center;
font-size: 12px;
display: flex;
}
.div-block-4752.line {
text-transform: uppercase;
border-bottom: 1px solid #f1eded;
flex-direction: column;
font-size: 8px;
font-weight: 500;
}
.div-block-4753 {
color: #adadad;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
font-size: 12px;
display: flex;
}
.div-block-4754 {
height: 76px;
cursor: pointer;
border-bottom: 1px solid #eee;
flex-direction: row;
justify-content: space-between;
display: flex;
}
.div-block-4754:hover {
background-color: #f1f1f1;
}
.div-block-4754.active {
color: #fff;
background-color: #494949;
}
.div-block-4755 {
width: 100%;
background-color: #fff;
border-bottom: 0 dashed #e6e6e6;
border-radius: 4px;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 20px 10px 20px 20px;
font-size: 13px;
display: flex;
}
.div-block-4755:hover {
background-color: #f1f1f1;
}
.div-block-4755._15 {
padding-left: 0;
}
.div-block-4601 {
align-items: center;
padding-top: 60px;
padding-bottom: 50px;
display: flex;
position: relative;
top: -211px;
}
.div-block-4756 {
color: #858585;
align-items: center;
margin-right: 5px;
font-weight: 500;
display: flex;
}
.div-block-4757 {
color: #723131;
cursor: pointer;
background-color: #fff;
border-radius: 2px;
margin-left: 6px;
padding-left: 6px;
padding-right: 6px;
}
.div-block-4757:hover {
color: #fff;
background-color: #000;
}
.div-block-4758 {
color: #000;
border-bottom: 0 solid #e7e7e7;
justify-content: space-between;
align-items: center;
margin-top: 0;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
font-family: Circularxxweb, sans-serif;
font-size: 18px;
font-weight: 700;
display: flex;
}
.div-block-4759 {
flex-direction: row;
margin-top: 14px;
display: flex;
}
.div-block-4760 {
width: 100%;
height: 38px;
background-color: #f5f5f5;
border-bottom: 0 solid #fff;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
justify-content: space-between;
display: flex;
}
.image-748 {
width: 21px;
}
.div-block-4761 {
width: 160px;
padding-left: 20px;
display: none;
}
.div-block-4762 {
font-family: Circularxxweb, sans-serif;
font-size: 20px;
font-weight: 500;
}
.div-block-4763 {
width: 100%;
height: 70px;
min-height: 70px;
min-width: 361px;
background-color: #fff;
border: 0 solid #000;
align-items: center;
padding-left: 21px;
padding-right: 20px;
display: flex;
}
.div-block-4764 {
margin-left: 20px;
}
.div-block-4765 {
width: 100px;
height: 176px;
background-color: #fff;
border-radius: 5px;
margin-bottom: 15px;
overflow: hidden;
}
.div-block-4765-copy {
width: 100px;
height: 179px;
background-color: #fff;
border-radius: 5px;
margin-bottom: 0;
overflow: hidden;
}
.div-block-4766 {
z-index: 1000;
width: 100%;
height: 100px;
justify-content: center;
align-items: flex-start;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.html-embed-25, .html-embed-26 {
width: 300px;
height: 600px;
}
.div-block-4767 {
width: 100%;
height: 100%;
max-width: 1380px;
background-color: #fff;
border-bottom: 1px solid #e9e9e9;
border-radius: 0;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 100px;
padding: 30px 50px 100px 145px;
display: flex;
position: relative;
top: -226px;
}
.div-block-4768 {
width: 45%;
padding-right: 0;
}
.div-block-4768.middle {
width: 45%;
margin-right: 30px;
padding-top: 203px;
}
.image-749 {
width: 300px;
height: 600px;
}
.div-block-4770 {
width: 60%;
flex-direction: row;
padding-right: 0;
display: flex;
}
.div-block-4771 {
padding-bottom: 10px;
font-family: "Franklin 700", sans-serif;
font-size: 22px;
font-weight: 500;
}
.storyunit {
z-index: 10;
width: 100%;
height: 600px;
border: 0 solid #e2e2e2;
border-radius: 0;
flex-direction: column;
justify-content: center;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 8px 16px -11px rgba(0, 0, 0, .05);
}
.storyunit._250 {
height: 250px;
}
.image-750, .image-751, .image-752 {
width: 300px;
height: 600px;
}
.div-block-4772 {
width: 100%;
border: 0 solid #ebebeb;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 40px;
padding: 1px;
font-size: 19px;
font-weight: 300;
line-height: 29px;
display: flex;
position: relative;
overflow: visible;
}
.div-block-4772._300 {
width: 300px;
padding: 0;
}
.image-753 {
width: 100%;
height: 600px;
}
.image-754 {
width: 300px;
height: 600px;
}
.div-block-4767-copy {
width: 100%;
height: 100%;
max-width: 1380px;
background-color: #fff;
border-bottom: 1px solid #e9e9e9;
border-radius: 0;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 100px;
padding: 30px 0 100px;
display: flex;
position: relative;
top: -226px;
}
.div-block-4587-copy-copy-copy {
max-width: 450px;
border-right: 0 solid #e7e7e7;
margin-top: 0;
padding-top: 0;
padding-bottom: 50px;
padding-right: 0;
font-size: 23px;
font-weight: 300;
line-height: 35px;
position: -webkit-sticky;
position: sticky;
top: 140px;
}
.div-block-4770-copy {
flex-direction: row;
padding-right: 0;
display: flex;
}
.div-block-4773 {
width: 100%;
max-width: 1380px;
border-top: 1px solid #dbdbdb;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 60px;
padding-left: 145px;
display: flex;
position: relative;
}
.div-block-4774 {
width: 135px;
height: 250px;
min-width: 135px;
background-color: #fff;
margin-right: 10px;
position: -webkit-sticky;
position: sticky;
top: 140px;
}
.div-block-4775 {
width: 100%;
max-width: 1380px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.div-block-4776 {
border-bottom: 1px solid #eee;
padding-top: 15px;
padding-bottom: 15px;
}
.div-block-4777 {
padding-left: 10px;
padding-right: 0;
display: flex;
}
.div-block-3577-copy {
width: 100%;
max-width: 1380px;
white-space: nowrap;
margin-top: 20px;
padding-top: 80px;
}
.div-block-4584-copy-2 {
width: 242px;
background-color: #f8f8f8;
border-radius: 6px;
margin-top: 15px;
margin-bottom: 15px;
}
.div-block-4778 {
width: 250px;
height: 250px;
background-color: #f1f1f1;
border-radius: 12px;
margin-bottom: 20px;
overflow: hidden;
}
.div-block-4778._0 {
height: 150px;
position: relative;
overflow: hidden;
}
.div-block-4778._0.a {
align-items: center;
padding-top: 0;
padding-bottom: 119px;
display: flex;
}
.div-block-4779 {
z-index: 5;
width: 40px;
height: 40px;
color: #1f1f1f;
background-color: #fff;
border-radius: 99px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
display: flex;
position: absolute;
top: 63px;
left: 182px;
}
.html-embed-27 {
width: 100%;
height: 100%;
border-radius: 12px;
overflow: hidden;
}
.div-block-4780 {
width: 250px;
height: 385px;
background-color: #f8f8f8;
border-radius: 12px;
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.div-block-4780.a-copy {
height: 442px;
min-width: 250px;
}
.div-block-4780.ent {
height: 420px;
}
.div-block-4780.ent.hm, .div-block-4780.ent.aa {
height: 440px;
}
.thestorycontainer {
width: 350px;
height: 650px;
min-width: 350px;
border: 1px solid rgba(43, 43, 43, .1);
border-radius: 12px;
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
}
.thestorycontainer.tech {
height: 700px;
}
.div-block-4782 {
margin-right: 20px;
}
.div-block-4783 {
width: 100%;
max-width: 1600px;
background-color: #f8f8f5;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
margin-top: 50px;
padding: 100px 100px 100px 145px;
display: flex;
overflow: visible;
}
.div-block-4783.luxury {
background-color: #3d3d3b;
position: relative;
top: 49px;
}
.image-755 {
width: 100%;
height: 100%;
object-fit: cover;
}
.custom_splash {
min-height: 600px;
display: flex;
}
.sp_beauty.hidden {
display: none;
}
.div-block-4784 {
width: 100%;
height: 100%;
}
.div-block-4785 {
z-index: 2;
width: 600%;
height: 1px;
background-color: rgba(231, 232, 236, .5);
position: absolute;
top: 0;
left: -200%;
}
.div-block-4785.bottom {
top: auto;
bottom: 0;
}
.div-block-4785.bottom.faded {
background-color: rgba(199, 199, 199, .1);
bottom: 49px;
}
.div-block-4785.left {
width: 1px;
height: 600%;
top: -200%;
left: 0%;
}
.div-block-4785.left-copy {
width: 1px;
height: 600%;
top: -200%;
left: auto;
right: 0;
}
.div-block-4785.faded {
background-color: rgba(231, 232, 236, .05);
}
.div-block-4614-copy {
z-index: 10;
width: 100%;
height: 550px;
border: 1px solid #e2e2e2;
border-radius: 12px;
flex-direction: column;
justify-content: center;
padding: 120px 50px;
display: flex;
position: relative;
box-shadow: 0 8px 16px -11px rgba(0, 0, 0, .05);
}
.div-block-4607-copy {
width: 300px;
border: 0 solid #ebebeb;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 40px;
padding: 1px;
font-size: 19px;
font-weight: 300;
line-height: 29px;
display: flex;
position: relative;
overflow: visible;
}
.div-block-4614-copy-copy {
z-index: 10;
width: 100%;
height: 300px;
border: 1px solid #e2e2e2;
border-radius: 12px;
flex-direction: column;
justify-content: center;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 8px 16px -11px rgba(0, 0, 0, .05);
}
.div-block-4614-copy-copy._600 {
height: 600px;
}
.image-756, .image-757 {
height: 100%;
object-fit: cover;
}
.div-block-4786 {
width: 30px;
height: 30px;
color: #2b2b2b;
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border: 1px solid #d6d6d6;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 12px;
line-height: 12px;
display: flex;
position: absolute;
top: -2px;
left: -37px;
}
.text-block-506 {
color: #1f1f1f;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #000, #4c3b3b 95%);
-webkit-background-clip: text;
background-clip: text;
}
.text-block-507 {
font-size: 54px;
line-height: 54px;
}
.div-block-4787 {
border-top: 1px solid rgba(211, 211, 211, .3);
margin-top: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.div-block-4788 {
flex-direction: row;
display: flex;
}
.div-block-4789 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.div-block-4790 {
border-left: 1px solid #e2e2e2;
border-right: 0 solid #e2e2e2;
flex-direction: column;
justify-content: flex-start;
padding-left: 50px;
padding-right: 53px;
display: flex;
}
.div-block-4790.last {
border-right-width: 0;
}
.div-block-4790.o {
border-left-width: 0;
padding-left: 0;
padding-right: 70px;
}
.div-block-4791 {
max-width: 182px;
opacity: 1;
color: #000;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-left: 13px;
padding-right: 0;
font-size: 13px;
font-weight: 500;
line-height: 21px;
display: flex;
}
.div-block-4792 {
z-index: 10;
width: 100%;
max-width: 1280px;
border-top: 0 solid #ececec;
border-bottom: 1px solid #ececec;
margin-bottom: 49px;
padding: 80px 20px 90px 0;
position: relative;
}
.div-block-4792.b12 {
max-width: 1360px;
border-top-width: 0;
border-top-color: #e0e0e0;
border-bottom-width: 0;
margin-bottom: 0;
padding-top: 123px;
padding-bottom: 90px;
padding-right: 0;
}
.div-block-4792-copy {
z-index: 10;
width: 100%;
max-width: 1280px;
border-top: 0 solid #ececec;
border-bottom: 1px solid #ececec;
margin-bottom: 49px;
padding: 80px 20px 90px 0;
position: relative;
}
.div-block-4792-copy.b12 {
max-width: 1360px;
border-top-width: 0;
border-top-color: #e0e0e0;
border-bottom-width: 0;
margin-bottom: 0;
padding: 50px 0 90px 145px;
}
.div-block-4793 {
border-top: 1px solid rgba(211, 211, 211, .3);
margin-top: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.div-block-4793.faded {
opacity: .6;
}
.div-block-4794 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.div-block-4055 {
flex-direction: row;
display: flex;
}
.text-block-508 {
font-size: 50px;
line-height: 54px;
}
.div-block-4795 {
border-left: 1px solid #e2e2e2;
border-right: 0 solid #e2e2e2;
flex-direction: column;
justify-content: flex-start;
padding-left: 50px;
padding-right: 53px;
display: flex;
}
.div-block-4795.o {
border-left-width: 0;
padding-left: 0;
padding-right: 70px;
}
.div-block-4795.last {
border-right-width: 0;
}
.div-block-4795.white {
border-left-color: rgba(226, 226, 226, .12);
}
.div-block-4054 {
width: 100%;
border-bottom: 1px solid #ececec;
margin-bottom: 60px;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 20px;
}
.div-block-4054.white {
max-width: 1400px;
border-bottom-color: rgba(236, 236, 236, .04);
}
.div-block-4796 {
max-width: 182px;
opacity: 1;
color: #000;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-left: 6px;
padding-right: 0;
font-size: 12px;
font-weight: 900;
line-height: 17px;
display: flex;
}
.div-block-4796.white {
color: #adadad;
}
.div-block-4056 {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(114deg, #35338b 3%, #66094d 92%);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 5px;
font-size: 11px;
font-weight: 900;
line-height: 20px;
}
.div-block-4056.white {
background-image: linear-gradient(114deg, #d0d0e4 7%, #66094d 92%);
}
.editor_story {
width: 100%;
height: 100%;
}
.div-block-4797 {
display: flex;
}
.div-block-4798 {
position: relative;
}
.div-block-4799 {
background-color: #fff;
padding-bottom: 25px;
padding-left: 5px;
padding-right: 15px;
font-family: "Franklin 700", sans-serif;
font-size: 22px;
line-height: 24px;
position: absolute;
top: -13px;
}
.div-block-4800 {
position: relative;
top: -28px;
}
.div-block-4651-copy {
width: 350px;
height: 1px;
opacity: .24;
background-image: linear-gradient(to right, #fff, #000 21%, #fff);
position: absolute;
top: 17px;
left: -27px;
}
.div-block-4801 {
display: flex;
}
.div-block-4802 {
color: #686363;
align-items: center;
font-size: 17px;
font-weight: 300;
display: flex;
}
.dynamic_loader {
z-index: 9999;
width: 100%;
height: 100%;
background-color: #fff;
justify-content: center;
align-items: center;
transition: all .4s;
display: flex;
position: fixed;
top: auto;
bottom: -100%;
left: 0%;
right: 0%;
}
.dynamic_loader.active {
top: 0%;
bottom: 0%;
}
.image-648-copy {
width: 20px;
margin-bottom: 2px;
margin-right: 6px;
}
.div-block-4803 {
letter-spacing: -2px;
}
.div-block-4804 {
width: 100%;
max-width: 1380px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 100px;
padding: 0;
display: flex;
}
.div-block-4805 {
width: 100%;
min-width: 50%;
padding-left: 145px;
}
.div-block-4806 {
width: 1000px;
min-height: 700px;
min-width: 1000px;
background-color: #f8f8f8;
border-radius: 16px;
}
.div-block-4806.f {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f6f0780aa87c3d8ec9e159_DTS_INDIE_COPSON_00045.jpg");
background-position: 0 0;
background-size: auto;
position: relative;
overflow: hidden;
}
.div-block-4806.f.fashion {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f6ff8ad0b3d9a2cf4fd9a8_D49A9432.jpg");
background-size: cover;
}
.div-block-4806.f.travel {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f70018c0924c4cd6b80e99_DTS_Springtime_Premium_10.jpg");
}
.div-block-4806.f.retail {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f700182323835bb4957aa0_Death_to_stock_laneways_4.jpg");
}
.div-block-4806.f.finance {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f7017e31ce8dee7d7fc768_Death_to_stock_home_buyer_15.jpg");
}
.div-block-4806.f.drinks {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f70207b8c131d29793640c_ddDTS_AgustinFarias_MexicoGeataway_61.jpg");
}
.div-block-4806.f.food {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f7017e2fc6650621885f44_Death_to_Stock_Fall_Dinner_2.jpg");
}
.div-block-4806.f.luxury {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f7026b9e370b582231dda3_DTS_AgustinFarias_MexicoGeataway_24.jpg");
}
.div-block-4806.f.health {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f701845125fd43a4ac9a3e_health.jpg");
}
.div-block-4806.f.auto {
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/64f7018304028f6982534893_Death_to_Stock_Photography_CoastalRoadtrip_4.jpg");
}
.div-block-4587-copy-copy-copy {
max-width: 800px;
border-right: 0 solid #e7e7e7;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 60px;
font-size: 23px;
font-weight: 300;
line-height: 35px;
position: -webkit-sticky;
position: sticky;
top: 140px;
}
.div-block-4807 {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-4808 {
width: 100%;
height: 100%;
mix-blend-mode: screen;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.div-block-4809 {
display: none;
}
.div-block-4810 {
width: 22px;
height: 22px;
border-radius: 66px;
justify-content: center;
align-items: center;
margin-right: 5px;
display: flex;
overflow: hidden;
}
.div-block-4811 {
flex-direction: column;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.image-760 {
min-width: 115px;
}
.div-block-4812 {
width: 100%;
border-bottom: 0 solid #f3f3f3;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 50px;
display: flex;
overflow: visible;
}
.text-block-509 {
z-index: 20;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(94deg, #1835f4, #f7198b 98%);
-webkit-background-clip: text;
background-clip: text;
position: relative;
}
.div-block-4813 {
display: flex;
}
.div-block-4814 {
color: #000;
background-color: #fff;
border: 2px solid #000;
border-radius: 99px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 25px;
font-size: 11px;
font-weight: 500;
display: flex;
}
.div-block-2476 {
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.form-input-7 {
height: 60px;
border: 1px solid rgba(44, 45, 54, .17);
border-radius: 5px;
margin-bottom: 0;
padding: 16px 20px;
font-size: 16px;
line-height: 24px;
transition: border-color .2s;
}
.form-input-7:focus {
border-color: #2c2d36;
}
.form-input-7::-ms-input-placeholder {
color: rgba(44, 45, 54, .5);
font-size: 16px;
line-height: 24px;
}
.form-input-7::placeholder {
color: rgba(44, 45, 54, .5);
font-size: 16px;
line-height: 24px;
}
.form-input-7.textarea {
min-height: 150px;
background-color: rgba(0, 0, 0, 0);
border-color: #bbb;
border-radius: 3px;
padding-left: 15px;
font-size: 14px;
}
.form-input-7.textarea:focus {
border-color: #3e62c5;
}
.form-input-7.textarea::-ms-input-placeholder {
font-size: 14px;
}
.form-input-7.textarea::placeholder {
font-size: 14px;
}
.div-block-4815 {
border-left: 1px solid #e6e6e6;
align-items: flex-end;
margin-left: 30px;
padding-left: 10px;
line-height: 14px;
display: flex;
}
.div-block-3527-copy-2 {
color: #272727;
font-size: 22px;
font-weight: 300;
line-height: 36px;
display: flex;
}
.div-block-4816 {
width: 100%;
height: 100%;
max-width: 1380px;
border: 0 solid #000;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-4817 {
width: 100%;
height: 100%;
min-width: 350px;
background-color: #fff;
border: 0 solid #f1e8e8;
border-radius: 12px;
justify-content: space-between;
align-items: center;
padding: 15px;
display: flex;
box-shadow: 0 2px 14px rgba(0, 0, 0, .08);
}
.div-block-4817.black {
color: #f1f1f1;
background-color: #222;
}
.image-761 {
min-width: 115px;
}
.first_screen-2 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 100px;
display: flex;
}
.first_screen-2.active {
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-4818 {
width: 1px;
height: 900px;
background-color: #e0e0e0;
position: absolute;
top: 7px;
}
.div-block-4818.white {
background-color: #fff;
}
.div-block-4819 {
margin-bottom: 10px;
font-size: 24px;
font-weight: 500;
}
.div-block-2477 {
color: #fff;
text-align: center;
padding: 10px 20px;
font-size: 20px;
text-decoration: none;
}
.div-block-2477.w--current {
text-align: center;
}
.text-block-510 {
letter-spacing: -.5px;
font-size: 25px;
}
.image-762 {
z-index: 5;
border-radius: 99px;
position: relative;
}
.div-block-4659-copy {
z-index: 5;
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 99px;
position: absolute;
top: auto;
bottom: -42px;
}
.tab-link-tab-1 {
background-color: rgba(200, 200, 200, 0);
font-weight: 400;
}
.tab-link-tab-1.w--current {
background-color: rgba(200, 200, 200, 0);
font-weight: 500;
}
.div-block-4820 {
width: 100%;
border: 0 solid #e4e4e4;
flex-direction: column;
justify-content: center;
padding: 24px;
display: flex;
position: relative;
}
.div-block-4821 {
z-index: 10;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.div-block-4680-copy {
color: #fff;
background-color: #3a78e7;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.div-block-4822 {
z-index: 30;
height: 100px;
margin-bottom: 15px;
padding-left: 70px;
padding-right: 70px;
}
.div-block-4822.special {
width: 100%;
height: 125px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-4683-copy {
padding-left: 10px;
display: flex;
}
.div-block-4823 {
padding-left: 0;
}
.div-block-4823.bold {
font-weight: 500;
}
.c800 {
z-index: 0;
width: 800px;
height: 800px;
border: 1px solid #e7e7e7;
border-radius: 999px;
position: absolute;
}
.text-block-511 {
white-space: nowrap;
margin-top: 1px;
font-weight: 500;
position: static;
}
.div-block-2471 {
width: 100%;
justify-content: flex-end;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
display: flex;
}
.mail1 {
width: 60px;
height: 60px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: absolute;
bottom: 108px;
right: -21px;
overflow: hidden;
}
.div-block-2474 {
width: 100%;
padding-left: 30px;
}
.div-block-3533-copy {
width: 100%;
height: 1px;
opacity: .67;
background-image: linear-gradient(to right, #fff, rgba(3, 3, 3, .13) 45%);
}
.div-block-4686-copy-copy {
z-index: 5;
width: 130%;
background-color: #fff;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
top: 272px;
left: -15%;
box-shadow: 1px -2px 14px rgba(0, 0, 0, .15);
}
.div-block-4659-copy-2 {
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 99px;
position: absolute;
top: 28px;
right: 75px;
}
.div-block-4659-copy-2._2 {
top: 443px;
right: 34px;
}
.div-block-4659-copy-2._112-copy {
top: 174px;
bottom: auto;
right: 34px;
}
.div-block-4680-copy-copy {
color: #fff;
background-color: #141414;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.deal_terms-copy {
width: 100%;
height: 650px;
min-width: 350px;
background-color: #fff;
border: 0 solid #f1e8e8;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 0;
display: flex;
box-shadow: 0 2px 14px rgba(0, 0, 0, .08);
}
.div-block-4824 {
justify-content: flex-start;
align-items: center;
margin-top: 15px;
display: flex;
}
.div-block-4825 {
white-space: nowrap;
align-items: flex-end;
padding: 16px;
display: flex;
}
.div-block-4826 {
align-items: center;
display: flex;
}
.c600 {
width: 600px;
height: 600px;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 999px;
position: absolute;
}
.div-block-4827 {
width: 50px;
margin-right: 5px;
padding: 0;
}
.div-block-4828 {
display: flex;
}
.div-block-4829 {
width: 100%;
height: 115px;
border-radius: 2px;
overflow: hidden;
}
.div-block-4075 {
font-size: 22px;
font-weight: 300;
line-height: 38px;
}
.div-block-4830 {
z-index: 99;
background-color: #fff;
justify-content: flex-start;
padding-left: 6px;
padding-right: 8px;
font-size: 12px;
display: flex;
position: absolute;
top: -12px;
left: 10px;
}
.div-block-4830.a {
font-weight: 700;
top: -19px;
}
.form-input-8 {
height: 60px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #bbb;
border-radius: 3px;
margin-bottom: 0;
padding: 16px 20px 16px 15px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
transition: border-color .2s;
}
.form-input-8:focus {
border-color: #3e62c5;
}
.form-input-8::-ms-input-placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.form-input-8::placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.div-block-4672-copy {
z-index: 30;
height: auto;
margin-bottom: 15px;
padding: 0;
}
.div-block-4831 {
align-items: flex-start;
display: flex;
position: static;
}
.div-block-4832 {
color: #fff;
background-color: #0d9d58;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.indy1-copy-copy {
z-index: 50;
width: 80px;
height: 80px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: absolute;
bottom: 472px;
right: -44px;
overflow: hidden;
}
.div-block-3824-copy2-2 {
width: 600px;
min-width: 600px;
text-align: left;
letter-spacing: 0;
margin-bottom: 10px;
font-size: 22px;
font-weight: 300;
line-height: 38px;
}
.div-block-3824-copy2-2.smallest {
max-width: 500px;
min-width: 500px;
}
.div-block-3824-copy2-2.smallest.spaced {
margin-bottom: 38px;
}
.deal_name {
z-index: 5;
max-width: 1100px;
color: #303030;
letter-spacing: -1.2px;
font-size: 60px;
font-weight: 300;
line-height: 60px;
position: relative;
}
.div-block-4833 {
align-items: flex-end;
display: flex;
}
.div-block-3411-copy {
width: 100%;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-bottom: 0;
display: flex;
}
.headline_1 {
font-size: 22px;
line-height: 34px;
position: static;
top: 15px;
}
.telegraph1 {
width: 80px;
height: 80px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: absolute;
bottom: 157px;
right: 18px;
overflow: visible;
}
.yahoo1 {
width: 80px;
height: 80px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: absolute;
bottom: 215px;
right: 733px;
overflow: visible;
}
.div-block-4834 {
font-size: 7px;
position: absolute;
top: -6px;
right: -11px;
}
.cline {
z-index: 10;
width: 500%;
height: 1px;
background-color: #eee;
position: absolute;
}
.image-763 {
min-width: 110px;
}
.cline-copy {
z-index: 1;
width: 700px;
height: 1px;
transform-style: preserve-3d;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #e0e0e0 54%, rgba(255, 255, 255, 0));
position: absolute;
transform: rotateX(30deg)rotateY(0)rotateZ(0);
}
.home_intro-copy {
width: 100%;
height: 900px;
max-width: 1380px;
text-align: left;
border-bottom: 0 dashed #d6d6d6;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 100px;
display: flex;
overflow: hidden;
}
.div-block-4682-copy {
width: 100%;
white-space: nowrap;
flex-direction: row;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
display: flex;
}
.div-block-4835 {
color: #afafaf;
letter-spacing: .6px;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 11px;
font-weight: 500;
}
.div-block-4073 {
max-width: 600px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-4836 {
width: 100%;
padding: 16px;
}
.div-block-4072 {
justify-content: center;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.div-block-4057-copy {
z-index: 1;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
font-weight: 400;
line-height: 36px;
position: absolute;
top: -20px;
}
.tabs-menu {
border-bottom: 1px solid #e0e0e0;
justify-content: center;
align-items: center;
margin-bottom: 25px;
padding-bottom: 15px;
display: flex;
}
.div-block-4683-copy-2 {
padding-left: 0;
font-weight: 500;
}
.div-block-4683-copy-2.regular {
font-size: 15px;
font-weight: 300;
}
.deal_terms {
width: 100%;
height: 650px;
min-width: 350px;
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 0;
display: flex;
overflow: hidden;
box-shadow: 0 2px 14px rgba(0, 0, 0, .08);
}
.deal_terms:hover {
border-color: #6d6a6a;
}
.site_body_text-3 {
z-index: 10;
width: 50%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.site_body_text-3.left {
color: #353535;
padding-right: 50px;
}
.testimonials {
width: 100%;
background-color: #f8f8f6;
border: 1px solid #ececec;
border-radius: 12px;
margin-top: 60px;
padding: 80px 0;
display: none;
}
.arrow11 {
opacity: 1;
}
.overlayer-3 {
z-index: 101;
width: 100%;
height: 100%;
opacity: 0;
background-color: #494949;
transition: flex .2s;
display: none;
position: fixed;
top: 0;
}
.div-block-4837 {
z-index: 5;
width: 30px;
height: 30px;
color: #fff;
background-color: #0c9d59;
border: 1px solid #0c9d59;
border-radius: 99px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
font-size: 14px;
font-weight: 700;
display: flex;
position: static;
top: 2px;
left: -45px;
}
.div-block-4019-copy-copy {
width: 100%;
height: 800px;
min-height: 800px;
border: 0 solid #ececea;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.div-block-4838 {
color: #161616;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-4838:hover {
color: #2435ef;
}
.div-block-4838.invisible {
display: none;
}
.div-block-4075-copy {
border-top: 1px solid #e7e7e7;
margin-top: 15px;
padding-top: 15px;
font-size: 18px;
font-weight: 500;
line-height: 38px;
}
.div-block-4839 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
overflow: hidden;
}
.theg {
z-index: 50;
width: 60px;
height: 60px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 6px;
padding: 7px;
display: flex;
position: static;
bottom: 472px;
right: -44px;
overflow: hidden;
}
.theg.tra {
background-color: rgba(255, 255, 255, 0);
border-color: rgba(235, 235, 235, .26);
}
.allchapters-copy_-copy {
z-index: 90;
width: 100%;
max-width: 1400px;
border: 0 solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 50px 20px 0;
display: flex;
position: relative;
}
.actionbutton-2 {
color: #202020;
white-space: nowrap;
cursor: pointer;
background-color: #fafafa;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 0;
padding: 12px 28px;
font-family: Circularxxweb, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.actionbutton-2:hover {
color: #161616;
background-color: #fff;
text-decoration: none;
}
.div-block-4840 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.image-471 {
width: 25px;
filter: invert();
}
.div-block-4841 {
display: flex;
}
.div-block-4659-copy-copy {
width: 25px;
height: 25px;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 99px;
position: absolute;
bottom: 0;
right: 253px;
}
.div-block-4842 {
margin-top: 10px;
margin-bottom: 8px;
font-size: 18px;
font-weight: 500;
display: flex;
}
.div-block-4843 {
position: relative;
}
.button-5-copy {
width: 100%;
color: #fff;
text-align: center;
background-color: #1d1d1d;
border: 2px solid #000;
border-radius: 99px;
padding: 6px 24px;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
font-weight: 500;
transition: box-shadow .2s;
box-shadow: inset 0 200px 200px 200px rgba(0, 0, 0, 0);
}
.button-5-copy:hover {
box-shadow: none;
color: #1570fb;
background-color: #fff;
}
.div-block-4844 {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.image-714 {
height: 100%;
object-fit: cover;
}
.div-block-4845 {
font-size: 16px;
font-weight: 500;
}
.div-block-4846 {
width: 100%;
color: #303030;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-right: 2px;
padding: 15px;
text-decoration: none;
}
.div-block-4846:hover {
background-color: rgba(247, 247, 247, .3);
border-width: 1px;
border-color: rgba(199, 199, 199, 0);
}
.indy1 {
width: 80px;
height: 80px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: absolute;
bottom: 67px;
right: 82px;
overflow: hidden;
}
.form-block-11 {
margin-bottom: 0;
}
.div-block-4847 {
display: flex;
}
.div-block-4848 {
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
left: -56px;
}
.image-764 {
min-width: 150px;
}
.c400 {
z-index: 5;
width: 400px;
height: 400px;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 999px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-4849 {
color: #0d9d58;
margin-right: 5px;
font-family: Materialicons, sans-serif;
}
.div-block-4849.close {
color: #d11212;
}
.div-block-4850 {
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 3px;
padding: 12px;
}
.div-block-4851 {
width: 100%;
}
.image-765 {
border-radius: 99px;
}
.image-765.inv {
filter: invert();
}
.c1000 {
z-index: 30;
width: 1200px;
height: 1200px;
border: 1px solid #f1f1f1;
border-radius: 999px;
position: absolute;
}
.mail1-copy {
width: 60px;
height: 60px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: absolute;
bottom: 77px;
right: 349px;
overflow: hidden;
}
.uola1-copy {
z-index: 15;
width: 60px;
height: 60px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: absolute;
top: 270px;
right: 563px;
overflow: hidden;
}
.image-766 {
width: 20px;
min-width: 20px;
transform: rotate(180deg);
}
.dsplogos {
z-index: 30;
width: 100%;
max-width: 1360px;
grid-column-gap: 0px;
grid-row-gap: 0px;
opacity: 1;
background-color: #fff;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
grid-template-rows: repeat(auto-fit, minmax(40px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(20px, 80px));
grid-auto-columns: minmax(80px, 1fr);
justify-content: space-between;
justify-items: center;
margin-top: -20px;
padding: 80px 0;
display: grid;
position: relative;
}
.dsplogos.smaller {
max-width: 1380px;
border-bottom-width: 1px;
margin-top: 25px;
padding-bottom: 80px;
padding-left: 15px;
padding-right: 10px;
}
.div-block-4670-copy {
color: #949494;
font-size: 12px;
}
.div-block-4852 {
z-index: 100;
width: 100%;
max-width: 1380px;
position: absolute;
top: 183px;
}
.select-field-4 {
width: 100%;
height: 60px;
background-color: #fff;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ace25de662785c639e409_icon-select-arrow.svg");
background-position: 94%;
background-repeat: no-repeat;
background-size: 16px 16px;
border: 1px solid rgba(187, 187, 187, .99);
border-radius: 3px;
align-items: center;
padding: 10px 16px 10px 10px;
display: block;
position: relative;
overflow: hidden;
}
.indy1-copy {
z-index: 50;
width: 80px;
height: 80px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
position: absolute;
bottom: 219px;
left: 55px;
overflow: hidden;
}
.div-block-4853 {
color: #949494;
font-size: 12px;
}
.div-block-4698-copy {
display: none;
}
.div-block-4053 {
width: 100%;
max-width: 1380px;
}
.div-block-4854 {
z-index: 105;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background-color: rgba(255, 255, 255, .95);
border-bottom: 1px solid #f0f0f0;
justify-content: center;
align-items: center;
padding-left: 30px;
padding-right: 30px;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
}
.large_headline1-3 {
z-index: 5;
width: 100%;
margin-top: 50px;
margin-bottom: 30px;
padding-right: 0;
position: relative;
}
.large_headline1-3.home {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 30px;
display: flex;
}
.large_headline1-3.home.spaced {
align-items: flex-start;
padding: 40px 20px;
}
.large_headline1-3.home.spaced-copy {
align-items: flex-start;
padding: 40px 20px 40px 25px;
}
.text-block-513 {
font-weight: 500;
}
.html-embed-28 {
width: 300px;
height: 600px;
}
.html-embed-28.ai {
width: 100%;
height: 100%;
}
.div-block-4494-copy {
width: 550px;
height: 550px;
border: 1px solid #f1f1f1;
border-radius: 999px;
position: absolute;
}
.div-block-4855 {
z-index: 5;
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 99px;
position: absolute;
bottom: -28px;
left: -6px;
}
.div-block-4856 {
white-space: nowrap;
flex-direction: row;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
display: flex;
}
.div-block-4856.aa {
margin-top: 127px;
}
.div-block-4857 {
width: 100%;
border-bottom: 1px dashed #e2e2e2;
margin-left: 5px;
margin-right: 5px;
}
.div-block-4858 {
align-items: center;
font-weight: 500;
display: flex;
}
.image-767 {
width: 15px;
}
.div-block-4859 {
display: flex;
}
.div-block-2478 {
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
font-size: 13px;
display: flex;
}
.div-block-4860 {
z-index: 5;
white-space: nowrap;
background-color: #fff;
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
font-weight: 400;
display: none;
position: absolute;
right: 67.3125px;
}
.div-block-4074 {
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 99px;
margin-right: 30px;
overflow: hidden;
}
.image-759 {
min-width: 90px;
}
.div-block-4861 {
margin-top: 10px;
position: relative;
}
.div-block-4862 {
z-index: 5;
width: 130%;
height: 100px;
background-color: #fff;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
top: 186px;
left: -15%;
box-shadow: 1px -2px 14px rgba(0, 0, 0, .2);
}
.partnerlogo {
z-index: 5;
opacity: 1;
cursor: auto;
background-color: rgba(0, 0, 0, 0);
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.partnerlogo:hover {
opacity: 1;
}
.partnerlogo.s5 {
justify-content: flex-end;
}
.partnerlogo.s5.ss {
justify-content: center;
}
.partnerlogo._4 {
position: relative;
}
.partnerlogo._3 {
z-index: 30;
position: relative;
}
.div-block-4863 {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 22px;
left: -7%;
}
.div-block-4864 {
justify-content: center;
align-items: center;
margin-left: 6px;
display: flex;
}
.div-block-4865 {
width: 100%;
padding-right: 62px;
}
.div-block-3824-copy-2 {
width: 600px;
min-width: 600px;
letter-spacing: -1.8px;
margin-top: 0;
margin-bottom: 10px;
font-size: 56px;
font-weight: 300;
line-height: 70px;
}
.topmenu-3 {
z-index: 1001;
width: 100%;
height: 95px;
border: 0 solid #000;
border-bottom-color: #ebebeb;
justify-content: center;
align-items: center;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-4866 {
height: 100%;
padding-bottom: 3px;
}
.div-block-4867 {
width: 500px;
height: 500px;
border: 1px solid #f1f1f1;
border-radius: 999px;
position: absolute;
}
.div-block-4867._2 {
width: 750px;
height: 750px;
}
.c200 {
z-index: 20;
width: 200px;
height: 200px;
border: 1px solid #e2e2e2;
border-radius: 99px;
position: absolute;
}
.image-768 {
min-width: 105px;
}
.div-block-4682-copy-copy {
width: 100%;
white-space: nowrap;
flex-direction: row;
align-items: flex-end;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
display: flex;
}
.div-block-4682-copy-2 {
white-space: nowrap;
flex-direction: row;
align-items: flex-end;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
display: flex;
}
.div-block-4682-copy-2.a {
padding-top: 11px;
padding-bottom: 11px;
padding-left: 20px;
}
.image-769 {
min-width: 105px;
}
.uola1 {
width: 60px;
height: 60px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: absolute;
bottom: -5px;
right: 393px;
overflow: hidden;
}
.div-block-4868 {
width: 400%;
height: 500px;
background-color: #fff;
align-items: center;
display: flex;
position: absolute;
bottom: 50%;
}
.div-block-3722-copy {
z-index: 99;
width: 100%;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px 20px 50px;
display: flex;
position: relative;
}
.div-block-4869 {
width: 100%;
max-width: 1380px;
padding-left: 131px;
}
.div-block-4870 {
width: 100%;
max-width: 1380px;
margin-bottom: 30px;
}
.div-block-4871 {
width: 600px;
min-width: 600px;
letter-spacing: -1.8px;
margin-top: 15px;
margin-bottom: 10px;
font-size: 56px;
font-weight: 300;
line-height: 70px;
}
.div-block-4872 {
width: 120px;
height: 4px;
background-color: #e9e9e9;
border-radius: 99px;
margin-top: 15px;
}
.text-span-77 {
font-size: 16px;
}
.div-block-4873 {
width: 365px;
position: relative;
}
.div-block-4874 {
max-width: 380px;
position: relative;
}
.div-block-4875 {
align-items: flex-end;
display: flex;
}
.text-block-514 {
opacity: .5;
color: #fff;
font-size: 11px;
font-weight: 300;
line-height: 16px;
}
.image-713 {
max-width: 30px;
opacity: .16;
}
.div-block-4064 {
height: 30%;
flex-direction: row;
display: flex;
}
.div-block-4876 {
width: 30px;
height: 30px;
opacity: 1;
background-color: rgba(248, 248, 248, .1);
border: 0 solid #e9e9e9;
border-radius: 99px;
}
.div-block-4876.featured-copy-copy {
width: 36px;
height: 36px;
text-shadow: 1px 1px 6px #000;
background-color: #131583;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626faf0f3f74e243fa4766dc_lonely-planet%20copy.svg");
background-position: 0 0;
background-size: cover;
border-width: 0;
}
.div-block-4876.featured-copy {
width: 36px;
height: 36px;
text-shadow: 1px 1px 6px #000;
background-color: #131583;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626faf0f3f74e22b474766db_w_vice.svg");
background-position: 0 0;
background-size: cover;
border-width: 0;
}
.div-block-4877 {
width: 100%;
height: 30px;
background-color: #f1f1f1;
margin-bottom: 5px;
}
.div-block-4877._2 {
width: 90%;
}
.div-block-4878 {
width: 600px;
min-width: 600px;
letter-spacing: -1.8px;
margin-top: 15px;
margin-bottom: 10px;
font-size: 56px;
font-weight: 300;
line-height: 70px;
}
.text-block-515 {
font-size: 10px;
}
.div-block-4879 {
z-index: 10;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
justify-content: flex-start;
align-items: center;
margin-left: 0;
display: flex;
position: static;
top: 470px;
left: auto;
}
.div-block-4880 {
height: 100%;
max-height: 85vh;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 76px;
padding-right: 20px;
display: flex;
}
.div-block-4880.rev {
justify-content: center;
padding-left: 0;
padding-right: 0;
transform: none;
}
.div-block-4880.rev.a {
justify-content: center;
}
.div-block-4069 {
font-weight: 500;
}
.div-block-4881 {
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-left: 20px;
display: flex;
position: static;
top: 209px;
left: 15px;
}
.image-770 {
width: 14px;
}
.div-block-2611 {
margin-top: 20px;
padding-left: 16px;
padding-right: 16px;
}
.div-block-4882 {
width: 50%;
margin-left: 0;
padding-top: 14px;
padding-left: 14px;
}
.site_body_text-4 {
z-index: 10;
width: 50%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-3805 {
width: 100%;
height: 100%;
max-height: 600px;
min-height: 600px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
overflow: scroll;
}
.div-block-3805.hide-scrollbar {
height: 100%;
max-width: 340px;
background-color: #fff;
justify-content: space-between;
position: relative;
}
.div-block-3805.hide-scrollbar._12 {
display: none;
}
.product_management-2 {
width: 100%;
max-width: 1360px;
border-radius: 99px;
justify-content: space-between;
margin-top: 20px;
margin-bottom: 0;
padding-top: 50px;
display: flex;
position: relative;
}
.product_management-2.invisible {
display: none;
}
.div-block-4883 {
width: 100%;
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-4884 {
width: 50%;
justify-content: flex-end;
align-items: flex-start;
margin-top: 0;
padding-top: 10px;
padding-right: 5px;
display: flex;
}
.div-block-4065 {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .1);
background-image: linear-gradient(rgba(0, 0, 0, 0) 4%, rgba(19, 18, 18, .27) 99%);
flex-direction: column;
display: flex;
}
.landing_pages-2 {
width: 50%;
height: 900px;
max-width: 900px;
background-color: #fff;
border: 0 solid #eee;
border-radius: 26px;
justify-content: center;
align-items: center;
padding-left: 35px;
display: flex;
position: relative;
overflow: visible;
}
.landing_pages-2.active {
z-index: 2;
max-width: none;
border-width: 0;
border-radius: 16px;
flex-direction: column;
display: flex;
}
.div-block-4885 {
display: flex;
}
.div-block-4886 {
color: #313131;
}
.div-block-4068 {
height: 70%;
opacity: 1;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 12px;
padding-left: 14px;
padding-right: 10px;
display: flex;
}
.content_selector-2 {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
color: #868686;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #d8d8d8;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 8px;
font-size: 12px;
transition: opacity .1s;
display: flex;
}
.content_selector-2:hover {
color: #fff;
background-color: #1b1b1b;
border-color: #1b1b1b;
}
.div-block-4887 {
align-items: center;
display: flex;
}
.div-block-4066 {
align-items: flex-start;
display: flex;
}
.thephone1-2 {
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 60px;
flex-direction: column;
align-items: center;
padding: 50px 15px 10px;
display: flex;
position: relative;
}
.image-771 {
width: 360px;
opacity: .15;
}
.div-block-4888 {
width: 100%;
height: 40px;
opacity: 1;
border: 1px solid #f5f5f5;
border-radius: 12px;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-left: 12px;
padding-right: 12px;
display: flex;
}
.text-block-516 {
opacity: .78;
color: #fff;
margin-bottom: 5px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
.text-block-517 {
margin-bottom: 0;
padding-top: 9px;
padding-bottom: 9px;
font-size: 13px;
}
.div-block-4889 {
width: 100%;
height: 60px;
justify-content: center;
align-items: center;
padding: 10px 20px;
display: flex;
}
.image-772 {
width: 100%;
opacity: .24;
}
.image-773 {
width: 11px;
opacity: 1;
filter: invert();
}
.div-block-2610 {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
display: flex;
}
.div-block-4890 {
margin-left: 5px;
margin-right: 5px;
}
.div-block-3527-copy-copy-2 {
font-size: 22px;
line-height: 34px;
position: relative;
top: 15px;
}
.div-block-2750-copy-2 {
width: 100%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.text-block-518 {
opacity: 1;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
font-weight: 300;
}
.menu_holder-copy {
display: flex;
}
.menu_holder-copy.solutions {
display: none;
}
.menu_holder-copy.solutions.active {
display: flex;
}
.div-block-4891 {
width: 22px;
height: 22px;
border-radius: 66px;
justify-content: center;
align-items: center;
margin-right: 8px;
display: flex;
overflow: hidden;
}
.div-block-4892 {
flex-direction: column;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.image-774 {
min-width: 115px;
}
.div-block-4893 {
width: 100%;
border-bottom: 0 solid #f3f3f3;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 50px;
display: flex;
overflow: visible;
}
.text-block-519 {
z-index: 20;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(94deg, #1835f4, #f7198b 98%);
-webkit-background-clip: text;
background-clip: text;
position: relative;
}
.text-block-519.a {
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
}
.div-block-4894 {
display: flex;
}
.div-block-4895 {
color: #000;
background-color: #fff;
border: 2px solid #000;
border-radius: 99px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 25px;
font-size: 11px;
font-weight: 500;
display: flex;
}
.div-block-4896 {
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.div-block-4897 {
border-left: 1px solid #e6e6e6;
align-items: flex-end;
margin-left: 30px;
padding-left: 10px;
line-height: 14px;
display: flex;
}
.div-block-3527-copy-3 {
color: #272727;
font-size: 22px;
font-weight: 300;
line-height: 36px;
display: flex;
}
.div-block-4898 {
width: 100%;
height: 100%;
max-width: 1380px;
border: 0 solid #000;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-4899 {
width: 100%;
height: 100%;
min-width: 350px;
background-color: #fff;
border: 0 solid #f1e8e8;
border-radius: 12px;
justify-content: space-between;
align-items: center;
padding: 15px;
display: flex;
box-shadow: 0 2px 14px rgba(0, 0, 0, .08);
}
.div-block-4899.black {
color: #f1f1f1;
background-color: #222;
}
.image-775 {
min-width: 115px;
}
.first_screen-3 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 100px;
display: flex;
}
.first_screen-3.active {
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-4900 {
width: 1px;
height: 900px;
background-color: #e0e0e0;
position: absolute;
top: 7px;
}
.div-block-4900.white {
background-color: #fff;
}
.div-block-4901 {
margin-bottom: 10px;
font-size: 24px;
font-weight: 500;
}
.div-block-4902 {
color: #fff;
text-align: center;
padding: 10px 20px;
font-size: 20px;
text-decoration: none;
}
.div-block-4902.w--current {
text-align: center;
}
.text-block-520 {
letter-spacing: -.5px;
font-size: 25px;
}
.image-776 {
z-index: 5;
border-radius: 99px;
position: relative;
}
.div-block-4659-copy-3 {
z-index: 5;
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 99px;
position: absolute;
top: auto;
bottom: -42px;
}
.div-block-4903 {
width: 100%;
border: 0 solid #e4e4e4;
flex-direction: column;
justify-content: center;
padding: 24px;
display: flex;
position: relative;
}
.div-block-4904 {
z-index: 10;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.div-block-4905 {
z-index: 30;
height: 100px;
margin-bottom: 15px;
padding-left: 70px;
padding-right: 70px;
}
.div-block-4905.special {
width: 100%;
height: 125px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-4683-copy-3 {
padding-left: 10px;
display: flex;
}
.div-block-4906 {
padding-left: 0;
}
.div-block-4906.bold {
font-weight: 500;
}
.text-block-521 {
white-space: nowrap;
margin-top: 1px;
font-weight: 500;
position: static;
}
.div-block-4907 {
width: 100%;
justify-content: flex-end;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
display: flex;
}
.div-block-4908 {
width: 100%;
padding-left: 30px;
}
.div-block-4659-copy-4 {
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 99px;
position: absolute;
top: 28px;
right: 75px;
}
.div-block-4659-copy-4._2 {
top: 443px;
right: 34px;
}
.div-block-4659-copy-4._112-copy {
top: 174px;
bottom: auto;
right: 34px;
}
.div-block-4909 {
justify-content: flex-start;
align-items: center;
margin-top: 15px;
display: flex;
}
.div-block-4910 {
white-space: nowrap;
align-items: flex-end;
padding: 16px;
display: flex;
}
.div-block-4911 {
align-items: center;
display: flex;
}
.div-block-4912 {
width: 50px;
margin-right: 5px;
padding: 0;
}
.div-block-4913 {
display: flex;
}
.div-block-4914 {
width: 100%;
height: 115px;
border-radius: 2px;
overflow: hidden;
}
.div-block-4915 {
font-size: 22px;
font-weight: 300;
line-height: 38px;
}
.div-block-4916 {
z-index: 99;
background-color: #fff;
justify-content: flex-start;
padding-left: 6px;
padding-right: 8px;
font-size: 12px;
display: flex;
position: absolute;
top: -12px;
left: 10px;
}
.div-block-4916.a {
font-weight: 700;
top: -11px;
}
.form-input-9 {
height: 60px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #bbb;
border-radius: 3px;
margin-bottom: 0;
padding: 16px 20px 16px 15px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
transition: border-color .2s;
}
.form-input-9:focus {
border-color: #3e62c5;
}
.form-input-9::-ms-input-placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.form-input-9::placeholder {
color: rgba(44, 45, 54, .5);
font-size: 14px;
line-height: 24px;
}
.div-block-4917 {
align-items: flex-start;
display: flex;
position: static;
}
.div-block-4918 {
color: #fff;
background-color: #0d9d58;
border-radius: 99px;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.div-block-4919 {
align-items: flex-end;
display: flex;
}
.div-block-4920 {
font-size: 7px;
position: absolute;
top: -6px;
right: -11px;
}
.image-777 {
min-width: 110px;
}
.div-block-4682-copy-3 {
width: 100%;
white-space: nowrap;
flex-direction: row;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
display: flex;
}
.div-block-4921 {
color: #afafaf;
letter-spacing: .6px;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 11px;
font-weight: 500;
}
.div-block-4922 {
max-width: 600px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-4923 {
width: 100%;
padding: 16px;
}
.div-block-4924 {
justify-content: center;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.site_body_text-5 {
z-index: 10;
width: 50%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.site_body_text-5.left {
color: #353535;
padding-right: 50px;
}
.div-block-4925 {
z-index: 5;
width: 30px;
height: 30px;
color: #fff;
background-color: #0c9d59;
border: 1px solid #0c9d59;
border-radius: 99px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
font-size: 14px;
font-weight: 700;
display: flex;
position: static;
top: 2px;
left: -45px;
}
.div-block-4926 {
color: #161616;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-4926:hover {
color: #2435ef;
}
.div-block-4926.invisible {
display: none;
}
.div-block-4927 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
overflow: hidden;
}
.actionbutton-3 {
color: #202020;
white-space: nowrap;
cursor: pointer;
background-color: #fafafa;
border: 2px solid #000;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 0;
padding: 12px 28px;
font-family: Circularxxweb, sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.actionbutton-3:hover {
color: #161616;
background-color: #fff;
text-decoration: none;
}
.div-block-4928 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.image-778 {
width: 25px;
filter: invert();
}
.div-block-4929 {
display: flex;
}
.div-block-4930 {
margin-top: 10px;
margin-bottom: 8px;
font-size: 18px;
font-weight: 500;
display: flex;
}
.div-block-4931 {
position: relative;
}
.div-block-4932 {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.image-779 {
height: 100%;
object-fit: cover;
}
.div-block-4933 {
font-size: 16px;
font-weight: 500;
}
.div-block-4934 {
width: 100%;
color: #303030;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-right: 2px;
padding: 15px;
text-decoration: none;
}
.div-block-4934:hover {
background-color: rgba(247, 247, 247, .3);
border-width: 1px;
border-color: rgba(199, 199, 199, 0);
}
.form-block-12 {
margin-bottom: 0;
}
.div-block-4935 {
display: flex;
}
.div-block-4936 {
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
left: -56px;
}
.image-780 {
min-width: 150px;
}
.div-block-4937 {
color: #0d9d58;
margin-right: 5px;
font-family: Materialicons, sans-serif;
}
.div-block-4937.close {
color: #d11212;
}
.div-block-4938 {
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 3px;
padding: 12px;
}
.div-block-4939 {
width: 100%;
}
.image-781 {
border-radius: 99px;
}
.image-781.inv {
filter: invert();
}
.div-block-2470 {
width: 100%;
max-width: 0;
min-width: 400px;
border-right: 1px solid #e2e2e2;
padding: 25px 50px;
}
.image-782 {
width: 20px;
min-width: 20px;
transform: rotate(180deg);
}
.div-block-4940 {
z-index: 100;
width: 100%;
max-width: 1380px;
position: absolute;
top: 183px;
}
.select-field-5 {
width: 100%;
height: 60px;
background-color: #fff;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624ace25de662785c639e409_icon-select-arrow.svg");
background-position: 94%;
background-repeat: no-repeat;
background-size: 16px 16px;
border: 1px solid rgba(187, 187, 187, .99);
border-radius: 3px;
align-items: center;
padding: 10px 16px 10px 10px;
display: block;
position: relative;
overflow: hidden;
}
.div-block-4941 {
color: #949494;
font-size: 12px;
}
.div-block-4942 {
width: 100%;
max-width: 1380px;
}
.div-block-4943 {
z-index: 105;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background-color: rgba(255, 255, 255, .95);
border-bottom: 1px solid #f0f0f0;
justify-content: center;
align-items: center;
padding-left: 30px;
padding-right: 30px;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
}
.text-block-523 {
font-weight: 500;
}
.div-block-4944 {
z-index: 5;
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 99px;
position: absolute;
bottom: -28px;
left: -6px;
}
.div-block-4945 {
white-space: nowrap;
flex-direction: row;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
display: flex;
}
.div-block-4945.aa {
margin-top: 127px;
}
.div-block-4945._2 {
border-radius: 3px;
align-items: center;
padding: 16px 15px 16px 0;
font-size: 17px;
font-weight: 300;
}
.div-block-4946 {
width: 100%;
border-bottom: 1px dashed #e6e6e6;
margin-left: 10px;
margin-right: 10px;
}
.div-block-4947 {
align-items: center;
font-weight: 500;
display: flex;
position: relative;
}
.div-block-4947.small {
font-size: 15px;
font-weight: 300;
}
.image-783 {
width: 15px;
}
.div-block-4948 {
display: flex;
}
.div-block-4949 {
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
font-size: 13px;
display: flex;
}
.div-block-4950 {
z-index: 5;
white-space: nowrap;
background-color: #fff;
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
font-weight: 400;
display: none;
position: absolute;
right: 67.3125px;
}
.div-block-4951 {
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 99px;
margin-right: 30px;
overflow: hidden;
}
.image-784 {
min-width: 90px;
}
.div-block-4952 {
margin-top: 10px;
position: relative;
}
.div-block-4953 {
z-index: 5;
width: 130%;
height: 100px;
background-color: #fff;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
position: absolute;
top: 186px;
left: -15%;
box-shadow: 1px -2px 14px rgba(0, 0, 0, .2);
}
.div-block-4954 {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 22px;
left: -7%;
}
.div-block-4955 {
justify-content: center;
align-items: center;
margin-left: 6px;
display: flex;
}
.div-block-4956 {
width: 100%;
padding-right: 62px;
}
.topmenu-4 {
z-index: 1001;
width: 100%;
height: 95px;
border: 0 solid #000;
border-bottom-color: #ebebeb;
justify-content: center;
align-items: center;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-4957 {
height: 100%;
padding-bottom: 3px;
}
.div-block-4958 {
width: 500px;
height: 500px;
border: 1px solid #f1f1f1;
border-radius: 999px;
position: absolute;
}
.div-block-4958._2 {
width: 750px;
height: 750px;
}
.image-785 {
min-width: 105px;
}
.div-block-4682-copy-4 {
white-space: nowrap;
flex-direction: row;
align-items: flex-end;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
display: flex;
}
.div-block-4682-copy-4.a {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0;
}
.image-786 {
min-width: 105px;
}
.div-block-4959 {
width: 400%;
height: 500px;
background-color: #fff;
align-items: center;
display: flex;
position: absolute;
bottom: 50%;
}
.div-block-4680-copy-copy-copy {
color: #fff;
background-color: #141414;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 15px 35px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.div-block-4960 {
width: 100%;
max-width: 1380px;
}
.div-block-4961 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4962 {
width: 100%;
height: 100%;
background-color: #f1f1f1;
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-4963 {
border-top: 1px solid rgba(211, 211, 211, .3);
margin-top: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.div-block-4964 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.tag-top-2 {
font-size: 50px;
font-weight: 300;
}
.div-block-4965 {
flex-direction: row;
display: flex;
}
.text-block-524 {
font-size: 50px;
line-height: 54px;
}
.div-block-4966 {
border-left: 1px solid #e2e2e2;
border-right: 0 solid #e2e2e2;
flex-direction: column;
justify-content: flex-start;
padding-left: 50px;
padding-right: 53px;
display: flex;
}
.div-block-4966.o {
border-left-width: 0;
padding-left: 0;
padding-right: 70px;
}
.div-block-4966.last {
border-right-width: 0;
}
.div-block-4967 {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 20px;
}
.div-block-4968 {
max-width: 182px;
opacity: 1;
color: #000;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-left: 6px;
padding-right: 0;
font-size: 12px;
font-weight: 900;
line-height: 17px;
display: flex;
}
.div-block-4969 {
font-size: 11px;
font-weight: 900;
}
.div-block-4964-copy {
width: 100%;
max-width: 1380px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-columns: 1fr;
padding-top: 20px;
padding-bottom: 25px;
display: grid;
}
.text-block-525 {
letter-spacing: -1.6px;
font-size: 30px;
font-weight: 300;
}
.div-block-4970 {
background-color: #faf8f8;
border: 1px solid #e2e2e2;
border-radius: 99px;
margin-bottom: 50px;
padding: 10px;
display: flex;
box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
}
.div-block-4971 {
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(240, 240, 240, 0);
border-radius: 99px;
margin-right: 5px;
padding: 10px 30px;
font-size: 12px;
font-weight: 500;
}
.div-block-4971.active {
color: #fff;
background-color: #000;
}
.div-block-4972 {
mix-blend-mode: screen;
position: absolute;
}
.div-block-4973 {
width: 100%;
max-width: 1380px;
align-items: stretch;
display: flex;
}
.div-block-4974 {
width: 50%;
height: 100%;
position: relative;
}
.div-block-4975 {
width: 50%;
height: 100%;
min-height: 800px;
background-color: #f8f8f8;
border-radius: 12px;
justify-content: center;
align-items: center;
margin-left: 20px;
padding: 61px;
display: flex;
}
.div-block-4976 {
z-index: 10;
align-items: center;
display: flex;
position: absolute;
top: 468.297px;
left: 53%;
}
.div-block-4977 {
width: 30px;
height: 30px;
border: 2px solid #fff;
border-radius: 99px;
padding: 9px;
}
.div-block-4978 {
width: 500px;
height: 2px;
background-color: #fff;
border: 0 solid #000;
margin-left: 5px;
}
.div-block-4979 {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 99px;
}
.phone_holder-copy {
width: 100%;
height: 100%;
background-color: #fff;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.phone_holder-copy.dual {
flex-direction: row;
justify-content: flex-start;
padding: 0;
overflow: hidden;
}
.phone_holder-copy.abs {
z-index: 5;
position: absolute;
top: 0;
left: 0;
}
.phone_holder-copy.abs.a {
background-color: #f8f8f6;
}
.phone_holder-copy.min {
min-height: 900px;
background-color: #fff;
overflow: auto;
}
.phone_holder-copy.a {
padding: 0;
}
.div-block-4331-copy-copy {
width: 100%;
height: 100%;
opacity: 1;
border: 1px solid #e6e6e6;
border-radius: 24px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.video {
width: 100%;
height: 100%;
}
.background-video-113 {
z-index: 20;
width: 100%;
height: 100%;
}
.div-block-4548 {
color: #fff;
background-color: #000;
border: 1px solid #313131;
border-radius: 99px;
padding: 7px 20px;
font-size: 12px;
font-weight: 500;
}
.div-block-4549 {
opacity: .62;
color: #504f4f;
font-size: 12px;
line-height: 16px;
}
.div-block-4980 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, .9);
border-radius: 6px;
padding: 12px;
display: flex;
box-shadow: 0 2px 20px 13px rgba(0, 0, 0, .2);
}
.div-block-4981 {
width: 80px;
height: 100%;
min-height: 100%;
min-width: 80px;
border: 1px solid #e4e4e4;
border-radius: 6px;
overflow: hidden;
}
.div-block-4982 {
z-index: 5;
width: 100%;
justify-content: flex-start;
align-items: flex-end;
padding: 21px;
display: flex;
position: absolute;
bottom: 0;
}
.div-block-4547 {
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
.image-787 {
width: 100%;
height: 100%;
object-fit: cover;
}
.div-block-4983 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 16px;
display: flex;
}
.div-block-4984 {
width: 250px;
height: 400px;
background-color: #f1f1f1;
border-radius: 12px;
margin-right: 20px;
overflow: hidden;
}
.div-block-4984._4 {
width: 350px;
min-width: 300px;
position: relative;
top: 67px;
}
.div-block-4783-copy {
width: 100%;
max-width: 1600px;
background-color: #f8f8f5;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
padding: 0;
display: flex;
overflow: visible;
}
.div-block-4783-copy.luxury {
background-color: #3d3d3b;
position: relative;
top: 49px;
}
.div-block-4985 {
width: 180px;
height: 320px;
background-color: #e4e4e4;
border-radius: 12px;
margin-bottom: 10px;
overflow: hidden;
}
.div-block-4986 {
display: flex;
}
.div-block-4987 {
margin-right: 10px;
}
.div-block-4988 {
width: 85px;
height: 155px;
background-color: #d1d1d1;
border-radius: 6px;
margin-bottom: 10px;
overflow: hidden;
}
.div-block-4989 {
display: flex;
}
.div-block-4990 {
margin-right: 10px;
}
.image-788 {
width: 100%;
height: 100%;
}
.div-block-4991 {
width: 320px;
height: 100%;
background-color: #ebebeb;
border-radius: 12px;
margin-right: 10px;
overflow: hidden;
}
.image-789 {
height: 100%;
object-fit: cover;
}
.div-block-4992 {
width: 360px;
height: 600px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-4940-copy {
z-index: 100;
width: 100%;
max-width: 1380px;
display: flex;
position: absolute;
top: 183px;
}
.div-block-4993 {
width: 50%;
border-left: 1px solid #f3f3f3;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 50px;
display: flex;
}
.div-block-4994 {
border-bottom: 1px solid #ececec;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
font-weight: 300;
line-height: 36px;
display: flex;
position: relative;
}
.div-block-4994-copy {
color: #bebebe;
font-size: 12px;
line-height: 12px;
}
.home_intro-copy-copy {
width: 100%;
height: 1100px;
max-width: 1380px;
text-align: left;
border-bottom: 0 dashed #d6d6d6;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 100px;
display: flex;
overflow: hidden;
}
.div-block-4995 {
width: 22px;
height: 22px;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 10px;
font-weight: 500;
line-height: 10px;
display: flex;
position: absolute;
left: -62px;
}
.div-block-4996 {
width: 100%;
height: 500px;
}
.body-14 {
font-family: Circularxxweb, sans-serif;
}
.div-block-4997 {
width: 100%;
height: 100%;
max-width: 1380px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 100px 0 15px;
display: flex;
}
.div-block-4998 {
height: 100vh;
min-height: 90vh;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.div-block-4999 {
display: flex;
}
.div-block-3527-copy-3-copy {
color: #272727;
margin-left: 6px;
font-size: 22px;
font-weight: 500;
line-height: 36px;
display: flex;
}
.div-block-4057-copy-copy {
z-index: 1;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
font-size: 17px;
font-weight: 300;
line-height: 36px;
position: absolute;
top: -20px;
left: 0;
}
.div-block-5000 {
max-width: 900px;
padding-top: 12px;
font-size: 22px;
font-weight: 300;
line-height: 34px;
}
.div-block-4903-copy {
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #f1f1f1;
border-left: 0 solid #e6e6e6;
border-right: 0 solid #e9e9e9;
border-radius: 0;
flex-direction: column;
justify-content: flex-start;
padding: 40px 21px 40px 0;
display: flex;
position: relative;
}
.div-block-5001 {
color: #202020;
cursor: pointer;
background-color: #fff;
border: 1px solid #abadb1;
border-radius: 99px;
padding: 3px 11px;
font-size: 10px;
font-weight: 700;
}
.div-block-5001:hover {
color: #ececec;
background-color: #303030;
border-color: #414141;
}
.div-block-5001.disabled {
color: #a7a7a7;
border-color: #e6e6e6;
}
.div-block-5002 {
font-size: 16px;
display: flex;
}
.div-block-5003 {
border-top: 1px solid #d6d6d6;
margin-top: 40px;
padding-top: 40px;
}
.div-block-5004 {
padding-top: 20px;
font-size: 22px;
font-weight: 500;
}
.div-block-5005 {
width: 100%;
height: 900px;
background-color: #f8f8f8;
border-top: 1px solid #f0f0f0;
margin-top: 50px;
}
.div-block-5006 {
width: 100%;
height: 100%;
justify-content: center;
padding-top: 50px;
display: flex;
position: relative;
}
.div-block-5007 {
border-bottom: 0 solid #ebebeb;
flex-direction: column;
justify-content: flex-start;
margin-bottom: 0;
padding-bottom: 25px;
padding-right: 0;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-5008 {
color: #fff;
background-color: #016ce7;
border: 1px solid #016ce7;
border-radius: 999px;
justify-content: center;
align-items: center;
margin-top: 34px;
padding: 14px;
font-weight: 500;
display: flex;
}
.div-block-5005-copy {
width: 100%;
background-color: #f8f8f8;
background-image: linear-gradient(#f8f8f8, #fff);
border-top: 0 solid #f0f0f0;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 50px;
padding-top: 60px;
padding-bottom: 80px;
display: flex;
}
.deal_lable {
z-index: 1;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
font-size: 17px;
font-weight: 500;
line-height: 36px;
position: absolute;
top: -20px;
left: 0;
}
.div-block-5009 {
width: 100%;
border-top: 1px solid #e7e7e7;
flex-direction: row;
padding-top: 50px;
padding-right: 20px;
display: flex;
}
.div-block-5010 {
width: 100%;
max-width: 1380px;
}
.div-block-5011 {
width: 100%;
justify-content: center;
align-items: center;
padding-bottom: 60px;
display: flex;
}
.div-block-5012 {
padding: 5px 50px;
}
.div-block-5013 {
width: 100%;
border-right: 0 solid #e7e7e7;
flex-direction: column;
padding-bottom: 40px;
padding-left: 79px;
display: flex;
}
.div-block-5013.last {
width: 100%;
border-right-width: 0;
margin-right: 0;
padding-right: 0;
}
.div-block-5014 {
color: #1e1088;
padding-bottom: 15px;
}
.div-block-5014.dark {
color: #a1a1a1;
}
.div-block-5015 {
flex-direction: column;
padding-right: 20px;
display: flex;
}
.div-block-5016 {
color: #201b46;
border-bottom: 1px solid #eee;
justify-content: space-between;
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
display: flex;
}
.div-block-5016.dark {
border-bottom-color: #4b4b4b;
}
.div-block-5017 {
color: #3525ad;
background-color: #fff;
padding-right: 20px;
font-size: 20px;
font-weight: 500;
position: absolute;
top: -12px;
left: 0;
}
.div-block-5018 {
width: 60%;
min-width: 60%;
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.div-block-5019 {
margin-bottom: 0;
}
.div-block-5020 {
padding-top: 20px;
}
.div-block-3657-copy {
width: 100%;
max-width: 1435px;
align-items: flex-start;
padding-left: 20px;
padding-right: 0;
display: flex;
}
.div-block-3657-copy.solutions {
padding-left: 0;
}
.div-block-3682-copy {
width: 100%;
border: 1px solid #f1f1f1;
border-radius: 6px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 36px;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-3682-copy.desk {
background-color: rgba(247, 247, 247, 0);
padding: 0;
}
.div-block-3682-copy.mob {
padding: 23px;
}
.div-block-5021 {
width: 100%;
max-width: 800px;
padding-top: 40px;
}
.div-block-5022 {
z-index: 99;
width: 100%;
max-width: 1380px;
position: relative;
}
.div-block-5023 {
width: 100%;
justify-content: center;
align-items: flex-start;
padding-bottom: 40px;
display: flex;
}
.div-block-5024 {
width: 100%;
max-width: 1380px;
}
.div-block-3700-copy {
width: 100%;
height: 100%;
min-height: 650px;
transition: all .2s;
}
.div-block-5025 {
width: 320px;
height: 480px;
border-radius: 6px;
overflow: hidden;
}
.html-embed-29 {
width: 100%;
height: 100%;
min-height: 600px;
}
.div-block-5026 {
border: 1px solid rgba(230, 230, 230, .49);
border-radius: 6px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-right: 10px;
display: flex;
overflow: hidden;
}
.div-block-5026:hover {
border-color: #6e9ed8;
}
.div-block-5026.spaced {
border-width: 1px;
margin-top: 10px;
}
.div-block-3159 {
opacity: 0;
margin-bottom: 0;
font-family: Materialicons, sans-serif;
}
.div-block-3159.active {
opacity: 1;
color: #0f69ff;
background-color: rgba(0, 0, 0, 0);
align-items: center;
font-family: Materialicons, sans-serif;
transition: opacity .1s;
display: flex;
}
.div-block-5027 {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 10px;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.thecheckbox-2 {
width: 21px;
height: 21px;
min-height: 21px;
min-width: 21px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .05);
}
.thecheckbox-2.rect {
width: 20px;
height: 20px;
min-height: 20px;
min-width: 20px;
box-shadow: none;
border-width: 1px;
border-color: #f0f0f0;
border-radius: 3px;
}
.thecheckbox-2.rect.active {
color: #2b2b2b;
background-color: #fff;
border-color: #2162ce;
}
.div-block-5028 {
flex-direction: column;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-5028.bordered {
max-width: 729px;
border: 1px solid #e7e7e7;
border-top-width: 0;
border-radius: 0 0 6px 6px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
}
.feature_questionmark {
color: #8b8b8b;
padding: 2px 3px;
font-family: Materialicons, sans-serif;
display: none;
}
.feature_questionmark.active {
cursor: pointer;
border-radius: 99px;
padding: 4px 8px;
font-size: 16px;
display: flex;
}
.feature_questionmark.active:hover {
color: #161616;
}
.radio_ai_item {
height: 46px;
color: #474747;
cursor: pointer;
border-right: 1px solid #ebebeb;
border-radius: 3px;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
font-weight: 300;
display: flex;
}
.radio_ai_item:hover {
background-color: #f1f1f1;
}
.radio_ai_item.active {
color: #181818;
}
.radio_ai_item.last {
border-right-width: 0;
}
.div-block-3809 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 8px;
display: flex;
}
.form_container_text {
color: #444;
flex-flow: wrap;
align-items: center;
margin-bottom: 6px;
padding-right: 10px;
font-size: 13px;
font-weight: 500;
line-height: 21px;
display: flex;
position: relative;
}
.campaign_input {
min-width: 300px;
margin-top: 10px;
margin-bottom: 15px;
padding-left: 0;
padding-right: 10px;
}
.button-5-copy-copy {
width: 100%;
color: #fff;
text-align: center;
background-color: #1d1d1d;
border: 2px solid #000;
border-radius: 99px;
padding: 15px 24px;
font-family: Circularxxweb, sans-serif;
font-size: 14px;
font-weight: 500;
transition: box-shadow .2s;
box-shadow: inset 0 200px 200px 200px rgba(0, 0, 0, 0);
}
.button-5-copy-copy:hover {
box-shadow: none;
color: #1570fb;
background-color: #fff;
}
.div-block-5029 {
padding-top: 15px;
padding-bottom: 15px;
display: flex;
}
.div-block-3701-copy {
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #dadada;
border-radius: 6px;
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-3701-copy.mob {
max-width: 400px;
min-height: 900px;
background-color: #fff;
border-radius: 12px;
position: static;
overflow: auto;
}
.div-block-3657-copy-copy {
width: 100%;
max-width: 1435px;
align-items: flex-start;
padding-left: 20px;
padding-right: 0;
display: flex;
}
.div-block-3657-copy-copy.solutions {
max-width: none;
padding-left: 0;
}
.platform1 {
z-index: 20;
width: 100%;
height: 265vh;
background-color: #fff;
border: 0 solid #000;
padding: 0;
position: relative;
}
.grad1 {
z-index: 99;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(#0e0d06 2%, rgba(0, 0, 0, 0) 30%);
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.animationtrigger {
height: 265vh;
opacity: 1;
position: relative;
}
.div-block-431 {
width: 100%;
height: 440vh;
color: #000;
border: 0 solid #000;
padding-top: 0;
}
.div-block-432 {
width: 100%;
height: 100vh;
color: #fff;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
border-bottom-color: #292929;
padding-top: 0;
padding-bottom: 0;
position: -webkit-sticky;
position: sticky;
top: 0;
bottom: -100vh;
overflow: hidden;
}
.storycontainer {
z-index: 5;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.storycontainer.f4 {
height: auto;
max-width: 1380px;
justify-content: flex-start;
padding-left: 30px;
padding-right: 30px;
}
.div-block-5030 {
z-index: 20;
height: 999px;
background-color: #000;
position: relative;
}
.div-block-5031 {
z-index: 30;
width: 100%;
background-color: #fff;
justify-content: center;
align-items: center;
padding-top: 60px;
display: flex;
position: relative;
}
.div-block-5032 {
width: 100%;
background-color: #f8f8f8;
justify-content: center;
align-items: center;
padding-top: 35px;
display: flex;
}
.div-block-5032.dark2 {
background-color: #fff;
}
.div-block-5034 {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5035 {
width: 100%;
max-width: 1380px;
padding-top: 10px;
}
.div-block-5036 {
width: 50px;
}
.parallax {
width: 100%;
flex-direction: column;
display: none;
}
.parallax.active {
display: flex;
position: relative;
}
.div-block-5037 {
width: 100%;
max-width: 320px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5038 {
width: 320px;
height: 480px;
border: 1px solid #ececec;
border-radius: 6px;
}
.div-block-5039 {
width: 100%;
color: #a3a3a3;
border-bottom: 1px solid #ececec;
justify-content: space-between;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 6px;
font-size: 10px;
display: flex;
}
.nonparallax {
width: 100%;
justify-content: center;
align-items: center;
display: none;
}
.div-block-5041 {
width: 100%;
border-top: 1px solid #eee;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 5px;
font-size: 10px;
}
.div-block-5042 {
width: 35%;
height: 100%;
justify-content: flex-end;
padding-bottom: 50px;
display: flex;
}
.div-block-5043 {
width: 50px;
margin-right: 20px;
}
.div-block-5044 {
width: 16px;
min-width: 16px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
justify-content: center;
align-items: center;
margin-left: 20px;
margin-right: 20px;
display: flex;
position: relative;
}
.div-block-5045 {
width: 1px;
height: 100%;
background-color: #dfdfdf;
overflow: hidden;
}
.div-block-5046 {
width: 100%;
height: 100%;
background-color: #555;
position: relative;
top: -100%;
}
.spacer1 {
height: 30vh;
}
.div-block-5047 {
z-index: 50;
width: 100%;
border: 0 solid #000;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.ttu {
width: 100%;
height: 100%;
}
.ttu._600 {
width: 340px;
height: 600px;
}
.ttu._600._660 {
height: 663px;
}
.ttu._600._1 {
background-color: #f1f1f1;
border-radius: 6px;
}
.ttu._600._350 {
width: 350px;
height: 660px;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
}
.ttu._600.full {
width: 100%;
height: 100%;
min-height: 685px;
justify-content: center;
align-items: flex-start;
display: flex;
}
.ttu._1600-copy {
width: 340px;
height: 600px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.ttu._1600-copy._660 {
height: 663px;
}
.ttu._1600-copy._1 {
background-color: #f1f1f1;
border-radius: 6px;
}
.ttu._600 {
width: 340px;
height: 600px;
background-color: #f8f8f6;
border: 0 solid #000;
justify-content: center;
align-items: center;
display: flex;
}
.ttu._600.wide {
width: 970px;
height: 250px;
}
.ttu._600.transparent {
background-color: rgba(248, 248, 246, 0);
}
.ttu._600 {
width: 340px;
height: 600px;
background-color: #fff;
border: 0 solid #000;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5048 {
width: 100%;
position: absolute;
top: 0;
}
.div-block-5049 {
color: #3c3c3d;
background-color: #fff;
padding-right: 10px;
font-size: 17px;
font-weight: 300;
position: absolute;
top: -11px;
left: 0;
}
.div-block-5050 {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.div-block-5051 {
width: 1px;
height: 100%;
background-color: #fff;
}
.div-block-5052 {
width: 26px;
height: 120px;
border: 1px solid #cfcfcf;
border-radius: 99px;
}
.div-block-5053 {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(90deg)rotateZ(0);
}
.div-block-5054 {
display: flex;
}
.div-block-5055 {
width: 26px;
height: 100px;
background-color: #fff;
border: 1px solid #c5c5c5;
border-radius: 99px;
position: absolute;
}
.div-block-5056 {
margin-right: 5px;
font-family: Materialicons, sans-serif;
}
.div-block-5057 {
width: 100%;
max-width: 1380px;
justify-content: space-between;
padding-top: 25px;
display: flex;
}
.div-block-5058 {
width: 100%;
height: 100%;
max-width: 1380px;
justify-content: center;
align-items: flex-start;
padding: 86px 0 90px;
display: flex;
}
.div-block-5059 {
width: 65%;
min-width: 65px;
color: #2e2e2e;
padding-right: 80px;
}
.div-block-845-copy {
width: 100%;
height: 100%;
max-width: 1380px;
border: 0 solid #000;
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-845-copy.full {
max-width: 100%;
}
.div-block-5060 {
z-index: 20;
background-color: #fff;
padding: 9px;
position: absolute;
left: -4px;
transform: rotate(-90deg);
}
.div-block-5061 {
color: #9e9e9e;
white-space: nowrap;
background-color: #fff;
padding: 0 9px;
font-size: 11px;
position: absolute;
top: 1px;
}
.div-block-5062 {
width: 100%;
max-width: 1380px;
}
.div-block-5063 {
width: 65%;
min-height: 80vh;
min-width: 65%;
background-color: #fff;
border-top: 1px solid #e2e2e2;
padding: 29px 29px 200px 0;
}
.div-block-5064 {
border-bottom: 0 solid #e9e9e9;
padding-bottom: 0;
padding-right: 60px;
}
.div-block-5065 {
width: 100%;
height: 100vh;
justify-content: center;
align-items: center;
font-family: Suisseintl, sans-serif;
font-size: 70px;
font-weight: 100;
display: flex;
}
.div-block-5066 {
width: 50%;
}
.div-block-5067 {
width: 50%;
padding: 116px;
}
.div-block-5068 {
font-size: 25px;
font-weight: 300;
line-height: 36px;
}
.div-block-5069 {
border-top: 1px solid rgba(211, 211, 211, .3);
margin-top: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.image-790 {
width: 70px;
}
.div-block-5070 {
flex-direction: column;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-5071 {
width: 100%;
border-bottom: 0 solid #f3f3f3;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 50px;
display: flex;
overflow: visible;
}
.div-block-5072 {
margin-right: 20px;
}
.text-block-526 {
z-index: 20;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(94deg, #1835f4, #f7198b 98%);
-webkit-background-clip: text;
background-clip: text;
position: relative;
}
.allchapters-copy {
z-index: 90;
width: 100%;
max-width: 1400px;
border: 0 solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 120px 20px 0;
display: flex;
position: relative;
}
.div-block-5073 {
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.div-block-5074 {
border-left: 1px solid #e6e6e6;
align-items: flex-end;
margin-left: 30px;
padding-left: 10px;
line-height: 14px;
display: flex;
}
.div-block-3527-copy-4 {
font-size: 22px;
font-weight: 300;
line-height: 36px;
display: flex;
}
.div-block-5075 {
width: 100%;
height: 100%;
max-width: 1380px;
border: 0 solid #000;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-5076 {
color: #fff;
background-color: #000;
border: 1px solid #313131;
border-radius: 99px;
padding: 7px 20px;
font-size: 12px;
font-weight: 500;
}
.div-block-5077 {
color: #2435ef;
padding-top: 13px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.div-block-5077:hover {
color: #363636;
}
.first_screen-4 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 100px;
display: flex;
}
.first_screen-4.active {
width: 100%;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-3526-copy-2 {
z-index: 5;
max-width: 1200px;
color: #303030;
letter-spacing: -2px;
font-size: 70px;
font-weight: 300;
line-height: 80px;
position: relative;
}
.div-block-5078 {
margin-bottom: 10px;
font-size: 24px;
font-weight: 500;
}
.div-block-5079 {
color: #fff;
text-align: center;
padding: 10px 20px;
font-size: 20px;
text-decoration: none;
}
.div-block-5079.w--current {
text-align: center;
}
.right-arrow-4 {
justify-content: center;
align-items: center;
padding-top: 45px;
display: flex;
right: -120px;
}
.div-block-5080 {
width: 600px;
min-width: 600px;
letter-spacing: -1.8px;
margin-top: 15px;
margin-bottom: 10px;
font-size: 56px;
font-weight: 300;
line-height: 70px;
}
._12div-block-3532-copy {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
bottom: 54px;
left: -117%;
}
.text-block-527 {
white-space: nowrap;
margin-top: 1px;
font-weight: 500;
position: static;
}
.div-block-5081 {
width: 100%;
justify-content: flex-end;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
display: flex;
}
.div-block-5082 {
width: 100%;
padding-left: 30px;
}
.div-block-5083 {
width: 100%;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 80px;
display: flex;
}
.c1 {
max-width: 255px;
}
.div-block-5084 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.div-block-5085 {
justify-content: flex-start;
align-items: center;
margin-top: 15px;
display: flex;
}
.content_types_button-2 {
width: 400px;
color: #3d3d3d;
cursor: pointer;
border-bottom: 1px solid #ececec;
margin-left: 0;
padding: 24px 22px 24px 20px;
font-size: 17px;
font-weight: 300;
line-height: 34px;
text-decoration: none;
position: relative;
}
.content_types_button-2:hover {
color: #000;
background-color: #f8f8f8;
}
.content_types_button-2.active {
font-weight: 500;
display: flex;
}
.content_types_button-2.active.first {
width: 400px;
border-top: 1px solid #ececec;
border-bottom-style: solid;
}
.content_types_button-2.active.last {
border-bottom-width: 0;
}
.div-block-5086 {
height: 320px;
border-radius: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.background-video-6 {
z-index: 2;
width: 100%;
height: 100%;
}
.div-block-5087 {
opacity: .62;
color: #504f4f;
font-size: 12px;
line-height: 16px;
}
.image-791 {
width: 80px;
}
.image-792 {
width: 100%;
height: 100%;
object-fit: cover;
}
.div-block-5088 {
width: 100%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, .9);
border-radius: 6px;
padding: 12px;
display: flex;
box-shadow: 0 2px 20px 13px rgba(0, 0, 0, .2);
}
.image-793 {
height: 100%;
object-fit: cover;
}
.div-block-4019-copy {
width: 100%;
height: auto;
min-height: auto;
background-color: #f8f8f6;
border: 1px solid #f1f1f1;
border-radius: 16px;
align-items: flex-end;
padding-top: 50px;
padding-bottom: 0;
padding-left: 40px;
position: relative;
overflow: hidden;
}
.div-block-5089 {
width: 80px;
height: 100%;
min-height: 100%;
min-width: 80px;
border: 1px solid #e4e4e4;
border-radius: 6px;
overflow: hidden;
}
.div-block-5090 {
width: 100%;
height: 115px;
border-radius: 2px;
overflow: hidden;
}
.div-block-5091 {
height: 100%;
max-width: 970px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0;
padding-right: 54px;
transition: all .5s;
display: flex;
position: relative;
}
.div-block-5092 {
z-index: 5;
width: 100%;
justify-content: flex-start;
align-items: flex-end;
padding: 21px;
display: flex;
position: absolute;
bottom: 0;
}
.div-block-5093 {
font-size: 22px;
font-weight: 300;
line-height: 38px;
}
.div-block-5094 {
border: 1px solid #ebebeb;
border-radius: 10px;
overflow: hidden;
}
.image-726 {
height: 400px;
object-fit: cover;
}
.div-block-5095 {
flex-direction: row;
display: flex;
}
.text-block-528 {
font-size: 50px;
line-height: 54px;
}
.div-block-5096 {
width: 250px;
height: 250px;
background-color: #f1f1f1;
border-radius: 12px;
margin-bottom: 20px;
overflow: hidden;
}
.div-block-5096._2 {
height: 400px;
}
.div-block-5096._0 {
height: 150px;
position: relative;
overflow: hidden;
}
.div-block-5097 {
width: 50px;
height: 50px;
min-height: 50px;
min-width: 50px;
background-color: #fff;
border: 1px solid #8f7b7b;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.div-block-5097:hover {
filter: invert(4%);
}
.div-block-5097.st {
filter: none;
border: 1px solid #e9e9e9;
position: static;
}
.div-block-5097.st:hover {
border-width: 1px;
}
.div-block-5098 {
align-items: flex-end;
display: flex;
}
.div-block-5099 {
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
.div-block-5100 {
border-left: 1px solid #e2e2e2;
border-right: 0 solid #e2e2e2;
flex-direction: column;
justify-content: flex-start;
padding-left: 50px;
padding-right: 53px;
display: flex;
}
.div-block-5100.o {
border-left-width: 0;
padding-left: 0;
padding-right: 70px;
}
.div-block-5100.last {
border-right-width: 0;
}
.image-794 {
width: 160px;
min-width: 140px;
}
.div-block-5101 {
font-size: 7px;
position: absolute;
top: -6px;
right: -11px;
}
.div-block-5102 {
color: #afafaf;
letter-spacing: .6px;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 11px;
font-weight: 500;
}
.div-block-5103 {
max-width: 600px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-5104 {
justify-content: center;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.slider-4 {
width: 100%;
height: 100%;
max-width: 340px;
}
.div-block-5105 {
width: 350px;
height: 650px;
min-width: 330px;
background-color: #f1f1f1;
border-radius: 12px;
margin-right: 20px;
overflow: hidden;
}
.image-718 {
height: 100%;
object-fit: cover;
}
.div-block-5106 {
z-index: 1;
position: relative;
}
.site_body_text-6 {
z-index: 10;
width: 50%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.site_body_text-6.left {
color: #353535;
padding-right: 50px;
}
.html-embed-21-copy {
width: 340px;
height: 620px;
border-radius: 12px;
overflow: hidden;
}
.div-block-5107 {
border: 1px solid #e7e7e7;
border-width: 1px 0;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 20px;
}
.div-block-5108 {
width: 100%;
height: 1px;
background-image: linear-gradient(to right, #fff, rgba(3, 3, 3, .13) 45%);
}
.div-block-5109 {
color: #161616;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-5109:hover {
color: #2435ef;
}
.div-block-5109.invisible {
display: none;
}
.div-block-5110 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
overflow: hidden;
}
.left-arrow-3 {
justify-content: center;
align-items: center;
padding-top: 45px;
display: flex;
left: -119px;
}
.div-block-4491 {
margin-left: 3px;
padding-top: 1px;
font-family: Materialicons, sans-serif;
font-size: 14px;
}
.slide-3 {
background-color: #f7f7f7;
}
.div-block-5111 {
display: flex;
}
.div-block-5112 {
width: 500px;
height: 500px;
border: 1px solid #f1f1f1;
border-radius: 999px;
position: absolute;
}
.div-block-5112._2 {
width: 750px;
height: 750px;
border-width: 0;
}
.div-block-5112.s {
background-color: rgba(239, 242, 245, 0);
}
.image-795 {
width: 25px;
filter: invert();
}
.div-block-5113 {
display: flex;
}
.div-block-5114 {
margin-top: 10px;
margin-bottom: 8px;
font-size: 18px;
font-weight: 500;
display: flex;
}
.div-block-4553 {
width: 50%;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.c2 {
max-width: 255px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 20px;
margin-right: 10px;
display: flex;
}
.div-block-5115 {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.image-796 {
width: 100%;
height: 100%;
object-fit: cover;
}
.image-797 {
height: 100%;
object-fit: cover;
}
.image-798 {
width: 20px;
opacity: .56;
margin-left: 3px;
}
.image-798.q {
margin-left: 0;
margin-right: 3px;
transform: rotate(180deg);
}
.div-block-4488-copy {
max-width: 500px;
padding-top: 50px;
font-size: 22px;
font-weight: 300;
line-height: 36px;
position: relative;
}
.div-block-5116 {
width: 100%;
color: #303030;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-right: 2px;
padding: 15px;
text-decoration: none;
}
.div-block-5116:hover {
background-color: rgba(247, 247, 247, .3);
border-width: 1px;
border-color: rgba(199, 199, 199, 0);
}
.div-block-5117 {
z-index: 5;
width: 40px;
height: 40px;
color: #1f1f1f;
background-color: #fff;
border-radius: 99px;
justify-content: center;
align-items: center;
font-family: Materialicons, sans-serif;
display: flex;
position: absolute;
top: 63px;
left: 182px;
}
.html-embed-30 {
width: 100%;
height: 100%;
}
.div-block-5118 {
width: 116px;
min-width: 116px;
margin-right: 20px;
}
.div-block-5118.last {
margin-right: 0;
}
.div-block-5119 {
color: #1a1a1a;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 16px;
display: flex;
}
.div-block-5120 {
width: 250px;
height: 400px;
background-color: #f1f1f1;
border-radius: 12px;
margin-right: 20px;
overflow: hidden;
}
.div-block-5120._4 {
width: 350px;
min-width: 300px;
position: relative;
top: 67px;
}
.div-block-5120._0 {
width: 350px;
background-color: #fff;
border: 1px solid #e9e9e9;
align-items: center;
display: flex;
}
.div-block-5120._3 {
height: 420px;
min-width: 250px;
border: 1px solid #f0f0f0;
position: relative;
top: -74px;
}
.image-719 {
height: 100%;
object-fit: cover;
}
.div-block-5121 {
width: 100%;
max-width: 0;
min-width: 400px;
border-right: 1px solid #e2e2e2;
padding: 25px 50px;
}
.image-799 {
width: 20px;
min-width: 20px;
transform: rotate(180deg);
}
.image-799.inv {
opacity: .68;
filter: invert();
margin-left: -8px;
}
.div-block-5122 {
max-width: 182px;
opacity: 1;
color: #000;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-left: 6px;
padding-right: 0;
font-size: 12px;
font-weight: 900;
line-height: 17px;
display: flex;
}
.div-block-5123 {
margin-bottom: 5px;
font-size: 22px;
font-weight: 500;
}
.div-block-5124 {
width: 74px;
height: 20px;
min-height: 20px;
min-width: 74px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/624c20b7df99b3a0d2aba15b_glamour-part.svg");
background-position: 0 0;
background-size: auto;
}
.div-block-5125 {
width: 100%;
max-width: 1380px;
}
.div-block-5126 {
z-index: 105;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background-color: rgba(255, 255, 255, .95);
border-bottom: 1px solid #f0f0f0;
justify-content: center;
align-items: center;
padding-left: 30px;
padding-right: 30px;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
}
.div-block-5126.t {
background-color: rgba(243, 242, 238, .95);
}
.div-block-5127 {
margin-top: 20px;
display: flex;
}
.text-block-530 {
font-weight: 500;
}
.div-block-5128 {
border: 1px solid #ebebeb;
border-radius: 10px;
overflow: hidden;
}
.home_intro-2 {
width: 100%;
max-width: 1380px;
text-align: left;
border-bottom: 0 dashed #d6d6d6;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 20px;
display: flex;
}
.div-block-5129 {
z-index: 99;
margin-top: 12px;
margin-left: 7px;
display: flex;
position: absolute;
top: 42px;
left: 0;
}
.div-block-5129.a {
top: 12px;
}
.div-block-5130 {
font-size: 11px;
font-weight: 900;
}
.div-block-5131 {
z-index: 1;
background-color: #fff;
padding-right: 10px;
font-size: 18px;
font-weight: 300;
line-height: 36px;
position: absolute;
top: -22px;
left: 0;
}
.div-block-5131.t {
background-color: rgba(255, 255, 255, 0);
}
.image-800 {
width: 15px;
}
.div-block-2479-copy-copy-copy {
z-index: 30;
width: 100%;
max-width: 1360px;
grid-column-gap: 16px;
grid-row-gap: 16px;
opacity: 1;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
grid-template-rows: repeat(auto-fit, minmax(40px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(20px, 80px));
grid-auto-columns: minmax(140px, 1fr);
justify-content: space-between;
padding: 80px 0;
display: grid;
position: relative;
}
.div-block-5132 {
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
font-size: 13px;
display: flex;
}
.image-801 {
width: 100%;
object-fit: cover;
position: relative;
}
.div-block-5133 {
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 99px;
margin-right: 30px;
overflow: hidden;
}
.tag-top-3 {
letter-spacing: -2px;
font-size: 50px;
font-weight: 100;
}
.div-block-5134 {
height: 100%;
}
.div-block-5135 {
z-index: 5;
width: 110%;
align-items: center;
margin-top: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
top: 22px;
left: -7%;
}
.div-block-5136 {
justify-content: center;
align-items: center;
margin-left: 6px;
display: flex;
}
.div-block-4490-copy {
margin-bottom: 20px;
}
.div-block-5137 {
text-align: center;
letter-spacing: -.6px;
justify-content: center;
align-items: center;
padding: 95px;
font-size: 40px;
font-weight: 300;
line-height: 58px;
display: flex;
}
.text-block-531 {
max-width: 960px;
}
.div-block-5138 {
width: 100%;
max-width: 1380px;
border-bottom: 0 solid #e7e7e7;
padding-bottom: 0;
}
.topmenu-5 {
z-index: 1001;
width: 100%;
height: 95px;
border: 0 solid #000;
border-bottom-color: #ebebeb;
justify-content: center;
align-items: center;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-5139 {
height: 100%;
padding-bottom: 3px;
}
.nwsproductdemo-3 {
z-index: 15;
width: 100%;
height: 100%;
min-height: 100%;
border: 0 solid #c9c9c9;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.nwsproductdemo-3.hide-scrollbar {
border-width: 0;
border-color: #e9e6e6;
border-radius: 2px;
}
.nwsproductdemo-3.hide-scrollbar._67 {
height: 600px;
min-height: auto;
border-radius: 12px;
}
.image-802 {
width: 100%;
height: 100%;
object-fit: cover;
}
.div-block-5140 {
letter-spacing: -.5px;
font-size: 18px;
}
.div-block-5141 {
padding-bottom: 200px;
}
.div-block-5142 {
width: 65%;
flex-direction: column;
padding: 20px;
display: flex;
}
.div-block-5142.second {
position: relative;
top: 150px;
}
.div-block-5143 {
width: 35%;
padding: 220px 20px 20px;
}
.div-block-5144 {
flex-direction: column;
padding: 60px 25px 25px;
display: flex;
}
.div-block-5145 {
width: 100%;
height: 650px;
background-color: #f8f8f8;
border-radius: 12px;
overflow: hidden;
}
.body-15 {
background-color: #f3f2ee;
flex-direction: column;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.div-block-5146 {
color: #9e9e9e;
font-size: 22px;
font-weight: 300;
line-height: 36px;
}
.div-block-5147 {
max-width: 700px;
padding: 27px 27px 27px 0;
}
.div-block-5148 {
width: 100%;
display: flex;
}
.div-block-5149 {
width: 100%;
height: 760px;
background-color: #f8f8f8;
border-radius: 12px;
}
.text-block-526-copy {
z-index: 20;
position: relative;
}
.div-block-5143-copy {
width: 35%;
padding: 20px;
position: relative;
top: -188px;
}
.div-block-5150 {
color: #000;
padding-bottom: 1px;
font-family: Suisseintl, sans-serif;
font-size: 50px;
font-weight: 300;
line-height: 50px;
display: flex;
}
.div-block-5151 {
z-index: 20;
background-color: #f8f8f8;
justify-content: center;
align-items: flex-start;
margin-top: 0;
padding: 140px 24px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-5152 {
width: 100%;
height: 100%;
max-width: 500px;
min-height: 600px;
min-width: 500px;
color: #383838;
background-color: #fff;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 47px;
font-size: 20px;
font-weight: 300;
line-height: 32px;
display: flex;
}
.div-block-5153 {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.div-block-5154 {
max-width: 400px;
margin-left: 40px;
}
.div-block-5154.double {
max-width: 600px;
}
.div-block-5155 {
width: 100%;
height: 1px;
background-color: #e6e6e6;
}
.div-block-5156 {
justify-content: center;
align-items: center;
margin-top: 40px;
padding: 28px 0;
display: flex;
position: relative;
}
.div-block-5157 {
height: 400px;
min-width: 400px;
background-color: #fff;
border-radius: 12px;
}
.div-block-5157.double {
min-width: 600px;
border-radius: 12px;
}
.div-block-5158 {
width: 100%;
flex-direction: column;
padding: 19px;
font-weight: 300;
display: flex;
}
.div-block-5159 {
align-items: flex-start;
padding: 5px 0 19px;
font-size: 20px;
line-height: 32px;
display: flex;
}
.div-block-5160 {
text-transform: none;
padding: 22px 0 0;
font-size: 20px;
font-weight: 700;
line-height: 26px;
text-decoration: none;
}
.div-block-5161 {
width: 65px;
height: 65px;
background-color: #f8f8f8;
border: 1px solid #ddd;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.image-803 {
width: 22px;
transform: rotate(180deg);
}
.text-span-78 {
font-size: 16px;
}
.div-block-5162 {
padding: 100px 11px;
}
.div-block-5163 {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#3e19b9 5%, #ff2424 85%);
-webkit-background-clip: text;
background-clip: text;
margin-left: 6px;
font-family: Materialicons, sans-serif;
font-size: 15px;
}
.div-block-5164 {
padding-bottom: 0;
transition: all .4s;
display: flex;
}
.image-804 {
width: 100%;
object-fit: cover;
}
.image-805 {
height: 100%;
object-fit: cover;
}
.div-block-5165 {
width: 100%;
margin-right: 20px;
}
.div-block-5166 {
width: 50%;
padding-top: 850px;
}
.div-block-5167 {
width: 100%;
max-width: 1380px;
align-items: flex-start;
padding-top: 50px;
display: flex;
}
.div-block-5168 {
width: 100%;
background-color: #f3f2ee;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.div-block-5168.black {
color: #cfcfcf;
background-color: #141028;
}
.div-block-5169 {
font-size: 22px;
font-weight: 300;
line-height: 36px;
display: inline;
position: relative;
}
.div-block-5170 {
width: 100%;
height: 1000px;
min-height: 1000px;
min-width: 1px;
background-color: #f8f8f8;
border-radius: 12px;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-5171 {
height: 1000px;
background-color: #f8f8f8;
border-radius: 12px;
margin-top: 35px;
overflow: hidden;
}
.div-block-5172 {
width: 220px;
height: 220px;
min-width: 220px;
float: right;
letter-spacing: -.6px;
border: 0 solid #ddd;
border-left: 1px solid #e2e2e2;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
margin-bottom: 5px;
margin-left: 15px;
padding: 0 0 0 25px;
font-weight: 500;
display: flex;
}
.text-block-536 {
font-size: 24px;
}
.div-block-5173 {
padding-left: 150px;
position: relative;
}
.div-block-5174 {
z-index: 10;
height: 90%;
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
top: 183px;
left: -49px;
}
.div-block-5175 {
width: 1px;
height: 100%;
background-color: #ddd;
}
.div-block-5176 {
width: 15px;
height: 15px;
border: 1px solid #e0e0e0;
border-radius: 99px;
}
.div-block-5177 {
padding-right: 53px;
}
.div-block-5178 {
font-size: 22px;
font-weight: 300;
line-height: 36px;
position: relative;
}
.div-block-5179 {
padding-left: 150px;
padding-right: 150px;
position: relative;
}
.div-block-5180 {
width: 100%;
height: 600px;
}
.div-block-5180-copy {
width: 100%;
height: 100%;
background-color: #000;
border-radius: 6px;
overflow: hidden;
}
.div-block-5181 {
z-index: 5;
width: 100%;
height: 100%;
position: absolute;
}
.div-block-5182 {
width: 450px;
position: absolute;
}
.div-block-5183 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5184 {
width: 129px;
height: 229px;
border-radius: 3px;
margin-bottom: 5px;
overflow: hidden;
}
.background-video-114 {
z-index: 3;
width: 100%;
height: 100%;
}
.div-block-5185 {
flex-direction: column;
margin-right: 5px;
display: flex;
}
.div-block-5186 {
width: 100%;
height: 800px;
background-color: #f8f8f8;
border-radius: 12px;
}
.div-block-5187 {
width: 100%;
max-width: 1380px;
}
.div-block-5188 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 89px 25px 0;
display: flex;
position: relative;
}
.div-block-5189 {
height: 100%;
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
top: 100px;
}
.chapters_1 {
width: 100%;
flex-direction: column;
display: flex;
}
.div-block-5191 {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-5191.second {
padding-top: 159px;
}
.div-block-5192 {
letter-spacing: -1.2px;
padding-left: 0;
padding-right: 50px;
font-size: 65px;
font-weight: 300;
line-height: 80px;
position: relative;
}
.introduction {
width: 100%;
min-width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 0;
display: flex;
}
.introduction.spaced {
padding-bottom: 60px;
}
.div-block-5194 {
font-size: 13px;
font-weight: 900;
}
.div-block-5195 {
color: #353535;
white-space: nowrap;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
padding: 4px 60px;
font-size: 14px;
font-weight: 400;
line-height: 36px;
display: flex;
}
.div-block-5196 {
align-items: center;
margin-top: 16px;
display: flex;
}
.div-block-5197 {
width: 100%;
height: 1px;
background-color: #d6d6d6;
}
.div-block-5198 {
max-width: 540px;
min-width: 550px;
border-top: 0 solid #f0f0f0;
flex-direction: column;
padding-left: 50px;
padding-right: 49px;
display: flex;
position: relative;
}
.div-block-5199 {
width: 50px;
height: 24px;
min-height: 24px;
min-width: 24px;
color: #000;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 7px;
font-size: 10px;
font-weight: 700;
display: flex;
position: absolute;
top: 5px;
left: -64px;
}
.div-block-5199.black {
color: #e2e2e2;
background-color: rgba(35, 31, 58, 0);
border-width: 1px;
border-color: rgba(195, 255, 247, .18);
}
.div-block-5199.black._1 {
width: 90px;
left: -103px;
}
.div-block-5199.black._2 {
width: 70px;
left: -85px;
}
.div-block-5199.reg {
background-color: #f8f8f5;
border-color: #ada2a2;
}
.div-block-5200 {
border-bottom: 1px solid #ececec;
margin-bottom: 30px;
padding-bottom: 30px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
position: relative;
}
.div-block-5200.last {
border-bottom-width: 0;
}
.div-block-5200.black {
color: #c9c9c9;
border-bottom-color: #222;
}
.div-block-5201 {
width: 1px;
height: 100%;
background-color: #dadada;
position: relative;
overflow: hidden;
}
.div-block-5202 {
width: 15px;
height: 50px;
border: 1px solid #817faf;
border-radius: 99px;
}
.div-block-5203 {
width: 100%;
height: 100%;
background-color: #817faf;
position: absolute;
top: -50%;
}
.div-block-5204 {
width: 25%;
height: 801px;
max-width: 333px;
min-width: 25%;
background-color: #f8f8f5;
border-radius: 12px;
justify-content: center;
align-items: center;
margin-right: 20px;
padding: 0;
display: flex;
overflow: hidden;
}
.div-block-5205 {
display: flex;
position: relative;
}
.div-block-5161-copy {
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #bebebe;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.div-block-5206 {
width: 24%;
max-width: 23%;
min-width: 24%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.div-block-5207 {
min-height: 480px;
background-color: #231f3a;
border-radius: 16px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-5207.first {
height: 50%;
margin-bottom: 20px;
}
.image-806 {
max-width: 260px;
border-radius: 16px;
}
.div-block-5207-copy {
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #d3d3d3;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 39px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
display: flex;
}
.div-block-5207-copy.first {
height: 50%;
margin-bottom: 20px;
}
.image-807 {
width: 100%;
height: 100%;
object-fit: cover;
}
.navigation {
width: 100%;
opacity: 0;
white-space: nowrap;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 50px;
padding-bottom: 50px;
transition: opacity .2s;
display: flex;
position: relative;
}
.navigation.active {
opacity: 1;
padding-bottom: 40px;
}
.div-block-5209 {
color: #181818;
cursor: pointer;
border: 1px solid #dbdbdb;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 7px;
padding: 7px 50px;
font-size: 12px;
font-weight: 500;
display: flex;
}
.div-block-5209.active {
color: #e2e2e2;
background-color: #000;
border-color: #131313;
}
.div-block-5209.black {
color: #b3b3b3;
cursor: pointer;
border-color: #424242;
}
.div-block-5209.black.active {
color: #222121;
background-color: #c3fff7;
border-color: #c3fff7;
}
.div-block-5210 {
display: flex;
}
.maintimeline {
width: 100%;
height: 1px;
background-color: silver;
position: relative;
overflow: hidden;
}
.maintimeline.black {
z-index: 23;
height: 1px;
background-color: rgba(165, 165, 165, .47);
}
.div-block-5212 {
font-size: 20px;
line-height: 34px;
}
.div-block-5213 {
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
left: -100%;
}
.div-block-5213.white {
background-color: #363636;
left: -100%;
}
.div-block-5204-copy {
width: 50%;
height: 800px;
min-width: 50%;
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5204-copy.black {
width: 49%;
max-width: 49%;
min-width: 49%;
background-color: #231f3a;
padding-bottom: 40px;
position: relative;
overflow: hidden;
}
.div-block-5204-copy.black-copy {
width: 49%;
max-width: 49%;
min-width: 49%;
background-color: #231f3a;
padding-bottom: 40px;
position: relative;
overflow: visible;
}
.text-span-79 {
font-weight: 500;
}
.mediawrapper {
width: 100%;
min-width: 100%;
grid-column-gap: 20px;
align-items: flex-start;
transition: all .6s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative;
}
.mediawrapper.demo {
left: -7364px;
}
.div-block-5215 {
flex-direction: column;
display: flex;
}
.div-block-5216 {
flex-direction: column;
padding-right: 20px;
display: flex;
}
.div-block-5217 {
width: 25px;
border: 1px solid #d3d3d3;
border-radius: 999px;
}
.div-block-5218 {
width: 1px;
height: 100%;
background-color: #ddd;
}
.platform1-2 {
z-index: 20;
width: 100%;
height: 265vh;
border: 0 solid #000;
padding: 0;
display: none;
position: relative;
}
.animationtrigger-2 {
height: 265vh;
opacity: 1;
position: relative;
}
.div-block-5219 {
width: 100%;
height: 440vh;
color: #000;
border: 0 solid #000;
padding-top: 0;
}
.div-block-5220 {
width: 100%;
height: 100vh;
color: #fff;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #000;
border-bottom-color: #292929;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
bottom: -100vh;
overflow: hidden;
}
.media_carousel_container {
z-index: 2;
width: 100%;
max-width: 1380px;
padding-bottom: 150px;
display: flex;
position: relative;
}
.div-block-5222 {
color: #fff;
font-size: 600px;
line-height: 600px;
position: absolute;
}
.div-block-5223 {
width: 180px;
height: 310px;
border-radius: 2px;
margin-right: 10px;
overflow: hidden;
}
.div-block-5223.last {
background-color: rgba(219, 187, 187, .05);
margin-right: 0;
}
.div-block-5223.last.half {
width: 80px;
}
.div-block-5223.blank {
background-color: rgba(177, 152, 152, .14);
}
.div-block-5223.blank.half {
width: 200px;
}
.div-block-5224 {
margin-bottom: 10px;
display: flex;
}
.div-block-5224.last {
margin-bottom: 10px;
}
.div-block-5224-copy {
height: 160px;
display: flex;
}
.nwsproductdemo-4 {
z-index: 15;
width: 100%;
height: 100%;
min-height: 100%;
border: 0 solid #c9c9c9;
position: relative;
top: auto;
left: auto;
overflow: hidden;
}
.nwsproductdemo-4.hide-scrollbar {
border-width: 0;
border-color: #e9e6e6;
border-radius: 2px;
}
.nwsproductdemo-4.hide-scrollbar._67 {
height: 600px;
min-height: auto;
border-radius: 12px;
}
.html-embed-31 {
width: 100%;
height: 100%;
overflow: hidden;
}
.div-block-5225 {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-5226 {
letter-spacing: -.6px;
font-size: 28px;
line-height: 38px;
}
.div-block-5227 {
font-size: 20px;
font-weight: 300;
line-height: 34px;
}
.div-block-5228 {
width: 100%;
background-color: #fff;
border-radius: 16px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5228.black {
background-color: #47436c;
padding: 0;
position: relative;
overflow: hidden;
}
.div-block-5229 {
width: 100%;
padding: 9px;
display: flex;
}
.div-block-5230 {
width: 85px;
height: 85px;
border: 1px solid #dfdfdf;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.div-block-5231 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-5232 {
padding-top: 5px;
font-size: 12px;
font-weight: 500;
}
.div-block-5233 {
width: 100%;
max-height: 100%;
max-width: 100%;
border-radius: 99px;
overflow: hidden;
}
.div-block-5234 {
width: 100%;
padding: 18px;
display: flex;
}
.div-block-5235 {
width: 88px;
border-radius: 6px;
margin-right: 10px;
overflow: hidden;
}
.div-block-5225-copy {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.image-808, .image-809 {
height: 100%;
object-fit: cover;
}
.div-block-5236 {
height: 100%;
max-width: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 44px;
padding-right: 25px;
display: flex;
}
.div-block-5237 {
height: 20px;
border-bottom: 1px solid #e4e4e4;
align-items: center;
font-size: 16px;
font-weight: 900;
display: flex;
overflow: hidden;
}
.text-block-537 {
margin-right: 5px;
font-family: NoeTextRegular, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 14px;
}
.div-block-5238 {
padding-top: 9px;
padding-left: 0;
font-size: 16px;
font-weight: 300;
line-height: 26px;
}
.text-span-80 {
font-style: italic;
}
.text-block-538 {
letter-spacing: -.6px;
font-family: NoeTextSemibold, sans-serif;
font-size: 20px;
font-weight: 500;
}
.aa111 {
height: 100%;
max-width: 100%;
background-color: #fff;
border: 0 solid #8d8d86;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 35px;
padding-right: 20px;
display: flex;
}
.aa111.black {
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
padding-left: 35px;
padding-right: 20px;
position: relative;
}
.aa111.dark2 {
background-color: rgba(13, 18, 53, .23);
}
.aa111.black-copy {
width: 350px;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
justify-content: center;
padding-top: 0;
padding-left: 35px;
padding-right: 20px;
position: absolute;
}
.aa111.black-copy-copy {
z-index: 30;
width: 400px;
height: auto;
min-width: 420px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 0;
border-color: rgba(141, 141, 134, .07);
border-radius: 12px;
justify-content: center;
padding: 50px 20px 50px 50px;
position: absolute;
top: 98px;
right: -485px;
}
.aa111._22 {
z-index: 30;
width: 450px;
height: auto;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 0;
border-color: rgba(141, 141, 134, .11);
border-radius: 12px;
justify-content: center;
padding: 50px 20px 50px 50px;
position: absolute;
top: 211px;
left: -380px;
}
.aa111._33 {
z-index: 30;
width: 380px;
height: auto;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 0;
border-color: rgba(141, 141, 134, .11);
border-radius: 12px;
justify-content: center;
padding: 25px 20px 25px 50px;
position: absolute;
bottom: 195px;
right: -249px;
}
.aa111.black-copy-copy-copy {
z-index: 30;
width: 400px;
height: auto;
min-width: 420px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 0 0 0 1px;
border-color: rgba(141, 141, 134, .11) rgba(141, 141, 134, .11) rgba(141, 141, 134, .11) rgba(141, 141, 134, .23);
border-radius: 0;
justify-content: center;
padding: 25px 20px 25px 50px;
position: absolute;
bottom: 223px;
right: -753px;
}
.thebox1 {
width: 24%;
height: 801px;
max-width: 333px;
min-width: 24%;
background-color: #fff;
border: 0 solid #e0e0e0;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
overflow: hidden;
}
.thebox1.black {
width: 100%;
height: 80%;
max-width: 100%;
min-width: 100%;
color: #a5a5a5;
background-color: #c3fff7;
}
.thebox1.border {
border-width: 1px;
border-color: rgba(165, 165, 165, .24);
}
.thebox1.dark {
color: #f5f5f5;
background-color: #353532;
}
.thebox1.transparent {
width: 100%;
height: 70%;
max-width: 100%;
min-width: 100%;
color: #a5a5a5;
background-color: rgba(195, 255, 247, 0);
}
.div-block-5239 {
width: 100%;
overflow: hidden;
}
.div-block-5240 {
width: 100%;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.div-block-5241 {
width: 100%;
max-width: 1380px;
justify-content: space-between;
display: flex;
}
.swiper-scrollbar {
width: 100%;
height: 10px;
color: #ac8d8d;
background-color: rgba(148, 137, 137, .5);
margin-bottom: 10px;
}
.div-block-5242 {
width: 360px;
}
.div-block-5243 {
width: 85px;
height: 151px;
border-radius: 2px;
margin-right: 8px;
overflow: hidden;
}
.div-block-5243.last {
margin-right: 0;
}
.div-block-5243.small {
width: 65px;
height: auto;
}
.div-block-5244 {
margin-bottom: 5px;
display: flex;
}
.div-block-5244.last {
margin-bottom: 7px;
}
.div-block-5223-copy {
width: 160px;
margin-right: 16px;
overflow: hidden;
}
.div-block-5223-copy.last {
margin-right: 0;
}
.topreg {
width: 84px;
border-radius: 6px;
margin-right: 10px;
overflow: hidden;
}
.content_controls {
z-index: 25;
height: 25px;
min-width: 50px;
color: #a59898;
cursor: pointer;
background-color: #141028;
border: 1px solid rgba(172, 172, 172, .45);
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 3px 15px;
transition: all .25s;
display: flex;
position: absolute;
left: 12%;
}
.content_controls:hover {
color: #333;
background-color: #fff;
border-color: #fff;
}
.content_controls._1 {
z-index: 50;
left: 20%;
}
.content_controls._2 {
left: 26%;
}
.content_controls._2.white.done {
color: #3a3a3a;
border-color: #757575;
}
.content_controls._3 {
z-index: 25;
cursor: pointer;
left: 65%;
}
.content_controls.done {
background-color: #141028;
border-width: 2px;
border-color: #fff;
transition-duration: .1s;
}
.content_controls.white {
color: #141414;
background-color: #f8f8f5;
border-color: rgba(92, 88, 88, .71);
left: 14%;
}
.content_controls.white:hover {
color: #ececec;
background-color: #1a1a1a;
border-color: #313131;
}
.content_controls.white.done {
background-color: #f8f8f5;
border-width: 2px;
border-color: #2b2b2b;
}
.content_controls.white._1 {
z-index: 25;
left: 29%;
}
.content_controls.white.a1 {
left: 49%;
}
.content_controls.white.a2 {
left: 78%;
}
.content_controls.white.a2-copy {
left: 90%;
}
.content_controls.white._5 {
left: 64%;
}
.content_controls.white._1-copy {
z-index: 25;
left: 35%;
}
.content_controls._0 {
left: 0%;
}
.content_controls._15 {
left: 85%;
}
.content_controls._22 {
left: 65%;
}
.content_controls._6 {
z-index: 25;
cursor: pointer;
left: 50%;
}
.content_controls._3 {
left: 26%;
}
.content_controls._3.white {
left: 49%;
}
.content_controls._3.white.done {
color: #3a3a3a;
border-color: #757575;
}
.content_controls._4 {
left: 26%;
}
.content_controls._4.white {
left: 84%;
}
.content_controls._4.white.done {
color: #3a3a3a;
border-color: #757575;
}
.content_controls._13-copy {
z-index: 25;
cursor: pointer;
left: 65%;
}
.div-block-5246 {
width: 100%;
height: 1px;
background-color: rgba(165, 165, 165, .47);
border-radius: 99px;
}
.div-block-5246.done {
display: none;
}
.div-block-5246.white {
background-color: silver;
}
.div-block-5247 {
z-index: 25;
width: 1px;
height: 9px;
background-color: #595663;
position: absolute;
right: 0;
}
.div-block-5247._0 {
z-index: 19;
background-color: rgba(182, 182, 182, .81);
left: 0;
right: auto;
}
.div-block-5248 {
z-index: 26;
width: 69px;
height: 69px;
min-height: 69px;
min-width: 69px;
opacity: 1;
cursor: grab;
background-color: #141028;
border: 3px solid #fff;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 14px;
display: flex;
position: absolute;
left: 0%;
}
.div-block-5248:hover {
opacity: 1;
border-color: #c3fff7;
}
.div-block-5248.white {
z-index: 28;
color: #f3f2ee;
background-color: #f8f8f5;
border-color: #444;
}
.image-810 {
width: 35px;
opacity: .76;
filter: invert();
transform: rotate(180deg);
}
.div-block-5249 {
z-index: 2;
width: 100%;
height: 100%;
background-color: #141028;
border: 2px solid #f7f7f7;
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-5250 {
width: 100%;
height: 1px;
opacity: .18;
background-color: #d6d6d6;
position: absolute;
}
.image-811 {
width: 30px;
opacity: 1;
filter: invert();
}
.image-811.white {
opacity: .43;
filter: none;
}
.image-811.rev {
filter: none;
}
.div-block-5251 {
width: 100%;
min-width: 100%;
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.div-block-5251._300 {
width: 100%;
min-width: 216%;
}
.div-block-5251._300.hidden {
display: flex;
}
.div-block-5251._200 {
width: 200%;
min-width: 200%;
justify-content: flex-start;
position: relative;
}
.div-block-5251._150 {
min-width: 120%;
padding-left: 550px;
}
.div-block-5251._50 {
width: 50%;
min-width: 50%;
}
.div-block-5251.reporting1 {
width: 165%;
height: 100%;
min-width: 165%;
color: #c4c4c4;
align-items: center;
padding: 0 33px 0 144px;
}
.div-block-5251.middle {
align-items: center;
}
.div-block-5251._150-copy {
height: 800px;
min-width: 140%;
align-items: center;
padding-left: 800px;
}
.explorelabel {
opacity: 0;
text-transform: uppercase;
background-color: #141028;
padding-left: 3px;
padding-right: 3px;
font-size: 11px;
font-weight: 500;
transition: all .2s;
position: absolute;
top: 20.5px;
right: -64.2188px;
}
.explorelabel.reversed {
left: -63.1719px;
right: auto;
}
.explorelabel.dragging {
opacity: 0;
}
.explorelabel.white {
color: #b3b3b3;
background-color: #f8f8f5;
}
.thelabel1 {
opacity: 0;
color: #cfcfcf;
border: 1px solid rgba(194, 192, 192, .28);
border-radius: 14px;
padding: 2px 20px;
font-size: 14px;
transition: all .2s;
display: none;
position: absolute;
top: -36px;
}
.thelabel1.active {
opacity: 1;
color: rgba(207, 207, 207, .71);
border-width: 0;
border-color: #000;
border-radius: 0;
font-weight: 300;
display: flex;
}
.thelabel1.white {
color: #4d4d4d;
}
.thelabel1.white.active {
color: #8b8b8b;
}
.checker {
font-family: Materialicons, sans-serif;
font-size: 10px;
display: none;
}
.checker.done {
color: #fff;
font-size: 13px;
display: flex;
}
.checker.white.done {
color: #181818;
}
.div-block-5204-copy-copy {
width: 50%;
height: 800px;
min-width: 50%;
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5204-copy-copy.black {
width: 100%;
max-width: 100%;
min-width: 100%;
background-color: #231f3a;
align-items: flex-start;
padding-left: 30px;
overflow: hidden;
}
.div-block-5252 {
grid-column-gap: 10px;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5253 {
width: 180px;
border-radius: 3px;
overflow: hidden;
}
.div-block-5254 {
color: #242424;
letter-spacing: -.3px;
font-size: 27px;
line-height: 38px;
}
.div-block-5254.light {
color: rgba(195, 255, 247, .92);
}
.div-block-5254.a {
color: #f3f2ee;
}
.text-block-539 {
opacity: .61;
border-bottom: 0 solid #bbb;
margin-bottom: 4px;
font-size: 17px;
font-weight: 300;
line-height: 22px;
}
.div-block-5255 {
color: #fff;
background-color: #231f3a;
border-radius: 99px;
margin-bottom: 5px;
padding: 4px 25px 4px 15px;
font-size: 13px;
font-weight: 700;
}
.div-block-5255.reverse {
color: #231f3a;
background-color: #c3fff7;
}
.div-block-5255.light {
color: #e4e4e4;
background-color: rgba(195, 255, 247, .15);
}
.div-block-5255.yellow {
color: #222;
background-color: #ddb2b2;
}
.div-block-5255.ai {
color: #2c2c2c;
background-color: #fff;
border-radius: 99px;
padding-left: 15px;
padding-right: 25px;
font-weight: 700;
}
.div-block-5255.ai.transformed {
transform: rotate(-90deg);
}
.div-block-5255.ai-copy {
color: #2c2c2c;
background-color: #f3f2ee;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 99px;
padding-left: 20px;
padding-right: 55px;
font-weight: 700;
}
.div-block-5255.ai-copy.transformed {
transform: rotate(-90deg);
}
.bottomline {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 59px;
left: 0;
}
.bottomline._2 {
z-index: 1;
height: 60px;
bottom: 29px;
}
.bottomline._0 {
bottom: 58px;
}
.bottomline._22 {
z-index: 20;
height: 60px;
bottom: -121px;
}
.bottomline.a123 {
z-index: 1;
bottom: 40px;
}
.bottomline.a12 {
bottom: 40px;
}
.div-block-5257 {
z-index: 1;
width: 100%;
height: 1px;
background-color: rgba(35, 31, 58, .21);
position: relative;
}
.div-block-5257.light {
background-color: rgba(202, 248, 242, .1);
}
.div-block-5257.shifted {
background-color: rgba(202, 248, 242, .1);
left: 264px;
}
.div-block-5257.shifted._1 {
width: 300%;
left: -92px;
}
.div-block-5257.ai {
background-color: rgba(176, 175, 185, .21);
}
.div-block-5257.a {
background-color: rgba(35, 31, 58, .1);
}
.div-block-5258 {
z-index: 5;
background-color: #c3fff7;
margin-bottom: 2px;
padding: 11px;
position: absolute;
right: 63px;
}
.div-block-5258.blue {
background-color: #231f3a;
}
.div-block-5258.blue._2 {
background-color: #140f28;
}
.div-block-5258.white {
background-color: #fff;
}
.div-block-5258.new {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, .21);
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
left: 46px;
right: auto;
}
.div-block-5258.blue2 {
background-color: #47436c;
}
.div-block-5258.dark {
background-color: #140e28;
}
.div-block-5258.transparent {
width: 50px;
height: 50px;
background-color: rgba(35, 31, 58, 0);
border: 1px solid rgba(224, 224, 224, .19);
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5258.transparent._2 {
background-color: #140f28;
}
.div-block-5258.ai1 {
background-color: #f3f2ee;
left: 30px;
right: auto;
}
.div-block-5258.ai3 {
background-color: #f8f8f6;
left: 30px;
right: auto;
}
.image-799-copy {
width: 16px;
min-width: 16px;
opacity: .58;
}
.image-799-copy.invert {
filter: invert();
}
.image-799-copy.invert._2 {
width: 12px;
min-width: 12px;
}
.div-block-5259 {
width: 10px;
height: 10px;
min-height: 10px;
min-width: 10px;
opacity: .46;
border: 1px solid #c3fff7;
border-radius: 99px;
}
.div-block-5260 {
z-index: 6;
width: 100%;
height: 1px;
background-color: rgba(202, 248, 242, .1);
position: absolute;
bottom: 58px;
left: -100%;
}
.div-block-5260._2 {
background-color: rgba(255, 255, 255, .15);
bottom: 58px;
left: auto;
right: -100%;
}
.div-block-5261 {
z-index: 5;
width: 100%;
height: 920px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #140f28;
position: absolute;
bottom: 0;
right: -100%;
}
.div-block-5261.left {
bottom: 0;
left: -100%;
right: auto;
}
.div-block-5261.left.invisible, .div-block-5261.hidden {
display: none;
}
.div-block-5262 {
width: 100%;
height: 100%;
position: relative;
}
.div-block-5263 {
display: flex;
}
.div-block-5255-copy {
color: #fff;
background-color: #231f3a;
border-radius: 99px;
margin-bottom: 5px;
margin-right: 5px;
padding: 4px 14px;
font-size: 14px;
}
.div-block-5255-copy.reverse {
color: #231f3a;
background-color: #c3fff7;
}
.div-block-5264 {
width: 100%;
height: 100%;
background-color: #140f28;
position: absolute;
overflow: hidden;
}
.html-embed-7 {
height: 100%;
display: block;
}
.div-block-5204-copy-copy {
width: 50%;
height: 800px;
min-width: 50%;
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5204-copy-copy.black {
width: 100%;
height: 560px;
max-width: 100%;
min-width: 100%;
background-color: rgba(35, 31, 58, 0);
align-items: center;
padding: 0;
position: relative;
overflow: hidden;
}
.div-block-5265 {
width: 74%;
max-width: 74%;
min-width: 74%;
grid-row-gap: 20px;
flex-direction: column;
display: flex;
}
.div-block-5266 {
width: 100%;
height: 222px;
grid-row-gap: 20px;
background-color: #2a243d;
border-radius: 12px;
flex-direction: column;
display: flex;
}
.div-block-5267 {
width: 50%;
height: 26px;
opacity: .96;
justify-content: flex-end;
align-items: flex-start;
margin-top: 5px;
margin-right: 16px;
display: flex;
}
.div-block-5268 {
z-index: 9999;
flex-direction: row;
padding-left: 6px;
display: flex;
position: relative;
}
.div-block-140-copy {
width: 12%;
height: 2px;
opacity: 1;
background-color: #c2c2c2;
border-radius: 0;
margin-left: 0;
margin-right: 3px;
}
.div-block-140-copy.inactive {
height: 3px;
opacity: .3;
background-color: #d8d8d8;
}
.div-block-140-copy.active {
height: 3px;
background-color: rgba(255, 255, 255, .81);
}
.image-85-copy-2 {
max-width: 21px;
margin-right: 16px;
}
.systemlayer {
z-index: 999;
width: 100%;
height: 20%;
background-image: linear-gradient(rgba(0, 0, 0, .63), rgba(26, 26, 26, 0) 88%);
padding: 6px;
display: flex;
position: absolute;
top: 0;
}
.div-block-5236-copy-copy {
height: 100%;
max-width: 100%;
border: 0 solid #8d8d86;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 44px;
padding-right: 25px;
display: flex;
}
.div-block-5236-copy-copy.black {
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
padding-left: 35px;
padding-right: 20px;
position: relative;
}
.div-block-5236-copy-copy.dark2 {
background-color: rgba(13, 18, 53, .23);
}
.div-block-5269 {
z-index: 20;
background-color: #ebebeb;
border: 1px solid rgba(221, 221, 221, 0);
border-radius: 99px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 9px;
display: flex;
position: absolute;
right: 20px;
}
.div-block-5270 {
width: 25px;
}
.div-block-5271 {
width: 36px;
height: 36px;
min-height: 36px;
min-width: 36px;
opacity: 1;
color: #050505;
cursor: pointer;
border: 1px solid rgba(211, 211, 211, .51);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding: 8px;
display: flex;
}
.div-block-5271:hover {
filter: invert();
background-color: #fff;
}
.div-block-5271.last {
opacity: 1;
margin-bottom: 0;
}
.div-block-5271.count {
color: #fff;
background-color: #c71313;
border-color: #c71313;
}
.image-812 {
width: 20px;
filter: invert();
}
.div-block-5272 {
display: flex;
}
.div-block-5273 {
letter-spacing: .2px;
white-space: nowrap;
font-size: 10px;
font-weight: 500;
}
.div-block-5274 {
padding-left: 5px;
padding-right: 5px;
position: relative;
}
.div-block-5275 {
font-size: 17px;
font-weight: 300;
position: absolute;
top: 47px;
}
.text-block-540 {
text-transform: uppercase;
}
.div-block-5276 {
z-index: 22;
max-width: 700px;
color: #fff;
cursor: pointer;
background-color: rgba(19, 19, 19, .08);
border: 1px solid rgba(197, 197, 197, .1);
border-radius: 12px;
padding: 25px 36px 30px;
font-size: 19px;
font-weight: 400;
line-height: 26px;
display: flex;
position: absolute;
bottom: 216px;
left: 43.594px;
}
.div-block-5276:hover {
background-color: rgba(44, 44, 44, .5);
border-color: rgba(197, 197, 197, .18);
}
.image-799-copy-copy {
width: 16px;
min-width: 16px;
opacity: 1;
filter: invert();
transform: rotate(180deg);
}
.image-799-copy-copy.invert {
filter: invert();
}
.div-block-5258-copy {
z-index: 5;
background-color: #c3fff7;
margin-bottom: 2px;
padding: 11px;
position: absolute;
right: 63px;
}
.div-block-5258-copy.blue {
background-color: #231f3a;
}
.div-block-5258-copy.white {
background-color: #fff;
}
.div-block-5258-copy.new {
height: 50px;
color: #0e0e0e;
background-color: #fff;
border: 1px solid rgba(255, 255, 255, .21);
border-radius: 99px;
justify-content: center;
align-items: center;
padding-left: 60px;
padding-right: 60px;
font-size: 15px;
font-weight: 300;
display: flex;
left: 156px;
right: auto;
}
.image-799-copy-copy-copy {
width: 18px;
min-width: 18px;
opacity: 1;
margin-right: 6px;
}
.image-799-copy-copy-copy.invert {
filter: invert();
}
.div-block-5277 {
width: 60px;
height: 60px;
cursor: pointer;
background-color: #ebebeb;
border: 1px solid rgba(231, 231, 231, .44);
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 160px;
right: 17px;
}
.div-block-5277:hover {
filter: invert();
}
.image-813 {
width: 36px;
}
.thesystemlayer-copy {
z-index: 999;
width: 100%;
height: 20%;
background-image: linear-gradient(rgba(0, 0, 0, .63), rgba(26, 26, 26, 0) 88%);
padding: 8px 8px 6px;
display: flex;
position: absolute;
top: 0;
}
.div-block-5278 {
z-index: 20;
width: 168px;
opacity: 0;
transition: opacity .3s;
position: absolute;
top: -111.641px;
}
.div-block-5278.active {
opacity: 1;
}
.image-814 {
width: 100%;
filter: invert();
}
.image-814.rev {
filter: none;
}
.div-block-5279 {
z-index: 20;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
left: -100%;
}
.div-block-5280 {
width: 5000px;
height: 3px;
background-color: rgba(180, 180, 180, .1);
}
.text-block-541 {
font-size: 54px;
line-height: 54px;
}
.tag-top-4 {
font-size: 50px;
font-weight: 300;
}
.div-block-5281 {
opacity: .85;
border-top: 1px solid rgba(211, 211, 211, .3);
margin-top: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.div-block-5282 {
flex-direction: row;
display: flex;
}
.div-block-5283 {
grid-column-gap: 16px;
grid-row-gap: 16px;
opacity: .78;
color: #dadada;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-columns: 1fr;
display: flex;
}
.div-block-5284 {
border-left: 0 solid #e2e2e2;
border-right: 0 solid #e2e2e2;
flex-direction: column;
justify-content: flex-start;
padding-left: 0;
padding-right: 20px;
display: flex;
}
.div-block-5284.last {
border-left-width: 0;
border-right-width: 0;
padding-left: 0;
}
.div-block-5284.o {
border-left-width: 0;
margin-bottom: 40px;
padding-left: 0;
padding-right: 20px;
}
.div-block-5285 {
max-width: 182px;
opacity: 1;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-left: 13px;
padding-right: 0;
font-size: 13px;
font-weight: 500;
line-height: 21px;
display: flex;
}
.div-block-5286 {
opacity: .5;
font-size: 12px;
font-weight: 700;
}
.div-block-5258-copy {
z-index: 5;
background-color: #c3fff7;
margin-bottom: 2px;
padding: 11px;
position: absolute;
right: 63px;
}
.div-block-5258-copy.blue {
background-color: #231f3a;
}
.div-block-5258-copy.white {
background-color: #fff;
}
.div-block-5258-copy.new {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, .21);
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
left: 97px;
right: auto;
}
.div-block-5258-copy.blue2 {
color: rgba(207, 207, 207, .49);
cursor: pointer;
background-color: #47436c;
border: 0 solid rgba(235, 235, 235, .15);
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 0 3px;
font-size: 14px;
font-weight: 300;
display: flex;
right: 33px;
}
.div-block-5258-copy.blue2:hover {
color: #fff;
border-color: rgba(235, 235, 235, .8);
}
.text-block-542 {
margin-right: 10px;
}
.div-block-5259-copy {
width: 10px;
height: 10px;
min-height: 10px;
min-width: 10px;
opacity: .46;
border: 1px solid #ddd;
border-radius: 99px;
}
.text-block-543 {
margin-right: 10px;
}
._1div-block-5258-copy-copy {
z-index: 5;
background-color: #c3fff7;
margin-bottom: 2px;
padding: 11px;
position: absolute;
right: 63px;
}
._1div-block-5258-copy-copy.blue {
background-color: #231f3a;
}
._1div-block-5258-copy-copy.white {
background-color: #fff;
}
._1div-block-5258-copy-copy.new {
height: 50px;
color: #0e0e0e;
background-color: #fff;
border: 1px solid rgba(255, 255, 255, .21);
border-radius: 99px;
justify-content: center;
align-items: center;
padding-left: 60px;
padding-right: 60px;
font-size: 15px;
font-weight: 300;
display: flex;
right: 20px;
}
._1div-block-5258-copy-copy.new-copy {
height: 50px;
color: #fff;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, .21);
border-radius: 99px;
justify-content: center;
align-items: center;
padding-left: 60px;
padding-right: 60px;
font-size: 15px;
font-weight: 300;
display: flex;
right: 20px;
}
._1div-block-5258-copy-copy.new-copy-copy {
height: 50px;
color: #fff;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, .21);
border-radius: 99px;
justify-content: center;
align-items: center;
padding-left: 60px;
padding-right: 60px;
font-size: 15px;
font-weight: 300;
display: flex;
bottom: 30px;
right: 20px;
}
.div-block-5287 {
width: 10px;
height: 10px;
border: 1px solid rgba(197, 197, 197, .41);
border-radius: 99px;
}
.storiescontainer {
width: 50%;
height: 800px;
min-width: 50%;
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.storiescontainer.black {
width: 100%;
max-width: none;
min-width: auto;
background-color: rgba(0, 0, 0, 0);
border: 0 solid #d3d3d3;
align-items: flex-start;
padding-bottom: 60px;
padding-left: 100px;
padding-right: 100px;
position: relative;
overflow: hidden;
}
.div-block-5288 {
z-index: 6;
align-items: center;
display: flex;
position: relative;
}
.div-block-5289 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
font-size: 40px;
display: flex;
}
.div-block-5290 {
grid-column-gap: 100px;
grid-row-gap: 100px;
align-items: center;
margin-left: 50px;
display: flex;
}
.div-block-5291 {
width: 250px;
position: relative;
}
.div-block-5291.large {
width: 300px;
}
.div-block-5291.small {
width: 200px;
}
.div-block-5291.medium {
width: 225px;
}
.div-block-5291.smallest {
width: 120px;
}
.div-block-5292 {
width: 100%;
opacity: .23;
align-items: center;
display: none;
position: absolute;
bottom: -33px;
}
.div-block-5293 {
width: 1px;
height: 10px;
min-width: 1px;
background-color: #e0e0e0;
}
.div-block-5294 {
width: 100%;
height: 1px;
background-color: #c4c4c4;
justify-content: center;
align-items: center;
display: flex;
}
.image-815 {
opacity: 1;
border-radius: 2px;
}
.div-block-5295 {
color: #fff;
background-color: #231f3a;
padding: 3px 6px;
font-size: 12px;
position: absolute;
bottom: -7px;
}
.div-block-5296 {
width: 300px;
height: 1px;
border-bottom: 1px solid rgba(255, 255, 255, .09);
margin-left: 20px;
position: absolute;
top: 144.656px;
}
.div-block-5296.small {
width: 100px;
}
.div-block-5297 {
color: #fff;
background-color: #140f28;
flex-direction: column;
align-items: flex-start;
margin-left: 50px;
padding-left: 20px;
font-size: 27px;
line-height: 36px;
display: flex;
position: relative;
}
.div-block-5298 {
flex-direction: column;
margin-left: 10px;
display: flex;
}
.div-block-5299 {
margin-top: 0;
margin-bottom: 10px;
display: flex;
}
.div-block-5299._3 {
opacity: .2;
}
.div-block-5299._0 {
opacity: .6;
}
.div-block-5299._1 {
opacity: .4;
}
.div-block-5299._4 {
opacity: .1;
}
.div-block-5299._5 {
opacity: .05;
}
.div-block-5300 {
max-width: 720px;
color: rgba(255, 255, 255, .56);
border-left: 1px solid rgba(255, 255, 255, 0);
margin-top: 15px;
padding-left: 84px;
font-size: 20px;
font-weight: 300;
line-height: 30px;
}
.div-block-5301 {
width: 800px;
align-items: center;
margin-top: 20px;
display: flex;
position: absolute;
bottom: -68px;
left: 319px;
}
.div-block-5302 {
width: 100%;
height: 1px;
background-color: rgba(173, 173, 173, .25);
}
.div-block-5303 {
width: 10px;
height: 10px;
min-height: 10px;
min-width: 10px;
border: 1px solid #c5c5c5;
border-radius: 9999px;
}
.div-block-5301-copy {
width: 100%;
align-items: center;
margin-top: 20px;
display: flex;
position: absolute;
top: 83px;
left: 50px;
}
.story_natv {
width: 100%;
grid-column-gap: 5px;
grid-row-gap: 5px;
background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(26, 26, 26, 0) 94%);
padding: 8px 8px 15px;
display: flex;
position: absolute;
top: 0;
}
.div-block-5305 {
width: 100%;
height: 2px;
background-color: rgba(255, 255, 255, .3);
}
.div-block-5305.active {
background-color: #c9c9c9;
}
.div-block-5306 {
margin-bottom: 20px;
position: relative;
}
.div-block-5307 {
position: relative;
left: 58px;
}
.div-block-5307.a {
left: 0;
}
.div-block-5291-copy {
width: 340px;
height: 620px;
position: relative;
}
.div-block-5291-copy.large {
width: 300px;
}
.div-block-5291-copy.small {
width: 200px;
}
.div-block-5291-copy.medium {
width: 225px;
}
.div-block-5291-copy.smallest {
width: 120px;
}
.div-block-5308 {
color: rgba(226, 226, 226, .87);
border-bottom: 1px solid rgba(192, 192, 192, .17);
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 35px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.div-block-5308.last {
border-bottom-width: 0;
padding-bottom: 0;
}
.div-block-5308.dark {
z-index: 2;
color: rgba(0, 0, 0, .87);
border-bottom-width: 0;
border-bottom-color: rgba(107, 107, 107, .17);
align-items: flex-start;
padding-bottom: 0;
padding-left: 45px;
font-weight: 300;
display: flex;
position: relative;
}
.image-816 {
width: 100%;
height: 100%;
max-height: 350px;
opacity: .73;
object-fit: cover;
}
.div-block-5309 {
width: 24%;
height: 800px;
max-width: 333px;
min-width: 24px;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.studio_window-copy {
max-width: 1380px;
justify-content: center;
align-items: center;
display: flex;
position: static;
top: -117px;
transform: scale(.7);
}
.studio_window-copy.full {
width: 100%;
max-width: none;
padding-left: 30px;
padding-right: 30px;
}
.studiowindow {
width: 40%;
min-width: 1250px;
border: 1px solid rgba(236, 236, 236, .12);
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.studiowindow._300 {
width: 100%;
min-width: 270%;
}
.div-block-5310 {
width: 100%;
height: 100%;
}
.div-block-5311 {
height: 100%;
}
.div-block-4760-copy {
width: 100%;
height: 38px;
background-color: rgba(245, 245, 245, .08);
border-bottom: 0 solid #fff;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
justify-content: space-between;
display: flex;
}
.div-block-5312 {
width: 100%;
height: 100%;
justify-content: space-between;
display: flex;
position: relative;
}
.center {
width: 100%;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.div-block-1166-copy-copy {
width: 450px;
height: 70px;
min-height: 70px;
min-width: 361px;
background-color: rgba(255, 255, 255, 0);
border: 0 solid #000;
align-items: center;
padding-left: 21px;
padding-right: 20px;
display: flex;
}
.div-block-4725-copy {
z-index: 20;
height: 70px;
background-color: rgba(255, 255, 255, 0);
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.sceneholder2-2-copy {
width: 362px;
height: 643px;
min-width: 362px;
opacity: 1;
background-color: #fff;
border-radius: 6px;
margin-right: 30px;
position: relative;
overflow: hidden;
}
.sceneholder2-2-copy.s {
width: 340px;
height: 600px;
min-width: 340px;
overflow: hidden;
}
.div-block-5313 {
width: 100%;
}
.sceneholder2-2-copy {
width: 362px;
height: 643px;
min-width: 362px;
opacity: 1;
background-color: #fff;
border-radius: 6px;
margin-right: 30px;
position: relative;
overflow: hidden;
}
.sceneholder2-2-copy.s {
overflow: visible;
}
.div-block-5314 {
width: 320px;
height: 600px;
}
.div-block-5315 {
border: 1px solid rgba(85, 79, 110, .44);
border-radius: 12px;
position: absolute;
bottom: 137px;
left: 35px;
}
.div-block-4682-copy {
filter: invert();
color: #292929;
border: 1px solid #f0f0f0;
border-radius: 6px;
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
padding: 30px 20px;
display: flex;
position: relative;
}
.div-block-4734-copy {
opacity: 1;
border-top: 1px solid rgba(148, 148, 148, .3);
padding-top: 30px;
}
.bottommenu-4-copy {
width: 100%;
opacity: .29;
flex-direction: row;
align-items: center;
display: flex;
position: static;
top: -32px;
}
.div-block-4685-copy {
width: 135px;
height: 43px;
background-color: #8899a0;
border: 1px solid #8899a0;
border-radius: 3px;
display: flex;
}
.div-block-4685-copy.v2 {
width: 145px;
height: 48px;
background-color: #fff;
border: 1px solid #bebebe;
border-radius: 3px;
align-items: center;
padding-left: 10px;
font-size: 12px;
}
.div-block-4685-copy.v2.transparent {
width: 135px;
height: 43px;
opacity: .67;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/649ec5b70f823a1091300925_tr2.jpg");
background-position: 0 0;
background-repeat: repeat-x;
background-size: contain;
background-attachment: scroll;
}
.div-block-5315-copy {
border: 1px solid rgba(85, 79, 110, .44);
border-radius: 12px;
position: absolute;
top: 35px;
right: 80px;
}
.div-block-4725-copy-copy {
z-index: 20;
height: 70px;
background-color: rgba(255, 255, 255, 0);
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-5315-copy-copy {
color: #353535;
border: 1px solid rgba(85, 79, 110, .44);
border-radius: 12px;
position: absolute;
top: -32px;
left: 35px;
overflow: hidden;
}
.div-block-4763-copy {
width: 100%;
height: 70px;
min-height: 70px;
min-width: 361px;
background-color: rgba(255, 255, 255, 0);
border: 0 solid #000;
align-items: center;
padding-left: 21px;
padding-right: 20px;
display: flex;
}
._1div-block-177-copy-2-copy {
z-index: 3;
width: 100%;
filter: invert();
background-color: rgba(255, 255, 255, 0);
border: 0 solid #f0f0f0;
border-radius: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 6px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
font-size: 12px;
font-weight: 500;
display: flex;
position: relative;
overflow: hidden;
}
._1div-block-177-copy-2-copy.xx {
display: none;
}
.div-block-4747-copy {
width: 87px;
height: 30px;
background-color: #f1f1d7;
padding-left: 6px;
display: flex;
position: absolute;
bottom: -16px;
}
.div-block-5316 {
max-width: 350px;
margin-right: 44px;
font-size: 18px;
line-height: 28px;
}
.div-block-5317 {
width: 80%;
height: 200px;
align-items: center;
display: flex;
position: absolute;
left: 0;
}
.div-block-5318 {
width: 100%;
height: 1px;
background-color: rgba(219, 219, 219, .1);
}
.div-block-5319 {
z-index: 5;
width: 340px;
height: 620px;
background-color: #332e4d;
border-radius: 3px;
position: relative;
}
.div-block-5319.abs {
background-color: #1d1835;
position: absolute;
transform: rotate(3deg);
}
.div-block-5319.abs-copy {
z-index: 3;
background-color: rgba(192, 187, 219, 0);
position: absolute;
transform: rotate(5deg);
}
.div-block-5319.light {
background-color: #fff;
}
.div-block-5319.darker {
background-color: #fff;
position: absolute;
transform: rotate(3deg);
}
.feature12 {
min-height: 300px;
background-color: #231f3a;
border-radius: 16px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.feature12.first {
height: 50%;
margin-bottom: 20px;
}
.feature12.transparent {
background-color: rgba(35, 31, 58, 0);
border: 1px solid rgba(211, 205, 205, .1);
}
.div-block-5320 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-5319-copy {
z-index: 4;
width: 350px;
height: 620px;
position: absolute;
}
.div-block-5319-copy.abs {
position: absolute;
}
.instructions {
width: 100%;
min-width: 100%;
grid-column-gap: 20px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.instructions._300 {
width: 100%;
min-width: 300%;
}
.instructions._200 {
width: 195%;
min-width: 195%;
justify-content: flex-start;
padding-left: 1400px;
position: relative;
}
.div-block-5321 {
color: #fff;
font-size: 22px;
line-height: 30px;
}
.div-block-5308-copy {
color: rgba(226, 226, 226, .68);
border-bottom: 0 solid rgba(192, 192, 192, .17);
margin-top: 5px;
margin-bottom: 10px;
font-size: 20px;
font-weight: 300;
line-height: 34px;
position: relative;
}
.div-block-5308-copy.last {
border-bottom-width: 0;
}
.div-block-5308-copy.bg {
background-color: #140f28;
}
.div-block-5308-copy.dark {
max-width: 460px;
color: rgba(24, 24, 24, .82);
padding-top: 5px;
font-size: 27px;
font-weight: 400;
line-height: 38px;
}
.div-block-5308-copy.dark.small {
max-width: 300px;
}
.div-block-5322 {
position: relative;
}
.div-block-5323 {
width: 45px;
height: 45px;
min-height: 45px;
min-width: 45px;
color: #cebfbf;
border: 1px solid rgba(201, 201, 201, .25);
border-radius: 99px;
justify-content: center;
align-items: center;
display: flex;
position: static;
left: -23px;
}
.div-block-5323.dark {
color: #222;
border-color: rgba(39, 39, 39, .25);
font-weight: 500;
}
.div-block-5324 {
width: 100%;
height: 100%;
}
.html-embed-27-copy {
width: 100%;
height: 100%;
overflow: hidden;
}
.div-block-5325 {
color: #8f8c9b;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
background-color: #231f3a;
border: 1px solid rgba(202, 248, 242, .1);
border-radius: 6px;
padding: 7px 17px;
font-size: 10px;
font-weight: 300;
position: static;
top: 13px;
left: 579px;
}
.div-block-5325:hover {
color: #000;
background-color: #fff;
}
.div-block-5325._2 {
left: 735px;
}
.div-block-5325._3 {
font-size: 10px;
left: 939px;
}
.div-block-5325._4 {
left: 1124px;
}
.div-block-5325._5 {
left: 1395px;
}
.div-block-5325.active {
color: #0e0e0e;
background-color: #fff;
}
.div-block-5325.light {
z-index: 2;
background-color: #fff;
border-color: rgba(36, 36, 36, .33);
position: relative;
top: auto;
left: auto;
}
.div-block-5325.light.active {
color: #f8f8f8;
background-color: #20201e;
border-color: rgba(26, 26, 26, .33);
}
.div-block-5204-copy-copy {
width: 50%;
height: 800px;
min-width: 50%;
background-color: #fff;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5204-copy-copy.black {
width: 49%;
max-width: 49%;
min-width: 49%;
background-color: #231f3a;
padding-bottom: 40px;
position: relative;
overflow: hidden;
}
.div-block-5204-copy-copy.black-copy {
width: 700px;
height: 900px;
max-width: 700px;
min-width: 700px;
background-color: #231f3a;
padding-bottom: 65px;
position: relative;
overflow: visible;
}
.div-block-5204-copy-copy.black-copy._2 {
z-index: 10;
}
.div-block-5204-copy-copy.light {
z-index: 25;
width: 700px;
height: 880px;
max-width: 700px;
min-width: 700px;
background-color: #fff;
padding-bottom: 65px;
position: relative;
overflow: visible;
}
.div-block-5204-copy-copy.light._2 {
z-index: 10;
}
.aa11 {
height: 100%;
max-width: 100%;
background-color: #fff;
border: 0 solid #8d8d86;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 44px;
padding-right: 25px;
display: flex;
}
.aa11.black {
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
padding-left: 35px;
padding-right: 20px;
position: relative;
}
.aa11.dark2 {
background-color: rgba(13, 18, 53, .23);
}
.aa11.black-copy {
width: 350px;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
justify-content: center;
padding-top: 0;
padding-left: 35px;
padding-right: 20px;
position: absolute;
}
.aa11.black-copy-copy {
z-index: 30;
width: 400px;
height: auto;
min-width: 420px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 1px;
border-color: rgba(141, 141, 134, .07);
border-radius: 12px;
justify-content: center;
padding: 50px 20px 50px 50px;
position: absolute;
top: 98px;
right: -485px;
}
.aa11._22 {
z-index: 30;
width: 450px;
height: auto;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 1px;
border-color: rgba(141, 141, 134, .11);
border-radius: 12px;
justify-content: center;
padding: 50px 20px 50px 50px;
position: absolute;
top: 211px;
left: -380px;
}
.aa11._33 {
z-index: 30;
width: 380px;
height: auto;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 1px;
border-color: rgba(141, 141, 134, .11);
border-radius: 12px;
justify-content: center;
padding: 25px 20px 25px 50px;
position: absolute;
bottom: 195px;
right: -249px;
}
.storyfeatures {
max-width: 400px;
border-left: 0 solid rgba(207, 207, 207, .24);
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
position: absolute;
left: 50px;
}
.storyfeatures._2 {
bottom: 132px;
left: 866px;
}
.storyfeatures._3 {
top: 129.5px;
left: 213px;
}
.storyfeatures._1 {
align-items: flex-start;
top: 68.5px;
left: 162px;
}
.storyfeatures._4 {
top: 178.5px;
left: 2303px;
}
.storyfeatures._5 {
top: 513.5px;
left: 2051px;
}
.storyfeatures._11 {
top: 532px;
left: 14px;
}
.storyfeatures._12 {
top: 153px;
left: 251px;
}
.storyfeatures._13 {
top: 450px;
left: 1204px;
}
.storyfeatures._22 {
top: 536px;
left: 1224px;
}
.storyfeatures._32 {
z-index: 22;
bottom: 47px;
left: 815px;
}
.storyfeatures.a1 {
max-width: 500px;
align-items: flex-start;
left: 162px;
}
.storyfeatures.a1-copy {
align-items: flex-start;
top: 647.5px;
left: 1000px;
}
.storyfeatures.a5 {
align-items: flex-start;
top: 165.5px;
left: 10px;
}
.storyfeatures.features1 {
z-index: 28;
width: 100%;
max-width: 500px;
flex-direction: column;
align-items: flex-start;
top: 60px;
left: 140px;
}
.storyfeatures.features1-copy {
z-index: 28;
max-width: 500px;
min-width: 500px;
align-items: flex-start;
margin-right: 100px;
position: relative;
top: 0;
left: 0;
}
.storyfeatures.race {
z-index: 28;
max-width: 500px;
min-width: 400px;
align-items: flex-start;
margin-right: 45px;
position: relative;
top: 0;
left: 0;
}
.storyfeatures.adfeatures1-copy {
z-index: 28;
width: 100%;
max-width: 380px;
flex-direction: column;
align-items: flex-start;
top: 60px;
left: 140px;
}
.div-block-5327 {
width: 100%;
height: 100%;
align-items: center;
display: flex;
position: absolute;
left: 0;
}
.div-block-5328 {
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 15px;
display: flex;
position: absolute;
top: -6px;
left: -215px;
}
.div-block-5329 {
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-5330 {
width: 100%;
height: 1px;
min-width: 100%;
background-color: rgba(194, 185, 185, .2);
}
.div-block-5330.large {
width: 300px;
background-color: rgba(194, 185, 185, 0);
background-image: linear-gradient(to right, rgba(194, 185, 185, 0), rgba(194, 185, 185, .2) 92%);
}
.div-block-5330.large.dark {
width: 200px;
min-width: 100%;
background-color: rgba(83, 83, 83, 0);
background-image: linear-gradient(to right, rgba(194, 185, 185, 0), rgba(78, 70, 70, .2) 92%);
}
.div-block-5330.dark {
width: 150%;
min-width: 150%;
background-color: rgba(83, 83, 83, .2);
}
.colored-label {
color: #242424;
background-color: #c3fff7;
border-radius: 12px;
margin-bottom: 5px;
padding: 4px 14px;
font-size: 14px;
}
.colored-label.reverse {
color: #231f3a;
background-color: #c3fff7;
}
.colored-label.light {
color: #222;
background-color: #c3fff7;
}
.colored-label.yellow {
color: #222;
background-color: #ddb2b2;
}
.colored-label._2 {
background-color: #d1ffc3;
}
.colored-label._3 {
background-color: #ffedaf;
}
.colored-label._4 {
background-color: #c3e0ff;
}
.colored-label._5 {
background-color: #ffe9e7;
}
.colored-label._4-copy {
background-color: #c3e0ff;
position: relative;
}
.colored-label.dark {
color: #fff;
background-color: #140e28;
}
.colored-label.dark.blue {
background-color: #141414;
padding-left: 25px;
padding-right: 25px;
font-size: 12px;
font-weight: 500;
}
.div-block-5331 {
width: 100%;
height: 100%;
max-height: 580px;
align-items: center;
display: flex;
position: relative;
}
._1div-block-5331-copy {
width: 100%;
height: 100%;
max-height: 580px;
border: 1px solid rgba(207, 203, 203, .38);
border-radius: 12px;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.html-embed-32 {
width: 100%;
height: 100%;
opacity: .7;
display: block;
}
.video_player {
width: 100%;
height: 100%;
border: 0 solid rgba(207, 203, 203, .38);
border-radius: 12px;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-5332 {
width: 1105px;
height: 650px;
border: 1px solid rgba(255, 255, 255, .15);
border-radius: 12px;
padding: 19px;
}
._1div-block-5258-copy-copy-copy {
z-index: 5;
background-color: #c3fff7;
margin-bottom: 2px;
padding: 11px;
position: absolute;
right: 63px;
}
._1div-block-5258-copy-copy-copy.blue {
background-color: #231f3a;
}
._1div-block-5258-copy-copy-copy.white {
background-color: #fff;
}
._1div-block-5258-copy-copy-copy.new {
height: 50px;
color: #0e0e0e;
cursor: pointer;
background-color: #fff;
border: 1px solid rgba(255, 255, 255, .21);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
padding-left: 60px;
padding-right: 60px;
font-size: 15px;
font-weight: 300;
display: flex;
position: static;
bottom: 20px;
left: 43px;
right: auto;
}
._1div-block-5258-copy-copy-copy.new:hover {
color: #f0f0f0;
background-color: #000;
}
._1div-block-5258-copy-copy-copy.new-copy {
height: 50px;
color: #fff;
cursor: pointer;
background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, .21);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 10px;
padding-left: 60px;
padding-right: 60px;
font-size: 15px;
font-weight: 300;
display: flex;
position: static;
bottom: 20px;
left: 43px;
right: auto;
}
._1div-block-5258-copy-copy-copy.new-copy:hover {
color: #f0f0f0;
background-color: #000;
}
.div-block-5333 {
margin-bottom: 10px;
font-size: 28px;
line-height: 30px;
}
.interactive_video {
height: 100%;
max-width: 100%;
background-color: #fff;
border: 0 solid #8d8d86;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 44px;
padding-right: 25px;
display: flex;
}
.interactive_video.black {
color: #fff;
background-color: rgba(246, 247, 242, 0);
padding-left: 35px;
padding-right: 20px;
position: relative;
}
.interactive_video.dark2 {
background-color: rgba(13, 18, 53, .23);
}
.interactive_video.black-copy {
width: 350px;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
justify-content: center;
padding-top: 0;
padding-left: 35px;
padding-right: 20px;
position: absolute;
}
.interactive_video.black-copy-copy {
z-index: 30;
width: 400px;
height: auto;
min-width: 420px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 0;
border-color: rgba(141, 141, 134, .07);
border-radius: 12px;
justify-content: center;
padding: 50px 20px 50px 50px;
position: absolute;
top: 98px;
right: -485px;
}
.interactive_video._22 {
z-index: 30;
width: 450px;
height: auto;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 0;
border-color: rgba(141, 141, 134, .11);
border-radius: 12px;
justify-content: center;
padding: 50px 20px 50px 50px;
position: absolute;
top: 211px;
left: -380px;
}
.interactive_video._33 {
z-index: 30;
width: 380px;
height: auto;
min-width: 350px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 0;
border-color: rgba(141, 141, 134, .11);
border-radius: 12px;
justify-content: center;
padding: 25px 20px 25px 50px;
position: absolute;
bottom: 195px;
right: -249px;
}
.interactive_video.black-copy-copy-copy {
z-index: 30;
width: 400px;
height: auto;
min-width: 420px;
color: #2b2a2a;
background-color: rgba(246, 247, 242, 0);
border-width: 0 0 0 1px;
border-color: rgba(141, 141, 134, .11) rgba(141, 141, 134, .11) rgba(141, 141, 134, .11) rgba(141, 141, 134, .23);
border-radius: 0;
justify-content: center;
padding: 25px 20px 25px 50px;
position: absolute;
bottom: 223px;
right: -753px;
}
.interactive_video1 {
width: 24%;
height: 801px;
max-width: 333px;
min-width: 24%;
background-color: #fff;
border: 0 solid #e0e0e0;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
overflow: hidden;
}
.interactive_video1.black {
width: 100%;
height: 70%;
max-width: 100%;
min-width: 100%;
color: #a5a5a5;
background-color: #c3fff7;
}
.interactive_video1.border {
border-width: 1px;
border-color: rgba(165, 165, 165, .24);
}
.interactive_video1.dark {
color: #f5f5f5;
background-color: #353532;
}
.interactive_video1.transparent {
width: 100%;
height: 70%;
max-width: 100%;
min-width: 100%;
color: #a5a5a5;
background-color: rgba(195, 255, 247, 0);
}
._1interactive_video1-copy {
width: 24%;
height: 800px;
max-width: 333px;
min-width: 24%;
background-color: #231f3a;
border: 0 solid #e0e0e0;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
overflow: hidden;
}
._1interactive_video1-copy.black {
width: 100%;
height: 70%;
max-width: 100%;
min-width: 100%;
color: #a5a5a5;
background-color: #c3fff7;
}
._1interactive_video1-copy.border {
border-width: 1px;
border-color: rgba(165, 165, 165, .24);
}
._1interactive_video1-copy.dark {
color: #f5f5f5;
background-color: #353532;
}
._1interactive_video1-copy.transparent {
width: 100%;
height: 70%;
max-width: 100%;
min-width: 100%;
color: #a5a5a5;
background-color: rgba(195, 255, 247, 0);
}
.text-block-544 {
opacity: .65;
font-size: 16px;
line-height: 25px;
}
.div-block-5327-copy {
z-index: 5;
width: 100%;
height: 100%;
align-items: center;
display: flex;
position: absolute;
left: 0;
}
.div-block-5334 {
height: 100%;
background-color: rgba(255, 255, 255, 0);
border: 0 solid rgba(255, 255, 255, .11);
border-radius: 16px;
align-items: center;
padding: 29px 100px 29px 50px;
display: flex;
position: relative;
}
._1div-block-3343-copy {
height: 600px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
right: 20px;
}
.darker12 {
opacity: .56;
}
._12div-block-5207-copy {
background-color: #231f3a;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 80px 40px 80px 30px;
display: flex;
position: relative;
overflow: hidden;
}
._12div-block-5207-copy.first {
height: 50%;
margin-bottom: 20px;
}
.text-block-545 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.text-block-545.done {
font-size: 12px;
line-height: 12px;
display: none;
}
.div-block-5335 {
width: 300px;
opacity: .66;
align-items: center;
display: flex;
position: absolute;
top: 82px;
right: -122px;
}
.div-block-5336 {
width: 12px;
height: 12px;
min-height: 12px;
min-width: 12px;
border: 1px solid rgba(216, 213, 213, .79);
border-radius: 99px;
}
.div-block-5337 {
width: 100%;
height: 1px;
min-width: 150px;
background-color: rgba(182, 182, 182, .76);
}
.div-block-5338 {
opacity: .8;
margin-left: 5px;
display: flex;
}
.div-block-5338.t {
transform: rotate(-90deg);
}
.div-block-5338.inv {
filter: invert();
}
.div-block-5339 {
z-index: 5;
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: row;
display: flex;
position: absolute;
bottom: 13px;
left: 1447.84px;
}
.btn {
color: #fff;
white-space: nowrap;
cursor: pointer;
background-color: #1654ff;
border: 1px solid #0d3bbd;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
padding: 12px 30px;
font-size: 11px;
font-weight: 500;
transition: all .6s;
display: flex;
}
.btn:hover {
background-color: #1d1d1d;
border-color: #1d1d1d;
}
.btn.white {
color: #1d1b1b;
background-color: #fff;
border-color: #c3c5c9;
}
.btn.white:hover {
color: #f0ecec;
background-color: #1d1d1d;
border-color: #1d1d1d;
}
.div-block-4045 {
border-bottom: 1px solid #bdbdbd;
flex-direction: column;
align-items: flex-start;
padding-bottom: 20px;
display: flex;
position: relative;
}
.div-block-3604 {
width: 100%;
color: #302e2e;
cursor: pointer;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 6px;
flex-direction: row;
align-items: center;
margin-bottom: 1px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
font-size: 15px;
font-weight: 500;
transition: all .3s;
display: flex;
}
.div-block-3604:hover {
background-color: #f1f1f1;
border-color: #e9e9e9;
}
.div-block-3604.invisible {
display: none;
}
.nav_items_sidebar {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: space-between;
padding-top: 0;
display: flex;
}
.div-block-3579 {
width: 100%;
flex-direction: column;
margin-bottom: 0;
padding: 20px;
display: flex;
position: relative;
}
.div-block-5340 {
width: 30px;
height: 30px;
min-width: 20px;
justify-content: center;
align-items: center;
margin-right: 5px;
padding-bottom: 0;
font-family: Materialicons, sans-serif;
font-size: 18px;
font-weight: 700;
display: flex;
}
.sidebar_one {
width: 100%;
max-width: 400px;
min-width: 200px;
border-right: 1px solid #e7e7e7;
padding: 30px;
}
.sidebar_one.dark {
max-width: 350px;
min-width: 200px;
background-image: linear-gradient(#f8f8f8 6%, #fff);
border-left: 1px solid #e7e7e7;
}
.sidebar_one.dark.d {
height: 100%;
color: #d3cfcf;
background-color: #fff;
background-image: none;
border: 0 solid #000;
border-radius: 12px;
}
.div-block-5341 {
width: 100%;
padding-top: 20px;
padding-left: 0;
padding-right: 0;
position: relative;
}
.div-block-5342 {
color: #161616;
letter-spacing: -.5px;
font-size: 37px;
font-weight: 500;
line-height: 44px;
}
.div-block-5342.d {
color: #353434;
}
.div-block-4039 {
color: #4d4d4d;
margin-top: 8px;
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.div-block-5343 {
width: 100%;
height: 793px;
max-width: 1600px;
display: flex;
overflow: hidden;
}
.div-block-5344 {
width: 100%;
flex-direction: column;
padding: 0 15px;
display: flex;
}
.image-83-copy-2-copy {
width: 13px;
max-width: 23px;
opacity: 1;
}
.div-block-5327-copy {
z-index: 1;
width: 100%;
height: 100%;
align-items: center;
display: flex;
position: absolute;
left: 0;
}
.div-block-5345 {
width: 100%;
}
.div-block-5346 {
width: 1000px;
height: 100%;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.image-817 {
filter: invert();
}
.div-block-5347 {
position: absolute;
top: -84px;
left: -53px;
}
.image-818 {
width: 200px;
filter: invert();
}
.div-block-5348 {
z-index: 10;
width: 1200px;
height: 748px;
align-items: flex-end;
display: flex;
position: relative;
overflow: visible;
}
.div-block-5349 {
width: 950px;
height: 950px;
border: 1px solid rgba(255, 255, 255, .32);
border-radius: 999px;
position: absolute;
top: 41%;
}
.div-block-5350 {
width: 30px;
height: 30px;
border: 2px solid #fff;
border-radius: 99px;
margin-right: 6px;
}
.div-block-5351 {
align-items: center;
font-weight: 300;
display: flex;
position: absolute;
bottom: 213px;
left: 25px;
}
.image-819 {
filter: invert();
position: relative;
}
.div-block-5352 {
width: 1200px;
border: 0 solid #000;
position: relative;
}
.xaxis {
width: 115%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: -10px;
}
.div-block-5354 {
width: 100%;
border-bottom: 1px dashed rgba(199, 199, 199, .5);
}
.div-block-5353-copy {
height: 115%;
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
bottom: 0;
left: -8px;
}
.div-block-5354-copy {
height: 100%;
border-bottom: 0 dashed #b39393;
border-left: 1px dashed rgba(199, 199, 199, .5);
}
.div-block-5355 {
position: relative;
right: 3px;
}
.hint {
position: absolute;
top: 612px;
left: 177px;
}
.hint._2 {
top: 360px;
left: 357px;
}
.hint._3 {
top: 607px;
left: 592px;
}
.hint._4 {
top: 402px;
left: 722px;
}
.hint._4-copy {
top: 91px;
left: 785px;
}
.hint._6 {
top: 450px;
left: 1019px;
}
.hint._7 {
top: 609px;
left: 1164px;
}
.div-block-5357 {
width: 30px;
height: 2px;
background-color: #a6f78d;
border: 0 solid #d3d3d3;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: absolute;
top: 13px;
left: -41px;
}
.div-block-5358 {
width: 50%;
height: 50%;
background-color: #fff;
border-radius: 99px;
}
.div-block-5359 {
opacity: .5;
justify-content: center;
align-items: center;
padding-top: 5px;
padding-bottom: 4px;
font-family: Kalam, sans-serif;
font-size: 16px;
font-weight: 300;
display: flex;
}
.div-block-5359-copy {
max-width: 148px;
color: #f3f3f3;
justify-content: center;
align-items: center;
font-family: Kalam, sans-serif;
font-size: 22px;
display: flex;
}
.div-block-5360 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-5361 {
width: 1px;
height: 700px;
background-color: rgba(255, 255, 255, .05);
}
.yaxis {
height: 115%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 0;
left: -8px;
}
.div-block-5362 {
font-family: Kalam, sans-serif;
font-size: 20px;
position: absolute;
top: 30.5px;
}
.div-block-5362.y {
top: 307.5px;
left: -47.1875px;
transform: rotate(-90deg);
}
.div-block-5363 {
max-width: 650px;
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 32px;
font-weight: 300;
line-height: 40px;
display: flex;
position: absolute;
top: 332px;
left: 361px;
}
.div-block-5364 {
color: rgba(107, 107, 107, .86);
border-top: 1px solid rgba(226, 226, 226, .18);
margin-top: 15px;
font-size: 14px;
}
.text-block-547 {
color: rgba(226, 226, 226, .68);
}
.div-block-5363-copy {
max-width: 550px;
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 32px;
font-weight: 300;
line-height: 40px;
display: flex;
position: absolute;
top: 87px;
left: 618px;
}
.div-block-5348-copy {
z-index: 10;
width: 1200px;
height: 700px;
align-items: flex-end;
display: flex;
position: relative;
overflow: visible;
}
.div-block-5365 {
height: 800px;
align-items: center;
display: flex;
}
.div-block-5327-copy-copy {
z-index: 1;
width: 100%;
height: 800px;
align-items: center;
display: flex;
position: absolute;
left: 0;
}
.div-block-5366 {
width: 180px;
height: 150px;
min-height: 150px;
min-width: 180px;
mix-blend-mode: multiply;
border-radius: 12px;
margin-right: 18px;
overflow: hidden;
}
.image-820 {
height: 100%;
opacity: .82;
object-fit: cover;
}
.div-block-5367 {
align-items: center;
display: flex;
position: absolute;
bottom: -43px;
left: 2px;
}
.div-block-5368 {
width: 95px;
height: 30px;
border: 1px solid rgba(228, 215, 215, .38);
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 5px;
display: flex;
}
.div-block-5368:hover {
background-color: rgba(0, 0, 0, .28);
border-color: rgba(228, 215, 215, .81);
}
.image-821 {
opacity: .54;
display: block;
transform: rotate(180deg);
}
.image-822 {
opacity: .54;
}
.text-block-548 {
color: rgba(255, 255, 255, .44);
margin-left: 6px;
font-size: 12px;
}
.reports_panel {
width: 100%;
height: 793px;
max-width: 1600px;
display: flex;
overflow: hidden;
}
.reports_panel.hidden {
display: none;
}
.div-block-5369 {
border-right: 1px solid rgba(192, 192, 192, .18);
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-right: 150px;
padding: 30px 120px 30px 90px;
display: flex;
position: relative;
}
.div-block-5370 {
opacity: .9;
color: #e2e2e2;
border-bottom: 1px solid rgba(190, 190, 190, .2);
padding-top: 9px;
padding-bottom: 9px;
font-size: 34px;
font-weight: 300;
line-height: 38px;
}
.div-block-5370._1 {
opacity: .3;
}
.div-block-5370._2 {
opacity: .4;
}
.div-block-5370._3 {
opacity: .5;
}
.div-block-5370._4 {
opacity: .6;
}
.div-block-5370._5 {
opacity: .7;
}
.div-block-5370._7, .div-block-5370._9 {
opacity: .8;
}
.div-block-5370._10 {
opacity: .7;
}
.div-block-5370._11 {
opacity: .6;
}
.div-block-5370._12 {
opacity: .5;
}
.div-block-5370._13 {
opacity: .4;
}
.div-block-5370._14 {
opacity: .3;
}
.div-block-5370._14-copy {
opacity: .2;
}
.div-block-5370.v2 {
opacity: .8;
}
.div-block-5370.v3 {
opacity: .7;
}
.div-block-5370.v4 {
opacity: .6;
}
.div-block-5370.v5 {
opacity: .5;
}
.div-block-5370.v6 {
opacity: .4;
}
.div-block-5370.x {
color: #000;
}
.div-block-5370.x.first {
letter-spacing: -1.3px;
border: 0 solid #000;
border-radius: 0;
padding: 9px 0;
font-weight: 900;
position: relative;
}
.secondpreview {
width: 100%;
height: 100%;
}
.div-block-5371 {
display: flex;
position: absolute;
bottom: 30px;
left: 43px;
}
.div-block-5372 {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
left: 0;
}
.div-block-5373 {
width: 1px;
height: 100%;
border-left: 1px solid rgba(199, 199, 199, .18);
}
.div-block-5373.a {
border-left-color: rgba(199, 199, 199, .75);
}
.div-block-5374 {
color: #6d6b6b;
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #140f28;
padding: 6px;
font-size: 11px;
font-weight: 500;
transform: rotate(90deg);
}
.div-block-5375 {
white-space: nowrap;
position: absolute;
left: -91px;
}
.image-823 {
width: 150px;
filter: invert();
}
.image-823.inv {
filter: none;
}
.div-block-5376 {
position: absolute;
top: 10px;
left: -177px;
}
.the_scene {
z-index: 10;
width: 100%;
height: 100%;
min-width: 100%;
align-items: center;
display: flex;
position: relative;
}
.the_scene._3 {
z-index: 1;
width: auto;
max-height: 780px;
min-width: 100%;
background-color: #fff;
border-radius: 16px;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 0;
padding-right: 0;
overflow: hidden;
}
.the_scene._00 {
width: 50%;
height: 100%;
max-height: 780px;
min-width: 50%;
justify-content: flex-start;
}
.the_scene.first {
z-index: 12;
max-height: 780px;
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
}
.the_scene._00-copy {
width: 100%;
max-height: 880px;
min-width: 100%;
}
.the_scene.previews {
width: 460%;
max-height: 901px;
min-width: 460%;
border-right: 1px solid rgba(0, 0, 0, .05);
padding-top: 37px;
overflow: hidden;
}
.the_scene.postpreview {
width: 60%;
height: auto;
min-height: 880px;
min-width: 60%;
font-family: Circularxxweb, sans-serif;
}
.the_scene.stage1 {
width: 250%;
min-width: 250%;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.the_scene._000 {
width: 45%;
height: auto;
min-height: 880px;
min-width: 45%;
justify-content: flex-end;
}
.div-block-5378 {
max-width: 350px;
background-color: #2b272a;
border: 1px solid #e0e0e0;
border-radius: 16px;
padding: 150px 20px 150px 35px;
}
.div-block-5379 {
z-index: 5;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .95);
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 0;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-5379.plot {
z-index: 5;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0 35px 80px 30px;
}
.div-block-5379.transparent {
z-index: 60;
background-color: rgba(255, 255, 255, 0);
padding-top: 34px;
}
.page_content-copy {
width: 100%;
}
.page_content-copy.active {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 5px 25px 100px 22px;
font-weight: 300;
transition: all .2s;
display: flex;
position: relative;
overflow: visible;
}
.div-block-4462-copy {
z-index: 5;
width: 20px;
height: 20px;
background-color: #fff;
border: 2px solid #000;
border-radius: 99px;
position: absolute;
bottom: 27px;
left: 65%;
}
.div-block-4462-copy._1 {
left: 79%;
}
.div-block-4462-copy._2 {
left: 29%;
}
.ai23 {
color: #272626;
}
.div-block-5364-copy {
color: rgba(29, 29, 29, .86);
border-top: 1px solid rgba(119, 119, 119, .18);
margin-top: 15px;
font-size: 14px;
}
._11div-block-4808-copy {
width: 100%;
height: 100%;
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.image-824 {
height: 100%;
filter: invert();
}
._11div-block-4808-copy-copy {
height: 100%;
background-color: #fff;
justify-content: center;
align-items: center;
display: flex;
position: relative;
left: 81px;
}
.div-block-5328-copy {
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 15px;
display: flex;
position: absolute;
top: -6px;
left: -101px;
}
.div-block-5363-copy {
max-width: 600px;
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 32px;
font-weight: 300;
line-height: 40px;
display: flex;
position: absolute;
top: 367px;
left: 488px;
}
.div-block-5380 {
width: auto;
height: 100%;
max-height: 780px;
min-width: 100%;
border: 1px solid rgba(182, 182, 182, .31);
border-radius: 16px;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.div-block-4464-copy {
width: 640px;
height: 100%;
border-right: 1px solid #f3f3f3;
}
.previewsholder {
height: 680px;
border: 1px solid rgba(204, 204, 204, .31);
border-radius: 12px;
padding: 26px 26px 26px 45px;
display: flex;
position: relative;
}
.div-block-5381 {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;
margin-left: 77px;
display: flex;
position: relative;
}
.html-embed-20-copy {
width: 300px;
height: 600px;
min-width: 300px;
}
.vertical_guide-copy-copy {
width: 20px;
height: 224px;
white-space: nowrap;
border: 1px solid #e0e0e0;
border-width: 1px 0;
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
top: 372px;
bottom: auto;
left: -38px;
}
.vertical_guide-copy-copy._2 {
height: 600px;
left: auto;
right: -34px;
}
.vertical_guide-copy-copy._2-copy {
height: 600px;
top: 0;
bottom: auto;
left: auto;
right: -34px;
}
.variations_panel {
width: 550px;
height: 100%;
background-color: #fff;
border-right: 1px solid #f3f3f3;
}
.variations_panel.new {
max-width: none;
transition: all .45s;
position: relative;
}
.variations_panel.new.hidden {
max-width: 0;
overflow: hidden;
}
.div-block-5382 {
max-width: 200px;
}
.ai_hint {
border: 0 solid rgba(202, 202, 202, .27);
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-left: 5px;
padding: 60px 40px 60px 0;
display: flex;
position: relative;
overflow: hidden;
}
.ai_hint.first {
height: 50%;
margin-bottom: 20px;
}
.div-block-5383 {
z-index: 1;
width: 100%;
height: 1px;
opacity: 0;
background-color: rgba(184, 184, 184, .23);
position: absolute;
bottom: 327.5px;
left: 60px;
}
.div-block-5384 {
width: 600px;
height: 100%;
min-width: 600px;
background-color: #d3d3d3;
border-radius: 16px;
overflow: hidden;
}
.div-block-5378-copy {
z-index: 2;
max-width: 750px;
color: #272727;
background-color: #fff;
border: 0 solid #e0e0e0;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 150px 100px 150px 50px;
display: flex;
position: relative;
left: -150px;
}
.div-block-5378-copy._2 {
z-index: 1;
flex-direction: column;
align-items: flex-start;
padding-top: 100px;
padding-bottom: 100px;
left: 84px;
}
.div-block-5378-copy._3 {
z-index: 0;
flex-direction: column;
align-items: flex-start;
padding-top: 100px;
padding-bottom: 100px;
left: 248px;
}
.div-block-5254-copy {
color: #242424;
letter-spacing: -.3px;
font-size: 27px;
line-height: 38px;
}
.div-block-5254-copy.light {
color: rgba(195, 255, 247, .92);
}
.div-block-5254-copy.a {
color: #f3f2ee;
font-size: 20px;
line-height: 30px;
}
._123div-block-5363-copy-copy {
max-width: 550px;
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 32px;
font-weight: 300;
line-height: 40px;
display: flex;
position: absolute;
top: 302px;
left: 483px;
}
.image-825 {
width: 100%;
}
.div-block-5385 {
color: #272727;
margin-bottom: 5px;
font-size: 30px;
line-height: 45px;
}
.div-block-5254-copy-copy {
opacity: 1;
color: #131313;
letter-spacing: -.3px;
font-size: 20px;
line-height: 33px;
}
.div-block-5254-copy-copy.light {
color: rgba(195, 255, 247, .92);
}
.div-block-5254-copy-copy.a {
color: #f3f2ee;
font-size: 20px;
line-height: 30px;
}
.div-block-5374-copy {
color: #6d6b6b;
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #f3f2ee;
padding: 6px;
font-size: 11px;
font-weight: 500;
transform: rotate(90deg);
}
.div-block-5386 {
align-items: center;
display: flex;
position: absolute;
right: -226px;
}
.div-block-5387 {
width: 250px;
height: 1px;
background-color: #dbdbdb;
}
.div-block-5388 {
width: 30px;
height: 30px;
min-height: 30px;
min-width: 30px;
border: 1px solid #e6e6e6;
border-radius: 99px;
margin-right: 0;
padding: 10px;
}
.div-block-5389 {
filter: invert();
}
.div-block-5390 {
width: 100%;
height: 100%;
background-color: #f3f2ee;
border-radius: 99px;
}
.sideinfo {
display: none;
}
.div-block-5391 {
margin-bottom: 80px;
}
.text-span-81 {
color: #0f0f0f;
letter-spacing: -2.5px;
font-weight: 900;
}
.div-block-5392 {
padding-bottom: 140px;
}
.text-span-82 {
color: #fff;
letter-spacing: -2.5px;
font-weight: 900;
}
.shoppable {
width: 100%;
background-color: #eeeef3;
border-top: 1px solid #e2e2e2;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 180px;
display: flex;
overflow: hidden;
}
.shoppable.black {
color: #cfcfcf;
background-color: #141028;
}
.div-block-5379-copy {
z-index: 5;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .58);
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 50px 40px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-5393 {
width: 100%;
min-width: 100%;
}
.div-block-3526-copy-2-copy {
z-index: 5;
max-width: 1200px;
color: #303030;
letter-spacing: -2px;
font-size: 70px;
font-weight: 300;
line-height: 80px;
position: relative;
}
.text-span-83 {
color: #000;
letter-spacing: -3.5px;
font-weight: 900;
}
.div-block-5394 {
width: 100%;
border: 1px solid #d6d6d6;
border-radius: 6px;
padding: 0;
}
.div-block-5395 {
height: 32px;
white-space: nowrap;
border-right: 1px solid #dbdbdb;
align-items: center;
padding-left: 5px;
display: flex;
overflow: hidden;
}
.variationline {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-bottom: 1px solid #e4e4e4;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-columns: 1fr;
align-content: center;
font-size: 12px;
display: grid;
}
.div-block-5339-copy {
z-index: 5;
width: 100%;
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 41px;
}
.div-block-5376-copy {
position: absolute;
bottom: 29px;
left: -145px;
}
.div-block-5257-copy {
z-index: 1;
width: 100%;
height: 1px;
background-color: rgba(35, 31, 58, .21);
position: absolute;
}
.div-block-5257-copy.light {
background-color: rgba(202, 248, 242, .1);
}
.div-block-5257-copy.shifted {
background-color: rgba(202, 248, 242, .1);
left: 264px;
}
.div-block-5257-copy.shifted._1 {
width: 300%;
left: -92px;
}
.div-block-5257-copy.ai {
background-color: rgba(176, 175, 185, .21);
}
.landing_pages-copy {
width: 100%;
height: 900px;
max-width: 900px;
background-color: #f8f8f6;
border: 1px solid #eee;
border-radius: 26px;
justify-content: center;
align-items: center;
display: none;
position: relative;
overflow: visible;
}
.landing_pages-copy.active {
max-width: none;
flex-direction: column;
display: flex;
}
.landing_pages-copy.active.nospace {
height: auto;
}
.landing_pages-copy.full {
height: 600px;
}
.landing_pages-copy.full.active, .landing_pages-copy.full.double.active {
padding-top: 40px;
padding-bottom: 40px;
}
.landing_pages-copy.active {
z-index: 2;
height: 880px;
max-width: none;
border-width: 0;
border-radius: 3px;
flex-direction: column;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.landing_pages-copy.active.wide {
height: auto;
}
.landing_pages-copy.active.nopadding {
padding: 0;
}
.landing_pages-copy.active.nopadding._100 {
height: 100%;
min-width: 100%;
flex-direction: column;
}
.landing_pages-copy.active.nopadding._100.c {
background-color: #21231d;
}
.landing_pages-copy.active.nopadding._100.inactive {
display: none;
}
.landing_pages-copy.active.nopadding._100.c-copy {
background-color: #f8f8f5;
}
.landing_pages-copy.active.transparent {
background-color: rgba(248, 248, 246, 0);
}
.div-block-5396 {
padding-right: 100px;
font-size: 36px;
font-weight: 300;
line-height: 40px;
display: flex;
}
.div-block-5397 {
z-index: 26;
background-color: rgba(255, 255, 255, .12);
border: 1px solid rgba(185, 185, 185, .55);
border-radius: 16px;
justify-content: flex-start;
align-items: center;
margin-right: 25px;
padding: 15px 150px;
display: flex;
position: relative;
left: -142px;
}
._1div-block-3956-copy-2-copy {
z-index: 25;
height: 100%;
background-color: #f8f8f6;
border: 1px solid #f0f0f0;
border-radius: 24px;
justify-content: center;
align-items: center;
padding-left: 100px;
padding-right: 100px;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
left: -206px;
overflow: hidden;
}
._1div-block-3956-copy-2-copy.large {
min-height: 100vh;
}
._1div-block-3956-copy-2-copy.large.reg {
background-color: #fff;
border-color: #e7e7e7;
padding-top: 80px;
}
._1div-block-3956-copy-2-copy.large.reg._100 {
width: 100%;
}
._1div-block-3956-copy-2-copy.large.style1 {
min-height: auto;
background-color: #fff;
border-color: #ececec;
align-items: center;
padding-top: 50px;
}
._1div-block-3956-copy-2-copy.full {
width: 100%;
}
._1div-block-3956-copy-2-copy.full.mixed {
background-color: rgba(248, 248, 246, .5);
border-color: #e2e2e2;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
._1div-block-3956-copy-2-copy.full.mixed._2 {
border-radius: 24px;
}
._1div-block-3956-copy-2-copy.wide {
width: 100%;
}
.media_nav {
z-index: 500;
position: relative;
top: 0;
}
.div-block-4521-copy {
width: 47px;
border-radius: 5px;
margin-bottom: 10px;
overflow: hidden;
}
.div-block-4521-copy.large {
width: 80px;
}
.div-block-4520-copy-copy {
height: 560px;
max-width: 100px;
min-width: 300px;
border-radius: 6px;
margin-right: 10px;
overflow: hidden;
}
.div-block-5398 {
color: #2435ef;
padding-top: 13px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.div-block-5398:hover {
color: #363636;
}
.div-block-5399 {
border-bottom: 0 solid #f5f5f5;
margin-bottom: 3px;
padding-bottom: 0;
font-size: 20px;
font-weight: 400;
}
.div-block-5400 {
padding-top: 15px;
padding-bottom: 15px;
display: flex;
overflow: hidden;
}
.div-block-5401 {
margin-left: 3px;
padding-top: 1px;
font-family: Materialicons, sans-serif;
font-size: 14px;
}
.div-block-5402 {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 5px;
padding-bottom: 15px;
font-size: 18px;
font-weight: 300;
line-height: 28px;
}
.context_window {
z-index: 30;
opacity: 1;
background-color: #fff;
border-radius: 2px;
flex-direction: column;
padding: 30px 26px;
transition: all .45s;
display: none;
position: absolute;
box-shadow: 0 0 14px 3px rgba(0, 0, 0, .14);
}
.context_window.mmm-copy {
width: 360px;
left: auto;
}
.context_window.active {
z-index: 0;
opacity: 1;
display: flex;
}
.div-block-5403 {
letter-spacing: -.5px;
font-size: 18px;
}
.div-block-5191-copy {
width: 100%;
height: 100%;
max-width: 1380px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-5191-copy.second {
padding-top: 159px;
}
.geo_result {
height: 35px;
min-height: 35px;
cursor: auto;
background-color: #f5f5f5;
border: 1px solid #eee9e9;
border-radius: 6px;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
margin-right: 10px;
padding: 0 0 0 15px;
display: flex;
}
.div-block-3833 {
color: #424242;
margin-right: 15px;
font-size: 12px;
font-weight: 500;
}
.div-block-3832 {
height: 100%;
cursor: pointer;
justify-content: center;
align-items: center;
padding-left: 8px;
padding-right: 8px;
font-family: Materialicons, sans-serif;
display: flex;
}
.div-block-3832:hover {
color: #f01818;
background-color: #d8d8d8;
}
.div-block-5404 {
padding-top: 12px;
}
.regular_budget {
height: 46px;
color: #000;
background-color: rgba(250, 250, 240, 0);
border: 1px solid #dadada;
border-radius: 6px;
margin-bottom: 0;
padding-left: 57px;
font-size: 15px;
font-weight: 300;
position: relative;
box-shadow: 0 0 6px rgba(0, 0, 0, .04);
}
.regular_budget:hover {
background-color: #fafaf0;
border-color: #a7afcf;
}
.regular_budget:focus {
color: #242424;
background-color: #fafaf0;
border-style: solid;
border-color: #6f9edd;
box-shadow: -1px 1px 8px rgba(192, 194, 165, .1);
}
.regular_budget::-ms-input-placeholder {
color: #2c2c2c;
}
.regular_budget::placeholder {
color: #2c2c2c;
}
.regular_budget.typing {
background-color: #fafaf0;
border-color: #a7afcf;
}
.regular_budget.t {
background-color: rgba(255, 255, 255, 0);
}
.div-block-3129 {
height: 30px;
color: #0a0a0a;
background-color: #f1f1f1;
border: 0 solid #ececec;
border-radius: 6px;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
font-size: 10px;
font-weight: 500;
display: flex;
position: absolute;
top: 9px;
left: 9px;
box-shadow: 0 0 2px rgba(0, 0, 0, .06);
}
.div-block-5405 {
display: flex;
}
.div-block-5406 {
min-height: 71px;
color: #080808;
background-color: #f1f1f1;
border: 0 solid #000;
border-radius: 6px;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
font-size: 15px;
font-weight: 700;
display: flex;
}
.div-block-5406.flat {
border-width: 1px 1px 0;
border-color: #e7e7e7;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 0;
padding-right: 20px;
}
.div-block-5406.flat.light {
background-color: #f8f8f8;
border-bottom-width: 1px;
border-bottom-color: #f1f1f1;
}
.div-block-5406.flat.light._2 {
height: 71px;
border-width: 1px;
border-color: #e7e7e7;
border-radius: 6px;
align-items: center;
margin-bottom: 10px;
padding-right: 0;
}
.div-block-5406.flat.light._2.active {
border-width: 0;
}
.div-block-5406.flat.light._2._3 {
opacity: .5;
}
.div-block-5406.flat.light._2._4 {
opacity: .3;
}
.div-block-5406.flat.light._2._5 {
opacity: .2;
}
.div-block-5407 {
height: 100%;
min-width: 66px;
cursor: pointer;
border-left: 1px solid rgba(122, 122, 122, .15);
justify-content: center;
align-items: center;
padding: 10px 21px;
font-family: Materialicons, sans-serif;
font-size: 20px;
display: flex;
}
.div-block-5408 {
height: 100%;
}
.div-block-5409 {
align-items: center;
display: flex;
}
.div-block-5410 {
color: #000;
background-color: #fff;
border: 1px solid #818181;
border-radius: 99px;
margin-left: 10px;
padding: 2px 10px;
font-size: 11px;
font-weight: 500;
line-height: 20px;
}
.div-block-5411 {
color: #4b4b4b;
}
._1div-block-5369-copy {
border-right: 0 solid rgba(192, 192, 192, .18);
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 15px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 50px;
display: flex;
position: relative;
}
.div-block-5412 {
letter-spacing: 0;
text-transform: uppercase;
font-size: 12px;
position: absolute;
top: -18px;
}
.div-block-5413 {
padding-left: 10px;
}
.div-block-5375-copy {
white-space: nowrap;
position: absolute;
left: -32px;
}
.div-block-5414 {
border: 1px solid #e7e7e7;
border-radius: 6px;
margin-bottom: 10px;
}
.div-block-5415 {
color: #fff;
background-color: #000;
border-radius: 2px;
padding: 3px 10px;
font-size: 11px;
font-weight: 500;
}
.div-block-5416 {
z-index: 50;
display: none;
position: absolute;
bottom: 42px;
left: 50%;
}
.div-block-5416.active {
display: flex;
}
.div-block-5416-copy {
z-index: 50;
display: none;
position: absolute;
top: 50%;
left: -57px;
transform: rotate(-90deg);
}
.div-block-5416-copy.active {
display: flex;
}
.text-span-84 {
font-weight: 900;
}
.div-block-5417 {
width: 100%;
max-width: 1380px;
}
.body-16 {
background-color: #ebece5;
}
.div-block-5379-copy {
z-index: 5;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .95);
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 50px 40px;
font-family: Circularxxweb, sans-serif;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-5379-copy.plot {
z-index: 5;
background-color: #fff;
border-radius: 0;
justify-content: flex-start;
padding: 0;
overflow: visible;
}
.div-block-5379-copy.transparent {
z-index: 60;
background-color: rgba(255, 255, 255, .85);
}
._1div-block-5416-copy {
z-index: 50;
position: absolute;
top: 131px;
left: -44px;
}
._2div-block-5416-copy-copy {
z-index: 50;
position: absolute;
top: 118px;
left: -57px;
transform: rotate(-90deg);
}
.theanimationbar {
z-index: 6;
width: 50%;
height: 100%;
background-color: #e4eff3;
border-radius: 6px;
transition: all .4s;
position: relative;
}
.theanimationbar._2 {
width: 70%;
}
.variation_item {
z-index: 2;
width: 100%;
height: 60px;
min-height: 60px;
background-color: #fff;
border: 1px solid rgba(196, 192, 192, 0);
border-radius: 6px;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
transition: all .33s ease-out;
display: flex;
position: absolute;
top: 0;
}
.variation_item:hover {
border-color: rgba(196, 192, 192, 0);
}
.div-block-5420 {
width: 100%;
height: 1px;
background-color: rgba(221, 221, 221, .6);
position: absolute;
bottom: 52px;
}
.div-block-5421 {
width: 30%;
height: 100%;
}
.div-block-5422 {
width: 100%;
}
.div-block-5423 {
z-index: 70;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 4px;
font-size: 15px;
font-weight: 300;
display: flex;
position: absolute;
left: 20px;
}
.div-block-5423-copy {
margin-right: 10px;
font-size: 15px;
font-weight: 300;
}
.div-block-5423-copy.faded {
opacity: .5;
font-size: 12px;
font-weight: 400;
}
.div-block-5424 {
z-index: 7;
width: 70%;
height: 1px;
background-color: #ccc;
border-radius: 6px;
flex-direction: row;
align-items: center;
display: flex;
position: absolute;
bottom: 0;
}
.div-block-5424._2 {
z-index: 15;
width: 80%;
}
.div-block-5425 {
width: 100%;
height: 1px;
background-image: linear-gradient(95deg, rgba(229, 240, 243, 0) 33%, #a0bfc7 77%);
display: none;
}
.div-block-5426 {
width: 1px;
height: 15px;
background-color: #9c9c9c;
display: none;
}
.div-block-5427 {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 6px 6px 0 0;
padding: 2px 10px;
font-size: 10px;
font-weight: 500;
position: absolute;
bottom: 0;
right: 0;
}
.div-block-5428 {
width: 100%;
height: 100%;
flex-direction: column;
padding-right: 0;
display: flex;
position: relative;
}
.div-block-5428.lightscroll {
height: 100%;
flex-direction: column;
padding-left: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-5429 {
margin-right: 5px;
font-size: 11px;
font-weight: 300;
position: absolute;
left: -16px;
}
.div-block-5430 {
width: 100%;
}
.div-block-5431 {
color: #222;
border-right: 0 solid #cecece;
justify-content: flex-start;
font-size: 12px;
font-weight: 300;
display: flex;
}
.div-block-5431.first {
padding-left: 0;
}
.div-block-5432 {
border-bottom: 1px solid #e9e9e9;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 300;
display: flex;
}
.div-block-5433 {
margin-right: 5px;
display: flex;
}
.div-block-5433.bold {
font-weight: 500;
}
.div-block-5434 {
display: flex;
}
.div-block-5434.sec {
font-size: 12px;
font-weight: 400;
}
.div-block-5435 {
width: 100%;
height: 100%;
flex-direction: column;
padding-top: 30px;
padding-left: 0;
padding-right: 60px;
display: flex;
position: relative;
}
.thegrid {
z-index: 0;
width: 100%;
height: 100%;
display: flex;
position: absolute;
bottom: 0;
left: 0;
}
.div-block-5436 {
width: 100%;
height: 100%;
flex-direction: row;
justify-content: space-between;
display: flex;
}
.div-block-5437 {
width: 1px;
height: 100%;
background-image: linear-gradient(rgba(255, 255, 255, 0) 6%, #ececec 48%, rgba(255, 255, 255, 0));
}
.div-block-5438 {
z-index: 5;
height: 100%;
position: relative;
overflow: scroll;
}
.div-block-5438.lightscroll {
width: 100%;
align-items: center;
padding-bottom: 60px;
padding-right: 50px;
display: flex;
}
.div-block-5439 {
z-index: 10;
height: 60px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
right: 20px;
}
.div-block-5440 {
width: 24px;
height: 24px;
background-color: #fff;
border: 1px solid #d3dee0;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-right: 7px;
font-size: 13px;
display: none;
}
.div-block-5440.yes {
border-color: #73aa6d;
}
.div-block-5440.no {
background-color: rgba(255, 255, 255, 0);
border-color: #c1d2d6;
}
.div-block-5440.pending {
background-color: rgba(255, 255, 255, 0);
}
.div-block-5441 {
font-family: Materialicons, sans-serif;
display: none;
}
.div-block-5441.yes {
display: none;
}
.div-block-5441.no {
display: flex;
}
.div-block-5441.pending {
display: none;
}
.div-block-5441-copy {
font-family: Materialicons, sans-serif;
display: flex;
}
.div-block-5441-copy.yes {
display: flex;
}
.div-block-5441-copy.no {
display: none;
}
.div-block-5441-copy.pending {
display: flex;
}
.div-block-5441-copy {
font-family: Materialicons, sans-serif;
display: none;
}
.div-block-5441-copy.yes, .div-block-5441-copy.no {
display: none;
}
.indicator_other {
font-family: Materialicons, sans-serif;
display: none;
}
.indicator_other.yes, .indicator_other.no {
display: none;
}
.indicator_other.pending {
display: flex;
}
.yes_indicator {
font-family: Materialicons, sans-serif;
display: none;
}
.yes_indicator.yes {
display: flex;
}
.yes_indicator.no, .yes_indicator.pending {
display: none;
}
._1div-block-4525-copy {
width: 100%;
max-height: 880px;
padding: 0 40px 40px 0;
overflow: auto;
}
._1div-block-4525-copy.lightscroll {
max-height: 780px;
}
.projects_list-copy {
width: 100%;
max-height: 75px;
border: 1px solid #dfdfdf;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
overflow: hidden;
}
.projects_list-copy:hover {
border-color: #afa5a5;
}
.projects_list-copy.active {
width: 100%;
max-height: 20000px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 16px;
margin-top: 0;
overflow: visible;
box-shadow: 0 2px 15px rgba(0, 0, 0, .03);
}
.projects_list-copy.active.transparent {
max-width: 1205px;
background-color: rgba(255, 255, 255, 0);
border-color: rgba(224, 224, 224, .16);
}
.projects_list-copy.active.transparent.a {
margin-top: 0;
}
.image-824-copy {
height: 100%;
filter: invert();
mix-blend-mode: multiply;
object-fit: scale-down;
position: relative;
}
.div-block-5442 {
margin-top: 64px;
}
.div-block-5443 {
width: 100%;
min-height: 72px;
align-items: center;
margin-top: 20px;
padding-top: 40px;
padding-right: 60px;
display: flex;
}
.div-block-5444 {
color: #000;
letter-spacing: 1px;
text-transform: none;
white-space: nowrap;
cursor: pointer;
background-color: #fff;
border: 1px solid #dadada;
border-radius: 99px;
align-items: center;
padding: 5px 20px;
font-size: 10px;
font-weight: 400;
display: flex;
}
.div-block-5444:hover {
color: #f0f0f0;
background-color: #292929;
border-color: #474646;
}
.div-block-5444.active {
color: #fff;
background-color: #000;
border-color: #1d1d1d;
}
.div-block-5445 {
font-family: Materialicons, sans-serif;
font-size: 15px;
}
.div-block-5446 {
letter-spacing: 0;
font-size: 13px;
display: flex;
}
.div-block-5447 {
width: 100%;
height: 1px;
min-width: 100%;
background-color: #dfdfdf;
position: relative;
overflow: hidden;
}
.div-block-5448 {
width: 100%;
align-items: center;
margin-left: 10px;
display: flex;
position: relative;
}
.div-block-5449 {
width: 0%;
height: 100%;
background-color: #b62525;
position: absolute;
left: 0%;
}
.div-block-5450 {
z-index: 5;
width: 9px;
height: 9px;
min-height: 9px;
min-width: 9px;
background-color: #fff;
border: 2px solid #000;
border-radius: 99px;
position: absolute;
left: 0;
}
.div-block-5451 {
width: 50px;
height: 100%;
opacity: 0;
transition: all .35s;
position: absolute;
left: -60px;
}
.div-block-5451.active {
opacity: 1;
}
.div-block-5452 {
height: 350px;
min-height: 350px;
border: 1px solid #d6d6d6;
border-width: 1px 0;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-5452.rejected {
min-height: 364px;
}
.div-block-5453 {
height: 100%;
}
.image-826 {
width: 20px;
min-width: 20px;
}
.image-826.rev {
height: 20px;
min-height: 20px;
transform: rotate(180deg);
}
.div-block-5454 {
width: 1px;
height: 100%;
background-color: silver;
}
.div-block-5455 {
align-items: flex-start;
display: flex;
}
.div-block-5456 {
color: #5ca52e;
position: absolute;
}
.div-block-5456.r {
color: #c51818;
}
.text-block-550 {
letter-spacing: 1px;
background-color: #fff;
padding: 7px;
font-size: 12px;
transform: rotate(-90deg);
}
.div-block-5457 {
font-size: 12px;
font-weight: 300;
position: absolute;
top: -31.5px;
left: 0;
}
.div-block-5457._2 {
left: 49%;
}
.div-block-5457._3 {
left: 97%;
}
.div-block-5458 {
width: 1px;
height: 7px;
min-width: 1px;
background-color: #cfcfcf;
}
.div-block-5458.mid {
position: absolute;
left: 50%;
}
.div-block-5458._25 {
position: absolute;
left: 25%;
}
.div-block-5458._25-copy {
position: absolute;
left: 75%;
}
.nodata {
width: 100%;
height: 100%;
color: #afaeae;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 300;
display: none;
position: absolute;
}
.nodata.active {
z-index: 50;
height: 90%;
color: #222;
background-color: #f8f8f8;
border-radius: 12px;
flex-direction: column;
display: flex;
}
.text-block-551 {
color: #5c5c5c;
margin-bottom: 10px;
}
.div-block-5459 {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.div-block-5460 {
width: 100%;
height: 100%;
min-width: 100%;
grid-column-gap: 3px;
grid-row-gap: 3px;
border-bottom: 0 solid #dadada;
justify-content: flex-end;
align-items: center;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
position: relative;
overflow: hidden;
}
.reportsbar {
width: 1px;
height: 1%;
min-width: 1px;
cursor: pointer;
background-color: #b3b3b3;
border-radius: 2px;
flex-direction: column;
transition: all .3s;
display: flex;
}
.reportsbar:hover {
background-color: #c01111;
}
.reportsbar.large {
height: 100%;
}
.trendcontainer {
width: 100%;
height: 50%;
min-height: 50%;
}
.div-block-5461 {
width: 60px;
height: 100%;
position: relative;
}
.div-block-5462 {
width: 100%;
height: 1px;
opacity: .6;
background-color: #d8d8d8;
position: absolute;
top: 50%;
}
.div-block-5463 {
width: 100%;
height: 100%;
padding-top: 15px;
position: relative;
}
.div-block-5464 {
width: 50%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5465 {
margin-top: 10px;
}
.div-block-5466 {
flex-direction: row;
display: flex;
}
._1nodata-copy {
width: 100%;
height: 100%;
color: #afaeae;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 300;
display: none;
position: absolute;
}
._1nodata-copy.active {
z-index: 50;
height: 100%;
color: #222;
background-color: #f8f8f8;
border-radius: 12px;
flex-direction: column;
display: flex;
}
.highlighter {
z-index: 50;
width: 100%;
height: 100%;
opacity: 0;
border: 1px solid rgba(148, 207, 132, .2);
border-radius: 12px;
flex-direction: column;
transition: all 2s ease-out;
display: flex;
position: absolute;
top: 14px;
right: 0;
overflow: hidden;
}
.highlighter.active {
z-index: 100;
opacity: 1;
flex-direction: column;
transition-duration: 1.5s;
transition-timing-function: ease-out;
display: flex;
}
.div-block-5468 {
width: 100%;
height: 100%;
}
.div-block-5469 {
height: 33%;
display: flex;
}
.div-block-5470 {
height: 67%;
background-color: rgba(133, 133, 133, .08);
}
.div-block-5471 {
width: 67%;
background-color: rgba(133, 133, 133, .08);
border-bottom-right-radius: 0;
}
.div-block-5472 {
width: 33%;
border: 0 solid rgba(189, 189, 189, .62);
border-top-right-radius: 16px;
padding: 19px;
}
.div-block-5473 {
width: 100%;
height: 100%;
border: 3px solid #0685ff;
border-radius: 6px;
}
.div-block-5474 {
width: 100%;
}
.div-block-5475 {
width: 50%;
grid-column-gap: 5px;
grid-row-gap: 5px;
border-right: 1px solid #e2e2e2;
justify-content: flex-end;
align-items: flex-end;
padding-left: 33px;
padding-right: 10px;
display: flex;
overflow: hidden;
}
.thebarcomp {
width: 24px;
height: 50%;
background-color: #e5f4fa;
border: 1px solid rgba(193, 208, 214, .2);
border-bottom-width: 0;
border-radius: 3px 3px 0 0;
}
.thebarcomp:hover {
border-color: #c1d0d6;
}
.chart_bar {
height: 100%;
color: rgba(51, 51, 51, 0);
flex-direction: column;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.chart_bar:hover {
color: rgba(51, 51, 51, .79);
}
.div-block-5478 {
opacity: 0;
color: #000;
font-size: 8px;
font-weight: 500;
position: absolute;
bottom: 4px;
}
.div-block-5479 {
width: 100%;
height: 100%;
grid-column-gap: 5px;
grid-row-gap: 5px;
border-bottom: 1px solid #ebebeb;
flex-direction: row;
justify-content: flex-end;
padding-right: 10px;
display: flex;
overflow: hidden;
}
.div-block-5443-copy {
width: 100%;
min-height: 72px;
align-items: center;
margin-top: 20px;
padding-top: 40px;
padding-right: 0;
display: flex;
}
.div-block-5480 {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
padding-bottom: 5px;
display: flex;
}
.html-embed-33 {
width: 300px;
height: 600px;
}
.div-block-5481 {
width: 30px;
height: 30px;
background-color: #f3f2ee;
border: 1px solid #929292;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 700;
display: flex;
position: absolute;
left: 0;
}
.div-block-5482 {
width: 30px;
justify-content: center;
align-items: center;
padding-bottom: 35px;
display: flex;
}
.div-block-5483 {
z-index: 1;
width: 1px;
height: 100%;
background-color: rgba(206, 206, 206, .7);
position: absolute;
left: 14px;
}
.div-block-5484 {
z-index: 2;
position: relative;
}
.text-block-552 {
border-bottom: 1px solid #dbdbdb;
padding-bottom: 30px;
}
.side_show {
z-index: 5;
width: 100%;
height: 100%;
max-width: 700px;
background-color: #fff;
border: 1px solid rgba(194, 166, 166, .36);
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 20px;
transition: all .5s;
display: flex;
position: relative;
overflow: hidden;
}
.side_show.lightscroll.active {
z-index: 1;
min-width: auto;
border-right: 1px solid #f1f1f1;
transition: all .3s;
display: flex;
}
.side_show.transparent {
height: 100%;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #e9e9e9;
border-right-width: 0;
border-radius: 16px 0 0 16px;
padding-top: 50px;
}
.side_show.reports {
height: auto;
max-width: 1200px;
background-color: rgba(255, 255, 255, 0);
justify-content: flex-start;
padding-top: 20px;
padding-left: 30px;
overflow: auto;
}
.side_show.pie {
max-width: 850px;
border-width: 0;
}
.div-block-5485 {
position: relative;
}
.div-block-5486 {
background-color: #fff;
padding-top: 35px;
padding-left: 35px;
padding-right: 35px;
}
.text-span-85, .text-span-86 {
color: rgba(14, 14, 14, .82);
}
.div-block-5487 {
z-index: 5;
width: 100%;
height: 59px;
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-5488 {
width: 100%;
height: 1px;
background-color: #999;
position: absolute;
top: 23px;
}
.text-block-554 {
justify-content: center;
align-items: center;
}
.div-block-5444-copy {
color: #000;
letter-spacing: 1px;
text-transform: none;
white-space: nowrap;
cursor: pointer;
background-color: #fff;
border: 1px solid #dadada;
border-radius: 99px;
align-items: center;
padding: 5px 20px;
font-size: 10px;
font-weight: 400;
display: flex;
}
.div-block-5444-copy:hover {
color: #f0f0f0;
background-color: #292929;
border-color: #474646;
}
.div-block-5444-copy.active {
color: #fff;
background-color: #000;
border-color: #1d1d1d;
}
.div-block-5489 {
width: 100%;
border-top: 1px solid #cfcfcf;
margin-top: 10px;
padding-top: 20px;
}
.div-block-5490 {
max-width: 400px;
margin-bottom: 10px;
font-size: 17px;
font-weight: 300;
line-height: 26px;
position: relative;
}
.div-block-5491 {
width: 30px;
height: 30px;
border: 1px solid #a7a7a7;
border-radius: 99px;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 500;
display: flex;
position: absolute;
top: 0;
left: -58px;
}
.text-block-555 {
font-family: Materialicons, sans-serif;
}
.text-block-556 {
border-bottom: 1px solid #ebebeb;
padding-bottom: 17px;
}
@media screen and (min-width: 1920px) {
.thephone1 {
padding-top: 50px;
}
.image-511 {
margin-bottom: 1px;
}
.image-455 {
width: 60px;
}
.div-block-2336 {
position: relative;
}
.div-block-2334 {
top: 42px;
}
.infeed {
display: none;
}
.infeed.demo.ax.w12 {
display: flex;
}
.div-block-587 {
background-color: #e9e9e9;
}
.div-block-2662 {
z-index: 50;
width: 100px;
height: 100%;
background-image: linear-gradient(to right, #fff 31%, rgba(255, 255, 255, 0));
justify-content: center;
align-items: center;
display: flex;
position: absolute;
left: 0;
}
.div-block-2662.r {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 58%);
padding-bottom: 0;
padding-right: 0;
left: auto;
right: 0;
}
.scene {
position: relative;
}
.div-block-829-copy-copy2 {
margin-top: 5px;
}
.featuredstory.f4 {
width: 200px;
height: 290px;
background-color: rgba(0, 0, 0, 0);
border-width: 0;
margin-right: 18px;
}
.featuredstory.f4.featured-copy {
z-index: 400;
width: 200px;
height: 290px;
background-image: url("https://assets.website-files.com/624ac72e42fe7f763857b93d/626faf0f3f74e2562b4766d9_nyc1.jpg");
border-width: 1px;
border-color: rgba(39, 39, 39, .9);
}
.image-178 {
opacity: .78;
}
.text-block-118 {
opacity: .75;
color: #fff;
line-height: 18px;
}
.text-block-119 {
color: #fff;
}
.div-block-419 {
width: 32px;
height: 32px;
background-color: rgba(248, 248, 248, .1);
}
.div-block-362 {
margin-bottom: 10px;
}
.right-arrow-3 {
padding-top: 45px;
}
._12image-455-copy {
width: 140px;
filter: invert();
margin-top: -44px;
}
.div-block-2344 {
width: 140px;
}
.left-arrow-2 {
padding-top: 45px;
}
.div-block-3574 {
position: relative;
}
._12div-block-2334-copy {
align-items: center;
top: 42px;
}
._12year-copy {
height: 130px;
min-height: 130px;
}
._1231div-block-1385-copy1-2-copy-copy {
max-width: 1280px;
}
.div-block-829 {
margin-top: 5px;
}
.background-video-113-copy-copy2 {
border-width: 0;
}
.image-124-copy-copy-copy-copy {
text-align: left;
}
.cta4125-copy24 {
background-color: rgba(0, 0, 0, 0);
}
.cta4125-copy24.mcd {
background-color: #000;
}
.background-video-113-copy-copy2-2 {
border-width: 0;
}
.image-124-copy-copy-copy, .image-124-copy-copy-copy-copy-2 {
text-align: left;
}
.background-video-113-copy-copy2-3 {
border-width: 0;
}
.cta4125 {
background-color: rgba(0, 0, 0, 0);
}
.overlayer-scene2-copy {
z-index: 999;
}
.t1-2 {
white-space: nowrap;
}
.rightsidepanel1 {
height: 100%;
opacity: 1;
overflow: hidden;
}
.div-block-2108 {
cursor: pointer;
}
.div-block-2108:hover {
background-color: #e9e9e9;
}
.div-block-2108.active {
background-color: #1654ff;
}
.div-block-625 {
background-color: #ececec;
}
.div-block-1195 {
padding-left: 20px;
}
.image-240 {
width: 17px;
}
.div-block-1208 {
cursor: pointer;
}
.div-block-1208:hover {
background-color: #e9e9e9;
}
.div-block-4156 {
margin-top: 5px;
}
.div-block-4677 {
cursor: pointer;
}
.div-block-4677:hover {
background-color: #e9e9e9;
}
.div-block-4677.active {
background-color: #1654ff;
}
.div-block-4695 {
padding-left: 20px;
}
.image-737 {
width: 17px;
}
.div-block-4727 {
background-color: #ececec;
}
.div-block-4754 {
cursor: pointer;
}
.div-block-4754:hover {
background-color: #e9e9e9;
}
.div-block-4851 {
margin-top: 5px;
}
.text-block-514 {
color: #fff;
}
.div-block-4876 {
width: 32px;
height: 32px;
background-color: rgba(248, 248, 248, .1);
}
.div-block-4068 {
margin-bottom: 10px;
}
.thephone1-2 {
padding-top: 50px;
}
.text-block-516 {
opacity: .75;
color: #fff;
line-height: 18px;
}
.div-block-4939 {
margin-top: 5px;
}
.div-block-432 {
border-width: 0;
border-color: #000;
padding-bottom: 0;
}
.image-790 {
width: 60px;
}
.right-arrow-4, .left-arrow-3 {
padding-top: 45px;
}
.div-block-5129 {
top: 42px;
}
.div-block-5134 {
position: relative;
}
.div-block-5220 {
border-width: 0;
border-color: #000;
padding-bottom: 0;
}
.systemlayer {
z-index: 999;
position: relative;
}
}
@media screen and (max-width: 991px) {
.floatingpanel-2 {
width: 100%;
align-items: flex-start;
padding-left: 30px;
padding-right: 30px;
}
.div-block-2370 {
margin-left: auto;
display: flex;
}
.div-block-2260 {
display: flex;
}
.div-block-845 {
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.signin-2 {
margin-right: 10px;
font-size: 15px;
}
.platformdemo {
width: 100%;
height: auto;
justify-content: center;
}
.platformdemo._1, .platformdemo._1._5, .platformdemo._1 {
margin-left: 10px;
margin-right: 10px;
}
.div-block-2729 {
max-width: none;
padding-left: 0;
}
.div-block-2717 {
padding-left: 0;
}
.div-block-2723 {
max-width: none;
margin-bottom: 20px;
}
.div-block-2727 {
margin-top: 0;
}
.div-block-2696.faded {
display: none;
}
.interactive_unit {
flex-direction: column;
}
.div-block-2741-copy._3 {
right: -217px;
}
.div-block-2741 {
left: -122px;
}
.div-block-2740 {
max-width: 100%;
margin-left: 0;
}
.find-out-copy-copy {
font-size: 14px;
}
.div-block-1542 {
flex-direction: column;
align-items: flex-start;
padding-left: 31px;
}
.div-block-1543 {
margin-bottom: 15px;
}
.div-block-2718-copy {
flex-direction: column;
}
.div-block-2720-copy-copy-copy-copy {
font-size: 25px;
line-height: 40px;
}
.div-block-2759 {
display: none;
}
._12div-block-2721-copy-copy {
height: 1300px;
}
.dropdown_menu.filter, .dropdown_menu.filter-copy {
display: none;
}
.header_intro {
flex-direction: column;
margin-bottom: 0;
}
.product_management {
flex-direction: column;
}
.headline_holder {
margin-bottom: 51px;
}
.headline_holder.small {
margin-bottom: 15px;
padding-left: 0;
padding-right: 0;
}
.s1 {
font-size: 25px;
line-height: 40px;
}
.div-block-3355 {
width: 100%;
min-height: auto;
padding-right: 0;
}
.div-block-3355._90-copy {
padding-left: 20px;
padding-right: 20px;
}
.div-block-2729-copy {
max-width: none;
padding-left: 0;
}
.chapter1 {
height: auto;
max-height: none;
max-width: 100%;
min-height: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 0;
padding-top: 127px;
padding-bottom: 20px;
}
.message {
color: #161616;
margin-bottom: 12px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 25px;
font-weight: 400;
line-height: 42px;
}
.div-block-3361 {
padding-left: 1px;
}
.signature {
padding-right: 0;
}
.div-block-2717-copy {
padding-left: 0;
padding-right: 20px;
}
._12div-block-2714-copy-copy {
padding-left: 44px;
}
.chapter5 {
flex-direction: column;
padding-top: 50px;
}
.chapter5.white, .chapter5._2white-copy {
margin-top: 50px;
padding-bottom: 20px;
padding-left: 0;
}
.scrollbar {
display: none;
}
.div-block-3380 {
width: auto;
flex-direction: row;
margin-top: 38px;
position: absolute;
top: 82px;
}
.div-block-3381 {
margin-right: 5px;
}
.div-block-3384 {
flex-direction: column-reverse;
padding-left: 25px;
}
.platformdemo-copy {
width: 100%;
height: auto;
justify-content: center;
}
.div-block-3387 {
align-items: flex-start;
}
.div-block-3391 {
top: 72px;
left: -146px;
}
.div-block-2729-copy {
max-width: none;
padding-left: 0;
}
.div-block-3393 {
display: none;
}
.image-258-copy2-copy {
min-width: 60px;
}
.image-258 {
width: 80%;
}
.div-block-2729-copy-2 {
max-width: none;
padding-left: 0;
}
.headline_holder-copy {
margin-bottom: 51px;
}
.headline_holder-copy.b, .headline_holder-copy.b-copy {
width: 100%;
padding-right: 0;
}
.s1-copy {
font-size: 25px;
line-height: 40px;
}
.holder-copy {
line-height: 60px;
}
.s2-copy-copy-copy {
letter-spacing: -.6px;
font-size: 50px;
line-height: 60px;
}
.subprime_crisis {
flex-direction: column;
padding-top: 50px;
}
._2holder-copy {
font-size: 50px;
line-height: 60px;
}
.div-block-3462 {
width: 100%;
height: 700px;
max-width: 100%;
display: flex;
}
.div-block-3462.c-copy {
align-items: center;
padding-top: 0;
padding-left: 25px;
}
.div-block-3467 {
margin-right: 5px;
}
.div-block-3468 {
margin-bottom: 5px;
}
.arr1 {
min-width: 20px;
}
.div-block-3482 {
display: none;
}
.div-block-3482._8-copy-copy-copy {
left: -420px;
}
.chapter4 {
margin-top: 125px;
padding: 0;
}
.div-block-3492 {
flex-direction: column;
display: flex;
}
.div-block-3505 {
padding: 25px 35px;
font-size: 20px;
}
.usecases {
max-width: none;
padding-left: 0;
}
.player {
display: none;
}
.barriers {
flex-direction: column;
padding-top: 50px;
}
.barriers.yellow {
padding-bottom: 20px;
padding-left: 25px;
padding-right: 40px;
}
.div-block-3529 {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
margin-top: 25px;
}
.interactive_unit-copy {
flex-direction: column;
}
.div-block-3532 {
margin-top: 3px;
display: none;
top: 83px;
left: 72px;
}
.div-block-3526-copy {
line-height: 75px;
}
.div-block-3538 {
border-left-width: 0;
margin-top: 10px;
padding-left: 5px;
}
.div-block-3532-copy {
display: none;
top: 157px;
left: -303px;
}
.div-block-3355-copy {
width: 100%;
min-height: auto;
padding-right: 0;
}
.div-block-3303, .div-block-3540 {
display: none;
}
.div-block-3541 {
height: 100%;
}
.div-block-3529-copy {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
margin-top: 25px;
}
.div-block-3543 {
padding-left: 0;
}
.div-block-3538-copy {
border-left-width: 0;
margin-top: 10px;
padding-left: 5px;
}
.arr12 {
display: none;
top: 157px;
left: -303px;
}
.div-block-3544 {
flex-direction: column;
}
.chapter2 {
flex-direction: column-reverse;
}
.chapter22 {
width: 100%;
padding-left: 0;
}
.div-block-3547 {
width: 100%;
justify-content: flex-start;
padding-right: 0;
}
.explore {
max-width: none;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
margin-top: 25px;
}
._12div-block-3532-copy-copy {
display: none;
top: 157px;
left: -303px;
}
.div-block-3548 {
margin-top: 31px;
}
.chapter6 {
flex-direction: column;
}
.div-block-3549 {
padding-left: 15px;
padding-right: 15px;
}
.chapter8 {
flex-direction: column;
padding-top: 50px;
}
.chapter8.white {
padding-bottom: 20px;
padding-left: 0;
}
.chapter88 {
height: auto;
min-height: auto;
flex-direction: column;
}
.xchapter2222-copy {
background-color: rgba(0, 0, 0, 0);
padding-top: 20px;
padding-bottom: 50px;
padding-left: 0;
}
._1div-block-3547-copy {
width: 100%;
justify-content: flex-start;
padding-right: 0;
}
.chapter22-copy {
width: 100%;
min-width: 100%;
padding-left: 0;
}
.intro11 {
height: auto;
max-height: none;
max-width: 100%;
min-height: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 0;
padding-top: 127px;
padding-bottom: 20px;
}
.div-block-3532-copy-copy {
display: none;
top: 157px;
left: -303px;
}
.div-block-3541-copy {
height: 100%;
}
.html-embed-4, .div-block-3560 {
min-height: 100%;
}
._2div-block-2740-copy {
max-width: 100%;
margin-left: 0;
}
._2div-block-3538-copy {
border-left-width: 0;
margin-top: 10px;
padding-left: 5px;
}
.div-block-3529-copy {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
margin-top: 25px;
}
._2div-block-3538-copy-copy {
border-left-width: 0;
margin-top: 10px;
padding-left: 0;
padding-right: 10px;
}
.home_intro {
height: auto;
max-height: none;
max-width: 100%;
min-height: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 0;
padding: 127px 30px 20px;
}
.product_details {
border-left-width: 0;
margin-top: 10px;
padding-left: 0;
padding-right: 10px;
}
.thepanel1 {
width: 80%;
}
.thearrow {
display: none;
}
.screenshotpanel {
width: 80%;
}
.thearrow-copy {
display: none;
}
.pointer._116-copy {
display: none;
left: 107px;
}
.pointer._000-copy {
display: none;
}
.phone1 {
width: 88%;
justify-content: center;
}
.theline-2._231 {
width: 200px;
}
.contentunit-3, .contentunit-3.i {
flex-direction: column;
}
.thecontent2._2._99 {
max-width: 200px;
left: -85px;
}
.thecontent2._29-copy {
width: 250px;
max-width: 250px;
left: 0;
}
.thepointer-copy {
max-width: 200px;
display: none;
right: -76px;
}
.div-block-2098 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
}
.div-block-2098.b12 {
padding-left: 0;
}
.div-block-2483 {
font-size: 15px;
line-height: 26px;
}
.div-block-2100 {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-items: start;
padding-left: 47px;
}
.div-block-3566 {
max-width: 500px;
border-left-width: 0;
padding: 20px;
}
.div-block-3566.last {
max-width: 500px;
padding: 20px;
}
.div-block-3566.o {
padding-left: 20px;
padding-right: 20px;
}
.thepanel2 {
width: 80%;
}
.div-block-3532-copy {
margin-top: 3px;
display: none;
top: 83px;
left: 72px;
}
.div-block-3541-copy {
height: 100%;
}
.div-block-3540-copy {
display: none;
}
.s123 {
display: none;
top: 157px;
left: -303px;
}
.xchapter2222-copy-copy {
background-color: rgba(0, 0, 0, 0);
padding-top: 20px;
padding-bottom: 50px;
padding-left: 0;
}
.div-block-1834 {
justify-content: center;
}
._2div-block-3532-copy-copy {
display: none;
top: 157px;
left: -303px;
}
.xxchapter2222-copy-copy {
background-color: rgba(0, 0, 0, 0);
padding-top: 20px;
padding-bottom: 50px;
padding-left: 0;
}
.div-block-1739-copy {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.div-block-1754, .div-block-1562 {
display: none;
}
.product_listing {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
margin-top: 25px;
}
.div-block-2036 {
max-width: 100%;
margin-bottom: 17px;
}
.text-block-361 {
text-align: center;
}
.div-block-2671 {
width: 80%;
}
._12div-block-2027-copy {
display: none;
}
.text-block-362 {
text-align: center;
}
.contentunit-5, .contentunit-5.i {
flex-direction: column;
}
.div-block-2121 {
align-items: center;
}
.div-block-3544-copy {
flex-direction: column;
}
._12chapter2-copy {
flex-direction: column-reverse;
}
.interactive_comp {
color: #161616;
margin-bottom: 12px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 25px;
font-weight: 400;
line-height: 42px;
}
.use_cases_holder, .media_solutions_holder {
max-width: none;
padding-left: 0;
}
.div-block-3303-copy, .image-359 {
display: none;
}
.examplesbar {
top: 0;
}
.floatingpanel-3 {
width: 100%;
align-items: flex-start;
padding-left: 30px;
padding-right: 30px;
}
.thestorypreview1 {
width: 350px;
height: 640px;
position: static;
}
.hand1 {
display: none;
}
.thestorypreview1x {
width: 350px;
height: 640px;
position: static;
}
.hand1-2 {
display: none;
}
._125div-block-2125-copy-copy {
margin-bottom: 0;
}
._12div-block-1531-copy {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
._1h1-copy-2 {
text-align: center;
font-size: 30px;
line-height: 42px;
}
._1212div-block-2027-copy-copy {
display: none;
}
._1231div-block-1385-copy1-2-copy-copy {
align-items: center;
margin-bottom: 0;
}
.div-block-2396 {
padding-right: 20px;
}
.div-block-2391 {
padding-left: 20px;
padding-right: 20px;
}
.div-block-5 {
padding-right: 0;
}
.div-block-17 {
padding-left: 0;
}
.getintouch {
font-size: 14px;
}
.div-block-1531 {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.photoborder.inactive-copy.top1 {
margin-top: -8px;
margin-left: 3px;
}
.image-253 {
width: 13px;
margin-left: 0;
margin-right: 7px;
}
.story-embed-3-copy12 {
min-height: 640px;
}
.div-block-1561-copy21 {
height: auto;
flex-direction: column;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
}
.thestorypreview1-2 {
width: 350px;
height: 640px;
position: static;
}
.div-block-1827-copy22 {
position: static;
}
.div-block-1836 {
width: 100%;
height: auto;
max-width: 600px;
justify-content: flex-start;
align-items: flex-start;
}
._2div-block-1546-copy21-copy {
height: auto;
max-width: 100%;
min-width: 100%;
justify-content: flex-start;
padding-top: 0;
padding-left: 0;
position: static;
}
._112div-block-2202-copy-copy {
width: 100%;
max-width: 380px;
}
.first_screen.active {
padding-right: 20px;
}
.chapter0 {
height: auto;
max-height: none;
max-width: 100%;
min-height: auto;
flex-direction: column-reverse;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 0;
padding-top: 127px;
padding-bottom: 20px;
}
.div-block-3954 {
flex-direction: column;
}
.div-block-3955 {
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
}
.div-block-3956 {
width: 100%;
}
.sheets_container, .div-block-3966, .div-block-3966-copy {
display: none;
}
.div-block-3956-copy {
width: 100%;
}
.div-block-3966-copy-copy12 {
display: none;
}
.theslide {
flex-direction: column;
}
.div-block-3975 {
padding-right: 0;
position: static;
}
.partners_page2 {
height: auto;
}
.context_item {
padding-left: 10px;
padding-right: 10px;
}
.div-block-4003 {
width: 100%;
}
.div-block-4004 {
width: 100%;
padding-top: 60px;
padding-left: 30px;
padding-right: 30px;
}
.div-block-4006.s2, .div-block-4006.s3 {
padding-left: 20px;
}
.div-block-4006.s1 {
font-size: 10px;
line-height: 12px;
}
.div-block-4008 {
flex-direction: column-reverse;
padding-right: 0;
}
.div-block-4004-copy {
width: 100%;
padding-left: 40px;
padding-right: 50px;
}
.div-block-3955-copy-copy {
width: 100%;
padding-bottom: 20px;
padding-left: 0;
}
.div-block-1542-copy {
flex-direction: column;
align-items: flex-start;
padding-left: 60px;
}
.div-block-3566-copy {
max-width: 500px;
border-left-width: 0;
padding: 20px;
}
.div-block-3566-copy.last {
max-width: 500px;
padding: 20px;
}
.div-block-3566-copy.o {
padding-left: 20px;
padding-right: 20px;
}
._11div-block-2100-copy {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-items: start;
padding-left: 47px;
}
.mobile_menu {
width: 100%;
align-items: flex-start;
padding-left: 30px;
padding-right: 30px;
}
.div-block-4017 {
display: none;
}
.div-block-2473 {
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 0;
}
.menu-button-image-2 {
display: block;
}
.div-block-4107 {
flex-direction: column;
align-items: flex-start;
}
.div-block-4110 {
padding-left: 2px;
font-size: 15px;
}
.div-block-4098 {
position: absolute;
right: 0;
}
._12div-block-3541-copy-copy-2 {
height: 100%;
}
.div-block-3824-copy2 {
width: 100%;
min-width: auto;
}
.site_body_text-2.left {
width: 100%;
padding-right: 0;
}
.div-block-3824 {
width: 100%;
}
.prod_manager {
flex-direction: column;
}
.storypreview-3 {
display: none;
}
.p3.s2 {
display: flex;
}
.div-block-1484.search, .div-block-1484.url, .div-block-1484.cta {
display: none;
}
.site_chapter-2.black {
height: 1100px;
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
}
.site_chapter-2.black-copy-copy-copy {
height: 1100px;
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
padding-left: 50px;
}
.site_chapter-2.black-copy-copy-copy.aa {
padding-top: 273px;
}
.site_chapter-2._2-copy {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 111px;
}
.site_chapter-2._2 {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
padding-top: 49px;
}
.site_chapter-2.black, .site_chapter-2.black-copy-copy {
height: 1100px;
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
}
.homeintro-copy-2-copy {
flex-direction: column;
position: static;
}
.div-block-4142 {
width: 100%;
height: 650px;
min-height: 500px;
position: relative;
top: 293px;
left: 9px;
}
.div-block-4147 {
width: 100%;
}
.builderholder-2 {
min-width: 100%;
}
.div-block-3663-copy {
top: -523px;
left: -295px;
transform: scale(.55);
}
.div-block-2133-copy {
width: 1280px;
}
.div-block-4153 {
width: 100%;
}
.div-block-4155 {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.div-block-3776 {
width: 100%;
margin-top: 60px;
margin-left: 0;
}
.div-block-3824-copy {
width: 100%;
}
.div-block-3824-copy2-copy, .div-block-3824-copy2-copy-copy {
width: 100%;
min-width: auto;
}
.div-block-4322 {
flex-direction: column;
}
.div-block-4322.thecover {
padding-left: 20px;
}
.div-block-4319 {
display: none;
}
.div-block-4337 {
padding-left: 10px;
}
.div-block-4324 {
padding-top: 25px;
padding-bottom: 10px;
padding-left: 10px;
}
.div-block-4331-copy {
width: 100%;
}
.sheets_container-2 {
display: none;
}
.sheets_container-2.border-copy {
display: flex;
}
.div-block-4372 {
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
}
.div-block-4338 {
width: 100%;
}
.div-block-3956-copy-2 {
width: 100%;
padding-top: 55px;
padding-bottom: 55px;
}
.chapter {
height: auto;
}
.div-block-3955-copy-copy-2 {
width: 100%;
padding-bottom: 20px;
padding-left: 0;
}
.div-block-4376 {
display: none;
}
.div-block-4377 {
padding-right: 0;
position: static;
}
.div-block-4333 {
padding-bottom: 15px;
padding-left: 0;
}
.theslide-2 {
flex-direction: column;
padding-left: 10px;
}
.native_display {
padding-top: 20px;
padding-bottom: 20px;
}
.div-block-3956-copy-2-copy {
width: 100%;
padding-top: 55px;
padding-bottom: 55px;
}
.storypreview-4, .div-block-4671.search, .div-block-4671.url, .div-block-4671.cta {
display: none;
}
.div-block-2133-copy-copy {
width: 1280px;
}
.studio_window {
top: -523px;
left: -295px;
transform: scale(.55);
}
.div-block-4787 {
font-size: 15px;
line-height: 26px;
}
.div-block-4789 {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-items: start;
padding-left: 47px;
}
.div-block-4790 {
max-width: 500px;
border-left-width: 0;
padding: 20px;
}
.div-block-4790.last {
max-width: 500px;
padding: 20px;
}
.div-block-4790.o {
padding-left: 20px;
padding-right: 20px;
}
.div-block-4792 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
}
.div-block-4792.b12 {
padding-left: 0;
}
.div-block-4792-copy {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
}
.div-block-4792-copy.b12 {
padding-left: 0;
}
.div-block-4793 {
font-size: 17px;
line-height: 26px;
}
.div-block-4794 {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-items: start;
padding-left: 0;
}
.div-block-4795 {
max-width: 500px;
border-left-width: 0;
padding: 20px;
}
.div-block-4795.o {
padding-left: 20px;
padding-right: 20px;
}
.div-block-4795.last {
max-width: 500px;
padding: 20px;
}
.div-block-4054 {
padding-bottom: 30px;
}
.div-block-4812 {
padding-left: 0;
padding-right: 0;
}
.div-block-4816 {
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 0;
}
.first_screen-2.active {
padding-left: 0;
padding-right: 10px;
}
.div-block-4818 {
height: 1200px;
}
.div-block-4818.large {
height: 1400px;
}
.div-block-3824-copy2-2 {
width: 100%;
min-width: auto;
}
.deal_name {
line-height: 75px;
}
.home_intro-copy {
height: auto;
max-height: none;
max-width: 100%;
min-height: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 0;
padding: 50px 0 20px 20px;
}
.div-block-4057-copy {
top: -19px;
left: 16px;
}
.site_body_text-3 {
margin-top: 75px;
}
.site_body_text-3.left {
width: 100%;
padding-bottom: 40px;
padding-right: 0;
}
.testimonials {
margin-top: 50px;
padding: 34px;
}
.allchapters-copy_-copy {
padding-top: 40px;
}
.div-block-4840 {
width: 100%;
height: 1000px;
min-height: 950px;
}
.div-block-4841 {
display: none;
}
.dsplogos {
grid-column-gap: 15px;
grid-row-gap: 27px;
flex-wrap: wrap;
margin-top: 26px;
padding: 50px 30px 40px;
display: flex;
}
.div-block-4074 {
min-height: 180px;
min-width: 180px;
}
.partnerlogo._2 {
display: none;
}
.div-block-4863 {
margin-top: 3px;
display: none;
top: 83px;
left: 72px;
}
.div-block-3824-copy-2, .div-block-4871, .div-block-4878 {
width: 100%;
}
.site_body_text-4 {
margin-top: 75px;
}
.product_management-2 {
flex-direction: column;
}
.div-block-4893 {
padding-left: 0;
padding-right: 0;
}
.div-block-4898 {
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 0;
}
.first_screen-3.active {
padding-left: 0;
padding-right: 10px;
}
.div-block-4900 {
height: 1200px;
}
.div-block-4900.large {
height: 1400px;
}
.site_body_text-5 {
margin-top: 75px;
}
.site_body_text-5.left {
width: 100%;
padding-bottom: 40px;
padding-right: 0;
}
.div-block-4928 {
width: 100%;
height: 1000px;
min-height: 950px;
}
.div-block-4929 {
display: none;
}
.div-block-4951 {
min-height: 180px;
min-width: 180px;
}
.div-block-4954 {
margin-top: 3px;
display: none;
top: 83px;
left: 72px;
}
.div-block-4963 {
font-size: 17px;
line-height: 26px;
}
.div-block-4964 {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-items: start;
padding-left: 0;
}
.div-block-4966 {
max-width: 500px;
border-left-width: 0;
padding: 20px;
}
.div-block-4966.o {
padding-left: 20px;
padding-right: 20px;
}
.div-block-4966.last {
max-width: 500px;
padding: 20px;
}
.div-block-4967 {
padding-bottom: 30px;
}
.div-block-4964-copy {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-items: start;
padding-left: 0;
}
.div-block-4331-copy-copy {
width: 100%;
}
.home_intro-copy-copy {
height: auto;
max-height: none;
max-width: 100%;
min-height: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 0;
padding: 50px 0 20px 20px;
}
.div-block-4057-copy-copy, .deal_lable {
top: -19px;
left: 16px;
}
.animationtrigger {
font-size: 16px;
}
.div-block-845-copy {
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.div-block-5069 {
font-size: 17px;
line-height: 26px;
}
.div-block-5071 {
padding-left: 0;
padding-right: 0;
}
.allchapters-copy {
padding-top: 40px;
}
.div-block-5075 {
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 0;
}
.first_screen-4.active {
padding-left: 0;
padding-right: 10px;
}
.div-block-3526-copy-2 {
line-height: 75px;
}
.div-block-5080 {
width: 100%;
}
._12div-block-3532-copy {
margin-top: 3px;
display: none;
top: 83px;
left: 72px;
}
.div-block-5084 {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-items: start;
padding-left: 0;
}
.image-791 {
width: 80%;
}
.div-block-5091 {
width: 100%;
max-width: none;
min-height: auto;
padding-right: 0;
}
.div-block-5100 {
max-width: 500px;
border-left-width: 0;
padding: 20px;
}
.div-block-5100.o {
padding-left: 20px;
padding-right: 20px;
}
.div-block-5100.last {
max-width: 500px;
padding: 20px;
}
.site_body_text-6 {
margin-top: 75px;
}
.site_body_text-6.left {
width: 100%;
padding-bottom: 40px;
padding-right: 0;
}
.div-block-5107 {
padding-bottom: 30px;
}
.div-block-5113 {
display: none;
}
.div-block-4488-copy {
max-width: 850px;
padding-top: 20px;
}
.home_intro-2 {
height: auto;
max-height: none;
max-width: 100%;
min-height: auto;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 0;
padding: 50px 0 20px 20px;
}
.div-block-5131 {
top: -19px;
left: 16px;
}
.div-block-2479-copy-copy-copy {
grid-row-gap: 27px;
margin-top: 26px;
padding: 50px 30px 40px 0;
}
.div-block-5133 {
min-height: 180px;
min-width: 180px;
}
.div-block-5135 {
margin-top: 3px;
display: none;
top: 83px;
left: 72px;
}
.animationtrigger-2 {
font-size: 16px;
}
.div-block-5281 {
font-size: 15px;
line-height: 26px;
}
.div-block-5283 {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
justify-items: start;
padding-left: 47px;
}
.div-block-5284 {
max-width: 500px;
border-left-width: 0;
padding: 20px;
}
.div-block-5284.last {
max-width: 500px;
padding: 20px;
}
.div-block-5284.o {
padding-left: 20px;
padding-right: 20px;
}
.studio_window-copy {
top: -523px;
left: -295px;
transform: scale(.55);
}
.div-block-3526-copy-2-copy {
line-height: 75px;
}
._1div-block-3956-copy-2-copy {
width: 100%;
padding-top: 55px;
padding-bottom: 55px;
}
}
@media screen and (max-width: 767px) {
.div-block-2370 {
display: flex;
}
.footer {
padding-top: 72px;
}
.componentelement {
border-bottom-color: #7a7a7a;
}
.phone1 {
display: flex;
}
.form-input-3.textarea {
min-height: 120px;
min-height: 120px;
}
.form-input-5.textarea, .form-input-7.textarea {
min-height: 120px;
}
.platform1, .platform1-2 {
display: none;
}
}
@media screen and (max-width: 479px) {
.div-block-2347 {
width: 100%;
height: 60px;
justify-content: flex-end;
align-items: center;
padding-right: 10px;
display: flex;
}
.floatingpanel-2 {
width: 100%;
align-items: center;
padding-left: 0;
padding-right: 0;
display: none;
position: fixed;
top: 0;
left: 0;
}
.div-block-2370 {
margin-left: 0;
display: none;
}
.div-block-2260 {
display: flex;
}
.div-block-845 {
justify-content: space-between;
margin-left: 15px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
}
.signin-2 {
font-size: 14px;
display: none;
}
.image-457 {
width: 19px;
filter: invert();
}
.topmenu {
height: 70px;
display: flex;
}
.div-block-2348 {
padding: 12px;
display: flex;
}
.sitemenu {
position: static;
}
.div-block-2349 {
color: #ebebeb;
padding-top: 16px;
padding-bottom: 16px;
font-size: 24px;
}
.div-block-2375 {
padding-bottom: 6px;
}
.platformdemo {
width: 100%;
height: auto;
align-items: flex-start;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.platformdemo._1 {
width: 100%;
}
.platformdemo._1._5 {
width: 100%;
justify-content: flex-start;
margin-top: auto;
margin-left: 0;
}
.platformdemo._1 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.thephone1 {
width: 100%;
border-width: 0;
border-radius: 0;
align-items: flex-start;
padding: 0;
}
.thephone1.faded {
display: none;
}
.thephone1.white {
padding-left: 10px;
padding-right: 10px;
}
.thephone1.showcase {
height: 100%;
}
.shadow, .div-block-2729, .div-block-2681 {
display: none;
}
.div-block-2717 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-1320.hide-scrollbar {
height: 100%;
height: 100%;
justify-content: flex-start;
padding-left: 10px;
padding-right: 10px;
}
.div-block-2682 {
display: none;
}
.side_control {
padding-left: 10px;
padding-right: 10px;
}
.side_control.first {
font-size: 17px;
}
.find-out-copy {
font-size: 14px;
display: none;
}
.find-out-copy.rev {
margin-top: 10px;
display: flex;
position: static;
}
.div-block-2678 {
display: none;
}
.div-block-2696 {
width: 100%;
height: 100%;
padding-top: 5px;
}
.div-block-2696.mob {
display: none;
}
.nwsproductdemo-2 {
width: 100%;
}
.div-block-2714-copy {
padding-top: 92px;
}
.div-block-2714-copy.home {
padding-top: 20px;
padding-left: 10px;
padding-right: 20px;
}
.div-block-2721 {
height: auto;
max-width: 360px;
background-color: #fff;
border-width: 0;
border-radius: 0;
justify-content: flex-start;
padding-bottom: 80px;
overflow: visible;
}
.volume_button {
display: none;
}
.interactive_unit {
margin-top: 20px;
margin-bottom: 0;
}
.div-block-2738 {
display: none;
}
.find-out-copy-copy {
font-size: 14px;
display: none;
}
.text-block-306 {
text-align: left;
line-height: 26px;
}
.footer-bottom-links {
width: 100%;
flex-flow: column wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: flex;
}
.footer {
justify-content: flex-start;
padding-top: 10px;
padding-left: 15px;
padding-right: 10px;
display: flex;
}
.div-block-2342 {
width: 100%;
border-top: 0 solid #e0e0e0;
flex-direction: column;
align-items: flex-start;
margin-top: 10px;
padding-top: 0;
}
.div-block-1541 {
white-space: normal;
margin-right: 0;
line-height: 16px;
}
.link-block {
margin-top: 6px;
}
.link-block.sh, .link-block.submit {
display: flex;
}
.div-block-1542 {
justify-content: center;
align-items: flex-start;
padding-left: 0;
}
.div-block-2745 {
display: none;
}
.div-block-2750 {
align-items: flex-start;
}
.headline {
letter-spacing: -.5px;
margin-bottom: 25px;
font-size: 35px;
font-weight: 300;
line-height: 40px;
}
.div-block-2720-copy-copy-copy-copy {
color: #616161;
font-size: 20px;
}
.div-block-2758 {
margin-bottom: 0;
}
.div-block-2723-copy {
margin-left: 0;
}
.tab.attachments {
padding-top: 9px;
padding-bottom: 9px;
font-size: 13px;
font-weight: 900;
}
.project_name.no_underline, .the_conv_name.no_underline {
display: none;
}
.project_link_container.alignleft {
width: 100%;
}
.slider_value.ai, .slider_value.ai-copy, .slider_value.ai-copy-copy {
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
font-size: 11px;
font-weight: 500;
}
.slider_label.ai {
letter-spacing: 0;
font-size: 16px;
font-weight: 700;
}
.chapter7 {
margin-bottom: 0;
display: none;
}
.div-block-3325 {
display: none;
}
.div-block-1323 {
width: 100%;
height: auto;
max-width: 100%;
min-height: auto;
flex-direction: column;
align-items: flex-start;
display: flex;
}
._1div-block-2717-copy {
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
}
.div-block-3329 {
flex-direction: column;
align-items: flex-start;
}
._12div-block-2721-copy-copy {
height: auto;
background-color: #fff;
border-width: 0;
border-radius: 0;
}
._12div-block-2721-copy-copy._12 {
display: none;
}
.nwsproductdemo.hide-scrollbar._67 {
height: 570px;
}
.content_count {
height: auto;
flex-direction: row;
margin-top: auto;
margin-right: auto;
top: auto;
bottom: 20px;
left: 0;
right: auto;
}
.content_count._2 {
display: none;
}
.content_count._2.active {
top: 6px;
bottom: auto;
left: 0;
}
.content_selector {
margin-bottom: 0;
margin-right: 8px;
}
.div-block-3340, .div-block-3340-copy {
display: none;
}
.landing_pages.active {
height: 680px;
height: 680px;
background-color: rgba(248, 248, 246, 0);
border-color: #fff;
border-radius: 0;
justify-content: flex-start;
padding-top: 0;
}
.landing_pages.active.nopadding._100.c, .landing_pages.active.nopadding._100.c-copy {
justify-content: center;
}
.div-block-3343, .div-block-3350 {
display: none;
}
.the_unit._600, .the_unit._1600-copy, .the_unit._600, .the_unit._600 {
width: 100%;
height: 100%;
max-width: 100%;
}
.infeed {
height: 100%;
overflow: visible;
}
.infeed.demo.ax {
height: auto;
max-width: none;
display: flex;
}
.infeed.demo.ax.w12 {
display: none;
}
.infeed.demo.ax.w12.d.b {
display: flex;
}
.text-block-286 {
text-align: center;
}
.storyheader {
z-index: 10;
height: 117px;
flex-direction: column;
}
.storyheader.noshadow.a1.s {
height: 55px;
height: 55px;
padding-left: 12px;
padding-right: 12px;
}
.div-block-1330 {
align-items: center;
display: flex;
}
.storycontainer1 {
z-index: 0;
max-height: 140vh;
min-height: 140vh;
}
.storycontainer1._100 {
height: 140vh;
min-height: 140vh;
}
.div-block-1329 {
width: 100%;
margin-bottom: 5px;
font-size: 11px;
}
.div-block-1324-copy {
height: 100vh;
max-height: 100vh;
min-height: 100vh;
}
.div-block-1324-copy._100 {
height: 100vh;
min-height: 100vh;
}
.div-block-1335 {
color: #7f7d7d;
}
.infeed1.hide-scrollbar {
height: 100%;
justify-content: flex-start;
}
.text-block-287 {
text-align: left;
}
.storyfooter {
flex-direction: column;
box-shadow: 1px 1px 18px 8px rgba(0, 0, 0, .2);
}
.preview2 {
height: 600px;
margin-top: 21px;
margin-bottom: 69px;
}
.text-block-286-copy {
text-align: center;
}
.div-block-1374 {
align-items: flex-start;
display: flex;
}
.midpaneltop {
width: 95%;
}
.div-block-1329-copy {
width: 100%;
text-align: center;
justify-content: center;
margin-bottom: 5px;
font-size: 13px;
display: flex;
}
.midpanelbottom {
width: 88%;
flex-direction: column;
padding-bottom: 30px;
}
.div-block-1331 {
height: 52px;
}
.div-block-1325 {
max-height: 100vh;
min-height: 100vh;
}
.div-block-1325._100 {
height: 100vh;
min-height: 100vh;
}
.div-block-1335-copy {
background-color: #b6b6b6;
}
.div-block-1175 {
width: 100%;
min-height: 650px;
min-width: 100%;
margin-left: 0;
padding-top: 0;
}
.div-block-3354 {
padding-left: 0;
padding-right: 10px;
}
.technology_section {
padding-bottom: 0;
padding-left: 15px;
padding-right: 10px;
display: none;
}
.product_management {
flex-direction: column-reverse;
margin-top: 1px;
margin-bottom: 0;
}
.theheadline {
letter-spacing: -.5px;
margin-bottom: 25px;
font-size: 35px;
font-weight: 300;
line-height: 40px;
}
.headline_holder {
max-width: 360px;
margin-bottom: 0;
}
.headline_holder.small {
margin-bottom: 10px;
padding-right: 10px;
display: none;
}
.s1 {
color: #616161;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
}
.s2 {
letter-spacing: -.5px;
margin-bottom: -7px;
font-size: 45px;
font-weight: 300;
line-height: 48px;
}
.div-block-3355 {
align-items: center;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-3355._90-copy {
padding-left: 10px;
}
.holder {
color: #5c5c5c;
font-size: 16px;
line-height: 24px;
}
.div-block-2729-copy {
display: none;
}
.chapter1 {
max-width: 100%;
border-bottom-width: 0;
justify-content: flex-start;
padding: 120px 0 0;
display: none;
}
.div-block-3357 {
position: static;
}
.div-block-3358 {
display: none;
}
.chapter612 {
padding-top: 20px;
display: none;
}
.message {
border-radius: 15px;
margin-bottom: 10px;
padding: 6px 15px;
font-size: 15px;
line-height: 24px;
}
.div-block-3361 {
padding-left: 0;
padding-right: 0;
}
.div-block-3362 {
color: #3a3a3a;
white-space: normal;
margin-top: 10px;
font-size: 16px;
line-height: 24px;
}
.div-block-3363 {
border-top-left-radius: 14px;
border-top-right-radius: 2px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
}
.signature {
padding-right: 0;
}
.thetimestamp._2 {
margin-right: 5px;
font-size: 11px;
}
.div-block-2717-copy {
padding: 0;
}
._12div-block-2714-copy-copy {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-3368 {
width: 100%;
height: 350px;
}
.div-block-3369 {
padding-left: 30px;
padding-right: 30px;
font-size: 16px;
line-height: 24px;
}
.chapter5 {
border-top: 1px solid #e0e0e0;
margin-top: 20px;
padding-top: 20px;
}
.chapter5.yellow {
padding: 28px 10px 50px 25px;
}
.chapter5.white {
height: 100vh;
justify-content: flex-start;
margin-top: 0;
padding: 20px 5px 30px 15px;
display: none;
}
.chapter5._2white-copy {
height: 100vh;
justify-content: center;
margin-top: 0;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
display: none;
}
.logo {
margin-top: 15px;
font-size: 30px;
}
.div-block-3379 {
top: 8px;
}
.div-block-3380 {
flex-direction: column;
margin-top: 0;
display: flex;
left: 15px;
}
.div-block-3383 {
margin-top: 30px;
}
.div-block-3384 {
padding-left: 15px;
}
.platformdemo-copy {
width: 100%;
height: auto;
align-items: flex-start;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-3391 {
display: none;
top: 0;
left: -342px;
}
.div-block-2758-copy {
margin-bottom: 0;
}
.div-block-2729-copy {
display: none;
}
.text-span-51 {
border-bottom-width: 0;
}
.text-block-437 {
padding-top: 6px;
padding-bottom: 6px;
}
.thecontent {
border-width: 0;
}
.thecontent.showcase {
height: 100%;
}
.div-block-3409 {
max-width: 100%;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
justify-items: start;
margin-top: 30px;
display: none;
}
.clientlogo {
width: 100%;
min-width: 90px;
}
.div-block-3411 {
min-height: auto;
justify-content: flex-start;
padding-bottom: 20px;
}
.image-258-copy2-copy {
width: 71px;
}
.image-257 {
width: 90px;
}
.image-472 {
width: 70px;
}
.image-258 {
width: 71px;
}
.div-block-2729-copy-2 {
display: none;
}
.headline_holder-copy {
max-width: 360px;
margin-bottom: 0;
padding-right: 10px;
}
.headline_holder-copy.b, .headline_holder-copy.b-copy {
padding-right: 5px;
}
.s1-copy {
color: #616161;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
}
.text-block-439 {
line-height: 48px;
}
.s2-copy-copy-copy {
letter-spacing: -.5px;
margin-bottom: -7px;
font-size: 40px;
font-weight: 300;
line-height: 30px;
}
.subprime_crisis {
border-top: 1px solid #e0e0e0;
margin-top: 20px;
padding-top: 20px;
}
._2holder-copy {
font-size: 40px;
line-height: 48px;
}
.div-block-3462 {
height: auto;
min-height: auto;
min-width: auto;
background-image: linear-gradient(#f2f3ed, #fff);
border-bottom: 1px solid #e7e7e7;
justify-content: flex-start;
margin-top: 10px;
padding: 20px 10px;
display: flex;
}
.div-block-3462.preview {
display: none;
}
.div-block-3462.c.d {
background-image: none;
}
.div-block-3462.c-copy {
background-image: none;
padding: 0 15px 15px;
display: none;
}
.div-block-3462.c-copy.d {
background-image: none;
}
.embed_content {
width: 100%;
height: 600px;
min-height: 600px;
border-width: 1px;
border-color: #eee;
align-items: flex-start;
}
.div-block-3464 {
display: none;
}
.s2-copy-copy-copy-copy {
letter-spacing: -.5px;
margin-bottom: -7px;
font-size: 45px;
font-weight: 300;
line-height: 48px;
}
.text-block-443 {
font-size: 40px;
line-height: 48px;
}
.chapter3 {
height: auto;
justify-content: center;
align-items: flex-start;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
display: none;
}
.div-block-3482 {
display: none;
}
.chapter4 {
height: 100vh;
background-color: #f2f3ce;
justify-content: center;
margin-top: 0;
padding: 0 30px 20px;
}
.div-block-3493 {
padding-left: 0;
}
.div-block-3495 {
font-size: 16px;
line-height: 24px;
}
.div-block-3500 {
letter-spacing: -1px;
flex-direction: column;
padding-left: 0;
font-size: 40px;
line-height: 50px;
position: static;
top: -180px;
}
.div-block-3505 {
border-width: 2px;
margin-bottom: 5px;
margin-right: 5px;
padding: 8px 20px;
font-size: 13px;
}
.usecases, .player {
display: none;
}
.barriers {
border-top: 1px solid #e0e0e0;
margin-top: 20px;
padding-top: 20px;
}
.barriers.yellow {
padding: 28px 10px 50px 25px;
}
.large_headline1 {
margin-bottom: 25px;
padding-left: 5px;
padding-right: 15px;
}
.large_headline1.home {
padding-left: 0;
}
.find-out-copy-copy-copy {
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
display: flex;
}
.div-block-3529 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top-width: 1px;
border-top-color: #eee;
flex-direction: column;
align-items: flex-start;
justify-items: start;
margin-top: 10px;
padding-top: 25px;
display: flex;
position: static;
}
.div-block-3529.ns {
padding-bottom: 15px;
padding-left: 10px;
}
.interactive_unit-copy {
margin-top: 20px;
margin-bottom: 0;
}
.div-block-3526-copy {
text-align: left;
letter-spacing: -.8px;
font-size: 35px;
font-weight: 300;
line-height: 52px;
}
.div-block-3526-copy.reverse {
color: #fff;
}
.div-block-3527-copy {
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 10px;
font-size: 20px;
font-weight: 300;
line-height: 30px;
display: flex;
}
.div-block-3527-copy.reverse {
color: #aaa7a7;
}
.chapter_details {
text-align: center;
margin-top: 20px;
padding-right: 0;
font-size: 20px;
line-height: 34px;
display: none;
position: relative;
}
.div-block-3538 {
width: auto;
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
display: flex;
}
.div-block-3539 {
width: 100%;
justify-content: center;
align-items: center;
display: none;
}
.div-block-3355-copy {
align-items: flex-start;
padding-left: 25px;
padding-right: 10px;
}
.div-block-3541 {
height: 600px;
max-height: 600px;
background-color: #fff;
border-radius: 6px;
}
.audio_action {
width: 100%;
margin-top: 15px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
display: flex;
position: relative;
}
.audio_action.reverse {
background-color: #505050;
}
.audio_action.reverse:hover {
color: #f7f7f7;
}
.audio_action.reverse.playing {
color: #fafafa;
background-color: #646464;
}
.audio_action.sx {
margin-top: 25px;
}
.div-block-3529-copy {
border-top-width: 1px;
border-top-color: #ddd;
flex-direction: column;
align-items: center;
justify-items: start;
margin-top: 25px;
padding-top: 25px;
display: flex;
position: static;
}
.div-block-3543 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3538-copy {
width: auto;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.div-block-3544 {
padding-bottom: 30px;
}
.chapter2 {
height: 100vh;
min-height: auto;
border-bottom-width: 0;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
display: none;
}
.chapter22 {
width: 100%;
color: #fff;
background-color: #000;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
}
.div-block-3547 {
display: none;
}
.nwsproductdemo-2-copy-copy {
width: 100%;
}
.explore {
border-top-width: 1px;
border-top-color: #414141;
flex-direction: column;
align-items: center;
justify-items: start;
margin-top: 25px;
padding-top: 25px;
display: flex;
position: static;
}
.div-block-2721-copy {
height: auto;
max-width: 360px;
background-color: #fff;
border-width: 0;
border-radius: 0;
justify-content: flex-start;
padding-bottom: 80px;
overflow: visible;
}
.content_count-copy {
height: auto;
flex-direction: row;
margin-top: auto;
margin-right: auto;
top: auto;
bottom: 20px;
left: 0;
right: auto;
}
.chapter6 {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
}
.div-block-3549 {
display: none;
}
.chapter222 {
width: 100%;
}
.chapter8 {
border-top: 1px solid #e0e0e0;
margin-top: 20px;
padding-top: 20px;
}
.chapter8.yellow {
padding: 28px 10px 50px 25px;
}
.chapter8.white {
padding-bottom: 30px;
padding-left: 0;
}
.chapter88 {
height: auto;
min-height: auto;
flex-direction: column;
display: none;
}
.div-block-3552 {
color: #000;
text-align: center;
font-size: 36px;
line-height: 49px;
}
._1div-block-3547-copy {
display: none;
}
.chapter22-copy {
width: 100%;
color: #fff;
background-color: #000;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
}
.intro11 {
height: 100vh;
max-width: 100%;
border-bottom-width: 0;
justify-content: center;
padding: 16px 35px 30px;
}
.html-embed-4 {
height: 600px;
}
.div-block-3560 {
min-height: 600px;
}
._2div-block-3538-copy {
width: 100%;
flex-direction: column;
align-items: center;
padding-right: 0;
display: flex;
}
.content_types_button {
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 32px;
display: flex;
position: relative;
}
.div-block-3561 {
width: 100%;
}
.div-block-3529-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top-width: 1px;
border-top-color: #eee;
flex-direction: column;
align-items: center;
justify-items: start;
margin-top: 25px;
padding-top: 25px;
display: flex;
position: static;
}
._2div-block-3538-copy-copy {
width: auto;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.home_intro {
max-width: 100%;
border-bottom-width: 0;
justify-content: flex-start;
padding: 16px 0 30px;
}
.content_types_holder {
width: 100%;
}
.product_details {
width: 100%;
flex-direction: column;
align-items: flex-start;
margin-top: 5px;
padding-top: 5px;
display: flex;
}
.readmore {
width: 100%;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
display: flex;
}
.readmore.reverse {
background-color: #505050;
}
.readmore.reverse:hover {
color: #f7f7f7;
}
.readmore.reverse.playing {
color: #fafafa;
background-color: #646464;
}
.readmore.sx {
margin-top: 25px;
}
.thepanel1 {
width: 100%;
background-color: #fff;
padding: 10px 0;
display: flex;
}
.thepanel1.white {
padding-top: 25px;
padding-bottom: 25px;
}
.div-block-2446 {
display: none;
}
.div-block-3564.hide-scrollbar {
height: 100%;
height: 100%;
justify-content: flex-start;
}
.div-block-3564.hide-scrollbar-copy {
height: 100%;
justify-content: flex-start;
}
.div-block-3564.hide-scrollbar {
height: 100%;
height: 100%;
border-radius: 0;
justify-content: flex-start;
}
.div-block-3565 {
display: none;
}
.div-block-2301 {
width: 100%;
min-height: 650px;
min-width: 100%;
margin-left: 0;
padding-top: 0;
}
.mobileview {
width: 100%;
}
.div-block-756, .thephone {
display: none;
}
.screenshotpanel {
width: 100%;
background-color: #fff;
padding: 10px 0;
display: flex;
}
.phone1 {
width: 100%;
height: 650px;
align-items: flex-start;
margin-top: 20px;
margin-bottom: 120px;
padding-left: 0;
display: flex;
}
.phone1.h.b {
width: 100%;
margin-top: 0;
display: flex;
}
.newsite {
height: 100%;
min-height: 650px;
}
.phoneshadow, .spacer {
display: none;
}
.div-block-2468 {
align-items: flex-start;
display: flex;
}
.div-block-2579 {
height: auto;
display: none;
}
.contentunit-3 {
flex-direction: column-reverse;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.contentunit-3.i {
border-bottom-width: 0;
border-bottom-color: #e4e4e4;
flex-direction: column;
padding: 20px 0 0;
}
.contentunit-3.i._2-copy, .scene {
display: none;
}
.phonecontent {
width: 100%;
height: auto;
min-width: 100%;
justify-content: center;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.phonecontent.ns.ab {
margin-top: -57px;
display: flex;
}
.div-block-2098 {
border: 0 solid #000;
padding: 2px 30px 20px 20px;
}
.div-block-2098.b12 {
margin-top: 0;
padding-top: 30px;
padding-bottom: 20px;
}
.div-block-2100 {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
padding-left: 0;
padding-right: 25px;
}
.div-block-3566 {
border-bottom: 1px solid #e2e2e2;
border-left-width: 0;
border-right-width: 0;
padding: 10px 15px 10px 0;
}
.div-block-3566.last {
border-bottom-width: 0;
padding-left: 0;
}
.div-block-3566.o {
padding-right: 0;
}
.div-block-2101 {
color: #000;
align-items: center;
margin-left: 14px;
padding-left: 0;
padding-right: 15px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.div-block-1175-copy {
width: 100%;
min-height: 650px;
min-width: 100%;
margin-left: 0;
padding-top: 0;
}
._51preview2-copy {
height: 600px;
margin-top: 21px;
margin-bottom: 69px;
}
._5122div-block-1375-copy-copy-copy {
display: none;
}
.thepanel2 {
width: 100%;
background-color: #fff;
padding: 10px 0;
display: flex;
}
._12nwsproductdemo-2-copy-copy {
width: 100%;
}
.div-block-3567 {
align-items: flex-start;
padding-top: 30px;
padding-left: 20px;
display: none;
}
.div-block-2202 {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.div-block-3568 {
white-space: normal;
font-size: 36px;
line-height: 47px;
}
.div-block-3569 {
flex-direction: column;
align-items: flex-start;
padding-left: 0;
padding-right: 25px;
}
.div-block-3570 {
display: none;
}
.div-block-3571 {
margin-top: 10px;
margin-left: 0;
}
._2div-block-2202-copy {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.text-block-411 {
padding-right: 5px;
line-height: 16px;
}
._2div-block-2163-copy {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.div-block-1862.q.w {
padding-left: 10px;
}
.div-block-2272 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1834 {
justify-content: center;
}
.image-387 {
width: 50px;
}
.submitabrief {
margin-top: 0;
margin-bottom: 20px;
display: flex;
}
.form-grid-halves-copy {
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
}
.form-error-2 {
padding: 12px;
}
.div-block-1754 {
display: none;
}
.div-block-1736-copy {
margin-left: 15px;
margin-right: 20px;
}
.select-field-unstyled {
width: 120%;
}
.div-block-829-copy-copy2 {
padding-left: 0;
}
.form-grid-vertical {
grid-row-gap: 12px;
}
.form-input-2 {
padding-left: 10px;
}
.div-block-1735 {
padding-top: 20px;
padding-bottom: 20px;
font-size: 40px;
line-height: 44px;
}
.form-success-2 {
padding: 12px;
}
.div-block-1752 {
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.product_listing {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top-width: 1px;
border-top-color: #eee;
flex-direction: column;
align-items: center;
justify-items: start;
margin-top: 25px;
padding-top: 25px;
display: none;
position: static;
}
.homechapter_details-copy {
padding-right: 0;
font-size: 18px;
line-height: 32px;
display: flex;
position: relative;
}
.featuredstory.f4 {
width: 180px;
height: 290px;
}
.featuredstory.f4.featured-copy {
background-size: cover;
}
.text-block-118 {
font-size: 14px;
}
.div-block-418 {
display: flex;
top: 245px;
left: -402px;
}
.right-arrow-3 {
width: 50px;
height: 150px;
margin-top: auto;
margin-bottom: auto;
bottom: -497px;
right: 102px;
}
.div-block-2159 {
padding-left: 0;
padding-right: 0;
display: flex;
}
.preview2-2 {
height: 600px;
margin-top: 21px;
margin-bottom: 69px;
}
.text-block-361 {
font-size: 20px;
}
.accordion-container {
flex-direction: column;
padding-left: 0;
display: flex;
}
.div-block-2191 {
white-space: nowrap;
}
.div-block-2671 {
width: 100%;
background-color: #fff;
padding: 10px 0;
display: flex;
}
.div-block-2671.large {
padding: 0;
display: flex;
}
.div-block-2026 {
width: 100%;
}
.slide {
background-color: #fff;
}
.div-block-2235.dr {
margin-top: 0;
}
.accordion-heading {
line-height: 25px;
}
.left-arrow-2 {
width: 50px;
height: 150px;
bottom: -495px;
left: 110px;
}
.text-block-362 {
text-align: left;
font-size: 17px;
line-height: 30px;
}
.contentunit-5 {
flex-direction: column-reverse;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.contentunit-5.i {
border-bottom-width: 0;
border-bottom-color: #e4e4e4;
flex-direction: column;
padding: 20px 0 0;
}
.contentunit-5.wq {
flex-direction: column;
padding-left: 0;
padding-right: 0;
}
.div-block-2335 {
display: none;
}
.div-block-2121 {
text-align: left;
align-items: flex-start;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
}
._12year-copy {
z-index: 30;
height: 140px;
color: #686868;
border-color: #d6cbcb;
font-size: 11px;
top: 64.5px;
}
.div-block-3576 {
padding-top: 30px;
}
.div-block-3578 {
height: auto;
position: static;
}
.showcase_holder {
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
padding-left: 15px;
padding-right: 15px;
}
.filter1 {
width: 100%;
margin-top: 0;
margin-bottom: auto;
margin-right: 0;
}
.filter1.top, .story_item {
min-width: 100px;
}
.div-block-3583 {
width: 100%;
height: auto;
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
}
.form-block-2 {
width: 100%;
min-width: auto;
margin-right: 0;
}
.filters_holder {
width: 100%;
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
}
.filters_holder.active {
width: 100%;
flex-direction: column;
margin-right: 0;
}
.filter2 {
width: 100%;
margin-top: 10px;
margin-right: 0;
}
.filter3 {
width: 100%;
min-width: 100%;
margin-top: 10px;
}
.mainpanel {
width: 100%;
}
.div-block-3544-copy {
padding-bottom: 30px;
}
._2chapter3-copy {
height: 100vh;
justify-content: center;
align-items: center;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.div-block-3590 {
z-index: 99;
height: auto;
background-color: rgba(0, 0, 0, 0);
border-bottom-width: 0;
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding-top: 20px;
}
.button_newwindow {
background-color: rgba(255, 255, 255, .8);
margin-bottom: 5px;
display: flex;
}
.div-block-3592 {
flex-direction: column;
align-items: flex-end;
}
.button_infeed {
background-color: rgba(255, 255, 255, .8);
display: flex;
}
.button_close1 {
background-color: rgba(255, 255, 255, .8);
margin-top: 5px;
}
.d {
display: none;
}
.m {
display: flex;
}
.dd {
display: none;
}
.mm {
display: flex;
}
.image-652 {
width: 28px;
}
.mobilemenu {
display: none;
}
.mobile_nav {
z-index: 999;
width: 100%;
height: 100%;
background-color: #000;
display: none;
position: fixed;
top: 0;
}
.mobile_nav.active {
flex-direction: column;
display: flex;
}
.div-block-3593 {
color: #fff;
padding-left: 15px;
padding-right: 15px;
font-size: 18px;
font-weight: 300;
}
.link-block-2 {
width: 100%;
color: #b1b1b1;
border-bottom: 1px solid #353535;
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
text-decoration: none;
}
.link-block-2.a {
margin-left: 15px;
}
.image-653 {
width: 30px;
min-width: 30px;
filter: invert();
}
.div-block-3594 {
justify-content: flex-end;
margin-bottom: 15px;
padding-top: 10px;
padding-right: 10px;
display: flex;
}
.div-block-3595 {
opacity: .43;
}
.filter2-copy {
margin-top: 10px;
}
.div-block-3597 {
flex-direction: column;
align-items: flex-start;
padding-left: 0;
padding-right: 15px;
}
._12chapter2-copy {
height: 100vh;
min-height: auto;
border-bottom-width: 0;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
display: none;
}
.div-block-2721-copy-copy {
height: auto;
max-width: 360px;
background-color: #fff;
border-width: 0;
border-radius: 0;
justify-content: flex-start;
padding-bottom: 80px;
overflow: visible;
}
.showcase_link {
padding-right: 0;
font-size: 18px;
line-height: 32px;
display: none;
position: relative;
}
.div-block-3602 {
display: none;
}
.the_unit-copy._600, .the_unit-copy._1600-copy {
width: 100%;
height: 100%;
max-width: 100%;
}
.interactive_comp {
border-radius: 15px;
margin-bottom: 10px;
padding: 6px 15px;
font-size: 15px;
line-height: 24px;
}
.div-block-2723-copy-copy {
margin-left: 0;
}
.use_cases_holder, .media_solutions_holder {
display: none;
}
.div-block-2231 {
align-items: flex-start;
padding-top: 52px;
display: none;
overflow: auto;
}
.div-block-2232 {
padding-left: 20px;
padding-right: 20px;
overflow: auto;
}
.publisher {
padding-top: 21px;
padding-bottom: 21px;
}
.image-432 {
width: 18px;
}
.div-block-2229 {
background-color: #2b2b2b;
display: none;
position: static;
}
.div-block-2230 {
opacity: .71;
font-family: Circularxxweb, sans-serif;
font-size: 13px;
}
.image-431 {
width: 17px;
}
.div-block-1561-copy2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.div-block-1370 {
flex-direction: row;
display: flex;
}
.image-359 {
display: none;
}
.div-block-3612 {
height: 52px;
}
.div-block-2225 {
display: none;
}
.toppanel {
height: 85px;
background-color: #fff;
}
.toppanel.a2.x12 {
height: 70px;
padding-right: 0;
}
.story-embed-3-copy {
max-height: 100vh;
min-height: 100vh;
}
.story-embed-3-copy._100 {
height: 100%;
min-height: 100%;
}
.image-365 {
width: 100%;
max-width: 100%;
}
.div-block-1365 {
display: none;
}
.div-block-3613 {
color: #7f7d7d;
}
.examplesbar {
width: 100%;
height: 100px;
margin-top: 40px;
margin-bottom: 40px;
position: static;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.examplesbar.a2 {
display: none;
}
.floatingpanel-3 {
width: 100%;
padding-left: 10px;
padding-right: 10px;
display: none;
top: 0;
}
.div-block-1335-copy-2 {
background-color: #b6b6b6;
}
.thestorypreview1 {
width: 100%;
height: 100%;
position: static;
}
.div-block-1119-copy-copy12 {
margin-top: 30px;
}
.div-block-1572 {
opacity: .3;
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Circularxxweb, sans-serif;
display: flex;
}
.text-block-328 {
margin-top: 10px;
}
.image-367 {
width: 35px;
filter: none;
}
.div-block-3614 {
width: 100%;
height: auto;
max-width: 100%;
min-height: auto;
align-items: flex-start;
display: flex;
}
.image-366 {
width: 100%;
max-width: 100%;
min-height: 966px;
}
.div-block-1546-copy433-copy2 {
width: 100%;
height: 100%;
min-width: auto;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.div-block-1571 {
z-index: 99999;
width: 100vw;
height: 100vh;
background-color: #fff;
justify-content: center;
align-items: center;
display: none;
position: absolute;
top: 0;
}
.bottom1 {
width: 100%;
height: 966px;
max-width: 100%;
min-height: 966px;
align-items: flex-start;
display: flex;
}
.thestorypreview1x {
width: 100%;
height: 100%;
position: static;
}
.div-block-3616 {
z-index: 99999;
width: 100vw;
height: 100vh;
background-color: #fff;
justify-content: center;
align-items: center;
display: none;
position: absolute;
top: 0;
}
._125div-block-2125-copy-copy {
padding: 40px 20px 20px;
}
.accordion-container-2 {
flex-direction: column;
padding-left: 0;
display: flex;
}
._12div-block-1531-copy {
padding-left: 0;
}
._1h1-copy-2 {
text-align: center;
font-size: 26px;
line-height: 34px;
}
.div-block-2386 {
padding-left: 0;
}
.div-block-3618 {
font-size: 18px;
line-height: 28px;
}
._1231div-block-1385-copy1-2-copy-copy {
padding-left: 20px;
padding-right: 20px;
}
.accordion-heading-2 {
line-height: 25px;
}
.div-block-2397 {
display: none;
}
.div-block-19 {
font-size: 20px;
line-height: 33px;
}
.div-block-4 {
font-size: 20px;
}
.div-block-4.paid {
margin-top: 10px;
font-size: 20px;
}
.div-block-4.s {
display: none;
}
.div-block-5 {
margin-top: 0;
padding-right: 0;
font-size: 20px;
line-height: 33px;
}
.div-block-17 {
padding-top: 0;
padding-left: 0;
}
.div-block-2 {
padding-top: 25px;
}
.div-block-3 {
margin-bottom: 6px;
font-size: 34px;
line-height: 46px;
}
.div-block-20 {
font-size: 20px;
line-height: 33px;
}
.div-block-7 {
height: 300px;
display: none;
}
.div-block {
padding-left: 15px;
padding-right: 15px;
}
.div-block-18 {
margin-top: 10px;
margin-bottom: 15px;
padding-left: 0;
padding-right: 0;
}
.div-block-6 {
flex-direction: column;
}
.mobilelinks {
flex-direction: column;
margin-top: 15px;
display: flex;
}
.image-657 {
width: 16px;
}
.div-block-3620 {
padding-top: 25px;
padding-bottom: 50px;
}
.div-block-3620.bs {
display: flex;
}
.div-block-3621 {
height: 700px;
max-width: none;
padding-left: 15px;
padding-right: 15px;
}
.background-video {
width: auto;
min-width: 100%;
}
.desktop {
height: 700px;
justify-content: center;
align-items: center;
display: none;
}
.mobile {
height: 700px;
justify-content: center;
align-items: center;
display: flex;
}
.mobile-xp {
z-index: 5;
width: 100%;
height: 700px;
border-radius: 24px;
display: flex;
position: relative;
overflow: hidden;
}
.background-video-2 {
z-index: 99;
width: 100%;
height: 100%;
border-radius: 24px;
}
.div-block-3626 {
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.getintouch {
width: 100%;
font-size: 14px;
display: flex;
}
.div-block-3627 {
color: #3f3c3c;
text-align: center;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
font-weight: 300;
display: flex;
}
.form-input-4 {
padding-left: 10px;
}
.form-grid-halves {
flex-direction: column;
grid-template-columns: 1fr;
display: flex;
}
.div-block-1531 {
border-top-width: 0;
margin-top: 5px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
.container-large-2.align-center {
width: 100%;
max-width: 100%;
}
.form-grid-halves-copy-2 {
grid-template-columns: 1fr;
}
.button-2 {
background-color: #1f1f1f;
}
.div-block-1530 {
width: 100%;
}
.form-error-3 {
padding: 12px;
}
.div-block-3628 {
padding-top: 34px;
}
.div-block-3629 {
width: 100%;
padding-left: 20px;
}
.div-block-3630 {
width: 100%;
}
.div-block-3630._2 {
border-top: 1px solid #e0e0e0;
margin-top: 10px;
margin-left: 0;
padding-top: 10px;
}
.headline_sb {
margin-top: 6px;
}
.headline_sb.sh, .headline_sb.submit {
display: none;
}
.text-span-69 {
font-weight: 500;
}
.div-block-3631 {
display: none;
}
.div-block-3632 {
font-size: 12px;
font-weight: 500;
}
.background-video-113-copy-copy2 {
width: 100%;
height: 600px;
max-width: 325px;
margin-left: auto;
margin-right: auto;
}
.div-block-141 {
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
display: none;
}
.cta4125-copy24 {
width: 78%;
}
.editor-copy-2 {
width: 50%;
height: 125px;
justify-content: flex-start;
align-items: flex-start;
margin-left: 10px;
}
.background-video-113-copy-copy2-2, .background-video-113-copy-copy2-3 {
width: 100%;
height: 600px;
max-width: 325px;
margin-left: auto;
margin-right: auto;
}
.cta4125 {
width: 78%;
}
.story-embed-3-copy12 {
max-width: 100%;
min-height: 650px;
border-width: 0;
}
.div-block-1831 {
font-size: 40px;
}
.div-block-1561-copy21 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.thestorypreview1-2 {
width: 100%;
height: 100%;
position: static;
}
.div-block-1827-copy22 {
padding-left: 10px;
padding-right: 10px;
position: static;
}
.div-block-1788 {
grid-template-columns: 1fr;
}
.div-block-1788.aw2 {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.div-block-1833 {
font-size: 16px;
}
._2div-block-1546-copy21-copy {
width: 100%;
height: 100%;
min-width: auto;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
position: static;
}
._112div-block-2202-copy-copy {
height: 600px;
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.div-block-3640.regular {
width: 100%;
margin-right: 0;
}
.div-block-3645 {
display: none;
}
.preview_nav.rev {
padding-left: 10px;
padding-right: 10px;
}
.editor_modes-2 {
display: none;
}
.topbar_m1-2 {
width: 100%;
position: static;
}
.div-block-3647 {
display: none;
}
.div-block-3649 {
display: flex;
}
.div-block-3650 {
padding-left: 15px;
padding-right: 15px;
}
.div-block-3653 {
flex-direction: column;
display: flex;
}
.all_solutions {
padding-top: 50px;
}
.all_solutions.active {
justify-content: flex-start;
padding-top: 0;
}
.div-block-3657 {
flex-direction: column;
padding-left: 15px;
padding-right: 10px;
}
.div-block-3657.solutions {
padding: 0;
}
.div-block-3658 {
width: 100%;
display: none;
}
.content_preview {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
.experience {
min-width: 130px;
}
.all_solutions_headline {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
padding: 0;
position: relative;
}
.div-block-3668 {
width: 100%;
letter-spacing: -.2px;
align-items: center;
padding: 10px 15px 0 12px;
font-family: Circularxxweb, sans-serif;
font-size: 15px;
line-height: 30px;
display: flex;
}
.div-block-3668.uu {
width: auto;
color: #979797;
background-color: rgba(255, 255, 255, 0);
border-width: 0;
border-radius: 0;
margin-right: 0;
padding-left: 14px;
padding-right: 14px;
font-size: 14px;
}
.div-block-3668.uu:hover {
background-color: #2c2c2c;
}
.div-block-3668.uu._2 {
z-index: 100;
color: #979797;
border-width: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: static;
top: 0;
right: 0;
}
.div-block-3668.uu._2:hover {
background-color: #2e2e2e;
}
.div-block-3668.uu._2.reg, .div-block-3668.uu.reg {
font-family: Circularxxweb, sans-serif;
font-weight: 500;
}
.div-block-3668.regular {
padding-bottom: 10px;
font-family: Circularxxweb, sans-serif;
font-size: 22px;
line-height: 40px;
display: flex;
}
.div-block-3669 {
width: 100%;
margin-right: 0;
padding-right: 0;
}
.div-block-3670 {
min-height: 300px;
}
.div-block-3677 {
margin-left: 0;
display: none;
}
.div-block-3680 {
display: none;
}
.individual_solution {
padding-top: 50px;
display: none;
}
.individual_solution.active {
z-index: 99;
width: 100%;
padding-top: 0;
padding-bottom: 0;
position: absolute;
top: 0;
}
.div-block-3681 {
width: 100%;
flex-flow: column wrap;
align-items: center;
}
.div-block-3682, .div-block-3682.mob {
padding: 0;
}
.div-block-3698 {
flex-direction: column;
margin-bottom: 10px;
display: flex;
}
.div-block-3700 {
z-index: 1;
position: relative;
}
.div-block-3701, .div-block-3701.sol {
border-width: 0;
}
.div-block-3702, .div-block-3703.sol {
display: none;
}
.product_solutions, .product_solutions.active {
display: flex;
}
.image-664 {
opacity: .41;
filter: none;
display: block;
}
.div-block-3706.solutions1 {
padding: 12px;
display: none;
}
.div-block-3706.solutions1.mobi {
flex-direction: column;
padding-top: 0;
display: none;
}
.div-block-3708 {
color: #7f8e91;
background-color: #f2f7f8;
border: 0 solid #e0e0e0;
border-radius: 99px;
justify-content: center;
align-items: center;
margin-bottom: 12px;
padding: 5px;
font-family: Circularxxweb, sans-serif;
font-size: 12px;
font-weight: 300;
display: none;
}
.menu_holder {
display: flex;
}
.menu_holder.solutions {
z-index: 1;
display: none;
position: relative;
}
.div-block-3710 {
width: 100%;
height: 70px;
background-color: #000;
justify-content: space-between;
}
.div-block-3711 {
width: 100%;
text-align: center;
justify-content: flex-start;
padding-top: 0;
display: none;
}
.div-block-3713 {
margin-bottom: 0;
font-family: Imperial, sans-serif;
font-weight: 400;
line-height: 32px;
display: none;
}
.div-block-1340-copy {
margin-bottom: 10px;
padding: 0;
}
.div-block-3272-copy {
font-family: "Franklin 600", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.a4-copy1 {
font-family: "Franklin 600", sans-serif;
font-size: 14px;
line-height: 14px;
}
.div-block-1339-copy {
padding-top: 0;
}
.first_screen {
display: none;
}
.first_screen.active {
padding-top: 0;
padding-left: 5px;
}
.chapter0 {
max-width: 100%;
border-bottom-width: 0;
flex-direction: column-reverse;
justify-content: flex-start;
padding: 0;
display: flex;
}
.div-block-3409-copy {
max-width: 100%;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
justify-items: start;
margin-top: 30px;
display: none;
}
.div-block-3718 {
width: 100%;
height: 1px;
max-height: 1px;
min-height: 1px;
background-color: #e23939;
position: absolute;
bottom: -1px;
}
.top_c {
z-index: 99;
width: 100%;
height: 2px;
max-height: 2px;
min-height: 2px;
background-color: #000;
border: 0 solid #000;
display: none;
position: absolute;
top: 0;
overflow: hidden;
}
.div-block-3720 {
width: 100%;
height: 1px;
}
.main_conv {
max-width: 360px;
}
.div-block-3723 {
display: none;
}
.div-block-3270-copy {
color: #474646;
}
.content_here {
padding-left: 10px;
padding-right: 10px;
}
.sidecontent, .sidecontent._2, .sidearrows {
display: none;
}
.anim_message-copy {
max-width: 360px;
top: 192px;
}
.conversation_main {
width: 100%;
min-width: auto;
}
.sidearrows1.a {
display: none;
}
.div-block-3869 {
padding-right: 15px;
}
.div-block-3873 {
height: 200px;
}
.div-block-3874 {
display: none;
}
.container_resize {
max-height: 700px;
max-width: 360px;
}
.theshadow, .skateboarding {
display: none;
}
.message_break {
background-color: #fff;
background-image: none;
border-top-width: 1px;
border-top-color: #ececec;
justify-content: flex-start;
padding-top: 20px;
padding-left: 0;
padding-right: 0;
}
.message_break.dark {
padding-bottom: 50px;
}
.message_break.dark.second {
border-top-width: 0;
display: none;
}
.content_body.sol1 {
padding: 12px;
}
.content_body.sol1.mobi {
flex-direction: column;
padding-top: 0;
display: flex;
}
.a4-copy1-2 {
font-size: 14px;
line-height: 14px;
}
.container_1._64 {
display: none;
}
.browser {
border-width: 0;
}
.div-block-3945 {
margin-bottom: 0;
font-weight: 400;
line-height: 32px;
display: flex;
}
.div-block-3272-copy-2 {
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.div-block-3949 {
margin-bottom: 10px;
}
.partners_cover {
height: auto;
padding-top: 25px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-3954 {
min-height: auto;
flex-direction: column;
}
.div-block-3955 {
width: 100%;
margin-bottom: 30px;
}
.div-block-3956 {
width: 100%;
height: auto;
background-color: #f1f1f1;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-3958 {
font-size: 40px;
line-height: 45px;
}
.intro_line {
color: #1f1f1f;
}
.div-block-3961 {
min-width: auto;
margin-right: 6px;
font-weight: 700;
}
.div-block-3962 {
color: #1a1a1a;
font-weight: 500;
}
.sheets_container {
display: none;
}
.div-block-3959-copy {
margin-top: 10px;
}
.div-block-3966-copy {
display: none;
}
.partners_page3 {
width: 100%;
height: auto;
padding-left: 0;
padding-right: 0;
}
.div-block-3967 {
overflow: hidden;
}
.div-block-3956-copy {
width: 100vw;
height: 94vh;
background-color: rgba(248, 248, 248, 0);
border-width: 0;
border-radius: 0;
flex-direction: column;
padding-left: 0;
padding-right: 0;
}
.stories_container {
width: 100%;
height: 100%;
border-width: 0;
}
.div-block-3970, .div-block-3966-copy-copy12 {
display: none;
}
.theslide {
min-height: auto;
flex-direction: column;
margin-right: 0;
}
.wrapper {
width: 100%;
}
.div-block-3975 {
flex-direction: column-reverse;
align-items: flex-start;
margin-bottom: 5px;
padding: 0 20px 10px;
position: static;
}
.div-block-3978 {
margin-bottom: 15px;
}
.sw_left {
width: 70px;
min-width: 70px;
margin-left: 0;
}
.sw_left:hover {
width: 70px;
}
.div-block-3996 {
display: none;
}
.div-block-3997 {
width: 100%;
height: 100%;
}
.partners_page2 {
height: auto;
padding: 0 20px 15px;
overflow: hidden;
}
.context_item {
width: 100%;
max-width: none;
color: #0c0c0c;
border-bottom-color: #e0e0e0;
margin-bottom: 20px;
padding-bottom: 20px;
}
.div-block-4002 {
color: #1f1f1f;
padding-left: 0;
font-size: 17px;
line-height: 28px;
}
.div-block-4003 {
width: 100%;
display: none;
}
.div-block-4004 {
width: 100%;
padding: 20px 5px 0 0;
}
.image-690 {
opacity: 1;
}
.div-block-4006 {
width: 40px;
height: 20px;
color: #fff;
background-color: #303030;
margin-right: 7px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-4006.s2 {
padding-left: 0;
font-size: 11px;
}
.div-block-4006.s3 {
padding-left: 0;
}
.div-block-4006.s1 {
justify-content: center;
margin-bottom: 0;
font-size: 11px;
line-height: 11px;
}
.div-block-4008 {
background-color: rgba(26, 25, 31, 0);
flex-direction: column-reverse;
padding-right: 0;
}
.partners_page4 {
height: auto;
padding: 15px 20px 0;
}
.partners_page5 {
height: 80vh;
min-height: 80vh;
padding-left: 20px;
padding-right: 20px;
}
.div-block-4008-copy {
background-color: rgba(26, 25, 31, 0);
border-radius: 0;
}
.div-block-4009 {
font-size: 40px;
line-height: 45px;
}
.sw_left-copy {
width: 30%;
height: 35px;
min-height: 35px;
min-width: 32%;
margin-top: 10px;
margin-left: 0;
margin-right: 5px;
position: static;
bottom: 10px;
right: 10px;
}
.sw_left-copy:hover {
height: 35px;
}
.div-block-4004-copy {
width: 100%;
justify-content: flex-start;
padding-left: 0;
padding-right: 10px;
}
.div-block-3955-copy-copy {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.text-block-473 {
font-size: 17px;
line-height: 28px;
}
.div-block-4011 {
width: 90%;
display: flex;
position: static;
}
.div-block-1542-copy {
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-left: 20px;
padding-right: 0;
}
.div-block-1541-copy {
white-space: normal;
margin-right: 0;
font-size: 15px;
line-height: 19px;
}
.footer-bottom-links-copy {
width: 100%;
flex-flow: column wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: flex;
}
.div-block-4012 {
display: none;
}
.div-block-3566-copy {
border-bottom: 1px solid #e2e2e2;
border-left-width: 0;
border-right-width: 0;
padding: 10px 15px 10px 0;
}
.div-block-3566-copy.last {
border-bottom-width: 0;
padding-left: 0;
}
.div-block-3566-copy.o {
padding-right: 0;
}
._11div-block-2100-copy {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
padding-left: 0;
padding-right: 25px;
}
.topmenu-2 {
display: flex;
}
.menu_close_button {
padding: 12px;
display: flex;
}
.signin-3 {
font-size: 14px;
display: none;
}
.mobile_menu {
width: 100%;
align-items: center;
padding-left: 0;
padding-right: 0;
display: none;
position: fixed;
top: 0;
left: 0;
}
.registration_form-copy {
align-items: flex-start;
display: flex;
}
.div-block-4017 {
display: none;
}
.actionbutton {
font-size: 14px;
display: none;
}
.div-block-2473 {
justify-content: space-between;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 0;
}
.div-block-4018 {
padding-left: 0;
padding-right: 0;
}
.the_menu_button {
width: 52px;
height: 52px;
min-height: 52px;
min-width: 52px;
border-radius: 3px;
margin-right: 0;
padding: 10px;
display: flex;
}
.the_menu_button.hidden {
display: none;
}
.menu-button-image-2 {
width: 26px;
}
.overlayer-2 {
display: none;
}
.url_details_input {
margin-bottom: 35px;
}
.textarea-6-copy {
color: #000;
background-color: #fff;
border-color: #b7b7b8;
font-size: 15px;
font-weight: 500;
line-height: 29px;
}
.textarea-6-copy::-ms-input-placeholder {
color: #2c2c2c;
}
.textarea-6-copy::placeholder {
color: #2c2c2c;
}
.form_container_ai {
font-size: 16px;
font-weight: 700;
line-height: 22px;
}
.chapter_details-2 {
text-align: center;
margin-top: 20px;
padding-right: 0;
font-size: 20px;
line-height: 34px;
display: flex;
position: relative;
}
.div-block-4124 {
min-height: 600px;
}
.html-embed-19 {
height: 600px;
}
.large_headline1-2 {
margin-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
}
.large_headline1-2.home {
padding-left: 0;
}
.pagestatus {
padding-left: 15px;
padding-right: 15px;
}
.div-block-4127 {
display: none;
}
.div-block-4128 {
width: 100%;
height: 100%;
padding-top: 5px;
}
.div-block-3824-copy2 {
width: 100%;
min-width: 100%;
font-size: 19px;
font-weight: 300;
line-height: 32px;
}
.div-block-3527-copy-copy {
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 10px;
font-size: 17px;
font-weight: 300;
line-height: 30px;
display: flex;
}
.site_body_text-2.left {
width: 100%;
padding-right: 0;
}
.div-block-2723-copy-2 {
min-width: auto;
margin-left: 0;
}
.div-block-3824 {
width: 100%;
min-width: 100%;
margin-top: 10px;
font-size: 36px;
line-height: 47px;
}
._12nwsproductdemo-2-copy-copy-copy {
width: 100%;
}
.feature_chapter {
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.prod_manager {
flex-direction: column-reverse;
margin-top: 1px;
margin-bottom: 0;
}
.div-block-4134, .div-block-4135, .div-block-4136 {
display: none;
}
.phone_holder {
border-radius: 12px;
padding-top: 0;
overflow: hidden;
}
.content_count-copy {
height: auto;
flex-direction: row;
margin-top: auto;
margin-right: auto;
top: auto;
bottom: 20px;
left: 0;
right: auto;
}
.content_count-copy._2 {
display: none;
}
.content_count-copy._2.active {
top: 6px;
bottom: auto;
left: 0;
}
.p3.s2 {
display: flex;
}
.site_chapter-2 {
flex-direction: column;
align-items: flex-start;
padding-top: 50px;
}
.site_chapter-2.black {
height: auto;
background-color: #fff;
padding-bottom: 100px;
padding-left: 20px;
padding-right: 15px;
overflow: hidden;
}
.site_chapter-2.black-copy-copy-copy {
height: auto;
background-color: #fff;
padding: 0 15px 100px 20px;
overflow: hidden;
}
.site_chapter-2.black-copy-copy-copy.aa {
padding-top: 50px;
}
.site_chapter-2._2-copy {
background-image: linear-gradient(#f1f1f1, #fff);
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
flex-direction: column-reverse;
padding: 30px 15px 30px 20px;
}
.site_chapter-2._2 {
width: 100%;
background-image: linear-gradient(#f1f1f1, #fff);
border-top: 0 solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
flex-direction: column;
justify-content: flex-start;
padding: 30px 15px 50px 20px;
}
.site_chapter-2.black {
height: auto;
background-color: #fff;
padding: 0 15px 100px 20px;
overflow: hidden;
}
.site_chapter-2.black-copy-copy {
height: auto;
background-color: #fff;
padding-bottom: 100px;
padding-left: 20px;
padding-right: 15px;
overflow: hidden;
}
.homeintro-copy-2-copy {
width: auto;
height: auto;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
}
.homeintro-copy-2-copy.first {
align-items: center;
margin-left: auto;
}
.div-block-4142 {
width: 100%;
height: 310px;
min-height: auto;
align-items: flex-start;
display: flex;
top: 6px;
}
.div-block-4144 {
width: 384px;
justify-content: flex-start;
align-items: flex-start;
}
.div-block-4147 {
width: 100%;
min-width: 100%;
margin-top: 10px;
font-size: 36px;
line-height: 47px;
}
.div-block-3663-copy {
width: 384px;
align-items: flex-start;
display: flex;
top: -354px;
left: -135px;
transform: scale(.3);
}
.bottommenufinal-copy-3 {
width: auto;
min-width: 325px;
opacity: .2;
}
.div-block-196-copy-copy-2 {
justify-content: center;
align-items: center;
display: none;
}
.div-block-2133-copy {
width: 1280px;
max-width: 1500px;
}
.circle123.c1 {
width: 22px;
max-width: 22px;
min-width: 22px;
}
.bottom6 {
width: auto;
min-width: 325px;
opacity: .2;
}
.bottomcontainer-copy4-3 {
align-items: center;
display: none;
}
.div-block-4032 {
flex-direction: row;
margin-bottom: 10px;
display: flex;
}
.form-input-6 {
padding-left: 10px;
}
.div-block-4031 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 80px;
}
.div-block-4153 {
width: 100%;
min-width: 100%;
margin-top: 10px;
font-size: 36px;
line-height: 47px;
}
.form-grid-halves-copy-3 {
grid-template-columns: 1fr;
}
.div-block-4154 {
padding-top: 20px;
padding-bottom: 30px;
}
.link-block-3 {
margin-bottom: 10px;
margin-left: 0;
margin-right: 10px;
}
.form-error-4 {
padding: 12px;
}
.div-block-3776 {
display: none;
}
.div-block-4157 {
width: 100%;
}
.div-block-3824-copy {
width: 100%;
min-width: 100%;
margin-top: 10px;
font-size: 36px;
line-height: 47px;
}
.div-block-3824-copy2-copy, .div-block-3824-copy2-copy-copy {
width: 100%;
min-width: 100%;
font-size: 19px;
font-weight: 300;
line-height: 32px;
}
.div-block-4336 {
font-size: 40px;
line-height: 45px;
}
.image-704 {
opacity: 1;
}
.div-block-4334 {
min-width: auto;
margin-right: 6px;
font-size: 19px;
font-weight: 300;
line-height: 29px;
}
.branding_logo_pitch {
border-top: 1px solid #f7f7f7;
padding-top: 20px;
padding-bottom: 10px;
}
.div-block-4322 {
min-height: auto;
flex-direction: column;
}
.div-block-4322.thecover {
width: auto;
height: auto;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
}
.div-block-4337 {
margin-top: 10px;
padding-left: 0;
}
.div-block-4324 {
padding-left: 0;
}
.intro_line-2 {
color: #1f1f1f;
}
.div-block-4371.last {
border-right-width: 0;
margin-right: 0;
padding-right: 0;
}
.div-block-4331-copy {
z-index: 1;
width: 100%;
height: 100%;
border-radius: 8px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.sheets_container-2 {
border-top: 1px solid #f0f0f0;
margin-top: 0;
display: flex;
}
.div-block-4354 {
display: none;
}
.div-block-4354.first {
height: auto;
}
.partners_cover-2 {
height: auto;
min-height: 100vh;
padding: 25px 20px 40px;
}
.div-block-4372 {
width: 100%;
justify-content: flex-start;
margin-bottom: 30px;
}
.div-block-4338 {
width: 100%;
}
.div-block-3959-copy-2 {
margin-top: 10px;
}
.div-block-4374 {
font-size: 40px;
line-height: 45px;
}
.div-block-3214 {
border-color: #dfdfdf;
padding-left: 15px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .08);
}
.div-block-3956-copy-2 {
width: 100vw;
height: 650px;
background-color: rgba(248, 248, 248, 0);
border-width: 0;
border-radius: 0;
flex-direction: column;
padding: 0 20px;
}
.div-block-3956-copy-2.large.style1.demo, .div-block-4320 {
display: none;
}
.div-block-4375 {
opacity: 1;
color: #1b1b1b;
font-size: 19px;
font-weight: 300;
line-height: 29px;
}
.chapter {
width: 100%;
height: auto;
padding-left: 0;
padding-right: 0;
}
.chapter.gray.demo {
display: none;
}
.chapter._100 {
height: auto;
min-height: auto;
padding-top: 20px;
}
.div-block-3955-copy-copy-2 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.div-block-4361 {
padding-left: 15px;
padding-right: 15px;
left: 0;
}
.div-block-4377 {
flex-direction: column-reverse;
align-items: flex-start;
margin-bottom: 5px;
padding: 0 20px 10px;
position: static;
}
.div-block-4321 {
margin-bottom: 15px;
}
.div-block-4333 {
padding-right: 20px;
}
.intro_line-3 {
color: #1f1f1f;
}
.div-block-3217 {
padding-left: 20px;
padding-right: 20px;
}
.div-block-4313 {
width: 100%;
height: 100%;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-3215.left, .div-block-4380 {
display: none;
}
.stories_container-2 {
width: 100%;
height: 100%;
border-width: 0;
}
.theslide-2 {
min-height: auto;
flex-direction: column;
margin-right: 0;
}
.theslide-2.stories {
padding-left: 0;
}
.pitch_navigation.lightscroll {
display: none;
}
.intro_line-2-copy {
color: #1f1f1f;
}
.div-block-4187.active_scene {
display: none;
}
.native_display {
padding-top: 0;
padding-bottom: 0;
}
.div-block-4449 {
height: auto;
color: #f3ebeb;
background-color: #1d1d1d;
border: 0 solid #000;
border-radius: 99px;
margin-bottom: 0;
margin-right: 5px;
padding: 9px 18px;
font-size: 12px;
font-weight: 500;
}
.div-block-4449:hover {
color: #f5f0f0;
background-color: #313131;
border: 0 solid #000;
}
.style_slider {
border-bottom-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-left: 0;
}
.tabswitch-4.yellow {
background-color: #f1f1f1;
}
.div-block-4453 {
letter-spacing: -.5px;
font-size: 22px;
}
.skill_item {
border-width: 1px;
border-color: #f3f3f3;
border-radius: 16px;
padding-left: 20px;
padding-right: 15px;
transition-duration: 50ms;
}
.skill_item:hover {
background-color: #f8f8f8;
border-width: 0;
}
.skill_item:active {
color: #f5ebeb;
background-color: #242424;
border-color: #242424;
}
.skill_item:focus {
color: #fff;
background-color: #242424;
}
.div-block-4454 {
border: 0 solid #000;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
padding: 10px 10px 0;
}
.create_flow.noborder._500 {
height: 0;
min-height: 0;
min-width: 100%;
border-bottom: 0 solid rgba(231, 229, 229, .6);
}
.create_flow.noborder._500.active {
height: 90px;
min-height: 90px;
}
.content_cta {
min-width: 100vw;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
display: none;
left: 0;
}
.content_cta.active {
padding-top: 40px;
padding-bottom: 65px;
}
.create_dropdown {
margin-bottom: 35px;
}
.skill_category {
margin-bottom: 0;
}
.div-block-4455 {
padding-left: 10px;
padding-right: 10px;
}
.div-block-4455._450 {
height: 90px;
min-height: 90px;
min-width: 100%;
background-image: linear-gradient(#f8fafc, #fff);
border-bottom-width: 1px;
border-bottom-color: #ececec;
padding-top: 20px;
padding-bottom: 20px;
}
.skill_item-copy {
border-width: 1px;
border-color: #f3f3f3;
border-radius: 16px;
padding-left: 20px;
padding-right: 15px;
transition-duration: 50ms;
}
.skill_item-copy:hover {
background-color: #f8f8f8;
border-width: 0;
}
.skill_item-copy:active {
color: #f5ebeb;
background-color: #242424;
border-color: #242424;
}
.skill_item-copy:focus {
color: #fff;
background-color: #242424;
}
.div-block-4023-copy {
width: 18px;
height: 18px;
min-height: 18px;
min-width: 18px;
font-size: 9px;
}
.skills {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.input_context {
color: #9b9999;
font-size: 11px;
font-weight: 400;
}
.div-block-4041 {
height: 370px;
padding-top: 25px;
}
._1create_right-copy.lightscroll.active {
width: 100%;
max-width: 100%;
min-width: 100%;
}
.div-block-4459 {
margin-right: 10px;
}
.ai_input {
height: 60px;
background-color: #fff;
border-color: #b7b7b8;
font-size: 15px;
font-weight: 500;
}
.ai_input::-ms-input-placeholder {
color: #2c2c2c;
}
.ai_input::placeholder {
color: #2c2c2c;
}
.create_standard {
margin-bottom: 35px;
}
.generate_content.active {
background-color: #1a1a1a;
border-color: #1a1a1a;
font-size: 13px;
}
.page_content.active {
height: auto;
padding-bottom: 120px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-3953 {
font-size: 18px;
line-height: 29px;
}
.div-block-4058 {
padding: 8px 20px;
}
.sw_wrapper {
border-left: 1px solid #f1f1f1;
padding-left: 0;
}
.div-block-4460 {
font-size: 16px;
font-weight: 700;
}
.form-block-10._500 {
height: auto;
min-width: auto;
}
.div-block-4042 {
margin-top: 14px;
}
.create_standard_large {
margin-bottom: 35px;
}
.textarea-6 {
color: #000;
background-color: #fff;
border-color: #b7b7b8;
font-size: 15px;
font-weight: 500;
line-height: 29px;
}
.textarea-6::-ms-input-placeholder {
color: #2c2c2c;
}
.textarea-6::placeholder {
color: #2c2c2c;
}
.div-block-3956-copy-2-copy {
width: 100vw;
height: 110vh;
background-color: rgba(248, 248, 248, 0);
border-width: 0;
border-radius: 0;
flex-direction: column;
padding-left: 0;
padding-right: 0;
}
.div-block-4464 {
display: none;
}
.div-block-4465 {
padding-left: 10px;
padding-right: 10px;
}
.dropdownholder-copy, .help_item {
display: none;
}
.div-block-4480 {
z-index: 2;
}
.div-block-4490 {
font-size: 12px;
}
.div-block-4381-copy {
display: none;
}
.mobilewarn {
text-align: center;
line-height: 24px;
display: flex;
}
.text-block-486 {
text-align: left;
}
.projects_list {
display: none;
}
.panel_header.active {
height: auto;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.variations_container {
display: none;
}
.div-block-4519 {
padding-right: 10px;
position: relative;
}
.div-block-4520 {
display: none;
}
.div-block-4523 {
padding: 10px;
}
.div-block-4524 {
margin-left: 10px;
font-size: 16px;
}
.div-block-4528.spaced {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.overview_line2 {
font-size: 29px;
}
.div-block-4530 {
padding-right: 10px;
position: relative;
}
.div-block-4531 {
display: none;
}
.div-block-4533 {
padding: 10px;
}
.overview_line1 {
font-weight: 500;
line-height: 22px;
}
.div-block-4534 {
margin-left: 10px;
font-size: 16px;
}
.help_item-copy, .div-block-4545 {
display: none;
}
.div-block-4574 {
top: 4px;
}
.div-block-4651 {
top: 38px;
}
.div-block-4578 {
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-4630 {
font-size: 40px;
line-height: 50px;
}
.div-block-4576 {
font-size: 18px;
}
.div-block-4573 {
min-width: auto;
}
.div-block-4575 {
font-size: 18px;
}
.html-embed-22 {
height: 600px;
}
.showcase_holder_2 {
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
padding-left: 0;
padding-right: 15px;
}
.div-block-4603 {
flex-direction: column;
justify-content: flex-start;
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-4587-copy-copy {
padding-bottom: 10px;
padding-right: 0;
}
.div-block-4606 {
padding-top: 160px;
}
.div-block-4606.middle {
width: 50%;
margin-right: 15px;
padding-top: 0;
}
.div-block-4610 {
width: 100%;
}
.div-block-4614 {
height: auto;
padding: 50px 10px;
}
.div-block-4607 {
margin-bottom: 20px;
}
.div-block-4609 {
font-size: 17px;
}
.div-block-4633 {
display: none;
}
.html-embed-23 {
height: 600px;
}
.div-block-2133-copy-copy {
width: 1280px;
max-width: 1500px;
}
.div-block-4587.sk {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-3846 {
display: none;
}
.html-embed-24 {
height: 600px;
}
.div-block-4627 {
display: none;
}
.studio_window {
width: 384px;
align-items: flex-start;
display: flex;
top: -354px;
left: -135px;
transform: scale(.3);
}
.div-block-4773 {
padding-left: 20px;
}
.div-block-4775 {
margin-bottom: 5px;
padding-bottom: 5px;
}
.div-block-4777 {
width: 100%;
margin-top: 10px;
padding-left: 0;
}
.html-embed-27 {
height: 600px;
}
.custom_splash {
position: relative;
top: -337px;
left: -127px;
transform: scale(.25);
}
.div-block-4786 {
display: none;
}
.div-block-4789 {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
}
.div-block-4790 {
border-bottom: 1px solid #e2e2e2;
border-left-width: 0;
border-right-width: 0;
padding: 10px 15px 10px 0;
}
.div-block-4790.last {
padding-left: 0;
}
.div-block-4790.o {
padding-right: 0;
}
.div-block-4791 {
color: #000;
align-items: center;
margin-left: 14px;
padding-left: 0;
padding-right: 15px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.div-block-4792, .div-block-4792-copy {
border: 0 solid #000;
padding: 2px 30px 20px 20px;
}
.div-block-4793 {
font-size: 20px;
line-height: 33px;
}
.div-block-4794 {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
padding-left: 0;
}
.div-block-4795 {
border-bottom: 1px solid #e2e2e2;
border-left-width: 0;
border-right-width: 0;
padding: 10px 15px 10px 10px;
}
.div-block-4795.o {
padding-left: 10px;
padding-right: 20px;
}
.div-block-4795.last {
padding-left: 10px;
}
.div-block-4054 {
border-bottom-width: 0;
padding-top: 0;
padding-bottom: 10px;
padding-left: 0;
}
.div-block-4796 {
color: #000;
align-items: center;
margin-left: 5px;
padding-left: 0;
padding-right: 15px;
font-size: 13px;
font-weight: 700;
display: flex;
}
.div-block-4798 {
height: 220px;
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.div-block-4651-copy {
top: 38px;
}
.div-block-4804 {
flex-direction: column-reverse;
padding-left: 20px;
padding-right: 20px;
}
.div-block-4805 {
padding-left: 0;
}
.div-block-4806.f {
width: 100%;
min-height: 500px;
min-width: 100%;
margin-bottom: 20px;
}
.div-block-4587-copy-copy-copy {
padding-bottom: 10px;
padding-right: 0;
}
.image-758 {
height: 100%;
object-fit: cover;
}
.div-block-4811 {
width: 100%;
overflow: hidden;
}
.div-block-4812 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-509 {
background-image: linear-gradient(135deg, #1835f4, #f7198b 98%);
line-height: 50px;
}
.div-block-4814 {
text-align: center;
margin-left: 10px;
}
.div-block-4815 {
display: none;
}
.div-block-3527-copy-2 {
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
margin-bottom: 5px;
padding-left: 0;
padding-right: 10px;
font-size: 18px;
font-weight: 300;
line-height: 27px;
display: flex;
}
.div-block-4816 {
justify-content: space-between;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 0;
}
.div-block-4817 {
min-width: 250px;
}
.image-761 {
min-width: 75px;
}
.first_screen-2 {
display: none;
}
.first_screen-2.active {
justify-content: flex-start;
margin-left: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-2477 {
color: #ebebeb;
padding-top: 16px;
padding-bottom: 16px;
font-size: 24px;
}
.div-block-4822 {
padding: 0;
}
.div-block-4822.special {
height: auto;
padding: 0;
}
.c800 {
display: none;
}
.div-block-2471 {
width: 100%;
height: 60px;
justify-content: flex-end;
align-items: center;
padding-right: 10px;
display: flex;
}
.mail1 {
display: none;
}
.deal_terms-copy {
min-width: 300px;
}
.c600, .div-block-4828 {
display: none;
}
.div-block-4075 {
font-size: 20px;
line-height: 33px;
}
.form-input-8 {
padding-left: 10px;
}
.div-block-4672-copy {
margin-top: 20px;
}
.div-block-3824-copy2-2 {
width: 100%;
min-width: 100%;
font-size: 20px;
font-weight: 300;
line-height: 33px;
}
.div-block-3824-copy2-2.smallest {
min-width: auto;
}
.deal_name {
text-align: left;
letter-spacing: -.8px;
font-size: 44px;
font-weight: 300;
line-height: 58px;
}
.div-block-3411-copy {
min-height: auto;
justify-content: flex-start;
padding-bottom: 20px;
}
.headline_1 {
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 10px;
font-size: 17px;
font-weight: 700;
line-height: 30px;
display: flex;
}
.cline {
display: none;
}
.image-763 {
min-width: 75px;
}
.home_intro-copy {
max-width: 100%;
border-bottom-width: 0;
justify-content: flex-start;
margin-bottom: 0;
padding: 16px 0 0;
}
.div-block-4072 {
text-align: center;
flex-direction: column;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.div-block-4057-copy {
padding-left: 5px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
top: -11px;
left: 0;
}
.deal_terms {
min-width: 300px;
margin-top: 30px;
}
.site_body_text-3 {
width: 100%;
margin-top: 20px;
padding-top: 38px;
padding-bottom: 40px;
}
.site_body_text-3.left {
width: 100%;
padding-bottom: 20px;
padding-right: 0;
}
.testimonials {
background-color: rgba(248, 248, 246, 0);
margin-top: 20px;
margin-bottom: 10px;
}
.overlayer-3 {
display: none;
}
.div-block-4019-copy-copy {
height: 600px;
min-height: 600px;
border-width: 0;
border-radius: 0;
display: flex;
}
.div-block-4075-copy {
margin-top: 10px;
padding-top: 10px;
font-size: 17px;
line-height: 30px;
}
.div-block-4839 {
width: 100%;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
}
.allchapters-copy_-copy {
min-height: 700px;
background-color: #f3f3f3;
justify-content: flex-start;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.actionbutton-2 {
font-size: 14px;
display: none;
}
.div-block-4840 {
width: 100%;
height: 300px;
display: none;
}
.image-471 {
width: 19px;
filter: invert();
}
.div-block-4841 {
display: none;
}
.image-764 {
min-width: 75px;
}
.c400 {
display: none;
}
.c1000 {
height: auto;
display: none;
}
.mail1-copy {
display: none;
}
.dsplogos {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(20px, 80px));
grid-auto-columns: minmax(80px, 1fr);
align-content: center;
align-items: center;
justify-items: start;
padding: 14px 15px 30px 11px;
display: grid;
}
.div-block-4670-copy {
display: none;
}
.div-block-4852 {
position: relative;
top: 0;
}
.div-block-4854 {
padding-left: 0;
padding-right: 0;
}
.large_headline1-3 {
margin-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
}
.large_headline1-3.home {
padding-left: 0;
}
.large_headline1-3.home.spaced, .large_headline1-3.home.spaced-copy {
padding-left: 10px;
}
.div-block-4074 {
border-radius: 99px;
margin-bottom: 10px;
}
.image-759 {
min-width: 75px;
}
.partnerlogo {
width: 100%;
height: 50px;
}
.partnerlogo._2 {
display: none;
}
.partnerlogo.s5.ss {
display: flex;
}
.div-block-3824-copy-2 {
width: 100%;
min-width: 100%;
margin-top: 0;
margin-bottom: 5px;
font-size: 36px;
line-height: 47px;
}
.topmenu-3 {
display: flex;
position: static;
}
.div-block-4867._2 {
display: flex;
}
.c200 {
display: none;
}
.image-768 {
min-width: 75px;
}
.image-769 {
min-width: 80px;
}
.div-block-4868 {
display: none;
}
.div-block-3722-copy {
padding-top: 20px;
padding-bottom: 30px;
}
.div-block-4871 {
width: 100%;
min-width: 100%;
margin-top: 10px;
font-size: 36px;
line-height: 47px;
}
.div-block-4872 {
display: none;
}
.div-block-4874 {
width: 100%;
height: 100%;
padding-top: 5px;
}
.div-block-4878 {
width: 100%;
min-width: 100%;
margin-top: 10px;
font-size: 36px;
line-height: 47px;
}
.div-block-4879 {
display: flex;
top: 245px;
left: -402px;
}
.site_body_text-4 {
width: 100%;
margin-top: 20px;
padding-top: 38px;
padding-bottom: 40px;
}
.div-block-3805.hide-scrollbar {
height: 100%;
justify-content: flex-start;
padding-left: 10px;
padding-right: 10px;
}
.product_management-2 {
flex-direction: column-reverse;
margin-top: 1px;
margin-bottom: 0;
}
.landing_pages-2 {
width: 100%;
height: auto;
max-width: none;
background-color: rgba(255, 255, 255, 0);
border-radius: 0;
justify-content: flex-start;
padding-left: 0;
}
.landing_pages-2.active {
height: 680px;
background-color: rgba(248, 248, 246, 0);
border-color: #fff;
border-radius: 0;
justify-content: flex-start;
padding-top: 0;
}
.content_selector-2 {
margin-bottom: 0;
margin-right: 8px;
}
.thephone1-2 {
width: 100%;
background-color: rgba(255, 255, 255, 0);
border-width: 0;
border-radius: 0;
align-items: flex-start;
padding: 0;
}
.div-block-4888 {
display: none;
}
.text-block-516 {
font-size: 14px;
}
.div-block-4889 {
display: none;
}
.div-block-3527-copy-copy-2 {
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 10px;
font-size: 17px;
font-weight: 300;
line-height: 30px;
display: flex;
}
.div-block-2750-copy-2 {
padding-top: 50px;
}
.menu_holder-copy {
display: flex;
}
.menu_holder-copy.solutions {
z-index: 1;
display: none;
position: relative;
}
.div-block-4892 {
width: 100%;
overflow: hidden;
}
.div-block-4893 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-519 {
background-image: linear-gradient(135deg, #1835f4, #f7198b 98%);
line-height: 50px;
}
.div-block-4895 {
text-align: center;
margin-left: 10px;
}
.div-block-4897 {
display: none;
}
.div-block-3527-copy-3 {
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
margin-bottom: 5px;
padding-left: 0;
padding-right: 10px;
font-size: 18px;
font-weight: 300;
line-height: 27px;
display: flex;
}
.div-block-4898 {
justify-content: space-between;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 0;
}
.div-block-4899 {
min-width: 250px;
}
.image-775 {
min-width: 75px;
}
.first_screen-3 {
display: none;
}
.first_screen-3.active {
justify-content: flex-start;
margin-left: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-4902 {
color: #ebebeb;
padding-top: 16px;
padding-bottom: 16px;
font-size: 24px;
}
.div-block-4905 {
padding: 0;
}
.div-block-4905.special {
height: auto;
padding: 0;
}
.div-block-4907 {
width: 100%;
height: 60px;
justify-content: flex-end;
align-items: center;
padding-right: 10px;
display: flex;
}
.div-block-4913 {
display: none;
}
.div-block-4915 {
font-size: 20px;
line-height: 33px;
}
.form-input-9 {
padding-left: 10px;
}
.image-777 {
min-width: 75px;
}
.div-block-4924 {
text-align: center;
flex-direction: column;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.site_body_text-5 {
width: 100%;
margin-top: 20px;
padding-top: 38px;
padding-bottom: 40px;
}
.site_body_text-5.left {
width: 100%;
padding-bottom: 20px;
padding-right: 0;
}
.div-block-4927 {
width: 100%;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
}
.actionbutton-3 {
font-size: 14px;
display: none;
}
.div-block-4928 {
width: 100%;
height: 300px;
display: none;
}
.image-778 {
width: 19px;
filter: invert();
}
.div-block-4929 {
display: none;
}
.image-780 {
min-width: 75px;
}
.div-block-4940 {
position: relative;
top: 0;
}
.div-block-4943 {
padding-left: 0;
padding-right: 0;
}
.div-block-4951 {
border-radius: 99px;
margin-bottom: 10px;
}
.image-784 {
min-width: 75px;
}
.topmenu-4 {
display: flex;
position: static;
}
.div-block-4958._2 {
display: flex;
}
.image-785 {
min-width: 75px;
}
.image-786 {
min-width: 80px;
}
.div-block-4959 {
display: none;
}
.div-block-4963 {
font-size: 20px;
line-height: 33px;
}
.div-block-4964 {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
padding-left: 0;
}
.div-block-4966 {
border-bottom: 1px solid #e2e2e2;
border-left-width: 0;
border-right-width: 0;
padding: 10px 15px 10px 10px;
}
.div-block-4966.o {
padding-left: 10px;
padding-right: 0;
}
.div-block-4966.last {
padding-left: 10px;
}
.div-block-4967 {
padding-bottom: 10px;
padding-left: 0;
}
.div-block-4968 {
color: #000;
align-items: center;
margin-left: 5px;
padding-left: 0;
padding-right: 15px;
font-size: 13px;
font-weight: 700;
display: flex;
}
.div-block-4964-copy {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
padding-left: 0;
}
.phone_holder-copy {
border-radius: 12px;
padding-top: 0;
overflow: hidden;
}
.div-block-4331-copy-copy {
z-index: 1;
width: 100%;
height: 100%;
border-radius: 8px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-4940-copy {
position: relative;
top: 0;
}
.home_intro-copy-copy {
max-width: 100%;
border-bottom-width: 0;
justify-content: flex-start;
margin-bottom: 0;
padding: 16px 0 0;
}
.div-block-3527-copy-3-copy {
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
margin-bottom: 5px;
padding-left: 0;
padding-right: 10px;
font-size: 18px;
font-weight: 300;
line-height: 27px;
display: flex;
}
.div-block-4057-copy-copy, .deal_lable {
padding-left: 5px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
top: -11px;
left: 0;
}
.div-block-3657-copy {
flex-direction: column;
padding-left: 15px;
padding-right: 10px;
}
.div-block-3657-copy.solutions, .div-block-3682-copy, .div-block-3682-copy.mob {
padding: 0;
}
.div-block-3700-copy {
z-index: 1;
position: relative;
}
.div-block-3701-copy, .div-block-3701-copy.sol {
border-width: 0;
}
.div-block-3657-copy-copy {
flex-direction: column;
padding-left: 15px;
padding-right: 10px;
}
.div-block-3657-copy-copy.solutions {
padding: 0;
}
.platform1 {
display: none;
}
.ttu._600, .ttu._1600-copy, .ttu._600, .ttu._600 {
width: 100%;
height: 100%;
max-width: 100%;
}
.div-block-845-copy {
justify-content: space-between;
margin-left: 15px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
}
.div-block-5069 {
font-size: 20px;
line-height: 33px;
}
.div-block-5070 {
width: 100%;
overflow: hidden;
}
.div-block-5071 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-526 {
background-image: linear-gradient(135deg, #1835f4, #f7198b 98%);
line-height: 50px;
}
.allchapters-copy {
min-height: 700px;
background-color: #f3f3f3;
justify-content: flex-start;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-5074 {
display: none;
}
.div-block-3527-copy-4 {
color: #000;
text-align: left;
justify-content: flex-start;
align-items: center;
margin-bottom: 5px;
padding-left: 0;
padding-right: 10px;
font-size: 18px;
font-weight: 300;
line-height: 27px;
display: flex;
}
.div-block-5075 {
justify-content: space-between;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 0;
}
.first_screen-4 {
display: none;
}
.first_screen-4.active {
justify-content: flex-start;
margin-left: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-3526-copy-2 {
text-align: left;
letter-spacing: -.8px;
font-size: 44px;
font-weight: 300;
line-height: 58px;
}
.div-block-5079 {
color: #ebebeb;
padding-top: 16px;
padding-bottom: 16px;
font-size: 24px;
}
.right-arrow-4 {
width: 50px;
height: 150px;
margin-top: auto;
margin-bottom: auto;
top: -154px;
bottom: auto;
right: 86px;
}
.div-block-5080 {
width: 100%;
min-width: 100%;
margin-top: 10px;
font-size: 36px;
line-height: 47px;
}
.div-block-5081 {
width: 100%;
height: 60px;
justify-content: flex-end;
align-items: center;
padding-right: 10px;
display: flex;
}
.c1 {
width: 130px;
max-width: 130px;
min-width: 130px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5084 {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
padding-left: 0;
}
.content_types_button-2 {
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 32px;
display: flex;
position: relative;
}
.div-block-5086 {
height: 200px;
}
.image-791 {
width: 71px;
}
.image-793 {
height: 100%;
}
.div-block-4019-copy {
padding-top: 0;
padding-left: 0;
}
.div-block-5091 {
align-items: center;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 5px;
}
.div-block-5093 {
font-size: 20px;
line-height: 33px;
}
.image-726 {
height: 200px;
}
.div-block-5100 {
border-bottom: 1px solid #e2e2e2;
border-left-width: 0;
border-right-width: 0;
padding: 10px 15px 10px 10px;
}
.div-block-5100.o {
padding-left: 10px;
padding-right: 0;
}
.div-block-5100.last {
padding-left: 10px;
}
.div-block-5104 {
text-align: center;
flex-direction: column;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.site_body_text-6 {
width: 100%;
margin-top: 20px;
padding-top: 38px;
padding-bottom: 40px;
}
.site_body_text-6.left {
width: 100%;
padding-bottom: 20px;
padding-right: 0;
}
.div-block-5107 {
padding-bottom: 10px;
padding-left: 0;
}
.div-block-5110 {
width: 100%;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
}
.left-arrow-3 {
width: 50px;
height: 150px;
top: -154px;
bottom: auto;
left: 91px;
}
.slide-3 {
background-color: #fff;
}
.div-block-5111 {
width: 100%;
}
.div-block-5112._2 {
display: flex;
}
.image-795 {
width: 19px;
filter: invert();
}
.div-block-5113 {
display: none;
}
.div-block-4553 {
width: 100%;
}
.c2 {
width: 130px;
max-width: 130px;
margin-left: 10px;
}
.div-block-4488-copy {
width: 100%;
max-width: 100%;
background-color: #f8f8f6;
border: 1px solid #ebebeb;
border-radius: 12px;
padding: 24px;
}
.html-embed-30 {
height: 600px;
}
.div-block-5118 {
width: 60px;
min-width: 60px;
border-radius: 5px;
margin-right: 10px;
overflow: hidden;
}
.div-block-5118.last {
overflow: hidden;
}
.image-719.m {
height: 80px;
object-fit: cover;
}
.div-block-5122 {
color: #000;
align-items: center;
margin-left: 5px;
padding-left: 0;
padding-right: 15px;
font-size: 13px;
font-weight: 700;
display: flex;
}
.div-block-5123 {
font-size: 18px;
line-height: 27px;
}
.div-block-5126 {
padding-left: 0;
padding-right: 0;
}
.div-block-5127 {
margin-top: 10px;
}
.home_intro-2 {
max-width: 100%;
border-bottom-width: 0;
justify-content: flex-start;
padding: 16px 0 0;
}
.div-block-5131 {
font-size: 12px;
font-weight: 500;
line-height: 20px;
top: -11px;
left: 13px;
}
.div-block-2479-copy-copy-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
align-content: center;
align-items: center;
justify-items: start;
padding: 14px 0 30px 11px;
}
.div-block-5133 {
border-radius: 99px;
margin-bottom: 10px;
}
.div-block-4490-copy {
margin-bottom: 0;
font-size: 20px;
line-height: 33px;
}
.topmenu-5 {
display: flex;
position: static;
}
.nwsproductdemo-3.hide-scrollbar._67 {
height: 570px;
}
.text-block-526-copy {
background-image: linear-gradient(135deg, #1835f4, #f7198b 98%);
line-height: 50px;
}
.platform1-2 {
display: none;
}
.nwsproductdemo-4.hide-scrollbar._67 {
height: 570px;
}
.html-embed-7 {
display: none;
}
.div-block-5268 {
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
display: none;
}
.div-block-5283 {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
}
.div-block-5284 {
border-bottom: 1px solid #e2e2e2;
border-left-width: 0;
border-right-width: 0;
padding: 10px 15px 10px 0;
}
.div-block-5284.last {
padding-left: 0;
}
.div-block-5284.o {
padding-right: 0;
}
.div-block-5285 {
color: #000;
align-items: center;
margin-left: 14px;
padding-left: 0;
padding-right: 15px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.studio_window-copy {
width: 384px;
align-items: flex-start;
display: flex;
top: -354px;
left: -135px;
transform: scale(.3);
}
.html-embed-27-copy {
height: 600px;
}
.html-embed-32, ._1div-block-3343-copy {
display: none;
}
.div-block-4045 {
border-bottom-width: 0;
padding-bottom: 0;
}
.nav_items_sidebar {
z-index: 1;
height: auto;
background-color: #fff;
display: flex;
}
.div-block-3579 {
padding-left: 10px;
padding-right: 20px;
}
.sidebar_one {
width: 100%;
}
.div-block-4039 {
font-size: 18px;
}
.page_content-copy.active {
height: auto;
padding-bottom: 120px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-4464-copy, .variations_panel {
display: none;
}
.div-block-3526-copy-2-copy {
text-align: left;
letter-spacing: -.8px;
font-size: 44px;
font-weight: 300;
line-height: 58px;
}
.landing_pages-copy.active {
height: 680px;
height: 680px;
background-color: rgba(248, 248, 246, 0);
border-color: #fff;
border-radius: 0;
justify-content: flex-start;
padding-top: 0;
}
.landing_pages-copy.active.nopadding._100.c, .landing_pages-copy.active.nopadding._100.c-copy {
justify-content: center;
}
._1div-block-3956-copy-2-copy {
width: 100vw;
height: 650px;
background-color: rgba(248, 248, 248, 0);
border-width: 0;
border-radius: 0;
flex-direction: column;
padding: 0 20px;
}
._1div-block-3956-copy-2-copy.large.style1.demo {
display: none;
}
.regular_budget {
height: 60px;
background-color: #fff;
border-color: #b7b7b8;
font-size: 15px;
font-weight: 500;
}
.regular_budget::-ms-input-placeholder {
color: #2c2c2c;
}
.regular_budget::placeholder {
color: #2c2c2c;
}
.div-block-5407 {
margin-left: 10px;
font-size: 16px;
}
.projects_list-copy {
display: none;
}
.side_show.lightscroll.active {
width: 100%;
max-width: 100%;
min-width: 100%;
}
}
#w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd09-4946bf72, #w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd0a-4946bf72, #w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd0b-4946bf72, #w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd0c-4946bf72, #w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd0d-4946bf72, #w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd0e-4946bf72, #w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd0f-4946bf72, #w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd10-4946bf72, #w-node-_297fe4b1-e6a3-df13-4e60-871a1462fd11-4946bf72, #w-node-dd20fefc-5e0c-ddc6-ea41-12222d97518b-4946bf72, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193dc-4946bf75, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193dd-4946bf75, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193de-4946bf75, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193df-4946bf75, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193e0-4946bf75, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193e1-4946bf75, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193e2-4946bf75, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193e3-4946bf75, #w-node-_74eedbbc-1aa6-11d0-ee8f-7b5c135193e4-4946bf75 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e401a93a-a0a1-9f1f-1d0d-848c910bda1a-4946bf76 {
align-self: stretch;
}
#w-node-fe5de39a-2daa-a910-6dc3-5aef92cbbd05-4946bf76 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e401a93a-a0a1-9f1f-1d0d-848c910bda1a-4946bf77 {
align-self: stretch;
}
#w-node-fe5de39a-2daa-a910-6dc3-5aef92cbbd05-4946bf77, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf62-4946bf78, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf63-4946bf78, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf64-4946bf78, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf65-4946bf78, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf66-4946bf78, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf67-4946bf78, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf68-4946bf78, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf69-4946bf78, #w-node-ef5dbf25-fd04-547f-fe74-1e7507f5cf6a-4946bf78, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974de-4946bf88, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974df-4946bf88, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e0-4946bf88, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e1-4946bf88, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e2-4946bf88, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e3-4946bf88, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e4-4946bf88, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e5-4946bf88, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e6-4946bf88, #w-node-_912ae336-f702-00e4-5a07-7a979d37c47d-4946bf88, #w-node-_99386792-fea0-f738-8d33-2d7b671e1d9a-4946bf88, #w-node-ee43d574-efc0-62ce-bbd0-9d365d13f356-4946bf88, #w-node-d7209884-79aa-6c10-f5a4-748f51fd574d-4946bf88, #w-node-_99386792-fea0-f738-8d33-2d7b671e1da2-4946bf88 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e9642044-6c88-4cd9-20c2-778ffbd9b603-4946bf89 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-e9642044-6c88-4cd9-20c2-778ffbd9b615-4946bf89 {
align-self: stretch;
}
#w-node-e9642044-6c88-4cd9-20c2-778ffbd9b64d-4946bf89, #w-node-e9642044-6c88-4cd9-20c2-778ffbd9b6d7-4946bf89 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-e9642044-6c88-4cd9-20c2-778ffbd9b85e-4946bf89, #w-node-e9642044-6c88-4cd9-20c2-778ffbd9b862-4946bf89 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-e9642044-6c88-4cd9-20c2-778ffbd9b865-4946bf89 {
align-self: stretch;
}
#w-node-e9642044-6c88-4cd9-20c2-778ffbd9b8a1-4946bf89 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-e401a93a-a0a1-9f1f-1d0d-848c910bda1a-4946bf8a {
align-self: stretch;
}
#w-node-fe5de39a-2daa-a910-6dc3-5aef92cbbd05-4946bf8a, #w-node-_7819fb33-12cc-a367-7677-ca324beb08fc-4946bf8b, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974de-4946bf8f, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974df-4946bf8f, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e0-4946bf8f, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e1-4946bf8f, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e2-4946bf8f, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e3-4946bf8f, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e4-4946bf8f, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e5-4946bf8f, #w-node-a25e7e88-03e8-6379-1fc8-39ddd55974e6-4946bf8f, #w-node-_7819fb33-12cc-a367-7677-ca324beb08fc-4946bf97 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d92037d-714a-e53e-5ffb-192aff4ebb2d-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebb32-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebb81-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebb9e-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebba4-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebadf-4946bf9b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1d92037d-714a-e53e-5ffb-192aff4ebae4-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebae9-4946bf9b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d92037d-714a-e53e-5ffb-192aff4ebaee-4946bf9b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1d92037d-714a-e53e-5ffb-192aff4ebaf9-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebafe-4946bf9b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d92037d-714a-e53e-5ffb-192aff4ebb03-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebb08-4946bf9b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8f80b3bb-dd4c-03ba-9f27-cb6330a3c9f8-44774f4c, #w-node-_47550435-801b-3b33-492b-95bf8591e69d-b3363033 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 479px) {
#w-node-_1d92037d-714a-e53e-5ffb-192aff4ebae4-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebae9-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebaf9-4946bf9b, #w-node-_1d92037d-714a-e53e-5ffb-192aff4ebafe-4946bf9b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@font-face {
font-family: 'Franklin 600';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624c07b47646a8161167d37f_franklin-normal-600.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Imperial';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624c07b4c319735b551fe8fd_imperial-normal-.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noedisplay';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624c091d76a07f912592e7c3_NoeDisplay-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Imperial 400';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/637b4e6d7bee3d4ea19523b6_imperial-normal-400.2531995fefd3b997f9c4d564ebe89268.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Franklin 700';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/637b4e6f33634ca363e169b3_franklin-normal-700.b44c88f09ca7ce914b836d4ae72891b8.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neuehaasgrottext web';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/63d104428fa0bb65621a0f31_NeueHaasGrotText-65Medium-Web.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neuehaasgrotdisp web';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/63d10442266eee39724d598e_NeueHaasGrotDisp-65Medium-Web.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f44d73f3f0048bfc3bbb_SuisseIntl-Light.6057429.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f44d4d09a54bb612ff3f_SuisseIntl-Regular.25962ea.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f44da371ad66447761e2_SuisseIntl-Thin.fbc3b7e.woff2') format('woff2');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766c3530d7cf00796e1_CircularXXWeb-Black.woff') format('woff'), url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac7666459d0ba0ec18668_CircularXXWeb-ExtraBlack.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb book';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac7661552132f3c0a36b9_CircularXXWeb-Book.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766c25849a1c6652fa2_CircularXXWeb-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766d5a118d4c09e7462_CircularXXWeb-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766155213f1a90a36b8_CircularXXWeb-BlackItalic.woff') format('woff'), url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac7667389da7f2cde4287_CircularXXWeb-ExtraBlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766f2bb1e143075f374_CircularXXWeb-BookItalic.woff') format('woff'), url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766d4252d1cd5f56e76_CircularXXWeb-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766d760690ac2bb616d_CircularXXWeb-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766ce9ff551d39498f4_CircularXXWeb-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766fe7dfc24a5d80d5b_CircularXXWeb-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766f2bb1e51dd75f375_CircularXXWeb-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766748a7f5e3cde8499_CircularXXWeb-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac7667c8c09453f8cdaf8_CircularXXWeb-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circularxxweb';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac766caf73550f93e9ddb_CircularXXWeb-ThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'NoeTextSemibold';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624c091dd9638f63cf006dfe_NoeTextSemibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'NoeTextRegular';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624c091da582e065417fa45f_NoeTextRegular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'NoeTextBlack';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624c091d94c0b3258c994e59_NoeTextBlack.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Materialicons';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/624ac73ecd30a27371c21010_MaterialIcons-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Plusjakartadisplay';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f4d773f3f0048bfcd429_PlusJakartaDisplay-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Plusjakartadisplay';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f4d733fe2e3e04066856_PlusJakartaDisplay-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Plusjakartatext';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f4d7c684d5f42115f17e_PlusJakartaText-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Plusjakartadisplay';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f4d7427d19f7817e392e_PlusJakartaDisplay-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Plusjakartadisplay';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f4d7843d6d8929a81063_PlusJakartaDisplay-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Plusjakartatext';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f4d7e63fa6a15e94f1b1_PlusJakartaText-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Plusjakartatext';
src: url('https://assets.website-files.com/624ac72e42fe7f763857b93d/6509f4d7f741159cc5dcc51b_PlusJakartaText-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}