html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e3b23197b976a6f07_GraphikLCG-Semibold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e07ac6e6052d8d1fd_GraphikLCG-Semibold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427eebe94b31cc150507_GraphikLCG-Semibold.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ca022d9ed22cd271c_GraphikLCG-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e409ac68f610ee9ca_GraphikLCG-RegularItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e0fc2a9a7140805d2_GraphikLCG-SuperItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e2cf9168b504298a5_GraphikLCG-SuperItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e2a83d5cb5c8f606d_GraphikLCG-RegularItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ef1d5b52fbfbc3a26_GraphikLCG-SuperItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e0fc2a954730805d1_GraphikLCG-RegularItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427cff680f55a51a0814_GraphikLCG-RegularItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427cd5ab762c22892b58_GraphikLCG-SuperItalic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e10118c0ca46c2ed3_GraphikLCG-SemiboldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e535de1a14031bf7d_GraphikLCG-SemiboldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e07ac6e7787d8d1fe_GraphikLCG-SemiboldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c6dbe20a8335605cf_GraphikLCG-SemiboldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Graphiklcg super;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ef5b391d3eda807bc_GraphikLCG-Super.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e2cf916135d4298a4_GraphikLCG-Super.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e5a5a58fbeaf5223c_GraphikLCG-Super.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c409ac65a6e0ee9c9_GraphikLCG-Super.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c0fc2a95b760805d0_GraphikLCG-Black.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427b5735fb557ad52c86_GraphikLCG-Black.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ca51f0b285cf021f9_GraphikLCG-Black.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427bb341faaabdbb203e_GraphikLCG-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c3b231954526a6f06_GraphikLCG-BlackItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c5ceeee05e175e224_GraphikLCG-BlackItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c59429d4d9d16713e_GraphikLCG-BlackItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427bf1d5b5aad1bc3a25_GraphikLCG-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ca51f0b4d84f021fa_GraphikLCG-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c18432ba89581092a_GraphikLCG-Bold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d71fef6344e0536c2_GraphikLCG-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427b20cb60d11194f22b_GraphikLCG-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e18432b5b1c81092b_GraphikLCG-Thin.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ef5b3917f63a807bd_GraphikLCG-Thin.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427edfdf7ce1218ae1bb_GraphikLCG-Thin.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ca51f0b32edf021f6_GraphikLCG-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d869caa380835b747_GraphikLCG-BoldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c72e5b25277ce65b3_GraphikLCG-BoldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427de3d7d08e95b4e2cf_GraphikLCG-BoldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427b0fc2a965060805ce_GraphikLCG-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e20cb60dd4994f22e_GraphikLCG-ThinItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427eff680f84f11a0817_GraphikLCG-ThinItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e5a5a581c09f5223d_GraphikLCG-ThinItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c72e5b21f94ce65b2_GraphikLCG-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d2a83d5de458f606b_GraphikLCG-ExtralightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427dd1ec421b0206ad51_GraphikLCG-ExtralightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d2c3e70868e11482e_GraphikLCG-ExtralightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ca51f0b8b3bf021f5_GraphikLCG-ExtralightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427dafc6c1820dd4515a_GraphikLCG-LightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d5ceeee85d075e229_GraphikLCG-LightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d5995f96a4f68411a_GraphikLCG-LightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d71fef6bb380536c0_GraphikLCG-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d5621e8e31bf56d5f_GraphikLCG-Extralight.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d07ac6efad6d8d1c7_GraphikLCG-Extralight.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d20cb60dea594f22d_GraphikLCG-Extralight.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427b614eb464e7ffa9ce_GraphikLCG-Extralight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427dfbdc25b9ef6f5e7a_GraphikLCG-Medium.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427dff680f74091a0816_GraphikLCG-Medium.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d614eb4ae0fffa9d0_GraphikLCG-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c2cf91696d1429884_GraphikLCG-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d41be0d2968d47cd4_GraphikLCG-Light.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d614eb4d480ffa9cf_GraphikLCG-Light.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d07ac6e483cd8d1c8_GraphikLCG-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427c20cb60111494f22c_GraphikLCG-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427dfbdc25361d6f5e7b_GraphikLCG-MediumItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d5f5f1efe28452eb1_GraphikLCG-MediumItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427e1d26e3d56584e7c3_GraphikLCG-MediumItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d71fef681f50536c1_GraphikLCG-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Graphiklcg;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427d59429d6f0f167147_GraphikLCG-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427ddfdf7c7d3f8ae1b9_GraphikLCG-Regular.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427dd53ced5e80f9b73f_GraphikLCG-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109427cf5b391256ca807bb_GraphikLCG-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui display;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d0252f900015e48f0_SF-UI-Display-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d92092800012842e1_SF-UI-Text-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui display;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d0252f900015e48ee_SF-UI-Display-Ultralight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui display;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d0252f900015e48ef_SF-UI-Display-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui display;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d43c15000012d58e6_SF-UI-Display-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui display;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49de59b0a0001ac40d7_SF-UI-Display-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui display;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d8b98f500014e1cd3_SF-UI-Display-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui display;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49de59b0a0001ac40d8_SF-UI-Display-Heavy.ttf") format("truetype"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d0252f900015e48f1_SF-UI-Display-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui display;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d43c15000012d58e7_SF-UI-Display-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49de59b0a0001ac40d9_SF-UI-Text-SemiboldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d706df50001a3efb9_SF-UI-Text-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d706df50001a3efba_SF-UI-Text-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d8b98f500014e1cd4_SF-UI-Text-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d0252f900015e48f2_SF-UI-Text-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d706df50001a3efbb_SF-UI-Text-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d92092800012842e4_SF-UI-Text-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d43c15000012d58e8_SF-UI-Text-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d92092800012842e5_SF-UI-Text-HeavyItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49d92092800012842e6_SF-UI-Text-Heavy.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf ui text;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a3ce49e43c15000012d58e9_SF-UI-Text-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fontawesome webfont;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a46b082115b2f0001378a3a_fontawesome-webfont.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Font awesome 5 free 400";
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a46af583472ef00014b3bae_Font%20Awesome%205%20Free-Regular-400.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Font awesome 5 brands 400";
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a46af587b791a00019d2e6a_Font%20Awesome%205%20Brands-Regular-400.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Font awesome 5 free solid 900";
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a46af5880557a00017d1490_Font%20Awesome%205%20Free-Solid-900.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Als klementina;
src: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b57430ddbd9dd32f91c13b0_ALS_Klementina.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: block;
}
:root {
--medium-spring-green: #13ed9a;
--royal-blue: #2855bf;
--black-3: #212127;
--black-2: #22252d;
--blue: #2855bf;
--white: white;
--dark-slate-blue: #323f9b;
--royal-blue-hover: #1b66fb;
--footer: #181717;
--white-smoke: #f9f9fb;
--dim-grey: #575757;
--light-grey: #ccc;
--black: black;
--white-smoke-2: #f8f8f8;
--lime-green: #25cb50;
--firebrick: #d30000e0;
--light-sea-green: #45a897;
--tan: #cba48e;
--gainsboro: #e4e4e4;
}
.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-formrecaptcha {
margin-bottom: 8px;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
body {
background-color: #f8f8f8;
height: 100%;
font-family: Graphiklcg, sans-serif;
font-weight: 400;
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 100px;
font-weight: 700;
line-height: 90px;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
line-height: 24px;
}
p {
margin-bottom: 10px;
font-weight: 400;
}
img {
max-width: 100%;
display: inline-block;
}
figure {
margin-bottom: 10px;
}
.container {
z-index: 1;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1200px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 2em;
display: flex;
position: relative;
}
.background-video {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png");
background-position: 0 0, 50%;
background-size: auto, 1px;
background-attachment: scroll, fixed;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.social-icon {
width: 20px;
margin-right: 15px;
}
.social-icon-wrapper {
justify-content: space-between;
width: 250px;
display: flex;
}
.social-icon-wrapper.down {
justify-content: space-between;
width: 125px;
margin-top: 30px;
}
.grey {
color: #999;
}
.form-block {
justify-content: center;
width: 600px;
margin-top: 30px;
margin-bottom: 0;
display: flex;
}
.navlink-line {
background-color: var(--medium-spring-green);
height: 3px;
}
.play-button {
border: 4px solid #ffffff80;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
padding-left: 11px;
transition: border .2s;
display: flex;
position: relative;
}
.play-button:hover {
border-width: 44px;
border-color: #fff;
}
.triangle {
border-top: 15px solid #0000;
border-bottom: 15px solid #0000;
border-left: 30px solid #fff;
width: 0;
height: 0;
}
.black-triangle {
border-top: 15px solid #0000;
border-bottom: 15px solid #0000;
border-left: 30px solid #000;
width: 0;
height: 0;
position: absolute;
}
.flex {
flex-wrap: wrap;
justify-content: space-around;
display: flex;
}
.video-card {
opacity: 1;
color: #fff;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 15px 50px #0006;
}
.bg-img {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(#0006, #0006);
background-position: 0 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
transition: all .5s;
display: grid;
position: absolute;
inset: 0;
}
.heading {
color: #fff;
text-align: center;
text-transform: uppercase;
flex: 0 auto;
align-self: auto;
margin-left: auto;
margin-right: auto;
font-size: 35px;
line-height: 45px;
display: block;
position: static;
top: 25%;
left: 0;
right: 0;
}
.heading.en {
text-transform: none;
flex-flow: row;
flex: 0 auto;
order: -1;
align-self: auto;
align-items: stretch;
display: block;
}
.button {
z-index: 1;
background-color: var(--royal-blue);
color: #fff;
cursor: pointer;
height: 2.5em;
font-weight: 700;
text-decoration: none;
position: relative;
}
.button.page-transition {
background-color: #1057fb;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.button.white-button {
color: #024fbaed;
background-color: #fff;
}
.button-inlay {
justify-content: flex-start;
align-items: center;
height: 100%;
padding-left: 2em;
padding-right: 2em;
display: flex;
position: relative;
}
.button-line-left {
z-index: 2;
width: 5em;
height: 2px;
margin-right: -5em;
position: relative;
}
.line-inlay-white-left {
float: left;
background-color: #fff;
width: 100%;
height: 100%;
}
.line-inlay-white-left.white {
background-color: #024fbaed;
}
.button-title-wrapper {
z-index: 2;
align-self: center;
margin-right: 1em;
display: flex;
position: relative;
}
.button-title {
z-index: 100;
text-transform: uppercase;
flex: none;
align-self: center;
font-family: Sf ui text, sans-serif;
font-weight: 500;
line-height: 1em;
position: relative;
}
.button-line-right {
z-index: 2;
width: 5em;
height: 2px;
position: relative;
}
.line-inlay-white-right {
float: right;
background-color: #fff;
width: 100%;
height: 100%;
}
.line-inlay-white-right.white {
background-color: #024fbaed;
}
.section {
z-index: 3;
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px;
font-family: Roboto;
position: relative;
}
.acceleration-box-highlight {
z-index: 1;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0;
}
.acceleration-box-highlight-inlay {
background-color: var(--royal-blue);
width: 100%;
height: 100%;
}
.section-2 {
z-index: 100;
justify-content: center;
height: 100%;
display: block;
position: relative;
inset: 0;
}
.section-2.del {
display: block;
overflow: hidden;
}
.heading-2 {
direction: rtl;
color: #212127;
text-align: center;
flex-direction: row;
margin-bottom: 10px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
.heading-2.wh {
color: #fff;
}
.heading-2.wed-font {
color: var(--black-3);
margin-bottom: 20px;
font-family: Als klementina, sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 60px;
}
.centered-wrapper {
text-align: center;
max-width: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 0;
display: block;
}
.subtext-service {
z-index: 1;
margin-top: 15px;
position: relative;
}
.button-highlight {
z-index: 1;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0;
}
.button-highlight-inlay {
background-color: var(--black-2);
width: 100%;
height: 100%;
}
.txt {
color: #fff;
text-align: center;
text-transform: uppercase;
align-items: center;
margin-left: auto;
margin-right: auto;
font-size: 22px;
font-weight: 600;
line-height: 30px;
display: block;
}
.profit-block {
justify-content: space-around;
display: flex;
}
.col-profit {
background-color: #24252b;
border-radius: 5px;
flex: 1;
margin-left: 0;
padding: 30px;
box-shadow: -2px 10px 15px #0000001a;
}
.col-profit.left-20 {
border-radius: 4px;
margin-left: 20px;
}
.img-profit {
margin-bottom: 20px;
}
.txt-2 {
color: #f0f4f6;
margin-top: 10px;
margin-bottom: 10px;
font-family: Roboto;
font-size: 18px;
line-height: 30px;
}
.txt-3 {
color: #9ba3a3;
margin-top: 15px;
margin-bottom: 10px;
font-family: Roboto;
line-height: 27px;
}
.nav-bar {
z-index: 1000;
background-color: #0000;
border-bottom: 1px solid #ffffff24;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.nav-bar.black {
background-color: #000;
}
.navbar-container {
justify-content: space-between;
align-items: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.brand {
cursor: pointer;
width: 70px;
}
.brand.w--current {
width: 70px;
}
.nav-link-2 {
color: #fffc;
letter-spacing: 1px;
text-transform: none;
font-size: 14px;
font-weight: 700;
transition: all .4s;
}
.nav-link-2:hover, .nav-link-2.w--current {
color: #fff;
}
.nav-menu {
justify-content: center;
align-items: center;
display: flex;
}
.div-button {
z-index: 1;
opacity: 1;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
left: 0;
right: 0;
}
.col {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20%;
display: block;
}
.div-block-8 {
justify-content: space-around;
max-width: 1200px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-block-7 {
color: #fff;
text-align: center;
text-transform: uppercase;
margin-top: 10px;
font-family: Sf ui text, sans-serif;
font-weight: 400;
}
.paragraph-2 {
color: #fffc;
text-align: center;
font-weight: 400;
}
.div-block-9 {
border-top: 1px solid #ffffff24;
border-bottom: 1px solid #ffffff24;
max-width: 800px;
margin-top: 60px;
padding-top: 25px;
padding-bottom: 25px;
transition: opacity .2s;
display: block;
}
.block-quote {
color: #fff;
border-left-width: 3px;
margin-left: 15px;
font-size: 14px;
font-style: italic;
line-height: 24px;
}
.div-question {
cursor: pointer;
border-top: 1px solid #dcdcdc;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
.question-block {
float: left;
width: 90%;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.close-button-question {
float: left;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/59942915990f53000133f8c1_ic_keyboard_arrow_down_48px-128.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
width: 8%;
height: 25px;
margin-top: 5px;
margin-left: 1%;
display: inline-block;
}
.answer-block {
float: left;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 15px;
overflow: hidden;
}
.solution-paragraph {
height: 0;
padding-bottom: 5px;
font-weight: 500;
}
.citata {
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 90%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-10 {
flex: none;
width: 150px;
overflow: hidden;
}
.image-3 {
border-radius: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.text-block-8 {
color: #fff;
text-align: center;
margin-top: 5px;
font-size: 12px;
line-height: 16px;
}
.spec {
color: #fff;
letter-spacing: .5px;
font-size: 11px;
font-style: normal;
font-weight: 700;
}
.slide {
background-color: #0000;
justify-content: center;
align-items: center;
display: inline-block;
}
.mask {
width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
}
.slider {
background-color: #0000;
height: 250px;
}
.slide-nav {
color: #fff;
justify-content: center;
align-items: center;
height: 30px;
font-size: 8px;
line-height: 12px;
display: flex;
}
.form-block-2 {
background-color: #fff;
flex: 1;
width: 75%;
margin-bottom: 0;
}
.number-tel {
color: var(--black-2);
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 15px;
font-size: 24px;
font-weight: 900;
line-height: 30px;
text-decoration: none;
transition: color .2s;
display: inline-block;
}
.number-tel:hover {
color: var(--royal-blue);
}
.text-block-15 {
color: #797979;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.div-tel {
max-width: 320px;
margin-bottom: 20px;
}
.btn {
border: 1px #1057fb;
width: 100%;
min-width: 200px;
height: 50px;
margin-bottom: 0;
margin-left: 5px;
padding-left: 0;
padding-right: 0;
transition: background-color .2s;
position: relative;
bottom: 0;
left: auto;
right: 0;
overflow: hidden;
}
.btn.first {
border-style: none;
border-color: #0000;
margin-left: 0;
}
.btn-blue {
z-index: 1;
background-color: var(--blue);
color: #fff;
text-align: center;
letter-spacing: 1px;
text-transform: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
font-weight: 300;
line-height: 28px;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.btn-white {
color: #1057fb;
letter-spacing: 1px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
font-weight: 500;
line-height: 28px;
display: flex;
position: absolute;
inset: 0;
}
.btn-white.grey {
color: #000;
background-color: #f1f1f1;
padding-bottom: 1px;
font-weight: 300;
}
.btn-white.grey:hover {
background-color: #f4f4f4;
}
.btn-check {
z-index: 1;
width: 20px;
height: 12px;
position: absolute;
top: 20px;
left: 20px;
}
.btn-check.none {
display: none;
}
.checkbox-field {
z-index: 1;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0;
}
.field-label-checkbox {
z-index: auto;
width: 100%;
height: 100%;
margin-bottom: 0;
display: block;
position: absolute;
inset: 0;
}
.shoot {
flex: none;
justify-content: flex-start;
align-items: center;
margin-bottom: 5px;
display: flex;
}
.bold-text {
direction: ltr;
text-transform: uppercase;
font-style: normal;
font-weight: 400;
line-height: 55px;
display: block;
}
.text-span-2 {
font-weight: 600;
}
.div-clients {
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.clients {
flex-flow: wrap;
place-content: center space-between;
display: flex;
}
.img-clients {
display: block;
}
.div-1200 {
background-color: #0000;
flex-flow: row;
justify-content: center;
align-items: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 50px;
display: block;
overflow: visible;
}
.div-1200.garantee {
display: none;
}
.div-1200.height {
padding-top: 75px;
}
.email {
color: #fffc;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
font-weight: 400;
text-decoration: none;
transition: all .4s;
display: flex;
}
.email:hover {
color: #fff;
}
.tel-number {
color: #fffc;
justify-content: flex-end;
align-items: center;
width: 100%;
font-size: 18px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
transition: all .4s;
display: flex;
}
.tel-number:hover {
color: #fff;
}
.nav-div {
flex-flow: column;
align-items: stretch;
display: flex;
}
.sect {
z-index: 1;
background-color: var(--white);
position: relative;
}
.sect.white {
color: var(--black-2);
background-color: #fff;
justify-content: space-around;
}
.sect.white.hide {
display: block;
}
.sect.white.team {
display: none;
}
.sect.blue {
background-image: linear-gradient(225deg, #1057fbcc, var(--dark-slate-blue));
color: #fff;
}
.sect.black {
color: #fff;
background-color: #121212;
}
.sect.exp {
background-image: linear-gradient(#2855bfed, #2855bfed), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a4a6365115b2f0001387a91_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202018-01-01%20%D0%B2%2019.35.23.png");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.sect.reserve {
padding-bottom: 50px;
}
.sect._23 {
background-color: var(--white);
position: relative;
}
.sect.quest {
z-index: 0;
background-color: var(--white);
padding-top: 175px;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
.sect.text-description {
background-color: #f8f8f8;
}
.break-section {
z-index: 1;
flex-wrap: nowrap;
place-content: stretch center;
align-items: center;
height: 450px;
display: flex;
position: relative;
overflow: hidden;
}
.break-video {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a425d6b3472ef00014686da_58d571360cfe28f5401c0cc5_black-medium-checks.png"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: 2px, auto;
background-attachment: fixed, scroll;
flex: 1;
height: 100%;
position: static;
}
.rev-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
position: absolute;
}
.hover-blue {
background-color: #1057fbcc;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 0%;
transition: opacity .483s cubic-bezier(.785, .135, .15, .86);
display: flex;
position: relative;
inset: 0;
overflow: hidden;
}
.hover-blue:hover {
opacity: 1;
}
.button-div {
opacity: .63;
text-align: center;
justify-content: center;
align-items: center;
height: 10%;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.form-4 {
flex-direction: column;
display: flex;
}
.sec-video {
background-color: #000;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 25em;
position: relative;
}
.service-name {
color: #fff;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
max-width: 320px;
display: flex;
}
.pricing-row {
text-align: center;
margin-bottom: 40px;
}
.white-pricing-block {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 10px 0 66px -10px #0000002e;
}
.pricig-block-content-wrapper {
color: #fff;
border-bottom: 1px solid #0000001a;
padding: 12px 20px 11px;
}
.pricig-block-content-wrapper.bottom {
border-bottom-width: 0;
padding-top: 25px;
padding-bottom: 25px;
}
.pricig-block-content-wrapper.gradient {
background-color: var(--dark-slate-blue);
background-image: linear-gradient(225deg, #024fbacc -2%, var(--dark-slate-blue));
padding-top: 35px;
padding-bottom: 35px;
}
.pricing-circle {
border: 4px solid #fff;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.pricing-block-title {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 21px;
}
.pricing-block-price {
font-size: 35px;
font-weight: 700;
line-height: 50px;
}
.pricing-future-text {
color: #000;
font-size: 12px;
line-height: 24px;
}
.buttom {
color: #fff;
text-transform: uppercase;
cursor: pointer;
background-color: #1057fb;
border-radius: 40px;
justify-content: center;
align-items: center;
min-width: 200px;
max-width: 300px;
margin-top: 20px;
margin-bottom: 20px;
padding: 20px 40px;
font-family: Sf ui text, sans-serif;
font-size: 13px;
font-weight: 700;
transition: background-color .2s, box-shadow .2s;
display: flex;
}
.buttom:hover {
background-color: #1b66fb;
box-shadow: 7px 7px 23px #0003;
}
.buttom.white-button {
color: var(--royal-blue);
background-color: #fff;
}
.buttom.white-pricing-button {
margin-top: 0;
}
.buttom.white-pricing-button:hover {
background-color: #1b66fb;
}
.buttom.big {
padding-top: 20px;
padding-bottom: 20px;
}
.prices-row {
margin-bottom: 50px;
}
.small-price-block {
text-align: center;
background-color: #0000;
border: 2px solid #ffffff4d;
border-radius: 10px;
padding: 50px 29px;
}
.small-price-block.dark {
color: #000;
background-color: #fff;
}
.small-price-block-title {
font-family: Sf ui text, sans-serif;
font-size: 19px;
line-height: 23px;
}
.price-wrapper {
margin-top: 20px;
}
.small-price-title {
font-size: 45px;
font-weight: 900;
line-height: 31px;
display: inline-block;
}
.small-price-discription-block {
margin-top: 10px;
padding-top: 20px;
}
.pricing-block {
text-align: center;
background-color: #f0f4f7;
border-radius: 4px;
padding: 70px 40px 60px;
position: relative;
}
.pricing-block.image {
color: #fff;
background-image: linear-gradient(#1d2d38b3, #1d2d38b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/599ee12102047500012be735_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202017-08-24%20%D0%B2%2017.21.29.png");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.pricing-title {
letter-spacing: 1px;
font-size: 16px;
line-height: 21px;
}
.pricing-price {
margin-top: 10px;
margin-bottom: 30px;
font-size: 44px;
font-weight: 900;
line-height: 40px;
}
.pricing-paragraph {
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.pricing-block-tag {
letter-spacing: 1px;
background-color: #22d469;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
width: 110px;
margin-left: auto;
margin-right: auto;
padding: 9px 9px 6px;
font-size: 11px;
line-height: 21px;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.testimonial-slider-arrow {
color: #fff;
background-color: #0000;
border: 1px solid #ffffff1a;
border-radius: 100%;
width: 60px;
height: 60px;
margin: 55px 10px 150px;
font-size: 15px;
line-height: 21px;
transition: border .2s, background-color .2s;
overflow: hidden;
}
.testimonial-slider-arrow:hover {
border-color: #fff6;
}
.team-row {
margin-top: 0;
margin-bottom: 50px;
}
.team-row._1-row {
margin-bottom: 20px;
}
.team-column-top {
padding-left: 10px;
padding-right: 10px;
}
.team-image-block {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a47c1fec3000800010b824e_nRmuSUMy0zA.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
box-shadow: 0 15px 25px #00000026;
}
.team-image-block._2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a47c5dec3000800010b8339_DSC09006.jpg");
background-position: 50%;
background-size: cover;
border-radius: 0;
}
.team-image-block-overlay {
color: #fff;
background-color: #0000004d;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 170px;
padding-left: 35px;
padding-right: 35px;
display: flex;
}
.team-block-title {
font-size: 26px;
font-weight: 600;
line-height: 21px;
}
.team-block-title.prof {
opacity: .9;
margin-top: 8px;
font-size: 14px;
font-weight: 500;
}
.team-block-title.prof.small-subtitle {
color: #464646;
margin-top: 5px;
font-size: 16px;
font-weight: 600;
line-height: 21px;
}
.team-block-title.smaller {
color: #333;
text-align: left;
font-size: 18px;
font-weight: 600;
}
.team-social-button {
color: #fff;
text-align: center;
width: auto;
height: auto;
margin-top: 20px;
margin-right: 6px;
padding-left: 3px;
padding-right: 3px;
font-size: 17px;
text-decoration: none;
}
.team-social-button:hover {
opacity: .55;
}
.team-social-button.dark {
opacity: .4;
color: #7a7a7a;
margin-top: 0;
padding-left: 0;
font-size: 16px;
}
.team-social-button.dark:hover {
opacity: 1;
}
.team-social-icon {
font-family: Fontawesome webfont, sans-serif;
}
.team-column {
padding-left: 10px;
padding-right: 10px;
}
.team-outline-block {
box-shadow: none;
border: 1px solid #0000001a;
flex-direction: row;
padding: 15px 20px;
font-size: 20px;
line-height: 21px;
display: flex;
position: relative;
}
.tem-portrait-image {
border-radius: 100%;
width: 65px;
height: 65px;
display: block;
}
.blue-row {
text-align: center;
background-color: #1057fb;
justify-content: center;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
}
.white-row {
text-align: center;
justify-content: center;
align-items: center;
padding: 25px 20px;
display: flex;
}
.button-2 {
background-color: var(--royal-blue);
color: #fff;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
justify-content: center;
align-items: center;
min-width: 200px;
height: 55px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
font-size: 11px;
font-weight: 600;
text-decoration: none;
transition: all .3s;
display: flex;
}
.button-2:hover {
background-color: #375fbd;
transform: translate(0, -5px);
box-shadow: 0 20px 20px #00000026;
}
.button-2.white-button {
color: #fff;
background-color: #0000;
border: 1px solid #fffc;
font-weight: 600;
}
.button-2.white-button:hover {
color: var(--black-2);
background-color: #ffffffe6;
}
.button-2.ver-2 {
color: #024fbaed;
background-color: #fff;
box-shadow: inset 0 0 0 1px #1057fb;
}
.button-2.ver-2:hover {
box-shadow: inset 0 0 0 1px #024fbaed, 0 20px 20px #00000026;
}
.button-2.dark {
text-transform: uppercase;
background-color: #212125;
font-family: Sf ui text, sans-serif;
}
.button-2.dark:hover {
background-color: #414141;
}
.button-2.wide {
background-color: var(--blue);
width: 100%;
}
.button-2.wide.tan {
background-color: #cba48e;
}
.button-2.wide.tan:hover {
background-color: #cba48ee6;
}
.button-2.price {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 300px;
display: flex;
}
.button-2.price.blog {
margin-left: 0;
}
.button-2.send {
margin-left: 0;
margin-right: 0;
}
.button-2.full {
width: 100%;
}
.button-2.mob {
display: flex;
}
.button-2.link-brief {
float: left;
color: var(--white);
text-decoration: none;
}
.button-2.wed {
color: #cba48e;
background-color: #0000;
border: 1px solid #cba48e;
}
.button-2.wed:hover, .button-2.wed.select {
color: #fff;
background-color: #cba48e;
}
.button-2.wed.select:hover {
background-color: #cba48ee6;
}
.button-2.in-top {
margin-left: 0;
margin-right: 0;
}
.button-2.test-1 {
margin-top: 40px;
}
.toggle-element {
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
.toggle-header {
color: #919191;
background-color: #fff;
border: 1px solid #ededed;
width: 100%;
padding: 20px 15px 17px 30px;
font-weight: 400;
text-decoration: none;
transition: all .4s;
}
.toggle-header:hover {
color: #024fbaed;
background-color: #fafafa;
}
.toogle-title {
float: left;
text-transform: none;
font-weight: 400;
}
.toogle-icon {
float: right;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a47c94bf6b9a40001c23934_down-arrow%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 12px;
width: 18px;
height: 18px;
position: relative;
right: 10px;
}
.toogle-content {
border: 1px solid #ededed;
margin-top: -8px;
overflow: hidden;
}
.toggle-space {
padding: 30px;
}
.paragraph {
color: #767676;
flex: auto;
font-size: 14px;
font-weight: 300;
line-height: 24px;
}
.pricing-style-1-wrapper {
text-align: center;
width: 95%;
margin-left: auto;
margin-right: auto;
padding: 45px 30px;
display: block;
}
.pricing-style-1-wrapper.featured {
box-shadow: 0 0 30px #0000001a;
}
.pricing-style-1-wrapper.style-2 {
background-color: #fff;
}
.service-title {
color: #121212;
margin-top: 0;
margin-bottom: 10px;
font-size: 13px;
font-weight: 600;
line-height: 24px;
}
.biger {
color: #121212;
letter-spacing: 2px;
margin-top: 20px;
font-size: 55px;
font-weight: 700;
line-height: 60px;
position: relative;
}
.in-dollar {
font-size: 30px;
font-weight: 300;
line-height: 30px;
display: inline-block;
position: relative;
top: -17px;
left: -10px;
}
.pricing-line {
background-color: #e1e1e1;
height: 1px;
margin-top: 20px;
margin-bottom: 25px;
}
.pricing {
color: #767676;
font-size: 17px;
line-height: 30px;
}
.pricing.with-line {
color: silver;
text-decoration: line-through;
}
.less {
margin-top: 30px;
}
.container-fluid {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
}
.features-icon {
background-color: var(--royal-blue);
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5aded6afc296c0d2b6ad527e_team.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40px;
border-radius: 100%;
width: 100px;
height: 100px;
margin-bottom: 31px;
margin-left: auto;
margin-right: auto;
display: block;
}
.footer-style-1 {
color: #121212;
background-color: #212127;
padding: 50px 60px 30px;
font-weight: 600;
}
.line-divider {
background-color: #ffffff1c;
height: 1px;
margin-top: 30px;
margin-bottom: 30px;
}
.foot-less {
margin-top: 30px;
}
.par-in-footer {
color: #fffc;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.footer-title {
color: #fff;
margin-top: 20px;
margin-bottom: 30px;
font-size: 13px;
font-weight: 500;
line-height: 48px;
}
.align-center {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.copyright {
color: #ffffffb3;
font-weight: 400;
line-height: 36px;
}
.link-copy {
color: #fff;
}
.link-copy.w--current {
color: #fff;
text-decoration: none;
}
.scroll-navigation {
z-index: 10000;
background-color: #121212;
width: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
box-shadow: 0 5px 20px #0000001a;
}
.faq {
display: flex;
}
.faq-list {
width: 41.33%;
margin-left: 8.33%;
margin-right: 8.33%;
padding-left: 15px;
padding-right: 15px;
}
.title-left {
color: #212127;
margin-top: 16px;
margin-bottom: 30px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
.title-left.white {
color: #fff;
}
.question-container {
border-radius: 3px;
flex-direction: column;
margin-top: 16px;
padding-left: 32px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
box-shadow: inset 0 0 0 1px #dcdcdc;
}
.question {
justify-content: flex-end;
align-items: center;
padding-top: 11px;
padding-bottom: 11px;
font-weight: 500;
display: flex;
}
.answer {
padding-right: 30px;
}
.question-text {
color: #222;
flex: 1;
margin-top: 8px;
margin-bottom: 8px;
padding-right: 30px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.plus-icon {
width: 12px;
height: 12px;
margin-right: 30px;
position: relative;
}
.plus-icon-v-line {
background-color: #222;
border-radius: 1px;
width: 100%;
height: 2px;
margin: auto;
display: block;
position: absolute;
inset: 0;
transform: rotate(90deg);
}
.plus-icon-h-line {
background-color: #222;
border-radius: 1px;
width: 100%;
height: 2px;
margin: auto;
display: block;
position: absolute;
inset: 0;
}
.question-line {
background-image: linear-gradient(to bottom, var(--royal-blue), var(--royal-blue-hover));
width: 2px;
height: 32px;
}
.paragraph-small {
color: #a5a5a5;
margin-top: 8px;
margin-bottom: 24px;
font-weight: 400;
line-height: 22px;
}
.faq-image {
flex-direction: column;
align-items: flex-start;
width: 41.66%;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.blue {
background-color: var(--blue);
padding: 80px 10px 70px;
}
.project-mind-title {
color: #fff;
margin-top: 10px;
margin-right: 25px;
font-size: 32px;
font-weight: 600;
line-height: 42px;
display: inline-block;
position: relative;
top: -10px;
}
.button-3 {
background-color: var(--royal-blue);
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #fff;
padding: 17px 25px 15px;
font-size: 11px;
text-decoration: none;
transition: all .3s;
display: inline-block;
position: relative;
overflow: hidden;
}
.button-3:hover {
color: var(--royal-blue);
}
.button-3.fiol {
color: #fff;
border-color: #1057fb;
font-family: Sf ui text, sans-serif;
}
.button-3.fiol:hover {
color: #fff;
}
.button-overlay {
background-color: #fff;
height: 0%;
margin-top: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.button-overlay.fiol {
background-color: var(--dark-slate-blue);
}
.text-block-2 {
z-index: 2;
width: auto;
font-weight: 500;
position: relative;
top: 0;
left: 0;
right: 0;
}
.footer-style-2 {
padding-top: 50px;
padding-bottom: 30px;
}
.horizontal-flex-row {
align-items: flex-start;
display: flex;
}
.footer-logo {
padding-top: 10px;
padding-bottom: 10px;
}
.title-column {
color: var(--royal-blue);
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
.line-divider-2 {
background-color: var(--royal-blue);
width: 15%;
height: 2px;
margin-top: 15px;
margin-bottom: 25px;
margin-right: auto;
}
.paragraph-3 {
color: #515157;
font-size: 15px;
line-height: 26px;
}
.line-divider-footer {
background-color: #e1e1e1;
width: 100%;
height: 1px;
margin-top: 30px;
margin-bottom: 30px;
}
.copyright-2 {
color: #919197;
margin-bottom: 0;
font-size: 15px;
line-height: 26px;
}
.copyright-2.lnk {
color: #515157;
margin-left: 10px;
}
.footer-link {
color: #515157;
font-size: 15px;
line-height: 26px;
}
.footer-link.w--current {
color: #818187;
cursor: pointer;
font-size: 15px;
line-height: 26px;
text-decoration: none;
}
.section-flex {
display: flex;
}
.half-section {
background-color: #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 650px;
display: flex;
position: relative;
}
.half-section.photo {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5d4434d0a4923b82dc87bd86_DSC00859%20(1).jpg");
background-position: 50%;
background-size: cover;
height: auto;
}
.center-div {
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
.title-form {
color: #212127;
text-align: left;
margin-top: 10px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
.div-form {
margin-top: 40px;
}
.text-field {
color: #212127;
border: 1px solid #ececec;
height: 50px;
padding-top: 8px;
font-weight: 400;
}
.text-field.area {
height: auto;
margin-bottom: 20px;
padding-top: 12px;
padding-bottom: 40px;
}
.link-soc {
opacity: .7;
transition: all .4s;
}
.link-soc:hover {
opacity: 1;
transform: translate(0, -3px);
}
.pricing-wrapper {
text-align: center;
background-color: #fff;
border-radius: 6px;
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 0 35px 26px;
display: block;
position: relative;
box-shadow: 0 5px 30px -1px #0000001a;
}
.pricing-wrapper.noshadow {
box-shadow: none;
}
.pricing-text {
color: #212127;
margin-top: 10px;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 50px;
}
.pricing-text.wed {
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 400;
text-decoration: none;
}
.price-list {
margin-top: 20px;
}
.p-pricing {
color: #515157;
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
font-size: 15px;
font-weight: 500;
line-height: 26px;
}
.p-pricing.with-line {
color: silver;
text-decoration: line-through;
}
.p-pricing.with-line.wed {
text-decoration: line-through;
}
.p-pricing.wed {
font-family: Playfair Display, sans-serif;
font-style: normal;
font-weight: 400;
}
.dropdown-toggle {
color: #fffc;
letter-spacing: 1px;
text-transform: none;
padding-top: 30px;
padding-bottom: 30px;
font-size: 14px;
transition: all .4s;
}
.dropdown-toggle:hover {
color: #fff;
}
.dropdown {
color: #fff;
display: block;
}
.footer-style-3 {
background-color: var(--footer);
color: #b3b3b3;
padding-top: 80px;
}
.container-new {
text-align: center;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.footer-row {
margin-bottom: 0;
}
.features-column {
text-align: left;
padding: 30px 15px;
}
.footer-title-2 {
color: #fff;
margin-bottom: 35px;
font-size: 18px;
font-weight: 600;
}
.footer-title-2.middle {
margin-top: 40px;
margin-bottom: 20px;
}
.footer-text {
color: #666;
border-style: none;
margin-bottom: 10px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.footer-text.white {
color: #fff;
margin-bottom: 10px;
margin-right: 10px;
font-weight: 500;
}
.footer-text.call {
text-decoration: none;
transition: all .4s;
}
.footer-text.call:hover {
color: #fff;
}
.footer-list {
padding-left: 0;
list-style-type: none;
}
.list-footer {
padding-bottom: 5px;
}
.link-footer {
color: #666;
margin-left: auto;
margin-right: auto;
font-weight: 500;
text-decoration: none;
transition: color .4s;
display: block;
}
.link-footer:hover {
color: #fff;
}
.link-footer.call {
margin-bottom: 10px;
font-weight: 500;
display: block;
}
.blog-wrapper {
border-bottom: 1px solid #c3c3c330;
width: auto;
margin-bottom: 20px;
text-decoration: none;
}
.date {
float: left;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a4a7b1e7b791a00019e33b5_58c465a68712539d1de7560b_clock-circular-outline.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 14px;
width: 20px;
height: 20px;
margin-right: 5px;
}
.contact-form {
color: #5a5a5a;
text-align: center;
background-color: #0000;
border-radius: 4px;
width: 100%;
margin-bottom: 0;
padding-top: 10px;
display: none;
}
.field {
color: #f1f1f7;
text-align: center;
background-color: #ffffff08;
border: 1px solid #d3d5da1a;
height: 40px;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: 400;
transition: all .4s;
}
.field:hover {
border-color: #d3d5da40;
}
.subtitle-footer {
text-align: center;
background-image: linear-gradient(#00000080, #00000080);
margin-top: 50px;
padding-top: 30px;
padding-bottom: 30px;
}
.container-full {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.bottom-footer-text {
float: left;
color: #666;
font-size: 12px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
transition: color .4s;
}
.bottom-footer-text:hover {
color: #fff;
}
.bottom-footer-text.right {
float: right;
text-align: right;
font-weight: 400;
}
.bottom-footer-text.right:hover {
color: #666;
}
.image-bgr-portf {
opacity: 1;
width: 100%;
display: block;
position: relative;
inset: 0;
}
.gradient-overlay {
opacity: 0;
background-color: #00000080;
display: block;
position: absolute;
inset: 0;
overflow: auto;
}
.text-span-3 {
color: var(--white-smoke);
margin-left: 3px;
font-weight: 400;
}
.name-ser {
color: #fff;
text-align: center;
justify-content: center;
align-items: center;
font-size: 40px;
font-weight: 600;
line-height: 50px;
}
.dropdown-arrow {
margin-right: 20px;
}
.dropdown-list {
display: none;
}
.dropdown-list.w--open {
background-color: #fff;
padding-bottom: 5px;
box-shadow: 10px 0 20px #0000001a;
}
.dropdown-link {
color: #414141;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 40px;
font-weight: 500;
transition: all .4s;
display: block;
}
.dropdown-link:hover {
color: var(--royal-blue-hover);
}
.dropdown-link.hide {
display: none;
}
.dropdown-link.first {
padding-top: 24px;
}
.column-3 {
padding-left: 0;
padding-right: 0;
}
.success-message-2 {
color: #13ed9a80;
text-shadow: 0 1px #000;
background-color: #0000;
border: 1px solid #13ed9a80;
}
.div-change-color {
padding-top: 100px;
}
.scroll-down {
z-index: 3;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a89ce1837147b0001ade340__scroll-down.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 120px;
margin-left: -15px;
position: absolute;
top: 26vh;
left: 60px;
}
.scroll-down-line {
z-index: 3;
background-color: #fcfcf3;
width: 1px;
margin-top: 120px;
position: absolute;
top: 26vh;
bottom: 0;
left: 60px;
}
.intro-wrapper {
background-color: #fff;
padding-top: 25px;
}
.intro-bg-line {
background-color: #757575;
height: 1px;
margin-left: -154px;
margin-right: 156px;
position: absolute;
top: 284px;
left: 50vw;
right: 11vw;
}
.section-subtitle {
z-index: 101;
margin-top: 10px;
margin-bottom: 40px;
font-weight: 700;
position: relative;
}
.section-subtitle.citation {
text-align: center;
margin-top: 0;
margin-bottom: 50px;
}
.sports-section {
padding-left: 50vw;
position: relative;
}
.fans-bg {
opacity: .25;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a89c209a6e0f90001b41eab_%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
height: 200px;
margin-top: -50px;
position: absolute;
top: 400px;
left: 50px;
right: 50vw;
}
.sports-content-2 {
z-index: 103;
opacity: 0;
margin-right: 125px;
position: absolute;
top: 150px;
left: 12vw;
right: 50vw;
}
.sports-title {
z-index: 101;
max-width: 300px;
margin-top: 20px;
margin-bottom: 10px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
position: relative;
}
.sports-desc {
color: #8e9496;
margin-top: 40px;
padding-right: 80px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
position: static;
}
.sports-content-3 {
z-index: 104;
opacity: 0;
margin-right: 125px;
position: absolute;
top: 150px;
left: 12vw;
right: 50vw;
}
.sports-content-1 {
z-index: 103;
opacity: 0;
margin-right: 125px;
display: block;
position: absolute;
top: 150px;
left: 12vw;
right: 50vw;
}
.sports-content-4 {
z-index: 105;
opacity: 0;
margin-right: 125px;
position: absolute;
top: 150px;
left: 12vw;
right: 50vw;
}
.sports-pics-wrapper {
z-index: 2;
margin-left: -125px;
position: relative;
}
.sports-img {
width: 100%;
transition: all .5s;
position: relative;
box-shadow: 0 10px 49px #0009;
}
.sports-img:hover {
z-index: 999;
transform: scale(1.02);
box-shadow: 0 10px 49px #000000bf;
}
.row-t {
margin-bottom: 20px;
}
.cherry-section-wrapper {
background-color: #f8f8f8;
}
.cherry-section {
text-align: right;
padding: 180px 12vw 100px 50vw;
position: relative;
}
.chemical-section {
position: relative;
}
.bg-circle {
background-color: #111;
border-radius: 150px;
width: 300px;
height: 300px;
margin-bottom: 15px;
margin-right: 40px;
position: absolute;
bottom: 0;
right: 50vw;
}
.cherry-bg-line {
background-color: #757575;
height: 1px;
margin-left: -135px;
margin-right: 275px;
position: absolute;
top: 264px;
left: 50vw;
right: 20vw;
}
.heading-33 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
.cherry-desc {
color: #8e9496;
text-transform: none;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.cherry-bg {
justify-content: center;
align-items: center;
margin-right: 125px;
display: flex;
position: absolute;
inset: 40px 50vw 40px 0;
box-shadow: 0 15px 50px #0006;
}
.chemical-slider {
background-color: #0000;
height: 605px;
position: static;
}
.chemical-content {
position: absolute;
bottom: 200px;
left: 12vw;
right: 50vw;
}
.chemical-desc {
color: #8e9496;
padding-right: 50px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.chemical-card {
margin-top: 50px;
margin-bottom: 50px;
margin-left: 50vw;
position: absolute;
top: 0;
left: 150px;
box-shadow: 0 15px 50px #00000040;
}
.chemical-line {
color: #111;
width: 450px;
height: 2px;
position: absolute;
top: 424px;
left: 50px;
}
.left-arrow {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a82d96a0e2015000194d0b2_slider-arrow-left.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 35px;
height: 25px;
margin-top: 445px;
margin-bottom: 135px;
top: 0;
left: 50vw;
}
.hidden-icon {
display: none;
}
.right-arrow {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a82da00bd255a0001faea4f_slider-arrow-right.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 35px;
height: 25px;
margin: 445px 497.5px 135px 50px;
top: 0;
left: 50vw;
}
.slide-nav-t {
text-align: left;
bottom: 190px;
left: 51vw;
}
.benefits-bg {
opacity: .75;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a89c3b4d9716c0001a4f20a_product.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
height: 200px;
position: absolute;
top: 100px;
left: 39vw;
right: 0;
}
.chemical-button {
z-index: 2;
text-decoration: none;
display: block;
position: absolute;
bottom: 100px;
left: 12vw;
}
.head-title {
margin-top: 20px;
margin-bottom: 10px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
.chemical-number {
font-family: Exo, sans-serif;
font-size: 80px;
font-weight: 100;
position: relative;
top: 4px;
}
.origin-section {
position: relative;
}
.origin-bg {
opacity: .66;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd6a918f9822ea25e50d548_team.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
height: 200px;
margin-top: -25px;
display: block;
position: absolute;
top: 18vw;
left: 0;
right: 65vw;
}
.origin-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 40px 6vw 100px;
}
.citation-section {
padding: 100px 12vw;
}
.citation-block {
background-color: #fff;
margin-bottom: 20px;
box-shadow: 0 12px 25px #00000026;
}
.citation-img {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a82fffa0e20150001950e83_citation-img-1.jpeg");
background-position: 50% 0;
background-size: cover;
width: 100%;
}
.citation-img._2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a82fff0bd255a0001fb2a64_citation-img-2.jpeg");
}
.citation-content {
padding: 50px 30px;
position: relative;
}
.citation-paper-title {
margin-bottom: 10px;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.citation-author {
margin-bottom: 30px;
font-weight: 700;
line-height: 14px;
}
.citation-eng {
color: #8e9496;
font-weight: 400;
line-height: 24px;
}
.citation-more-link {
border-bottom: 2px solid var(--blue);
color: #111;
text-transform: uppercase;
padding-bottom: 5px;
font-weight: 700;
text-decoration: none;
}
.citation-label {
background-color: var(--blue);
color: #fff;
text-align: center;
text-transform: uppercase;
width: 70px;
padding-top: 3px;
padding-bottom: 3px;
font-family: Sf ui text, sans-serif;
font-size: 12px;
font-weight: 700;
display: inline-block;
position: absolute;
top: -10px;
left: 30px;
right: 0;
}
.citation-label._2 {
width: 100px;
}
.text-block-16 {
font-weight: 700;
}
.none-sports-content {
z-index: 106;
opacity: 1;
margin-right: 125px;
position: absolute;
top: 150px;
left: 12vw;
right: 50vw;
}
.subtitle {
z-index: 1000;
max-width: 300px;
margin-top: 10px;
font-weight: 700;
position: relative;
}
.how {
z-index: 1;
margin-top: 50px;
display: inline-block;
position: relative;
}
.field-label-5 {
margin-bottom: 20px;
font-family: Sf ui display, sans-serif;
font-size: 20px;
font-weight: 900;
line-height: 25px;
}
.div-brif {
max-width: 700px;
margin-bottom: 40px;
}
.text-field-5 {
border-style: none none solid;
border-bottom-width: 1px;
border-bottom-color: var(--dim-grey);
max-width: 600px;
margin-bottom: 0;
padding-left: 0;
font-family: Sf ui text, sans-serif;
font-weight: 400;
}
.heading-34 {
font-family: Sf ui text, sans-serif;
font-weight: 700;
}
.paragraph-brief {
max-width: 600px;
margin-top: 45px;
margin-bottom: 45px;
font-family: Sf ui text, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.tel-brief {
font-size: 16px;
font-weight: 300;
text-decoration: none;
}
.div-contact {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
max-width: 250px;
height: 80px;
margin-bottom: 20px;
display: flex;
}
.brief-div {
margin-top: 25px;
margin-bottom: 50px;
}
.brief-txt-area {
min-height: 100px;
margin-bottom: 0;
}
.text-span-5 {
text-align: center;
font-size: 40px;
font-weight: 600;
display: inline;
}
.link-serv {
position: relative;
bottom: 50px;
}
.link-serv-2 {
clear: left;
position: relative;
top: 50px;
}
.submit-button-reserve {
text-align: center;
}
.form-reserve {
max-width: 400px;
margin-top: 86px;
margin-left: auto;
margin-right: auto;
display: block;
}
.textarea-2 {
min-height: 100px;
margin-bottom: 25px;
}
.row-2 {
background-image: linear-gradient(135deg, var(--blue), #2855bf99 98%, #2855bf99), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a89bbaf37147b0001add860_post.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.html-embed-2 {
display: none;
}
.brg-head-service {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a883199a6e0f90001b33e5e_mov.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 50px;
display: flex;
}
.brg-head-service.promo {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b4a8a7468e07cb2b05cc645_adver.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.brg-head-service.brief {
filter: grayscale();
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5aaebbf2e8d43cae882fa5b8_writer.jpg");
background-position: 0 0, 0 0, 50%;
background-size: auto, 2px, cover;
}
.brg-head-service.portfolio {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5efdc8a1aa53875b2923ca74_DSC00900.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
justify-content: center;
align-items: center;
display: flex;
}
.brg-head-service.drone {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ac350c28dffeb40477668d4_drone.jpg");
background-position: 0 0, 0 0, 50%;
background-size: auto, 2px, cover;
background-attachment: scroll, fixed, scroll;
}
.brg-head-service.agree {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ad62ca9c5831d50670f8c9c_bgr_agree.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.brg-head-service.im {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/652d4e434e473006b50a6126_photo_2023-10-16_17-46-25.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.brg-head-service.con {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5efdc8a1aa53875b2923ca74_DSC00900.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.brg-head-service.services {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/628e5f65c8ea4247f30a57ab_yonetmenlik-kursu-2.jpg");
background-position: 0 0, 50% 0;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.brg-head-service._3d {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6022897e318d66dfc6a029f6_3d.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.brg-head-service.conference {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/652e9eef01944cd6099c2b68_photo_2023-10-16_17-41-11.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.brg-head-service.report {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6509e42818e5d63152ded3a7_bgr_report_webp.webp");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.tabs-menu {
flex-flow: wrap;
max-width: 800px;
display: flex;
overflow: hidden;
}
.tab-pane {
padding-top: 50px;
}
.btn-tabs-menu {
background-color: #f1f1f1;
flex: none;
justify-content: center;
align-items: center;
width: 30%;
height: 50px;
margin-left: 5px;
font-family: Sf ui text, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 28px;
display: flex;
}
.btn-tabs-menu.w--current {
background-color: var(--royal-blue);
color: #fff;
justify-content: center;
align-items: center;
display: flex;
}
.btn-tabs-menu.first-butt {
margin-bottom: 5px;
margin-left: 0;
}
.btn-tabs-menu.first-butt.w--current {
margin-left: 0;
}
.description {
opacity: 1;
color: #8e9496;
column-count: 2;
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
overflow: visible;
}
.footer-style-4 {
background-color: #fff;
justify-content: center;
align-items: center;
display: flex;
}
.footer-v1 {
flex-flow: wrap;
justify-content: center;
max-width: 1200px;
padding-top: 32px;
display: flex;
position: relative;
}
.vertical-scroll-footer {
flex-direction: column;
align-items: center;
width: 32px;
height: 120px;
margin-top: 64px;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
left: 8px;
}
.footer-scroll-text {
color: #000;
text-align: right;
width: 80px;
margin-bottom: 36px;
padding-bottom: 2px;
font-family: Lato, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 20px;
position: relative;
top: 36px;
transform: rotate(-90deg);
}
.footer-v4-about {
color: #777;
flex-direction: column;
align-items: flex-start;
width: 41.66%;
margin-left: 8.33%;
padding-left: 15px;
padding-right: 8%;
font-size: 14px;
line-height: 24px;
display: flex;
}
.footer-logo-v2 {
margin-top: 10px;
margin-bottom: -16px;
padding-top: 22px;
padding-bottom: 22px;
padding-right: 15px;
position: relative;
}
.paragraph-v1 {
margin-top: 16px;
margin-bottom: 16px;
font-family: Lato, sans-serif;
}
.footer-v4-icons {
margin-top: 16px;
display: flex;
}
.social-icon-container {
background-color: #fff;
border: 1px solid #e4e4e4;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-bottom: -1px;
margin-right: -1px;
transition: border-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.social-icon-hover {
position: absolute;
transform: translate(0, 32px);
}
.footer-v2-column {
flex: 1;
padding-left: 15px;
padding-right: 15px;
}
.h5-v1 {
color: #000;
margin-top: 32px;
margin-bottom: 16px;
font-family: Lato, sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 24px;
}
.footer-link-v1 {
color: #777;
font-size: 14px;
line-height: 36px;
text-decoration: none;
display: block;
}
.footer-link-v1:hover {
text-decoration: underline;
}
.footer-bottom {
color: #777;
border-top: 1px solid #ddd;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 64px;
margin-left: 15px;
margin-right: 15px;
padding-top: 24px;
padding-bottom: 24px;
font-size: 12px;
line-height: 24px;
display: flex;
}
.footer-bottom-text-left {
margin-right: 24px;
display: inline;
}
.heart-icon {
color: #0000;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ab2fab5f36493d5131db595_heart-icon.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 11px;
}
.footer-bottom-link {
color: #000;
text-decoration: none;
}
.footer-bottom-link-right {
color: #000;
margin-left: 24px;
text-decoration: none;
}
.section-3, .section-4, .section-5, .section-6, .section-7, .section-8 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: 125px;
}
.section-9 {
background-image: none;
margin-bottom: 0;
padding-top: 70px;
padding-bottom: 0;
}
.cost-section {
background-color: #f8f8f8;
padding: 70px 56px;
}
.cost-section.white {
background-color: #fff;
}
.wrapper-cost {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: block;
}
.center-wrapper {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.section-header-icon {
width: 64px;
margin-bottom: 24px;
}
.section-header {
text-transform: none;
margin-bottom: 16px;
font-size: 40px;
font-weight: 700;
line-height: 48px;
}
.price-description {
color: #777;
margin-top: 16px;
margin-bottom: 40px;
font-size: 17px;
font-weight: 500;
line-height: 28px;
}
.price-buttom {
letter-spacing: normal;
display: flex;
}
.text-video {
opacity: 1;
color: #ffffffe6;
text-align: center;
letter-spacing: 1px;
text-transform: none;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
position: absolute;
inset: auto 0% 7%;
}
.half-section-2 {
float: left;
width: 50%;
position: relative;
}
.half-section-2.form {
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 450px;
margin-top: 75px;
margin-bottom: 60px;
padding-left: 100px;
display: flex;
}
.half-section-2.map {
height: 630px;
margin-top: 0;
}
.center-cont-div {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.buttom-order {
margin-top: 50px;
}
.name-contact {
margin-bottom: 47px;
font-size: 28px;
font-weight: 900;
line-height: 35px;
position: relative;
}
.contact-section {
padding-top: 0;
padding-bottom: 0;
}
.adress {
color: var(--royal-blue);
font-size: 16px;
font-weight: 900;
line-height: 1.5;
text-decoration: none;
transition: color .2s;
display: block;
}
.adress:hover {
color: var(--dark-slate-blue);
}
.email-link {
color: var(--royal-blue);
justify-content: center;
align-items: center;
height: 55px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
font-weight: 900;
line-height: 27px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.email-link:hover {
color: var(--dark-slate-blue);
}
.contact-column {
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 50px;
display: flex;
}
.desk-dropdown-overlay {
z-index: 100;
opacity: 0;
cursor: pointer;
background-color: #000;
display: none;
position: fixed;
inset: 0;
}
.st-form-overlay {
z-index: 101;
opacity: 0;
background-color: #fff;
border: 1px solid #e7e8ec;
width: 500px;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.head-form-div {
text-transform: none;
border-bottom: 1px solid #e7e8ec;
justify-content: space-between;
align-items: center;
padding-left: 20px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: flex;
}
.close-button {
background-color: var(--blue);
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ab79a59dc7441a7ca51d050_close.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 15px;
width: 50px;
height: 50px;
transition: background-color .2s;
}
.close-button:hover {
background-color: #214aac;
}
.close-button.black {
filter: invert();
background-color: #000;
transition: background-color .2s, filter .2s;
}
.close-button.black:hover {
filter: none;
background-color: #000000e6;
}
.form {
margin-top: 50px;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.text-field-form {
letter-spacing: 1px;
border-top: 0 #000;
border-bottom: 1px solid #e7e8ec;
border-left: 0 #000;
border-right: 0 solid #000;
font-size: 13px;
font-weight: 500;
line-height: 20px;
}
.text-field-form.txt-arrea {
min-height: 150px;
}
.popup-order-price {
z-index: 101;
opacity: 0;
background-color: #fff;
border: 1px solid #e7e8ec;
width: 50%;
max-width: 500px;
min-height: 300px;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.all-form-overlay {
z-index: 101;
opacity: 0;
background-color: #fff;
border: 1px solid #e7e8ec;
width: 500px;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.agreement {
color: #151515;
max-width: 420px;
margin-left: 15px;
font-family: Sf ui text, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.send-agree {
align-items: center;
display: flex;
}
.agree-link {
color: #06f;
font-weight: 400;
text-decoration: none;
transition: color .2s;
}
.agree-link:hover {
color: var(--dark-slate-blue);
}
.agree-link.white {
color: #fff;
}
.agree-link.white:hover {
color: var(--light-grey);
}
.agreement-white {
color: #666;
text-align: left;
margin-top: 25px;
font-size: 12px;
line-height: 16px;
}
.div-block-19 {
display: none;
}
.agree-overlay-form {
margin-top: 25px;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
.features-wrap {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ac350c28dffeb40477668d4_drone.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex: 1;
justify-content: center;
align-items: center;
height: 200px;
text-decoration: none;
display: flex;
position: relative;
}
.features-wrap._1sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ad5d2c5dc58e147db0a067e_5ad5ce5631edd0630d136aa9_robo.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.features-wrap._2sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ad5d2d8dc58e14c580a0682_5ad5cda9dc58e19a4009ffd2_adv.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.features-wrap._3sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5fb694c6446fdf0b96afbe46_presentation.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
}
.features-wrap._4sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ad5d2f67aa7208432ab89e9_5ad5cf17fa9d768ef0acb9e8_factor.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.features-wrap._6sr {
-webkit-text-fill-color: inherit;
background-color: #000;
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/614cba06f21e897960194aae_broadcast%C2%A0%E2%80%94%202.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-clip: border-box;
}
.features-wrap._5sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ce6b244f6b274026b24d7ec_conf.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.features-wrap._7sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6481b5b1bc7996f2d7b0dc2e_greenworks.png");
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, auto;
}
.features-wrap._8sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/67067c14ea9be2e173f22cea_image%20(71).png");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
}
.features-wrap._9sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/67067d6af1b18343996d5477_photo_2024-09-06_16-26-23.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
}
.features-wrap._10sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/60d3322f0b019631c2c4cf68_3L8A7237.JPG");
background-position: 0 0, 50% 0;
background-repeat: repeat, repeat;
background-size: auto, cover;
}
.relative-features-content {
z-index: 10;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
position: absolute;
inset: 0%;
}
.features-title {
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 25px;
}
.clients-logo {
background-color: #fff;
padding-bottom: 50px;
}
.div-block-22 {
display: flex;
}
.text-block-19 {
color: var(--dim-grey);
font-family: Sf ui text, sans-serif;
font-weight: 600;
display: block;
}
.text-block-20 {
color: var(--dim-grey);
font-family: Sf ui text, sans-serif;
font-weight: 600;
display: none;
}
.div-block-25 {
cursor: pointer;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
width: 150px;
height: 30px;
margin-top: 20px;
display: flex;
}
.description-div {
padding: 50px;
overflow: visible;
}
.div-block-26 {
overflow: hidden;
}
.bold-txt {
font-weight: 700;
}
.column-4 {
padding-left: 0;
padding-right: 0;
}
.success-message-3 {
background-color: #fff;
}
.text-block-21 {
color: var(--dim-grey);
padding-top: 50px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.text-block-22 {
font-family: Sf ui text, sans-serif;
}
.head-privacy {
margin-top: 50px;
font-size: 18px;
font-weight: 900;
line-height: 22px;
}
.par-privacy {
margin-top: 30px;
font-size: 14px;
line-height: 20px;
}
.big-article-title-wrapper {
width: 100%;
}
.basic-column {
padding-left: 5px;
padding-right: 5px;
}
.price-wrapper-2 {
padding-left: 0;
}
.card {
background-image: linear-gradient(#00000080, #00000080);
justify-content: center;
align-items: center;
height: 250px;
padding: 30px 20px;
display: flex;
position: relative;
box-shadow: 0 15px 50px #0006;
}
.card.card2-content {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a218a7e4ebb_card2.jpg");
background-position: 50%;
background-size: cover;
}
.card.card5-content {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5e7b3e2731c5aaa6dd2009b2_13.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
box-shadow: 0 15px 50px #0006;
}
.card.card3-content {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5acf527e4eb2_card3.jpg");
background-position: 50%;
background-size: cover;
}
.card.card1-content {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a09e67e4ec1_card1.jpg");
background-position: 50%;
background-size: cover;
position: relative;
}
.card.card4-content {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5e7b3e14c2dd153ce6b1ba76_14.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: center;
align-items: center;
display: flex;
}
.card.card6-content {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a781d7e4eae_card6%402x.jpg");
background-position: 50%;
background-size: cover;
}
.card.speaker {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5e7b3e332c95961587fa61b1_12.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.row {
margin-bottom: 50px;
}
.styleguide-content {
padding: 5px 10px 0;
}
.profile-card-avatar {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a0a5e7e4ec0_Avatar%204.jpg");
background-position: 50%;
background-size: cover;
border-radius: 100%;
width: 80px;
height: 80px;
}
.signup-form {
border-radius: 8px;
align-items: center;
height: 510px;
display: flex;
box-shadow: 0 1px 4px #0000000d;
}
.product-card-description {
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20px 30px 10px;
display: flex;
}
.profile-card-big-avatar {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a1be57e4ead_Avatar%2013.jpg");
background-position: 50%;
background-size: cover;
border-radius: 100%;
width: 120px;
height: 120px;
}
.number-card-dollars {
color: #fffc;
font-size: 16px;
line-height: 24px;
}
.fullpic-profile {
background-color: #fff;
background-image: linear-gradient(to top, #0009, #0000), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a6ac77e4eb0_Group%202%402x.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 8px;
flex-direction: column;
justify-content: flex-end;
height: 420px;
padding: 30px 30px 20px;
display: flex;
}
.profile-name {
margin-top: 16px;
margin-bottom: 4px;
}
.signup-content-wrapper {
background-color: #fff;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
align-items: center;
height: 100%;
padding: 45px 50px 40px;
display: flex;
}
.error-message {
background-color: #0000;
border-radius: 4px;
padding: 0;
}
.product-price {
margin-top: 0;
margin-bottom: 0;
}
.success-message {
background-color: #0000;
}
.profiles-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 0;
display: flex;
}
.wide-wrapper {
margin-bottom: 30px;
padding-left: 5px;
padding-right: 5px;
}
.wide-wrapper.last-wrapper {
margin-bottom: 80px;
}
.profile-card-big {
text-align: center;
background-color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px 50px;
display: flex;
box-shadow: 0 1px 4px #0000000d;
}
.register-link {
cursor: pointer;
display: inline-block;
}
.profile-card {
text-align: center;
background-color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 30px 30px 20px;
display: flex;
box-shadow: 0 1px 4px #0000000d;
}
.number-card-progress-wrapper {
justify-content: space-between;
display: flex;
}
.tagline {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.tagline.white-profile-tagline {
color: #fff;
}
.tagline.tagline-promo-40 {
color: #3336;
}
.tagline.number-card-currency {
color: #fff;
}
.tagline.white-hero-tagline {
color: #fff;
margin-bottom: 10px;
}
.error-message-text {
color: #f85359;
display: inline-block;
}
.signup-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/628e5f65c8ea4247f30a57ab_yonetmenlik-kursu-2.jpg");
background-position: 50%;
background-size: cover;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
height: 100%;
padding-left: 0;
display: block;
}
.profile-card-content-wrapper {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.styleguide {
box-shadow: none;
width: 960px;
margin: 10px auto 25px;
display: block;
}
.success-message-text {
color: #1991eb;
margin-top: 20px;
font-size: 16px;
line-height: 24px;
}
.content-wrapper {
margin-bottom: 50px;
}
.product-card-image {
background-image: linear-gradient(#f5f5f580, #f5f5f580);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
height: 260px;
}
.product-card-image.product-card-2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a461b7e4ec4_card2%402x.jpg"), linear-gradient(#f5f5f580, #f5f5f580);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.product-card-image.product-card-1 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5ad31e7e4eaf_card1%402x.jpg");
background-position: 50%;
background-size: cover;
}
.product-card-image.product-card-3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a6d8c7e4ec5_card3%402x.jpg");
background-position: 50%;
background-size: cover;
}
.button-4 {
float: none;
color: #fff;
background-color: #1991eb;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 10px;
padding: 9px 25px;
line-height: 22px;
transition: color .2s, box-shadow .2s, background-color .2s;
display: inline-block;
}
.button-4:hover {
color: #fff;
background-color: #1386dd;
border-color: #0c6eb8;
}
.button-4.profile-contact-big-button {
margin-right: 10px;
}
.button-4.default-button {
color: #5b697a;
background-color: #fff;
align-items: flex-end;
transition: color .2s, background-color .2s, box-shadow .2s;
display: inline-block;
}
.button-4.default-button:hover {
color: #213d63;
background-color: #fff;
box-shadow: 0 1px 5px #0000001a;
}
.button-4.default-button.default-button-with-line {
border: 1px solid #f4f4f4;
padding: 8px 24px;
transition: color .2s, background-color .2s, border-color .2s;
}
.button-4.default-button.default-button-with-line:hover {
box-shadow: none;
border-color: #c5d0de;
}
.button-4.default-button.card-cta {
display: block;
position: absolute;
bottom: 20px;
left: 30px;
}
.big-article-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5af6c9a3779b5a32917e4eb5_article-image%402x.jpg");
background-position: 50%;
background-size: cover;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
height: 400px;
padding-left: 0;
}
.big-article {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 1px 4px #0000000d;
}
.fullpic-profile-bio {
color: #fffc;
margin-top: 10px;
font-weight: 400;
}
.text-field-6 {
border: 1px solid #ececec;
border-radius: 4px;
width: 100%;
height: 40px;
margin-bottom: 14px;
padding-left: 16px;
padding-right: 16px;
transition: border-color .2s;
}
.text-field-6:hover {
border-color: #d8d8d8;
}
.text-field-6:focus {
border-color: #a3a3a3;
}
.text-field-6::placeholder {
color: #ccc;
}
.divider {
background-color: #eee;
height: 1px;
margin-top: 20px;
margin-bottom: 15px;
}
.divider.big-article-divider {
margin-bottom: 24px;
}
.big-article-content-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 400px;
padding: 30px 40px;
display: flex;
}
.style-label {
color: #bebebe;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.number-card-progress {
color: #fff;
text-align: right;
}
.styleguideheadline {
margin-top: 30px;
padding-left: 10px;
padding-right: 10px;
}
.product-name-title {
margin-top: 6px;
padding-right: 20px;
}
.product-card {
cursor: pointer;
background-color: #fff;
border-radius: 8px;
transition: transform .4s, box-shadow .4s;
box-shadow: 0 1px 4px #0000000d;
}
.product-card:hover {
transform: translate(0, -6px)scale(1.02);
box-shadow: 0 1px 6px #00000026;
}
.big-profile-name {
margin-bottom: 6px;
}
.number-cards {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Sf ui display, sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 54px;
}
.form-submit-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.number-card-divider {
background-color: #ffffff26;
height: 1px;
margin-top: 10px;
margin-bottom: 14px;
}
.fullpic-profile-name {
color: #fff;
margin-bottom: 4px;
}
.card-headline {
color: #fff;
text-align: center;
margin-top: 10px;
}
.card-headline.dark-card-headline {
color: #333;
}
.actions-wrapper {
padding-top: 7px;
}
.signup-account-link {
color: #999;
display: inline-block;
}
.number-card {
background-image: linear-gradient(#1991eb, #1991eb);
border-radius: 8px;
padding: 22px 30px;
}
.number-card.number-card-content2 {
color: #333;
background-image: linear-gradient(#17cec4, #17cec4 0%, #08aeea);
display: block;
}
.number-card.number-card-content4 {
background-image: linear-gradient(#ff8308, #fd4f00);
}
.number-card.number-card-content3 {
background-image: linear-gradient(#ed629a, #c850c0);
}
.number-card.number-card-content1 {
background-image: linear-gradient(#7042bf, #3023ae);
}
.signup-headline {
margin-bottom: 15px;
}
.vacant-div {
margin-top: 30px;
margin-bottom: 30px;
margin-right: 30px;
padding: 30px;
box-shadow: 0 5px 50px #cbd5db80;
}
.vacant-name {
color: #151515;
font-size: 40px;
font-weight: 900;
line-height: 50px;
}
.list-vacant {
justify-content: flex-start;
margin-top: 20px;
display: flex;
}
.div-list-vacant {
flex-flow: wrap;
flex: 1;
justify-content: center;
}
.heading-level {
color: #151515;
margin-top: 15px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 900;
}
.ul-list-vac {
list-style-type: disc;
}
.ul-list-vac.no-bullet {
padding-left: 0;
list-style-type: none;
}
.par-list {
color: #212127;
font-size: 14px;
font-weight: 400;
line-height: 27px;
}
.txt-contact {
margin-bottom: 10px;
font-size: 22px;
font-weight: 900;
line-height: 35px;
}
.cont-div {
margin-top: 30px;
}
.cont-podtext {
color: #212127;
max-width: 880px;
font-size: 14px;
line-height: 27px;
}
.link {
color: var(--royal-blue-hover);
font-family: Sf ui text, sans-serif;
font-weight: 700;
text-decoration: none;
transition: opacity .2s;
}
.link:hover {
color: var(--dark-slate-blue);
}
.scroll-anim {
flex-direction: column;
justify-content: space-around;
display: flex;
}
.nav-line {
background-color: var(--blue);
height: 100%;
display: block;
bottom: 0;
left: 0;
}
.link-nav-scroll {
color: #818181;
flex-flow: column;
justify-content: space-around;
font-weight: 400;
line-height: 50px;
text-decoration: none;
transition: color .3s;
position: relative;
left: 2vw;
}
.link-nav-scroll:hover {
color: #212127;
}
.link-nav-scroll.w--current {
color: var(--footer);
}
.nav-line-div {
background-color: var(--light-grey);
width: 1px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.column-content {
flex: 1;
}
.link-block {
cursor: pointer;
margin-bottom: 10px;
margin-right: 15px;
transition: opacity .5s;
display: inline-block;
}
.link-block:hover {
opacity: .8;
}
.div-block-28 {
float: left;
margin-right: 25px;
display: inline-block;
}
.link-block-2 {
margin-right: 20px;
display: inline-block;
}
.div-block-29 {
margin-top: 40px;
}
.bfr-img-bg {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b4c90992d24ef125f47c507_color-people1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0;
}
.bfr-img, .after-img-bg {
position: absolute;
inset: 0;
overflow: hidden;
}
.line {
background-color: #fff;
justify-content: center;
align-items: center;
width: 4px;
margin-left: -2px;
display: flex;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.after-img {
position: absolute;
inset: 0;
overflow: visible;
}
.bfr-img-bg-2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b4c90992d24ef619e47c508_color-people.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0;
}
.bfr-aft-2 {
position: static;
inset: 0;
}
.div-change-bgr {
width: 500px;
height: 500px;
position: relative;
}
.div-block {
height: 100vh;
}
.telegram-window {
z-index: 101;
opacity: 0;
background-color: #fff;
border: 1px solid #e7e8ec;
width: 500px;
height: auto;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.image {
float: left;
margin-top: 4px;
margin-right: 15px;
}
.text-block {
color: #cba48e;
margin-bottom: -16px;
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 20px;
}
.h3-2 {
z-index: 2;
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 400;
line-height: 35px;
position: relative;
}
.h3-2._2 {
float: left;
text-align: left;
flex: 1;
font-size: 27px;
}
.div-block-32 {
margin-top: 30px;
display: inline-block;
}
.line-2 {
background-color: #f8eae2;
width: 537px;
height: 1px;
margin: 30px auto 50px;
}
.process-list {
background-color: #fff;
border-radius: 5px;
max-width: 726px;
height: 132px;
margin-bottom: 7px;
margin-left: auto;
margin-right: auto;
padding-top: 46px;
display: block;
box-shadow: 7px 7px 50px #53688321;
}
.right-line {
background-color: #f8eae2;
width: 129px;
height: 1px;
margin-left: 20px;
}
.left-line {
background-color: #f8eae2;
width: 129px;
height: 1px;
margin-right: 20px;
}
.time-text {
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 300;
}
.time-text-2 {
color: #cba48e;
margin-top: 8px;
font-family: Playfair Display, sans-serif;
font-size: 18px;
font-style: italic;
}
.name-review {
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-5 {
text-align: left;
margin-top: -8px;
font-family: Sf ui display, sans-serif;
font-weight: 300;
}
.list-cell {
float: left;
text-align: center;
width: 35%;
position: relative;
}
.name-review-text {
margin-left: 20px;
font-family: Playfair Display, sans-serif;
font-size: 18px;
font-style: italic;
}
.vertical-line {
background-color: #e3e7e9;
width: 1px;
height: 72px;
display: inline-block;
position: absolute;
top: -12px;
bottom: 0;
right: 19px;
}
.list-cell-65 {
float: left;
width: 65%;
padding-right: 38px;
font-size: 16px;
line-height: 27px;
}
.full-review {
color: #cba48e;
font-size: 12px;
text-decoration: none;
}
.heading-35 {
text-align: center;
font-size: 60px;
font-weight: 400;
line-height: 60px;
}
.heading-35.space {
margin-bottom: 70px;
font-family: Als klementina, sans-serif;
}
.review {
color: var(--dim-grey);
max-width: 560px;
height: 120px;
margin-top: 28px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 24px;
display: block;
overflow: hidden;
}
.container-d {
text-align: center;
font-family: Montserrat, sans-serif;
}
.input {
color: #000;
text-align: center;
border: 1px solid #e3e7e9;
height: 100%;
margin-bottom: 0;
margin-right: 10px;
padding: 29px 18px;
font-size: 16px;
text-decoration: none;
}
.button-wrap {
cursor: pointer;
background-color: #000;
margin-top: 50px;
padding: 3px;
transition: all .3s;
display: inline-block;
}
.button-wrap:hover {
transform: translate(0, -5px);
box-shadow: 0 20px 20px #00000026;
}
.button-wrap.reviews {
margin-top: 20px;
}
.mess-link {
margin-left: 19px;
margin-right: 19px;
}
.mess-link._2 {
width: 22px;
margin-left: 0;
margin-right: 20px;
}
.call-back-wrap {
justify-content: center;
margin-bottom: 29px;
display: flex;
position: relative;
}
.back-button {
color: #fff;
letter-spacing: 1.8px;
text-transform: uppercase;
background-color: #000;
border: 1px solid #efccb8;
flex-direction: row;
justify-content: center;
align-items: stretch;
width: 100%;
min-width: 250px;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-size: 12px;
font-weight: 500;
line-height: 12px;
display: flex;
}
.line-3 {
background-color: #efccb8;
width: 40px;
height: 1px;
margin-bottom: 18px;
margin-left: auto;
margin-right: auto;
display: block;
}
.messenger-wrap {
justify-content: center;
padding-top: 28px;
padding-bottom: 28px;
display: flex;
}
.messenger-wrap._2 {
justify-content: flex-start;
}
.container-2 {
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
.op-dop-block {
text-align: center;
}
.trigger-wrap {
text-align: center;
border: 1px solid #efccb8;
max-width: 680px;
height: 200px;
margin: 30px auto 40px;
padding-top: 38px;
padding-bottom: 58px;
display: block;
}
.h1-wed {
color: #fff;
text-align: center;
max-width: 550px;
font-family: Playfair Display, sans-serif;
font-size: 35px;
font-style: italic;
font-weight: 400;
line-height: 40px;
}
.span-wed {
font-size: 55px;
line-height: 65px;
}
.bold-text-2 {
text-transform: none;
font-size: 40px;
font-weight: 200;
line-height: 50px;
}
.container-3 {
text-align: center;
}
.head-paragraph {
color: #fff;
text-align: center;
max-width: 600px;
margin: 25px auto 40px;
font-size: 14px;
line-height: 28px;
display: block;
}
.link-3 {
color: #fff;
text-decoration: none;
}
.spacer {
height: 50px;
}
.h3-head {
color: #8c603c;
letter-spacing: 2.4px;
margin-top: 0;
font-size: 9px;
font-weight: 400;
}
.col-text {
color: #fff;
}
.nane-h2 {
margin-bottom: 0;
font-family: Als klementina, sans-serif;
font-size: 30px;
}
.main-cell {
float: left;
width: 33.3333%;
padding-left: 26px;
padding-right: 26px;
line-height: 22px;
}
.div-block-34 {
padding-top: 390px;
padding-bottom: 56px;
}
.container-4 {
text-align: center;
padding-top: 22px;
}
.main-section {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b575ca69ac3b41bc3d16622_5b57350ef600c777bc7a8119_foto_figma_bg.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
}
.head-h1 {
color: #372924;
max-width: 650px;
margin-left: auto;
margin-right: auto;
line-height: 46px;
display: block;
}
.head-button {
letter-spacing: 1.8px;
background-color: #000;
padding: 21px 30px;
font-size: 12px;
line-height: 12px;
}
.head-paragraph-2 {
max-width: 510px;
margin: 18px auto 40px;
font-size: 16px;
display: block;
}
.price-button {
color: #000;
text-align: center;
letter-spacing: 1.26px;
background-color: #0000;
border: 1px solid #efccb8;
padding-left: 20px;
padding-right: 20px;
font-size: 9px;
}
.button-wrap-2 {
background-color: #000;
padding: 3px;
display: inline-block;
}
.back-button-2 {
letter-spacing: 1.8px;
background-color: #000;
border: 1px solid #efccb8;
padding: 20px 31px;
font-size: 12px;
line-height: 12px;
}
.date-section {
background-image: linear-gradient(#f2f4f5, #fff);
padding-top: 50px;
}
.text-block-24 {
color: #cba48e;
margin-bottom: -16px;
font-size: 12px;
}
.paragraph-6._2 {
line-height: 26px;
}
.paragraph-6._2._1 {
margin-bottom: 46px;
}
.price-cell {
float: left;
text-align: center;
background-color: #fff;
align-items: center;
width: 50%;
height: 510px;
padding-left: 43px;
padding-right: 43px;
display: flex;
}
.price-cell.bg {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b5b15c426c0a5864d96a841_proce_img.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.price-section {
background-color: #f2f4f5;
padding-top: 90px;
padding-bottom: 90px;
}
.title-price {
color: #cba48e;
margin-top: 28px;
margin-bottom: 16px;
}
.text-block-price {
margin-bottom: 20px;
font-size: 18px;
}
.div-block-2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b5b15c426c0a5864d96a841_proce_img.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 309px;
margin-left: -50px;
margin-right: -50px;
}
.services-section {
padding-top: 130px;
}
.services-cell {
float: left;
flex: 0 auto;
width: 48%;
margin-bottom: 20px;
padding-bottom: 50px;
padding-left: 50px;
padding-right: 50px;
box-shadow: 0 23px 40px #00000021;
}
.service-div {
justify-content: space-between;
align-items: center;
display: flex;
}
.services-price {
float: right;
text-align: center;
flex: 1;
display: inline-block;
}
.services-wrap {
flex-flow: wrap;
place-content: stretch space-between;
align-items: stretch;
display: flex;
}
.comment-div {
text-align: center;
padding-top: 135px;
}
.process-list-2 {
background-color: #fff;
border-radius: 5px;
max-width: 726px;
height: 132px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
padding-top: 46px;
display: block;
box-shadow: 7px 7px 50px #53688321;
}
.process-section {
padding-top: 140px;
}
.time-text-3 {
font-size: 22px;
font-weight: 300;
}
.paragraph-7 {
margin-top: -8px;
}
.text-wrap {
float: right;
text-align: left;
width: 60%;
height: 100%;
padding: 110px 80px;
}
.about-wrap {
background-color: #fff;
height: 510px;
box-shadow: 7px 7px 50px #53688321;
}
.about-section {
padding-top: 128px;
padding-bottom: 116px;
}
.about-img {
float: left;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b5b15f6830821131c42093d_about_img.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 40%;
height: 100%;
}
.about-paragraph {
font-size: 16px;
line-height: 30px;
}
.footer-section {
text-align: center;
background-image: linear-gradient(#f2f4f5, #fff);
padding-top: 90px;
padding-bottom: 122px;
}
.text-block-25 {
margin-top: -46px;
margin-bottom: 20px;
font-size: 20px;
line-height: 30px;
}
.third-block-holder-single {
background-color: #fff;
height: 100%;
margin: 5px;
padding: 20px 5%;
transition: box-shadow .2s;
box-shadow: 0 0 21px #0000001a;
}
.third-block-holder-single:hover {
border-bottom-color: #111;
}
.third-block-content-single {
text-align: left;
flex-direction: column;
width: 25%;
margin-bottom: 0;
display: flex;
}
.bottom-margin-small {
margin-bottom: 10px;
font-family: Sf ui text, sans-serif;
font-size: 15px;
}
.title-icon {
width: 50px;
margin-bottom: 10px;
}
.unordered-list {
padding-left: 20px;
}
.list-service {
font-family: Sf ui display, sans-serif;
}
.div-block-35 {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.image-holder {
padding-bottom: 88%;
}
.image-holder.image-3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b5b3b0d4b485477a7ee9a1f_Portfolio-Img-6.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 350px;
}
.image-holder.image-1 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b5b3b0d4b48547a01ee9a21_img-work-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.date-2 {
color: #1489cd;
background-color: #1489cc1a;
margin-bottom: 10px;
margin-left: -30px;
padding: 7px 10px 7px 30px;
font-size: 13px;
font-weight: 700;
line-height: 13px;
display: inline-block;
}
.small-text-2 {
color: #333;
border-bottom: 2px solid #3336;
font-size: 13px;
font-weight: 600;
line-height: 21px;
text-decoration: none;
transition: all .2s;
}
.small-text-2:hover {
border-bottom-color: #1489cd;
}
.third-block-holder-single-2 {
transition: box-shadow .2s;
}
.third-block-holder-single-2:hover {
border-bottom-color: #111;
box-shadow: 0 0 21px #0000001a;
}
.third-block-holder-single-2.bottom-margin-medium {
margin-bottom: 30px;
}
.third-block-content-single-2 {
text-align: left;
background-color: #fff;
margin-bottom: 0;
padding: 30px;
}
.row-4 {
display: block;
}
.div-block-36 {
height: 100%;
}
.help-text-1 {
color: #fff;
text-align: left;
max-width: 180px;
font-family: Lato, sans-serif;
font-size: 24px;
line-height: 30px;
position: absolute;
bottom: 76vh;
left: 10%;
}
.fixed-one {
z-index: 10;
width: 25%;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
bottom: 25vh;
left: 10%;
}
.fixed-three {
z-index: 10;
width: 25%;
margin-left: auto;
margin-right: auto;
display: block;
position: fixed;
bottom: 25vh;
left: 10%;
}
.object-three {
background-color: #fff;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 25%;
height: 50vh;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: absolute;
bottom: 25vh;
left: 10%;
box-shadow: 0 10px 50px #00000040;
}
.footer {
color: #fff;
justify-content: center;
align-items: center;
height: 50px;
font-size: 14px;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.fixed-two {
z-index: 10;
width: 25%;
margin-left: auto;
margin-right: auto;
display: block;
position: fixed;
bottom: 25vh;
left: 10%;
}
.finished {
opacity: 0;
color: #fff;
font-size: 32px;
font-weight: 400;
line-height: 32px;
position: absolute;
bottom: 80vh;
left: 0;
right: 0;
}
.object-two, .object-one {
background-color: #fff;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 25%;
height: 50vh;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: absolute;
bottom: 25vh;
left: 10%;
box-shadow: 0 10px 50px #00000040;
}
.flex-grid-wrapped {
flex-flow: wrap;
align-content: flex-start;
margin-top: 0;
margin-bottom: -40px;
display: flex;
}
.container-6 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5vw;
padding-left: 20px;
padding-right: 20px;
}
.section-10 {
background-color: #000;
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6509c28ef3f18db65ec093b0_634747089677b5865ff21f60_Frame-Large-Photo-04-p-2600.webp");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 400px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.flex-item-20 {
flex-direction: column;
flex: 1;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.flex-item-20._40-percent {
flex: 0 auto;
width: 18%;
margin-bottom: 70px;
padding-top: 50px;
}
.flex-item-20.anket {
flex: 0 auto;
width: 30%;
}
.hero-heading {
margin-top: 0;
margin-bottom: 0;
font-size: 46px;
font-weight: 500;
line-height: 60px;
}
.hero-heading.dark-bg {
color: #fff;
font-weight: 700;
}
.hero-subtitle {
color: var(--light-grey);
text-align: left;
margin-top: 10px;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.text-field-7 {
text-align: center;
}
.accordion-container {
border-radius: 4px;
width: 500px;
max-width: 100%;
overflow: hidden;
}
.accordion-tab-button {
cursor: pointer;
background-color: #fff;
justify-content: space-between;
align-items: center;
padding: 20px 25px;
font-size: 18px;
transition: background-color .2s;
display: flex;
}
.accordion-tab-button:hover {
background-color: #eee;
}
.accordion-arrow {
opacity: .8;
width: 15px;
}
.accordion-pane {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
overflow: hidden;
box-shadow: inset 0 9px 25px -15px #000;
}
.accordion-pane-content {
margin-left: 25px;
margin-right: 25px;
padding-top: 20px;
padding-bottom: 20px;
}
.db-link {
color: #3cc47c;
text-decoration: none;
}
.webflow-icon {
margin-right: 8px;
}
.db-fixed-nav-headline {
text-align: center;
margin: 0 20px;
font-size: 18px;
font-weight: 500;
line-height: 20px;
}
.shrink-box-button-2 {
margin-right: 5px;
display: block;
}
.shrink-box-wrapper-2 {
opacity: .5;
cursor: pointer;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
transition: opacity .2s;
display: flex;
}
.shrink-box-wrapper-2:hover {
opacity: 1;
}
.db-mobile-fixed-nav {
color: #fff;
background-color: #0f0f0f;
justify-content: space-between;
align-items: center;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.webflow-link {
z-index: 9999999;
background-color: #fff;
border-radius: 3px;
padding: 4px 6px 5px;
position: fixed;
bottom: 10px;
right: 10px;
box-shadow: 0 0 3px #00000052;
}
.db-logo-wrapper {
background-color: #3cc47c;
padding: 10px 15px;
}
.flex-body {
background-image: linear-gradient(45deg, #4497f0, #7d53c9);
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.db-fixed-nav-logo {
width: 100px;
}
.db-flex-row {
padding-right: 20px;
display: flex;
}
.tabs {
flex: 1;
justify-content: space-between;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.menuleft {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b5cb3c43a82212deeef431a_bookmark-tag.png");
background-position: 91% 0;
background-repeat: no-repeat;
background-size: 20px;
border-radius: 3px;
padding-top: 25px;
box-shadow: 0 0 17px -5px #a0a0a0f2;
}
.menuleft.flextleft {
float: left;
width: 23%;
margin-left: 10px;
}
.goingtextinbox {
opacity: 0;
color: #2290ff;
margin-left: 5px;
font-size: 12px;
display: block;
transform: translate(0, -5px);
}
.leftlinktext {
color: #a0a0a0;
font-family: Lato, sans-serif;
font-size: 15px;
}
.inboxcontain {
z-index: 700;
background-color: #fff;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
width: 250px;
padding-bottom: 15px;
display: none;
position: fixed;
bottom: 0;
right: 0;
box-shadow: 0 0 6px #a0a0a0;
}
.div-block-6 {
display: flex;
}
.leftmenulink {
color: #a0a0a0;
background-color: #fff;
border-left: 5px solid #fff;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
.leftmenulink:hover {
color: #2290ff;
background-color: #f5faff;
border-left: 5px solid #2290ff;
}
.leftmenulink.w--current {
color: #2290ff;
background-color: #f5faff;
border-left-color: #2290ff;
}
.toglebutton {
background-color: #f5faff;
border-radius: 50%;
width: 14px;
height: 14px;
margin-top: 3px;
margin-left: 2px;
box-shadow: 0 0 15px -1px #00000087;
}
.content-column {
flex: 1;
padding-bottom: 20px;
padding-left: 15px;
}
.navbar-zen {
z-index: 1000;
background-color: #0000;
width: 100%;
height: 120px;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.navbar-content {
width: 100%;
height: auto;
min-height: 100%;
}
.flexbox-hero {
float: left;
display: flex;
}
.flexbox-hero.horizontal {
align-items: center;
}
.flexbox-hero.horizontal.hero {
z-index: 1;
justify-content: space-between;
width: 100%;
height: 120px;
position: relative;
}
.nav-menu-zen {
background-color: #0000;
width: 100%;
height: 100%;
max-height: 100%;
padding-left: 112.5px;
padding-right: 112.5px;
display: none;
overflow: auto;
}
.navbar-homelink {
flex: 1;
margin-left: auto;
margin-right: auto;
transition: all .2s;
display: block;
}
.navbar-homelink:hover {
opacity: .8;
}
.logo {
width: 200px;
margin-left: -20px;
padding: 10px 20px;
}
.logo-white {
width: 200px;
margin-left: -20px;
padding: 10px 20px;
display: none;
}
.nav-button {
background-color: #fff;
padding: 30px 20px;
display: block;
box-shadow: 0 8px 23px -10px #00000078;
}
.nav-button.w--open {
background-color: #fff;
}
.nav-bar-menu---button-top-line {
background-color: #000;
width: 20px;
height: 2px;
position: relative;
bottom: 2px;
}
.nav-bar-menu---button-bottom-line {
background-color: #000;
width: 20px;
height: 2px;
position: relative;
top: 2px;
}
.nav-bar-menu---open {
display: none;
}
.container---nav-menu {
height: auto;
max-height: 70%;
position: relative;
overflow: auto;
}
.nav-link {
float: left;
clear: left;
color: #fff;
margin-left: auto;
margin-right: auto;
font-size: 70px;
line-height: 70px;
transition: all .2s;
display: block;
}
.nav-link:hover {
color: #979ea6;
}
.nav-link.w--current {
color: #dc143c;
}
.contact-flexbox {
justify-content: center;
align-items: center;
width: auto;
height: 100%;
padding-right: 10px;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.contact-flexbox-info-container {
border-left: 2px solid #dc143c;
padding-bottom: 0;
padding-left: 30px;
padding-right: 0;
}
.light-gray {
float: left;
color: #979ea6;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
line-height: 11px;
display: inline-block;
}
.spacer-15 {
float: left;
clear: left;
width: 100%;
height: 15px;
}
.primary-link-text {
float: left;
clear: left;
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 13px;
text-decoration: none;
transition: all .2s;
display: block;
}
.navbar-background {
z-index: 100;
background-color: #1c1c1c;
width: 100%;
height: 0%;
position: fixed;
top: 0;
left: 0;
}
.navbar---social-container {
z-index: 100000;
width: 100%;
height: auto;
padding-bottom: 30px;
display: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.container---social {
justify-content: space-between;
align-items: center;
display: flex;
}
.container---social.footer {
height: auto;
position: static;
}
.paragraph-grey {
color: #979ea6;
flex: none;
font-size: 13px;
line-height: 13px;
}
.flexbox-fix {
flex: 1;
height: 1px;
}
.social-icons-container {
justify-content: space-between;
align-items: center;
display: flex;
}
.social-icons-container.footer {
height: auto;
position: static;
}
.link-block---social-icons {
cursor: pointer;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
margin-right: 30px;
transition: all .2s;
display: flex;
}
.link-block---social-icons:hover {
background-color: #ef233c;
}
.link-block---social-icons.last {
margin-right: 0;
}
.icon-medium {
width: 20px;
height: 20px;
}
.bold-text-3 {
font-size: 16px;
}
.section---footer {
z-index: 0;
background-color: #fff;
width: 100%;
height: 500px;
padding-top: 120px;
padding-bottom: 60px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.footer-right-background {
z-index: 0;
background-color: #1c1c1c;
width: 50%;
height: auto;
position: absolute;
top: 120px;
bottom: 120px;
right: 0;
}
.container---footer {
z-index: 1;
margin-bottom: 60px;
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.footer-right {
float: right;
width: 50%;
padding-left: 60px;
}
.h4-white {
float: left;
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.spacer-30 {
float: left;
width: 100%;
height: 30px;
}
.primary-cta-crimson {
float: left;
color: #fff;
background-color: #dc143c;
align-items: center;
height: 48px;
padding-left: 30px;
padding-right: 30px;
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: flex;
position: relative;
}
.footer-row-zen {
width: 50%;
margin-left: 0;
}
.footer-column {
padding-left: 10px;
padding-right: 60px;
}
.h5-txt {
float: left;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 11px;
display: inline-block;
}
.footer-url {
color: #000;
font-size: 15px;
line-height: 28px;
text-decoration: none;
}
.paragraph-clear {
text-decoration: none;
}
.paragraph-footer {
margin-bottom: 0;
font-size: 15px;
line-height: 28px;
display: inline-block;
}
.footer-bottom-container {
margin-bottom: 30px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.flexbox-horizontal {
flex: none;
align-items: center;
text-decoration: none;
display: flex;
}
.secondary-link-text {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 1px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11px;
font-weight: 700;
line-height: 11px;
text-decoration: none;
transition: all .2s;
}
.secondary-link-text:hover {
color: #979ea6;
}
.secondary-link-text.w--current {
border-bottom: 1px solid #000;
}
.secondary-link-text.footer {
border-bottom: 1px solid #0000;
height: auto;
margin-top: 0;
display: block;
position: static;
}
.secondary-link-text.footer.w--current {
border-bottom-color: #d30000e0;
margin-top: 0;
display: block;
}
.secondary-link-text.footer.last {
margin-right: 0;
}
.par-copy {
color: #979ea6;
font-size: 13px;
line-height: 13px;
}
.footer-reveal-div {
width: 100%;
height: 500px;
padding-top: 120px;
padding-bottom: 60px;
position: relative;
}
.section---clients {
z-index: 2;
background-color: #f8f8f8;
width: 100%;
padding-top: 60px;
padding-bottom: 120px;
position: relative;
}
.container---flex {
align-items: flex-start;
display: flex;
}
.container---flex.justify-space {
justify-content: space-between;
}
.h1-zen {
color: #000;
font-size: 38px;
line-height: 44px;
}
.clients-intro {
width: 30%;
padding-right: 0;
}
.section-rule {
background-color: #000;
width: 15px;
height: 2px;
margin-right: 7px;
}
.h6-not-caps {
color: #000;
font-size: 15px;
font-weight: 700;
line-height: 15px;
}
.paragrpah-grey-fix {
color: #979ea6;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
display: inline-block;
}
.spacer-100 {
width: 100%;
height: 100px;
}
.clients-container {
justify-content: space-between;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.clients-container.bottom {
padding-bottom: 0;
}
.client-logo-link-container {
opacity: .3;
justify-content: center;
align-items: center;
width: 25%;
transition: all .2s;
display: flex;
}
.client-logo-link-container:hover {
opacity: 1;
}
.client-logo {
max-width: 120px;
min-height: 30px;
}
.section-studio {
z-index: 1;
background-color: #f8f8f8;
width: 100%;
height: 100%;
padding-top: 120px;
padding-right: 0;
position: relative;
}
.container---studio {
height: 100%;
}
.studio---left {
float: left;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 55%;
height: 100%;
padding-top: 120px;
padding-bottom: 50px;
display: flex;
position: relative;
}
.studio---right {
z-index: 10;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b8ab1f08555848cfb7b79f5_cam6.jpg");
background-position: 0 0;
background-size: cover;
width: 30%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.h5-txt-new {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Sf ui display, sans-serif;
font-size: 11px;
line-height: 11px;
}
.h2-txt-new {
color: #000;
font-family: Sf ui display, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 55px;
}
.spacer-50 {
width: 100%;
height: 50px;
}
.paragraph-head {
color: #000;
margin-bottom: 0;
font-family: Sf ui display, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 28px;
}
.section---main {
z-index: 1;
background-color: #fff;
width: 100%;
padding-top: 120px;
padding-bottom: 0;
position: relative;
}
.what-left {
float: left;
width: 20%;
}
.txt-h6 {
color: #000;
font-family: Sf ui text, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 15px;
}
.what-right {
float: left;
width: 80%;
}
.what-content {
justify-content: space-between;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.what-content.bottom {
padding-bottom: 0;
}
.what-content-containers {
color: #000;
background-color: #0000;
border-top: 1px solid #000;
width: 30%;
padding: 20px 20px 100px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.h4-txt {
font-family: Sf ui display, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 30px;
}
.paragraph-txt {
margin-bottom: 0;
font-family: Sf ui display, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 28px;
display: inline-block;
}
.features {
z-index: 1;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-top: 0;
padding-top: 50px;
padding-bottom: 50px;
display: block;
position: relative;
}
.section-container {
max-width: 1200px;
padding: 50px 30px;
position: relative;
}
.section-container.flex {
flex-flow: wrap;
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.feature-block {
z-index: 1;
width: 33%;
max-width: 280px;
margin-left: 40px;
margin-right: 40px;
position: relative;
}
.the-number {
z-index: -1;
opacity: .03;
font-size: 135px;
font-weight: 700;
position: absolute;
inset: 0;
}
.interaction-text-wrapper {
position: relative;
}
.symbol_card {
text-align: center;
flex-flow: row;
justify-content: center;
align-items: flex-start;
width: 200%;
margin: 20px auto;
display: flex;
position: static;
overflow: visible;
transform: translate(-25%);
}
.symbol-description {
margin: 80px -35px;
}
.user-name {
color: #fff;
letter-spacing: .2px;
text-shadow: none;
margin-bottom: 5px;
font-size: 16px;
font-weight: 500;
}
.black-font {
color: #000;
}
.heading-38 {
color: #fffc;
letter-spacing: .4px;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.features_card {
text-align: left;
margin: 25px 15px;
display: inline-block;
}
.card_user {
color: #fff;
text-shadow: 0 1px 2px #0003;
background-color: #399ee2;
border-radius: 10px;
width: 265px;
height: auto;
margin-left: 0;
margin-right: 0;
padding: 20px;
display: inline-block;
position: static;
overflow: visible;
transform: scale(.85);
box-shadow: -2px 2px 10px #3019834d;
}
.card_user.bg_organge {
background-color: #0000;
background-image: linear-gradient(325deg, #000, #fb8332 0%, #b31919 2%, #fb8332 90%);
}
.card_user.bg_blue {
background-image: linear-gradient(325deg, #289dcc, #815eff);
}
.card_user.bg_green {
background-image: linear-gradient(325deg, #36ac91, #5ad0ff 100%, #fff 102%);
}
.card_user.bg_red {
background-color: #0000;
background-image: repeating-linear-gradient(325deg, #9119b3, #e64c4c);
}
.interection-photo-wrapper {
flex: none;
display: inline-block;
position: relative;
}
.interection-photo-wrapper.big-image {
width: auto;
height: auto;
}
.paragraph-8 {
color: #84878d99;
transform-style: preserve-3d;
width: 100%;
max-width: 824px;
margin-top: 80px;
margin-bottom: 80px;
padding-left: 10px;
padding-right: 10px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
display: inline-block;
transform: translate3d(0, 0, 250px);
}
.user-photo {
border: 3px solid #fff;
border-radius: 56px;
width: 95px;
height: 95px;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
}
.container-7 {
text-align: center;
letter-spacing: .2px;
width: 100%;
max-width: 1000px;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: inline-block;
}
.feature-name {
color: #000;
margin-top: 20px;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
}
.detail-name {
color: #ffffffb3;
text-align: center;
text-shadow: none;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
}
.detail {
padding-left: 5px;
padding-right: 5px;
display: inline-block;
}
.new-message {
float: right;
width: 295px;
height: 90px;
position: relative;
}
.new-message.img {
transform-origin: 100% 0;
width: auto;
height: auto;
}
.detail-number {
color: #fff;
text-shadow: none;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 600;
line-height: 26px;
display: inline-block;
}
.gear-icon {
float: left;
transform-origin: 0 0;
text-shadow: none;
}
.background-pulse {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.symbol-slider {
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden;
}
.layer-detail {
justify-content: space-between;
margin-top: 20px;
margin-left: -5px;
margin-right: -5px;
display: flex;
}
.flex-expand {
flex: 1;
height: 1px;
}
.setting-icon {
justify-content: space-between;
display: flex;
}
.small {
float: none;
color: #5b5f67;
max-width: 225px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Open Sans, sans-serif;
font-size: 13px;
display: inline-block;
}
.div-block-40 {
overflow: visible;
}
.div-block-40.bg_indigo {
background-image: linear-gradient(325deg, #4e2bcc, #b620e0);
overflow: visible;
transform: scale(1);
}
.div-block-40.bg_indigo.active {
text-shadow: 0 1px 2px #0003;
margin-left: 20px;
margin-right: 20px;
}
.symbols-section {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b39e6b35b093e5bb1edc533_SymbolBackground.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
overflow: hidden;
}
.plugin-card {
text-align: left;
background-color: #fff;
border-radius: 5px;
width: 296px;
height: 396px;
margin-left: 25px;
margin-right: 25px;
text-decoration: none;
transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55);
display: inline-block;
}
.plugin-card:hover {
transform: translate(0, -2px)scale(1.05);
}
.button-link {
float: right;
}
.plugin-list {
align-items: flex-start;
width: 130%;
display: flex;
}
.plugin-section {
background-color: #130a33;
padding-top: 50px;
padding-bottom: 0;
}
.plugn-subtitle {
color: #ffffffa6;
font-size: 16px;
font-weight: 300;
line-height: 26px;
}
.paragraph-9 {
color: #000000a6;
margin-top: 20px;
font-size: 16px;
line-height: 23px;
}
.plugin-text {
width: 100%;
max-width: 490px;
display: inline-block;
}
.plugin-image {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 296px;
}
.heading-3 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.plugin-slider {
width: 100%;
padding-top: 50px;
padding-bottom: 80px;
overflow: auto;
}
.text-block-30 {
color: #f06e00;
padding-right: 31px;
font-family: Open Sans, sans-serif;
font-weight: 600;
transition: all .2s;
}
.text-block-30:hover {
color: #fd9800;
}
.card-content {
padding: 15px;
}
.plugin-content {
text-align: left;
align-items: baseline;
margin-top: 50px;
margin-bottom: 0;
display: block;
}
.writer-name {
color: #0006;
}
.plugin-title {
color: #fff;
text-align: left;
letter-spacing: .5px;
margin-top: 0;
margin-bottom: 20px;
display: inline-block;
}
.see-more {
float: none;
color: #fd9800;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b5e0fdf89ff9cfa5624c4d3_Arrow.svg");
background-position: 92%;
background-repeat: no-repeat;
background-size: 7px;
flex: 0 auto;
font-size: 17px;
text-decoration: none;
display: inline-block;
}
.message-2 {
flex-direction: column;
justify-content: center;
position: relative;
left: -7px;
}
.cloud-subtitle {
color: #5b5f67;
letter-spacing: -.08px;
width: 100%;
max-width: 296px;
margin-top: 15px;
margin-bottom: 30px;
font-family: Open Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 32px;
}
.chat-box {
z-index: 1;
width: 290px;
display: block;
position: absolute;
top: -27px;
left: 0;
}
.chat-person {
border: 2px solid #fff;
border-radius: 86px;
width: 55px;
height: 55px;
margin-top: -10px;
position: static;
box-shadow: 1px 1px 3px #0000004d;
}
.chat {
flex-direction: column;
display: flex;
}
.sketch-cloud {
color: #84878d;
text-transform: uppercase;
margin-top: 15px;
font-size: 12px;
font-weight: 600;
}
.cloud-content {
text-align: left;
padding-top: 40px;
display: inline-block;
}
.cloud-chat-window {
z-index: 2;
border-radius: 6px;
width: 250px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 10px 60px #1b0f4638;
}
.chat-text {
z-index: 2;
text-align: left;
letter-spacing: 0;
width: 175px;
margin-left: auto;
margin-right: auto;
font-family: Open Sans, sans-serif;
font-size: 13px;
line-height: 18px;
display: block;
position: absolute;
top: 14px;
left: 0;
right: 0;
}
.cloud-chat {
flex-direction: column;
flex: 0 2 auto;
align-items: center;
display: flex;
position: absolute;
}
.cloud-chat.second-chat {
z-index: 5;
top: 190px;
right: 0;
}
.cloud-chat.first-chat {
z-index: 5;
top: 30px;
}
.cloud-chat.last-chat {
z-index: 5;
bottom: 140px;
left: 0;
}
.cloud-title {
color: #000;
margin-bottom: 20px;
font-weight: 600;
}
.cloud-section {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.cloud-image {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b5e102793af1e2e45cd60ac_cloud-shapes.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: row;
flex: none;
align-items: center;
height: 650px;
display: block;
position: relative;
}
.cloud-icon {
width: 25%;
}
.author-wrapper {
background-color: #272727;
position: relative;
}
.nav-link-catalog {
color: #929292;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #0000;
border-bottom: 1px solid #ffffff0f;
justify-content: space-between;
align-items: center;
width: 100%;
height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.nav-link-catalog:hover {
color: #fff;
}
.nav-text {
text-transform: uppercase;
flex: 1;
line-height: 20px;
}
.nav-icon {
float: right;
}
.social-wrapper {
text-align: center;
background-color: #fff;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding: 30px 15px;
display: flex;
position: relative;
}
.social-icon-ava {
border: 1px solid #bbb;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 37px;
height: 37px;
margin-left: 3px;
margin-right: 3px;
display: flex;
}
.social-div {
display: flex;
}
.name-of-model {
color: #929292;
margin-top: 25px;
font-family: Sf ui text, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 24px;
}
.page-content {
background-color: #fff;
padding: 15px 15px 50px;
box-shadow: 0 0 100px 1px #00000026;
}
.title-wrapper {
margin-bottom: 15px;
display: flex;
}
.resume-title {
color: #333;
letter-spacing: 1px;
border-bottom: 2px solid #c7c7c7;
margin-bottom: 10px;
padding-bottom: 5px;
font-family: Oswald, sans-serif;
font-size: 14px;
line-height: 30px;
display: inline-block;
}
.abme-title {
color: #313131;
letter-spacing: 1px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 700;
line-height: 42px;
display: flex;
}
.space-divider {
height: 40px;
padding-right: 0;
}
.skill {
color: #000;
letter-spacing: 1px;
flex-direction: row;
justify-content: space-between;
margin-bottom: 6px;
margin-right: 10px;
font-family: Oswald, sans-serif;
font-size: 14px;
line-height: 20px;
display: flex;
}
.div-block-41 {
flex-direction: column;
align-items: stretch;
margin-bottom: 30px;
display: flex;
}
.size-txt {
color: #000;
margin-left: 15px;
font-size: 14px;
font-weight: 700;
}
.bold-text-6 {
font-weight: 400;
}
.portfolio-wrapper {
float: left;
width: 48%;
margin: 1px;
position: relative;
overflow: hidden;
}
.lightbox-wrapper {
width: 100%;
height: 100%;
}
.portfolio-overlay {
z-index: 1;
opacity: 0;
background-color: #000000d9;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0;
}
.zoom-icon-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.portfolio-icon {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b61c4e749f97e4bbdf73f2d_lens.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 18px;
border-radius: 100%;
width: 60px;
height: 60px;
}
.paragraph-10 {
color: #c5c5c5;
max-width: 30vw;
margin-top: 105px;
margin-bottom: 0;
line-height: 26px;
}
.arrow {
color: #33333340;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 20px;
line-height: 20px;
transition: color .2s;
display: flex;
position: static;
box-shadow: 0 15px 50px -20px #000000b0;
}
.arrow:hover {
color: #333;
}
.mask-2 {
z-index: 3;
}
.slide-line {
z-index: 12;
background-color: #333;
width: 60px;
height: 2px;
position: absolute;
top: 232px;
left: 131px;
}
.arrow-link {
z-index: 10;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin: 85vh 0 0;
display: flex;
bottom: 0;
left: 32vw;
overflow: visible;
}
.arrow-link.right {
left: 39vw;
}
.slide-overflow {
overflow: hidden;
}
.book-now {
z-index: 5;
color: #fff;
text-transform: uppercase;
background-color: #333;
border-radius: 25px;
padding: 9px 22px;
font-size: 12px;
line-height: 18px;
text-decoration: none;
position: absolute;
bottom: 153px;
left: 108px;
}
.dish-name {
text-transform: uppercase;
width: 50vw;
margin-top: 0;
margin-bottom: 40px;
font-size: 40px;
line-height: 60px;
}
.total-slides {
z-index: 12;
position: absolute;
top: 223px;
left: 200px;
}
.slider-2 {
z-index: 10;
background-color: #fff;
height: 100vh;
overflow: hidden;
}
.slide-nav-2 {
display: none;
}
.main-content {
z-index: 10;
position: absolute;
top: 123px;
left: 108px;
}
.style-circle {
z-index: 2;
background-color: #fff;
border-radius: 50%;
width: 195px;
height: 195px;
position: absolute;
top: 115px;
left: 53px;
box-shadow: 0 22px 120px -25px #00000026;
}
.plate {
box-shadow: none;
background-color: #fff;
border-radius: 50%;
width: 39vw;
padding: 45px;
overflow: hidden;
}
.plate-container {
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 100vh;
display: block;
position: absolute;
top: 3vh;
right: -55vw;
transform: rotate(-17deg);
}
.slide-number {
display: inline-block;
}
.lazy-susan {
z-index: 2;
background-color: #fff;
border-radius: 50%;
width: 110vw;
height: 100vw;
position: absolute;
top: -272px;
right: -56vw;
box-shadow: 16px 179px 300px -25px #00000012;
}
.body {
height: auto;
}
.text-block-32 {
letter-spacing: 1px;
font-family: Sf ui text, sans-serif;
}
.dop-flex {
flex-wrap: wrap;
justify-content: space-around;
margin-top: 10px;
display: flex;
}
.close-dop-block {
text-align: center;
display: none;
}
._1200-max {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: block;
}
.img-anketa {
flex-direction: column;
flex: 1;
display: flex;
}
.tabs-2 {
color: #43f5f26b;
background-color: #0000;
width: 100%;
font-size: 32px;
font-weight: 600;
line-height: 1.5em;
}
.tabs-2.w--current {
color: #43f5f2;
background-color: #fff0;
}
.content2-jumbonumber {
opacity: .2;
font-size: 100px;
font-weight: 300;
line-height: 120px;
}
.headline-6-col {
width: 460px;
margin-bottom: 50px;
}
.decoline {
background-color: #d2d2d2;
width: 30px;
height: 2px;
margin-top: 20px;
margin-bottom: 20px;
}
.content2-items {
align-items: flex-start;
display: flex;
}
._3-col {
width: 220px;
margin-right: 20px;
display: inline-block;
}
._3-col._3-col-last {
margin-right: 0;
}
.wrap {
width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.wrap.w50-80 {
padding-top: 50px;
padding-bottom: 80px;
}
.wrap.w80-50 {
padding-top: 80px;
padding-bottom: 50px;
}
.wrap.w50 {
padding-top: 50px;
padding-bottom: 50px;
}
.wrap.w80 {
padding-top: 80px;
padding-bottom: 80px;
}
.wrap.w80-50-center {
align-items: center;
display: flex;
}
.wrap.w50-center {
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.text-14 {
line-height: 24px;
}
.text-14.text-14-60 {
opacity: .6;
}
.text-14.text-14-30 {
opacity: .3;
}
.content7-numbers-wrap {
align-items: flex-start;
display: flex;
}
.content7-number-card {
color: #fff;
background-color: #111212;
border-radius: 8px;
padding: 10px 30px 20px;
}
.content7-number-card.content7-number-card-content3 {
background-color: #b3b3af;
}
.content7-number-card.content7-number-card-content2 {
background-color: #c47ca2;
}
.content7-number-card.content7-number-card-content4 {
background-color: #21263b;
}
.content7-number-card.content7-number-card-content1 {
background-color: #3fcedc;
}
.tagline-2 {
opacity: .6;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 12px;
}
.tagline-2.team1-position {
margin-top: -6px;
}
.content7-number-card-no-wrap {
margin-top: -5px;
margin-bottom: -5px;
}
.h2-jumbo {
font-size: 44px;
font-weight: 300;
line-height: 56px;
}
.content7-divider {
background-color: #ffffff1a;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
}
._4-col {
width: 300px;
margin-right: 20px;
display: inline-block;
}
._4-col._4-col-last {
margin-right: 0;
display: inline-block;
}
.feature5-item-wrap {
padding-right: 30px;
}
.feature5-row-wrap {
align-items: flex-start;
margin-top: 20px;
display: flex;
}
.text-20 {
opacity: 1;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.divider-dark {
background-color: #ffffff0f;
width: 100%;
height: 1px;
}
.link-dark {
opacity: .6;
color: #fff;
line-height: 24px;
text-decoration: none;
transition: color .4s, transform .4s, opacity .4s;
}
.link-dark:hover {
opacity: 1;
color: #fff;
}
.link-dark.footer-link-12-dark {
margin-bottom: 10px;
display: block;
}
.text-16 {
font-size: 16px;
line-height: 26px;
display: inline-block;
}
.text-16.footer-section-headline {
margin-bottom: 12px;
}
.text-16.text-16-60 {
opacity: .6;
}
.footer3-logo-wrapper {
justify-content: flex-start;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.footer3-bottom-links-wrapper {
justify-content: space-between;
margin-top: 40px;
display: flex;
}
.section-dark {
color: #fff;
background-color: #111212;
}
.landing3-logo {
margin-right: 16px;
}
.footer3-links-wrapper {
align-items: flex-start;
margin-top: 30px;
margin-bottom: 30px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.team1-people-row {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: 30px;
display: flex;
}
.team1-person {
padding-right: 20px;
}
.team1-image {
background-image: linear-gradient(#1112121a, #1112121a);
border-radius: 8px;
width: 120px;
height: 120px;
margin-bottom: 20px;
}
.team1-image.team1-image3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b9852baf47f07011a244f63_Person%20Pic%203%402x.jpg");
background-size: 120px;
}
.team1-image.team1-image1 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b9852baf47f0758f1244f61_Person%20Pic%201%402x.jpg");
background-size: 120px;
}
.team1-image.team1-image2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b9852baf47f07a709244f60_Person%20Pic%202%402x.jpg");
background-size: 120px;
}
.team1-image.team1-image4 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b9852baf47f079bc6244f5d_Person%20Pic%204%402x.jpg");
background-size: 120px;
}
.feature1-content {
padding-right: 80px;
}
.feature1-image1 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5e7ca12968370035042137d5_36288173010_7678fc20ab_b.jpg");
background-position: 50%;
background-size: cover;
border-radius: 8px;
height: 420px;
margin-bottom: 20px;
}
._6-col {
width: 460px;
margin-right: 20px;
display: inline-block;
}
.btn-2 {
float: none;
color: #fff;
text-align: center;
background-color: #1991eb;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 10px;
padding: 11px 25px;
line-height: 24px;
transition: color .2s, box-shadow .2s, background-color .2s, transform .4s;
display: inline-block;
}
.btn-2:hover {
color: #fff;
background-color: #1386dd;
border-color: #0c6eb8;
transform: translate(0, -2px);
box-shadow: 0 1px 3px #0000001a;
}
.btn-2:active {
transform: translate(0, -1px);
box-shadow: 0 1px 1px #0000001a;
}
.btn-2.btn-outline-light {
color: #111212;
background-color: #0000;
border: 1px solid #1112120d;
}
.btn-2.btn-outline-light:hover {
border-color: #1112121a;
box-shadow: 0 1px 3px #0000000d;
}
.btn-2.btn-outline-light:active {
box-shadow: 0 1px 1px #0000000d;
}
.feature1-image3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5e7ca0cf6c7b7b48968fc39a_iStock-918704584-1.jpg");
background-position: 50%;
background-size: cover;
border-radius: 8px;
height: 420px;
}
.feature1-image2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b98547a7738ef6cbc334c47_Feature1-Image1.jpg");
background-position: 50%;
background-size: cover;
border-radius: 8px;
height: 120px;
}
.signup-account-link-2 {
color: #999;
display: inline-block;
}
.form2-buttons-wrapper {
justify-content: space-between;
align-items: center;
}
.form2-error-message {
background-color: #0000;
border-radius: 4px;
padding: 0;
}
._7-col {
width: 540px;
margin-right: 20px;
display: inline-block;
}
._7-col._7-col-last {
margin-right: 0;
display: inline-block;
}
._5-col {
width: 380px;
margin-right: 20px;
display: inline-block;
}
.form2-form-section-wrapper {
padding: 50px;
}
.form2 {
color: #111212;
background-color: #fff;
border-radius: 8px;
align-items: center;
height: 520px;
display: flex;
box-shadow: 0 1px 8px #1112121a;
}
.form2.form2-dark {
color: #fff;
background-color: #1a1a1a;
border: 1px solid #ffffff0f;
}
.form2-form-wrap {
margin-top: 20px;
margin-bottom: 0;
}
.form2-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5a4a650bf6b9a40001c2dfe8_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202018-01-01%20%D0%B2%2019.42.10.png");
background-position: 50%;
background-size: cover;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
height: 520px;
margin-right: -20px;
display: flex;
}
.form2-wrapper {
margin-top: -10px;
}
.form2-input {
border: 1px solid #ececec;
border-radius: 4px;
width: 100%;
height: 40px;
margin-bottom: 14px;
padding-left: 16px;
padding-right: 16px;
transition: border-color .2s;
}
.form2-input:hover {
border-color: #d8d8d8;
}
.form2-input:focus {
border-color: #a3a3a3;
}
.form2-input::placeholder {
color: #ccc;
}
.form2-input.form2-input-dark {
color: #fff;
background-color: #1a1a1a;
border-color: #ffffff0f;
}
.form2-input.form2-input-dark:hover {
border-color: #ffffff80;
}
.form2-input.form2-input-dark:focus {
border-color: #fff;
}
.form2-input.form2-input-dark::placeholder {
color: #ffffff80;
}
.form2-headline {
margin-top: 10px;
margin-bottom: 20px;
}
.form2-error-message-text {
color: #f85359;
display: inline-block;
}
.form2-success-message {
background-color: #0000;
}
.form2-success-message-text {
color: #1991eb;
margin-top: 20px;
font-size: 16px;
line-height: 24px;
}
.flex-anket {
flex-wrap: nowrap;
align-content: center;
display: flex;
}
.link-dark {
transition-property: none;
}
.link-dark:active {
opacity: .6;
}
.hero2-dark {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc07ffad22fad142c3a9ec6_header-2-landing.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 940px;
align-items: center;
height: 674px;
display: flex;
}
.hero2-text-wrap {
width: 45%;
}
.h1-jumbo {
margin-top: 15px;
margin-bottom: 15px;
font-family: Sf ui text, sans-serif;
font-size: 45px;
font-weight: 600;
line-height: 70px;
}
.btn-big {
float: none;
background-color: var(--blue);
color: #fff;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 10px;
padding: 16px 35px;
font-family: Sf ui text, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 26px;
transition: color .2s, box-shadow .2s, background-color .2s, transform .4s;
display: inline-block;
}
.btn-big:hover {
color: #fff;
background-color: #1386dd;
border-color: #0c6eb8;
transform: translate(0, -2px);
box-shadow: 0 1px 3px #0000001a;
}
.btn-big:active {
transform: translate(0, -1px);
box-shadow: 0 1px 1px #0000001a;
}
.content4-item {
flex-direction: column;
margin-bottom: 20px;
display: flex;
}
.content4-items {
margin-bottom: 20px;
}
.content4-image {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3f18564f3b74_inma-santiago-746452-unsplash.jpg");
background-position: 50%;
background-size: cover;
border-radius: 8px;
height: 340px;
margin-bottom: 30px;
}
.content4-image.content4-image8 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3f4a054f3b72_natalia-y-469694-unsplash.jpg");
}
.content4-image.content4-image2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3fea744f3b6d_nathan-dumlao-483396-unsplash.jpg");
}
.content4-image.content4-image9 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3f80af4f3b73_jeremy-bishop-334996-unsplash.jpg");
}
.content4-image.content4-image4 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3fb47a4f3b6c_olena-sergienko-725307-unsplash.jpg");
}
.content4-image.content4-image3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3fd2654f3b6e_annie-spratt-216207-unsplash.jpg");
}
.content4-image.content4-image5 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3f91e64f3b71_shifaaz-shamoon-300079-unsplash.jpg");
}
.content4-image.content4-image6 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3f214c4f3b70_zohre-nemati-446136-unsplash.jpg");
}
.content4-image.content4-image7 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc0812e7afd3f82d94f3b6f_brooke-lark-609908-unsplash.jpg");
}
.slide-reviews {
text-align: center;
}
.slider-3 {
background-color: #0000;
flex-direction: column;
justify-content: space-around;
height: auto;
}
.icon-slide {
color: #cba48e;
margin-bottom: 160px;
font-size: 26px;
}
.ava {
border-radius: 100%;
width: 37px;
height: 37px;
}
.bg-video-wrapper {
z-index: -2;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0%;
}
.bgr-video {
width: 100%;
height: 100%;
}
.video-overlay {
background-image: radial-gradient(circle farthest-side, #101112b3, #101112);
position: absolute;
inset: 0%;
}
.bg-lines-wrapper {
z-index: -1;
position: fixed;
inset: 0%;
}
.bg-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(160px, auto) minmax(auto, 1280fr) minmax(160px, auto);
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.lines-container {
justify-content: space-between;
display: flex;
}
.bg-line {
background-color: #ffffff0f;
width: 1px;
}
.section-f {
justify-content: center;
display: flex;
}
.section-f.section-1 {
margin-bottom: 190px;
padding-top: 190px;
}
.grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: minmax(160px, auto) minmax(auto, 1280px) minmax(160px, auto);
grid-auto-columns: 1fr;
display: grid;
}
.footer-f {
grid-column-gap: 1px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 90px;
margin-bottom: 90px;
display: grid;
}
.footer-col {
flex-direction: column;
align-items: flex-start;
padding-right: 40px;
display: flex;
}
.h4-f {
color: #fffc;
letter-spacing: .4px;
margin-top: 2px;
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
}
.links-wrapper {
flex-direction: column;
align-items: flex-start;
margin-top: 16px;
display: flex;
}
.link-block-f {
letter-spacing: .2px;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
line-height: 20;
text-decoration: none;
display: flex;
}
.text-block-35 {
color: #fff;
}
.h4-wrapper {
letter-spacing: .2px;
text-transform: uppercase;
align-items: center;
margin-bottom: 90px;
display: flex;
}
.heading-line {
background-color: #fff;
width: 16px;
height: 1px;
margin-right: 8px;
}
.row-contacts {
grid-column-gap: 1px;
grid-row-gap: 0px;
perspective: 1000px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contacts-col {
flex-direction: column;
align-items: flex-start;
padding-right: 40px;
display: flex;
}
.contact-row {
flex-direction: column;
align-items: flex-start;
margin-bottom: 32px;
display: flex;
}
.contactsheading {
color: #fff9;
letter-spacing: .4px;
margin-top: 2px;
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
}
.contact-link {
color: #fff;
letter-spacing: .2px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 28px;
line-height: 32;
text-decoration: none;
}
.body-f {
background-color: #101112;
height: auto;
}
.page-content-portfolio {
background-color: #fff;
margin-top: 80px;
}
.page-post-wrapper {
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 100vh;
display: flex;
}
.page-post-wrapper.first {
margin-top: 80px;
}
.project-post-images {
width: 50%;
min-height: 100vh;
position: sticky;
top: 0;
}
.project-big-image {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5cd300ed5783603d576eac7a_5ca341d6af774a341e27c0f5_pro-3.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 800px;
min-height: 50vh;
}
.project-big-image._2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5cd3010cda78140a2f63a5cd_5ca3417bab12cda8b3bc7bd4_pro-1.jpg");
}
.project-big-image.big {
min-height: 100vh;
}
.project-post-content {
align-items: center;
width: 50%;
min-height: 100vh;
padding: 60px 80px;
display: flex;
}
.big-title {
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 30px;
font-size: 28px;
font-weight: 900;
line-height: 40px;
}
.service-provided-wrapper {
flex-direction: column;
align-items: flex-start;
padding-left: 30px;
display: flex;
position: relative;
}
.txt-5 {
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 900;
line-height: 20px;
}
.paragraph-italic {
color: var(--dim-grey);
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
.line-service {
background-image: linear-gradient(to bottom, var(--light-grey), #f4f8fc);
width: 1px;
position: absolute;
inset: 0% auto 0% 0%;
}
.top-margin {
margin-top: 30px;
}
.top-margin.smaller {
margin-top: 15px;
}
.flex-margin {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: flex;
}
.section-new {
padding: 140px 30px;
position: relative;
}
.section-new.gray {
background-color: #f4f8fc;
}
.section-new.more-top-padding {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5cd430b68c5e3695bf16fcdf_5ca8fdd41aed365b966c8376_contact.jpg");
background-position: 105%;
background-repeat: no-repeat;
background-size: 700px;
padding-top: 250px;
padding-bottom: 250px;
}
.section-new.less-pading {
background-color: #f4f8fc;
padding-top: 70px;
padding-bottom: 60px;
}
.cont {
max-width: 1200px;
}
.top-title {
text-align: center;
margin-top: 0;
margin-bottom: 80px;
}
.top-title.flexy {
align-items: center;
display: flex;
}
.top-title.flexy.less-margin {
margin-bottom: 40px;
}
.top-title.centers {
margin-bottom: 10px;
}
.top-title-text {
color: #111;
letter-spacing: 3px;
text-transform: uppercase;
margin-top: 2px;
margin-right: 20px;
font-family: Sf ui display, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
.top-title-text.smalle-text {
font-size: 16px;
line-height: 30px;
}
.history-line {
background-color: #000;
width: 200px;
height: 2px;
position: relative;
}
.related-work-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.related-work {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: auto;
width: auto;
height: 200px;
}
.left-padding {
padding-right: 40px;
}
.text-field-new {
letter-spacing: 1px;
text-transform: uppercase;
background-color: #0000;
border: 1px #000;
border-bottom: 2px solid #ecebeb;
width: 100%;
min-height: 45px;
margin-bottom: 15px;
margin-right: 15px;
padding-top: 8px;
padding-left: 0;
font-family: Sf ui text, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 20px;
}
.text-field-new.area {
margin-bottom: 20px;
padding-bottom: 85px;
}
.footer-style-5 {
background-color: #fff;
padding: 60px 20px 30px;
}
.flex-footer-2 {
display: flex;
}
.footer-line {
padding-right: 38px;
}
.brand-logo {
align-items: flex-start;
min-height: 20px;
text-decoration: none;
display: flex;
}
.sub-logo-text {
color: #bcbcc4;
padding-left: 7px;
font-family: Sf ui display, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
}
.text-block-36 {
color: #121217;
letter-spacing: 3px;
text-transform: uppercase;
font-family: Sf ui display, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.par {
color: #9196ad;
font-size: 15px;
line-height: 26px;
}
.footer-sub-pixel {
align-items: flex-start;
min-height: 30px;
display: flex;
}
.footer-subtitle {
color: #111;
letter-spacing: 2px;
text-transform: uppercase;
height: auto;
margin-bottom: 10px;
font-family: Sf ui display, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
}
.quick-view-button {
border: 1px solid #b8b8b878;
border-radius: 20px;
justify-content: center;
align-self: center;
align-items: center;
padding: 16px 23px 14px;
text-decoration: none;
display: flex;
}
.quick-view-button:hover {
border-color: #b8b8b8;
}
.text-block-37 {
color: #919197;
font-family: Sf ui display, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 20px;
}
.image-13 {
margin-left: 8px;
}
.copyright-line {
background-color: #deedf8;
width: 100%;
height: 1px;
margin-top: 50px;
margin-bottom: 17px;
}
.letf-copyright-flex {
display: flex;
}
.link-2 {
color: #515157;
text-decoration: none;
}
.made-with-webflow {
align-items: center;
margin-left: 10px;
text-decoration: none;
display: flex;
}
.webflow-logo-tiny {
opacity: .9;
width: 18px;
margin-right: 6px;
}
.paragraph-tiny {
color: #919197;
font-size: 15px;
line-height: 20px;
}
.social-wrapper-left {
text-align: right;
}
.social-icon-2 {
margin-left: 20px;
}
.logo-title {
color: #111;
text-align: center;
text-transform: uppercase;
font-family: Sf ui text, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.logo-client-wrapper {
align-items: center;
display: flex;
}
.logo-client {
flex: 1;
justify-content: center;
align-items: center;
padding: 15px 20px;
display: flex;
}
.accordion-item {
background-color: #fff;
border-radius: 10px;
margin-bottom: 20px;
padding: 24px 30px 14px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
box-shadow: 0 3px 7px #00000008;
}
.content-wrapper-2 {
justify-content: flex-start;
align-items: flex-start;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.content-wrapper-2.slim {
max-width: 940px;
}
.accordion-wrapper {
margin-top: 50px;
}
.icon-2.accordion-icon {
opacity: .65;
color: #0009;
cursor: pointer;
font-family: Bitter, serif;
font-size: 32px;
line-height: 30px;
}
.accordion-item-trigger {
justify-content: space-between;
align-items: flex-start;
transition: all .25s;
display: flex;
}
.accordion-item-trigger:hover {
color: var(--royal-blue);
}
.header-center-box {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.header-center-box._75 {
width: 75%;
}
.accordion-heading {
cursor: pointer;
flex: 1;
margin-top: 0;
margin-bottom: 0;
line-height: 30px;
}
.text-center {
color: var(--dim-grey);
text-align: center;
font-weight: 500;
}
.accordion-item-content {
margin-top: 10px;
margin-right: 30px;
overflow: hidden;
}
.cell {
filter: none;
color: #fff;
background-color: #f8f8f8;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
height: auto;
display: flex;
position: relative;
}
.grid-3-5 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
align-items: stretch;
display: grid;
}
.image-14 {
margin-top: 10px;
}
.price-strip {
opacity: .9;
color: #fff;
background-color: #484848;
align-items: center;
height: 50px;
padding-left: 20px;
display: flex;
position: sticky;
}
.text-link {
color: var(--royal-blue);
margin-top: 10px;
text-decoration: none;
}
.text-link:hover {
text-decoration: underline;
}
.feature-column {
flex: 1;
}
.navbar-right {
align-items: center;
height: 100%;
display: flex;
}
.content-section-wrapper {
border-top: 1px solid #d8d6d6;
flex-direction: column;
align-items: stretch;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.col-horz {
margin-bottom: 10px;
display: flex;
}
.copy-regular {
color: #484848;
margin-right: 5px;
font-size: 17px;
line-height: 24px;
display: inline-block;
}
.copy-regular.bold {
display: inline;
}
.navbar-left {
align-items: center;
height: 100%;
display: flex;
}
.anchors-bar-desktop {
background-color: #fff;
justify-content: center;
align-items: center;
display: flex;
}
.sticky-topbar-tablet {
z-index: 10000;
color: #fff;
background-color: #484848;
justify-content: space-between;
height: 50px;
padding-left: 60px;
padding-right: 60px;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.divider-line {
background-color: #d8d6d6;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
}
.full-width-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.navbar {
background-color: #fff;
justify-content: space-between;
align-items: center;
height: 65px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.icon-3 {
color: #767676;
font-size: 27px;
}
.column-38 {
flex: 0 auto;
justify-content: flex-end;
padding-left: 0;
padding-right: 0;
display: flex;
}
.form-input {
font-size: 15px;
}
.nav-link-3 {
color: #484848;
border-bottom: 3px solid #0000;
align-items: center;
height: 100%;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
text-decoration: none;
display: flex;
}
.nav-link-3:hover {
border-bottom: 3px solid #484848;
}
.div-block-45 {
color: #767676;
border: 1px solid #d8d6d6;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
flex-direction: row;
align-items: center;
height: 50px;
padding-left: 10px;
font-size: 12px;
font-weight: 400;
display: flex;
}
.div-block-45.reverse {
border-radius: 0 3px 3px 0;
}
.slide-3 {
cursor: pointer;
width: 33.3%;
margin-right: 10px;
}
.form-wrapper {
margin-top: 20px;
margin-bottom: 20px;
}
.page-content-container {
display: flex;
position: relative;
}
.datepicker-wrapper {
background-color: #fff;
border: 1px solid #d8d6d6;
flex-direction: column;
padding: 20px;
display: flex;
}
.button-secondary {
color: #484848;
text-align: center;
background-color: #fff;
border: 1px solid #d8d6d6;
border-radius: 3px;
flex: none;
display: block;
}
.button-secondary:hover {
color: #fff;
background-color: #484848;
}
.copy-extrasmall {
margin-left: 5px;
font-size: 12px;
display: inline-block;
}
.form-box {
color: #767676;
border: 1px solid #d8d6d6;
border-radius: 3px;
justify-content: space-between;
align-items: center;
height: 50px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
display: flex;
}
.column-10 {
padding-left: 0;
}
.hero-wrapper {
position: relative;
}
.feature-row {
margin-bottom: 20px;
}
.anchor-link {
color: var(--black-2);
margin-right: 20px;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.full-width-container2 {
width: 940px;
}
.form-dropdown {
border: 1px solid #d8d6d6;
border-radius: 3px;
justify-content: space-between;
align-items: center;
height: 44px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.heading-41 {
width: 160px;
margin-top: 0;
}
.rate-type {
font-size: 14px;
font-weight: 300;
}
.map {
margin-top: 20px;
}
.property-message {
justify-content: space-between;
align-items: center;
display: flex;
}
.icon-bolt {
margin-left: 5px;
font-family: Fontawesome webfont, sans-serif;
display: inline;
}
.page-content-wrapper {
width: 630px;
height: 100%;
padding-right: 20px;
}
.feature-content-wrapper {
border-bottom: 1px solid #d8d6d6;
flex-direction: column;
flex: 1;
padding-bottom: 20px;
display: flex;
}
.full-width-container {
margin-top: 40px;
}
.icon-downarrow {
color: #484848;
font-family: Fontawesome webfont, sans-serif;
font-size: 20px;
}
.icon-search {
color: #d8d6d6;
margin-right: 10px;
font-family: Fontawesome webfont, sans-serif;
font-size: 19px;
}
.sticky-topbar-mobile {
display: none;
}
.search-wrapper {
border-left: 1px solid #d8d6d6;
align-items: center;
height: 100%;
margin-left: 20px;
padding-left: 20px;
display: flex;
}
.button-primary {
color: #fff;
text-align: center;
letter-spacing: .05em;
background-color: #ff5a5f;
border-radius: 3px;
justify-content: center;
align-items: center;
height: 44px;
padding-top: 0;
padding-bottom: 0;
font-size: 17px;
display: flex;
}
.button-primary:hover {
background-color: #ff7e82;
}
.text-block-5 {
color: #767676;
text-align: center;
margin-top: 10px;
font-size: 12px;
}
.dropdown-text {
color: #767676;
font-size: 19px;
}
.brand-2 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-38 {
color: var(--black-2);
font-weight: 700;
}
.listing-container {
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.div-block-46 {
flex: 0 auto;
align-items: stretch;
display: flex;
}
.feature-wrapper {
margin-bottom: 30px;
display: flex;
}
.right-arrow-3 {
margin-right: -78px;
}
.footer-wrapper {
border-top: 1px solid #d8d6d6;
margin-top: 40px;
padding-top: 60px;
padding-bottom: 60px;
}
.form-datepicker {
flex-direction: column;
flex: 1;
display: flex;
}
.slider-4 {
background-color: #0000;
}
.anchor-links {
align-items: center;
width: 630px;
height: 50px;
display: flex;
position: sticky;
}
.left-arrow-3 {
margin-left: -78px;
}
.favorite-wrapper {
text-align: center;
border: 1px solid #d8d6d6;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 30px;
padding: 20px;
display: flex;
}
.booking-sidebar {
flex-direction: column;
flex: 1;
align-items: stretch;
position: sticky;
top: 20px;
}
.copy-small {
color: #484848;
font-size: 15px;
display: inline;
}
.copy-small.inlineblock {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
display: block;
}
.copy-small.centered {
text-align: center;
margin-top: 20px;
}
.copy-small.bold {
color: #000;
flex-direction: column;
display: flex;
}
.copy-small.bold.inline {
display: inline;
}
.copy-small.bold.inline.leftpadding {
margin-left: 10px;
}
.column-9 {
padding-left: 40px;
padding-right: 0;
}
.sticky-bottombar-phone {
display: none;
}
.form-label {
color: #484848;
margin-bottom: 5px;
font-size: 15px;
font-weight: 400;
}
.anchor-container {
background-color: #fff;
flex-direction: row;
flex: none;
justify-content: space-between;
align-items: flex-start;
width: 940px;
height: 50px;
display: flex;
}
.anchor-div {
z-index: -1;
width: auto;
height: 50px;
margin-top: -49px;
position: absolute;
}
.price {
margin-right: 5px;
font-size: 23px;
}
.heading-42 {
font-size: 50px;
line-height: 80px;
}
.image-location {
width: 100%;
}
.grid-3-5-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
display: grid;
}
.cell-2 {
filter: none;
color: #fff;
background-color: #f8f8f8;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
min-height: 200px;
display: flex;
position: relative;
box-shadow: 0 15px 50px #0006;
}
.cell-2.img-2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ce9a3035d0f479cd39b1cc4_3C.jpg");
background-size: 640px;
}
.cell-2.img-3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ce9a3067ca7d667286b00de_15C.jpg");
background-size: 791px;
}
.cell-2.img-4 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ce9a3025abdf6f2bd4d613a_7C.jpg");
background-position: 50% 0;
background-size: 540px;
}
.cell-2.img-5 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ce9a3088cdd0a77242adfba_19C.jpg");
background-size: 800px;
}
.cell-2.img-1 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5ce9a3027ca7d658646b00db_6C.jpg");
background-size: 540px;
}
.text-block-39 {
font-size: 11px;
}
.img-lightbox {
display: none;
}
.lightbox {
position: absolute;
inset: 0%;
}
.grid-portfolio {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
}
.grid-clients {
flex: 1;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid-service {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: 1fr 1fr 1fr;
}
.podtext {
text-align: center;
flex-flow: column wrap;
place-content: center;
align-items: center;
margin-bottom: 50px;
font-family: Playfair Display, sans-serif;
font-size: 20px;
}
.slider-bs {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.cont-slider-bs {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5d4435c5500bcb2546d36a45_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202019-08-02%20%D0%B2%2016.07.39.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: 2px, cover;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.cont-slider-bs._1 {
background-size: auto, cover;
flex-direction: row;
justify-content: center;
align-items: center;
}
.cont-slider-bs._2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5da5ed5e7c64320e81e6bba0_mk_cover.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.cont-slider-bs._3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/60f853e4bcb397883c592549_60d32e5674d8977b495d8c1f_3L8A8570.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: 1px, cover;
}
.cont-slider-bs._4 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/60f853e4843b0162925bf0ab_photo_2021-07-21_20-01-02.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: 1px, cover;
}
.txt-slider-bs {
color: var(--white);
text-align: center;
order: 1;
font-size: 16px;
font-weight: 500;
line-height: 25px;
position: absolute;
inset: auto 0% 24%;
}
.nav {
z-index: 10000;
background-color: #fff;
width: 100vw;
min-height: 100px;
padding-bottom: 5px;
display: block;
position: fixed;
inset: 0% 0% auto;
box-shadow: 0 0 14px #0000002b;
}
.menu-wrapp1 {
justify-content: flex-start;
align-items: center;
width: 100vw;
padding-top: 18px;
padding-left: 25px;
display: flex;
}
.image-19 {
width: 25px;
}
.menupunkt {
color: #535353;
letter-spacing: .2px;
margin-left: 20px;
text-decoration: none;
}
.div-block-47 {
justify-content: space-between;
align-items: center;
padding-top: 30px;
padding-bottom: 10px;
display: flex;
}
.pol-buds-head {
color: #5f6368;
letter-spacing: .2px;
margin-top: 0;
margin-bottom: 0;
margin-left: 25px;
font-size: 24px;
font-weight: 600;
line-height: 24px;
}
.button-5 {
background-color: #4285f4;
border-radius: 4px;
margin-right: 25px;
padding: 8px 24px;
font-size: 14px;
}
.name-section {
color: #212127;
text-align: left;
margin-bottom: 30px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
.grid-2 {
grid-column-gap: 3px;
grid-row-gap: 3px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
margin-top: 40px;
display: grid;
}
.img-portf {
filter: grayscale(50%);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: 125px;
width: 100%;
height: 100%;
min-height: 200px;
transition: all .25s;
display: block;
}
.img-portf:hover {
filter: grayscale(0%);
}
.img-portf._1 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c60f9822eefe5502a98_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2019-10-21-%D0%B2-18.07.35.jpg");
background-position: 50%;
background-size: cover;
}
.img-portf._1:hover {
filter: grayscale(0%);
}
.img-portf._3 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c58aa0dd208c8b6239d_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2019-10-21-%D0%B2-16.56.56.jpg");
background-position: 50%;
background-size: cover;
}
.img-portf._3:hover {
filter: grayscale(0%);
}
.img-portf._2 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c5daa0dd25896b623aa_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2019-10-21-%D0%B2-17.17.39.jpg");
background-position: 50%;
background-size: cover;
}
.img-portf._2:hover {
filter: grayscale(0%);
}
.img-portf._4 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c62f9822e3aa4502b92_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2019-10-21-%D0%B2-19.08.25.jpg");
background-position: 0 0;
background-size: cover;
}
.img-portf._4:hover {
filter: grayscale(0%);
}
.img-portf._5 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c61ed185358a99da0ed_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2019-10-21-%D0%B2-18.52.40.jpg");
background-position: 50%;
background-size: cover;
}
.img-portf._5:hover {
filter: grayscale(0%);
}
.section-13 {
display: flex;
}
.column-1 {
flex: 1;
}
.column-2 {
flex: 1;
height: 100vh;
position: sticky;
top: 0;
}
.photo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 800px;
}
.photo._1 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c67f9822e6712502bf1_5d373f948005d803e0645684_DS.jpg");
}
.photo._2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c59f66c446d08ccdb2c_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2019-10-21-%D0%B2-16.52.01.jpg");
}
.photo._3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dadf58edb4795492e5ca2ac_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202019-10-21%20%D0%B2%2019.55.22.jpg");
}
.content-holder {
height: 100%;
position: relative;
}
.the-content {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.the-content._1, .the-content._2, .the-content._3 {
background-color: var(--white);
display: flex;
}
.content-txt {
color: #212125;
text-align: center;
font-family: Sf ui text, sans-serif;
font-size: 40px;
line-height: 45px;
}
.overlay-black {
background-color: var(--black);
opacity: 0;
justify-content: center;
align-items: center;
transition: opacity .35s;
display: flex;
position: absolute;
inset: 0%;
}
.overlay-black:hover {
opacity: .7;
}
.zoom-icon {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5def71b64a3d543efad55cea_5dea8aaecd662e66e083ce98_zoom.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: row;
width: 30px;
height: 30px;
}
.block {
color: #fff;
background-color: #7946f3;
border-radius: 3px;
align-items: stretch;
min-height: 300px;
margin-bottom: 100px;
padding: 48px 50px 56px;
font-size: 28px;
font-weight: 300;
line-height: 1.4;
display: flex;
position: sticky;
}
.block._3 {
background-color: #0000;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c62f9822e3aa4502b92_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2019-10-21-%D0%B2-19.08.25.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
border-radius: 0;
top: 30%;
}
.block._2 {
color: #c8a0a0;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c61ed185358a99da0ed_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2019-10-21-%D0%B2-18.52.40.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border: 0 #d2d2d200;
border-radius: 0;
top: 22%;
}
.block._1 {
background-color: #e2e2e2;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5dd69c63fd81dd568df33f3e_IMG_6459.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 0;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
top: 0%;
box-shadow: 3px 1px 7px 1px #54535370;
}
.div-block-48 {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-self: center;
align-items: flex-start;
display: flex;
}
.lottie-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: center;
align-items: flex-end;
width: auto;
min-width: auto;
max-width: none;
height: auto;
margin-left: 0;
display: block;
}
.container-8 {
width: 90%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.container-8.cc-flex-h {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
padding-left: 60px;
display: flex;
}
.block-title {
opacity: 1;
color: #fff;
text-align: center;
letter-spacing: -.04px;
background-color: #0000;
margin-left: auto;
margin-right: auto;
font-family: Sf ui text, sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 35px;
}
.col-right-2 {
flex-direction: column;
flex: 1;
display: flex;
}
.design-capabiltiies {
flex-direction: column;
flex: 1;
justify-content: center;
margin-top: auto;
margin-bottom: auto;
padding-bottom: 160px;
position: relative;
}
.text_left {
letter-spacing: -.02em;
margin-top: 12px;
margin-bottom: 0;
padding-right: 150px;
font-family: Sf ui text, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
display: inline-block;
}
.block-wrapper-2 {
padding-top: 30px;
}
.col-left {
flex: 1;
align-self: stretch;
position: relative;
}
.heading-26 {
font-family: Sf ui text, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 45px;
}
.learn_wrapper {
position: sticky;
top: 34%;
}
.change-lang {
margin-left: 10px;
}
.lang-link {
color: #fffc;
margin-left: 2px;
margin-right: 2px;
font-weight: 500;
text-decoration: none;
transition: all .4s;
}
.lang-link:hover {
color: #fff;
}
.lang-link.w--current {
color: var(--white);
}
.answer-2 {
color: #9096a4;
padding-left: 64px;
padding-right: 8px;
display: block;
overflow: hidden;
}
.question-text-2 {
color: #fff;
flex: 1;
margin-top: 15px;
margin-left: 24px;
font-weight: 500;
}
.answer-text {
color: #8b8b8b;
background-color: #0000;
margin-top: 8px;
font-weight: 400;
}
.full-width {
width: 100%;
}
.question-2 {
align-items: flex-start;
display: flex;
}
.heading-faq {
color: #fff;
text-align: center;
align-self: center;
margin-bottom: 50px;
font-weight: 600;
}
.service-icon {
float: left;
color: #fff;
text-align: center;
border: 1px solid #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-top: 11px;
margin-bottom: 0;
padding: 0;
font-size: 18px;
font-weight: 400;
display: flex;
}
.service-icon._2 {
color: #fff;
border-color: #fff;
width: 40px;
height: 40px;
margin-top: 11px;
margin-bottom: 0;
}
.question-container-2 {
text-align: left;
cursor: pointer;
background-color: #161616;
border: 1px solid #4b4b4b33;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
width: 100%;
margin-bottom: 24px;
padding: 20px 32px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.col-3 {
flex-flow: column;
flex: 0 auto;
align-items: flex-start;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
}
.col-3.lg-8 {
width: 66.66%;
}
.col-3.lg-8.md-4 {
margin-left: auto;
margin-right: auto;
}
.question-arrow-icon {
margin-top: 26px;
margin-left: 24px;
margin-right: 8px;
}
.dynamic-number__wrap {
transform-origin: 50%;
flex: none;
height: 5vh;
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
.wrap-block__inner-fw {
flex: 0 auto;
align-items: stretch;
width: 100%;
height: 50vh;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.wrap-block__inner-fw.inner-fw__bottom {
flex-direction: column;
}
.inner-fw__text-block {
color: var(--black);
letter-spacing: .5px;
font-size: 22px;
line-height: 30px;
}
.step-block__text-number {
color: #7d8082;
font-weight: 300;
}
.section-sticky__outer-wrap {
width: 100vw;
position: relative;
}
.div-block-50 {
z-index: 2;
background-color: #191919;
width: 20px;
height: 5vh;
position: absolute;
top: 0;
left: 0;
}
.wrap-2 {
width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.wrap-2._w-custom.w60-60 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.step-block__text-description {
color: #d1d1d1;
letter-spacing: .25px;
font-weight: 300;
}
.step-block__text-description.text-description-2, .step-block__text-description.text-description-3, .step-block__text-description.text-description-4 {
opacity: 1;
}
.step-block__progress-bar {
background-color: #7d8082;
width: 100%;
height: 1px;
margin-top: 8px;
margin-bottom: 12px;
overflow: hidden;
}
.dynamic-text__wrap {
flex: none;
height: 5vh;
display: block;
position: relative;
overflow: hidden;
}
.step-block {
flex-direction: column;
align-items: flex-start;
width: 25%;
height: 100%;
margin-right: 20px;
display: flex;
}
.step-block.step-block__4 {
width: 15%;
margin-right: 0%;
}
.step-block.step-block__1 {
width: 49%;
margin-right: 2%;
}
.step-block.step-block__3, .step-block.step-block__2 {
width: 15%;
margin-right: 2%;
}
.dynamic-section__wrap {
z-index: 2;
transform-origin: 0% 100% 0px;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
display: block;
position: absolute;
top: -76px;
left: -5px;
transform: rotate(90deg);
}
.dynamic-content__block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 70%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.dynamic-text {
color: #fff;
text-align: left;
letter-spacing: 2px;
font-size: 30px;
line-height: 5vh;
}
.dynamic-text.dt-number {
color: #ffffff80;
font-family: Inconsolata, monospace;
font-size: 36px;
line-height: 5vh;
}
.dynamic-text.dt-number.placeholder {
z-index: 3;
position: absolute;
top: 0;
left: 0;
}
.wrap__sticky {
z-index: 1;
position: static;
inset: 0;
overflow: hidden;
}
.wrap__sticky.sticky {
background-color: #d1d1d1;
height: 100vh;
position: relative;
}
.wrap__sticky.sticky.sticky-5 {
background-color: #191919;
}
.dynamic-number__inner-wrap {
height: 20vh;
transform: translate(0);
}
.dynamic-number__inner-wrap.dynamic-number__track {
transform: none;
}
.section-sticky {
width: 100vw;
position: relative;
overflow: visible;
}
.step-block__progress-bar-inner {
background-color: #fff;
width: 100%;
height: 1px;
transform: translate(-100%);
}
.stepper-wrap {
height: 100%;
padding-top: 20px;
padding-bottom: 40px;
display: flex;
}
.section-sticky__wrap {
z-index: 2;
width: 100%;
height: 300vh;
display: block;
position: relative;
}
.section-sticky__wrap.section-sticky__wrap-progress {
z-index: 0;
height: 500vh;
overflow: visible;
}
.step-block__text-title {
color: #fff;
margin-bottom: 10px;
font-size: 20px;
}
.step-block__text-title.text-title_1 {
opacity: 1;
}
.section-triggers {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0 0 0;
}
.section-triggers.section-triggers__scroll-down {
width: 1px;
display: flex;
position: absolute;
inset: 0 auto 0 0;
}
.section-trigger {
height: 1px;
position: relative;
}
.section-trigger.section-trigger__2 {
z-index: 999;
background-color: #0000;
width: 1px;
height: 1px;
position: absolute;
top: 40%;
}
.section-trigger.section-trigger__1 {
z-index: 999;
background-color: #0000;
width: 1px;
height: 1px;
position: absolute;
top: 20%;
}
.section-trigger.section-trigger__4 {
z-index: 999;
background-color: #0000;
width: 1px;
position: absolute;
top: 80%;
}
.section-trigger.section-trigger__3 {
z-index: 999;
background-color: #0000;
width: 1px;
height: 1px;
position: absolute;
top: 60%;
}
.info-staff {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 15px;
display: flex;
}
.div-pic-bts {
position: relative;
}
.div-block-52 {
min-width: 300px;
display: none;
}
.city-column {
display: flex;
}
.city-div {
padding-left: 5px;
padding-right: 5px;
}
.h2-brc {
text-align: center;
margin: 16px auto 30px;
}
.solid-button {
color: #fff;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #000;
border-style: none;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 16px 32px;
font-size: 9px;
line-height: 1.35em;
text-decoration: none;
display: flex;
overflow: hidden;
}
.sticky-intro {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 100px;
padding-bottom: 100px;
padding-left: 50px;
display: grid;
position: sticky;
top: 30%;
}
.body-display {
color: #626d86;
font-size: 15px;
font-weight: 500;
line-height: 1.6em;
}
.list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 50px;
padding-bottom: 0;
display: grid;
}
.medium-stacked-intro {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 475px;
display: grid;
}
.stacked-heading {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.verticle-line {
background-color: #889ea833;
height: 100%;
position: relative;
right: .5px;
}
.half-wrapper {
z-index: 100;
grid-column-gap: 60px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1px 1fr;
grid-auto-columns: 1fr;
max-width: 1200px;
padding-right: 20px;
display: grid;
position: relative;
}
.div-br-1 {
border-bottom: 1px solid #889ea833;
justify-content: space-between;
align-items: center;
min-width: 250px;
min-height: 200px;
display: flex;
}
.div-br-1.no-border {
border-bottom-style: none;
}
.txt-1 {
max-width: 300px;
margin-right: 30px;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.txt-22 {
color: #626d86;
margin-bottom: 0;
padding-left: 15px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.grid-br-2 {
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
}
.heading-45 {
font-size: 36px;
font-weight: 900;
line-height: 42px;
}
.grid-wrapper-2 {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.benefits-row {
grid-column-gap: 0px;
grid-row-gap: 16px;
border: 1px solid #889ea833;
grid-template-rows: auto;
grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.number-item {
grid-column-gap: 16px;
grid-row-gap: 140px;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
padding: 24px 36px;
display: grid;
position: relative;
}
.number-item:hover {
z-index: 1;
}
.subtitle-2 {
letter-spacing: 3px;
text-transform: uppercase;
font-size: 11px;
}
.number-info {
grid-column-gap: 18px;
grid-row-gap: 16px;
text-align: right;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.txt-brc {
font-weight: 600;
}
.video-section {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
line-height: 110px;
display: flex;
}
.outline-text {
color: #ddd;
max-width: 650px;
font-size: 65px;
font-weight: 600;
line-height: 110%;
}
.outline-text.v2 {
max-width: 700px;
}
.div-video-sec {
z-index: 2;
max-width: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.h2-video-sec {
opacity: .75;
color: var(--white);
max-width: 550px;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.button-video-sec {
max-width: 250px;
margin-top: 40px;
}
.broadcast-title {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/610c152f086fca9c864ceb45_broadcast.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 1000px;
height: 150px;
position: absolute;
inset: 400px 0% 0% auto;
}
.bcgr-video-broadcast {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png");
background-position: 0 0, 0 0;
background-size: auto, 1px;
width: 100%;
height: 100%;
text-decoration: none;
position: absolute;
inset: 0%;
}
.outline-button {
color: #000;
letter-spacing: 3px;
text-transform: uppercase;
border: 1px solid #889ea833;
border-radius: 100px;
justify-content: center;
align-items: center;
min-height: 42px;
padding: 16px 32px;
font-size: 9px;
line-height: 1.35em;
text-decoration: none;
transition: background-color .5s cubic-bezier(.25, .46, .45, .94);
display: flex;
overflow: hidden;
}
.sec-backstage {
background-color: var(--white);
position: relative;
}
.white-cover {
z-index: 1;
background-color: var(--white-smoke-2);
width: 100%;
height: 50%;
position: absolute;
inset: auto 0% 0%;
}
.sticky-header-column {
background-color: var(--footer);
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/60e4b10f60c17edf03c6f3a9_NEST0222.jpg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.guideline-wrap-info {
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
display: flex;
}
.guideline-wrap-info.left-align {
text-align: left;
align-items: flex-start;
max-width: 500px;
}
.sticky-section {
text-align: center;
justify-content: center;
align-items: flex-start;
width: 100vw;
display: flex;
position: relative;
overflow: visible;
}
.sticky-info-column {
z-index: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-left: 50px;
padding-right: 100px;
display: flex;
}
.txt-services-broad {
color: var(--dim-grey);
font-weight: 600;
}
.online-title {
z-index: 10;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/610c12028ead7089166a35ab_online.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 450px;
height: 100px;
position: absolute;
inset: 23% auto 0% 17%;
}
.grid-sticky-section {
grid-column-gap: 1px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}
.button-sticky {
margin-top: 30px;
}
.main-heading {
color: var(--black-3);
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/610c0f9a35b22b4ecc5c8d24_blu.jpeg");
background-position: 0 0;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 50px;
font-size: 50px;
font-weight: 800;
line-height: 60px;
}
.about-image {
position: relative;
box-shadow: 0 15px 50px #0006;
}
.grid-3 {
grid-column-gap: 50px;
perspective: 1000px;
transform: ;
grid-template-rows: auto;
grid-template-columns: 50%;
grid-auto-columns: minmax(500px, 1fr);
grid-auto-flow: column;
justify-content: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.right-block {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.photo-2 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 800px;
}
.photo-2._1 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61157ba3feb96014bcd56b63_2726.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.photo-2._3 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/611570f55ad59b17067e0342_1984972265.jpg");
background-position: 50%;
background-size: cover;
}
.photo-2._2 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6115721126c9d500aeacc9b0_1560430271.jpg");
background-position: 50%;
}
.photo-2._4 {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/611572745ad59b4fc27e10ce_2852178600.jpg");
background-position: 50%;
background-size: cover;
}
.content-holder-2 {
flex: 1;
height: 100%;
position: relative;
}
.column-39 {
z-index: 1;
flex: 1;
height: 100vh;
position: sticky;
top: 0;
}
.the-content-2 {
background-color: var(--white);
flex-direction: column;
justify-content: center;
padding-left: 50px;
padding-right: 50px;
display: flex;
position: absolute;
inset: 0%;
}
.the-content-2._2, .the-content-2._1, .the-content-2._3, .the-content-2._4 {
display: flex;
}
.section-14 {
background-color: var(--white);
display: flex;
}
.column-40 {
flex: 1;
padding-top: 0;
position: relative;
overflow: hidden;
}
.grid-sticky {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
}
.hover-link {
background-color: #fff0;
border: 1px solid #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.showreel-heading-2 {
z-index: 2;
opacity: 1;
color: #f8f8f880;
text-align: center;
white-space: nowrap;
font-size: 100px;
position: absolute;
inset: auto auto -18px;
}
.section-15 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 5vw;
display: flex;
position: relative;
}
.section-15.no-top-padding {
z-index: 1;
padding-top: 0;
padding-left: 0;
position: relative;
}
.showreel-wrapper {
background-color: #1e2029;
justify-content: center;
align-items: center;
height: 70vh;
display: flex;
position: relative;
overflow: hidden;
}
.showreel-video {
z-index: 1;
opacity: .23;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hover-link-wrapper {
z-index: 100;
opacity: 1;
justify-content: center;
align-items: center;
width: 148px;
height: 148px;
padding: 24px;
display: flex;
}
.hover-link-wrapper.centered {
position: static;
inset: auto;
}
.wrapper {
z-index: 10;
width: 100%;
max-width: 1300px;
position: relative;
}
.wrapper.fix {
z-index: 1;
background-color: var(--white-smoke-2);
}
.bs-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 800px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden;
}
.bs-div {
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;
place-items: center;
margin-top: 20px;
display: grid;
position: relative;
overflow: hidden;
}
.bs-overlay {
opacity: 0;
background-color: #00000080;
position: absolute;
inset: 0%;
}
.bs-image {
width: 100%;
}
.bs-title {
clear: right;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.bs-img-bgr {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
}
.bs-img-bgr._1-prj {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5da5ed5e7c64320e81e6bba0_mk_cover.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.bs-img-bgr._2-prj {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/60f853e4bcb397883c592549_60d32e5674d8977b495d8c1f_3L8A8570.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.bs-img-bgr._4-prj {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/60f853e4843b0162925bf0ab_photo_2021-07-21_20-01-02.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.bs-img-bgr._3-prj {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png"), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5d4435c5500bcb2546d36a45_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202019-08-02%20%D0%B2%2016.07.39.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.video-bgr-mobile {
display: none;
}
.background-shade {
z-index: 5;
background-color: var(--white);
justify-content: center;
width: 100%;
height: 100%;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
overflow: visible;
}
.social-items {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61153aae57dd9f750baa766e_blue_square.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
position: relative;
box-shadow: 0 15px 50px #0006;
}
.overlay-social {
z-index: 1;
background-color: #00000080;
display: none;
position: absolute;
inset: 0%;
}
.circle-hover {
background-color: #2a2c34;
border-radius: 100%;
width: 6vw;
height: 6vw;
position: absolute;
inset: -6vw -6vw auto auto;
}
.circle-hover.white {
z-index: 0;
background-color: #fff;
top: -6vw;
right: -6vw;
}
.social-block {
color: #fff;
border: 1px #ffffff17;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.social-block:hover {
z-index: 10;
}
.social-block.trl {
border-top-style: solid;
}
.social-block.tl {
border-top-width: 0;
border-bottom-width: 0;
border-left-style: solid;
border-right-width: 0;
}
.social-block.tl-tr {
border-top-style: solid;
border-bottom-width: 0;
border-left-style: solid;
border-right-width: 0;
}
.body-display-2 {
color: #626d86;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.background-cover {
background-color: var(--white-smoke-2);
width: 50%;
position: absolute;
inset: 0% 0% 0% auto;
}
.speaker-image {
width: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
box-shadow: 0 15px 50px #0006;
}
.speaker-image.team-three {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/611557fad3e30d7cdbfb018e_23232%D0%B5%CC%88.jpg");
background-position: 100%;
}
.speaker-image.team-four {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61154f6dda5f7555d17dd5a1_pult.jpg");
background-position: 50% 0;
}
.speaker-image.team-one {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6115572a70951116446ca997_99.jpg");
background-position: 0 0;
}
.speaker-image.team-two {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6115508d7a5d5e8e575b96d5_332.jpg");
box-shadow: 0 15px 50px #0006;
}
.about-wrapper {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
padding-top: 50px;
padding-left: 6vw;
display: flex;
}
.slide-image {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 450px;
display: flex;
position: relative;
}
.slide-image.team-gallery {
height: 100%;
overflow: visible;
}
.box {
background-color: #fff;
margin-bottom: -160px;
margin-left: -6vw;
position: relative;
}
.half-dual {
z-index: 11;
grid-column-gap: 6vw;
grid-row-gap: 56px;
grid-template-rows: 1fr minmax(400px, 1.5fr);
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1300px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.box-two {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-top: 0;
display: grid;
}
.clip {
overflow: hidden;
}
.large-heading {
-webkit-text-fill-color: transparent;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6115592b6f187c49e2b77b81_bgr_symbols.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
font-size: 60px;
line-height: 85px;
}
.large-heading._1st {
display: none;
}
.gradient-span {
-webkit-text-fill-color: transparent;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6115592b6f187c49e2b77b81_bgr_symbols.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
}
.background-cover-2 {
background-color: #1e2029;
width: 50%;
position: absolute;
inset: 0% 0% 0% auto;
}
.max-450 {
max-width: 450px;
}
.three-grid-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr .75fr;
grid-auto-columns: 1fr;
margin-bottom: 80px;
display: grid;
}
.video-wrapper {
width: 100%;
max-width: 1300px;
position: relative;
box-shadow: 0 15px 50px #0006;
}
.video-grid {
z-index: 2;
grid-template-rows: auto;
grid-template-columns: minmax(90%, 1.75fr) 1fr;
grid-auto-flow: row;
position: relative;
}
.title-left-col {
font-size: 35px;
line-height: 45px;
}
.accordion-item-title---brix {
color: var(--black-3);
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.open-close-line---brix {
background-color: #170f49;
border-radius: 500px;
width: 100%;
height: 2px;
position: absolute;
}
.open-close-line---brix.second-line---brix {
transform: rotate(90deg);
}
.accordion-item---brix {
cursor: pointer;
background-color: #fff;
border-radius: 14px;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding: 40px;
display: flex;
}
.accordion-item---brix.tabs-accordion---brix {
border-bottom: 1px solid #d9dbe9;
border-radius: 0;
padding: 30px 0;
transition: padding .2s;
}
.accordion-item---brix.tabs-accordion---brix:hover {
padding-left: 16px;
}
.accordion-content---brix {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.accordion-paragraph---brix {
color: #626d86;
width: 100%;
max-width: 90%;
margin-top: 18px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.accordion-item-wrapper---brix {
max-width: 886px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.accordion-trigger---brix {
justify-content: space-between;
align-items: center;
display: flex;
}
.open-close-icon-wrapper---brix {
flex: none;
justify-content: center;
align-items: center;
width: 14px;
min-height: 14px;
display: flex;
position: relative;
}
.circle-shape {
z-index: 0;
background-color: var(--footer);
border-radius: 100%;
width: 400px;
height: 400px;
position: absolute;
top: -3%;
left: auto;
right: -15%;
}
.image-container {
width: 100%;
height: 100%;
}
.image-container.first {
perspective-origin: 50% 100%;
transform-origin: 50% 100%;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61113e580ad663eb6fa130f4_levi-stute-mFF39sOZSgM-unsplash.jpg");
background-position: 100%;
background-size: cover;
position: relative;
}
.image-container.third {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61113e580ad66316a2a13116_sahand-hoseini-RnCLtXEouJE-unsplash%20(1).jpg");
background-position: 100%;
background-size: cover;
}
.image-container.second {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61113e580ad663880da1310d_claudio-guglieri-K2RH1QZdLF4-unsplash-2.jpg");
background-position: 50%;
background-size: cover;
}
.arrow-read-more {
background-color: #1f1e1e;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
}
.first-article {
z-index: 20;
background-color: #d4d4d4;
flex-direction: column;
flex: 0 auto;
width: auto;
max-width: 1500px;
height: 100vh;
line-height: 30px;
display: flex;
position: relative;
top: 0;
bottom: 0;
right: 0;
overflow: auto;
}
.button-close {
z-index: 500;
color: #fff;
background-color: #00000026;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
margin-top: 2%;
margin-right: 3%;
font-size: 17px;
font-weight: 700;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.section-content {
z-index: 600;
background-color: #0000;
width: 50%;
height: 100vh;
display: none;
position: absolute;
inset: 0% 0% auto auto;
overflow: hidden;
}
.card-2 {
z-index: 2;
cursor: pointer;
flex: none;
width: 33.4%;
position: relative;
overflow: hidden;
}
.small-divider {
background-color: #f56020;
border-radius: 100%;
width: 8px;
height: 8px;
margin-left: 15px;
margin-right: 15px;
}
.small-divider.black {
background-color: #000;
width: 8px;
height: 8px;
}
.scroll-type-wrapper {
display: flex;
}
.main-heading-2 {
color: #fff;
text-transform: uppercase;
width: auto;
max-width: 18ch;
margin-top: 5px;
font-family: Oswald, sans-serif;
font-size: 6.5vh;
font-style: normal;
font-weight: 600;
line-height: 1;
}
.row-scroll {
align-items: center;
min-width: 33vw;
padding-right: 1vw;
display: flex;
}
.wrap-image-content {
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
}
.inner-header-col {
justify-content: center;
align-items: center;
display: flex;
}
.header-row {
justify-content: space-between;
align-items: center;
margin-bottom: 15%;
display: flex;
}
.header-row.summary {
color: #000;
margin-top: 5%;
}
.header-row.summary.gray {
color: #818181;
}
.link-read-more {
color: #000;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
font-size: 32px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.link-read-more.white {
color: #fff;
}
.divider-circle {
background-color: #000;
border-radius: 100%;
width: 15px;
height: 15px;
margin-top: 15%;
margin-bottom: 15%;
}
.divider-circle.orange {
background-color: #f56020;
width: 15px;
height: 15px;
}
.divider-circle.orange.small {
width: 8px;
height: 8px;
margin-left: 14px;
margin-right: 14px;
}
.scroll-type {
align-items: center;
display: flex;
}
.image-20 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.third-article {
background-color: #141414;
width: 100%;
max-width: 1500px;
height: 100vh;
display: block;
position: relative;
overflow: auto;
}
.alt-description {
z-index: 1;
color: #ccc;
max-width: 20ch;
font-size: 14px;
position: relative;
}
.card-inner {
z-index: 10;
opacity: 1;
letter-spacing: 0;
background-image: linear-gradient(#0000, #000c);
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
max-width: 100%;
min-height: 70vh;
padding-bottom: 10%;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.xlarge-paragraph {
color: #f56020;
letter-spacing: -4px;
text-transform: uppercase;
white-space: nowrap;
font-family: Oswald, sans-serif;
font-size: 20vh;
font-weight: 700;
line-height: 1.2;
}
.xlarge-paragraph.is--black {
color: #000;
}
.link-white {
color: #fff;
}
.small-text {
color: #ffffffb3;
letter-spacing: .03em;
text-transform: uppercase;
white-space: nowrap;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
font-weight: 600;
}
.image-wrapper {
height: 100vh;
overflow: hidden;
}
.inner-container {
padding: 10% 12% 15%;
}
.wrap-scrolling-text {
align-items: center;
min-height: 400px;
display: flex;
overflow: hidden;
}
.card-details-wrapper {
width: 100%;
padding-bottom: 8%;
padding-left: 8%;
padding-right: 8%;
}
.header-text {
color: #f56020;
letter-spacing: 0;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 800;
line-height: .9;
}
.header-text.black {
color: #000;
letter-spacing: 0;
}
.image-content {
background-color: #000;
min-height: 100vh;
padding: 10%;
position: sticky;
top: 0;
}
.cap {
float: left;
color: #000;
margin-right: 2%;
font-size: 172px;
font-weight: 900;
line-height: 79%;
}
.cap.is--orange {
color: #f56020;
}
.container-article {
position: relative;
}
.section-16 {
width: 100%;
max-width: 2800px;
height: auto;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.second-article {
background-color: #fd4415;
width: 100%;
max-width: 1500px;
height: 100vh;
display: block;
position: relative;
overflow: auto;
}
.alt-text-header {
text-align: left;
text-transform: uppercase;
max-width: 20ch;
font-size: 9px;
font-weight: 500;
line-height: 1.2;
}
.alt-text-header.white {
color: #818181;
line-height: 1.4;
}
.card-1 {
z-index: 1;
cursor: pointer;
flex: none;
align-self: stretch;
width: 33.33%;
position: relative;
overflow: hidden;
}
.rich-text {
color: #000;
}
.rich-text.white {
color: #8a8a8a;
}
.card-3 {
z-index: 3;
cursor: pointer;
background-color: #0000;
flex: none;
align-self: stretch;
width: 33.33%;
position: relative;
overflow: hidden;
}
.divider-scroll {
background-color: #fff9;
border-radius: 200px;
width: 10px;
height: 10px;
margin-left: 1vw;
margin-right: 1vw;
}
.heading-46 {
color: #000;
letter-spacing: -.3vh;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Oswald, sans-serif;
font-size: 9.25vh;
font-weight: 700;
line-height: .95;
}
.heading-46.is--white {
color: #fff;
}
.cards-section {
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 100px;
}
.short-text {
font-size: 14px;
line-height: 22px;
}
.title-blog-post {
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.img-blog-post {
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: block;
}
.collection-list-warpper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
align-items: center;
}
.link-blog-post {
z-index: 100;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
position: absolute;
inset: 0%;
}
.collection-item-post {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 50%;
margin-bottom: 20px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
transition: all .3s;
display: flex;
}
.collection-item-post:hover {
box-shadow: 0 20px 20px #00000026;
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: center;
}
.blog-main-text {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 50px;
}
.h1-title-blog-post {
z-index: 10;
color: #fff;
text-align: center;
margin-bottom: 15px;
font-size: 28px;
line-height: 1.5em;
position: relative;
}
.main-contetnt-blog-post {
font-size: 14px;
line-height: 22px;
}
.slider-section {
background-image: linear-gradient(#2e363b, #2e363b);
padding-top: 20px;
padding-bottom: 180px;
overflow: hidden;
}
.slider-5 {
z-index: 3;
max-width: 1200px;
margin-bottom: -140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.bg_image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
height: 500px;
}
.open-wrap {
cursor: pointer;
align-items: center;
height: 25px;
display: flex;
}
.div-block-53 {
background-color: #fff;
width: 100px;
height: 2px;
margin-top: 4px;
}
.navbar-2 {
z-index: 100;
cursor: none;
justify-content: space-between;
align-items: center;
width: 90%;
max-width: 1440px;
height: 50px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.hamburger-line-4 {
background-color: #fff;
width: 15px;
height: 2.22px;
}
.logo-2 {
cursor: pointer;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.hamburger {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
width: 25px;
height: 10px;
margin-left: 12.5px;
display: flex;
}
.navigation-text-2 {
color: #fff;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
text-decoration: none;
}
.text-block-40 {
direction: ltr;
color: #fff;
text-align: left;
letter-spacing: 0;
text-indent: 0;
font-size: 13px;
font-weight: 400;
text-decoration: none;
}
.hamburger-line-3 {
background-color: #fff;
width: 25px;
height: 2.22px;
}
.cursor-dekstop {
z-index: 2;
cursor: none;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
}
.cursor-2 {
z-index: 30;
cursor: none;
background-color: #0000;
border: 1.5px solid #fff;
border-radius: 500px;
width: 30px;
height: 30px;
display: flex;
position: absolute;
inset: auto;
}
.navbar-menu {
z-index: 100;
cursor: pointer;
justify-content: flex-end;
align-items: center;
width: 90%;
max-width: 1440px;
height: 50px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.close-wrap {
clear: none;
flex-direction: row;
justify-content: flex-end;
align-items: center;
height: 25px;
margin-top: 0;
margin-right: -120px;
display: flex;
}
.close-btn {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6262e700a7eccaf4d1cecf26_close-btn-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 18px;
height: 18px;
margin-left: 12.5px;
}
.space {
z-index: 10000;
color: #fff;
background-color: #0000;
width: 100%;
height: 10px;
position: fixed;
inset: 0 0% auto;
}
.space.left {
z-index: 1001;
background-color: #fff;
width: 10px;
height: 100%;
inset: 0% auto 0% 0%;
}
.space.top {
z-index: 1000;
background-color: #fff;
}
.space-copy {
z-index: 9999;
color: #fff;
background-color: #0000;
width: 100%;
height: 10px;
position: fixed;
inset: 0 0% auto;
}
.space-copy.bottom {
z-index: 1000;
perspective-origin: 100%;
transform-origin: 100%;
background-color: #fff;
top: auto;
bottom: 0;
}
.space-copy.right {
z-index: 1000;
background-color: #fff;
width: 10px;
height: 100%;
inset: 0% 0% 0% auto;
}
.linii {
z-index: -1;
flex-direction: row;
align-items: stretch;
display: flex;
position: fixed;
inset: 0%;
}
.raster-01 {
border-right: 1px solid #ffffff26;
width: 16.6667%;
}
.project-container {
z-index: 2;
perspective: 3500px;
cursor: pointer;
flex-direction: column;
align-items: flex-start;
width: 65%;
margin-top: 33vh;
margin-bottom: 33vh;
display: flex;
position: relative;
transform: perspective(3500px);
}
.project-container:hover {
border: 3px #fff;
}
.btn-3 {
z-index: 3;
color: #fff;
letter-spacing: 6px;
text-transform: uppercase;
background-color: #0000;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: -35%;
padding-top: 16px;
padding-bottom: 16px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
display: flex;
position: absolute;
inset: auto 24% 12% auto;
}
.text-block-41 {
text-transform: none;
cursor: pointer;
}
.project {
z-index: 2;
perspective: 3500px;
perspective-origin: 50%;
transform-origin: 50%;
border: 2px #0000;
justify-content: center;
align-items: center;
width: 100%;
height: 80vh;
display: block;
position: relative;
overflow: hidden;
transform: perspective(3500px);
}
.project:hover {
border: 2px #f2f2f2;
}
.page {
z-index: 2;
perspective: 2000px;
display: block;
position: relative;
overflow: hidden;
transform: perspective(1235px);
}
.client-text {
z-index: 10;
perspective: 2000px;
color: #fff;
letter-spacing: .2vw;
text-transform: uppercase;
flex: none;
width: 100%;
margin-top: 29vh;
margin-bottom: 0;
margin-left: 16vw;
font-size: 7.5vw;
line-height: 10vw;
position: absolute;
transform: perspective(2000px);
}
.client-text.outline {
z-index: 3;
perspective-origin: 50%;
transform-origin: 100%;
color: #0000;
text-align: right;
cursor: pointer;
flex: none;
width: 125%;
margin-top: 33vh;
margin-left: 13vw;
margin-right: 0;
font-size: 8vw;
font-weight: 700;
line-height: 9vw;
text-decoration: none;
display: block;
position: absolute;
inset: auto;
overflow: visible;
transform: perspective(2000px);
}
.client-text.solid {
z-index: 1;
transform-origin: 100%;
text-align: right;
cursor: none;
justify-content: center;
align-items: center;
width: 125%;
margin-top: 33vh;
margin-left: 13vw;
margin-right: 0;
font-size: 8vw;
line-height: 9vw;
display: block;
position: absolute;
inset: auto;
}
.image-8 {
object-fit: cover;
min-width: 100%;
min-height: 100%;
position: relative;
}
.btn-line {
background-color: #fff;
width: 56px;
height: 2px;
margin-right: 24px;
}
.all-rights {
z-index: 2;
cursor: none;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-bottom: 80px;
padding-right: 30px;
display: flex;
position: relative;
}
.all-rights-text {
transform-origin: 100%;
color: #b9b9b9;
font-family: Montserrat, sans-serif;
transform: rotate(90deg);
}
.heading-50 {
transform-origin: 0%;
color: #cacaca;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
line-height: 44px;
}
.special-text-wrapper {
height: 150px;
overflow: hidden;
}
.my-email {
color: #cacaca;
letter-spacing: 3px;
cursor: pointer;
margin-top: 10px;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 12px;
text-decoration: none;
}
.wg-selector-highlight {
background-color: #4049ff;
width: 100%;
height: 100%;
}
.wg-selector-highlight.h1 {
background-color: #fff;
height: 101%;
}
.wg-selector-highlight.h2 {
background-color: #fff;
transform: translate(-100%);
}
.nav-item-text-full {
color: #fff;
margin-top: 0;
font-size: 120px;
font-weight: 700;
line-height: 150px;
}
.text-block-42 {
color: #d8d8d8;
}
.wg-selector-1 {
color: #000;
flex-direction: column;
align-items: center;
padding: 10px;
text-decoration: none;
transition: color .2s;
display: flex;
position: relative;
}
.wg-selector-1:hover {
color: #4049ff;
}
.wg-selector-1.w--current {
cursor: default;
}
.wg-selector-1.s2 {
opacity: .5;
}
.html-embed {
display: flex;
}
.nav__bg {
z-index: 48;
cursor: none;
background-color: #0b0b0b;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
}
.div-block-1019 {
align-items: center;
margin-top: 17px;
margin-bottom: 32px;
display: flex;
}
.wg-selector-highlight-wrapper {
width: 100%;
height: .5px;
margin-top: 0;
overflow: hidden;
}
.wg-element-wrapper {
align-items: center;
display: flex;
position: relative;
}
.div-block-125 {
background-color: #fff;
width: 350px;
height: .5px;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.link-4 {
color: #cacaca;
cursor: pointer;
margin-top: 7px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 200;
text-decoration: none;
}
.nav-items {
z-index: 55;
cursor: none;
flex-direction: column;
align-items: flex-start;
width: 80%;
max-width: 1200px;
margin-top: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.nav-item-number {
color: #fff;
letter-spacing: 3px;
margin-right: 20px;
font-size: 12px;
line-height: 12px;
transform: rotate(-90deg);
}
.text-block-43 {
color: #d8d8d8;
line-height: 20px;
}
.link-5 {
color: #cacaca;
cursor: pointer;
margin-top: 7px;
margin-right: 10px;
font-family: Montserrat, sans-serif;
font-size: 18px;
font-weight: 200;
text-decoration: none;
}
.nav-container {
z-index: 4;
cursor: none;
background-color: #030303;
flex-direction: column;
justify-content: space-between;
align-items: center;
min-height: 100vh;
padding-top: 100px;
padding-bottom: 80px;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.nav-item {
z-index: 81;
cursor: pointer;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
}
.nav-footer-link {
z-index: 99;
transform-origin: 0%;
cursor: none;
flex-direction: column;
align-items: flex-start;
width: 80%;
max-width: 1200px;
margin-top: 0;
display: flex;
position: relative;
transform: perspective(627px);
}
.text-block-44 {
color: #cacaca;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 300;
}
.nav-item-text {
font-size: 120px;
font-weight: 700;
line-height: 150px;
display: block;
}
.body-black {
background-color: #0f0f0f;
}
.button-7 {
border: 1px solid var(--black-3);
color: var(--black-3);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 14px 32px;
font-size: 12px;
font-weight: 400;
text-decoration: none;
display: flex;
}
.quick-list-overlay {
z-index: 100;
background-color: #12141db3;
display: none;
position: fixed;
inset: 0%;
}
.background-shade-2 {
z-index: 5;
justify-content: center;
width: 100%;
height: 100%;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
overflow: visible;
}
.background-shade-2.third-height {
height: 40%;
}
.gradient-span-2 {
-webkit-text-fill-color: transparent;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61153aae57dd9f750baa766e_blue_square.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
}
.body-display-3 {
color: #8a94a6;
line-height: 1.55em;
}
.body-display-3.large {
color: #8a94a6;
padding-right: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.6em;
}
.team-wrapper {
z-index: 20;
justify-content: center;
align-items: stretch;
width: 100vw;
min-height: 650px;
padding-bottom: 60px;
display: flex;
position: relative;
overflow: hidden;
}
.large-heading-2 {
opacity: 1;
outline-color: var(--white);
outline-offset: 0px;
outline-width: 159px;
outline-style: solid;
max-width: 500px;
font-size: 54px;
line-height: 1.3em;
}
.text-block-3 {
color: var(--black-3);
font-weight: 600;
}
.wrapper-2 {
z-index: 10;
width: 100%;
max-width: 1300px;
position: relative;
}
.wrapper-2.shade-wrapper {
background-color: #1e2029;
position: static;
}
.clip-2 {
overflow: hidden;
}
.team-image {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: visible;
}
.team-images {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50% 30%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
}
.team-member-info {
z-index: 100;
position: absolute;
bottom: -48px;
left: 0;
right: 0;
}
.large-heading-3 {
color: var(--white);
max-width: 500px;
font-size: 54px;
font-weight: 700;
line-height: 1.3em;
}
.body-display-4 {
color: #8a94a6;
font-size: 16px;
line-height: 1.55em;
}
.team-item {
color: var(--white);
width: 33.33%;
min-width: 33.33vw;
height: 100%;
}
.slide-image-new {
justify-content: center;
align-items: center;
width: 100%;
height: 100px;
display: flex;
}
.social-items-2 {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61153aae57dd9f750baa766e_blue_square.jpg");
background-position: 30%;
background-repeat: no-repeat;
background-size: auto 120%;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
position: relative;
}
.overlay-social-2 {
z-index: 1;
background-color: #00000080;
display: none;
position: absolute;
inset: 0%;
}
.social-block-2 {
color: #fff;
border: 1px #ffffff17;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.social-block-2:hover {
z-index: 10;
}
.social-block-2.trl {
border-top-style: solid;
}
.social-block-2.tl {
border-top-width: 0;
border-bottom-width: 0;
border-left-style: solid;
border-right-width: 0;
}
.social-block-2.tl-tr {
border-top-style: solid;
border-bottom-width: 0;
border-left-style: solid;
border-right-width: 0;
}
.speaker-image-2 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 101%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
}
.speaker-image-2.team-three {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/6109b42bef742170c6325a8e_DSC06351.jpg");
}
.speaker-image-2.team-four {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61095915ce3ed66d91e6d1f5_ap_bs.jpg");
}
.speaker-image-2.team-one {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/610951dedffd0367a2607a7a_mk_bs.jpg");
}
.speaker-image-2.team-two {
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/61154380c6d3e29dda1c3868_289A2C43-A397-43C6-A37E-A648C269C321%202.jpg");
}
.about-wrapper-2 {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
padding-left: 6vw;
display: flex;
}
.reg-icon {
z-index: 10;
width: 48px;
margin-bottom: 12px;
position: relative;
}
.social-icon-3 {
z-index: 1;
width: 48px;
margin-bottom: 12px;
position: relative;
}
.social-cred {
z-index: 100;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.box-2 {
background-color: #fff;
margin-bottom: -160px;
margin-left: -6vw;
position: relative;
}
.half-dual-2 {
grid-column-gap: 6vw;
grid-row-gap: 56px;
grid-template-rows: 1fr minmax(400px, 1.5fr);
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1300px;
margin-top: 36px;
display: grid;
}
.large-heading-4 {
color: var(--white);
max-width: 500px;
font-size: 54px;
line-height: 1.3em;
}
.box-two-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-top: 0;
display: grid;
}
._1234 {
text-align: center;
margin-bottom: 474px;
margin-left: auto;
margin-right: auto;
font-size: 100px;
font-weight: 700;
line-height: 150px;
position: relative;
top: 251px;
}
.video-background {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png");
background-position: 0 0, 0 0;
background-size: auto, 1px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.video-background.events {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png");
background-position: 0 0, 0 0;
background-size: auto, 1px;
}
.video-background.expo {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png");
background-position: 0 0, 50%;
}
.text-block-47 {
color: var(--black-3);
font-size: 14px;
font-weight: 400;
}
.title-wedd {
color: var(--black-3);
text-align: center;
margin-bottom: 20px;
font-family: Als klementina, sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 60px;
}
.link-call {
color: var(--black-3);
text-decoration: none;
}
.link-call:hover {
color: var(--dim-grey);
}
.section-team {
padding: 100px 5vw;
position: relative;
}
.large-heading-5 {
max-width: 500px;
font-size: 54px;
}
.body-display-5 {
color: #8a94a6;
line-height: 1.55em;
}
.recaptcha {
margin-bottom: 20px;
}
.lottie-animation {
filter: none;
justify-content: center;
align-items: center;
width: 32px;
display: flex;
}
.grain-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.title {
-webkit-text-fill-color: transparent;
background-color: #fff;
-webkit-background-clip: text;
background-clip: text;
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.menu-pin {
background-color: #fff;
width: 1px;
height: 80px;
margin-top: -40px;
}
.grain {
z-index: 1;
opacity: .02;
background-image: url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/628bbd5c0e3d43d1dc9e547a_noise.gif");
background-position: 50%;
background-size: auto;
position: fixed;
inset: 0%;
}
.grain.in-nav {
width: 100vw;
height: 100vh;
position: absolute;
}
.grain.in-element {
width: 100vw;
height: 100vh;
min-height: 100%;
position: absolute;
inset: auto;
}
.brand-3 {
z-index: 25;
color: #fff;
letter-spacing: .03em;
text-transform: uppercase;
border-left: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
justify-content: center;
align-items: center;
margin-left: -1px;
margin-right: -1px;
font-size: 22px;
font-weight: 600;
display: flex;
}
.menu-button {
cursor: pointer;
justify-content: center;
align-items: center;
width: 96px;
height: 100%;
display: flex;
}
.full-screen-menu {
background-color: #12151a;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.reel-link {
z-index: 25;
grid-column-gap: 12px;
grid-row-gap: 16px;
border-right: 1px #ffffff1a;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: grid;
position: relative;
}
.menu-link {
color: #fff;
letter-spacing: -.025em;
justify-content: center;
align-items: flex-end;
padding-left: 2.5vw;
padding-right: 2.5vw;
font-size: 6vw;
font-weight: 600;
line-height: 1.1em;
text-decoration: none;
display: flex;
position: relative;
transform: none;
}
.menu-link.w--current, .nav-menu-3 {
display: none;
}
.grid-wrapper {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
position: relative;
}
.grid-wrapper.zero-height {
height: 0;
}
.menu-items {
justify-content: center;
align-items: center;
width: 100%;
max-width: 100vw;
display: flex;
overflow: hidden;
}
.menu-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
justify-items: center;
width: 200vw;
margin-bottom: 80px;
display: flex;
}
.nav-right {
z-index: 25;
grid-template-rows: auto;
grid-template-columns: 1fr 1px 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.navbar-wrapper {
z-index: 35;
grid-column-gap: 24px;
grid-row-gap: 16px;
color: #fff;
border: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
height: 75px;
margin-top: 18px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.nav-link-4 {
color: #fff;
letter-spacing: 4px;
text-transform: uppercase;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-center {
background-color: #05070a21;
border-radius: 100%;
justify-content: center;
align-items: flex-start;
width: 55vw;
height: 53vw;
margin-bottom: -45vw;
display: flex;
position: relative;
}
.navbar-modern {
z-index: 300;
background-color: #fff0;
justify-content: center;
align-items: flex-start;
height: 0;
max-height: 0;
padding: 0;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.menu-content {
z-index: 25;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
min-height: 100vh;
padding-top: 200px;
display: grid;
position: absolute;
inset: 0%;
}
.section-video-actor {
height: 100%;
}
.bgr-head-actors {
background-image: linear-gradient(#000000b3, #000000b3);
justify-content: flex-start;
align-items: center;
height: 100%;
padding-left: 20%;
display: flex;
}
.h1-title-actor {
letter-spacing: 1px;
font-size: 50px;
font-weight: 700;
line-height: 1.3;
}
.sec-act {
padding-top: 95px;
padding-bottom: 80px;
overflow: hidden;
box-shadow: 4px 4px 8px -4px #000000b3;
}
.h2-actors {
text-align: center;
max-width: 800px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
line-height: 1.3;
}
.div-contact-act {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.overlay {
z-index: 3;
background-color: #03060c80;
position: absolute;
inset: 0%;
}
.overlay.light {
background-color: #060b184d;
}
.background-video-2 {
width: 100%;
height: 600px;
}
.play-icon-image {
z-index: 24;
filter: invert();
width: 30px;
margin-left: 2px;
position: relative;
}
.video-cover {
justify-content: flex-start;
align-items: center;
width: 50vw;
height: 100%;
min-height: 80vh;
display: flex;
position: relative;
overflow: visible;
}
.stacked-title {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.subtitle-3 {
z-index: 10;
color: #fffc;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 11px;
position: relative;
}
.video-clip {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.play-video {
z-index: 50;
border: 10px solid var(--black-2);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
margin-left: -60px;
display: flex;
position: absolute;
overflow: hidden;
}
.background-cover-3 {
position: absolute;
inset: 0%;
}
.background-cover-3.body {
border-width: 1px;
border-color: #000;
justify-content: center;
align-items: center;
display: flex;
}
.underline-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
text-align: center;
letter-spacing: 4px;
text-transform: uppercase;
background-color: #0000;
border-style: none none solid;
border-bottom-width: 1px;
border-bottom-color: #ffffff1a;
border-radius: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 0;
margin-right: 0;
padding: 0 0 6px 4px;
font-size: 11px;
text-decoration: none;
position: relative;
}
.underline-link.dark {
color: #fff;
border-bottom-color: #ffffff1a;
position: relative;
}
.hover-line-fill {
background-color: #fff;
width: 100%;
height: 100%;
}
.left-intro {
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
max-width: 450px;
margin-top: 80px;
margin-bottom: 80px;
padding-top: 0;
padding-bottom: 0;
padding-right: 60px;
display: grid;
}
.hover-line {
height: 1px;
position: absolute;
inset: auto 0% -1px;
overflow: hidden;
}
.four-column {
z-index: 25;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.div-upper-button {
margin-top: 80px;
}
.sec-act-description {
background-color: #f8f8f8;
}
.div-act-text-description {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.button-center {
justify-content: center;
align-items: center;
display: flex;
}
.heading-52 {
font-size: 50px;
line-height: 1.2;
}
.div-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.youtube-button {
box-sizing: border-box;
height: 100%;
overflow: auto;
}
.blog-order-button {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.cover-blog {
background-image: linear-gradient(#000000b3, #000000b3);
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: 300px;
padding-bottom: 50px;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: relative;
}
.black-overlay {
grid-column-gap: 16px;
grid-row-gap: 16px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #000000b3;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
position: absolute;
inset: 0%;
}
.div-text-blog {
padding-left: 5px;
}
.title-blog {
color: var(--black);
text-align: center;
margin-bottom: 25px;
font-size: 60px;
line-height: 1.5em;
}
.code-embed {
width: 100%;
height: 100%;
}
html.w-mod-js [data-ix="navlink-line"] {
width: 0%;
}
html.w-mod-js [data-ix="black-triangle"] {
opacity: 0;
transform: scale(1.2);
}
html.w-mod-js [data-ix="button-inlay-left-ia"] {
width: 0%;
}
html.w-mod-js [data-ix="ia-width-0-display-block"] {
width: 0%;
display: block;
}
html.w-mod-js [data-ix="scroll-fadein"] {
opacity: 0;
transform: translate(0, 2em);
}
html.w-mod-js [data-ix="scroll-line"] {
width: 0;
}
html.w-mod-js [data-ix="ia-width-0-display-block-1"] {
width: 0%;
display: block;
}
html.w-mod-js [data-ix="ia-opactity-0"] {
opacity: 0;
}
html.w-mod-js [data-ix="ia-width-0-display-block2"] {
width: 0%;
display: block;
}
html.w-mod-js [data-ix="btn-blue-init"] {
transform: translate(0, -110%);
}
html.w-mod-js [data-ix="btn-check-init"] {
transform: translate(0, -40px);
}
html.w-mod-js [data-ix="toggle-content-initial-appe"] {
height: 0;
}
html.w-mod-js [data-ix="hide-scroll-navigation-on-initial"] {
display: none;
}
html.w-mod-js [data-ix="cherry-bg-line-init"] {
opacity: 0;
transform: translate(50%)scale(.01, 1);
}
html.w-mod-js [data-ix="form-inter"] {
opacity: 0;
transform: scale(1.1);
}
html.w-mod-js [data-ix="paragraph-285"] {
height: 285px;
}
html.w-mod-js [data-ix="anim-price"] {
opacity: 0;
transform: translate(0, 50px);
}
html.w-mod-js [data-ix="meetingdetail1"], html.w-mod-js [data-ix="meetingdetail-6"], html.w-mod-js [data-ix="meetingdetail-2"], html.w-mod-js [data-ix="meetingdetail-3"], html.w-mod-js [data-ix="meetingdetail-4"], html.w-mod-js [data-ix="meetingdetail-5"] {
opacity: 0;
transform: translate(0, 56px);
}
html.w-mod-js [data-ix="display-person-3"], html.w-mod-js [data-ix="display-person-2"] {
transform: scale(.01);
}
html.w-mod-js [data-ix="display-chat-3"] {
opacity: 0;
transform: scale(1);
}
html.w-mod-js [data-ix="display-chatwindow-2"] {
transform: scale(.01, 1);
}
html.w-mod-js [data-ix="display-person"] {
transform: scale(.01);
}
html.w-mod-js [data-ix="display-chat-2"] {
opacity: 0;
transform: scale(1);
}
html.w-mod-js [data-ix="display-chatwindow"], html.w-mod-js [data-ix="display-chatwindow-3"] {
transform: scale(.01, 1);
}
html.w-mod-js [data-ix="display-chat"] {
opacity: 0;
transform: scale(1);
}
html.w-mod-js [data-ix="none-block-portfolio"] {
display: none;
}
@media screen and (min-width: 1280px) {
.sect.quest {
padding-top: 125px;
}
.button-2.white-button {
margin-left: 0;
}
.dropdown-link.w--current {
display: none;
}
.medium-stacked-intro {
margin-left: auto;
margin-right: auto;
}
.half-wrapper {
grid-column-gap: 100px;
margin-left: 20px;
}
.number-item {
min-height: 275px;
padding: 36px 48px;
}
.sticky-info-column {
position: relative;
}
.accordion-paragraph---brix {
line-height: 24px;
}
.h1-title-blog-post {
position: relative;
}
.button-7 {
font-weight: 600;
}
.youtube-button {
width: 50%;
height: 50%;
}
}
@media screen and (min-width: 1440px) {
.sticky-intro {
margin-top: 200px;
margin-left: auto;
margin-right: auto;
}
.body-display {
font-size: 16px;
}
.list-wrapper {
max-width: 1000px;
margin-top: 50px;
margin-bottom: 100px;
line-height: 30px;
}
.half-wrapper {
grid-column-gap: 34px;
grid-template-columns: auto 1px 1fr;
max-width: none;
margin-left: 50px;
}
.div-br-1 {
background-color: #0000;
border-bottom: 1px solid #889ea833;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-br-1.no-border {
border-bottom-style: none;
}
.txt-1 {
margin-right: 10px;
font-size: 22px;
font-weight: 600;
}
.grid-br-2 {
grid-template-columns: .75fr 1fr;
}
.grid-wrapper-2 {
grid-template-columns: minmax(auto, auto);
grid-auto-flow: row;
}
.number-item {
min-height: 300px;
padding-top: 36px;
padding-bottom: 36px;
}
.number-item:hover {
box-shadow: none;
}
.txt-brc {
font-weight: 500;
}
.outline-text {
max-width: 800px;
}
.sec-backstage {
padding-top: 0;
}
.sticky-section, .sticky-info-column {
position: relative;
}
.grid-3 {
grid-auto-columns: minmax(auto, auto);
}
.showreel-heading-2 {
background-position: 100%;
}
.background-cover {
background-color: var(--white-smoke-2);
}
.accordion-item-wrapper---brix {
flex: none;
}
.body-display-5 {
font-weight: 400;
}
}
@media screen and (min-width: 1920px) {
figure {
align-items: center;
}
.sticky-intro {
margin-left: auto;
margin-right: auto;
}
.list-wrapper {
max-width: 800px;
}
.half-wrapper {
grid-template-columns: auto 1px .75fr;
max-width: none;
}
.txt-1 {
width: 300px;
}
.txt-22 {
font-size: 16px;
line-height: 28px;
}
.grid-br-2 {
grid-template-columns: .25fr 1fr;
}
.broadcast-title {
right: 15%;
}
}
@media screen and (max-width: 991px) {
.navbar-container {
justify-content: space-between;
display: flex;
}
.nav-menu {
background-color: #000;
}
.form-block-2 {
width: 100%;
}
.number-tel {
font-size: 25px;
}
.div-1200 {
padding: 25px 5px 26px;
}
.team-column {
padding-left: 5px;
padding-right: 5px;
}
.team-outline-block {
background-color: #fff;
padding-right: 5px;
}
.button-2.wide {
padding: auto 0;
font-size: 10px;
}
.button-2.mob {
margin-top: 100px;
padding-top: 18px;
}
.faq {
justify-content: space-around;
}
.faq-list {
width: 45%;
margin-left: 0%;
margin-right: 0%;
}
.question-container {
padding-left: 15px;
}
.question {
padding-top: 5px;
padding-bottom: 5px;
}
.question-text {
font-size: 14px;
line-height: 20px;
}
.faq-image {
width: 49%;
}
.center-div {
width: 85%;
}
.title-form {
font-size: 25px;
line-height: 35px;
}
.pricing-wrapper {
width: 97%;
padding-left: 15px;
padding-right: 15px;
}
.pricing-text {
text-align: center;
font-size: 35px;
}
.subtitle-footer {
margin-top: 0;
}
.gradient-overlay {
opacity: 0;
}
.menu-button-2 {
color: #fff;
border: 1px solid #ffffff3b;
}
.menu-button-2.w--open {
color: #000;
background-color: #fff;
}
.intro-wrapper {
padding-top: 0;
}
.section-subtitle {
margin-bottom: 25px;
}
.sports-section {
padding-top: 50px;
padding-left: 5vw;
padding-right: 5vw;
}
.fans-bg {
margin-left: auto;
margin-right: auto;
display: block;
top: 300px;
left: 25vw;
right: 25vw;
}
.sports-content-2 {
text-align: center;
margin-right: 0;
top: 50px;
left: 5vw;
right: 5vw;
}
.sports-title {
margin-left: auto;
margin-right: auto;
font-size: 32px;
display: block;
}
.sports-desc {
margin-top: 0;
padding-right: 0;
}
.sports-content-3, .sports-content-1, .sports-content-4 {
text-align: center;
margin-right: 0;
top: 50px;
left: 5vw;
right: 5vw;
}
.sports-pics-wrapper {
margin-top: 350px;
margin-left: 0;
position: static;
}
.cherry-section-wrapper {
padding-bottom: 50px;
}
.bg-circle {
margin-right: 0;
}
.cherry-bg-line {
margin-left: -125px;
margin-right: 195px;
}
.heading-33 {
font-size: 32px;
}
.cherry-bg {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
margin-right: 75px;
}
.chemical-content {
margin-top: 50px;
bottom: 150px;
left: 2vw;
right: 50vw;
}
.chemical-card {
display: inline;
left: 24px;
}
.left-arrow {
inset: 21vw 50vw 0;
}
.right-arrow {
top: 21vw;
}
.slide-nav-t {
bottom: 0;
left: 52vw;
}
.head-title {
font-size: 32px;
}
.chemical-number {
font-size: 70px;
}
.origin-content {
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
}
.none-sports-content {
text-align: center;
margin-right: 0;
top: 50px;
left: 5vw;
right: 5vw;
}
.subtitle {
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
display: block;
}
.section-9 {
padding-top: 20px;
}
.text-video {
font-size: 14px;
line-height: 18px;
bottom: 4px;
}
.half-section-2.form {
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 30px;
}
.half-section-2.map {
display: none;
}
.email-link {
justify-content: flex-start;
margin-left: 0;
}
.agreement-white {
font-size: 10px;
}
.features-wrap {
min-width: 40%;
}
.clients-logo {
padding-bottom: 30px;
}
.description-div {
padding: 20px;
}
.icon {
border-radius: 0;
margin-left: auto;
margin-right: auto;
display: block;
}
.slide-2 {
display: inline-block;
}
.signup-form {
height: 550px;
}
.fullpic-profile {
padding: 40px 40px 30px;
}
.signup-content-wrapper {
padding: 40px;
}
.profiles-wrapper {
display: block;
}
.profile-card {
padding: 40px 40px 30px;
}
.styleguide {
width: auto;
margin-top: 0;
}
.button-4.default-button.card-cta {
text-align: center;
transition: color .2s, background-color .2s, box-shadow .2s;
display: block;
bottom: 20px;
left: 30px;
right: 30px;
}
.big-article-image-wrapper {
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
}
.big-article-content-wrapper {
height: auto;
}
.number-cards {
font-size: 30px;
}
.form-submit-wrapper {
text-align: center;
flex-direction: column;
align-items: stretch;
}
.card-headline {
font-size: 20px;
}
.card-headline.dark-card-headline._6col-card {
width: 65%;
}
.number-card {
padding-top: 12px;
padding-bottom: 16px;
}
.vacant-div {
margin-left: 10px;
margin-right: 10px;
padding-left: 15px;
padding-right: 15px;
}
.div-list-vacant {
flex: 1;
width: auto;
}
.column-content {
flex: none;
}
.text-wrap {
padding-top: 40px;
padding-bottom: 40px;
}
.third-block-content-single {
padding: 20px;
}
.date-2 {
margin-left: -20px;
padding-left: 20px;
}
.third-block-content-single-2 {
padding: 20px;
}
.help-text-1 {
max-width: 150px;
}
.flex-item-20 {
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
.hero-heading.dark-bg {
text-align: left;
font-size: 40px;
}
.db-fixed-nav-headline {
text-align: left;
}
.shrink-box-button-2 {
font-size: 12px;
}
.db-mobile-fixed-nav {
display: flex;
}
.db-show-tab {
cursor: pointer;
background-color: #0f0f0f;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
width: 25px;
height: 25px;
padding: 2px 5px;
position: absolute;
bottom: -25px;
right: 20px;
}
.menuleft.flextleft {
display: none;
}
.leftlinktext {
text-align: left;
}
.flexbox-hero.horizontal.hero {
padding-left: 20px;
padding-right: 20px;
}
.nav-menu-zen {
padding-left: 20px;
padding-right: 20px;
display: block;
position: absolute;
}
.link-block---social-icons.last {
margin-right: 0;
}
.bold-text-3 {
text-decoration: none;
}
.section-container.flex {
flex-direction: column;
}
.feature-block {
width: 63%;
max-width: none;
margin-bottom: 98px;
margin-left: 0;
margin-right: 0;
}
.div-block-40.bg_indigo.active {
width: 267px;
}
.slide-line {
left: 7vw;
}
.arrow-link {
left: 13vw;
}
.arrow-link.right {
left: 25vw;
}
.book-now {
bottom: 25vw;
left: 4vw;
}
.total-slides {
left: 16vw;
}
.main-content {
left: 4vw;
}
.style-circle {
left: 1vw;
}
.plate {
top: 26vw;
}
.lazy-susan {
top: -10vw;
}
.tabs-2 {
padding-top: 0;
padding-bottom: 0;
}
.content2-jumbonumber {
font-size: 70px;
line-height: 90px;
}
.headline-6-col {
text-align: center;
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
.decoline {
margin-left: auto;
margin-right: auto;
display: block;
}
.content2-items {
text-align: center;
flex-direction: column;
align-items: center;
}
._3-col {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.content2-number-wrapper {
width: 60%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.wrap {
width: 645px;
}
.wrap.w80-50-center {
text-align: center;
flex-direction: column;
}
.wrap.w50-center {
text-align: center;
flex-direction: column-reverse;
}
.content7-numbers-wrap {
flex-direction: column;
align-items: center;
}
.content7-number-card {
text-align: center;
}
._4-col {
width: 100%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
._4-col._4-col-last {
margin-bottom: 0;
margin-right: auto;
}
.feature5-item-wrap {
text-align: center;
padding-right: 0;
}
.feature5-row-wrap {
flex-direction: column;
}
.text-16.text-16-60 {
width: 100%;
}
.footer3-logo-wrapper {
justify-content: center;
}
.footer3-bottom-links-wrapper {
text-align: center;
justify-content: center;
}
.section-dark {
padding-left: 0;
padding-right: 0;
}
.footer3-links-wrapper {
text-align: center;
flex-direction: column;
}
.team1-people-row {
flex-direction: column;
align-items: center;
margin-top: 0;
margin-bottom: 0;
}
.team1-person {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 30px;
padding-right: 0;
display: flex;
}
.team1-image {
display: block;
}
.feature1-content {
text-align: center;
margin-bottom: 30px;
padding-right: 0;
}
.feature1-image1 {
background-position: 50%;
background-size: cover;
margin-bottom: 0;
}
._6-col {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.feature1-image2 {
display: none;
}
.signup-account-link-2 {
text-align: left;
}
._7-col, ._5-col {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.form2-form-section-wrapper {
margin-top: -20px;
margin-bottom: -20px;
padding: 40px;
}
.form2 {
flex-direction: column;
height: auto;
}
.form2-image-wrapper {
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
height: 300px;
margin-right: 0;
}
.form2-wrapper {
margin-top: -20px;
}
.hero2-dark {
background-image: linear-gradient(#11121266, #11121266), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc07ffad22fad142c3a9ec6_header-2-landing.jpg");
background-position: 0 0, -280px;
background-repeat: repeat, no-repeat;
background-size: auto, 940px;
}
.hero2-text-wrap {
width: 100%;
}
.content4-item {
text-align: center;
margin-bottom: 40px;
}
.content4-items {
margin-bottom: 0;
}
.page-post-wrapper.first {
margin-top: 70px;
}
.project-post-content {
padding-left: 30px;
padding-right: 30px;
}
.big-title {
font-size: 24px;
line-height: 36px;
}
.grid-3-5 {
grid-template-columns: 1fr 1fr 1fr;
}
.content-section-wrapper {
overflow: hidden;
}
.navbar-left {
flex: 1;
}
.sticky-topbar-tablet {
z-index: 1000;
color: #fff;
background-color: #484848;
justify-content: space-between;
align-items: center;
height: 50px;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.slide-3 {
overflow: hidden;
}
.page-content-container {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.hero-wrapper {
height: 40vh;
}
.full-width-container2 {
width: 688px;
}
.map {
height: 300px;
}
.property-message {
padding-left: 10px;
padding-right: 10px;
}
.page-content-wrapper {
width: 100%;
padding-right: 0;
overflow: hidden;
}
.full-width-container {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.sticky-topbar-mobile {
z-index: 1000;
background-color: #fff;
padding-left: 40px;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.search-wrapper {
flex-direction: row;
flex: 1;
justify-content: space-between;
}
.brand-2 {
padding-left: 0;
}
.text-block-38 {
font-size: 19px;
}
.right-arrow-3 {
margin-right: -58px;
}
.footer-wrapper {
margin-top: 20px;
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden;
}
.slider-4 {
clear: none;
}
.left-arrow-3 {
margin-left: -58px;
}
.slide-nav-4 {
color: #008489;
bottom: -38px;
left: 0;
right: 0;
}
.booking-widget-mobile-wrapper {
margin-top: 20px;
}
.anchor-container {
width: 768px;
padding-left: 40px;
padding-right: 40px;
}
.grid-3-5-2 {
grid-template-columns: 1fr 1fr 1fr;
grid-auto-flow: row dense;
}
.grid-clients {
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
}
.grid-service {
margin-left: 10px;
margin-right: 10px;
}
.name-section {
font-size: 30px;
line-height: 40px;
}
.grid-2 {
margin-left: 10px;
margin-right: 10px;
}
.block {
top: 28%;
}
.container-8.cc-flex-h {
flex-direction: column;
}
.col-right-2 {
align-self: stretch;
margin-top: 24px;
}
.design-capabiltiies {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.change-lang {
display: none;
}
.service-icon {
margin-right: 0;
display: flex;
}
.service-icon._2 {
display: flex;
}
.col-3 {
width: 50%;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
.col-3.lg-8.md-4 {
width: 100%;
}
.dynamic-number__wrap {
height: 4vh;
margin-bottom: 6px;
}
.div-block-50 {
width: 17px;
}
.wrap-2 {
width: 645px;
}
.wrap-2._w-custom.w60-60 {
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.dynamic-text__wrap {
height: 4vh;
}
.dynamic-section__wrap {
top: -57px;
left: -3px;
}
.dynamic-text {
font-size: 24px;
line-height: 4vh;
}
.dynamic-text.dt-number {
font-size: 30px;
}
.dynamic-number__inner-wrap {
height: 16vh;
}
.dynamic-number__inner-wrap.dynamic-number__track {
height: 20vh;
}
.section-sticky {
overflow: visible;
}
.city-div {
flex-direction: column;
}
.sticky-intro {
position: relative;
top: 0;
}
.verticle-line {
width: 100%;
}
.half-wrapper {
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.benefits-row {
grid-row-gap: 0px;
grid-template-rows: auto 1px auto;
grid-template-columns: 1fr 1px 1fr;
}
.number-item {
grid-row-gap: 100px;
}
.outline-text {
font-size: 55px;
}
.sec-backstage {
padding-top: 80px;
padding-bottom: 80px;
}
.sticky-header-column {
align-items: flex-start;
width: 50%;
padding-left: 35px;
padding-right: 35px;
}
.sticky-info-column {
width: 50%;
padding-left: 30px;
padding-right: 30px;
}
.block-about-image {
margin-bottom: 69px;
}
.about-image {
height: 662px;
}
.grid-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.right-block {
padding-left: 0%;
}
.photo-2 {
height: 600px;
}
.showreel-heading-2 {
font-size: 72px;
bottom: -24px;
}
.section-15 {
padding-top: 60px;
padding-bottom: 60px;
}
.showreel-wrapper {
height: 60vh;
}
.social-items {
background-size: auto 160%;
width: 100%;
height: 100%;
}
.social-block {
cursor: default;
}
.slide-image {
height: 50vh;
min-height: 500px;
}
.slide-image.team-gallery {
min-height: 300px;
}
.box {
min-height: 400px;
margin-bottom: -140px;
}
.half-dual {
grid-row-gap: 36px;
grid-template-rows: minmax(200px, 1fr);
grid-template-columns: 1fr;
}
.large-heading {
font-size: 48px;
}
.three-grid-wrapper {
grid-row-gap: 36px;
grid-template-columns: 1fr .75fr;
margin-bottom: 60px;
}
.accordion-item-title---brix {
max-width: 88%;
}
.accordion-paragraph---brix {
max-width: 100%;
}
.first-article {
width: 100%;
height: 100%;
padding-left: 0%;
padding-right: 0%;
display: block;
position: relative;
top: 0%;
overflow: auto;
}
.button-close {
color: #fff;
background-color: #000000bf;
border-radius: 8px;
width: auto;
height: auto;
margin-left: auto;
margin-right: 2%;
padding: 10px 15px;
font-size: 20px;
display: flex;
inset: 0% 0% auto auto;
}
.section-content {
width: 100vw;
height: auto;
display: none;
}
.card-2 {
flex: none;
width: 100%;
}
.scroll-type-wrapper {
width: 100%;
padding-left: 35px;
padding-right: 35px;
display: none;
}
.main-heading-2 {
font-size: 3em;
line-height: 1em;
}
.inner-header-col {
margin-bottom: 15px;
}
.header-row {
flex-direction: column;
align-items: flex-start;
}
.third-article {
height: auto;
min-height: 100vh;
}
.card-inner {
background-image: none;
padding-top: 0%;
padding-bottom: 0%;
display: none;
}
.image-wrapper {
height: 33.33vh;
}
.inner-container {
padding-top: 10%;
padding-left: 8%;
padding-right: 8%;
}
.section-16 {
flex-direction: column;
justify-content: space-around;
}
.card-1 {
flex: none;
width: 100%;
}
.card-3 {
flex: none;
width: auto;
}
.heading-46 {
font-size: 6vh;
}
.navbar-2 {
z-index: 87;
}
.text-block-40 {
font-size: 14px;
}
.cursor-dekstop {
z-index: 2;
display: none;
}
.cursor-2 {
display: none;
}
.navbar-menu {
z-index: 87;
}
.close-wrap {
margin-top: 0;
}
.space.left {
width: 9px;
}
.space.top {
height: 9px;
}
.space-copy.bottom {
height: 9px;
display: flex;
}
.space-copy.right {
width: 9px;
display: flex;
}
.project-container {
width: 67%;
margin-top: 20vh;
margin-bottom: 20vh;
}
.project {
width: 100%;
}
.client-text {
margin-left: 5vw;
}
.client-text.outline, .client-text.solid {
margin-top: 30vh;
margin-left: 13vw;
font-size: 10vw;
line-height: 8vw;
}
.all-rights {
justify-content: center;
margin-bottom: 0;
padding-bottom: 30px;
padding-right: 0;
}
.all-rights-text {
transform: none;
}
.nav__bg {
background-color: #0b0b0b;
}
.nav-container {
font-size: 14px;
display: none;
}
.team-wrapper {
justify-content: flex-start;
min-height: 500px;
overflow: auto;
}
.large-heading-2 {
font-size: 48px;
}
.social-items-2 {
background-size: auto 160%;
width: 100%;
height: 100%;
}
.social-block-2 {
cursor: default;
}
.box-2 {
min-height: 400px;
margin-bottom: -140px;
}
.half-dual-2 {
grid-row-gap: 36px;
grid-template-rows: minmax(200px, 1fr);
grid-template-columns: 1fr;
}
.large-heading-4 {
font-size: 48px;
}
.social-text {
display: none;
}
.large-heading-5 {
font-size: 48px;
}
.title {
color: #fff;
-webkit-text-fill-color: transparent;
background-color: #fff;
-webkit-background-clip: text;
background-clip: text;
margin-top: auto;
}
.brand-3 {
border-left-style: none;
padding-left: 36px;
padding-right: 36px;
}
.full-screen-menu, .reel-link {
display: none;
}
.menu-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: end;
align-items: end;
padding-bottom: 24px;
padding-left: 0;
padding-right: 0;
font-size: 48px;
display: grid;
}
.menu-link.w--current {
grid-auto-columns: 1fr;
}
.menu-items {
text-align: center;
}
.menu-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch center;
align-items: end;
width: auto;
display: grid;
}
.navbar-wrapper {
grid-template-columns: auto 1fr;
height: 65px;
}
.menu-center {
width: 70vw;
height: 55vw;
display: none;
}
.video-cover {
justify-content: center;
width: auto;
min-height: 500px;
margin-left: -5vw;
margin-right: -5vw;
}
.stacked-title {
grid-row-gap: 18px;
}
.video-clip {
justify-content: center;
}
.play-video {
margin-left: 0;
}
.left-intro {
grid-row-gap: 36px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 80px;
}
.four-column {
grid-row-gap: 48px;
}
}
@media screen and (max-width: 767px) {
.container {
padding-top: 0;
}
.play-button {
width: 80px;
height: 80px;
}
.play-button:hover {
border-width: 33px;
}
.nav-bar {
padding: 9px 10px;
}
.navbar-container {
justify-content: space-between;
display: block;
}
.nav-menu {
background-color: #000;
}
.bold-text {
font-size: 30px;
}
.div-1200 {
margin-left: 5px;
margin-right: 5px;
padding: 25px 0;
}
.bottom-footer-text, .bottom-footer-text.right {
float: none;
text-align: center;
}
.gradient-overlay {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
overflow: visible;
}
.name-ser {
font-size: 30px;
line-height: 40px;
}
.menu-button-2 {
color: #fff;
}
.menu-button-2.w--open {
color: #000;
background-color: #fff;
}
.section-subtitle.citation {
margin-bottom: 25px;
}
.sports-section {
padding-left: 5vw;
padding-right: 5vw;
}
.sports-pics-wrapper {
margin-top: 350px;
margin-left: 0;
}
.brief-div {
padding-left: 10px;
padding-right: 10px;
}
.text-span-5 {
font-size: 30px;
}
.btn-tabs-menu {
width: 32%;
line-height: 20px;
}
.clients-logo {
padding-bottom: 0;
}
.basic-column {
padding-left: 0;
padding-right: 0;
}
.signup-form {
flex-direction: column;
height: auto;
}
.profile-card {
padding: 30px 40px;
}
.signup-image-wrapper {
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
height: 300px;
}
.button-4.default-button.card-cta {
bottom: 20px;
left: 30px;
right: auto;
}
.tag-wrapper {
margin-top: 5px;
margin-bottom: 5px;
}
.card-headline.dark-card-headline._6col-card {
width: auto;
}
.vacant-name {
font-size: 30px;
line-height: 40px;
}
.div-list-vacant {
flex: 1;
margin-right: 10px;
}
.heading-level {
font-size: 16px;
}
.ul-list-vac {
padding-left: 20px;
}
.par-list {
font-size: 14px;
line-height: 20px;
}
.txt-contact {
margin-bottom: 0;
font-size: 16px;
}
.cont-podtext {
line-height: 20px;
}
.line-2 {
width: auto;
max-width: 380px;
}
.vertical-line {
right: 6px;
}
.heading-35 {
padding-top: 1px;
font-size: 48px;
}
.heading-35.space {
font-size: 46px;
}
.main-cell {
width: 50%;
margin-bottom: 20px;
}
.price-cell, .price-cell.bg {
width: 100%;
}
.services-cell {
width: 100%;
margin-bottom: 20px;
}
.services-wrap {
padding-left: 10px;
padding-right: 10px;
display: block;
}
.text-wrap, .about-img {
width: 100%;
}
.col-2 {
padding-left: 0;
padding-right: 0;
}
.third-block-holder-single {
text-align: center;
background-color: #fff;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.image-holder {
float: left;
padding-bottom: 0%;
position: absolute;
inset: 0 50% 0 0;
}
.third-block-holder-single-2 {
text-align: center;
background-color: #fff;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.third-block-content-single-2.bottom-margin-medium.half {
float: right;
}
.row-4 {
padding-left: 0;
padding-right: 0;
}
.help-text-1 {
max-width: 130px;
}
.flex-grid-wrapped.gutter-20 {
flex-direction: column-reverse;
margin-bottom: 0;
}
.flex-item-20 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.flex-item-20._40-percent {
width: auto;
}
.hero-heading.dark-bg {
font-size: 30px;
line-height: 45px;
}
.hero-subtitle {
font-size: 14px;
line-height: 22px;
}
.sidebar-wrapper {
margin-top: 0;
}
.db-fixed-nav-headline {
font-size: 16px;
line-height: 20px;
}
.navbar---social-container {
display: none;
}
.container---social {
padding-left: 20px;
padding-right: 20px;
}
.link-block---social-icons.last {
margin-right: 0;
}
.section-container {
padding-left: 20px;
padding-right: 20px;
}
.feature-block {
width: 80%;
}
.paragraph-10 {
max-width: 34vw;
}
.slide-line {
left: 9vw;
}
.arrow-link {
left: 4vw;
}
.arrow-link.right {
left: 16vw;
}
.total-slides {
left: 22vw;
}
.plate {
width: 59vw;
top: 38vw;
right: -44px;
}
.lazy-susan {
top: 16vw;
right: -51vw;
}
.tabs-2 {
width: 50%;
}
.wrap {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
._6-col {
margin-right: 0;
}
.form2-form-section-wrapper {
padding: 30px;
}
.hero2-dark {
background-image: linear-gradient(#11121266, #11121266), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc07ffad22fad142c3a9ec6_header-2-landing.jpg");
background-position: 0 0, 100%;
}
.h1-jumbo {
font-size: 44px;
line-height: 56px;
}
.project-post-content {
padding-left: 20px;
padding-right: 20px;
}
.big-title {
font-size: 22px;
line-height: 30px;
}
.accordion-item-content {
margin-right: 0;
}
.grid-3-5 {
grid-template-columns: 1fr 1fr;
}
.col-horz {
flex-direction: column-reverse;
}
.copy-regular.centered {
text-align: center;
background-color: #fff;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.slide-3 {
width: 100%;
margin-right: 20px;
display: inline-block;
}
.image-18 {
width: 100%;
}
.hero-wrapper {
height: 360px;
}
.full-width-container2 {
width: 500px;
}
.map {
height: 260px;
}
.mask-3 {
position: relative;
overflow: hidden;
}
.row-6 {
margin-bottom: 60px;
}
.sticky-topbar-mobile {
z-index: 1000;
background-color: #fff;
border-bottom: 1px solid #d8d6d6;
padding-left: 20px;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.feature-wrapper {
flex-direction: column;
}
.footer-wrapper {
padding-top: 0;
}
.slider-4 {
margin-bottom: 80px;
overflow: hidden;
}
.anchor-links {
width: auto;
}
.column-9 {
margin-bottom: 20px;
padding-left: 0;
}
.sticky-bottombar-phone {
z-index: 1000;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.slide-nav-4 {
font-size: 9px;
bottom: -50px;
}
.anchor-container {
width: 568px;
padding-left: 20px;
padding-right: 20px;
}
.grid-3-5-2, .grid-service {
grid-template-columns: 1fr 1fr;
}
.name-section {
font-size: 30px;
line-height: 35px;
}
.grid-2 {
margin-left: 10px;
margin-right: 10px;
}
.img-portf {
min-height: 150px;
}
.block {
margin-bottom: 40px;
}
.container-8 {
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.container-8.cc-flex-h {
flex-direction: column;
}
.text_left {
margin-bottom: 0;
padding-bottom: 60px;
padding-right: 40px;
}
.heading-26 {
font-size: 35px;
}
.change-lang {
display: none;
}
.question-text-2 {
margin-top: 8px;
}
.question-container-2 {
margin-bottom: 16px;
padding-left: 24px;
padding-right: 24px;
}
.wrap-block__inner-fw.inner-fw__bottom {
margin-top: 20px;
}
.inner-fw__text-block {
font-size: 20px;
line-height: 28px;
}
.wrap-2 {
flex: 0 auto;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.wrap-2._w-custom.w60-60 {
padding: 50px 20px 30px;
}
.step-block__text-description.text-description-2, .step-block__text-description.text-description-1, .step-block__text-description.text-description-3, .step-block__text-description.text-description-4 {
font-size: 12px;
}
.dynamic-section__wrap {
display: none;
}
.dynamic-content__block {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.dynamic-text {
font-size: 22px;
}
.dynamic-text.dt-number {
font-size: 28px;
}
.step-block__text-title.text-title_2, .step-block__text-title.text-title_4, .step-block__text-title.text-title_3, .step-block__text-title.text-title_1 {
font-size: 18px;
}
.half-wrapper {
grid-row-gap: 24px;
}
.benefits-row {
grid-template-rows: auto 1px auto 1px auto 1px auto;
grid-template-columns: 1fr;
}
.number-item {
grid-row-gap: 60px;
}
.outline-text {
font-size: 40px;
}
.div-video-sec {
max-width: 400px;
}
.sec-backstage {
padding-top: 60px;
padding-bottom: 60px;
}
.about-image {
height: 610px;
}
.grid-3 {
grid-row-gap: 40px;
grid-template-columns: 1fr;
width: 100%;
}
.right-block {
padding-left: 0;
}
.the-content-2._3 {
padding-left: 20px;
padding-right: 15px;
}
.showreel-heading-2 {
font-size: 56px;
bottom: -18px;
}
.background-cover {
width: 100%;
}
.about-wrapper {
padding-left: 0;
}
.slide-image {
min-height: 400px;
}
.slide-image.team-gallery {
min-height: 250px;
}
.box {
margin-bottom: -100px;
}
.large-heading {
font-size: 42px;
}
.background-cover-2 {
width: 100%;
}
.three-grid-wrapper {
text-align: center;
grid-template-columns: 1fr;
}
.accordion-item-title---brix {
max-width: 80%;
font-size: 18px;
}
.accordion-paragraph---brix {
max-width: 100%;
font-size: 16px;
line-height: 1.6;
}
.button-close {
width: auto;
}
.divider-circle {
width: 12px;
height: 12px;
}
.third-article {
z-index: 22;
height: auto;
min-height: 100vh;
position: relative;
}
.xlarge-paragraph {
font-size: 10vh;
}
.image-wrapper {
background-size: cover;
width: 100vw;
height: 400px;
}
.wrap-scrolling-text {
min-height: 250px;
}
.cap {
font-size: 90px;
}
.section-16 {
flex-direction: column;
}
.second-article {
z-index: 21;
position: relative;
}
.heading-46 {
font-size: 65px;
}
.cards-section {
padding: 40px 20px;
}
.navbar-2 {
z-index: 87;
margin-top: 30px;
}
.text-block-40 {
font-size: 13px;
}
.cursor-dekstop {
display: none;
}
.navbar-menu {
z-index: 87;
margin-top: 30px;
}
.close-wrap {
margin-top: 0;
}
.space.left {
width: 7px;
}
.space.top, .space-copy.bottom {
height: 7px;
}
.space-copy.right {
width: 7px;
}
.project-container {
width: 80%;
margin-top: 15vh;
margin-bottom: 15vh;
}
.project {
height: 90vh;
}
.client-text.outline, .client-text.solid {
margin-top: 27vh;
margin-left: -5vw;
font-size: 9vw;
}
.all-rights {
margin-bottom: 0;
padding-bottom: 30px;
}
.special-text-wrapper {
height: auto;
}
.nav-item-text-full {
font-size: 48px;
line-height: 90px;
display: none;
}
.nav__bg {
background-color: #0b0b0b;
}
.div-block-1019 {
padding-left: 30px;
}
.link-4 {
font-size: 15px;
}
.nav-items {
width: 90%;
}
.link-5 {
font-size: 15px;
}
.nav-container {
display: none;
}
.nav-item-text {
font-size: 48px;
line-height: 90px;
}
.team-wrapper {
min-height: 500px;
}
.large-heading-2 {
font-size: 42px;
}
.about-wrapper-2 {
padding-left: 0;
}
.box-2 {
margin-bottom: -100px;
}
.large-heading-4, .large-heading-5 {
font-size: 42px;
}
.brand-3 {
padding-left: 24px;
padding-right: 24px;
font-size: 18px;
}
.menu-button {
width: 84px;
}
.menu-link {
font-size: 36px;
}
.navbar-wrapper {
grid-column-gap: 18px;
}
.menu-center {
width: 100vw;
height: 60vw;
}
.video-cover {
width: auto;
margin-top: 0;
margin-left: -5vw;
margin-right: -5vw;
}
.four-column {
grid-template-columns: 1fr;
align-items: stretch;
}
}
@media screen and (max-width: 479px) {
h4 {
font-size: 16px;
}
.container {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.background-video {
inset: 0%;
}
.social-icon {
display: inline-block;
}
.social-icon-wrapper.down {
margin-top: 20px;
}
.play-button:hover {
border-width: 35px;
}
.bg-img {
grid-column-gap: 0px;
grid-row-gap: 1px;
grid-template-columns: 1fr;
}
.heading {
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
line-height: 25px;
}
.section {
padding-left: 10px;
padding-right: 10px;
}
.section-2 {
display: block;
}
.section-2.del {
background-image: linear-gradient(#000000a6, #000000a6), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png");
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, 2px;
width: 100vw;
height: 100vh;
}
.section-2.wed {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5b61936d93c4f7bf6e3a228f_wed_phone.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.heading-2 {
margin: 0 10px;
font-size: 25px;
line-height: 1.5;
}
.heading-2.wed-font {
margin-bottom: 20px;
font-size: 40px;
line-height: 40px;
}
.centered-wrapper {
width: 100%;
max-width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.profit-block {
flex-direction: column;
align-items: stretch;
}
.col-profit.left-20 {
margin-left: auto;
}
.nav-bar {
z-index: 999;
padding: 9px 10px;
}
.navbar-container {
display: block;
}
.nav-link-2 {
text-transform: none;
padding: 27px 30px 22px 10px;
font-size: 14px;
display: block;
}
.nav-menu {
background-color: #000000f2;
border-top: 1px solid #e1e1e11a;
display: block;
}
.div-block-9 {
margin-top: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.citata {
flex-direction: row;
display: block;
}
.mask {
width: auto;
}
.slider {
height: auto;
}
.form-block-2 {
width: auto;
}
.number-tel {
text-align: center;
}
.btn {
margin-bottom: 5px;
margin-left: 0;
}
.shoot {
flex-direction: column;
margin-bottom: 0;
}
.bold-text {
font-size: 22px;
line-height: 35px;
display: block;
}
.clients {
flex-wrap: wrap;
padding-bottom: 30px;
}
.div-1200 {
margin-left: 0;
margin-right: 0;
padding: 25px 5px 0;
}
.sect._23 {
padding-top: 20px;
padding-bottom: 30px;
overflow: hidden;
}
.sect.quest {
z-index: 0;
padding-top: 50px;
padding-bottom: 25px;
}
.sec-video {
height: auto;
}
.team-row {
margin-bottom: 25px;
}
.team-row._1-row {
margin-bottom: 0;
}
.team-column-top {
padding-left: 0;
padding-right: 0;
}
.team-image-block {
margin-bottom: 5px;
}
.team-block-title {
font-size: 22px;
line-height: 1.5;
}
.team-block-title.prof {
margin-top: 0;
}
.team-column {
padding-left: 0;
padding-right: 0;
}
.team-outline-block {
z-index: 1;
background-color: #fff;
margin-bottom: 5px;
}
.button-2.white-button {
font-size: 12px;
}
.button-2.price, .button-2.send {
width: 100%;
}
.button-2.mob {
margin-top: 30px;
padding-top: 18px;
display: block;
}
.container-fluid, .align-center {
display: block;
}
.scroll-navigation {
display: none;
}
.faq {
flex-direction: column;
padding-top: 0;
padding-bottom: 20px;
}
.faq-list {
width: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 0 20px;
}
.title-left {
text-align: center;
margin-bottom: 0;
font-size: 25px;
line-height: 38px;
}
.question-container {
margin-top: 10px;
padding-left: 10px;
}
.question-text {
font-weight: 500;
}
.faq-image {
flex-direction: column;
width: 100%;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
}
.blue {
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
}
.project-mind-title {
margin-bottom: 15px;
margin-right: 0;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.section-flex {
display: block;
}
.half-section {
width: auto;
height: auto;
display: block;
}
.half-section.photo {
width: auto;
height: 300px;
}
.center-div {
width: auto;
}
.title-form {
text-align: center;
margin-top: 0;
font-size: 25px;
line-height: 30px;
}
.div-form {
margin-top: 20px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
}
.pricing-wrapper {
margin-bottom: 10px;
}
.pricing-wrapper.noshadow {
box-shadow: 0 5px 30px -1px #0000001a;
}
.dropdown-toggle {
text-transform: none;
padding: 27px 30px 22px 10px;
font-size: 14px;
}
.features-column {
padding-bottom: 20px;
}
.features-column._2 {
padding-top: 0;
}
.footer-title-2 {
margin-bottom: 25px;
}
.subtitle-footer {
padding-top: 20px;
padding-bottom: 20px;
}
.bottom-footer-text {
float: none;
margin-bottom: 5px;
display: block;
}
.bottom-footer-text.right {
float: none;
text-align: center;
}
.gradient-overlay {
display: none;
}
.name-ser {
margin-left: 0;
font-size: 22px;
line-height: 1.3;
display: block;
bottom: 73px;
left: 0;
right: 0;
}
.dropdown-arrow {
margin-top: 29.5px;
margin-right: 12px;
}
.menu-button-2 {
color: #fff;
border: 1px solid #ffffff3b;
font-size: 22px;
}
.menu-button-2.w--open {
color: #000;
background-color: #fff;
}
.intro-wrapper {
padding-top: 0;
}
.section-subtitle {
text-align: center;
margin-bottom: 30px;
}
.section-subtitle.citation {
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
font-weight: 600;
}
.sports-section {
padding: 0 5px;
}
.fans-bg {
width: 80vw;
margin-left: auto;
margin-right: auto;
display: none;
position: absolute;
top: 300px;
left: 0;
right: 0;
}
.sports-content-2 {
margin-right: 0;
top: 50px;
left: 5vw;
right: 5vw;
}
.sports-title {
text-align: center;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
font-size: 28px;
line-height: 1.5;
display: block;
position: static;
}
.sports-desc {
text-align: center;
margin: 0 auto 50px;
padding-right: 0;
display: block;
}
.sports-content-3, .sports-content-1, .sports-content-4 {
margin-right: 0;
top: 50px;
left: 5vw;
right: 5vw;
}
.sports-pics-wrapper {
margin-top: 20px;
}
.sports-img._1 {
box-shadow: none;
margin-bottom: 0;
}
.sports-img._2 {
box-shadow: none;
}
.sports-img._3 {
box-shadow: none;
margin-bottom: 0;
}
.sports-img._4 {
box-shadow: none;
}
.row-t {
margin-bottom: 5px;
}
.cherry-section-wrapper {
overflow: hidden;
}
.cherry-section {
padding: 25px 5vw 50px;
}
.chemical-section {
padding-top: 25px;
padding-left: 5vw;
padding-right: 5vw;
}
.bg-circle {
width: 200px;
height: 200px;
margin-right: 0;
display: none;
bottom: -30px;
right: 50px;
}
.cherry-bg-line {
display: none;
}
.heading-33 {
text-align: center;
font-size: 28px;
line-height: 38px;
}
.cherry-desc {
text-align: left;
margin-bottom: 30px;
}
.cherry-bg {
width: 88vw;
height: 88vw;
margin-right: 10px;
display: block;
position: relative;
right: 0;
}
.chemical-slider {
height: auto;
margin-bottom: 0;
}
.chemical-content {
margin-top: 0;
position: static;
}
.chemical-desc {
padding-right: 0;
}
.chemical-card {
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 25px;
margin-left: 0;
padding-left: 0;
position: relative;
left: 0;
}
.chemical-line, .left-arrow, .right-arrow {
display: none;
}
.slide-nav-t {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
display: none;
position: relative;
top: -163vw;
bottom: auto;
left: auto;
}
.benefits-bg {
width: 92vw;
margin-left: auto;
margin-right: auto;
display: none;
}
.chemical-button {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 50px;
position: static;
}
.head-title {
font-size: 28px;
line-height: 38px;
}
.chemical-number {
font-size: 60px;
line-height: 44px;
}
.origin-bg {
display: none;
}
.origin-content {
background-color: var(--white);
padding: 20px 5px 0;
}
.none-sports-content {
margin-bottom: 30px;
margin-right: 0;
position: static;
top: 50px;
left: 5vw;
right: 5vw;
}
.subtitle {
text-align: center;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}
.how {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}
.field-label-5 {
font-size: 18px;
line-height: 22px;
}
.text-field-5 {
width: 100%;
}
.div-contact {
height: 48px;
margin-bottom: 10px;
}
.text-span-5 {
font-size: 22px;
line-height: 30px;
display: block;
}
.link-serv {
margin-bottom: 5px;
position: relative;
bottom: 0;
}
.link-serv-2 {
top: 0;
}
.brg-head-service {
justify-content: center;
align-items: center;
height: 250px;
padding-top: 55px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.tabs-menu {
flex-wrap: wrap;
justify-content: space-between;
}
.btn-tabs-menu {
justify-content: flex-start;
width: 49%;
margin-left: 0;
line-height: 18px;
display: flex;
}
.btn-tabs-menu.first-butt {
flex: none;
}
.description {
column-count: 1;
margin: 0 10px;
padding-bottom: 20px;
font-size: 12px;
line-height: 18px;
}
.section-9 {
padding-top: 30px;
}
.cost-section {
padding: 50px 5px;
}
.section-header {
margin-bottom: 0;
font-size: 22px;
line-height: 1.5;
}
.price-description {
margin-top: 10px;
margin-bottom: 30px;
font-size: 14px;
line-height: 1.5;
}
.half-section-2.form {
float: none;
width: 100%;
min-height: auto;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.half-section-2.map {
float: none;
width: 100%;
display: none;
}
.name-contact {
margin-bottom: 25px;
font-size: 20px;
line-height: 24px;
}
.email-link {
height: auto;
margin-top: 30px;
padding-left: 0;
display: block;
}
.contact-column {
flex-direction: column;
margin-top: 40px;
}
.st-form-overlay {
z-index: 1000;
opacity: 0;
width: 100%;
margin-top: 0%;
}
.popup-order-price, .all-form-overlay {
z-index: 1000;
opacity: 0;
width: 100%;
margin-top: 0%;
display: none;
}
.agreement {
margin-top: 25px;
margin-left: 0;
font-size: 12px;
font-weight: 200;
}
.send-agree {
flex-direction: column;
}
.agreement-white {
margin-top: 20px;
font-size: 11px;
line-height: 1.5;
}
.div-block-19 {
color: #fff;
text-transform: none;
background-image: linear-gradient(#00000080, #00000080);
justify-content: center;
align-items: center;
font-family: Sf ui text, sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 20px;
display: flex;
position: absolute;
inset: 0;
}
.column {
padding-left: 0;
padding-right: 0;
}
.agree-overlay-form {
text-align: left;
margin-bottom: 25px;
}
.features-wrap {
min-width: 100%;
}
.features-wrap._1sr {
padding-left: 20px;
padding-right: 20px;
}
.features-wrap._11sr {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/67e423de07163a2067494c13_photo_2025-03-26_18-49-20.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
}
.features-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 900;
line-height: 20px;
}
.clients-logo {
padding: 20px 10px;
}
.div-block-23 {
padding-top: 30px;
}
.text-block-19, .text-block-20 {
font-size: 12px;
line-height: 18px;
}
.div-block-25 {
margin-top: 0;
}
.description-div {
padding: 30px 10px;
}
.head-privacy {
font-size: 16px;
}
.par-privacy {
text-align: left;
margin-top: 15px;
font-size: 12px;
line-height: 18px;
}
.agree-div {
padding-left: 10px;
padding-right: 10px;
}
.card {
height: 200px;
}
.fullpic-profile {
padding: 30px 30px 20px;
}
.signup-content-wrapper, .profile-card-big {
padding: 30px;
}
.profile-card {
padding-left: 30px;
padding-right: 30px;
}
.button-4.profile-contact-big-button {
margin-right: 0;
display: block;
}
.button-4.default-button.default-button-with-line {
margin-top: 0;
display: block;
}
.tag-wrapper {
margin: 3px 5px;
}
.big-article-content-wrapper {
padding: 25px 30px;
}
.card-headline, .card-headline.card6-content {
font-size: 18px;
line-height: 22px;
}
.actions-wrapper {
text-align: center;
width: 100%;
display: block;
}
.vacant-div {
margin-top: 15px;
margin-bottom: 15px;
}
.vacant-name {
font-size: 20px;
line-height: 30px;
}
.list-vacant {
flex-flow: column;
margin-top: 10px;
}
.heading-level {
font-size: 14px;
}
.ul-list-vac {
padding-left: 20px;
}
.par-list {
font-size: 12px;
line-height: 20px;
}
.txt-contact {
font-size: 16px;
line-height: 22px;
}
.cont-div {
margin-top: 15px;
}
.cont-podtext {
font-size: 12px;
line-height: 18px;
}
.column-content {
flex: 0 auto;
}
.link-block {
margin-top: 5px;
margin-bottom: 15px;
}
.div-block-28 {
float: none;
}
.telegram-window {
opacity: 0;
width: auto;
margin-top: 50%;
display: none;
}
.h3-2 {
font-size: 18px;
line-height: 25px;
}
.div-block-32 {
margin-top: 15px;
}
.process-list {
text-align: center;
height: auto;
padding-top: 36px;
padding-bottom: 20px;
}
.right-line, .left-line {
width: 80px;
}
.time-text-2 {
margin-bottom: 34px;
}
.paragraph-5 {
margin-top: auto;
display: block;
}
.list-cell {
width: 100%;
}
.name-review-text {
font-size: 14px;
line-height: 18px;
}
.vertical-line {
display: none;
}
.list-cell-65 {
width: 100%;
padding-right: 0;
}
.heading-35 {
font-size: 38px;
}
.heading-35.space {
margin-bottom: 30px;
font-size: 36px;
line-height: 42px;
}
.review {
font-size: 12px;
line-height: 16px;
}
.container-d {
padding-left: 10px;
padding-right: 10px;
}
.input {
margin-bottom: 20px;
}
.call-back-wrap {
padding-left: 5px;
padding-right: 5px;
display: block;
}
.back-button {
font-size: 10px;
}
.messenger-wrap {
padding-top: 20px;
}
.trigger-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 30px;
}
.h1-wed {
font-size: 18px;
line-height: 22px;
}
.span-wed {
font-size: 35px;
line-height: 30px;
}
.bold-text-2 {
font-size: 30px;
}
.head-paragraph {
font-size: 12px;
line-height: 18px;
}
.main-cell {
width: 100%;
}
.div-block-34 {
padding-top: 280px;
}
.head-h1 {
font-size: 26px;
line-height: 32px;
}
.price-button {
display: block;
}
.container-d-2 {
padding-left: 10px;
padding-right: 10px;
}
.price-cell.bg {
height: 420px;
padding-left: auto;
padding-right: auto;
display: block;
}
.div-block-2 {
margin-left: -10px;
margin-right: -10px;
}
.services-section {
padding-top: 80px;
}
.services-cell {
padding-left: 10px;
padding-right: 10px;
}
.process-list-2 {
text-align: center;
height: auto;
padding-top: 36px;
padding-bottom: 20px;
}
.process-section {
padding-top: 90px;
}
.paragraph-7 {
margin-top: auto;
display: block;
}
.text-wrap {
padding-left: 20px;
padding-right: 20px;
}
.about-section {
padding-top: 90px;
padding-bottom: 90px;
}
.third-block-holder-single {
flex: 1;
height: auto;
margin-bottom: 0;
}
.third-block-content-single {
float: none;
flex-direction: row;
width: 100%;
padding: 0;
}
.list-service {
text-align: left;
}
.image-holder {
float: none;
padding-bottom: 88%;
position: static;
}
.third-block-holder-single-2 {
margin-bottom: 20px;
}
.third-block-content-single-2 {
float: none;
width: auto;
}
.help-text-1 {
max-width: 68px;
}
.container-6 {
padding-bottom: 10%;
padding-left: 10px;
padding-right: 10px;
}
.section-10 {
height: 300px;
}
.flex-item-20 {
padding-left: 0;
padding-right: 0;
}
.hero-heading.dark-bg {
font-size: 22px;
line-height: 30px;
}
.hero-subtitle {
font-size: 12px;
line-height: 16px;
}
.db-fixed-nav-headline {
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
line-height: 19px;
}
.shrink-box-button-2 {
display: none;
}
.shrink-box-wrapper-2 {
width: 50px;
margin-left: 0;
margin-right: 0;
}
.db-mobile-fixed-nav {
align-items: stretch;
}
.db-logo-wrapper {
justify-content: center;
align-items: center;
width: 160px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.db-flex-row {
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
}
.flexbox-hero.horizontal.hero {
padding-left: 20px;
padding-right: 20px;
}
.nav-menu-zen {
float: right;
padding-left: 20px;
padding-right: 20px;
display: none;
}
.navbar-homelink {
padding-left: 0;
}
.contact-flexbox {
float: left;
clear: left;
height: auto;
display: block;
position: static;
}
.navbar---social-container {
display: none;
}
.container---social {
padding-left: 20px;
padding-right: 20px;
}
.paragraph-grey {
font-weight: 300;
}
.social-icons-container {
padding-left: 20px;
}
.link-block---social-icons {
margin-right: 20px;
}
.what-left {
float: none;
text-align: center;
width: auto;
margin-bottom: 30px;
}
.what-right {
width: auto;
}
.what-content, .what-content.bottom {
flex-direction: column;
}
.what-content-containers {
width: auto;
}
.features {
padding-top: 0;
padding-bottom: 0;
}
.feature-block {
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
.nav-menu-2 {
flex-direction: column;
margin-top: 59px;
display: flex;
}
.paragraph-10 {
max-width: 90%;
margin-top: 16px;
}
.slide-line {
top: 212px;
}
.arrow-link.right {
left: 20vw;
}
.book-now {
bottom: 77vw;
}
.dish-name {
margin-bottom: 20px;
}
.total-slides {
top: 203px;
}
.style-circle {
top: 83px;
left: -5vw;
}
.plate {
top: 67vw;
}
.lazy-susan {
top: 42vw;
}
.tabs-2 {
float: left;
width: 100%;
padding-left: 10px;
padding-right: 10px;
font-size: 14vw;
line-height: 1.3em;
}
.btn-2 {
text-align: center;
display: block;
}
.signup-account-link-2 {
text-align: center;
}
.form2-buttons-wrapper {
flex-direction: column;
align-items: stretch;
}
.hero2-dark {
background-image: linear-gradient(#11121266, #11121266), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/5bc07ffad22fad142c3a9ec6_header-2-landing.jpg");
background-position: 0 0, 80%;
}
.btn-big {
text-align: center;
padding: 14px 25px;
display: block;
}
.right-arrow-2, .left-arrow-2 {
display: none;
}
.page-post-wrapper {
flex-direction: column;
}
.page-post-wrapper.first {
flex-direction: column;
align-content: flex-start;
margin-top: 79px;
}
.project-post-images {
width: 100%;
min-height: auto;
position: relative;
}
.project-post-content {
flex-direction: column;
justify-content: center;
width: auto;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.big-title {
font-size: 15px;
font-weight: 900;
line-height: 22px;
}
.service-provided-wrapper {
padding-left: 15px;
}
.top-margin, .top-margin.smaller {
margin-top: 0;
}
.header-center-box._75 {
width: 90%;
}
.grid-3-5 {
grid-template-columns: 1fr;
}
.copy-regular {
font-size: 15px;
}
.slide-3 {
width: 100%;
margin-right: 0;
overflow: hidden;
}
.image-18 {
width: 100%;
}
.column-10 {
margin-bottom: 10px;
}
.hero-wrapper {
height: 240px;
}
.feature-row {
margin-bottom: 10px;
}
.anchor-link {
flex: none;
}
.full-width-container2 {
width: 335px;
}
.map {
height: 200px;
}
.full-width-container {
overflow: hidden;
}
.sticky-topbar-mobile {
display: none;
}
.listing-container {
padding-right: 0;
overflow: hidden;
}
.slider-4 {
margin-bottom: 60px;
overflow: hidden;
}
.anchor-links {
overflow: hidden;
}
.copy-small {
font-size: 13px;
}
.anchor-container {
width: 375px;
}
.grid-3-5-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
}
.cell-2 {
margin-left: 0;
margin-right: 0;
}
.grid-portfolio {
grid-column-gap: 1px;
grid-row-gap: 3px;
flex-direction: column;
grid-template: "." 1fr
/ auto;
grid-auto-columns: auto;
grid-auto-flow: row;
display: flex;
}
.grid-clients {
grid-template-columns: 1fr 1fr;
}
.grid-service {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: 1fr;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.podtext {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
font-size: 16px;
}
.slider-bs {
width: auto;
position: relative;
}
.txt-slider-bs {
display: none;
}
.icon-4, .icon-5 {
font-size: 30px;
}
.name-section {
text-align: center;
font-size: 20px;
line-height: 30px;
}
.grid-2 {
grid-template-columns: 1fr 1fr;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.img-portf {
height: 125px;
}
.img-portf._3 {
display: none;
}
.block {
padding: 28px 32px 32px;
font-size: 24px;
top: 24%;
}
.block._3 {
top: 28%;
}
.block._2 {
top: 24%;
}
.block._1 {
box-shadow: none;
top: 20%;
}
.container-8 {
padding-left: 28px;
padding-right: 28px;
overflow: visible;
}
.container-8.cc-flex-h {
align-items: center;
padding-top: 0;
}
.block-title {
font-size: 20px;
}
.design-capabiltiies {
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding-top: 60px;
display: flex;
}
.text_left {
padding-bottom: 20px;
padding-right: 0;
font-size: 18px;
}
.col-left {
align-self: auto;
}
.change-lang {
display: none;
}
.answer-2 {
padding-left: 0;
}
.question-text-2 {
margin-bottom: 8px;
margin-left: 0;
}
.col-3 {
margin-bottom: 0;
}
.question-arrow-icon {
margin-left: 16px;
}
.wrap-block__inner-fw.inner-fw__bottom {
margin-top: 0;
}
.wrap-2._w-custom.w60-60 {
padding: 30px 16px 60px;
}
.step-block__text-description.text-description-2, .step-block__text-description.text-description-1, .step-block__text-description.text-description-3 {
padding-right: 5px;
font-size: 12px;
line-height: 18px;
}
.step-block__text-description.text-description-4 {
font-size: 12px;
line-height: 18px;
}
.dynamic-section__wrap {
display: none;
}
.dynamic-content__block {
justify-content: center;
align-items: flex-start;
width: 100%;
}
.dynamic-text {
font-size: 22px;
}
.step-block__text-title.text-title_2, .step-block__text-title.text-title_4, .step-block__text-title.text-title_3, .step-block__text-title.text-title_1 {
font-size: 16px;
}
.mask-chemical-card {
overflow: visible;
}
.city-column {
flex-direction: column;
}
.sticky-intro {
margin-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
display: none;
}
.list-wrapper {
padding-top: 0;
}
.medium-stacked-intro {
grid-row-gap: 24px;
}
.half-wrapper {
grid-template-rows: repeat(auto-fit, 225px);
padding-right: 0;
}
.div-br-1 {
align-items: center;
min-height: auto;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.div-br-1.no-border {
min-height: auto;
}
.txt-1 {
margin-right: 0;
font-size: 20px;
line-height: 27px;
}
.txt-22 {
margin-top: 15px;
}
.grid-br-2 {
align-self: flex-start;
display: block;
}
.heading-45 {
font-size: 22px;
line-height: 30px;
}
.number-item {
grid-column-gap: 10px;
grid-row-gap: 45px;
padding-left: 10px;
padding-right: 10px;
}
.number-info {
display: flex;
}
.txt-brc {
font-size: 12px;
line-height: 16px;
}
.video-section {
height: 100%;
}
.outline-text {
font-size: 12vw;
line-height: 130%;
}
.div-video-sec {
margin-left: 20px;
margin-right: 20px;
}
.broadcast-title {
width: 700px;
top: 253px;
right: -73%;
}
.bcgr-video-broadcast {
justify-content: center;
align-items: center;
display: flex;
}
.sec-backstage {
padding-top: 0;
padding-bottom: 0;
}
.sticky-header-column {
width: 100%;
height: auto;
min-height: 50vh;
position: static;
}
.guideline-wrap-info.left-align {
height: 100%;
}
.sticky-section {
flex-direction: column;
}
.sticky-info-column {
width: 100%;
}
.online-title {
top: 5%;
left: 10%;
}
.main-heading {
margin-bottom: 0;
font-size: 10vw;
line-height: 135%;
}
.block-about-image {
margin-bottom: 32px;
display: none;
}
.about-image {
height: 460px;
}
.grid-3 {
grid-auto-flow: row;
}
.right-block {
padding-left: 10px;
padding-right: 10px;
}
.content-holder-2, .column-39 {
height: auto;
}
.the-content-2 {
padding: 30px 10px;
display: block;
position: static;
}
.the-content-2._2 {
padding-top: 5px;
padding-bottom: 5px;
}
.the-content-2._1 {
padding-top: 10px;
padding-bottom: 30px;
}
.the-content-2._3 {
padding-left: 10px;
padding-right: 10px;
display: block;
position: relative;
}
.section-14 {
padding-top: 35px;
display: block;
}
.column-40 {
padding-top: 0;
display: none;
}
.grid-sticky {
margin-top: 10px;
display: flex;
}
.showreel-heading-2 {
font-size: 48px;
}
.section-15 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-15.no-top-padding {
background-color: var(--black);
padding: 50px 0 0;
}
.showreel-wrapper {
height: 30vh;
min-height: 250px;
}
.wrapper {
max-width: none;
overflow: hidden;
}
.bs-img-bgr {
height: 50vh;
}
.bs-img-bgr._1-prj, .bs-img-bgr._2-prj, .bs-img-bgr._4-prj, .bs-img-bgr._3-prj {
background-size: 1px, cover;
height: 50vh;
}
.video-bgr-mobile {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/597b1535639fa7000161edf2/597b19a49c73d50001e4e7c8_grip.png");
background-position: 0 0, 0 0;
background-size: auto, 1px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: absolute;
inset: 0%;
}
.social-items {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.overlay-social {
display: none;
}
.social-block {
display: flex;
}
.body-display-2 {
padding-top: 10px;
font-size: 14px;
line-height: 22px;
}
.speaker-image.team-three, .speaker-image.team-four {
background-size: cover;
}
.speaker-image.team-one {
background-size: cover;
width: auto;
}
.speaker-image.team-two {
background-size: cover;
}
.about-wrapper {
padding-top: 0;
padding-left: 0;
}
.slide-image {
height: 40vh;
min-height: 300px;
}
.slide-image.team-gallery {
min-height: 160px;
}
.box {
min-height: auto;
margin-bottom: 0;
margin-left: 0;
padding-left: 5px;
padding-right: 5px;
display: none;
}
.half-dual {
grid-row-gap: 15px;
width: auto;
max-width: none;
margin-top: 0;
}
.box-two {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-auto-flow: row;
margin-top: 30px;
padding-left: 5px;
padding-right: 5px;
}
.clip {
padding-left: 15px;
padding-right: 15px;
}
.large-heading {
font-size: 10vw;
line-height: 135%;
}
.large-heading._1st {
text-transform: uppercase;
padding-left: 10px;
font-size: 10vw;
line-height: 135%;
display: block;
}
.large-heading._1st._2st {
text-transform: uppercase;
margin-bottom: 30px;
padding-left: 0;
}
.video-grid {
grid-template-columns: minmax(90%, 1.75fr);
margin-top: 0;
}
.title-left-col {
font-size: 30px;
line-height: 35px;
}
.accordion-item-title---brix {
max-width: 70%;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.accordion-item---brix.tabs-accordion---brix {
padding-top: 32px;
padding-bottom: 32px;
}
.accordion-paragraph---brix {
max-width: 100%;
font-size: 14px;
}
.open-close-icon-wrapper---brix {
margin-right: 16px;
}
.circle-shape {
z-index: 1;
display: none;
}
.image-container.second {
background-position: 50% 0;
}
.arrow-read-more {
flex: none;
width: 45px;
height: 45px;
padding-left: 13px;
padding-right: 13px;
}
.first-article {
height: 100vh;
padding-left: 0%;
padding-right: 0%;
display: block;
}
.button-close {
max-width: 35%;
inset: 0% 0% auto auto;
}
.section-content {
display: none;
position: fixed;
inset: 0%;
overflow: auto;
}
.card-2 {
flex: 1;
align-self: stretch;
width: 100%;
}
.main-heading-2 {
font-size: 2em;
}
.link-read-more {
font-size: 24px;
}
.third-article {
height: 100vh;
min-height: auto;
display: block;
}
.card-inner {
padding-right: 10%;
display: block;
}
.small-text {
font-size: 9px;
}
.image-wrapper {
background-position: 50%;
background-size: cover;
height: 33.33vh;
}
.cap {
font-size: 80px;
}
.section-16 {
flex-direction: column;
justify-content: flex-start;
width: 100%;
display: flex;
}
.second-article {
display: block;
}
.card-1 {
flex: 1;
}
.card-3 {
flex: 1;
width: 100%;
}
.heading-46 {
font-size: 50px;
}
.summ {
font-size: 25px;
}
.heading-47 {
margin-bottom: 20px;
}
.cards-section {
padding-top: 80px;
padding-left: 0;
padding-right: 0;
}
.title-blog-post {
font-size: 16px;
line-height: 1.5em;
}
.img-blog-post {
margin-bottom: 0;
}
.collection-item-post {
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.blog-main-text {
padding: 100px 10px 25px;
}
.h1-title-blog-post {
font-size: 20px;
}
.div-block-53 {
width: 100px;
}
.navbar-2 {
z-index: 38;
}
.text-block-40 {
font-size: 11px;
}
.cursor-dekstop {
display: flex;
}
.navbar-menu {
z-index: 38;
display: none;
}
.close-wrap {
margin-top: 0;
}
.space {
height: 5px;
}
.space.left {
width: 5px;
}
.space.top, .space-copy, .space-copy.bottom {
height: 5px;
}
.space-copy.right {
width: 5px;
}
.linii {
display: flex;
}
.project-container {
width: 80%;
display: flex;
}
.text-block-41 {
font-size: 13px;
}
.project {
transform-origin: 50%;
width: 100%;
height: 65vh;
}
.client-text {
margin-top: 20vh;
margin-left: 24px;
font-size: 12vw;
line-height: 14vw;
}
.client-text.outline {
text-align: right;
margin-top: 19vh;
margin-left: -5vw;
margin-right: 0;
font-size: 13vw;
line-height: 15vw;
display: block;
}
.client-text.solid {
z-index: 1;
text-align: right;
margin-top: 19vh;
margin-left: -5vw;
margin-right: 0;
font-size: 13vw;
line-height: 15vw;
display: block;
}
.btn-line {
width: 38px;
}
.all-rights {
margin-bottom: 0;
padding-bottom: 30px;
}
.heading-50 {
font-size: 21px;
}
.text-block-42 {
font-size: 10px;
}
.wg-selector-1.s1 {
padding: 5px;
}
.wg-selector-1.s2 {
padding: 6px;
}
.nav__bg {
background-color: #0b0b0b;
}
.div-block-1019 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 0;
padding-left: 18px;
transform: none;
}
.wg-selector-highlight-wrapper {
height: .5px;
margin-top: -.05rem;
}
.div-block-125 {
width: 250px;
height: .5px;
}
.link-4 {
margin-top: 10px;
}
.nav-items {
margin-top: 0;
}
.text-block-43 {
font-size: 10px;
line-height: 19px;
}
.link-5 {
margin-top: 9px;
}
.nav-container {
z-index: 36;
padding-bottom: 100px;
display: none;
}
.nav-footer-link {
margin-top: 0;
}
.text-block-44 {
margin-right: 8px;
font-size: 13px;
}
.team-wrapper {
min-height: 475px;
padding-bottom: 80px;
}
.about-wrapper-2 {
padding-left: 0;
}
.reg-icon, .social-icon-3 {
width: 36px;
margin-bottom: 0;
}
.box-2 {
min-height: 250px;
margin-bottom: -100px;
}
.half-dual-2 {
grid-row-gap: 48px;
}
.text-block-47 {
max-width: 230px;
margin-left: auto;
margin-right: auto;
}
.title-wedd {
margin-top: 0;
font-size: 45px;
line-height: 45px;
}
.img-cameraman, .full-screen-menu {
display: none;
}
.menu-link {
font-size: 36px;
}
.menu-wrapper {
padding-bottom: 0;
}
.navbar-wrapper {
height: 60px;
}
.menu-center {
width: 100vw;
height: 75vw;
}
.menu-content {
padding-top: 80px;
}
.video-cover {
min-height: 350px;
}
.left-intro {
padding-right: 0;
}
.div-content {
padding: 5px 5px 0;
}
.blog-order-button {
margin-top: 25px;
margin-bottom: 25px;
}
.cover-blog {
height: 250px;
padding-bottom: 15px;
}
.title-blog {
margin-top: 20px;
font-size: 30px;
}
}
#w-node-_1025b0af-42b2-4484-2d22-1cc5a55da2bf-d0c892c6 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_9a9edb2d-b311-07c8-cfaf-df464a277924-d0c892c6 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-f584744e-1747-c3db-6f89-aed2efca04da-d0c892c6 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-bfdf5976-3954-6e54-bc20-4f956ea3ec45-d0c892c6 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-b7d990aa-e3bd-4f98-9e35-4a491b856894-d0c892c6 {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_2659fb81-3ad2-aafd-423a-cfbd2c4855dd-a7c892da, #w-node-_301130c0-da53-806e-0565-c6d4da572ebf-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f0f-3ac892e4, #w-node-d890df3e-7f90-dcbc-1283-effba6a62f10-3ac892e4, #w-node-d890df3e-7f90-dcbc-1283-effba6a62f13-3ac892e4 {
align-self: start;
}
#w-node-b797b232-c289-c629-39eb-0dd7c0ba9dc4-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f1b-3ac892e4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2eae39b8-13c7-c7f6-f185-d3f806850003-3ac892e4 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_2eae39b8-13c7-c7f6-f185-d3f806850004-3ac892e4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_2eae39b8-13c7-c7f6-f185-d3f806850006-3ac892e4, #w-node-_2eae39b8-13c7-c7f6-f185-d3f806850008-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2eae39b8-13c7-c7f6-f185-d3f80685000a-3ac892e4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_25d6cda1-f680-d4b4-8729-4f602f56b5be-3ac892e4, #w-node-_6e24237f-8ae1-8163-9924-cce2211fecbf-3ac892e4, #w-node-_4067f5d8-85c6-9272-248a-0641045d956e-3ac892e4, #w-node-_9b867cdb-278c-d9bf-754f-b5cb405b5304-3ac892e4 {
justify-self: end;
}
#w-node-d6df5d90-6538-f2f3-dcfc-391f97850746-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ef0bf425-65a9-d991-6f11-dd587f26801e-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-bb0f3229-fd4a-3f78-a414-8d08a5873adc-6ac892e7, #w-node-_9f65bccb-c9e4-488c-df33-d4af617f2a34-6ac892e7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e3-6ac892e7 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_54dafe68-73ba-6cd8-2cfd-35609f3c988b-6ac892e7 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_65b58f75-92a3-a19a-26f4-7b28c3108aff-6ac892e7 {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e6-6ac892e7 {
grid-area: 2 / 5 / 3 / 7;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e9-6ac892e7 {
grid-area: 1 / 7 / 3 / 11;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e53391f2-66c892ea {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e53391f8-66c892ea {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e53391fc-66c892ea {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e5339200-66c892ea {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e5339204-66c892ea {
grid-area: 2 / 4 / 3 / 5;
}
#w-node-_95f5340d-9ee0-80bc-a742-cd93e1a70eaa-40c892eb, #w-node-d6ebdfca-beee-fdfe-f79e-89af89da93c8-40c892eb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_629f58b6-f247-f4df-001b-cdc400322b74-18c892ef {
grid-area: 1 / 1 / 3 / 5;
}
#w-node-_629f58b6-f247-f4df-001b-cdc400322b6a-18c892ef {
grid-area: 1 / 5 / 2 / 7;
}
#w-node-_4bf0c7b7-7358-5881-f81e-ed7b8d1350d8-18c892ef {
grid-area: 2 / 5 / 3 / 7;
}
#w-node-_1fd65187-0ae7-b9a8-155a-28e33b0d5614-18c892ef {
grid-area: 2 / 7 / 3 / 9;
}
#w-node-_629f58b6-f247-f4df-001b-cdc400322b6f-18c892ef {
grid-area: 1 / 7 / 2 / 9;
}
#w-node-_079e4d60-4318-0ef1-1cc0-40567dd5a456-22c892f4, #w-node-_4c3b2770-979d-191c-dc72-4009a94e9502-22c892f4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8e22ec0c-79ed-aeb2-22be-7551e4f81597-27c892f5 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_8fceb0fb-2af6-c994-2d28-c0feccfacba5-27c892f5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_45520eea-064f-91ac-7d2c-dd92daef1c09-27c892f5, #w-node-e08b0b85-defe-f898-4e90-590ac57731ec-22c89322 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e08b0b85-defe-f898-4e90-590ac57731ed-22c89322, #w-node-dc82369b-66d5-ebf8-301f-514261d0c85f-22c89322 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c860-22c89322 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c866-22c89322 {
justify-self: end;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c86a-22c89322 {
grid-area: 1 / 6 / 2 / 7;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c871-22c89322 {
justify-self: end;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c875-22c89322 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c87c-22c89322 {
justify-self: end;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c880-22c89322 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c887-22c89322 {
justify-self: end;
}
#w-node-a11efede-4f27-0dc0-ae1e-ea5acd183fe9-b9c89326, #w-node-_26cdf50f-7ea7-c8f9-c81d-615ba515596f-b9c89326 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-ed5df685-8252-f364-73c6-7960f948c3a6-b9c89326 {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_4be08262-47fb-409a-fda3-35d4c476f3c7-b9c89326 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4be08262-47fb-409a-fda3-35d4c476f3c9-b9c89326 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4be08262-47fb-409a-fda3-35d4c476f3dc-b9c89326 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4be08262-47fb-409a-fda3-35d4c476f3ef-b9c89326 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_4be08262-47fb-409a-fda3-35d4c476f402-b9c89326 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-_677a6c35-cbe0-bc1d-f034-0898963d5652-83c50dea {
place-self: center;
}
#w-node-_677a6c35-cbe0-bc1d-f034-0898963d5655-83c50dea {
place-self: center end;
}
#w-node-afedc73f-5749-fe47-6c5e-7064a2fc7929-83c50dea {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-afedc73f-5749-fe47-6c5e-7064a2fc792a-83c50dea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-afedc73f-5749-fe47-6c5e-7064a2fc792c-83c50dea, #w-node-afedc73f-5749-fe47-6c5e-7064a2fc792e-83c50dea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-afedc73f-5749-fe47-6c5e-7064a2fc7930-83c50dea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-de1d046d-989e-d48c-35de-d4caf87faea6-f87fae8d {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-de1d046d-989e-d48c-35de-d4caf87faeaa-f87fae8d {
grid-area: 1 / 2 / 2 / 4;
place-self: stretch stretch;
}
#w-node-de1d046d-989e-d48c-35de-d4caf87faeb2-f87fae8d {
justify-self: stretch;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b6f-c3373f0d {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b70-c3373f0d {
grid-area: 1 / 3 / 2 / 5;
justify-self: start;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b78-c3373f0d {
grid-area: span 1 / span 2 / span 1 / span 2;
place-self: center start;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b79-c3373f0d {
place-self: start;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b7b-c3373f0d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b7e-c3373f0d {
place-self: end start;
}
#w-node-c548b91f-1d1f-d35d-a3f2-58754b39cabb-9cc4c7bb {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_54dafe68-73ba-6cd8-2cfd-35609f3c988b-9cc4c7bb {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_65b58f75-92a3-a19a-26f4-7b28c3108aff-9cc4c7bb {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e6-9cc4c7bb {
grid-area: 2 / 5 / 3 / 7;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e9-9cc4c7bb {
grid-area: 1 / 7 / 3 / 11;
}
#w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45304-9cc4c7bb {
grid-area: 1 / 1 / 3 / 5;
}
#w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45309-9cc4c7bb {
grid-area: 1 / 5 / 2 / 9;
}
#w-node-b53fbaba-d9b2-7dd7-94dd-79a316d4530e-9cc4c7bb {
grid-area: 1 / 9 / 2 / 11;
}
#w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45313-9cc4c7bb {
grid-area: 2 / 7 / 3 / 11;
}
#w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45318-9cc4c7bb {
grid-area: 2 / 5 / 3 / 7;
}
#w-node-_95f5340d-9ee0-80bc-a742-cd93e1a70eaa-253fd54b, #w-node-d6ebdfca-beee-fdfe-f79e-89af89da93c8-253fd54b, #w-node-d6ebdfca-beee-fdfe-f79e-89af89da93c8-fd2a4882, #w-node-_95f5340d-9ee0-80bc-a742-cd93e1a70eaa-66dad929, #w-node-d6ebdfca-beee-fdfe-f79e-89af89da93c8-66dad929 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (min-width: 1920px) {
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f0f-3ac892e4, #w-node-d890df3e-7f90-dcbc-1283-effba6a62f13-3ac892e4 {
align-self: start;
}
#w-node-a0e1114a-7ecd-15aa-f9c0-17d3e265e3aa-3ac892e4 {
justify-self: start;
}
}
@media screen and (min-width: 1440px) {
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f0f-3ac892e4, #w-node-d890df3e-7f90-dcbc-1283-effba6a62f10-3ac892e4, #w-node-d890df3e-7f90-dcbc-1283-effba6a62f13-3ac892e4 {
align-self: start;
}
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f1b-3ac892e4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-a0e1114a-7ecd-15aa-f9c0-17d3e265e3aa-3ac892e4 {
justify-self: start;
}
#w-node-_26a069de-2dd4-fff0-1bcb-7e8c04c5ca3d-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_25d6cda1-f680-d4b4-8729-4f602f56b5be-3ac892e4 {
justify-self: end;
}
#w-node-_6e24237f-8ae1-8163-9924-cce2211fecbc-3ac892e4, #w-node-_6e24237f-8ae1-8163-9924-cce2211fecbd-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6e24237f-8ae1-8163-9924-cce2211fecbf-3ac892e4, #w-node-_9b867cdb-278c-d9bf-754f-b5cb405b5304-3ac892e4 {
justify-self: end;
}
#w-node-d6df5d90-6538-f2f3-dcfc-391f97850746-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e08b0b85-defe-f898-4e90-590ac57731ec-22c89322 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e08b0b85-defe-f898-4e90-590ac57731ed-22c89322 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c866-22c89322 {
justify-self: end;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c86e-22c89322, #w-node-dc82369b-66d5-ebf8-301f-514261d0c86f-22c89322 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c887-22c89322 {
justify-self: end;
}
}
@media screen and (min-width: 1280px) {
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f0f-3ac892e4, #w-node-d890df3e-7f90-dcbc-1283-effba6a62f10-3ac892e4, #w-node-d890df3e-7f90-dcbc-1283-effba6a62f13-3ac892e4 {
align-self: start;
}
#w-node-b797b232-c289-c629-39eb-0dd7c0ba9dc4-3ac892e4 {
justify-self: start;
}
#w-node-ef0bf425-65a9-d991-6f11-dd587f26801e-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
}
@media screen and (max-width: 991px) {
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f0f-3ac892e4 {
grid-area: 1 / 1 / 2 / 2;
align-self: start;
}
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f1b-3ac892e4 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f1c-3ac892e4 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2eae39b8-13c7-c7f6-f185-d3f806850003-3ac892e4 {
order: 9999;
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_2eae39b8-13c7-c7f6-f185-d3f80685000c-3ac892e4 {
order: 9999;
grid-area: 3 / 1 / 4 / 2;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e3-6ac892e7, #w-node-_54dafe68-73ba-6cd8-2cfd-35609f3c988b-6ac892e7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_65b58f75-92a3-a19a-26f4-7b28c3108aff-6ac892e7 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e6-6ac892e7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e9-6ac892e7, #w-node-_629f58b6-f247-f4df-001b-cdc400322b74-18c892ef {
grid-area: 1 / 2 / 3 / 4;
}
#w-node-_629f58b6-f247-f4df-001b-cdc400322b6a-18c892ef, #w-node-_4bf0c7b7-7358-5881-f81e-ed7b8d1350d8-18c892ef, #w-node-_1fd65187-0ae7-b9a8-155a-28e33b0d5614-18c892ef, #w-node-_629f58b6-f247-f4df-001b-cdc400322b6f-18c892ef {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c86a-22c89322 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c875-22c89322 {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-dc82369b-66d5-ebf8-301f-514261d0c880-22c89322 {
grid-row-end: 2;
}
#w-node-_677a6c35-cbe0-bc1d-f034-0898963d5652-83c50dea {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_677a6c35-cbe0-bc1d-f034-0898963d5655-83c50dea {
justify-self: start;
}
#w-node-afedc73f-5749-fe47-6c5e-7064a2fc7929-83c50dea {
order: 9999;
grid-area: 2 / 1 / 3 / 2;
}
#w-node-afedc73f-5749-fe47-6c5e-7064a2fc7932-83c50dea {
order: 9999;
grid-area: 3 / 1 / 4 / 2;
}
#w-node-de1d046d-989e-d48c-35de-d4caf87faeaa-f87fae8d {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b70-c3373f0d {
grid-column-start: 1;
justify-self: stretch;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b78-c3373f0d {
grid-column: span 4 / span 4;
}
#w-node-c548b91f-1d1f-d35d-a3f2-58754b39cabb-9cc4c7bb, #w-node-_54dafe68-73ba-6cd8-2cfd-35609f3c988b-9cc4c7bb, #w-node-_65b58f75-92a3-a19a-26f4-7b28c3108aff-9cc4c7bb, #w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e6-9cc4c7bb, #w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e9-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45304-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45309-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d4530e-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45313-9cc4c7bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45318-9cc4c7bb {
grid-area: span 1 / span 3 / span 1 / span 3;
}
}
@media screen and (max-width: 767px) {
#w-node-_65b58f75-92a3-a19a-26f4-7b28c3108aff-6ac892e7 {
grid-column-end: 2;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e6-6ac892e7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e9-6ac892e7, #w-node-_629f58b6-f247-f4df-001b-cdc400322b74-18c892ef {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_629f58b6-f247-f4df-001b-cdc400322b6f-18c892ef, #w-node-dc82369b-66d5-ebf8-301f-514261d0c86a-22c89322, #w-node-dc82369b-66d5-ebf8-301f-514261d0c875-22c89322, #w-node-dc82369b-66d5-ebf8-301f-514261d0c880-22c89322 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_677a6c35-cbe0-bc1d-f034-0898963d5652-83c50dea {
grid-row: span 1 / span 1;
justify-self: center;
}
#w-node-_677a6c35-cbe0-bc1d-f034-0898963d5655-83c50dea {
justify-self: center;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b70-c3373f0d {
justify-self: stretch;
}
#w-node-_65b58f75-92a3-a19a-26f4-7b28c3108aff-9cc4c7bb {
grid-column: span 1 / span 1;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e6-9cc4c7bb, #w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e9-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45304-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d4530e-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45313-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45318-9cc4c7bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_05cf51e6-bede-3d17-53f1-e27f56b5c319-d0c892c6, #w-node-_3b2eb53c-94e3-f371-cb81-e56f9b9c8ffa-d0c892c6, #w-node-_0720d7a0-cf5b-66cf-720e-6a80cd7e76fa-d0c892c6, #w-node-_862e2afe-5e77-6191-5a5e-9f149b1de200-d0c892c6, #w-node-ecd31071-c5f9-9cdb-7d61-9c99835c26cb-d0c892c6, #w-node-e60b1565-a483-be4f-e8a9-275c84b04cad-d0c892c6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_93f0c092-2271-cd1f-19c8-2932dcfd0815-d0c892c6 {
grid-area: 8 / 1 / 9 / 3;
}
#w-node-_92f2e665-0cbd-a204-be3b-d670f1b3d522-d0c892c6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7301045f-c77d-57df-148d-f906dada65af-d0c892c6 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_7f26583e-911f-b613-0bfb-13d33e8ea943-d0c892c6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1025b0af-42b2-4484-2d22-1cc5a55da2bf-d0c892c6 {
grid-row-end: 2;
}
#w-node-_9a9edb2d-b311-07c8-cfaf-df464a277924-d0c892c6 {
grid-column-end: 5;
}
#w-node-bfdf5976-3954-6e54-bc20-4f956ea3ec45-d0c892c6 {
grid-column: 1 / 3;
}
#w-node-b7d990aa-e3bd-4f98-9e35-4a491b856894-d0c892c6 {
grid-column-start: 3;
}
#w-node-_92a34616-482b-f28b-a36d-35fedca70bba-01c892d7, #w-node-_2659fb81-3ad2-aafd-423a-cfbd2c4855dd-01c892d7, #w-node-_1e551580-2e67-abc6-3f7f-522cd62f5c16-01c892d7, #w-node-ad4e8fd3-82df-b811-388c-039cc54ac5cc-01c892d7, #w-node-_380708ad-6b4d-42d7-5e13-6ec535d9d0cc-01c892d7, #w-node-_760cc86c-0542-e597-a15b-3e64c493a766-01c892d7, #w-node-f97e4b2b-2860-f046-9ded-880cb6368f79-01c892d7, #w-node-_793b87f4-86eb-b7a5-35fb-633a7e221191-01c892d7, #w-node-_712658d7-adb0-b03f-e19f-3009d9d0e9eb-01c892d7, #w-node-ac1554c5-6d66-2a6c-7e30-b4f1b60cdeeb-01c892d7, #w-node-_2659fb81-3ad2-aafd-423a-cfbd2c4855dd-a7c892da, #w-node-_92a34616-482b-f28b-a36d-35fedca70bba-a7c892da, #w-node-_760cc86c-0542-e597-a15b-3e64c493a766-a7c892da, #w-node-_117dcbf0-9899-0cc8-6d96-5e5e51a5bee9-a7c892da, #w-node-_2fe6e6e8-51f1-9323-32d5-00f354326f2e-a7c892da, #w-node-ad4e8fd3-82df-b811-388c-039cc54ac5cc-a7c892da, #w-node-_380708ad-6b4d-42d7-5e13-6ec535d9d0cc-a7c892da, #w-node-_95cf7aae-df03-f0b5-f4fe-15ecaa8f7ed8-bec892db {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f0f-3ac892e4 {
grid-area: 1 / 1 / 2 / 2;
align-self: start;
}
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f10-3ac892e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-d890df3e-7f90-dcbc-1283-effba6a62f1c-3ac892e4 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2eae39b8-13c7-c7f6-f185-d3f806850003-3ac892e4 {
order: 9999;
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_2eae39b8-13c7-c7f6-f185-d3f80685000c-3ac892e4 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-bb0f3229-fd4a-3f78-a414-8d08a5873adc-6ac892e7 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_9f65bccb-c9e4-488c-df33-d4af617f2a34-6ac892e7 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-ac3ce138-ba96-e723-d7ae-4a2309316b9a-6ac892e7, #w-node-b76f59bc-60b9-8f6b-385f-87012cf3aee9-6ac892e7, #w-node-e5e6ceca-6699-42b7-0130-f00876954eaa-6ac892e7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fcab4d4b-13eb-4a0b-1da8-f8e72fedc626-6ac892e7, #w-node-c00e03a9-2449-7c05-1631-d2adc3258c24-6ac892e7, #w-node-_656b79e8-dd51-5214-9cde-abd61395d95e-6ac892e7 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_360d6194-5dfb-5d2c-99a7-50381f835d4a-6ac892e7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3dc7306b-670b-95df-2262-a41dc2eea6ab-6ac892e7 {
grid-area: 5 / 1 / 6 / 3;
}
#w-node-_65b58f75-92a3-a19a-26f4-7b28c3108aff-6ac892e7 {
grid-column-end: 2;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e6-6ac892e7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e9-6ac892e7 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_3b2eb53c-94e3-f371-cb81-e56f9b9c8ffa-66c892ea, #w-node-_05cf51e6-bede-3d17-53f1-e27f56b5c319-66c892ea, #w-node-_0720d7a0-cf5b-66cf-720e-6a80cd7e76fa-66c892ea, #w-node-_862e2afe-5e77-6191-5a5e-9f149b1de200-66c892ea, #w-node-e60b1565-a483-be4f-e8a9-275c84b04cad-66c892ea, #w-node-_93f0c092-2271-cd1f-19c8-2932dcfd0815-66c892ea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7301045f-c77d-57df-148d-f906dada65af-66c892ea {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_7f26583e-911f-b613-0bfb-13d33e8ea943-66c892ea {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e53391f2-66c892ea {
grid-row-end: 2;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e53391f8-66c892ea {
grid-column-end: 5;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e5339200-66c892ea {
grid-column: 1 / 3;
}
#w-node-d907f37e-e073-c057-3f5a-aeb1e5339204-66c892ea {
grid-column-start: 3;
}
#w-node-a69570a2-5398-f366-cd69-9bde53608701-40c892eb, #w-node-dbed1d8c-0ef9-2ce5-8a86-99205663e927-40c892eb, #w-node-ba6e3084-1eed-5aa1-efb4-9e8db294e613-40c892eb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_95f5340d-9ee0-80bc-a742-cd93e1a70eaa-40c892eb {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-f7bb1d0b-327e-5c1c-fb3b-4ee9998fe22f-40c892eb, #w-node-d6ebdfca-beee-fdfe-f79e-89af89da93c8-40c892eb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_629f58b6-f247-f4df-001b-cdc400322b74-18c892ef {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_629f58b6-f247-f4df-001b-cdc400322b6f-18c892ef {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1118f83a-361a-9197-9565-0a9f28887024-22c892f4, #w-node-_41194f7d-3008-6103-e586-03594bb7dd83-22c892f4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_18e2afa8-3ea9-474a-5533-01926292a072-22c892f4 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-a9ac980f-f4a3-fb92-bad3-3cb36636c370-22c892f4, #w-node-_63741664-687f-033c-2a69-1e39006489b6-22c892f4, #w-node-_9f4a53eb-894d-2972-d710-8b6098aadd9a-22c892f4, #w-node-ba707de8-0552-7224-b10d-2db511181f91-22c892f4, #w-node-_40d938a0-3f7d-09e9-2e8c-8aad59b9fd7f-22c892f4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_079e4d60-4318-0ef1-1cc0-40567dd5a456-22c892f4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_5ed775df-95d4-30e5-4de4-d3204eac7a46-22c892f4, #w-node-fcbe0a51-5918-1359-43e0-e8309b1350d7-22c892f4, #w-node-c34532f4-3cad-d127-8d89-47de010167a4-22c892f4, #w-node-_28b863a5-eadb-6d02-7803-acf8e84f122d-22c892f4, #w-node-bd5df921-1a97-d288-d5cd-d599320c60ae-22c892f4, #w-node-bf2c6478-91be-e7ff-e8f4-34dfcb605815-22c892f4, #w-node-fdc6ff03-a180-bcb4-580f-13c8e88a8af7-22c892f4, #w-node-_6c21770a-b420-7af2-73f8-34b9a3ff380b-22c892f4, #w-node-da305ac3-3b3b-2139-13e3-5dbe8210ba6f-22c892f4, #w-node-_79cac23b-91bc-e623-b645-7fd12613b7ac-22c892f4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6f33b56b-0490-ce10-745e-f58bede71250-22c892f4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-b6bc1c33-fcac-68c5-3862-2f19287f6fd3-22c892f4, #w-node-_203ad64d-4005-69a9-e1f2-79b28115c5f0-22c892f4, #w-node-_3a49a1b3-181d-b382-1a62-2d67b4768932-22c892f4, #w-node-_9a1b52f4-f334-d76e-038b-ca9e3a29551a-22c892f4, #w-node-_281df652-039e-0700-be19-65a0a35a5c5f-22c892f4, #w-node-_833009c5-e51e-4081-07f3-91862f7e43a9-22c892f4, #w-node-_03ca85e1-c627-adca-ea25-2f10e13bf34f-22c892f4, #w-node-_455e904b-176a-ee41-8eac-b9e704692120-22c892f4, #w-node-_0045bc8a-e21e-d229-5984-8e5437a25fc2-22c892f4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4c3b2770-979d-191c-dc72-4009a94e9502-22c892f4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-e35c9541-07ab-0674-524f-67bfdebf399c-22c892f4, #w-node-_59641240-849f-317f-b23b-b7d7ecc1a3d8-22c892f4, #w-node-_4f8cc5de-4c9d-c43d-e628-f2e2dd1df922-22c892f4, #w-node-fbe8e571-7f09-8eb8-12ad-a7dfb4abd393-22c892f4, #w-node-e35c9541-07ab-0674-524f-67bfdebf39b3-22c892f4, #w-node-e35c9541-07ab-0674-524f-67bfdebf39a7-22c892f4, #w-node-e35c9541-07ab-0674-524f-67bfdebf39be-22c892f4, #w-node-_984d8dff-256c-d14d-7b8c-4d5f82ee89b7-72c892f6, #w-node-_142d2f7a-ebb2-2583-9e44-7771126e5d5f-72c892f6, #w-node-c4d25792-a7bb-bb8b-fd0f-2ea04101e941-72c892f6, #w-node-ff5891e4-ac67-238f-963b-1fe0499e1f65-72c892f6, #w-node-_8660dd28-626c-a3e2-3b18-cda01729d301-72c892f6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-de1d046d-989e-d48c-35de-d4caf87fae91-f87fae8d {
place-self: center;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b70-c3373f0d {
grid-column-end: 2;
}
#w-node-_9e47d326-6333-a3e0-8ad0-2027e99b7b78-c3373f0d {
grid-column: span 1 / span 1;
}
#w-node-_65b58f75-92a3-a19a-26f4-7b28c3108aff-9cc4c7bb {
grid-column-end: 2;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e6-9cc4c7bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca09328a-ec4f-2023-3bad-94c7cf3721e9-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45304-9cc4c7bb {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b53fbaba-d9b2-7dd7-94dd-79a316d4530e-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45313-9cc4c7bb, #w-node-b53fbaba-d9b2-7dd7-94dd-79a316d45318-9cc4c7bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ba6e3084-1eed-5aa1-efb4-9e8db294e613-253fd54b, #w-node-ede33cb1-a8e9-02f2-0448-ad01cd4f5506-253fd54b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_95f5340d-9ee0-80bc-a742-cd93e1a70eaa-253fd54b {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-f7bb1d0b-327e-5c1c-fb3b-4ee9998fe22f-253fd54b, #w-node-d6ebdfca-beee-fdfe-f79e-89af89da93c8-253fd54b, #w-node-_28d812cd-43e5-e62b-632b-84990461c514-253fd54b, #w-node-ede33cb1-a8e9-02f2-0448-ad01cd4f5506-fd2a4882, #w-node-ba6e3084-1eed-5aa1-efb4-9e8db294e613-fd2a4882, #w-node-f7bb1d0b-327e-5c1c-fb3b-4ee9998fe22f-fd2a4882, #w-node-d6ebdfca-beee-fdfe-f79e-89af89da93c8-fd2a4882, #w-node-ba6e3084-1eed-5aa1-efb4-9e8db294e613-d063d606, #w-node-_8d62a321-72ba-9b0a-f803-1362763324ab-d063d606, #w-node-_9667112b-e7f8-2f3e-d1c9-f3348e6d575f-d063d606, #w-node-ff97b7b3-13a4-c83b-5d01-58508b9fbfa2-d063d606, #w-node-_2bb38da7-6919-fe91-b394-0fec705c9e33-d063d606, #w-node-_29936331-ecc3-94e1-d7c2-e0c31938d87b-84412745, #w-node-ba6e3084-1eed-5aa1-efb4-9e8db294e613-84412745, #w-node-_498ff784-f935-2035-f752-f0c9f26f687f-84412745, #w-node-_81701384-8ce0-6529-f759-ee866c3bad11-84412745, #w-node-bc942589-5d1d-4843-414a-dbc60b576a06-84412745, #w-node-_2e777b35-d386-c451-f829-aa0b6b2ce06c-84412745, #w-node-ede33cb1-a8e9-02f2-0448-ad01cd4f5506-66dad929, #w-node-ba6e3084-1eed-5aa1-efb4-9e8db294e613-66dad929 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_95f5340d-9ee0-80bc-a742-cd93e1a70eaa-66dad929 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-f7bb1d0b-327e-5c1c-fb3b-4ee9998fe22f-66dad929, #w-node-d6ebdfca-beee-fdfe-f79e-89af89da93c8-66dad929, #w-node-_29936331-ecc3-94e1-d7c2-e0c31938d87b-f72a610a, #w-node-ba6e3084-1eed-5aa1-efb4-9e8db294e613-f72a610a, #w-node-_498ff784-f935-2035-f752-f0c9f26f687f-f72a610a, #w-node-_81701384-8ce0-6529-f759-ee866c3bad11-f72a610a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}