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: Simply rounded;
src: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633de1069ee8ae36a6a74340_Simply%20Rounded%20Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Simply rounded;
src: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633de106b3658e2f25899c0b_Simply%20Rounded.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Prototype;
src: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633de13367f5ee66279b4224_Prototype.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Minecraft;
src: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633de1b18618929c5a63a4e7_Minecraft.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Minecraftia;
src: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633deb7b060f7fad7d010d7b_Minecraftia-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Kredit front;
src: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6356f00e31bcd87084b335f3_kredit%20front.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Joystix monospace;
src: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63584fac14711cc1c59b3161_joystix%20monospace.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--burntsienna\: #cb7f65;
--black: #020016;
--white: #ececec;
--navajo-white\: #ffcc8d;
--purple: #531431;
--linen: #f2e5d9;
--dark-slate-blue: #373947;
--dark-salmon: #e4b3a3;
--midnight-blue: #2f122e;
--rosy-brown: #a07769;
--white-smoke: #ececec;
--silver: #bfbfbf;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartopenlinkicon {
margin-right: 8px;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040;
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecartquantity::placeholder {
color: #999;
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex;
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex;
}
.w-commerce-commercecartordervalue {
font-weight: 700;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px;
}
.w-users-userformpagewrap {
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: 340px;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.w-users-userformheader {
text-align: center;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutdiscounts {
background-color: #fff;
border: 1px solid #e6e6e6;
flex-wrap: wrap;
padding: 20px;
display: flex;
}
.w-commerce-commercecheckoutdiscountsinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
flex: 1;
width: auto;
min-width: 0;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutdiscountsinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutdiscountsinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutdiscountsbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
flex-grow: 0;
flex-shrink: 0;
align-items: center;
height: 38px;
margin-left: 8px;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceaddtocartform {
margin: 0 0 15px;
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom: 10px;
display: flex;
}
.w-commerce-commerceaddtocartoptionpill {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
margin-right: 10px;
padding: 8px 15px;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color: #fff;
background-color: #000;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartquantityinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color: #999;
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commerceaddtocartbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
margin-top: 10px;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
}
.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-users-userloginformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformbutton {
text-align: center;
width: 100%;
}
.w-users-userformfooter {
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.w-users-userformerrorstate {
margin-left: 20px;
margin-right: 20px;
position: absolute;
top: 100%;
left: 0%;
right: 0%;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper, .w-commerce-commercedownloadswrapper {
margin-bottom: 20px;
}
.w-commerce-commercedownloadslist {
margin-bottom: -20px;
}
.w-commerce-commercedownloadsitem {
grid-column-gap: 16px;
grid-template-columns: 1fr max-content;
align-items: center;
margin-bottom: 20px;
display: grid;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.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-users-userresetpasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformsuccessstate {
display: none;
}
.w-users-usersignupformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.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;
}
.w-users-usersignupverificationmessage {
display: none;
}
.w-users-userupdatepasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-useraccountwrapper {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-users-blockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-users-blockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
margin-bottom: 20px;
padding: 20px;
}
.w-users-useraccountformsavebutton {
text-align: center;
margin-right: 8px;
}
.w-users-useraccountformcancelbutton {
text-align: center;
color: #333;
background-color: #d3d3d3;
}
.w-users-useraccountsubscriptionlist {
-webkit-overflow-scrolling: touch;
flex: 1;
overflow: auto;
}
.w-users-useraccountsubscriptionlistitem {
align-items: flex-start;
display: flex;
}
.w-users-gridrow {
grid-column-gap: 8px;
grid-template-columns: auto auto;
justify-content: flex-start;
display: grid;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
@media screen and (max-width: 767px) {
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0;
}
.w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput, .w-commerce-commerceaddtocartquantityinput {
font-size: 16px;
}
}
h1 {
color: var(--burntsienna\);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 16px;
font-size: 4rem;
font-weight: 600;
line-height: 1;
}
h2 {
color: #fff;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-color: #fff;
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 700;
line-height: .9;
}
h3 {
color: var(--burntsienna\);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 600;
line-height: 30px;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
p {
color: #fff;
margin-bottom: 0;
font-family: Prototype, sans-serif;
font-size: .6rem;
}
img {
max-width: 100%;
display: inline-block;
position: relative;
}
.yomikoji-body {
color: #fff;
background-color: #000;
height: auto;
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 1.4;
display: block;
overflow: visible;
}
.yomikoji-section {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.hero {
z-index: 1;
text-align: center;
background-color: #000;
background-image: radial-gradient(circle at 0%, #df87ff1c, #54ff9824), linear-gradient(#0095ff, #3beeff 18%, #e2f6ff 46%, #e1ff00 80%);
flex-direction: column;
justify-content: center;
align-items: center;
width: 1430px;
max-width: 1920px;
height: 800px;
max-height: 1070px;
display: none;
position: relative;
overflow: visible;
}
.grass {
z-index: -2;
background-color: #8b656500;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.green-hill {
z-index: -7;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.yomikoji-shop-and-co {
z-index: 0;
width: 100%;
max-width: 1920px;
height: 100%;
max-height: 1070px;
display: block;
position: absolute;
left: 0%;
right: 0%;
}
.lac {
z-index: -9;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.montain2 {
z-index: -18;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.montain1 {
z-index: -10;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.cloud1 {
z-index: -20;
width: 60%;
max-width: 1920px;
height: 60%;
display: block;
position: absolute;
inset: 0% 0% 0% -17%;
}
.button__magnetic-link {
z-index: 100;
color: #333;
border: 1px solid #ddd;
border-radius: 5px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.cave {
z-index: 0;
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1430px;
max-width: 1920px;
height: 800px;
max-height: 1070px;
padding-bottom: 0;
display: none;
position: relative;
}
.navbar-2 {
z-index: 57;
background-color: #23232300;
background-image: linear-gradient(#00000057, #fff0);
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-family: Simply rounded, sans-serif;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.brand {
transform-style: preserve-3d;
flex: 1;
align-items: center;
margin-right: 0;
display: flex;
}
.brand.w--current {
align-items: center;
}
.utility-page-wrap {
color: #afafaf;
background-color: #000;
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;
width: 300px;
display: flex;
}
.timeline_quote-text-wrapper {
flex: 1;
}
.page-wrapper {
z-index: 0;
position: relative;
}
.timeline_quote {
color: #fff;
margin-bottom: 16px;
font-family: Exo, sans-serif;
font-size: 14px;
}
.timeline_quote-image {
border-radius: 8px;
width: 48px;
height: 48px;
margin-right: 24px;
}
.timeline_date-text {
color: #fff;
letter-spacing: -.03em;
font-family: Exo, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 1.2;
position: sticky;
top: 50vh;
}
.link-icon {
width: 20px;
height: 20px;
margin-left: 8px;
}
.section-hero {
position: relative;
}
.timeline_link {
opacity: .6;
color: #fff;
letter-spacing: .8px;
text-transform: uppercase;
border-radius: 8px;
align-items: center;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
transition: opacity .3s;
display: flex;
}
.timeline_link:hover {
opacity: 1;
}
.timeline_quote-wrapper {
border: 2px solid #fff;
border-radius: 16px;
align-items: flex-start;
padding: 24px;
display: flex;
}
.timeline_image-wrapper {
color: #dfdfdf;
background-image: linear-gradient(138deg, #000, #0000 28%);
border-radius: 12px;
margin-bottom: 10px;
font-family: Exo, sans-serif;
font-size: 1rem;
overflow: hidden;
}
.timeline_image-wrapper.margin-bottom-medium {
background-image: none;
font-family: Exo, sans-serif;
}
.inline-block {
display: inline-block;
}
.timeline_circle {
background-color: #fff;
border-radius: 100%;
width: 15px;
min-width: 15px;
max-width: 15px;
height: 15px;
min-height: 15px;
max-height: 15px;
position: sticky;
top: 50vh;
box-shadow: 0 0 0 8px #0a0a0a;
}
.overlay-fade-top {
background-image: linear-gradient(#000, #0a0a0a00);
height: 80px;
position: absolute;
inset: 0% 0% auto;
}
.margin-bottom-medium {
margin-bottom: 32px;
}
.section-footer {
position: relative;
}
.overlay-fade-bottom {
background-image: linear-gradient(to top, #000, #0a0a0a00);
height: 80px;
position: absolute;
inset: auto 0% 0%;
}
.timeline_left {
text-align: right;
justify-content: flex-end;
align-items: stretch;
}
.margin-bottom-xlarge {
margin-bottom: 56px;
}
.timeline_text {
color: #fff;
text-transform: none;
background-color: #0000;
font-family: Exo, sans-serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
}
.timeline_centre {
justify-content: center;
display: flex;
}
.timeline_quote-title {
color: #fff;
font-family: Exo, sans-serif;
font-size: 14px;
font-weight: 500;
}
.button-inverted {
color: #0bf;
letter-spacing: 0;
text-transform: uppercase;
background-color: #0bf;
border: 2px #fff;
border-radius: 8px;
padding: 14px 32px;
font-family: Exo, sans-serif;
font-weight: 700;
line-height: 20px;
transition: transform .2s;
box-shadow: 0 1px 1px 2px #006495;
}
.button-inverted:hover {
background-color: #2fc7ff;
transform: scale(1.02);
box-shadow: 0 1px 1px 2px #006495;
}
.button-inverted:active {
box-shadow: none;
transform: scale(.95);
}
.section-timeline-cta-2 {
background-color: #000;
}
.timeline_component-2 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.padding-vertical-xlarge {
padding-top: 120px;
padding-bottom: 120px;
}
.timeline_milestone-badge {
color: #161616;
letter-spacing: .05em;
text-transform: uppercase;
background-color: #fff;
border-radius: 8px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
padding: 8px 13px;
font-size: 14px;
font-weight: 700;
line-height: 12px;
display: inline-block;
}
.timeline-main_heading-wrapper {
color: #fff;
text-align: center;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.timeline_item-2 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fc0000;
grid-template-rows: auto;
grid-template-columns: 1fr 180px 1fr;
grid-auto-columns: 1fr;
padding-top: 80px;
padding-bottom: 80px;
display: grid;
position: relative;
}
.section-timeline-heading-2 {
background-color: #000;
}
.container {
border: 1px #000;
width: 90vw;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
}
.container:hover, .container:focus-visible, .container[data-wf-focus-visible] {
border-style: none;
}
.section-timeline-2 {
z-index: -3;
color: #9c9c9c;
background-color: #000;
position: relative;
}
.timeline_progress-2 {
z-index: -2;
background-color: #414141;
width: 3px;
height: 100%;
position: absolute;
}
.timeline_progress-bar-2 {
z-index: -1;
background-color: #fff;
background-image: linear-gradient(#000, #662626 54%, #a947b8 98%);
width: 3px;
height: 50vh;
position: fixed;
inset: 0 auto 50vh;
}
.heading-15 {
color: #f2f2f2;
background-color: #fff;
background-image: none;
margin-top: 163px;
font-family: Simply rounded, sans-serif;
font-size: 3rem;
}
.container-4 {
z-index: 100;
justify-content: center;
width: 1140px;
height: 60px;
margin-left: 60px;
margin-right: 60px;
display: flex;
position: relative;
}
.jouet-1 {
z-index: -1;
background-color: #0000;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.social__link {
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
margin: 8px;
font-family: "Fa brands 400";
font-size: 1.2rem;
text-decoration: none;
display: flex;
position: relative;
}
.nav-menu-2 {
justify-content: center;
align-self: center;
align-items: center;
font-family: Exo, sans-serif;
font-weight: 700;
display: flex;
}
.loader {
background-color: #fff3;
justify-content: center;
width: 50vw;
height: 2px;
display: none;
position: absolute;
overflow: visible;
}
.loader.tick {
background-color: #fff;
width: 0;
display: flex;
}
.yomikoji-intro-wrap {
z-index: 999999;
color: #9d4545;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
overflow: hidden;
}
.intro-bg {
z-index: -1;
background-color: #000;
width: 100%;
height: 150vh;
display: block;
position: absolute;
}
.body-6 {
background-color: #000;
}
.jouet-2 {
z-index: -2;
filter: brightness(125%);
background-color: #0000;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.div-block-67 {
z-index: 0;
opacity: 1;
color: #000000c4;
background-color: #1e608d00;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 60%;
height: 55%;
margin-bottom: 0;
display: flex;
position: absolute;
top: 135px;
}
.div-block-105 {
z-index: 10;
justify-content: center;
align-items: flex-start;
width: 900px;
height: 600px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 9% 0% 0%;
}
.text-block-39, .text-block-40, .text-block-41, .text-block-42 {
font-family: Exo, sans-serif;
}
.image-113 {
filter: brightness(120%);
}
.image-114 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbba97cfc41ed_Image%20Background.png");
background-position: 0 0;
background-size: auto;
}
.image-115 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbba97cfc41ed_Image%20Background.png");
background-position: 50%;
background-size: cover;
}
.text-block-43 {
color: #fff;
font-family: Exo, sans-serif;
font-size: 1rem;
}
.jouet-3 {
z-index: -3;
filter: brightness(125%);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.coline {
z-index: -5;
color: #fff0;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.heading-21 {
color: #fff;
flex: 0 auto;
margin-top: 140px;
font-family: Simply rounded, sans-serif;
font-size: 2rem;
}
.paragraph-5 {
color: #c4c4c4;
margin-top: 20px;
font-family: Exo, sans-serif;
font-size: 16px;
}
.women-body {
background-color: #000;
}
.women-1st-plan {
z-index: 6;
background-image: radial-gradient(circle, #fff0, #f2f2f20a 56%, #000 80%);
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-478 {
justify-content: center;
align-items: center;
width: 100%;
height: 1000px;
margin-top: 0;
margin-bottom: 0;
display: none;
}
.div-block-479 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 50%;
height: auto;
display: flex;
}
.heading-29 {
color: #fffaf8;
text-align: center;
margin-top: 20px;
margin-bottom: 5px;
font-family: Simply rounded, sans-serif;
font-size: 3rem;
}
.faq-icon.noselect {
width: 20px;
height: 20px;
}
.faq-question-wrap {
margin-bottom: 20px;
}
.faq-question-wrap._2 {
display: none;
}
.faq-question-wrap._3 {
display: block;
}
.faq-question-wrap._9, .faq-question-wrap._12 {
display: none;
}
.paragraph-7 {
color: #b8b8b8;
margin-bottom: 0;
margin-left: 25px;
margin-right: 25px;
padding-top: 16px;
padding-bottom: 16px;
font-family: Exo, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.faq-content {
overflow: hidden;
}
.column {
width: 100%;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.column._1 {
display: block;
}
.faq-h3 {
color: #3d5169;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
}
.faq-h3.noselect {
color: #fff;
font-family: Exo, sans-serif;
font-size: 18px;
font-weight: 600;
}
.faq-circle {
border: 1px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-top: 0;
margin-right: 30px;
padding-top: 0;
padding-left: 0;
display: flex;
}
.faq {
cursor: pointer;
border: 1.3px solid #fff;
border-radius: 10px;
justify-content: space-between;
align-items: center;
width: 100%;
min-width: 400px;
min-height: 80px;
padding: 10px 30px;
transition: all .2s;
display: flex;
}
.faq:hover {
box-shadow: 0 1px 13px #3d516929;
}
.image-149 {
width: 62%;
height: 10px;
margin-top: 0;
margin-bottom: 40px;
}
.image-150 {
width: 62.0024%;
height: 10px;
margin-top: 0;
margin-bottom: 40px;
}
.image-151 {
width: 62%;
height: 10px;
margin-top: 5px;
margin-bottom: 40px;
}
.image-153 {
width: 50px;
height: 50px;
display: none;
position: relative;
right: auto;
}
.game-boy {
z-index: 4;
background-color: #6b222200;
width: 100%;
max-width: 100%;
height: 100%;
display: inline-block;
position: absolute;
inset: 0% 0% 0% auto;
}
.image-165 {
width: 60%;
max-width: 60%;
height: 15px;
}
.div-block-510 {
z-index: -2;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64ddc8c30e56ffe621aa9d66_Intro%20(1)%20(1)%20(1)%20(1).png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 180vh;
position: absolute;
top: 545.167px;
}
.body-8 {
background-color: #000;
}
.heading-31 {
color: #fff;
font-family: Exo, sans-serif;
}
.question {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 40%;
height: 100vh;
margin-bottom: 140px;
display: flex;
}
.body-9 {
background-color: #000;
overflow: visible;
}
.div-block-516 {
flex-direction: column;
align-items: center;
width: 21.7009%;
margin-top: 60px;
margin-bottom: 100px;
display: flex;
}
.text-span-21 {
color: #fff;
font-size: 14px;
}
.text-span-22 {
color: #f1ff58;
background-color: #0000;
}
.text-span-24 {
color: #8458ad;
background-color: #0000;
}
.text-span-25 {
color: #9858ff;
}
.text-span-26 {
color: #ffae00;
background-color: #ffa60000;
}
.text-span-27 {
color: #ff474a;
}
.text-span-28 {
color: #baff53;
}
.text-span-29 {
color: #00ff48;
}
.text-span-30 {
color: #f1ff58;
}
.text-span-31 {
color: #00d4ff;
}
.text-span-32 {
color: #8458ad;
}
.text-span-33 {
color: #9858ff;
}
.text-span-34 {
color: #ffae00;
}
.text-span-36 {
color: #baff53;
}
.field-label-10, .field-label-11 {
color: #dfdfdf;
font-family: Exo, sans-serif;
}
.text-field-9 {
color: #a1a1a1;
background-color: #fff;
border: 1px solid #000;
border-radius: 10px;
height: 50px;
margin-bottom: 20px;
font-family: Exo, sans-serif;
box-shadow: inset 1px 1px 4px #1b1b1b;
}
.text-field-10 {
border: 1px solid #000;
border-radius: 10px;
height: 50px;
margin-bottom: 20px;
font-family: Exo, sans-serif;
box-shadow: inset 1px 1px 4px #1b1b1b;
}
.textarea {
border: 1px solid #000;
border-radius: 10px;
height: 400px;
min-height: 200px;
margin-bottom: 20px;
font-family: Exo, sans-serif;
box-shadow: inset 1px 1px 4px #1b1b1b;
}
.form-4 {
width: 99.9998%;
height: 400px;
}
.submit-button-5 {
background-color: #a13dff;
border-radius: 10px;
width: 120px;
height: 50px;
font-family: Exo, sans-serif;
font-size: 18px;
font-weight: 700;
box-shadow: 2px 2px 1px 2px #5700c0;
}
.submit-button-5:hover {
background-color: #a05dff;
transform: scale(1.02);
}
.submit-button-5:active {
transform: scale(.95);
}
.wrapper-face {
flex-direction: column;
justify-content: flex-end;
align-items: center;
margin-bottom: -35px;
display: flex;
}
.button-f {
z-index: 0;
color: #fff;
background-color: #000000f0;
background-image: linear-gradient(to right, #30f 36%, #fff 36% 68%, red 68%);
border: 5px solid #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 180px;
height: 65px;
display: flex;
position: relative;
box-shadow: inset 4px 4px 10px #0000002b;
}
.text-block-76 {
text-shadow: 0 2px 4px #00000082;
font-family: Simply rounded, sans-serif;
font-size: 30px;
font-weight: 900;
line-height: 20px;
}
.body-button-null {
width: 200px;
height: 20px;
margin-top: -40px;
}
.button-base {
background-color: #a3c5cc;
border-radius: 20px;
width: 180px;
height: 65px;
box-shadow: 0 0 20px -2px #1161ec;
}
.wrapper-button {
cursor: pointer;
flex-direction: column;
justify-content: flex-end;
align-items: center;
transition: filter .1s;
display: flex;
position: relative;
top: 30px;
}
.wrapper-button:hover {
filter: saturate(200%);
}
.wrapper-button:active {
filter: contrast(150%) saturate(200%);
}
.div-block-567 {
margin-top: 100px;
}
.image-172 {
z-index: 1;
opacity: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.ciseaux {
z-index: 1;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
inset: auto 0% 0% 0;
}
.women-chambre-2 {
z-index: 2;
opacity: 1;
background-image: radial-gradient(circle, #fff0, #000);
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
top: -10px;
left: 0%;
right: 0%;
}
.boule-mist-re {
z-index: 5;
opacity: 1;
background-color: #c3151500;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
}
._1er-plan {
z-index: 3;
width: 100%;
height: 100%;
position: absolute;
}
.tnt1, .castle {
z-index: 2;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
}
._2ndplan {
z-index: 1;
width: 100%;
height: 100%;
display: block;
position: absolute;
}
.dune-plage, .sun-plage {
z-index: 3;
height: 100%;
display: inline-block;
position: absolute;
inset: 0%;
}
.back-ground-sable {
z-index: 2;
opacity: 1;
height: 100%;
display: inline-block;
position: absolute;
inset: 0%;
}
.ask-us-any-thing {
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
}
.plage-plan-1 {
z-index: 6;
height: 100%;
display: inline-block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-573 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 70%;
margin-top: 110px;
display: flex;
}
.div-block-574 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 70%;
margin-top: 100px;
display: flex;
}
.div-block-575 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 70%;
display: flex;
}
.jda-b-wrap-1 {
flex-direction: row;
flex: 0 auto;
justify-content: space-between;
align-items: flex-start;
width: 12%;
min-width: 12%;
display: flex;
}
.jda-a-wrap-1 {
flex: 0 48%;
min-width: 80%;
}
.jda-a-grid-1 {
grid-column-gap: 1em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
font-family: Exo, sans-serif;
display: grid;
}
.jda-container-1 {
width: 100%;
max-width: 100em;
margin-left: auto;
margin-right: auto;
}
.jda-section-1 {
z-index: 30;
color: #502b2b;
background-color: #000;
width: 100%;
margin-top: 0;
padding: 5%;
font-size: 1vw;
position: relative;
inset: auto 0% 0%;
}
.jda-wrap-1 {
border-bottom: 3px solid #fff;
justify-content: space-between;
width: 100%;
padding-bottom: 40px;
display: flex;
}
.jda-b-pic-1 {
color: #883838;
background-color: #f9f9f900;
border: 1px #fff;
border-radius: 0;
max-width: 80%;
top: 0;
}
.jda-b-icon-1 {
cursor: pointer;
width: 22px;
max-width: 22px;
height: 20px;
transition: transform .25s;
display: block;
}
.jda-b-icon-1:hover {
transform: scale(1.2);
}
.jda-b-icon-1.telegram {
width: 20px;
}
.jda-b-icon-1.youtube {
width: 24px;
max-width: 24px;
height: 26px;
}
.jda-b-icon-1.tiktok, .jda-b-icon-1.instagram {
width: 20px;
}
.jda-b-icon-1.twitter {
width: 20px;
max-width: 20px;
}
.jda-b-icon-1.etsy, .jda-b-icon-1.pinterest {
width: 20px;
}
.jda-b-icon-1.reddit {
width: 20px;
display: block;
}
.jda-b-wrap-2 {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.jda-a-heading-1 {
color: red;
background-color: #fff;
background-image: none;
width: 90%;
margin-top: 0;
margin-bottom: 15px;
font-family: Simply rounded, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 15px;
}
.jda-a-heading-1._1 {
color: #7c9c5f;
background-color: #c8ff0000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64ce2638885579ba1be0e291_e334a33e15abef9e42f95abdf3c26ddc.jpg");
background-position: 50%;
background-size: cover;
}
.jda-b-wrap-3 {
margin-right: 12px;
display: block;
}
.jda-b-wrap-3._3, .jda-b-wrap-3._1 {
margin-left: 6px;
margin-right: 6px;
display: none;
}
.jda-b-wrap-3._2 {
align-items: center;
margin-left: 6px;
margin-right: 6px;
display: flex;
}
.jda-b-wrap-3._4 {
align-items: center;
margin-left: 0;
margin-right: 6px;
display: flex;
}
.jda-b-wrap-3._5 {
align-items: center;
margin-left: 6px;
margin-right: 0;
display: flex;
}
.jda-b-wrap-3._6, .jda-b-wrap-3._7, .jda-b-wrap-3._8 {
margin-left: 6px;
margin-right: 6px;
display: none;
}
.jda-wrap-3 {
justify-content: space-between;
width: 100%;
height: 100%;
display: flex;
}
.jda-wrap-2 {
justify-content: space-between;
align-items: center;
padding-top: 10px;
font-family: Exo, sans-serif;
display: flex;
}
.jda-a-wrap-2 {
flex-direction: column;
justify-content: space-between;
width: 100%;
display: flex;
overflow: visible;
}
.jda-a-wrap-2._4 {
display: flex;
}
.jda-a-link-1 {
color: #a9a9a9;
cursor: pointer;
align-items: center;
margin-top: 10px;
font-size: 11px;
font-weight: 500;
line-height: 15px;
text-decoration: none;
display: flex;
}
.jda-a-link-1:hover {
color: #dedede;
text-decoration: none;
}
.jda-a-link-1._2 {
cursor: not-allowed;
}
.jda-a-link-1._3 {
cursor: pointer;
}
.image-187 {
z-index: 1;
height: 100%;
display: inline-block;
position: absolute;
inset: 0%;
}
.image-188 {
width: 100%;
height: 100%;
position: absolute;
}
.eye-container {
border-radius: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.pupil {
z-index: 2;
background-color: #40bbf8;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 33px;
height: 33px;
display: flex;
overflow: hidden;
}
.part-03 {
z-index: 10;
justify-content: center;
margin-top: -10px;
margin-bottom: 0;
display: flex;
position: relative;
}
.hair-container {
z-index: 0;
color: #958080;
justify-content: center;
min-width: 200px;
display: flex;
position: relative;
overflow: visible;
}
.eyebrow-02 {
background-color: #f2f2ed;
border: 3px solid #000;
border-radius: 100px;
width: 23px;
height: 11px;
margin-left: 20px;
margin-right: 20px;
}
.space-between-eyes {
width: 10px;
}
.heart-pupil {
z-index: 3;
width: 30px;
position: absolute;
}
.eye {
z-index: 2;
background-color: #fff;
border: 3px solid #f2f2ed;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
overflow: hidden;
}
.hair-overflow-hidden {
border-top-left-radius: 100px;
border-top-right-radius: 100px;
justify-content: center;
height: 25%;
display: flex;
overflow: hidden;
}
.face {
flex-direction: column;
justify-content: center;
align-self: center;
align-items: stretch;
display: flex;
position: absolute;
}
.nose {
background-color: #f2f2ed;
border: 3px solid #000;
border-radius: 100px;
width: 20px;
height: 15px;
}
.hair-01 {
z-index: -10;
background-color: #fff;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
width: 50%;
}
.hair-and-face {
border-radius: 100px;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.tongue {
background-color: #ed74ae;
border-radius: 100%;
width: 40px;
height: 40px;
margin-bottom: -40%;
}
.head-container {
border: 1px #8e6b6b;
justify-content: center;
align-items: center;
width: auto;
display: flex;
position: relative;
overflow: hidden;
}
.hear-container {
z-index: 10;
position: relative;
overflow: hidden;
}
.part-04 {
justify-content: center;
display: flex;
}
.teeth {
background-color: #f2f2ed;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
width: 100%;
height: 10px;
}
.part-01 {
z-index: 5;
justify-content: center;
margin-bottom: 7px;
display: flex;
position: relative;
}
.mouth {
background-color: #d32864;
border: 4px solid #f2f2ed;
border-radius: 100px 100px 200px 200px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 60px;
height: 32px;
display: flex;
overflow: hidden;
}
.left-hear {
background-color: #000;
border: 5px solid #f2f2ed;
border-right-width: 3px;
border-radius: 100px 10px 10px 100px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 25px;
height: 40px;
display: flex;
}
.container-11 {
border-radius: 5px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 20px;
margin-bottom: 30px;
display: flex;
position: relative;
}
.head {
background-color: #000;
border: 4px solid #f2f2ed;
border-radius: 100px 100px 70% 70%;
flex-direction: row;
justify-content: space-around;
align-items: flex-start;
width: 150px;
height: 200px;
display: flex;
position: relative;
overflow: hidden;
}
.eyebrow-01 {
background-color: #f2f2ed;
border: 3px solid #000;
border-radius: 100px;
width: 23px;
height: 11px;
margin-left: 20px;
margin-right: 20px;
}
.part-02 {
justify-content: center;
align-items: center;
height: 50px;
display: flex;
}
.hair-02 {
z-index: -10;
background-color: #fff;
border-radius: 0 0 100px 100px;
width: 50%;
}
.right-hear {
background-color: #000;
border: 5px solid #f2f2ed;
border-left-width: 3px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 25px;
height: 40px;
display: flex;
}
.text-span-38 {
color: #fff;
}
.text-span-39 {
color: #0bf;
}
.haire {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb85d4fc41d0_Calque%202.png");
background-position: 50%;
background-size: cover;
width: 225px;
min-width: 225px;
max-width: 225px;
height: 100%;
max-height: 100%;
position: absolute;
}
.div-block-586 {
background-color: #000;
border-radius: 100%;
justify-content: flex-end;
width: 80%;
height: 80%;
display: flex;
overflow: visible;
}
.div-block-587 {
background-color: #000;
border-radius: 50%;
justify-content: flex-end;
width: 80%;
height: 80%;
display: flex;
overflow: visible;
}
.div-block-589 {
background-color: #fff;
border-radius: 50%;
width: 20%;
height: 20%;
padding-top: 10px;
padding-right: 10px;
overflow: visible;
}
.cart-div {
flex-direction: row;
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.cart {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
flex: 0 auto;
align-self: auto;
height: 50%;
}
.cart-button-2 {
color: #fff;
background-color: #417bad00;
border: 1px #fff;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
height: 100%;
padding: 2px 10px;
font-size: 18px;
transition: transform .25s;
display: flex;
position: relative;
}
.cart-button-2:hover {
transform: scale(1.2);
}
.div-block-594 {
background-color: #121212;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
border: 2px solid #5e5e5e42;
border-radius: 5px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 0 5px 5px;
display: flex;
box-shadow: inset 0 2px 20px -20px #6d6fff33;
}
.castle-krakow {
z-index: -9;
width: 85%;
max-width: 1920px;
height: 85%;
display: block;
position: absolute;
bottom: 37px;
left: 24px;
}
.cave-premier-plan {
z-index: 6;
width: 100%;
max-width: 1920px;
height: 100%;
max-height: 1070px;
display: block;
position: static;
}
.icon-9 {
opacity: 1;
text-shadow: 14px 14px 20px #000;
background-color: #02001600;
border-radius: 0;
margin-right: 0;
}
.div-block-595 {
justify-content: center;
align-items: center;
width: 50%;
height: 20%;
margin-bottom: 20px;
display: flex;
}
.div-block-595._4 {
flex-flow: column;
margin-bottom: 0;
display: none;
}
.image-202 {
z-index: 4;
background-color: #0000;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.image-203 {
z-index: 6;
background-color: #783737;
width: 100%;
height: 100%;
display: block;
position: absolute;
}
.look-book-sieges {
z-index: 8;
width: 100%;
height: 100%;
display: block;
position: absolute;
}
.look-book-sieges._2 {
z-index: 9;
display: block;
}
.fond {
background-image: linear-gradient(356deg, #000, #173872);
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
}
.terre {
z-index: 1;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
}
.tabs-menu-product {
color: #080808;
background-color: #1b1b1b;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 40%;
height: 60px;
max-height: 55px;
margin-top: 60px;
margin-bottom: 20px;
padding: 5px 10px;
display: flex;
}
.tab-link-hat {
color: #fff;
background-color: #0000;
border: 1px #fff;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-hat.w--current {
outline-offset: 0px;
color: #fff;
background-color: #3d6b4d00;
border-style: none;
border-width: 1px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
outline: 3px #f30000;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
}
.tab-link-hat.w--current:hover, .tab-link-hat.w--current:active {
filter: none;
background-color: #43966000;
}
.tab-link-top {
color: #00b53f;
background-color: #0000;
border: 1px #fffdfd;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-top.w--current {
background-color: #00b53f00;
border-style: none;
height: 100%;
}
.tab-link-jacket {
color: #00b53f;
background-color: #0000;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-jacket.w--current {
background-color: #00b53f00;
}
.tab-link-pants {
background-color: #02001600;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-pants.w--current {
filter: none;
background-color: #00b53f00;
}
.tab-link-nts {
color: var(--black);
background-color: #0000;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: none;
}
.tab-link-nts.w--current {
filter: none;
color: #46815b;
background-color: #00b53f00;
border-color: #fff;
display: none;
}
.tab-link-nts.w--current:hover {
filter: none;
}
.tab-link-socks {
background-color: #02001600;
border: 1px snow;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: none;
}
.tab-link-socks:hover {
filter: none;
flex: 0 auto;
}
.tab-link-socks.w--current {
color: #00b53f;
background-color: #00b53f00;
}
.tab-link-shoes {
color: #00ff59;
background-color: #0000;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: none;
}
.tab-link-shoes.w--current {
background-color: #00b53f00;
}
.tab-link-back-pack {
background-color: #02001600;
border: 1px #fffdfd;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: none;
}
.tab-link-back-pack.w--current {
background-color: #00b53f00;
}
.image-208 {
z-index: 3;
width: 35px;
max-width: 100%;
height: 35px;
max-height: 100%;
}
.image-208:hover {
filter: none;
}
.image-209 {
width: 35px;
max-width: 100%;
height: 35px;
max-height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.image-210 {
width: 35px;
max-width: 100%;
height: 35px;
max-height: 100%;
}
.image-211, .image-212 {
width: 35px;
height: 35px;
}
.image-213 {
width: 35px;
height: 35px;
padding-top: 0;
padding-bottom: 0;
}
.image-214, .image-215 {
width: 35px;
height: 35px;
}
.div-block-598 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
position: absolute;
inset: 0%;
}
.slider-10 {
z-index: 7;
background-color: #fff0;
justify-content: center;
align-self: center;
align-items: center;
width: 31.4%;
height: 50px;
margin-bottom: 20px;
display: block;
position: relative;
}
.slide-nav-11 {
display: none;
}
.image-216 {
width: 50%;
height: 100%;
}
.slide-27 {
object-fit: contain;
}
.icon-12 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
}
.icon-12.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-13 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
}
.icon-13.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-16 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
}
.icon-16.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-17 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
}
.icon-17.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-18 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
}
.icon-18.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-19 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
}
.icon-19.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-20 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 700;
}
.icon-20.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-21 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 700;
}
.icon-21.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-22 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 700;
}
.icon-22.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-24 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
}
.icon-24.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-25 {
color: #fff;
text-shadow: 1px 1px 6px #fff;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
}
.icon-25.btn-dress {
color: #fff;
text-shadow: 1px 1px 6px #fff;
}
.icon-14-copy {
color: #fff;
text-shadow: 1px 0 6px #fff;
white-space: break-spaces;
font-family: Exo, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 900;
}
.icon-14-copy.btn-dress {
color: #fff;
text-shadow: 1px 0 6px #fff;
}
.button-20 {
-webkit-text-fill-color: transparent;
cursor: not-allowed;
background-color: #6887a300;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/667adb2aa2be3c71ab7ebe47_test%20bois%20(1)%20(1).png");
background-position: 0 0, 50%;
background-size: auto, cover;
-webkit-background-clip: text;
background-clip: text;
font-family: Simply rounded, sans-serif;
font-size: 23px;
font-weight: 700;
transition: transform .25s;
position: absolute;
}
.button-20:hover {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/667adb2aa2be3c71ab7ebe47_test%20bois%20(1)%20(1).png");
background-position: 50%;
background-size: cover;
}
.button-21 {
-webkit-text-fill-color: transparent;
cursor: not-allowed;
background-color: #3898ec00;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/667adb2aa2be3c71ab7ebe47_test%20bois%20(1)%20(1).png");
background-position: 0 0, 50%;
background-size: auto, cover;
-webkit-background-clip: text;
background-clip: text;
font-family: Simply rounded, sans-serif;
font-size: 24px;
font-weight: 700;
transition: transform .25s;
position: absolute;
}
.button-21:hover {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/667adb2aa2be3c71ab7ebe47_test%20bois%20(1)%20(1).png");
background-position: 50%;
background-size: cover;
}
.button-22 {
color: #000;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
cursor: pointer;
background-color: #3898ec00;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/667adb2aa2be3c71ab7ebe47_test%20bois%20(1)%20(1).png");
background-position: 0 0, 0 0;
background-size: auto, auto;
-webkit-background-clip: text;
background-clip: text;
justify-content: center;
align-items: center;
padding: 0;
font-family: Simply rounded, sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 700;
transition: transform .25s;
display: flex;
position: absolute;
}
.button-22:hover {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/667adb2aa2be3c71ab7ebe47_test%20bois%20(1)%20(1).png");
background-position: 0 0;
background-size: auto;
}
.button-23 {
-webkit-text-fill-color: transparent;
cursor: not-allowed;
background-color: #3898ec00;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/667adb2aa2be3c71ab7ebe47_test%20bois%20(1)%20(1).png");
background-position: 0 0, 50%;
background-size: auto, cover;
-webkit-background-clip: text;
background-clip: text;
font-family: Simply rounded, sans-serif;
font-size: 22px;
font-weight: 700;
transition: transform .25s;
position: absolute;
}
.button-23:hover {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/667adb2aa2be3c71ab7ebe47_test%20bois%20(1)%20(1).png");
background-position: 50%;
background-size: cover;
}
.cart-list {
color: #181818;
background-color: #1e1e1e;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: contain;
border: 1px #202020;
border-radius: 4px;
padding: 0;
box-shadow: inset 1px 1px 4px 1px #000;
}
.cart-footer {
color: #fff;
background-color: #292929;
box-shadow: 0 2px 5px #450047;
}
.cart-container {
color: #000;
background-color: #3f3f3f;
}
.heading-32 {
color: #fff;
}
.button-24 {
background-color: #3898ec00;
font-family: Simply rounded, sans-serif;
font-size: 16px;
font-weight: 400;
transition: transform .25s;
}
.button-24:hover {
transform: scale(1.2);
}
.button-25 {
background-color: #3898ec00;
font-family: Simply rounded, sans-serif;
font-size: 16px;
font-weight: 400;
transition: transform .25s;
}
.button-25:hover {
transform: scale(1.2);
}
.button-26 {
background-color: #3898ec00;
font-family: Simply rounded, sans-serif;
font-size: 16px;
font-weight: 400;
transition: transform .25s;
display: none;
}
.button-26:hover {
transform: scale(1.2);
}
.button-26.w--current {
text-shadow: none;
display: block;
}
.slider-11 {
z-index: 10;
background-color: #ddd0;
flex-direction: row;
flex: 0 auto;
justify-content: flex-end;
align-self: auto;
align-items: stretch;
width: 80%;
height: 80%;
display: block;
position: absolute;
}
.div-block-599 {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0%;
}
.mask-6 {
color: #3330;
flex: none;
align-self: stretch;
width: 100%;
}
.div-block-601 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.image-218 {
border-radius: 20px;
width: 35%;
height: 100%;
}
.centered-heading-2 {
background-color: var(--white);
color: var(--white);
text-align: center;
background-image: none;
margin-top: 40px;
margin-bottom: 16px;
font-family: Simply rounded, sans-serif;
font-size: 5rem;
}
.centered-subheading-2 {
color: #fff;
text-align: center;
background-color: #311e1e00;
max-width: 530px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
font-family: Simply rounded, sans-serif;
}
.text-block-87 {
color: #fff;
font-family: Simply rounded, sans-serif;
font-size: 18px;
font-weight: 600;
}
.collection-item-2 {
color: #803232;
background-color: #141414e6;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63a838dcac4e7c3a7479fe31_Calque%202.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
align-items: center;
width: 28%;
height: 300px;
margin: 20px 22px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
transition: transform .25s;
display: flex;
}
.collection-item-2:hover {
transform: scale(1.1);
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-items: center;
width: auto;
margin-bottom: 140px;
margin-left: 5px;
margin-right: 5px;
display: block;
}
.div-block-607 {
flex-direction: row;
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
font-size: 20px;
display: flex;
}
.text-block-88 {
color: #bcbcbc;
font-family: Exo, sans-serif;
font-size: 15px;
}
.text-block-90 {
color: #c2c2c2;
text-align: left;
justify-content: flex-start;
align-items: center;
width: 70%;
height: 100%;
font-size: 12px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.heading-small-2 {
color: #fff;
background-color: #29292900;
border: 1px solid #e6d3d300;
border-top-left-radius: 50px;
justify-content: flex-end;
width: auto;
margin-top: 5px;
margin-left: 20px;
font-family: Exo, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
display: flex;
}
.hero_checkout {
background-color: #fafafa;
border-bottom: 1px solid #dfe0e2;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 100px;
display: flex;
}
.largeheading {
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 24px;
margin-left: -3px;
font-size: 6vw;
line-height: 1em;
}
.product {
border: .5px solid #dfe0e2;
height: 700px;
padding-left: 0;
padding-right: 0;
transition: all .2s ease-in-out;
}
.product:hover {
z-index: 1;
border-style: solid;
border-color: #fafafa;
box-shadow: 0 16px 100px #2a2d411a;
}
.body-11 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg"), linear-gradient(#101218, #101218);
background-position: 50%, 0 0;
background-size: auto, auto;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
display: block;
}
.body-12 {
background-color: #000;
}
.checkout-form {
background-color: #f5f5f538;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg"), linear-gradient(#01001c96, #01001c96);
background-position: 50%, 0 0;
background-size: auto, auto;
}
.heading-33 {
color: #fcfcfc;
background-color: #8c8c8c;
background-image: none;
font-size: 1rem;
}
.div-block-608 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #252525;
border-radius: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 60%;
height: auto;
max-height: 100%;
margin-bottom: 140px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
display: block;
box-shadow: 1px 1px 3px 5px #111;
}
.div-block-609 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 200px;
height: 200px;
display: flex;
}
.div-block-610 {
background-color: #1b1b1b;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
width: 60%;
height: 100%;
min-height: 300px;
padding: 20px;
display: flex;
box-shadow: inset 3px 3px 5px 2px #131313;
}
.text-block-91 {
color: #fff;
font-family: Simply rounded, sans-serif;
font-size: 30px;
}
.slider-12 {
background-color: #dddddd12;
border-radius: 5px;
width: 100%;
height: 100%;
}
.slide-29 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334284561575d4885be0552_SF4.png");
background-position: 50%;
background-size: cover;
border: 3px #fff;
border-radius: 5px;
width: 100%;
}
.mask-7 {
color: #a07575;
border: 3px #fff;
border-radius: 5px;
}
.slide-30 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334285df5fcbca5de3458c2_SF10.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
}
.slide-31 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334288171c9de9b236aa4c7_SF6.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
}
.slide-32 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633429914d25aa59f861f037_SF8.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
}
.slide-33 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6336b39a18aab02786f29385_cartoon's.png");
background-position: 50%;
background-size: cover;
}
.slide-34 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63342a1fa1da9b2025057642_SF9.png");
background-position: 50%;
background-size: cover;
}
.slide-35 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6336b7d4b192408f84ac0580_Recycle%20test.png");
background-position: 50%;
background-size: cover;
}
.slide-36 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63342a1fd331129667d1215f_SF7.png");
background-position: 50%;
background-size: cover;
}
.slide-nav-12 {
background-color: #4e4e4e;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 50%;
padding-top: 10px;
display: flex;
bottom: -80px;
box-shadow: inset 0 1px 1px 3px #111;
}
.slide-37 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63342a205a9abd9370795d00_SF2.png");
background-position: 50%;
background-size: cover;
}
.slide-40 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633485ca1588bb85953f4f32_SF12.png");
background-position: 50%;
background-size: cover;
}
.slide-41 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63347de168b6dd1e3e520ed6_SF5.png");
background-position: 50%;
background-size: cover;
}
.slide-42 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334861a18a2285a0ecfae41_SF14.png");
background-position: 50%;
background-size: cover;
}
.div-block-612 {
height: 100%;
}
.image-221 {
width: 80%;
height: 80%;
}
.add-to-cart {
width: 50%;
}
.collection-item-3 {
background-color: #fff;
border: 5px solid #252020e3;
border-radius: 20px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 100%;
min-width: 30%;
height: 470px;
min-height: 100%;
margin: 0;
padding-bottom: 0;
padding-left: 10px;
transition: transform .25s;
display: flex;
box-shadow: inset 0 0 0 4px #6e6e6e;
}
.collection-item-3:hover {
transform: scale(1.02);
}
.collection-list-product {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 0 auto;
grid-template: "Area Area-2 Area-3"
"Area-4 Area-5 Area-6"
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center stretch;
width: 100%;
height: 100%;
margin-top: 0;
padding: 20px 60px;
display: grid;
}
.text-block-92 {
color: #000;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
font-family: Exo, sans-serif;
font-size: 18px;
font-weight: 700;
display: flex;
}
.text-block-92.blanc {
color: #fff;
}
.add-to-cart-button {
background-color: #38ec4d;
border-bottom: 4px solid #2ec300;
border-left: 4px solid #9dff92;
border-right: 4px solid #8cff52;
border-radius: 9px;
justify-content: center;
width: 100%;
min-width: 100%;
padding-left: 10px;
padding-right: 10px;
font-family: Exo, sans-serif;
font-weight: 700;
box-shadow: 0 1px 0 2px #007621;
}
.add-to-cart-button.btn-tiny2 {
text-align: center;
background-color: #383838;
border-top: 2px solid #c4c4c4;
border-bottom: 3px solid #363636;
border-left: 3px solid #888;
border-right: 3px solid #838383;
border-radius: 10px;
width: 90px;
min-width: 90px;
height: 40px;
padding-left: 5px;
padding-right: 5px;
box-shadow: 0 1px 0 2px #202020;
}
.div-buy-soldout-button {
z-index: 3;
cursor: pointer;
justify-content: space-between;
height: 40px;
margin-top: 10px;
display: flex;
position: relative;
}
.text-block-93 {
color: #000;
align-items: center;
font-family: Exo, sans-serif;
font-size: 18px;
font-weight: 700;
display: flex;
}
.text-block-93.blanc {
color: #fff;
}
.quantity {
color: #000;
border-style: solid;
border-color: #000;
border-radius: 7px;
flex: 0 auto;
width: 40px;
height: 20px;
margin-left: 0;
padding-left: 10px;
padding-right: 0;
font-family: Exo, sans-serif;
font-weight: 900;
display: block;
position: relative;
left: auto;
}
.quantite-et-size {
flex-direction: row;
flex: 0 auto;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 30px;
display: flex;
position: relative;
}
.div-block-615 {
z-index: 3;
justify-content: space-between;
align-items: flex-end;
height: 25px;
display: flex;
position: relative;
top: 10px;
bottom: 0;
}
.select-field {
color: #000;
text-align: left;
background-color: #fff;
border: 1px solid #000;
border-radius: 7px;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
height: 20px;
margin-bottom: 10px;
padding: 2px 0 1px;
font-family: Exo, sans-serif;
font-size: 11px;
font-weight: 700;
display: flex;
position: relative;
}
.remaining-stock {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: auto;
border: 1px solid #969696;
border-radius: 11px;
justify-content: center;
align-items: center;
width: 90px;
height: 40px;
padding-top: 0;
padding-bottom: 0;
display: flex;
box-shadow: inset 2px 2px 5px #000;
}
.div-block-617 {
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 40px;
margin-top: 10px;
display: flex;
}
.option {
background-color: #9770;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding-right: 1px;
display: flex;
position: relative;
}
.option-list {
z-index: 3;
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 90%;
display: flex;
position: relative;
}
.div-block-620 {
color: #04b6a7;
align-items: center;
display: flex;
}
.text-block-94 {
filter: brightness(200%);
color: #0ff;
text-shadow: 0 0 2px #01f2ff;
padding-top: 15px;
padding-bottom: 0;
font-family: Minecraftia, sans-serif;
font-size: 20px;
font-weight: 700;
}
.text-block-95 {
filter: brightness(200%);
color: #00c8ff;
-webkit-text-stroke-color: cyan;
text-shadow: 0 0 2px #01f2ff;
padding-top: 15px;
font-family: Minecraftia, sans-serif;
font-size: 20px;
font-weight: 600;
}
.button-shop {
z-index: 5;
background-color: #94949400;
border-radius: 20px;
width: 100%;
height: 310px;
position: absolute;
bottom: auto;
left: auto;
}
.text-block-96 {
filter: brightness(200%);
color: #00ffdf;
-webkit-text-stroke-color: cyan;
text-shadow: 0 0 2px #01f2ff;
padding-top: 15px;
font-family: Minecraftia, sans-serif;
font-size: 20px;
font-weight: 600;
display: block;
}
.normal-item {
z-index: 3;
width: auto;
max-width: 100%;
margin-top: 52px;
display: block;
position: relative;
inset: 0%;
overflow: clip;
}
.div-block-621 {
z-index: 1;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.div-block-622 {
z-index: 2;
filter: brightness(145%);
cursor: pointer;
align-items: flex-start;
height: 15%;
padding-top: 5px;
padding-right: 7px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.div-block-622.btn-mouse {
justify-content: flex-start;
align-items: flex-start;
padding-top: 5px;
padding-right: 7px;
}
.shiney-item {
z-index: 1;
opacity: 1;
width: auto;
display: block;
position: relative;
}
.div-block-623 {
justify-content: flex-end;
align-items: center;
width: 60%;
display: flex;
}
.lottie-animation-3 {
border: 1px #671616;
border-radius: 0;
width: 40px;
height: 50px;
position: relative;
}
.lottie-animation-4 {
z-index: 1;
width: 100%;
height: 80%;
display: block;
position: absolute;
top: 25px;
left: 0;
overflow: hidden;
}
.text-block-97 {
color: #fff;
margin-bottom: 0;
font-size: 20px;
}
.tabs-women {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 80%;
height: auto;
min-height: 100%;
margin-top: 60px;
margin-bottom: 140px;
display: flex;
}
.slide-43 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6336bd528c45f5315519602f_Valor%20flag%20ship567.png");
background-position: 50%;
background-size: cover;
}
.quantity-2 {
display: none;
}
.default-state {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 50px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding-right: 0;
display: flex;
}
.hjgog {
background-color: #38ec4d;
border-radius: 10px;
height: 50px;
margin-left: 10px;
padding-top: 9px;
padding-left: 10px;
padding-right: 10px;
font-family: Simply rounded, sans-serif;
font-weight: 700;
box-shadow: 0 3px #37a600;
}
.hjgog.btn-tiny {
color: #fff;
-webkit-text-stroke-color: #0f3;
text-transform: capitalize;
background-color: #383838;
border-top: 2px solid #ccc;
border-bottom: 3px solid #363636;
border-left: 3px solid #888;
border-right: 3px solid #838383;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 53%;
height: 30px;
min-height: 30px;
margin-right: 10px;
padding-top: 0;
padding-bottom: 0;
font-family: Exo, sans-serif;
font-size: 14px;
box-shadow: 0 1px 0 2px #202020;
}
.hjgog.btn-tiny.tools {
width: 50%;
height: 35px;
margin-left: 10px;
margin-right: 10px;
}
.buy-now-button {
display: none;
}
.textblock98 {
color: #fff;
flex: 1;
justify-content: flex-start;
align-items: center;
font-family: Exo, sans-serif;
font-size: 18px;
font-weight: 700;
display: flex;
}
.collection-item-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #00000080;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63a838dcac4e7c3a7479fe31_Calque%202.svg");
background-position: 50%;
background-size: cover;
border: 5px solid #252020;
border-radius: 15px;
flex-direction: column;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 330px;
height: 477.984px;
min-height: 100%;
margin: 0;
padding-bottom: 0;
transition: transform .25s;
display: flex;
position: relative;
box-shadow: inset 0 0 7px 4px #000311;
}
.collection-item-4:hover {
transform: scale(1.02);
}
.collection-item-4.tools {
justify-content: flex-start;
align-items: stretch;
width: 330px;
height: 450px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.collection-item-4.tools:hover {
transform: scale(1.02);
}
.collection-list-diy {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: row;
grid-template: "Area Area-2 Area-3"
". . ."
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch start;
place-items: center stretch;
width: 100%;
height: 100%;
margin-top: 0;
padding: 30px 60px;
display: grid;
overflow: auto;
}
.div-block-625 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1000px;
display: flex;
position: relative;
}
.collection-list-wrapper-diy {
justify-content: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.button-30 {
background-color: #3898ec00;
border-radius: 8px;
height: 60%;
padding-top: 0;
padding-bottom: 0;
position: absolute;
inset: 15% 0% 0;
}
.button-30.tools {
height: 40%;
}
.text-block-99 {
color: #fff;
justify-content: center;
height: 40%;
font-family: Prototype, sans-serif;
font-size: 18px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.tabs-product-men {
flex-direction: column;
align-items: center;
width: 80%;
height: auto;
min-height: 100%;
margin-top: 60px;
margin-bottom: 140px;
display: flex;
}
.heading-34 {
filter: hue-rotate(244deg) brightness(200%);
font-family: Prototype, sans-serif;
font-size: 4rem;
}
.picture-2 {
object-fit: cover;
border-radius: 40px;
width: 100%;
height: 100%;
display: block;
}
.page-wrapper-3 {
justify-content: center;
align-items: center;
height: 800px;
display: flex;
position: relative;
}
.div-block-626 {
justify-content: flex-end;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.heading-35 {
color: #fff;
letter-spacing: -.04em;
margin-top: 20px;
margin-bottom: 10px;
font-family: Exo, sans-serif;
font-size: 28px;
font-weight: 500;
}
.item-image {
width: 640px;
height: 640px;
min-height: 640px;
margin-bottom: 0;
position: relative;
}
.item-image.loopzoomzoom {
z-index: 12;
background-color: #1b1b1b00;
border: 30px #1e1e1e;
border-color: #1e1e1e #313131 #4e4e4e #25252500;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 500px;
min-width: 500px;
height: 500px;
min-height: 500px;
display: flex;
position: relative;
}
.item-image.loopzoomzoom.hidden-image {
width: 540px;
min-width: 540px;
height: 540px;
min-height: 540px;
top: 20px;
}
.thumbnail-photo {
width: 70px;
height: 70px;
}
.thumbnail-photo._3 {
width: 60px;
height: 60px;
transition: transform .2s;
}
.thumbnail-photo._3:hover {
width: 60px;
height: 60px;
transform: scale(1.1);
}
.thumbnail-photo._6 {
width: 60px;
height: 60px;
transition: transform .2s;
}
.thumbnail-photo._6:hover {
transform: scale(1.1);
}
.thumbnail-photo._5 {
width: 60px;
height: 60px;
transition: transform .2s;
}
.thumbnail-photo._5:hover {
transform: scale(1.1);
}
.thumbnail-photo._2 {
transition: transform .2s;
}
.thumbnail-photo._2:hover {
transform: scale(1.1);
}
.thumbnail-photo._1 {
transition: transform .2s;
}
.thumbnail-photo._1:hover {
transform: scale(1.1)translate(0);
}
.thumbnail-photo._4 {
width: 60px;
height: 60px;
transition: transform .2s;
}
.thumbnail-photo._4:hover {
transform: scale(1.1);
}
.container-13 {
width: 90%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.container-13.product {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-style: none;
border-width: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center;
width: 100%;
height: auto;
transition-property: none;
display: grid;
}
.container-13.product:hover {
box-shadow: none;
}
.product-left-side {
flex-direction: column;
justify-content: center;
align-items: center;
width: 640px;
height: 100%;
display: flex;
}
.photo-thumbnails {
z-index: 12;
color: #3330;
background-color: #3e3e3e00;
border: 10px #643939;
border-radius: 20px;
justify-content: space-between;
align-items: center;
width: 540px;
height: 20%;
margin-top: 0;
margin-bottom: 0;
padding: 4px 20px;
display: flex;
position: relative;
bottom: 10px;
}
.img {
z-index: 14;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.img._4 {
z-index: 13;
object-fit: fill;
display: none;
}
.img._2 {
z-index: 11;
object-fit: cover;
display: none;
}
.img._1 {
z-index: 10;
object-fit: cover;
display: block;
}
.img._3 {
z-index: 10;
object-fit: fill;
display: none;
}
.img._5, .img._6 {
display: none;
}
.button-l {
color: #000;
letter-spacing: -.025em;
background-color: #fff;
border-radius: 10px;
justify-content: center;
width: 80%;
height: 48px;
margin-right: 0;
font-family: Exo, sans-serif;
font-size: 16px;
font-weight: 900;
transition: transform .25s;
box-shadow: 0 5px 1px 1px #bababa;
}
.button-l:hover {
transform: translate(0, 5px);
box-shadow: 0 1px 1px 1px #bababa;
}
.button-l.btn-tiny {
border-style: solid;
border-color: #000 #e4e4e4 #ddd #e7e7e7;
border-bottom-width: 4px;
border-left-width: 4px;
border-right-width: 4px;
transition-duration: .2s;
box-shadow: 0 5px 0 1px #bababa;
}
.button-l.btn-tiny:hover {
box-shadow: 0 1px 0 1px #bababa;
}
.image-1 {
object-fit: cover;
border-radius: 40px;
width: 100%;
height: 100%;
display: block;
}
.image-229 {
border-radius: 40px;
}
.div-block-628 {
color: #00682b;
justify-content: center;
display: flex;
}
.text-block-101 {
color: #eaff00;
text-shadow: 0 0 3px #e1ff00;
background-color: #e1ff0000;
font-family: Minecraftia, sans-serif;
font-size: 20px;
font-weight: 700;
}
.text-block {
color: #eaff00;
text-shadow: 0 0 3px #e1ff00;
font-family: Minecraftia, sans-serif;
font-size: 20px;
font-weight: 700;
}
.text-block-103 {
color: #eaff00;
text-shadow: 0 0 3px #e1ff00;
font-family: Minecraftia, sans-serif;
font-size: 20px;
font-weight: 700;
display: block;
}
.select-field-3 {
color: #fff;
text-align: left;
cursor: pointer;
background-color: #20202033;
border: 1px solid #000;
border-radius: 5px;
width: 100%;
font-family: Exo, sans-serif;
font-weight: 700;
box-shadow: inset 1px 1px 3px #000;
}
.loopzoomzoom {
display: block;
position: static;
}
.div-block-629 {
justify-content: space-between;
align-items: center;
height: 10%;
display: flex;
}
.div-block-630 {
color: #038037;
background-color: #004a09;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: auto;
border: 1px solid #fff;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 30%;
height: 100%;
padding-top: 18px;
padding-bottom: 0;
display: flex;
box-shadow: inset 1px 1px 3px 1px #000;
}
.lottie-animation-5 {
z-index: 50;
filter: brightness(200%);
cursor: pointer;
background-color: #1e1e1e;
border-top: 1px solid #aef30d;
border-bottom: 3px solid #2d0064;
border-left: 3px solid #8f0000;
border-right: 3px solid #00c954;
border-radius: 25px;
justify-content: space-between;
width: 50px;
height: 50px;
transition: transform .25s;
display: flex;
position: relative;
box-shadow: 0 9px 10px -6px #c7c7c7, 0 4px #383838;
}
.lottie-animation-5:hover {
box-shadow: none;
transform: translate(0, 4px);
}
.lottie-animation-5:active {
color: #756e6e;
background-color: #2e2e2e;
box-shadow: inset 0 5px 5px #000;
}
.lottie-animation-5.reveal-block {
display: block;
}
.default-state-2 {
flex-direction: column;
justify-content: center;
align-items: stretch;
height: 185px;
margin-bottom: 0;
display: flex;
}
.div-block-632 {
z-index: 5;
justify-content: space-between;
margin-top: 0;
display: flex;
position: static;
}
.quantity-3 {
color: #fff;
cursor: pointer;
background-color: #20202033;
border-color: #000;
border-radius: 5px;
width: 20%;
font-family: Exo, sans-serif;
font-size: 16px;
font-weight: 900;
box-shadow: inset 1px 1px 3px #000;
}
.option-2 {
border-radius: 5px;
width: 100%;
}
.option-list-2 {
width: 75%;
}
.phto-thumbnail-2 {
z-index: 14;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 540px;
height: 20%;
margin-top: 0;
margin-bottom: 0;
padding: 4px 20px;
display: none;
position: relative;
bottom: 10px;
}
.thumbnail-photo2 {
width: 70px;
height: 70px;
}
.thumbnail-photo2._7 {
transition: opacity .2s;
}
.thumbnail-photo2._7:hover {
transform: scale(1.1);
}
.thumbnail-photo2._8 {
transition: transform .2s;
}
.thumbnail-photo2._8:hover {
transform: scale(1.1);
}
.thumbnail-photo2._10 {
width: 60px;
height: 60px;
transition: transform .2s;
}
.thumbnail-photo2._10:hover {
transform: scale(1.1);
}
.thumbnail-photo2._11 {
width: 60px;
height: 60px;
transition: transform .2s;
}
.thumbnail-photo2._11:hover {
transform: scale(1.1);
}
.thumbnail-photo2._9 {
width: 60px;
height: 60px;
transition: transform .2s;
}
.thumbnail-photo2._9:hover {
transform: scale(1.1);
}
.thumbnail-photo2._12 {
width: 60px;
height: 60px;
transition: transform .2s;
}
.thumbnail-photo2._12:hover {
transform: scale(1.1);
}
.picture2 {
border-radius: 100%;
}
.img2 {
z-index: 14;
object-fit: cover;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.img2._7 {
z-index: 15;
display: block;
}
.img2._9, .img2._10, .img2._11, .img2._12 {
display: none;
}
.item-image-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 500px;
min-width: 500px;
height: 500px;
min-height: 500px;
display: none;
position: relative;
}
.item-image-2.loopzoomzoom.hidden-image {
width: 540px;
min-width: 540px;
height: 540px;
min-height: 540px;
display: none;
position: relative;
top: 20px;
}
.button-group {
background-color: #593838;
}
.div-block-637 {
color: #2d2d2d;
background-color: #131313;
border-top: 4px solid #101010;
border-left: 4px solid #101010;
border-right: 4px solid #101010;
border-radius: 20px 20px 0 0;
width: 600px;
height: 400px;
margin-top: 0;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.image-238 {
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.image-239 {
background-image: linear-gradient(#000, #1c0042);
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.heading-37 {
color: #fff;
font-family: Exo, sans-serif;
}
.heading-38 {
font-family: Exo, sans-serif;
}
.heading-39 {
color: #fff;
width: 50%;
font-family: Exo, sans-serif;
}
.heading-40 {
margin-bottom: 0;
font-family: Exo, sans-serif;
font-weight: 700;
}
.heading-41 {
color: #fff;
font-family: Exo, sans-serif;
}
.payment-info {
color: #000;
background-color: #0400ff00;
}
.block-header {
background-color: #1c00b8;
border-style: solid solid none none;
border-top-width: 3px;
border-top-color: #2629c3;
border-right-width: 3px;
border-right-color: #2629c3;
border-radius: 30px 30px 0 0;
padding-top: 2px;
padding-bottom: 2px;
}
.submit-button-6 {
background-color: #21ff19;
border-bottom: 4px solid #2ec300;
border-left: 4px solid #9dff92;
border-right: 4px solid #8cff52;
border-radius: 10px;
margin-bottom: 0;
padding: 15px 10px;
font-family: Simply rounded, sans-serif;
font-size: 25px;
font-weight: 700;
transition: transform .25s;
box-shadow: 0 4px 1px 1px #008a22;
}
.submit-button-6:hover {
text-shadow: 1px 1px 3px #fff;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png");
background-position: 0 0;
background-size: cover;
transform: translate(0, 4px);
box-shadow: 0 1px 1px 1px #008a22;
}
.submit-button-6:active {
box-shadow: inset 3px 4px 3px #00661a, 0 1px 1px 1px #008a22;
}
.submit-button-6.btn-buy {
border-top: 2px solid #acff96;
font-family: Exo, sans-serif;
box-shadow: 0 4px 0 1px #008a22;
}
.submit-button-6.btn-buy:hover {
transform: translate(0, 2px);
box-shadow: 0 0 20px 10px #faff9969, 0 5px 0 1px #008a22;
}
.heading-42 {
font-family: Exo, sans-serif;
}
.heading-43 {
margin-bottom: 0;
font-family: Simply rounded, sans-serif;
}
.email {
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.discount-code {
box-shadow: inset 1px 1px 3px #000;
}
.field-label-15 {
color: #fff;
font-family: Simply rounded, sans-serif;
}
.full-name, .street-address {
width: 90%;
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.street-address-2 {
width: 90%;
font-family: Simply rounded, sans-serif;
font-weight: 700;
box-shadow: inset 1px 1px 3px #000;
}
.city, .state-province, .zip-postal-code {
width: 90%;
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.country {
width: 90%;
margin-bottom: 10px;
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.field-label-16, .field-label-17, .field-label-18, .field-label-19, .field-label-20, .field-label-21 {
font-family: Simply rounded, sans-serif;
}
.card-number, .expiration-date {
color: #eade00;
background-color: #1445b6;
font-family: Kredit back;
box-shadow: inset 1px 1px 3px #000;
}
.security-code {
font-family: Great Vibes, cursive;
box-shadow: inset 1px 1px 3px #000;
}
.full-name-2, .street-address-3 {
width: 96.1%;
margin-bottom: 10px;
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.street-address-4 {
width: 96.1%;
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.city-2 {
width: 85%;
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.state-province-2, .zip-postal-code-2 {
width: 85%;
padding-left: 10px;
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.country-2 {
width: 96.1%;
margin-bottom: 10px;
padding-bottom: 0;
font-family: Simply rounded, sans-serif;
box-shadow: inset 1px 1px 3px #000;
}
.text-block-104 {
color: #000;
font-family: Simply rounded, sans-serif;
}
.checkbox-label-5 {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.billing-address-toggle {
align-items: center;
}
.field-label-22 {
background-color: #8b992200;
font-family: Simply rounded, sans-serif;
}
.field-label-23 {
font-family: Simply rounded, sans-serif;
}
.field-label-24 {
color: #f1e500;
font-family: Kredit front, sans-serif;
}
.field-label-25, .field-label-26, .field-label-27, .field-label-28, .field-label-29, .field-label-30 {
font-family: Simply rounded, sans-serif;
}
.order-items {
background-color: #131313;
border-bottom: 4px solid #101010;
border-left: 4px solid #101010;
border-right: 4px solid #101010;
border-radius: 25px 25px 10px 10px;
margin-bottom: 20px;
}
.field-label-31 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.text-block-105 {
font-weight: 700;
}
.heading-44 {
font-family: Exo, sans-serif;
}
.heading-45, .heading-46 {
color: #fff;
font-family: Exo, sans-serif;
}
.heading-47 {
color: #fff6f6;
font-family: Exo, sans-serif;
}
.heading-48 {
font-family: Exo, sans-serif;
}
.text-block-106 {
color: #fff;
font-weight: 700;
}
.field-label-32 {
font-family: Simply rounded, sans-serif;
}
.field-label-33 {
font-family: Simply rounded, sans-serif;
font-weight: 400;
}
.field-label-34, .field-label-35 {
font-family: Simply rounded, sans-serif;
}
.body-13 {
background-color: #333;
}
.paypal-checkout-form {
background-color: #333;
background-image: linear-gradient(#14160094, #14160094), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.submit-button-7 {
background-color: #21ff19;
border-top: 4px #8cff52;
border-bottom: 4px solid #2ec300;
border-left: 4px solid #9dff92;
border-right: 4px solid #8cff52;
border-radius: 10px;
margin: 0;
padding: 15px 10px;
font-family: Simply rounded, sans-serif;
font-size: 25px;
font-weight: 700;
transition: transform .25s;
box-shadow: 0 4px 1px 1px #00631f;
}
.submit-button-7:hover {
transform: translate(0, 4px);
box-shadow: 0 1px 1px 1px #00631f;
}
.submit-button-7:active {
text-shadow: 1px 1px 3px #fff;
box-shadow: inset 0 6px #00661a, 0 1px 1px 1px #00631f;
}
.submit-button-7.btn-buy {
font-family: Exo, sans-serif;
box-shadow: 0 5px 0 1px #00631f;
}
.submit-button-7.btn-buy:hover {
transform: translate(0, 2px);
box-shadow: 0 0 20px 10px #f7ff574f, 0 5px 0 1px #00631f;
}
.heading-49 {
color: #fff;
font-family: Exo, sans-serif;
}
.heading-50 {
color: #000;
font-family: Exo, sans-serif;
}
.heading-51 {
color: #fff;
font-family: Exo, sans-serif;
}
.text-block-107 {
font-weight: 700;
}
.field-label-36 {
color: #000;
font-family: Simply rounded, sans-serif;
}
.field-label-37, .field-label-38 {
font-family: Simply rounded, sans-serif;
}
.field-label-39 {
font-family: Prototype, sans-serif;
}
.heading-52 {
color: #fff;
font-family: Exo, sans-serif;
}
.block-content {
background-color: #29292900;
border: 1px #000;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.cart-quantity-2 {
color: #fff;
background-color: #fff0;
border: 2px #fff;
border-radius: 30px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 18px;
font-family: Exo, sans-serif;
font-size: 12px;
display: flex;
}
.bold-text-250, .bold-text-251 {
font-size: 11px;
font-weight: 500;
line-height: 15px;
}
.bold-text-252, .bold-text-253, .bold-text-254, .bold-text-255, .bold-text-256, .bold-text-257, .bold-text-258 {
color: #ccc;
}
.text-block-108 {
font-size: 10px;
}
.text-block-109, .text-block-110, .text-block-111, .text-block-112, .text-block-113, .text-block-114 {
color: #ccc;
}
.bold-text-260 {
color: #c4c4c4;
background-color: #e3313100;
}
.slide-46 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633429e7f05937c0e0bc2db7_SF1.png");
background-position: 50%;
background-size: cover;
}
.slide-47 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334a584f09bfdc31732f503_SF18.png");
background-position: 50%;
background-size: cover;
}
.slide-48 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633485c9071c841239f80bf3_SF15.png");
background-position: 50%;
background-size: cover;
}
.text-block-115 {
color: #c4c4c4;
margin-top: 20px;
}
.slide-49 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbf00ffc4180_TOKEN%20.png");
background-position: 50%;
background-size: cover;
}
.text-block-116, .text-block-117 {
color: #c4c4c4;
margin-top: 20px;
}
.diy-vacations {
background-image: linear-gradient(#3b86ff, #8df5ff 74%);
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
display: block;
position: relative;
overflow: hidden;
}
.section-diy {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.diy-patern {
z-index: 4;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/66c42576462845475c1c94ee_Test%20sable%202%20(1).png");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
display: flex;
position: relative;
}
.div-block-640 {
z-index: 2;
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64f6362832f87d8b0300d80e_buy%20a%20proprety_Plan%20de%20travail%201.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 250px;
padding-bottom: 0;
display: block;
position: relative;
bottom: 0%;
left: 0%;
right: 0%;
}
.div-block-640._1, .div-block-640._2, .div-block-640._3, .div-block-640._4, .div-block-640._5, .div-block-640._6, .div-block-640._7, .div-block-640._8 {
background-image: none;
}
.section-women {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.model-women-template {
z-index: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
display: block;
position: relative;
}
.products-display {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
display: flex;
position: relative;
overflow: visible;
}
.tabs-content {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
height: 100%;
max-height: 700px;
}
.men-section {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
overflow: hidden;
}
.model-men-template {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
display: block;
position: relative;
}
.products-men-display {
z-index: 2;
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/66b7bd7e8b19345bbddb7b7f_tubes%20new%20(1).png");
background-position: 50%;
background-size: auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
display: flex;
position: relative;
}
.products-men-display._2 {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/65cfb87ce0bebaa9d8b17fbe_MURE3_Plan%20de%20travail%201%20(1).png");
background-position: 50%;
background-size: cover;
height: 1070px;
}
.section-savoir-faire {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.savoir-faire-template {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
display: flex;
position: relative;
}
.savoir-faire-display {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6364385a2fba6030f0c18efc_filtre%202.png");
background-position: 50%;
background-size: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
display: block;
position: relative;
}
.section-valor-family {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.valor-family-template {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63bee2f2126b4255429476ec_6993851_631-min.jpg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1000px;
max-height: 1000px;
display: flex;
position: relative;
}
.valor-family-display {
background-color: #2c1f1f;
background-image: linear-gradient(#000000d6, #000000d6), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/638b7e438563255951e4b069_test%20photo%20du%20staff.png");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: auto;
display: flex;
position: relative;
}
.collection-list-wrapper-6 {
width: 50%;
}
.image-242 {
max-width: 90%;
margin-bottom: 10px;
}
.section-look-book {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.look-book-template {
background-color: #7c5050;
background-image: linear-gradient(#000, #040031);
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
display: flex;
position: relative;
}
.slide-50 {
width: 100%;
}
.section-history {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.house-history-display {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1255px;
max-width: 1920px;
height: 700px;
display: block;
position: relative;
}
.house-history-template {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
display: flex;
position: relative;
}
.section-27 {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.contact-templete {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbba84ffc40d6_whoiuq.png");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1000px;
max-height: 1000px;
display: flex;
position: relative;
}
.contact-display {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1000px;
max-height: 1000px;
display: flex;
position: relative;
}
.section-faq-tooney-land {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.faq-templete {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1000px;
max-height: 1000px;
display: none;
position: relative;
}
.faq-displqy {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63526d7c79efd06b16da5815_test%20fond%20noir%20lettre%20faq.png"), linear-gradient(#000000b8, #000000b8);
background-position: 50%, 0 0;
background-size: auto, auto;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: auto;
max-height: none;
display: flex;
position: relative;
}
.section-tooney-land {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.tooney-land-template {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1000px;
max-height: 1000px;
display: flex;
position: relative;
}
.tonney-land-display {
background-color: #001026;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1000px;
display: flex;
position: relative;
}
.block-content-2 {
background-color: #1c00b8;
border-bottom-style: none;
border-left-style: none;
border-right: 3px solid #2629c3;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.text-span-49 {
color: #f1e500;
white-space: normal;
-webkit-text-fill-color: inherit;
background-color: #e6dd7500;
background-clip: border-box;
font-family: Kredit front, sans-serif;
}
.text-span-50 {
color: #f1e500;
font-family: Kredit front, sans-serif;
}
.div-block-652 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6332104946cb05aedc149b46_pngtree-black-background-simple-texture-image_556938.jpg");
background-position: 50%;
background-size: cover;
border-right: 3px solid #2e2e2e;
height: 40px;
}
.shipping-address {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63579f47f876ae247b316981_image_processing20200827-13093-vihwqi.png");
background-position: 50%;
background-size: cover;
}
.block-header-2 {
background-color: #fff0;
border-style: none;
align-items: flex-end;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
}
.block-content-3 {
background-color: #fff0;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
padding-left: 30px;
}
.customer-info {
background-color: #131313;
border-top: 4px solid #101010;
border-left: 4px solid #101010;
border-right: 4px solid #101010;
border-radius: 10px 10px 25px 25px;
margin-bottom: 0;
}
.block-header-3 {
background-color: #fff0;
border-style: none;
border-top-width: 4px;
border-top-color: #101010;
border-right-width: 4px;
border-right-color: #101010;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
align-items: center;
}
.block-content-4 {
background-color: #29292900;
border: 1px #000;
}
.billing-address {
background-color: #f0787800;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63579f47f876ae247b316981_image_processing20200827-13093-vihwqi.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
}
.block-header-4 {
border-style: none;
border-top-width: 10px;
border-top-color: var(--navajo-white\);
border-right-width: 10px;
border-right-color: var(--navajo-white\);
background-color: #fff0;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
}
.block-content-5 {
border-right: 10px none var(--navajo-white\);
background-color: #fff0;
border-bottom-style: none;
border-left-style: none;
flex-direction: column;
align-items: center;
padding-left: 30px;
display: block;
}
.image-243 {
filter: invert();
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.submit-button-8 {
background-color: #4e4e4e;
}
.div-block-653 {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-654 {
justify-content: flex-end;
width: 60%;
margin-top: 10px;
display: flex;
}
.text-block-120 {
color: #fff;
text-shadow: 2px -2px #525252;
align-items: center;
margin-top: 0;
margin-right: 10px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 25px;
font-style: italic;
font-weight: 700;
display: flex;
}
.order-summary {
background-color: #131313;
border: 4px solid #101010;
border-bottom: 1px #101010;
border-radius: 10px 10px 15px 15px;
margin-top: 0;
margin-bottom: 0;
}
.checkbox {
margin-top: 0;
}
.image-244 {
width: 10%;
}
.column-12 {
padding-right: 0;
}
.column-13, .column-14 {
padding-left: 0;
padding-right: 0;
}
.dune {
z-index: 3;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
}
.dune._2 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/67c2e01b0448dc3938c77104_%E2%80%94Pngtree%E2%80%94yellow%20sunshine%20solar%20beam%20sun_8621609%20(1)%20(1)%20(1).png");
background-position: 0 300%;
background-size: auto;
width: 200%;
max-width: 200%;
height: 200%;
display: block;
inset: auto 0% 0%;
}
.plage {
z-index: 2;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.image-249 {
height: 100%;
display: inline-block;
position: absolute;
}
.div-block-655 {
z-index: 10;
justify-content: space-between;
align-items: center;
height: 40px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
display: flex;
position: relative;
}
.div-block-655.tools {
justify-content: space-between;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
}
.image-250 {
width: 80%;
}
.text-block-121 {
filter: brightness(200%);
color: #f86ed8;
text-shadow: 1px 1px 2px #d0d0d0;
align-items: center;
height: 100%;
font-family: Joystix monospace, sans-serif;
font-size: 25px;
font-weight: 700;
display: flex;
}
.div-block-656 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: cover;
border: 3px solid #2e2e2e;
border-radius: 12px 7px 7px;
justify-content: center;
align-items: center;
width: 30%;
height: 100%;
display: flex;
box-shadow: inset 1px 1px 3px #000;
}
.error-state-2 {
position: absolute;
}
.div-block-657 {
justify-content: flex-end;
align-items: center;
width: 30%;
height: 100%;
padding-right: 0;
display: flex;
}
.div-block-658 {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 80%;
padding-right: 10px;
display: flex;
position: relative;
}
.link-block-2 {
width: 100%;
height: 100%;
padding-right: 0;
position: absolute;
}
.image-251 {
margin-bottom: -15px;
}
.image-251.tools {
max-width: 60%;
height: auto;
margin-bottom: 0;
padding-bottom: 0;
left: 60px;
}
.tabs-menu-diy {
background-color: #1b1b1b;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 40%;
height: 60px;
max-height: 55px;
margin-top: 60px;
margin-bottom: 20px;
padding: 5px 10px;
display: flex;
}
.tab-link-unisex {
background-color: #c8c8c800;
border: 1px #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-unisex.w--current {
background-color: #65656500;
border: 1px #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.tab-link-men {
background-color: #ddd0;
border: 1px #fff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-men.w--current {
background-color: #65656500;
width: 25%;
padding-left: 0;
padding-right: 0;
}
.text-block-122 {
color: #fff;
font-family: Joystix monospace, sans-serif;
font-size: 20px;
font-weight: 400;
}
.text-block-127 {
color: #fff;
font-family: Joystix monospace, sans-serif;
font-size: 20px;
}
.text-block-125 {
color: #fff;
font-family: Simply rounded, sans-serif;
font-size: 20px;
position: relative;
}
.text-block-125.btn-tapbar {
font-family: Exo, sans-serif;
font-size: 18px;
font-weight: 500;
}
.tab-link-all {
outline-offset: 0px;
color: #656565;
background-color: #65656500;
border: 1px #fff;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
outline: 3px #656565;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-all.w--current {
background-color: #65656500;
border-style: none;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.tab-link-tab {
background-color: #ddd0;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-tab.w--current {
background-color: #7b7b7b00;
}
.text-block-126 {
color: #fff;
font-family: Joystix monospace, sans-serif;
font-size: 20px;
}
.tabs-diy {
flex-direction: column;
justify-content: flex-start;
align-self: auto;
align-items: center;
width: 80%;
height: auto;
min-height: 100%;
margin-top: 60px;
margin-bottom: 140px;
display: flex;
top: 0;
}
.form-5 {
border: 1px solid #fff0;
align-items: center;
height: 100%;
display: flex;
}
.text-field-11 {
color: #fff;
background-color: #121212;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 2px solid #5e5e5e42;
border-right-style: none;
border-radius: 5px 0 0 5px;
width: auto;
margin-bottom: 0;
padding: 5px;
}
.submit-button-9 {
color: #fff;
background-color: #221fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 100%;
font-weight: 700;
}
.form-block-footer {
flex-direction: column;
justify-content: center;
align-items: flex-end;
margin-bottom: 15px;
display: flex;
}
.div-block-659 {
display: flex;
}
.bold-text-261 {
font-weight: 400;
display: block;
}
.bold-text-263 {
cursor: not-allowed;
font-weight: 500;
}
.bold-text-264 {
font-weight: 400;
}
.bold-text-265 {
font-weight: 500;
}
.body-privacy-policy {
background-color: #000;
}
.section-privacy-policy {
background-color: #242424;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 1000px;
display: flex;
position: static;
overflow: hidden;
}
.privacy-policy-div {
color: #3330;
background-color: #424242;
border: 3px solid #121212;
border-radius: 10px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 70%;
height: 500px;
display: block;
overflow: auto;
}
.privacy-policy-div._1 {
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
}
.heading-53 {
color: #fff;
text-align: center;
margin-top: 115px;
margin-bottom: 0;
font-family: Simply rounded, sans-serif;
font-size: 3rem;
}
.terme-of-use-texte {
color: #dfdfdf;
text-align: left;
background-color: #1b1b1b00;
border: 1px #fff;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
padding: 5px;
display: flex;
}
.terme-of-use-texte._1 {
width: 100%;
height: 100%;
}
.privacy-policy-text {
color: #0000;
border: 1px #fff;
border-bottom-width: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 5px;
display: flex;
}
.body-termes-of-use, .body-16 {
background-color: #000;
}
.div-block-668 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.collection-list-6 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 140px;
display: grid;
}
.div-block-669 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 400px;
height: 450px;
margin-bottom: 60px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.div-block-670 {
color: #969696;
background-color: #515151;
border: 1px solid #b1b1b1;
border-bottom: 4px #b1b1b1;
border-radius: 5px 5px 0 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 15%;
display: flex;
}
.div-block-671 {
opacity: 1;
background-color: #282828;
border-top: 50px solid #313131;
border-bottom: 30px solid #2f2f2f;
border-left: 50px solid #383838;
border-right: 50px solid #292929;
width: 60%;
height: 100%;
}
.div-block-672 {
background-color: #494949;
border-top: 1px solid #a3a2a2;
border-left: 1px solid #5f5f5f;
border-right: 1px solid #5f5f5f;
flex-direction: row;
justify-content: center;
align-items: center;
width: 70%;
height: 13%;
display: flex;
}
.div-block-673 {
color: #6e6161;
background-color: #535353;
border-style: none solid solid;
border-color: #000 #3d3d3d #949494;
border-bottom-width: 12px;
border-left-width: 15px;
border-right-width: 15px;
width: 70%;
height: 3%;
}
.div-block-674 {
color: #459a42;
background-color: #748d8e;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 0 0;
background-size: cover;
border-top: 1px solid #000;
border-bottom: 1px #232323;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 80%;
height: 80%;
display: flex;
box-shadow: inset 1px 1px 3px #000;
}
.div-block-675 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #a7d950;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: cover;
border-bottom: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60%;
height: 80%;
display: flex;
box-shadow: inset 1px 1px 3px #000;
}
.div-block-676 {
background-color: #323232;
border-bottom: 1px solid #000;
justify-content: center;
align-items: center;
width: 30%;
height: 80%;
margin-left: 10px;
display: flex;
box-shadow: inset 1px 1px 3px #2b2b2b;
}
.collection-item-7 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-678 {
flex-direction: row;
align-items: center;
width: 100%;
height: 80%;
display: flex;
}
.div-block-679 {
z-index: 4;
color: #dedede;
background-color: #3d3d3d;
border-left: 4px solid #424242;
width: 20%;
height: 100%;
position: relative;
}
.div-block-680 {
z-index: 4;
background-color: #3d3d3d;
border-right: 4px solid #424242;
width: 20%;
height: 100%;
position: relative;
inset: 0% 0% auto auto;
}
.div-block-685 {
z-index: 2;
background-color: #b8f1ff17;
border-left: 4px solid #97dcff21;
width: 130px;
height: 300px;
margin-bottom: 14px;
margin-left: 131px;
position: absolute;
bottom: auto;
}
.div-block-686 {
z-index: 2;
background-color: #b8f1ff14;
border-right: 4px solid #97dcff1f;
width: 130px;
height: 300px;
margin-bottom: 14px;
margin-left: 0;
margin-right: 131px;
position: absolute;
}
.div-block-687 {
z-index: 10;
width: 18.75%;
height: 33%;
position: absolute;
}
.image-253, .image-254 {
height: 100%;
}
.image-255 {
z-index: 0;
width: 300px;
position: absolute;
}
.text-block-128 {
color: #fff;
letter-spacing: 4px;
text-shadow: 1px 1px 6px #fff;
font-family: Simply rounded, sans-serif;
}
.div-block-690 {
color: #cecece;
background-color: #424242;
width: 500px;
height: 200px;
margin-top: 20px;
padding: 10px;
font-family: Simply rounded, sans-serif;
font-size: 14px;
}
.div-block-691 {
background-color: #a4a4a4;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 70%;
height: 40px;
display: flex;
box-shadow: inset 1px 1px 3px 1px #000;
}
.div-block-692 {
background-color: #1cfb03;
border-radius: 20px;
width: 97%;
height: 25px;
box-shadow: 1px 1px 3px #00440c;
}
.div-block-693 {
width: 68%;
height: 20px;
display: block;
}
.grid {
grid-column-gap: 8px;
grid-template: ". ."
". Area"
/ 1fr 1fr 1fr;
width: 80%;
margin-bottom: 100px;
}
.cell {
color: #aaa;
background-color: #6a6a6a;
border-radius: 20px;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
margin-top: 0;
padding: 10px;
display: flex;
}
.slider-15 {
border-radius: 10px;
width: 100%;
}
.slide-51 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbba84ffc40d6_whoiuq.png");
background-position: 50%;
background-size: cover;
border-radius: 10px;
height: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.text-block-129 {
color: #fff;
width: 90%;
height: 15%;
font-family: Simply rounded, sans-serif;
font-size: 20px;
}
.image-256 {
width: 90%;
}
.div-block-694 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-695 {
border-left: 1px solid #fff;
border-right: 1px solid #eee;
width: 32%;
height: 100%;
}
.body-17 {
background-color: #000;
height: auto;
}
.div-block-699 {
border-left: 1px solid #fff;
border-right: 3px solid #fff;
width: 32%;
height: 100%;
}
.div-block-700 {
border-left: 1px solid #fff;
border-right: 5px solid #fff;
width: 32%;
height: 100%;
}
.div-block-701 {
justify-content: center;
align-items: center;
width: 68%;
height: 40px;
display: flex;
}
.div-block-702 {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
width: 32%;
height: 100%;
}
.div-block-703 {
border-left: 1px solid #fff;
border-right: 3px solid #fff;
width: 32%;
height: 100%;
}
.div-block-704 {
border-left: 2px solid #fff;
border-right: 5px solid #fff;
width: 32%;
height: 100%;
}
.div-block-707 {
width: 70%;
height: 20px;
display: flex;
}
.div-block-708 {
color: #fff;
width: 25%;
height: 100%;
padding-left: 20px;
font-weight: 700;
display: inline-block;
}
.div-block-709 {
color: #fff;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
padding-right: 60px;
font-weight: 700;
display: flex;
}
.div-block-710 {
color: #fff;
flex-direction: column;
align-items: center;
width: 25%;
height: 100%;
padding-left: 60px;
font-weight: 700;
display: flex;
}
.div-block-711 {
color: #fff;
background-color: #0000;
justify-content: flex-end;
width: 25%;
padding-right: 20px;
font-weight: 700;
display: flex;
}
.text-span-51, .text-span-52 {
color: #fff;
font-size: 18px;
}
.text-span-53 {
color: #fff;
font-size: 20px;
}
.slide-52, .mask-8 {
border-radius: 10px;
}
.text-span-54 {
color: #fff;
font-size: 20px;
}
.youtube {
border-radius: 0;
width: 100%;
height: 80%;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
}
.div-block-712 {
color: #fff;
border-left: 1px solid #fff;
border-right-style: none;
border-right-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 50%;
height: 100%;
display: flex;
}
.div-block-715 {
background-color: #4646468f;
border-left: 1px solid #fff;
width: 50%;
height: 100%;
}
.div-block-716 {
color: #fff;
justify-content: center;
align-items: center;
height: 10%;
display: flex;
}
.div-block-717 {
background-color: #212121;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
height: 100%;
margin-bottom: 60px;
padding: 20px;
display: none;
overflow: visible;
}
.div-block-718 {
justify-content: flex-start;
height: 300px;
display: flex;
}
.div-block-719 {
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 10%;
display: flex;
}
.div-block-720 {
width: 60%;
height: 100%;
}
.div-block-721 {
color: #932d2d;
background-color: #4a4a4a;
border-left: 10px #ff0606;
width: 100%;
height: 10%;
padding: 10px;
}
.div-block-722 {
background-color: #4646468f;
border-right: 1px #000;
width: 100%;
height: 100%;
}
.div-block-723 {
color: #fff;
justify-content: center;
align-items: center;
height: 10%;
display: flex;
}
.grid-15 {
grid-row-gap: 50px;
grid-template-rows: auto auto auto;
width: 80%;
margin-bottom: 140px;
display: none;
}
.div-block-724 {
justify-content: flex-start;
align-items: center;
height: 300px;
display: flex;
}
.div-block-731 {
justify-content: flex-end;
width: 10%;
height: 100%;
display: flex;
}
.text-block-133 {
color: #fff;
background-color: #4a4a4a;
justify-content: center;
align-items: center;
height: 100%;
font-size: 18px;
display: flex;
}
.div-block-732 {
align-items: center;
width: 25%;
height: 100%;
display: flex;
}
.div-block-733 {
color: #fff;
background-color: #2e2e2e;
justify-content: center;
align-items: center;
width: 100%;
height: 50%;
padding-top: 0;
padding-bottom: 0;
font-size: 12px;
font-weight: 700;
display: flex;
}
.div-block-734, .div-block-735 {
background-color: #4646468f;
border-top: 1px #fff;
border-bottom: 1px #fff;
border-right: 1px #fff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
width: 5%;
height: 100%;
}
.div-block-736 {
background-color: #00ff19;
border-radius: 20px;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
box-shadow: inset 1px 1px 3px #000;
}
.div-block-738 {
background-color: red;
border-radius: 20px;
width: 100%;
height: 100%;
box-shadow: inset 1px 1px 3px #000;
}
.text-block-135 {
color: #fff;
background-color: #4c4c4c;
justify-content: center;
align-items: center;
width: 100%;
height: 50%;
font-size: 12px;
font-weight: 700;
display: flex;
}
.bold-text-267 {
border-bottom: 1px solid #787878;
}
.text-block-137 {
color: #a0a0a0;
margin-top: 10px;
font-size: 12px;
}
.grid-17 {
grid-column-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
margin-bottom: 140px;
}
.div-block-741 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63bd9da8d922ffc2ac06f99f_stars-g8e20be670_1280-min.png");
background-position: 50%;
background-size: cover;
border: 10px solid #363636;
border-color: #363636 #424242 #1f1f1f #292929;
flex-direction: column;
justify-content: center;
align-items: center;
width: 520px;
height: 520px;
padding: 10px;
display: flex;
}
.div-block-742 {
background-color: #008068;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: cover;
border-radius: 17px;
width: 340px;
height: 600px;
margin-top: 0;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
box-shadow: inset 2px 2px 3px 3px #353535;
}
.text-block-138 {
color: #fff;
font-family: Simply rounded, sans-serif;
font-size: 20px;
}
.image-265 {
border-radius: 7px;
}
.div-block-743 {
background-color: #6d0166;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 340px;
height: 600px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
box-shadow: inset 2px 2px 3px 3px #353535;
}
.div-block-744 {
background-color: #d60004;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
width: 340px;
height: 600px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
box-shadow: inset 2px 2px 3px 3px #353535;
}
.div-block-745 {
color: #fff;
background-color: #3d3d3d;
border-radius: 13px;
width: 100%;
height: 100%;
margin-top: 0;
padding: 10px;
font-size: 14px;
}
.div-block-746 {
background-color: #1b1b1b;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 4px solid #3d3d3d;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.html-embed {
width: 500px;
height: 500px;
}
.image-266 {
width: 10%;
height: 100%;
display: block;
}
.image-267 {
width: 10%;
}
.div-block-747 {
background-color: #1b1b1b;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 4px solid #3d3d3d;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
justify-content: space-between;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.div-block-748 {
background-color: #1b1b1b;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 4px solid #3d3d3d;
border-radius: 15px 15px 0 0;
justify-content: space-between;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.image-268 {
width: 10%;
}
.div-block-750 {
filter: contrast(200%);
background-color: #00e6ff;
border: 5px solid #5f5f5f;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 80%;
height: 50%;
margin-top: 0;
padding-top: 0;
font-family: Prototype, sans-serif;
display: flex;
}
.div-block-754 {
color: #333;
border-top-left-radius: 50px;
border-bottom-left-radius: 15px;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.div-block-755 {
z-index: 1;
background-color: #676767;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
height: 20%;
margin-top: 20px;
position: relative;
}
.div-block-756 {
flex-direction: column;
align-items: center;
width: 50%;
height: 100%;
display: flex;
}
.div-block-758 {
color: #fff;
background-color: #a4919100;
justify-content: center;
align-items: center;
width: 100%;
height: 50%;
font-family: Prototype, sans-serif;
display: flex;
}
.div-block-759 {
justify-content: center;
align-items: center;
width: 100%;
height: 50%;
display: flex;
}
.div-block-760 {
z-index: 0;
background-color: #65656570;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
justify-content: center;
height: 30%;
margin-top: 20px;
display: flex;
position: relative;
bottom: 27px;
}
.div-block-761 {
border: 1px solid #cac9c9;
width: 0;
height: 100%;
}
.div-block-762 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
display: block;
}
.div-block-763 {
width: 50%;
}
.div-block-764 {
justify-content: center;
align-items: center;
width: 100%;
height: 78%;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-family: Joystix monospace, sans-serif;
font-size: 30px;
display: flex;
}
.image-269 {
width: 100%;
height: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-765 {
justify-content: space-between;
align-items: center;
height: 22%;
display: flex;
}
.div-block-766 {
justify-content: center;
align-items: center;
width: 30%;
height: 100%;
font-family: Joystix monospace, sans-serif;
font-size: 20px;
font-weight: 400;
display: flex;
}
.div-block-767 {
justify-content: center;
align-items: center;
width: 70%;
height: 100%;
font-family: Joystix monospace, sans-serif;
font-size: 16px;
display: flex;
}
.image-270 {
border-radius: 20px;
}
.image-271 {
width: 100%;
height: 100%;
}
.div-block-768 {
width: 100%;
height: 78%;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.div-block-769 {
justify-content: space-between;
height: 22%;
display: flex;
}
.text-block-139 {
justify-content: center;
align-items: center;
width: 70%;
font-family: Joystix monospace, sans-serif;
font-size: 16px;
display: flex;
}
.text-block-140 {
justify-content: center;
align-items: center;
width: 30%;
font-family: Joystix monospace, sans-serif;
font-size: 20px;
font-weight: 400;
display: flex;
}
.text-block-141 {
background-color: #ffd000;
border: 5px solid #4e4e4e;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 80%;
height: 50%;
font-family: Prototype, sans-serif;
display: flex;
}
.button-32 {
background-color: #f23bff;
border: 5px solid #ad0591;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 30%;
margin-top: 100px;
font-family: Prototype, sans-serif;
display: flex;
}
.image-272 {
height: 100%;
}
.div-block-770 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 15%;
display: flex;
}
.form-block-3 {
width: 100%;
}
.div-block-772 {
border: 20px #000;
border-left: 1px #fff;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
}
.image-273 {
filter: invert();
width: 100%;
height: 100%;
}
.tabs-content-diy {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 80%;
height: 100%;
max-height: 700px;
display: block;
top: 0%;
}
.pagination-2 {
width: 100%;
display: none;
position: absolute;
}
.next-2 {
background-color: #f1f1f1;
border-width: 3px;
border-radius: 12px;
padding-top: 0;
padding-bottom: 0;
}
.previous-2 {
border-width: 3px;
border-radius: 12px;
padding-top: 5px;
padding-bottom: 5px;
}
.div-block-775 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-776 {
background-color: #464646;
background-image: radial-gradient(circle, #0000006e, #fff0);
border: 4px solid #b7b7b7;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
box-shadow: inset 1px 1px 5px #000;
}
.text-span-57 {
color: #ff474a;
background-color: #ff474a00;
}
.image-274 {
filter: brightness(157%);
}
.text-span-58 {
color: #00ffc8;
background-color: #8e0f0f00;
}
.text-span-59 {
color: #00ffc8;
}
.text-span-60, .text-span-61 {
color: #fbff00;
}
.tabs-5 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 80%;
height: auto;
margin-top: 40px;
margin-bottom: 220px;
display: flex;
}
.tab-link-tab-1-4 {
background-color: #ddd0;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px;
display: flex;
}
.tab-link-tab-1-4.w--current {
background-color: #972d2d00;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.tab-link-tab-2-4 {
background-color: #fff0;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px;
display: flex;
}
.tab-link-tab-2-4.w--current {
background-color: #9f424200;
}
.tab-link-tab-3-4 {
background-color: #ddd0;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px;
display: flex;
}
.tab-link-tab-3-4.w--current {
background-color: #fff0;
}
.tab-link-tab-4-4 {
background-color: #ddd0;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px;
display: flex;
}
.tab-link-tab-4-4.w--current {
background-color: #82363600;
}
.tab-link-tab-5-3 {
background-color: #c8c8c800;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px;
display: flex;
}
.tab-link-tab-5-3.w--current {
background-color: #c8c8c800;
}
.tab-link-tab-6-3 {
background-color: #ddd0;
border: 1px #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px;
display: flex;
}
.tab-link-tab-6-3.w--current {
background-color: #642d2d00;
border: 1px #fff;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.image-276 {
background-image: radial-gradient(circle, #000, #fff0 66%);
width: 50%;
height: 80%;
padding: 3px;
}
.tabs-menu-4 {
background-color: #2b2b2b;
border-radius: 11px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 60%;
height: 60px;
padding: 5px 10px;
display: flex;
}
.tab-link-tab-7-3 {
background-color: #ddd0;
border: 1px #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px;
display: flex;
}
.tab-link-tab-7-3.w--current {
background-color: #af505000;
padding: 5px;
}
.collection-list-7 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
margin-top: 20px;
display: grid;
}
.collection-list-wrapper-9 {
width: 100%;
height: 100%;
}
.tab-pane-tab-3 {
width: 1000px;
height: 1100px;
margin-bottom: 0;
}
.tabs-content-3 {
height: auto;
margin-bottom: 0;
}
.collection-item-8 {
background-color: #1c1c1c;
border: 5px solid #252020;
border-radius: 15px;
box-shadow: inset 0 0 7px 4px #000;
}
.div-block-777 {
background-color: #70790c0d;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
height: 85%;
}
.div-block-778 {
background-color: #1d1d1d;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
flex-direction: row;
height: 15%;
display: flex;
}
.div-block-779 {
background-color: #474acd00;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom-left-radius: 15px;
justify-content: center;
align-items: center;
width: 80%;
height: 100%;
display: flex;
}
.div-block-780 {
background-color: #3b3b3b;
border-top: 1px solid #fff;
border-bottom-right-radius: 15px;
justify-content: center;
align-items: center;
width: 20%;
height: 100%;
display: flex;
}
.image-278 {
filter: invert();
height: 50%;
}
.text-block-144 {
color: #fff;
font-family: Simply rounded, sans-serif;
font-size: 20px;
font-weight: 700;
}
.tab-pane-tab-1-2, .tab-pane-tab-2, .tab-pane-tab-4, .tab-pane-tab-5, .tab-pane-tab-6, .tab-pane-tab-7 {
width: 1000px;
height: 1100px;
}
.div-block-781 {
flex-direction: column;
align-items: center;
width: 80%;
height: 500px;
margin-bottom: 100px;
display: flex;
}
.div-block-782 {
background-color: #151515;
border-radius: 11px;
height: auto;
margin-bottom: 20px;
box-shadow: inset 1px 1px 10px 4px #000;
}
.div-block-783 {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 80px;
display: flex;
}
.div-block-784 {
justify-content: center;
align-items: center;
width: 23%;
height: 100%;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.div-block-785 {
width: 80%;
height: 100%;
display: flex;
}
.image-279 {
padding-left: 20px;
padding-right: 20px;
}
.text-block-145 {
color: #fff;
font-family: Simply rounded, sans-serif;
font-size: 25px;
}
.div-block-786 {
flex-direction: row;
align-items: flex-start;
height: 80%;
display: flex;
}
.div-block-787 {
align-items: center;
width: 100%;
height: 80%;
display: flex;
}
.div-block-788 {
width: 25%;
height: 100%;
}
.div-block-789 {
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.collection-list-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.collection-list-wrapper-10 {
padding-left: 10px;
padding-right: 10px;
}
.doll1 {
transition: transform .2s;
}
.doll1:hover {
transform: scale(1.8);
}
.div-block-792 {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
font-size: 1%;
display: flex;
}
.div-block-793 {
justify-content: center;
align-items: center;
width: 100%;
height: 25px;
margin-top: 20px;
font-size: 1%;
display: flex;
}
.div-block-794 {
justify-content: center;
align-items: center;
width: 100%;
height: 25px;
margin-top: 20px;
display: flex;
}
.div-block-795 {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.div-block-796 {
justify-content: center;
align-items: center;
width: 100%;
height: 25px;
margin-top: 20px;
display: flex;
}
.div-block-797 {
justify-content: space-between;
display: flex;
}
.div-block-798 {
justify-content: center;
align-items: center;
width: 100%;
height: 25px;
margin-top: 20px;
display: flex;
}
.div-block-799 {
align-items: flex-start;
display: flex;
}
.div-block-800 {
justify-content: center;
align-items: center;
width: 100%;
height: 25px;
margin-top: 20px;
display: flex;
}
.div-block-801 {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.div-block-802 {
justify-content: center;
align-items: center;
width: 100%;
height: 25px;
margin-top: 20px;
display: flex;
}
.div-block-803 {
justify-content: space-between;
display: flex;
}
.body-18, .body-delivery-information, .body-ruturn-information, .body-21, .body-24, .body-25, .body-26, .body-27, .store-policy, .body-29, .body-30 {
background-color: #000;
}
.body-31 {
background-color: #000;
height: auto;
}
.text-block-146 {
margin-top: 20px;
font-size: 12px;
}
.text-block-147 {
color: #c4c4c4;
height: 80%;
margin-top: 20px;
font-size: 12px;
font-weight: 700;
}
.slide-nav-13 {
background-color: #4e4e4e;
border-bottom: 3px #111;
border-left: 3px #111;
border-right: 3px #111;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 50%;
margin-top: 0;
padding-top: 10px;
display: flex;
bottom: -80px;
box-shadow: inset 0 1px 1px 3px #111;
}
.div-block-804 {
background-color: #4a4a4a00;
flex-direction: column;
justify-content: flex-end;
align-items: center;
display: flex;
}
.button-wrapper-2 {
color: #fff;
background-color: #292929;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636d5bd2b0c59e6a6cf90bba_kewin.png");
background-position: 50%;
background-size: auto;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 15px 20px;
font-size: 17px;
text-decoration: none;
transition: box-shadow .2s;
display: flex;
box-shadow: 0 1px 3px #0000;
}
.button-wrapper-2:hover {
box-shadow: 0 6px 13px #00000047;
}
.button-wrapper__text {
margin-left: .5px;
margin-right: .5px;
}
.div-block-805 {
flex-direction: row;
justify-content: center;
align-items: flex-end;
height: 60%;
display: flex;
}
.btn-wrap {
max-width: 500px;
display: block;
}
.btn-liquid {
color: #fff;
text-align: center;
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #a4383800;
border-radius: 27px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 240px;
height: 60px;
font-family: Oswald, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
display: flex;
position: relative;
}
.inner {
z-index: 2;
position: relative;
bottom: -93px;
}
.div-block-806 {
justify-content: center;
align-items: flex-end;
height: 40%;
display: flex;
}
.button-wrapper-3 {
perspective: 1500px;
text-decoration: none;
position: relative;
}
.button-face {
z-index: 10;
color: #fff;
text-transform: uppercase;
background-color: #82131300;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png"), linear-gradient(199deg, red, #00d4ff 43%, #e3ff10 90%, #fff);
background-position: 50%, 0 0;
background-size: cover, auto;
border: 5px solid #000;
padding: 15px 25px;
font-weight: 700;
text-decoration: none;
position: relative;
}
.button-text {
font-family: Simply rounded, sans-serif;
text-decoration: none;
}
.button-side {
z-index: 10;
transform-origin: 50% 0;
transform-style: preserve-3d;
background-image: linear-gradient(#0000001c, #0000001c), linear-gradient(#f59100, #9b7500);
border: 3px solid #000;
width: 99.5%;
height: 10px;
position: relative;
transform: perspective(100px)rotateX(-60deg)rotateY(0)rotateZ(0);
}
.div-block-807 {
justify-content: center;
align-items: flex-end;
height: 20%;
display: flex;
}
.neon-button {
perspective-origin: 50%;
color: #ff00b7;
text-transform: uppercase;
text-shadow: 0 0 .125em #ffffff80, 0 0 .5em #ff00b7;
background-color: #292026;
border: 4px solid #ff00b7;
border-radius: .25em;
flex-direction: row;
justify-content: center;
align-items: center;
width: 50%;
padding: .5em 1em;
font-size: 24px;
font-weight: 400;
text-decoration: none;
transition: box-shadow .2s, background-color .2s;
display: flex;
position: relative;
transform: none;
box-shadow: inset 0 0 .5em #ff00b7, 0 0 .5em #ff00b7;
}
.neon-button:hover {
color: #292026;
background-color: #ff00b7;
box-shadow: inset 0 0 .5em #ff00b7, 0 0 2em #ff00b7;
}
.text-block-148 {
text-shadow: 0 0 .5em #ff00b7;
align-items: flex-end;
font-family: Minecraft, sans-serif;
font-size: 16px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.bottom-shadow {
opacity: .7;
filter: blur(1em);
cursor: default;
transform-style: preserve-3d;
background-color: #ff00b7;
width: 100%;
height: 100%;
position: absolute;
inset: 119% auto auto;
transform: perspective(3em)rotateX(40deg)rotateY(0)rotateZ(0)perspective(500px);
}
.div-block-808 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 40%;
display: flex;
}
.btn {
color: #222;
background-color: #e5dcff;
border-radius: 6px;
padding: 15px 25px;
font-size: 18px;
font-style: normal;
line-height: 1.2em;
transition: background-color .2s, box-shadow .2s;
}
.btn:hover {
background-image: linear-gradient(39deg, #b8a3f2, #e5dcff);
box-shadow: 6px 6px 14px #b8a3f26b;
}
.btn.btn-flex {
justify-content: center;
align-items: center;
display: flex;
}
.btn.btn-flex.btn-smoothies {
color: #fff;
background-color: #e5dcff00;
background-image: linear-gradient(50deg, #b8a3f2, #e5dcff);
border: 1px #fff;
border-radius: 0 30px;
padding: 10px 25px 10px 8px;
transition-property: none;
position: relative;
box-shadow: 3px 3px 5px #2222223b;
}
.btn.btn-flex.btn-smoothies:hover {
box-shadow: -4px 4px 20px 2px #cccccc80;
}
.btn.btn-flex.btn-smoothies.btn-smoothies_orange {
background-image: linear-gradient(45deg, #ff0f00, #ffc003 70%, #ff0f00);
padding-left: 25px;
text-decoration: none;
transition: all .5s;
box-shadow: 4px 4px 5px #f9554b4d;
}
.btn.btn-flex.btn-smoothies.btn-smoothies_orange:hover {
box-shadow: 4px 4px 15px 5px #f9554b4d;
}
.btn-smoothies-cirlce-topright {
opacity: 0;
border-radius: 50%;
width: 20px;
height: 20px;
display: block;
position: absolute;
}
.btn-smoothies-cirlce-topright.btn-smoothies-cirlce-topright_1 {
inset: 0% 20% auto auto;
}
.btn-smoothies-cirlce-topright.btn-smoothies-cirlce-topright_1.topright_1_orange {
background-color: #ffa19c;
}
.btn-smoothies-cirlce-topright.btn-smoothies-cirlce-topright_2 {
inset: 15% 5% auto auto;
}
.btn-smoothies-cirlce-topright.btn-smoothies-cirlce-topright_2.topright_2_orange {
background-color: #ffa19c;
}
.btn-smoothies-cirlce-btmleft {
opacity: 0;
border-radius: 50%;
width: 20px;
height: 20px;
display: block;
position: absolute;
}
.btn-smoothies-cirlce-btmleft.btn-smoothies-circle-btmleft_2 {
inset: auto auto 15% 10%;
}
.btn-smoothies-cirlce-btmleft.btn-smoothies-circle-btmleft_2.btmleft_2_orange {
background-color: #f95f55;
}
.btn-smoothies-cirlce-btmleft.btn-smoothies-cirlce-btmleft_1 {
inset: auto auto 0% 20%;
}
.btn-smoothies-cirlce-btmleft.btn-smoothies-cirlce-btmleft_1.btmleft_1_orange {
background-color: #fb7168;
}
.div-block-809 {
z-index: 2;
background-color: #d45e5e00;
border: 10px solid #1b1a1aed;
border-color: #534f4fed #1b1a1aed #353434ed;
border-radius: 5px;
width: 18%;
height: 11.3%;
position: absolute;
}
.right-arrow-5, .left-arrow-5, .right-arrow-6, .left-arrow-6, .right-arrow-7, .left-arrow-7, .right-arrow-8, .left-arrow-8, .right-arrow-9, .left-arrow-9 {
display: none;
}
.mask-9, .mask-10, .mask-11, .mask-12 {
border-radius: 5px;
}
.div-block-810 {
flex-direction: column;
justify-content: space-between;
height: 80%;
display: flex;
}
.slide-nav-14 {
background-color: #4e4e4e;
border-bottom: 3px #111;
border-left: 3px #111;
border-right: 3px #111;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 50%;
padding-top: 10px;
display: flex;
bottom: -80px;
box-shadow: inset 0 1px 1px 3px #111;
}
.slide-nav-15 {
background-color: #4e4e4e;
border-bottom: 3px #111;
border-left: 3px #111;
border-right: 3px #111;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
justify-content: center;
align-items: center;
width: 50%;
padding-top: 10px;
display: flex;
bottom: -80px;
box-shadow: inset 0 1px 1px 3px #000;
}
.slide-nav-16 {
background-color: #4e4e4e;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 50%;
padding-top: 10px;
display: flex;
bottom: -80px;
box-shadow: inset 0 1px 1px 3px #111;
}
.tabs-content-product-men {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
height: 100%;
max-height: 600px;
display: block;
}
.image-280 {
width: 35px;
max-width: 100%;
height: 35px;
max-height: 100%;
}
.div-block-814 {
color: #04b6a7;
}
.body-32 {
background-color: #202020;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 50%;
background-size: cover;
}
.page-wrapper-4 {
max-width: 400px;
}
.log-in-form-block {
background-color: #5d5d5d;
border: 10px solid #898989;
border-radius: 19px;
padding-top: 20px;
padding-bottom: 20px;
box-shadow: 1px 1px 20px #000;
}
.link-5 {
color: #fff;
}
.user-email-field {
background-color: #fff;
font-family: Prototype, sans-serif;
}
.user-password-field {
background-color: #fff;
}
.user-account-wrapper {
background-color: #1b1b1b;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 50%;
background-size: cover;
padding-top: 100px;
}
.block-content-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #171717;
border-width: 5px;
border-top-style: solid;
border-top-color: #e4e4e4;
border-left-style: none;
border-radius: 0 30px 30px 0;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 70%;
height: 60px;
margin-bottom: 0;
margin-right: 40px;
padding-top: 20px;
padding-bottom: 10px;
display: block;
}
.block-header-5 {
color: #897676;
background-color: #5d5d5d;
border-width: 4px;
border-color: #666;
height: 500px;
padding-top: 20px;
padding-bottom: 20px;
}
.block-header-6 {
background-color: #3b3b3b;
border-width: 4px;
border-color: #4b4b4b;
justify-content: space-between;
align-items: center;
height: 150px;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.subscriptions-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.checkbox-field, .cancel-button, .submit-button-10, .user-email-field-2, .field-label-41 {
display: none;
}
.block-content-7 {
background-color: #212121;
border-bottom: 4px #252525;
border-left: 4px #252525;
border-right-style: none;
border-radius: 14px;
width: 25%;
margin-bottom: 0;
margin-left: 40px;
margin-right: 0;
}
.subscription {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 20px;
}
.image-282 {
width: 60%;
height: 50%;
}
.field-label-42 {
color: #fff;
font-size: 25px;
}
.text-block-155 {
color: #fff;
}
.text-block-156 {
color: #e1e1e1;
}
.text-block-157 {
color: #cecece;
}
.paragraph-10 {
color: #e4e4e4;
font-size: 1rem;
}
.form-header {
background-color: #5d5d5d;
border: 10px solid #898989;
border-radius: 20px;
padding: 20px;
box-shadow: 1px 1px 20px #000;
}
.body-33 {
background-color: #242424;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 50%;
background-size: cover;
}
.body-34 {
background-color: #252525;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 50%;
background-size: cover;
}
.body-35 {
background-color: #1f1f1f;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 50%;
background-size: cover;
}
.body-36 {
background-color: #222;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 50%;
background-size: cover;
}
.sign-up-form {
background-color: #5d5d5d;
border: 10px solid #898989;
border-radius: 20px;
padding: 20px;
box-shadow: 1px 1px 20px #000;
}
.sign-up-form-block {
border: 1px #ececec;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.reset-password-form-block {
background-color: #5d5d5d;
border: 10px solid #898989;
border-radius: 17px;
padding-top: 20px;
padding-bottom: 20px;
box-shadow: 1px 1px 20px #000;
}
.reset-password-form {
background-color: #5d5d5d00;
}
.paragraph-11 {
color: #fff;
background-color: #fff0;
margin-top: 10px;
margin-bottom: 10px;
font-size: .7rem;
}
.update-password-block {
background-color: #5d5d5d;
border: 10px solid #898989;
border-radius: 20px;
padding-top: 20px;
padding-bottom: 20px;
box-shadow: 1px 1px 20px #000;
}
.div-block-819 {
background-color: #161616;
background-image: radial-gradient(circle, #282525, #1b1b1b);
width: 100%;
height: 100%;
box-shadow: inset 0 1px 15px 5px #000;
}
.field-label-43, .field-label-44 {
color: #fff;
font-family: Prototype, sans-serif;
}
.text-span-62 {
color: #e4e4e4;
}
.submit-button-11 {
font-family: Simply rounded, sans-serif;
font-weight: 700;
}
.field-label-45 {
color: #fff;
font-family: Prototype, sans-serif;
}
.field-label-46, .field-label-47 {
color: #fff;
}
.checkbox-label-6 {
color: #e4e4e4;
background-color: #e4e4e400;
}
.checkbox-label-7, .text-span-63 {
color: #e4e4e4;
}
.submit-button-12 {
font-family: Simply rounded, sans-serif;
}
.field-label-48 {
color: #e4e4e4;
}
.submit-button-13 {
font-family: Simply rounded, sans-serif;
font-weight: 700;
}
.field-label-49 {
color: #fff;
font-family: Prototype, sans-serif;
}
.submit-button-14 {
font-family: Simply rounded, sans-serif;
font-weight: 700;
}
.text-field-12 {
color: #fff;
background-color: #fff0;
font-family: Simply rounded, sans-serif;
}
.div-block-859 {
background-color: #000;
border-top: 40px #444;
justify-content: center;
align-items: flex-start;
width: 1920px;
max-width: 1920px;
height: 200px;
max-height: 200px;
display: block;
position: relative;
}
.div-block-860 {
flex-direction: row;
align-items: center;
width: 60%;
height: 80%;
display: flex;
}
.div-block-861 {
background-color: #000;
justify-content: center;
align-items: flex-start;
width: 50%;
height: 100%;
display: flex;
}
.div-block-862 {
z-index: 2;
box-shadow: inset -1px 3px 3px 0 #242424, 0 7px 3px 8px var(--purple);
color: #b54444;
background-color: #a3004b;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 40%;
height: 60%;
transition: opacity .25s;
display: flex;
position: relative;
}
.div-block-862:hover {
transform: translate(0, 3px);
}
.div-block-862:active {
filter: brightness(120%);
background-color: #ff0075;
transform: translate(0, 5px);
}
.div-block-863 {
z-index: 15;
background-color: #e3f806;
border-radius: 20px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 40%;
height: 60%;
transition: opacity .25s;
display: flex;
position: relative;
box-shadow: 0 9px 3px 6px #999100;
}
.div-block-863:hover {
transform: translate(0, 3px);
}
.div-block-863:active {
filter: brightness(120%);
transform: translate(0, 5px);
}
.div-block-864 {
z-index: 3;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png");
background-position: 0 0;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12%;
height: 49%;
margin-top: 0;
display: flex;
position: absolute;
}
.lottie-animation-8 {
width: 70%;
height: 100%;
}
.div-block-865 {
background-color: #4f08086e;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: contain;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
margin: 20px;
padding-right: 0;
display: flex;
box-shadow: inset 1px 1px 3px #313131;
}
.div-block-866 {
background-color: #9fc300;
border-radius: 20px;
width: 100%;
height: 80%;
margin: 20px;
box-shadow: inset 1px 1px 3px #000;
}
.lottie-animation-10 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: contain;
border-radius: 20px;
width: 100%;
height: 100%;
}
.div-block-867 {
background-color: #e000e0;
border-radius: 20px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 40%;
height: 60%;
transition: transform .25s;
display: flex;
box-shadow: 0 5px 0 6px #710075;
}
.div-block-867:hover {
transform: translate(0, 3px);
box-shadow: 0 5px 0 3px #710075;
}
.div-block-867:active {
filter: brightness(120%);
transform: translate(0, 5px);
box-shadow: 0 5px #710075;
}
.div-block-868 {
background-color: #00d40e;
border-radius: 20px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 40%;
height: 60%;
transition: transform .25s;
display: flex;
box-shadow: 0 5px 0 6px #009205;
}
.div-block-868:hover {
transform: translate(0, 3px);
}
.div-block-868:active {
filter: brightness(120%);
transform: translate(0, 5px);
}
.lottie-animation-12 {
z-index: 10;
height: 100%;
position: absolute;
inset: 0%;
}
.lottie-animation-13 {
z-index: 15;
width: 120%;
height: 120%;
position: absolute;
top: -10%;
left: -10%;
}
.lottie-animation-14 {
opacity: 0;
align-items: flex-start;
width: 10%;
height: 100%;
display: block;
position: absolute;
bottom: 163px;
}
.lottie-animation-15 {
z-index: 11;
width: 15%;
position: absolute;
bottom: 75.867px;
}
.face-de-la-capsule {
z-index: 16;
border: 12px solid #181818;
border-bottom-style: none;
border-radius: 25px 25px 0 0;
width: 540px;
height: 540px;
display: block;
position: absolute;
top: 90px;
}
.vitre {
z-index: 13;
color: #000;
background-color: #292929;
border-right: 5px solid #5a5a5a;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
flex-flow: row;
width: 50%;
height: 603px;
display: flex;
position: absolute;
top: 9px;
}
.div-block-871 {
background-color: #202020;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
width: 20%;
}
.div-block-872 {
background-color: #fff0;
width: 20%;
}
.div-block-873 {
background-color: #202020;
width: 20%;
}
.div-block-874 {
width: 20%;
}
.div-block-875 {
background-color: #202020;
flex-direction: row;
justify-content: center;
width: 20%;
min-width: 20%;
display: flex;
}
.back-capsule {
background-color: #1d1d1d00;
border: 40px #f3f3f3;
border-radius: 20px;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 540px;
height: 620px;
display: block;
position: absolute;
top: 90px;
box-shadow: inset 1px 1px 3px #353535;
}
.div-block-876, .div-block-877 {
flex-direction: column;
justify-content: space-between;
width: 50%;
display: flex;
}
.div-block-878 {
justify-content: center;
align-items: center;
width: 100%;
height: 8%;
display: flex;
}
.div-block-879, .div-block-880 {
background-color: #565656;
border-radius: 20px;
width: 50%;
height: 30%;
}
.div-block-881 {
justify-content: center;
align-items: center;
width: 100%;
height: 8%;
display: flex;
}
.div-block-882 {
background-color: #5a5a5a;
border-radius: 20px;
width: 50%;
height: 30%;
}
.div-block-883 {
background-color: #1e1e1e;
border: 3px solid #5d5d5d;
border-top-left-radius: 10px;
border-top-right-radius: 0;
border-bottom-left-radius: 10px;
width: 100%;
height: 10%;
}
.div-block-884 {
border-bottom: 2px solid #3f3f3f;
height: 25%;
}
.vitre-2 {
z-index: 13;
background-color: #292929;
border-left: 5px solid #5a5a5a;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
flex-direction: row;
justify-content: flex-end;
width: 50%;
height: 602px;
display: flex;
position: absolute;
top: 9px;
right: 0;
}
.div-block-885 {
background-color: #1e1e1e;
border: 3px solid #5d5d5d;
border-top-color: #5a5a5a;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
width: 100%;
height: 10%;
}
.div-block-886 {
border-top: 1px #2b2b2b;
border-bottom: 2px solid #3f3f3f;
width: 100%;
height: 25%;
}
.face-de-la-capsule-2 {
z-index: 15;
border: 12px solid #181818;
border-top: 10px #181818;
border-radius: 0 0 20px 20px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 540px;
height: 80px;
display: none;
position: absolute;
top: 630px;
overflow: visible;
}
.vitre-4 {
background-color: #4e4e4e;
border-top-style: none;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.face-de-la-capsule-3-devant {
z-index: 16;
color: #b46767;
border: 12px solid #181818;
border-top: 10px #181818;
border-radius: 0 0 25px 25px;
width: 540px;
height: 80px;
display: block;
position: absolute;
top: 630px;
}
.div-block-894 {
border-top: 1px solid #3b3b3b;
height: 15%;
}
.div-block-895 {
align-items: center;
height: 30%;
display: flex;
}
.div-block-896 {
width: 5%;
height: 100%;
}
.div-block-897 {
background-color: #3a3a3a;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
width: 5%;
height: 100%;
}
.face-de-la-capsule-devant {
z-index: 11;
border: 12px solid #181818;
border-bottom-style: none;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 540px;
height: 540px;
display: block;
position: absolute;
top: 90px;
}
.div-block-899 {
width: 50%;
height: 100%;
}
.div-block-900 {
align-items: center;
width: 100%;
height: 50%;
display: flex;
}
.div-block-901 {
background-color: #36353500;
justify-content: center;
align-items: center;
width: 10%;
height: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-902 {
color: #161616;
background-color: #1a1a1a;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 50%;
height: 80%;
display: flex;
box-shadow: inset 0 1px 3px #000;
}
.lottie-animation-16 {
z-index: 5;
display: block;
position: absolute;
overflow: visible;
}
.grid-20 {
grid-row-gap: 0px;
grid-template: "Area"
"Area-2"
"Area-3"
/ 3.25fr;
}
.div-block-905 {
background-color: #29292900;
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-906 {
background-color: #131313;
border-bottom: 4px #101010;
border-left: 4px solid #101010;
border-bottom-left-radius: 40px;
width: 100%;
height: 40px;
}
.div-block-907 {
background-color: #131313;
width: 35%;
height: 60px;
}
.buy-now-button-4 {
z-index: 51;
text-transform: none;
background-color: #21ff19;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png");
background-position: 50%;
background-size: cover;
border-bottom: 4px solid #2ec300;
border-left: 4px solid #9dff92;
border-right: 4px solid #8cff52;
border-radius: 15px;
justify-content: center;
width: 100%;
height: 100%;
margin-top: 0;
margin-right: 0;
font-family: Simply rounded, sans-serif;
font-size: 38px;
transition: transform .25s;
display: flex;
position: relative;
box-shadow: 0 5px 1px 1px #008a22;
}
.buy-now-button-4:hover {
text-shadow: 1px 1px 3px #fff;
transform: translate(0, 5px);
box-shadow: 0 1px 1px 1px #008a22;
}
.buy-now-button-4:active {
padding-top: 15px;
box-shadow: inset 0 5px #00661a, 0 1px 1px 1px #008a22;
}
.buy-now-button-4.btn-toggle {
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
box-shadow: 0 5px 0 1px #008a22;
}
.buy-now-button-4.btn-toggle:hover {
box-shadow: 0 0 20px 10px #ebff7870, 0 5px 0 1px #008a22;
}
.div-block-910 {
color: #131313;
border-top: 20px solid #131313;
border-bottom: 30px #131313;
border-left: 30px solid #ca9e9e00;
border-right: 30px #000;
width: 5%;
height: 20px;
}
.div-block-911 {
flex-direction: column;
align-items: flex-end;
width: 65%;
height: 100%;
display: flex;
}
.div-block-912 {
background-color: #131313;
border-right: 4px solid #101010;
border-bottom-right-radius: 20px;
width: 12.5%;
height: 100%;
}
.div-block-914 {
justify-content: flex-end;
width: 100%;
height: 140px;
margin-top: 20px;
display: flex;
}
.div-block-915 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 30%;
height: 100%;
display: flex;
}
.play-audio {
z-index: 32;
cursor: pointer;
background-color: #151e501f;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png");
background-position: 50%;
background-size: cover;
border: 5px solid #1b1b1b;
border-radius: 5px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
height: 90%;
display: flex;
position: relative;
box-shadow: inset 1px 1px 7px #000;
}
.play-audio.btn-cap {
z-index: 35;
width: 90%;
}
.div-block-917 {
background-color: #670067;
width: 10%;
height: 10%;
}
.div-block-918 {
border: 1px solid #31003d;
width: 100%;
height: 20%;
}
.div-block-919 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 70%;
display: flex;
}
.div-block-920 {
background-color: #5b0002;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
justify-content: center;
align-items: flex-start;
width: 70%;
height: 10%;
padding-top: 3px;
display: flex;
box-shadow: inset 1px 1px 13px #000;
}
.div-block-921 {
z-index: 40;
background-color: #ffffffbd;
background-image: linear-gradient(#000, #fff);
border-radius: 20px;
width: 80%;
height: 30%;
position: relative;
box-shadow: 0 0 20px #fff;
}
.div-block-922 {
z-index: 53;
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
align-items: center;
width: 75%;
height: 80%;
margin-bottom: -5px;
display: none;
position: relative;
}
.div-block-923 {
z-index: 1;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 60%;
display: none;
position: absolute;
}
.div-shiney {
z-index: 2;
color: #00e6ff;
text-align: center;
background-color: #a5a5a500;
justify-content: center;
align-items: center;
width: 100%;
height: 60%;
font-family: Joystix monospace, sans-serif;
display: flex;
position: absolute;
}
.div-quantity {
z-index: 3;
text-align: center;
align-items: center;
width: 100%;
height: 60%;
display: none;
position: absolute;
}
.div-block-926 {
z-index: 4;
color: #0bf;
justify-content: center;
align-items: center;
width: 100%;
height: 60%;
font-family: Joystix monospace, sans-serif;
font-weight: 700;
display: flex;
position: absolute;
}
.div-do-it {
z-index: 53;
align-items: center;
width: 100%;
height: 80%;
display: flex;
position: relative;
}
.text-block-167 {
color: #00d4ff;
text-align: center;
background-color: #36363600;
font-family: Joystix monospace, sans-serif;
}
.div-price {
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: none;
position: absolute;
}
.text-block-168 {
color: #0ef;
text-align: center;
background-color: #18e2f100;
font-family: Joystix monospace, sans-serif;
}
.div-more-info {
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: none;
position: absolute;
}
.text-block-169 {
color: #00e6ff;
text-align: center;
font-family: Joystix monospace, sans-serif;
}
.div-block-927 {
background-color: #1a1a1a;
justify-content: space-between;
display: flex;
}
.div-block-928 {
justify-content: center;
align-items: center;
width: 130px;
min-width: 130px;
max-width: 130px;
height: 120px;
min-height: 120px;
max-height: 120px;
display: flex;
position: absolute;
}
.olek-face-2 {
z-index: 20;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 113px;
min-height: 113px;
max-height: 113px;
display: block;
}
.olek-nose {
z-index: 29;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 113px;
min-height: 113px;
max-height: 113px;
display: block;
position: absolute;
}
.ola-mouth {
z-index: 26;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.div-block-929 {
color: #00b82e;
background-color: #7ff95a00;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cfd1e9c1a8218bcb5b2b69_Calque%202ldpi.svg");
background-position: 50%;
background-size: cover;
border: 3px solid #000;
border-radius: 10px;
width: 232.067px;
height: 120px;
margin-left: 0;
margin-right: 0;
padding: 10px 20px 20px;
position: relative;
box-shadow: inset 0 1px 0 1px #272727;
}
.div-block-930 {
z-index: 9;
border: 12px solid #181818;
border-top: 10px #181818;
border-radius: 0 0 20px 20px;
width: 540px;
height: 80px;
position: absolute;
top: 630px;
}
.div-block-931 {
z-index: 51;
filter: brightness(200%) invert();
background-color: #a0a0a000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
align-items: center;
width: 320px;
height: 110px;
margin-bottom: 10px;
display: none;
position: absolute;
top: auto;
bottom: auto;
}
.div-block-932 {
filter: hue-rotate(230deg) brightness(200%);
background-color: #eaff0000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
justify-content: center;
align-items: center;
width: 320px;
height: 110px;
margin-bottom: 10px;
display: none;
position: absolute;
top: auto;
bottom: auto;
}
.div-block-933 {
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: flex;
position: relative;
}
.text-block-170 {
color: #00d4ff;
text-align: center;
border: 1px #fcff5f;
justify-content: center;
align-items: center;
font-family: Joystix monospace, sans-serif;
display: flex;
}
.discounts {
background-color: #131313;
border: 4px solid #101010;
border-bottom-style: none;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding-top: 4px;
padding-bottom: 20px;
display: block;
}
.block-header-7 {
background-color: #29292900;
border-style: none;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.div-block-934 {
flex-direction: column;
width: 50%;
height: 40px;
min-height: 40px;
margin-bottom: 0;
display: flex;
}
.text-block-171 {
color: #fff;
}
.block-content-8 {
color: #fff;
background-color: #29292900;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
}
.block-header-8 {
color: #fff;
background-color: #29292900;
border-style: none;
align-items: center;
padding-right: 0;
}
.text-block-172 {
color: #c4c4c4;
}
.block-header-9 {
background-color: #29292900;
border-style: none;
align-items: center;
}
.shipping-method {
background-color: #29292900;
border-bottom-style: none;
}
.text-block-174 {
color: #fff;
}
.text-block-175 {
color: #c4c4c4;
}
.text-block-176 {
color: #fff;
}
.shipping-method-list {
border-left-style: none;
border-right-style: none;
}
.order-item-list {
background-color: #fff;
border-radius: 10px;
margin-bottom: 0;
padding: 5px;
}
.div-block-935 {
background-color: #131313;
border: 3px solid #000;
border-radius: 5px;
margin-right: 0;
padding: 15px 20px 20px;
box-shadow: inset 0 1px 0 1px #272727;
}
.empty-state-2 {
background-color: #292929;
border: 1px #000;
}
.text-block-177 {
color: #fff;
font-family: Simply rounded, sans-serif;
}
.div-block-936 {
justify-content: center;
align-items: center;
height: 50%;
display: flex;
}
.div-block-937 {
background-color: #62626200;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 15%;
height: 100%;
display: flex;
}
.div-block-938 {
background-color: #353535;
border-radius: 20px;
width: 70%;
height: 70%;
box-shadow: inset 0 1px 3px #000;
}
.order-item {
margin-top: 10px;
margin-bottom: 10px;
}
.div-block-939 {
justify-content: space-between;
display: flex;
}
.div-block-940 {
justify-content: flex-start;
width: 320px;
height: 140px;
display: flex;
}
.div-block-941 {
justify-content: center;
align-items: flex-end;
width: 50%;
display: flex;
}
.div-block-942 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
display: flex;
}
.div-ac {
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
justify-content: center;
align-items: center;
width: 50%;
height: 13%;
margin-bottom: 7px;
display: none;
position: absolute;
}
.adress-checkout {
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: flex;
}
.div-block-945 {
z-index: 1;
justify-content: center;
align-items: center;
width: 130px;
min-width: 130px;
max-width: 130px;
height: 120px;
min-height: 120px;
max-height: 120px;
display: flex;
position: absolute;
}
.text-block-178 {
color: #0bf;
text-align: center;
background-color: #7c151500;
font-family: Joystix monospace, sans-serif;
font-size: 10px;
}
.div-block-946 {
justify-content: center;
align-items: center;
width: 100%;
height: 20px;
display: flex;
}
.div-block-947 {
display: block;
top: 100px;
}
.div-block-948 {
background-color: #0b0b0b;
border-left: 2px solid #292929;
border-right: 2px solid #292929;
justify-content: flex-start;
align-items: center;
width: 93%;
height: 100%;
display: flex;
}
.div-block-949 {
border-right: 2px solid red;
border-top-right-radius: 10px;
width: 5%;
height: 100%;
}
.div-block-950 {
border-left: 2px solid #2f0;
border-radius: 20px;
width: 4%;
height: 100%;
margin-left: 3px;
padding-left: 0;
}
.div-block-951 {
border-left: 2px solid #c300ff;
border-right: 1px solid #0f1;
border-top-left-radius: 3px;
border-top-right-radius: 8px;
border-bottom-left-radius: 3px;
width: 10%;
height: 100%;
margin-left: 2px;
}
.div-block-952 {
color: #ebb800;
background-color: #974a18;
justify-content: flex-end;
width: 4%;
height: 100%;
margin-left: 3px;
padding-right: 2px;
display: flex;
}
.div-block-953 {
background-color: #ffffff3b;
border-radius: 20px;
width: 40%;
height: 100%;
}
.div-block-954 {
border-left: 2px solid red;
border-right: 1px solid #0400ff;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 4%;
height: 100%;
margin-left: 3px;
}
.div-block-955 {
border-right: 1px solid #c8ff00;
border-radius: 3px;
width: 3%;
height: 100%;
margin-left: 2px;
}
.div-block-956 {
background-color: #00a2ff00;
border-left: 2px solid #00ff08;
border-right: 1px solid #ff00e5;
border-radius: 2px 5px 4px;
width: 3%;
height: 100%;
margin-left: 2px;
}
.div-block-957 {
border-left: 1px solid red;
border-right: 1px solid #fbff00;
border-radius: 8px 5px 5px 2px;
width: 5%;
height: 100%;
margin-left: 3px;
}
.div-block-958 {
border-left: 2px solid #00ff08;
border-right: 2px solid #e0f;
border-top-left-radius: 3px;
border-top-right-radius: 5px;
width: 5%;
height: 100%;
margin-left: 2px;
}
.div-block-959 {
background-color: #c8f11300;
border-left: 2px solid #eaff00;
border-right: 2px solid #3700ff;
border-radius: 2px 2px 2px 5px;
width: 5%;
height: 100%;
margin-left: 3px;
}
.div-block-960 {
background-color: #c8c8c8;
justify-content: flex-end;
width: 3%;
height: 100%;
margin-left: 5px;
padding-right: 1px;
display: flex;
}
.div-block-961 {
background-color: #ededed5c;
border-radius: 20px;
width: 30%;
height: 100%;
}
.order-confirmation {
background-color: #484848;
background-image: linear-gradient(#0b0013a3, #0b0013a3), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 0 0, 50%;
background-size: auto, auto;
}
.block-header-10 {
background-color: #29292900;
border-style: none;
align-items: center;
}
.block-content-9 {
background-color: #29292900;
border: 1px #000;
}
.text-block-179 {
color: #fff;
}
.text-block-180 {
color: #c4c4c4;
}
.block-header-11 {
color: #fff;
background-color: #29292900;
border-style: none;
align-items: center;
padding-right: 0;
}
.block-content-10 {
background-color: #29292900;
border: 1px #000;
}
.text-block-181, .text-block-182, .text-block-183, .text-block-184, .text-block-185 {
color: #fff;
}
.block-content-11 {
background-color: #29292900;
border: 1px #000;
}
.div-block-967 {
flex-direction: column;
display: flex;
top: 100px;
}
.block-header-12 {
background-color: #29292900;
border-style: none;
align-items: center;
}
.order-item-list-2 {
background-color: #fff;
border-radius: 10px;
padding: 10px 10px 0;
}
.block-header-13 {
background-color: #fff0;
border-style: none;
}
.block-content-12 {
background-color: #fff0;
border: 1px #000;
padding-top: 40px;
padding-bottom: 40px;
}
.customer-info-2 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63579f47f876ae247b316981_image_processing20200827-13093-vihwqi.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
}
.payment-info-2 {
background-color: #1c00b800;
border-radius: 30px;
}
.block-content-13 {
background-color: #1c00b8;
border: 1px #000;
border-right: 3px #2629c3;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.block-header-14 {
background-color: #1c00b8;
border: 3px solid #2629c3;
border-style: solid solid none none;
border-radius: 30px 30px 0 0;
height: 50px;
}
.block-header-15 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6332104946cb05aedc149b46_pngtree-black-background-simple-texture-image_556938.jpg");
background-position: 50%;
background-size: cover;
border-style: none solid none none;
border-right-width: 3px;
border-right-color: #2e2e2e;
height: 45px;
}
.div-block-968 {
color: #f1e500;
font-family: Kredit front, sans-serif;
font-weight: 400;
}
.div-block-969 {
color: #f1e500;
font-family: Kredit front, sans-serif;
}
.div-block-970 {
justify-content: flex-end;
display: flex;
}
.order-summary-2 {
background-color: #131313;
border: 4px solid #101010;
border-top-width: 5px;
border-bottom: 5px #505050;
border-radius: 10px 10px 20px 20px;
margin-bottom: 0;
}
.block-header-16 {
background-color: #292929;
border-style: none solid;
border-left-width: 4px;
border-left-color: #101010;
border-right-width: 4px;
border-right-color: #101010;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
align-items: center;
}
.heading-62 {
color: #fff;
font-family: Simply rounded, sans-serif;
}
.block-content-14 {
background-color: #292929;
border: 4px solid #101010;
border-top: 1px #000;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.text-block-186 {
color: #fff;
background-color: #6c6c6c;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
box-shadow: inset 0 2px 3px -1px #00000059;
}
.button-34 {
background-color: #ff0004;
border-top: 2px solid #ff9a9a;
border-bottom: 4px solid #a60000;
border-left: 3px solid #ff7f7f;
border-right: 4px solid #f93a3a;
border-radius: 10px;
justify-content: center;
align-items: center;
font-family: Simply rounded, sans-serif;
font-size: 14px;
font-weight: 700;
display: flex;
box-shadow: 0 2px 0 3px #500000;
}
.order-items-2 {
background-color: #131313;
border-top: 4px solid #101010;
border-left: 4px solid #101010;
border-right: 4px solid #101010;
border-radius: 10px;
margin-bottom: 20px;
}
.downloads {
margin-bottom: 0;
}
.div-block-971 {
filter: hue-rotate(212deg);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cfd1e9c1a8218bcb5b2b69_Calque%202ldpi.svg");
background-position: 50%;
background-size: cover;
border: 4px solid #9b97977d;
border-color: #9b97977d #5c5c5c7d #6e6e6ec4 #9b97977d;
justify-content: center;
align-items: center;
width: 100%;
height: 80px;
display: flex;
}
.div-block-972 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: auto;
align-items: center;
width: 80%;
height: 80%;
display: flex;
box-shadow: inset 0 1px 3px 2px #1a1a1a;
}
.div-block-973 {
filter: invert() brightness(200%);
width: 25%;
height: 100%;
}
.div-block-974 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding-top: 3px;
display: flex;
}
.lottie-animation-17 {
filter: invert() brightness(200%);
width: 25%;
height: 100%;
}
.text-block-187 {
color: #a6fff5;
text-align: center;
background-color: #0000;
justify-content: center;
align-items: center;
font-family: Minecraft, sans-serif;
font-size: 12px;
display: flex;
}
.text-block-188 {
color: #a6fff5;
background-color: #00ff5900;
font-family: Minecraftia, sans-serif;
font-size: 10px;
}
.block-header-17 {
background-color: #29292900;
border-style: none;
align-items: center;
}
.block-content-15 {
background-color: #29292900;
border: 1px #000;
}
.div-block-975 {
justify-content: center;
width: 100%;
height: 140px;
display: flex;
}
.div-block-976 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 50%;
display: flex;
}
.div-block-978 {
background-color: #580000;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
justify-content: center;
align-items: center;
width: 90%;
height: 9%;
padding-bottom: 3px;
display: flex;
}
.text-block-189 {
color: #0bf;
text-align: center;
font-family: Joystix monospace, sans-serif;
font-size: 10px;
}
.div-block-980 {
background-color: #003e0e;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
justify-content: center;
align-items: flex-start;
width: 90%;
height: 9%;
padding-top: 3px;
display: flex;
}
.block-content-16 {
background-color: #1c00b8;
border-bottom-style: none;
border-left-style: none;
border-right: 3px solid #2629c3;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.block-header-18 {
background-color: #29292900;
border-style: none;
align-items: center;
}
.shipping-method-2 {
background-color: #29292900;
border: 1px #000;
}
.text-block-190 {
color: #fff;
}
.text-block-191 {
color: #c4c4c4;
}
.text-block-192 {
color: #fff;
}
.block-content-17 {
background-color: #29292900;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
height: 300px;
}
.block-header-19 {
color: #3330;
background-color: #29292900;
border-style: none;
}
.column-15 {
color: #fff;
}
.text-block-193 {
color: #000;
}
.shipping-method-list-2 {
border-left-style: none;
border-right-style: none;
}
.block-header-20 {
background-color: #1c00b8;
border-style: solid solid none none;
border-top-width: 3px;
border-top-color: #2629c3;
border-right-width: 3px;
border-right-color: #2629c3;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.column-16 {
color: #f1e500;
background-color: #030098;
border-radius: 5px;
padding-top: 10px;
font-family: Kredit;
}
.column-17 {
color: #f1e500;
font-family: Kredit;
}
.block-header-21 {
background-color: #29292900;
border-style: none;
align-items: center;
padding-right: 0;
}
.heading-63 {
color: #fff;
font-family: Exo, sans-serif;
}
.block-content-18 {
background-color: #29292900;
border: 1px #000;
}
.line-item, .extra-item, .line-item-2 {
color: #fff;
}
.order-item-list-3 {
background-color: #fff;
border-radius: 10px;
margin-bottom: 0;
padding: 5px;
}
.customer-info-3 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63579f47f876ae247b316981_image_processing20200827-13093-vihwqi.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
}
.div-block-981 {
background-color: #131313;
border: 4px solid #101010;
border-top-color: #000;
border-radius: 5px;
padding: 20px 35px;
}
.div-block-982 {
justify-content: flex-end;
display: flex;
}
.column-18 {
color: #000;
background-color: #f1e50000;
}
.div-block-983 {
color: #000;
}
.div-block-984 {
color: #4a4141;
}
.order-items-3 {
background-color: #131313;
border: 4px solid #101010;
border-radius: 10px;
margin-bottom: 20px;
}
.order-summary-3 {
background-color: #131313;
border-top: 4px solid #101010;
border-left: 4px solid #101010;
border-right: 4px solid #101010;
border-radius: 10px;
margin-bottom: 0;
}
.text-block-194 {
font-family: Kredit front, sans-serif;
font-size: 20px;
font-weight: 400;
}
.order-item-2 {
margin-top: 10px;
margin-bottom: 10px;
}
.div-block-985 {
justify-content: center;
width: 320px;
height: 140px;
display: flex;
}
.div-block-986 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 50%;
display: flex;
}
.text-block-195 {
color: #0bf;
text-align: center;
background-color: #fff0;
font-family: Joystix monospace, sans-serif;
font-size: 10px;
}
.div-block-989 {
background-color: #002d71;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
justify-content: center;
align-items: flex-start;
width: 90%;
height: 9%;
padding-top: 3px;
display: flex;
}
.div-block-990 {
background-image: linear-gradient(#000, #fff);
width: 80%;
height: 30%;
}
.div-block-991 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.play-audio-check {
z-index: 56;
background-color: #151e501f;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png");
background-position: 50%;
background-size: cover;
border: 5px solid #1b1b1b;
border-radius: 5px;
width: 80%;
height: 90%;
position: relative;
box-shadow: inset 0 1px 7px #000;
}
.play-audio-check.btn-cap {
cursor: pointer;
width: 90%;
}
.test {
z-index: 1;
transform-origin: 0%;
background-color: #0000;
width: 50%;
height: 100%;
display: block;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 0 1px 3px #000;
}
.last-page {
z-index: -8;
transform-origin: 0%;
background-color: #0000;
width: 50%;
height: 100%;
display: none;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 1px 1px 3px #000;
}
.page-2 {
z-index: 0;
backface-visibility: visible;
transform-origin: 0%;
background-color: #0000;
width: 50%;
height: 100%;
display: none;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 0 1px 3px #000;
}
.page-6 {
z-index: -4;
transform-origin: 0%;
background-color: #0000;
width: 50%;
height: 100%;
display: none;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 1px 1px 3px #000;
}
.paragraph-12 {
text-transform: none;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
display: block;
}
.page-3 {
z-index: -1;
transform-origin: 0%;
background-color: #0000;
width: 50%;
height: 100%;
display: none;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 1px 1px 3px #000;
}
.book-2 {
z-index: 1;
box-shadow: none;
perspective: 1200px;
width: 40%;
height: 700px;
display: flex;
position: relative;
}
.book-title {
color: #000;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Lato, sans-serif;
font-size: 40px;
}
.front-page-12 {
backface-visibility: hidden;
transform-style: preserve-3d;
background-color: #003fee;
border: 20px #000;
border-left: 20px solid #005ac0;
border-right-color: #fff7e7;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
transform: translate3d(0, 0, 1px);
}
.by-text {
color: #000;
text-align: center;
text-transform: none;
margin-top: 21px;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
}
._123 {
backface-visibility: visible;
background-color: #fff;
background-image: linear-gradient(270deg, #e5e5e5, #fff 17%);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.page-7 {
z-index: -5;
transform-origin: 0%;
background-color: #0000;
width: 50%;
height: 100%;
display: none;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 1px 1px 3px #000;
}
.page-4 {
z-index: -2;
transform-origin: 0%;
background-color: #0000;
width: 50%;
height: 100%;
display: none;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 1px 1px 3px #000;
}
.page-5 {
z-index: -3;
transform-origin: 0%;
background-color: #0000;
width: 50%;
height: 100%;
display: none;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 1px 1px 3px #000;
}
.front-page {
z-index: 1;
backface-visibility: hidden;
transform-style: preserve-3d;
background-color: #fff;
background-image: linear-gradient(to right, #e5e5e5, #fff 18%);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 30px 40px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
transform: translate3d(0, 0, 1px);
}
.intro-name {
color: #000;
text-transform: uppercase;
margin-top: 89px;
font-family: Lato, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.back-page {
z-index: -1;
backface-visibility: hidden;
transform-style: preserve-3d;
background-color: #fff;
background-image: linear-gradient(270deg, #e5e5e5, #fff 17%);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 30px 40px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
transform: rotateX(0)rotateY(180deg)rotateZ(0)translate3d(0, 0, -1px);
}
.back-page.table {
z-index: -1;
transform-style: preserve-3d;
align-items: stretch;
padding-left: 20px;
padding-right: 20px;
top: 0%;
bottom: auto;
left: auto;
transform: rotateX(0)rotateY(-180deg)rotateZ(0)rotate(0);
}
.heading-64 {
text-align: center;
font-size: 16px;
line-height: 1;
}
.chapter-number {
text-align: center;
margin-bottom: 29px;
font-family: Lato, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1;
display: block;
}
.div-block-995 {
justify-content: center;
align-items: center;
width: 80%;
height: 20%;
display: flex;
position: absolute;
}
.text-block-198 {
color: #fff;
text-transform: uppercase;
white-space: normal;
font-family: Vollkorn, serif;
font-size: 50px;
font-weight: 700;
}
.div-block-996 {
width: 100%;
height: 100%;
display: flex;
}
.div-block-997 {
width: 50%;
height: 100%;
}
.complimometer {
margin-bottom: 10px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 12px;
line-height: 12px;
}
.text-span-64 {
color: #f700ff;
font-weight: 700;
}
.text-span-65 {
background-color: #dcdcdc;
}
.div-block-998 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb6098fc4194_stqrs%20_'gfr.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
}
.div-block-999 {
background-color: #1100d100;
justify-content: center;
width: 100%;
height: 10%;
display: flex;
}
.div-block-1000 {
background-color: #003fee;
border-bottom: 4px solid #d9ff00;
border-right: 5px solid #d9ff00;
border-bottom-right-radius: 50px;
width: 20%;
height: 100%;
}
.div-block-1001 {
border-top: 5px solid #d9ff00;
width: 60%;
}
.div-block-1002 {
background-color: #003fee;
border-bottom: 5px solid #d9ff00;
border-left: 5px solid #d9ff00;
border-bottom-left-radius: 50px;
width: 20%;
}
.div-block-1003 {
background-color: #1100d100;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6362baaccd9bab1647c9741e_triu-tri.png");
background-position: 50%;
background-size: cover;
border-left: 5px solid #d9ff00;
border-right: 5px solid #d9ff00;
justify-content: center;
align-items: flex-start;
height: 80%;
display: flex;
}
.div-block-1004 {
background-color: #1100d100;
justify-content: center;
align-items: flex-end;
height: 10%;
display: flex;
}
.div-block-1005 {
background-color: #003fee;
border: 5px solid #d9ff00;
border-style: solid solid none none;
border-top-right-radius: 50px;
width: 20%;
height: 100%;
}
.div-block-1006 {
background-color: #a73db3;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6332104946cb05aedc149b46_pngtree-black-background-simple-texture-image_556938.jpg");
background-position: 50% 0;
background-size: cover;
border-bottom: 5px solid #d9ff00;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
justify-content: center;
align-items: center;
width: 60%;
height: 80%;
margin-top: 0;
padding-top: 0;
display: flex;
}
.div-block-1007 {
background-color: #003fee;
border-top: 5px solid #d9ff00;
border-bottom: 1px #d9ff00;
border-left: 5px solid #d9ff00;
border-right: 5px #d9ff00;
border-top-left-radius: 50px;
width: 20%;
height: 100%;
}
.div-block-1008 {
justify-content: center;
align-items: center;
width: 70%;
height: 80%;
display: flex;
}
.text-block-201 {
color: #fff;
text-align: center;
font-family: Great Vibes, cursive;
font-size: 20px;
}
.magic-hand, .fairy-fingers, .toon-s-token, .cubi, .artisanal, .luxury, .high-fashion, .mid-fashion, .low-fahion, .fashion-investors, .fashion-png, .fashion-boomer, .fashion-doomer, .fashion-zoomer, .eco-brand, .ultra-flex, .diy {
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
}
.div-block-1009 {
z-index: 17;
object-fit: cover;
background-image: radial-gradient(circle, #04ac0936 46%, #0000 71%, #2323239e 84%);
width: 25%;
height: 40%;
display: none;
position: absolute;
inset: 463px 0% 0% auto;
overflow: visible;
}
.image-288 {
z-index: 5;
width: 1920px;
max-width: 1920px;
height: 1000px;
position: absolute;
inset: 0%;
}
.image-289 {
filter: invert();
width: 10%;
}
.div-block-1010 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
margin-top: 20px;
margin-bottom: 40px;
display: flex;
position: relative;
}
.ola-face {
z-index: 23;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: relative;
}
.ola-nose {
z-index: 29;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.ola-right-hear {
z-index: 29;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.ola-left-hear {
z-index: 22;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.div-block-1011 {
filter: blur(1px);
background-color: #ff0004;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1012 {
filter: blur(1px);
background-color: #f0b;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1013 {
filter: blur(1px);
background-color: #8c00ff;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1014 {
filter: blur(1px);
background-color: #1500ff;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1015 {
filter: blur(1px);
background-color: #0cf;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1016 {
filter: blur(1px);
background-color: #00ff40;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1017 {
filter: blur(1px);
background-color: #af0;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1018 {
filter: blur(1px);
background-color: #ffc800;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1019 {
filter: blur(1px);
background-color: #ffefa9;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1020 {
filter: blur(1px);
background-color: #fff;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1021 {
background-color: #202020;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
width: 20%;
}
.button-35 {
color: #fff;
}
.low-bar {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-1023 {
align-items: center;
width: 100%;
height: 35%;
margin-bottom: 15px;
display: flex;
}
.div-block-1023.blanc {
color: #fff;
}
.div-block-1024 {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 70%;
display: flex;
}
.div-block-1025 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 40%;
display: flex;
}
.add-to-cart-2 {
background-color: #a1414100;
justify-content: center;
align-items: flex-end;
width: 30%;
height: 100%;
min-height: 80px;
display: flex;
position: relative;
}
.out-of-stock-state {
letter-spacing: 2px;
background-color: #ddd0;
border-top: 2px #ff4c5b;
border-bottom: 4px #e90000;
border-left: 4px #ff878700;
border-right: 4px #ff6060;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
margin-top: 0;
margin-bottom: 15px;
padding: 0;
font-family: Simply rounded, sans-serif;
display: block;
position: relative;
}
.out-of-stock-state.btn-soldout {
z-index: 3;
cursor: pointer;
border-width: 2px 4px 4px;
border-top-style: solid;
border-bottom-color: #e90000;
border-left-color: #ff8787;
border-right-color: #ff6060;
border-radius: 12px;
height: 40px;
margin-top: 10px;
margin-bottom: 15px;
position: relative;
}
.text-block-202 {
color: #fff;
font-size: 20px;
}
.text-block-203 {
color: #fff;
text-align: center;
letter-spacing: 0;
flex: 0 auto;
order: 0;
justify-content: center;
align-items: center;
width: 90%;
height: 100%;
font-family: Exo, sans-serif;
font-size: 14px;
font-weight: 700;
display: flex;
}
.error-state {
z-index: 5;
color: #fff;
background-color: #272727f7;
border-radius: 5px;
width: 110px;
height: auto;
margin-right: 0;
padding-right: 10px;
font-family: Prototype, sans-serif;
position: absolute;
bottom: 100px;
right: 1px;
}
.div-block-1026 {
border-top: 15px solid #262727;
border-left: 10px solid #f2ffff00;
border-right: 10px solid #3c8b8b00;
width: 20%;
height: 10px;
position: absolute;
bottom: -9%;
left: 25%;
right: 25%;
}
.error-state-4 {
background-color: #b72cae33;
border: 1px solid #ff39f863;
border-top: 3px #f9cff263;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 5px;
width: 90%;
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
}
.add-to-cart-3 {
flex-direction: column;
justify-content: center;
align-items: stretch;
display: block;
}
.error-message-3 {
color: #fff;
text-shadow: 2px 0 6px #c5c5c5;
font-family: Prototype, sans-serif;
}
.out-of-stock-state-3 {
background-color: #ddd0;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 193px;
margin-top: 0;
margin-bottom: 15px;
padding: 0;
display: flex;
}
.div-block-1027 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/638399f815bbb67c148ea8b5_Buy%20it.png");
background-position: 50%;
background-size: cover;
border: 3px solid #000;
border-radius: 10px;
width: 232px;
height: 120px;
margin-bottom: 0;
padding: 10px 20px 20px;
position: relative;
box-shadow: inset 0 1px 0 1px #272727;
}
.div-block-1028 {
background-color: #ff0d0d;
border-bottom: 4px solid #e90000;
border-left: 4px solid #d40606;
border-right: 4px solid #ff6060;
border-radius: 15px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 0;
margin-right: 0;
padding: 9px 5px;
display: flex;
box-shadow: 0 5px 1px 1px #8a0000;
}
.div-block-1028.btn-soldout {
cursor: pointer;
border-left-color: #ff8787;
}
.text-block-205 {
color: #fff;
font-family: Simply rounded, sans-serif;
font-size: 30px;
}
.div-block-1029 {
width: 60%;
height: 50%;
}
.div-block-1030 {
background-color: #38383800;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
justify-content: center;
align-items: center;
width: 80%;
height: 50px;
margin-top: 15px;
margin-right: 0;
padding-top: 0;
padding-right: 0;
display: flex;
position: relative;
}
.block1 {
color: #33333354;
cursor: pointer;
background-color: #272727;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
justify-content: center;
align-items: center;
width: 47%;
height: 100%;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
transition: box-shadow .2s;
display: flex;
position: relative;
box-shadow: inset 0 1px 6px 2px #000;
}
.block1:hover {
box-shadow: inset 0 0 20px -4px #158affb0;
}
.block1:active {
box-shadow: inset 0 0 20px 4px #158affb0;
}
.block1.btn-beep.reveal-block {
z-index: 40;
color: #333;
border-style: none;
border-color: #000;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 7%;
margin-left: 3px;
margin-right: 3px;
padding-top: 0;
padding-bottom: 0;
}
.block3 {
cursor: pointer;
background-color: #38383800;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
justify-content: center;
align-items: center;
width: 47%;
height: 100%;
margin-left: 5px;
margin-right: 0;
padding-top: 5px;
padding-bottom: 5px;
transition: box-shadow .2s;
display: flex;
position: relative;
box-shadow: inset 0 1px 6px 2px #000;
}
.block3:hover {
box-shadow: inset 0 0 20px -4px #f400ebd1;
}
.block3:active {
box-shadow: inset 0 0 20px 4px #f400ebd1;
}
.block3.btn-hard.reveal-block {
z-index: 40;
border-style: none;
border-color: #000;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 7%;
margin-left: 3px;
margin-right: 3px;
padding-top: 0;
padding-bottom: 0;
}
.div-block-1038 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg"), linear-gradient(#000, #000);
background-position: 50%, 0 0;
background-size: cover, auto;
width: 135px;
min-width: 135px;
max-width: 135%;
height: 120px;
min-height: 120px;
max-height: 120px;
margin-bottom: 15px;
position: absolute;
top: auto;
bottom: auto;
}
.ola-eyes-iris {
z-index: 26;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
display: block;
position: absolute;
}
.ola-eyes-limits {
z-index: 28;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
display: block;
position: absolute;
}
.ola-eye-sith {
z-index: 26;
filter: brightness(200%);
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
display: block;
position: absolute;
}
.ola-scar {
z-index: 23;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
overflow: hidden;
}
.ola-eyes-love {
z-index: 28;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
display: block;
position: absolute;
}
.div-block-1039 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 5px;
right: 5px;
}
.div-block-1040 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.olek-eyes-circle {
z-index: 25;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
}
.olek-eyes-love {
z-index: 28;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
display: block;
position: absolute;
}
.olek-blue-eyes {
z-index: 24;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
}
.olek-dark-side-1 {
z-index: 19;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.olek-white-circle {
z-index: 23;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
}
.olek-dark-side-2 {
z-index: 28;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.olek-ears {
z-index: 28;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.olek-eyes-sith {
z-index: 24;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.cart-header {
background-color: #292929;
height: 7%;
padding-top: 10px;
padding-bottom: 10px;
}
.checkout-actions {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cfd1e9c1a8218bcb5b2b69_Calque%202ldpi.svg");
background-position: 50%;
background-size: auto;
border-radius: 5px;
padding: 15px 20px 20px;
}
.cart-item {
color: #000;
background-color: #fff0;
align-items: center;
padding-left: 10px;
padding-right: 10px;
}
.icon-28 {
filter: brightness(0%) invert();
}
.text-block-208 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.text-block-209 {
font-family: Exo, sans-serif;
}
.checkout-button {
background-color: #21ff19;
border: 5px solid #7bff56;
border-color: #7bff56 #21ff30 #00b606 #92ffa8;
border-radius: 10px;
font-size: 20px;
box-shadow: 0 5px 0 1px #008a22;
}
.apple-pay {
border-radius: 10px;
}
.div-block-1041 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 30%;
display: flex;
}
.div-block-1042 {
justify-content: center;
align-items: center;
width: 100%;
height: 30%;
display: flex;
}
.div-block-1043 {
background-color: #191919;
flex: 1;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-210 {
color: #fff;
}
.text-block-211 {
color: #c9c9c9;
font-family: Exo, sans-serif;
text-decoration: none;
}
.cart-quantity-4 {
margin-bottom: 0;
}
.tabs-nav-background {
z-index: 0;
color: #660f0f;
background-color: #141313;
border-radius: 1em;
align-self: center;
align-items: center;
width: 100%;
height: 90%;
display: block;
position: absolute;
top: 5%;
bottom: 5%;
right: 0%;
box-shadow: 0 22px 2.5em #0006;
}
.image-299 {
width: 35px;
height: 35px;
}
.div-block-1044, .div-block-1045 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1046 {
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10px;
display: flex;
}
.div-block-1046.tools {
justify-content: center;
align-items: flex-end;
height: 20%;
}
.div-block-1047 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 50%;
height: 60px;
padding-left: 7px;
display: flex;
}
.div-block-1047.tools {
justify-content: flex-end;
align-items: flex-start;
width: 45%;
padding-left: 7px;
}
.div-block-1048 {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 70px;
display: flex;
}
.div-block-1048.tools {
justify-content: flex-end;
align-items: center;
width: 80%;
}
.image-300, .image-301, .image-302 {
width: 25px;
height: 25px;
}
.image-303 {
height: 100%;
}
.image-304 {
height: 25px;
}
.image-305 {
height: 100%;
}
.text-block-212 {
color: #a9a9a9;
text-align: left;
border: 5px red;
justify-content: center;
align-items: center;
width: 100%;
height: 30px;
font-family: Inconsolata, monospace;
font-size: 12px;
font-weight: 400;
line-height: 20px;
display: flex;
}
.text-block-213, .text-block-214, .option-3 {
color: #fff;
}
.option-list-3 {
color: #dfdfdf;
}
.span {
color: #fff;
}
.div-block-1049 {
border-radius: 10px;
box-shadow: 0 5px 1px 1px #2e2e2e;
}
.text-span-66 {
border-bottom: 1px solid #787878;
font-size: 20px;
font-weight: 700;
}
.text-block-215 {
color: #fff;
background-color: #5f5d5d;
border-radius: 20px;
width: 80%;
padding: 20px;
box-shadow: inset 1px 1px 3px #000;
}
.heading-66 {
color: #fff;
text-align: center;
margin-top: 140px;
font-family: Simply rounded, sans-serif;
font-size: 3rem;
}
.text-span-67 {
font-size: 20px;
}
.div-block-1050 {
background-color: #2e2e2e;
border: 5px dashed #dd00e4;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-216 {
color: #fff;
background-color: #5f5d5d;
border-radius: 20px;
width: 80%;
padding: 20px;
box-shadow: inset 1px 1px 3px #000;
}
.div-block-1051 {
background-color: #4c4c4c;
border: 5px dashed #00eb91;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1052 {
background-color: #c70000a1;
border: 4px solid #ff1717;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 10px 10px 20px;
display: flex;
}
.div-block-1053 {
background-color: #fffb00;
border: 3px solid #ffd900;
border-radius: 20px;
width: 5px;
height: 8px;
position: relative;
}
.div-block-1055 {
justify-content: space-between;
height: 20px;
display: flex;
}
.image-312 {
filter: blur(1px);
width: 30px;
height: 15px;
margin-left: 15px;
bottom: 4px;
}
.image-313 {
filter: blur(1px);
width: 30px;
height: 15px;
margin-right: 15px;
bottom: 4px;
}
.div-block-1056 {
z-index: 1;
background-color: #f000;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 50px;
height: 25px;
margin-left: 0;
display: flex;
position: absolute;
bottom: auto;
left: 67px;
overflow: hidden;
}
.image-309 {
width: 20px;
height: 20px;
left: 4px;
}
.image-310 {
width: 15px;
height: 15px;
}
.image-311 {
width: 20px;
height: 20px;
right: 4px;
}
.div-block-1057 {
z-index: 1;
width: 50px;
height: 45px;
position: absolute;
}
.image-314 {
z-index: 0;
top: -7px;
bottom: 7px;
left: 2px;
}
.image-307 {
z-index: 0;
top: -7px;
bottom: 7px;
right: 2px;
}
.image-315 {
width: 100%;
min-width: 100%;
height: 14.072%;
margin-right: 0;
position: relative;
left: 0;
}
.olek-glasses {
z-index: 31;
width: 100px;
height: 100px;
position: absolute;
}
.olek-cap {
z-index: 26;
width: 110px;
height: 110px;
position: absolute;
right: auto;
}
.olek-cap-2 {
width: 110px;
height: 110px;
position: absolute;
}
.ola-eyes-white {
z-index: 24;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
}
.ola-cap-1 {
z-index: 30;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.ola-cap-2 {
z-index: 20;
width: 80%;
height: 100%;
position: absolute;
}
.div-block-1058 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 5px;
right: 5px;
}
.ola-hair {
z-index: 22;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.container-haire {
z-index: 2;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20%;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
position: relative;
}
.div-block-1059, .div-block-1060 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg"), linear-gradient(#000, #000);
background-position: 50%, 0 0;
background-size: cover, auto;
width: 130px;
min-width: 130px;
max-width: 130px;
height: 120px;
min-height: 120px;
max-height: 120px;
margin-bottom: 15px;
position: absolute;
}
.div-cc {
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
justify-content: center;
align-items: center;
width: 50%;
height: 13%;
margin-bottom: 7px;
display: none;
position: absolute;
}
.credit-card-check-out {
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: flex;
}
.text-block-217 {
color: #0bf;
text-align: center;
background-color: #fff0;
font-family: Joystix monospace, sans-serif;
font-size: 10px;
}
.div-po {
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 13%;
margin-bottom: 7px;
display: none;
position: absolute;
}
.text-block-218 {
color: #0bf;
text-align: center;
font-family: Joystix monospace, sans-serif;
font-size: 10px;
}
.div-block-1063 {
width: 130px;
min-width: 130px;
max-width: 130px;
height: 120px;
min-height: 120px;
max-height: 120px;
margin-bottom: 15px;
position: absolute;
}
.text-block-219 {
color: #0bf;
text-align: center;
font-family: Joystix monospace, sans-serif;
font-size: 10px;
}
.text-block-220 {
color: #0cf;
text-align: center;
font-family: Joystix monospace, sans-serif;
font-size: 10px;
}
.text-block-221, .text-block-222 {
color: #0bf;
text-align: center;
font-family: Joystix monospace, sans-serif;
font-size: 10px;
}
.div-block-1067 {
background-color: #131313;
border-top-left-radius: 40px;
justify-content: space-between;
align-items: center;
width: auto;
display: flex;
}
.div-block-1069 {
background-color: #0d0d0d;
border-radius: 5px;
height: 100px;
font-size: 8px;
display: flex;
box-shadow: inset 0 4px 9px 1px #000000e3;
}
.image-325 {
width: 80%;
max-width: 100%;
height: 10px;
}
.olek-sith-eyes-2 {
z-index: 30;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.text-block-224 {
color: #fff;
background-color: #1b131300;
}
.cart-form-wrapper {
background-color: #191919;
}
.error-state-5 {
background-color: #b72cae33;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position: relative;
box-shadow: 3px 0 4px -20px #d811d1;
}
.error-message-4 {
color: #fff;
text-shadow: 0 0 2px #fff;
background-color: #e0e0e000;
}
.ola-eye-sith-2 {
z-index: 29;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
}
.image-328, .image-329 {
width: 60%;
}
.div-block-1071, .div-block-1072, .div-block-1073 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1074, .div-block-1075 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1076, .div-block-1077 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.section-29 {
background-color: #002b14;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.section-30 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63bec4df174a0bca0f639ff8_2070-min.jpg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 1000px;
display: flex;
}
.image-330 {
width: 60%;
}
.image-331 {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section-31 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63bed52d2ba7e234b9519821_25694004_2203_w026_n002_1508b_p1_1508-min.jpg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.section-32 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg"), linear-gradient(#45454580, #45454580);
background-position: 50%, 0 0;
background-size: cover, auto;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.section-33 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63bed9777ed22e700c2af9e1_23356513_2201.w015.n001.697B.p15.697-min.jpg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.section-34 {
background-image: radial-gradient(circle closest-corner at 100%, #ffeb1329, #cb94432b 37%, #ff00042b 44%, #73009633);
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.image-333 {
width: 60%;
height: 15px;
}
.body-37 {
background-color: #000;
}
.bold-text-269 {
text-align: center;
}
.hit-effect {
width: 130px;
min-width: 130px;
max-width: 130px;
height: 130px;
min-height: 130px;
max-height: 130px;
display: block;
position: absolute;
}
.olek-eyes-aouch, .olek-dead-mouth {
z-index: 30;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.html-embed-3, .html-embed-4, .html-embed-5, .html-embed-6, .html-embed-7, .html-embed-8 {
display: none;
}
.olek-lucky {
z-index: 26;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.olek-eyes-sleepy {
z-index: 31;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.olek-eyes-happy {
z-index: 28;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.olek-mouth-happy {
z-index: 33;
opacity: 0;
width: 100px;
min-width: 100px;
max-width: 100px;
height: 100px;
min-height: 100px;
max-height: 100px;
display: block;
position: absolute;
}
.zzz {
z-index: 33;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
}
.olek-kiss {
z-index: 33;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
display: block;
position: absolute;
inset: 0% auto 0% 0%;
}
.olek-mouth-sleepy {
z-index: 32;
opacity: 0;
width: 110px;
height: 110px;
display: block;
position: absolute;
}
.div-block-1079 {
z-index: 29;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 27px;
}
.olek-mouth-upper, .olek-toungh {
width: 120px;
min-width: 120px;
max-width: 120px;
height: 120px;
min-height: 120px;
max-height: 120px;
display: block;
position: absolute;
}
.olek-teeth-down {
opacity: 0;
width: 120px;
min-width: 120px;
max-width: 120px;
height: 120px;
min-height: 120px;
max-height: 110px;
display: block;
position: absolute;
}
.olek-trought {
width: 120px;
min-width: 120px;
max-width: 120px;
height: 120px;
min-height: 120px;
max-height: 120px;
display: block;
position: absolute;
}
.olek-teeth-up {
width: 120px;
min-width: 120px;
max-width: 120px;
height: 120px;
min-height: 120px;
max-height: 110px;
display: block;
}
.pancement {
z-index: 30;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.div-block-men {
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 300px;
height: 110px;
margin-bottom: 10px;
display: none;
position: absolute;
}
.div-block-1081 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: flex;
position: relative;
}
.text-block-225 {
color: #00d4ff;
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: Joystix monospace, sans-serif;
display: flex;
}
.div-block-women {
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 300px;
height: 110px;
margin-bottom: 10px;
display: none;
position: absolute;
}
.div-block-1083 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: flex;
position: relative;
}
.text-block-226 {
color: #00d4ff;
text-align: center;
font-family: Joystix monospace, sans-serif;
}
.html-embed-9 {
display: none;
}
.div-block-1085 {
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
}
.html-embed-10, .html-embed-11, .html-embed-12, .html-embed-13 {
display: none;
}
.div-block-1087, .div-block-1088, .div-block-1089, .div-block-1090 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1091, .div-block-1092 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.html-embed-14 {
display: none;
}
.div-block-1093 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1094 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1095 {
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1095.btn-tapbar {
justify-content: center;
}
.div-block-1096, .div-block-1097 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1098 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1099 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1100 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.html-embed-15, .html-embed-16 {
display: none;
}
.div-block-1101, .div-block-1102, .div-block-1103, .div-block-1104 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.html-embed-17, .html-embed-18, .html-embed-19 {
display: none;
}
.user-email-field-3 {
background-color: #fff;
font-family: Prototype, sans-serif;
}
.form-header-2 {
background-color: #202020;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #fff;
border-radius: 8px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.text-block-227 {
color: #3f0;
text-shadow: 1px 1px 6px #4cfd00;
font-family: Joystix monospace, sans-serif;
font-size: 40px;
}
.form-header-3 {
background-color: #252525;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #fff;
border-radius: 8px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.text-block-228 {
color: #2f0;
text-shadow: 1px 1px 6px #00ff08;
background-color: #19ff4b00;
font-family: Joystix monospace, sans-serif;
font-size: 40px;
}
.text-field-13 {
font-family: Prototype, sans-serif;
}
.user-password-field-2 {
background-color: #fff;
}
.text-block-229 {
color: #00ff48;
text-shadow: 1px 1px 6px #00ff19;
height: 100%;
font-family: Joystix monospace, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 40px;
}
.form-header-4 {
background-color: #313131;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #fff;
border-radius: 8px;
justify-content: center;
align-items: center;
height: 120px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.user-email-field-4 {
font-family: Prototype, sans-serif;
}
.text-block-230 {
color: #00ff48;
text-shadow: 1px 1px 6px #00ff26;
font-family: Joystix monospace, sans-serif;
font-size: 40px;
line-height: 40px;
}
.form-header-5 {
background-color: #2c2c2c;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #fff;
border-radius: 8px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.text-block-231 {
color: #0f0;
background-color: #0a0a0a00;
font-family: Joystix monospace, sans-serif;
font-size: 40px;
line-height: 40px;
}
.div-block-1106 {
background-color: #202020;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 1px solid #fff;
border-radius: 8px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.image-334 {
margin-top: 10px;
}
.ss2 {
z-index: 27;
width: 14px;
min-width: 14px;
max-width: 14px;
height: 14px;
min-height: 14px;
max-height: 14px;
position: absolute;
bottom: 57px;
right: 37px;
}
.ss1 {
z-index: 27;
width: 14px;
min-width: 14px;
max-width: 14px;
height: 14px;
min-height: 14px;
max-height: 14px;
position: absolute;
bottom: 57px;
left: 52px;
}
.ss1-1 {
z-index: 35;
width: 18px;
min-width: 18px;
max-width: 18px;
height: 6.875px;
min-height: 6.875px;
max-height: 6.875px;
position: absolute;
bottom: 64px;
left: 40px;
}
.ss2-1 {
z-index: 35;
width: 18px;
min-width: 18px;
max-width: 18px;
height: 6.375px;
min-height: 6.375px;
max-height: 6.375px;
position: absolute;
bottom: 64px;
right: 45px;
}
.ola-eyes-hit, .ola-eyes-lucky {
z-index: 30;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.ola-eyes-happy {
z-index: 28;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.ola-sleepy {
z-index: 25;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.ola-dead-mouth, .ola-happy-mouth {
z-index: 27;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.ola-sleepy-mouth {
z-index: 26;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
}
.ola-pancement {
z-index: 28;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
position: absolute;
}
.ola-xoxo-mouth {
z-index: 28;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
}
.ola-kiss {
z-index: 28;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
top: 3px;
right: 3px;
}
.olek-note-1, .olek-note-2, .olek-note-3 {
z-index: 30;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
}
.z1, .z2 {
z-index: 29;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
}
.z3 {
z-index: 29;
opacity: 0;
width: 110px;
max-width: none;
height: 110px;
position: absolute;
}
.div-block-1107 {
background-color: #282828;
border: 5px solid #676767;
border-color: #676767 #737373 #676767 #767676;
border-radius: 16px;
}
.text-block-232 {
color: #fff;
text-align: center;
background-color: #d80000;
padding: 10px;
font-family: Simply rounded, sans-serif;
}
.div-block-1110 {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 90%;
height: 20%;
margin-top: 20px;
display: flex;
}
.div-block-1111 {
background-color: #00ff37;
border: 4px solid #00921b;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 60%;
height: 100%;
display: flex;
box-shadow: 0 4px 0 2px #026108;
}
.text-block-233 {
color: #fff;
font-family: Simply rounded, sans-serif;
}
.div-block-1112 {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 90%;
height: 20%;
margin-top: 20px;
display: flex;
}
.div-block-1113 {
background-color: #006fff;
border: 4px solid #0054d3;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 60%;
height: 100%;
display: flex;
box-shadow: 0 4px 0 1px #0090ff;
}
.text-block-234 {
color: #fff;
text-align: center;
font-family: Simply rounded, sans-serif;
}
.collection-item-9 {
align-items: center;
width: 99.9997%;
display: flex;
}
.rich-text-block-5 {
color: #fff;
background-color: #8f3b3b00;
min-width: 50%;
height: 100%;
padding: 5px;
font-family: Prototype, sans-serif;
overflow: auto;
}
.div-block-1116 {
background-color: #131313;
border-radius: 0;
justify-content: flex-start;
align-items: center;
width: 70px;
height: auto;
margin: 0;
padding: 10px 20px 10px 0;
display: flex;
}
.div-block-1117 {
cursor: pointer;
background-color: #d50000;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 80%;
height: 100%;
transition: opacity .3s;
display: flex;
box-shadow: 0 1px 1px 2px #ff3434;
}
.div-block-1117:hover {
transform: translate(0, 3px);
box-shadow: 0 0 0 1px #ff3434;
}
.div-block-1117.btn-youtube {
background-color: #161616;
width: 100%;
box-shadow: 0 0 0 2px #2c2c2c;
}
.image-335 {
width: 80%;
display: block;
}
.div-block-1119 {
flex-direction: row;
width: auto;
display: flex;
}
.div-block-1120 {
border-top: 45px solid #0000;
border-bottom: 0 #292929;
border-left: 40px solid #131313;
width: 40px;
height: auto;
margin-left: 0;
}
.zoom-content {
cursor: none;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
height: 90%;
display: flex;
position: relative;
top: 30px;
left: 27px;
overflow: hidden;
}
.zoom-main-image {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.zoom-zoom-img {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.zoom-zoom-bubble {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 200px;
height: 200px;
display: flex;
position: absolute;
overflow: hidden;
box-shadow: 1px 1px 3px #fff;
}
.zoom-zoom-bubble-src {
min-width: 70vw;
max-width: 70vw;
}
.image-336, .image-337, .image-338, .image-339 {
border-radius: 20px;
width: 480px;
max-width: 95%;
height: 480px;
max-height: 95%;
}
.image-340, .image-341, .image-342, .image-343 {
border-radius: 20px;
width: 480px;
height: 480px;
}
.image-mannequin-homme-2 {
z-index: 15;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.image-344, .image-345 {
border-radius: 20px;
width: 480px;
max-width: 95%;
height: 480px;
max-height: 95%;
}
.rainbow {
opacity: 0;
width: 130px;
height: 130px;
position: absolute;
top: 0;
}
.olek-lunette {
z-index: 26;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
}
.olek-mouth-ninja {
z-index: 29;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
bottom: 5px;
}
.olek-ninja-band-1 {
z-index: 29;
opacity: 0;
border-radius: 0;
width: 100px;
height: 100px;
position: absolute;
}
.olek-ninja-band-2 {
z-index: 5;
opacity: 1;
width: 100px;
height: 100px;
position: absolute;
left: 50px;
}
.olek-ninja-band-3 {
z-index: 6;
opacity: 1;
width: 100px;
height: 100px;
position: absolute;
left: 50px;
}
.ola-blush {
z-index: 28;
opacity: 0;
width: 120px;
height: 120px;
position: absolute;
}
.ola-painting-face {
z-index: 25;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
}
.ola-mouth-painting {
z-index: 28;
opacity: 0;
width: 110px;
min-width: 110px;
height: 110px;
position: absolute;
}
.l1 {
z-index: 29;
opacity: 0;
filter: blur(2px);
position: absolute;
top: 5px;
right: -10px;
}
.l2 {
z-index: 29;
opacity: 0;
filter: blur(2px);
position: absolute;
top: 5px;
right: 20px;
}
.ola-glasses {
z-index: 29;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
}
.div-block-1122 {
width: 130px;
height: 130px;
position: absolute;
}
.l1-1 {
z-index: 30;
opacity: 0;
filter: blur(2px);
position: absolute;
bottom: -5px;
right: 10px;
}
.l2-1 {
z-index: 30;
opacity: 0;
filter: blur(2px);
position: absolute;
bottom: -14px;
left: 14px;
}
.olek-under-eye-stylist {
z-index: 24;
opacity: 0;
width: 110px;
height: 60px;
position: absolute;
bottom: 30px;
}
.olek-under-eye-diy {
z-index: 24;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
}
.olek-mouth-loop {
z-index: 30;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
}
.ola-under-eye-stylist {
z-index: 27;
opacity: 0;
width: 110px;
height: 60px;
position: absolute;
bottom: 34px;
}
.ola-under-eye-diy {
z-index: 27;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
}
.ola-mouth-loop {
z-index: 28;
opacity: 0;
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
position: absolute;
}
.big-clouds, .cloud-3, .cloud-2 {
opacity: 0;
width: 130px;
height: 130px;
position: absolute;
}
.cloud-1 {
opacity: 0;
width: 130px;
height: 130px;
position: absolute;
inset: auto 0% 0% auto;
}
.existingdiv {
opacity: 1;
border-radius: 25px;
width: 540px;
height: 620px;
display: block;
position: absolute;
top: 90px;
}
.ss1-2 {
z-index: 27;
width: 14px;
min-width: 14px;
max-width: 14px;
height: 14px;
min-height: 14px;
max-height: 14px;
position: absolute;
bottom: 57px;
left: 52px;
}
.ss2-2 {
z-index: 27;
width: 14px;
min-width: 14px;
max-width: 14px;
height: 14px;
min-height: 14px;
max-height: 14px;
position: absolute;
bottom: 57px;
right: 37px;
}
.test {
z-index: 29;
box-shadow: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
top: 30px;
right: auto;
}
.error-state-6 {
background-color: #b72cae33;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 5px;
width: 90%;
margin-left: 5%;
margin-right: 5%;
position: relative;
bottom: 16px;
}
.error-message-5 {
color: #fff;
text-shadow: 2px 0 6px #c5c5c5;
font-family: Prototype, sans-serif;
}
.shipping-method-3 {
background-color: #131313;
border: 4px solid #101010;
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
margin-top: 0;
display: block;
}
.div-block-1125 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cfd1e9c1a8218bcb5b2b69_Calque%202ldpi.svg");
background-position: 50%;
background-size: cover;
border-radius: 5px;
padding: 10px 10px 15px;
box-shadow: inset 0 1px 1px 1px #000;
}
.div-block-1126 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cfd1e9c1a8218bcb5b2b69_Calque%202ldpi.svg");
background-position: 0 0;
background-size: cover;
border-radius: 5px;
width: 100%;
padding: 10px 20px 15px;
box-shadow: inset 0 1px 1px 1px #000;
}
.shipping-method-4 {
background-color: #131313;
border: 4px solid #101010;
border-radius: 10px;
}
.shipping-method-5 {
background-color: #131313;
border: 4px solid #101010;
border-top-width: 1px;
border-radius: 10px;
}
.div-block-1127 {
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 300px;
height: 110px;
margin-bottom: 10px;
display: none;
position: absolute;
}
.div-block-1128 {
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: flex;
position: relative;
}
.text-block-235 {
color: #00d4ff;
text-align: center;
font-family: Joystix monospace, sans-serif;
}
.div-block-1129 {
filter: brightness(200%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 0;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 300px;
height: 110px;
margin-bottom: 10px;
display: none;
position: absolute;
}
.div-block-1130 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 80%;
display: flex;
}
.text-block-236 {
color: #00d4ff;
text-align: center;
font-family: Joystix monospace, sans-serif;
}
.div-block-1131 {
top: 100px;
}
.ola-pancement-2 {
z-index: 25;
opacity: 0;
width: 110px;
height: 110px;
position: absolute;
top: 6px;
transform: rotate(106deg);
}
.html-embed-20, .html-embed-21 {
display: none;
}
.play-audio-product {
z-index: 35;
background-color: #151e501f;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png");
background-position: 50%;
background-size: cover;
border: 5px solid #1b1b1b;
border-radius: 5px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
height: 90%;
display: flex;
position: relative;
box-shadow: inset 1px 1px 7px #000;
}
.play-audio-product.btn-cap {
cursor: pointer;
}
.html-embed-22 {
display: none;
}
.image-mannequin-femme-2 {
z-index: 15;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.text-block-237 {
color: #fff;
text-align: center;
font-family: Exo, sans-serif;
font-weight: 700;
}
.image-354 {
filter: invert();
width: 150px;
height: 150px;
}
.empty-state-women-diy {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
align-items: center;
margin-top: 30px;
display: flex;
}
.image-355 {
filter: invert();
width: 150px;
height: 150px;
}
.empty-state-men-diy {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 30px;
display: flex;
}
.text-block-238 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.empty-state-all-diy {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
height: 100%;
margin-top: 30px;
display: flex;
}
.image-356 {
filter: invert();
width: 150px;
max-width: 100%;
height: 150px;
}
.text-block-239 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.empty-state-unisiex-diy {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 30px;
display: flex;
}
.image-357 {
filter: invert();
width: 150px;
height: 150px;
}
.text-block-240 {
color: #fff;
text-align: center;
font-family: Exo, sans-serif;
font-weight: 700;
}
.empty-state-hat-women {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.collection-list-wrapper-17 {
justify-content: center;
align-items: center;
display: flex;
}
.image-358 {
filter: invert();
max-width: 90%;
}
.text-block-241 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.collection-list-wrapper-18 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid gray;
border-radius: 10px;
flex-direction: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 540px;
margin-right: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
overflow: auto;
}
.collection-list-wrapper-18.diy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 0;
display: flex;
}
.collection-list-wrapper-18.diy.tools {
color: #fff;
flex-flow: row;
height: 520px;
overflow: auto;
}
.empty-state-jewerly-women {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.text-block-242 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.image-359 {
filter: invert();
max-width: 90%;
}
.empty-state-jacket-women {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.collection-list-wrapper-19 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-360 {
filter: invert();
max-width: 90%;
}
.text-block-243 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.collection-list-wrapper-20 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-361 {
filter: invert();
max-width: 90%;
}
.empty-state-t-shirt-women {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.text-block-244 {
color: #fff;
text-align: center;
font-family: Exo, sans-serif;
font-weight: 700;
}
.empty-state-new {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
height: 20%;
display: flex;
}
.collection-list-wrapper-21 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-362 {
filter: invert();
max-width: 90%;
}
.text-block-245 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.empty-state-socks-women {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.collection-list-wrapper-22 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-363 {
filter: invert();
max-width: 90%;
}
.text-block-246 {
color: #fff;
background-color: #fff0;
font-family: Prototype, sans-serif;
}
.collection-list-wrapper-23 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-364 {
filter: invert();
max-width: 90%;
}
.empty-state-shoes-women {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.text-block-247 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.collection-list-wrapper-24 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.empty-state-back-pack {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.image-365 {
filter: invert();
max-width: 90%;
}
.text-block-248 {
color: #fff;
text-align: center;
background-color: #0000;
font-family: Exo, sans-serif;
font-weight: 700;
}
.collection-hat-men {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-366 {
filter: invert();
max-width: 90%;
}
.text-block-249 {
color: #fff;
text-align: center;
font-family: Exo, sans-serif;
font-weight: 700;
}
.empty-state-hat-men, .empty-state-jewerly-men {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.collection-top-men {
justify-content: center;
align-items: center;
display: flex;
}
.image-367 {
filter: invert();
max-width: 90%;
}
.text-block-250 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.collection-jacket-men {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.empty-state-jacket-men {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.text-block-251 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.image-368 {
filter: invert();
max-width: 90%;
}
.collection-pants-men {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.empty-state-t-shirt-men {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.image-369 {
filter: invert();
max-width: 90%;
}
.text-block-252 {
color: #fff;
text-align: center;
font-family: Exo, sans-serif;
font-weight: 700;
}
.empty-state-pants-men {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.collection-nts-men {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-370 {
filter: invert();
max-width: 90%;
}
.text-block-253 {
color: #fff;
text-align: center;
font-family: Exo, sans-serif;
font-weight: 700;
}
.collection-socks-men {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.empty-state-socks-men {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.image-371 {
filter: invert();
max-width: 90%;
}
.text-block-254 {
color: #fff;
text-align: center;
font-family: Exo, sans-serif;
font-weight: 700;
}
.collection-shoes-men {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.empty-state-shoes-men {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.image-372 {
filter: invert();
max-width: 90%;
}
.text-block-255 {
color: #fff;
text-align: center;
font-family: Exo, sans-serif;
font-weight: 700;
}
.collection-list-back-pack-men {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.empty-state-back-pack-men {
background-color: #1b1b1b;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 15%;
margin-top: 30px;
display: flex;
}
.image-373 {
filter: invert();
max-width: 90%;
}
.text-block-256 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.tab-link-all-men {
background-color: #ddd0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: flex;
}
.tab-link-all-men.w--current {
background-color: #c8c8c800;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 5px 0;
display: flex;
}
.text-block-257 {
z-index: 3;
color: #fff;
background-color: #fff0;
font-family: Exo, sans-serif;
font-size: 18px;
font-weight: 500;
position: relative;
}
.div-block-1133 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.collection-item-10 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 9%;
height: 110px;
margin: 5px;
padding-left: 0;
padding-right: 0;
transition: transform .25s;
display: flex;
}
.collection-item-10:hover {
transform: scale(1.2);
}
.collection-list-all {
background-color: #fff0;
border: 5px solid #25202000;
border-radius: 20px;
min-width: 100%;
height: auto;
}
.button-38 {
background-color: #3898ec00;
width: 90%;
height: 90%;
position: absolute;
}
.image-374 {
max-width: 90%;
}
.collection-all {
color: #fffdfd;
border: 7px solid #0000;
border-left: 5px solid #252020;
border-right: 5px solid #25202000;
border-radius: 20px;
justify-content: center;
align-items: flex-start;
height: 450px;
padding-bottom: 10px;
display: flex;
overflow: auto;
}
.collection-all.diy {
color: #fff;
}
.button-group-2 {
display: flex;
}
.default-state-3 {
width: 100%;
height: 80%;
}
.default-state-4 {
width: 100%;
height: 80%;
}
.default-state-5, .default-state-6 {
width: 100%;
height: 80%;
}
.default-buying-state {
width: 100%;
height: 80%;
}
.default-state-8, .default-state-9, .default-state-10 {
width: 100%;
height: 80%;
}
.div-block-1134 {
z-index: 5;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.default-state-11, .default-state-12 {
width: 100%;
height: 80%;
}
.default-state-13 {
width: 100%;
height: 80%;
display: block;
position: relative;
overflow: visible;
}
.default-state-14, .default-state-15, .default-state-16, .default-state-17 {
width: 100%;
height: 80%;
}
.div-block-1135 {
z-index: 3;
width: 100%;
height: 100%;
position: absolute;
}
.div-block-1135.btn-soldout {
height: 104.321%;
}
.shiney {
z-index: 10;
cursor: pointer;
background-color: #0f0f0f;
border-top: 5px solid #252020;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: relative;
left: auto;
right: auto;
}
.shiney.btn-mouse {
z-index: 0;
border-bottom: 1px #0f0f0f;
width: 40px;
height: 40px;
display: flex;
}
.shiney.btn-mouse._1 {
display: none;
overflow: visible;
}
.image-375 {
opacity: 0;
max-width: 90%;
position: absolute;
}
.lottie-animation-18 {
filter: brightness(200%);
border-top: 5px #252020;
width: 40px;
height: 40px;
}
.lottie-animation-18.btn-mouse {
width: 30px;
height: 30px;
}
.choice {
background-color: #0000;
border-bottom: 1px #000;
flex-direction: row;
justify-content: center;
align-items: flex-end;
height: 50px;
margin-top: 20px;
display: flex;
position: relative;
top: 2px;
}
.dollards {
background-color: #0f0f0f;
border-top: 5px solid #252020;
border-left: 5px solid #252020;
border-top-left-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.dollards.btn-youtube {
width: 40px;
height: 40px;
}
.stock {
background-color: #0f0f0f;
border-top: 5px solid #252020;
border-right: 5px solid #252020;
border-top-right-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.stock.btn-youtube2 {
width: 40px;
height: 40px;
}
.text-block-258 {
color: #fff;
text-align: center;
cursor: pointer;
background-color: #0000;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-weight: 700;
}
.text-block-259 {
color: #fff;
cursor: pointer;
font-family: Exo, sans-serif;
font-weight: 700;
}
.div-block-1142 {
opacity: 0;
width: 80%;
height: 20px;
position: absolute;
bottom: 0;
}
.text-block-260 {
color: #919191;
text-align: center;
font-size: 12px;
}
.div-block-1143 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 80%;
height: 20px;
display: flex;
position: absolute;
bottom: 0;
}
.option-list-4 {
display: none;
}
.field-label-50 {
margin-bottom: 0;
display: none;
}
.quantity-4, .buy-now-button-5 {
display: none;
}
.default-state-18 {
height: 12px;
margin-bottom: 0;
}
.add-to-cart-button-3 {
background-color: #00d607a8;
border: 1px solid #03ff4f;
border-radius: 4px;
justify-content: center;
height: 13px;
padding: 0 2px;
font-size: 10px;
line-height: 0;
}
.add-to-cart-4 {
opacity: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 20px;
display: flex;
}
.out-of-stock-state-4 {
background-color: #f000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 13px;
margin-top: 0;
padding: 0 2px;
line-height: 0;
display: flex;
}
.text-block-261 {
color: #fff;
text-align: center;
background-color: #ff030396;
border: 1px solid #ff4343;
border-radius: 4px;
justify-content: center;
align-items: center;
height: 100%;
padding-left: 2px;
padding-right: 2px;
font-size: 10px;
line-height: 0;
display: flex;
}
.empty-state-jewerly-all-women {
background-color: #0f0f0f;
border: 5px solid #252020;
border-radius: 20px;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100px;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
display: flex;
}
.text-block-262 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.image-376 {
filter: invert();
height: 100%;
}
.html-embed-23, .html-embed-24, .html-embed-25 {
display: none;
}
.image-377 {
width: 100%;
max-width: 110%;
}
.div-block-1144 {
z-index: -1;
background-color: #3330;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63fa5d2bc1ef8e6d99474f51_test%203.svg");
background-position: 50%;
background-size: cover;
border: 30px #000;
border-radius: 18px;
width: 540px;
height: 610px;
display: block;
position: absolute;
}
.option-list-5 {
opacity: 1;
color: #fff;
display: block;
overflow: visible;
}
.option-list-6 {
color: #000;
display: block;
}
.div-block-1145 {
position: relative;
}
.text-block-264 {
font-weight: 700;
}
.option-4 {
text-align: center;
height: auto;
display: flex;
}
.text-block-266 {
color: #000;
display: block;
}
.div-block-1146 {
display: flex;
}
.text-block-267 {
font-weight: 700;
}
.text-block-268 {
color: #c4c4c4;
}
.text-block-269, .text-block-270 {
font-weight: 700;
}
.text-block-271, .text-block-272 {
color: #c4c4c4;
}
.text-block-273, .text-block-274 {
font-family: Simply rounded, sans-serif;
}
.text-block-276 {
color: #fff;
text-align: center;
font-family: Inconsolata, monospace;
font-size: 12px;
line-height: 20px;
}
.div-block-1149 {
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1px;
display: flex;
}
.div-block-1150 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 40px;
height: 20px;
padding-top: 0;
font-size: 1%;
display: flex;
}
.div-block-1151 {
background-color: #221fff;
width: 33%;
height: 100%;
font-size: 1px;
}
.div-block-1152 {
background-color: #fff;
width: 33%;
height: 100%;
}
.div-block-1153 {
color: #f10000;
background-color: red;
width: 33%;
height: 100%;
}
.div-block-1154 {
justify-content: center;
align-items: center;
width: 30%;
height: 40px;
display: flex;
}
.div-block-1155 {
background-color: red;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
flex-direction: column;
align-items: center;
width: 80%;
height: 3%;
display: flex;
}
.success-message-3 {
color: #fff;
text-align: center;
background-color: #00ff2247;
border: 1px solid #0f2;
border-radius: 3px;
align-self: center;
height: 100%;
padding: 9px 10px;
}
.text-block-279 {
color: #fff;
text-shadow: 0 1px 2px #fff;
padding-top: 1px;
padding-bottom: 1px;
font-family: Prototype, sans-serif;
}
.error-message-6 {
color: #fff;
text-shadow: 0 1px 2px #fff;
background-color: #8a00009e;
border: 1px solid red;
border-radius: 3px;
height: 100%;
position: static;
}
.text-block-280 {
color: #fff;
font-family: Prototype, sans-serif;
}
.image-380 {
height: 100%;
transform: scale(.8);
}
.div-block-1159 {
background-color: #e2e2e2;
border-radius: 20px;
width: 50%;
height: 50%;
}
.div-block-1161 {
z-index: 40;
flex-direction: column;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
display: flex;
position: absolute;
left: -47px;
}
.div-block-1157 {
z-index: 14;
background-image: linear-gradient(97deg, #fff, #f2ff00 17%, #00f84a 35%, #00b8eb 54%, #0300c5 71%, #ff001e 85%, #000);
border-radius: 3px;
justify-content: flex-start;
align-items: center;
width: 95%;
height: 12%;
margin-right: 10px;
padding-left: 0;
display: flex;
position: relative;
}
.div-block-1158 {
cursor: grab;
background-color: #3b3b3b;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
position: relative;
}
.image-381 {
height: 100%;
min-height: 100%;
transform: scale(.8);
}
.div-block-1156 {
z-index: 12;
background-color: #161616;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 499px;
height: 2.5%;
padding-left: 10px;
padding-right: 0;
display: flex;
position: absolute;
top: 110px;
bottom: auto;
}
.image-383, .image-384, .image-385 {
width: 100%;
max-width: 110%;
}
.men-body, .diy-body {
background-color: #000;
}
.image-386 {
outline-offset: 0px;
outline: 3px #9d454500;
width: 600px;
margin-top: 20px;
margin-bottom: 20px;
}
.image-387 {
margin-bottom: 5px;
}
.image-388 {
width: 130px;
height: 40%;
transition: transform .25s;
}
.image-388:hover {
transform: scale(1.2);
}
.div-block-stars {
z-index: 0;
background-color: #ae383800;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64ff667091b19a839887304f_Men%20Diy_Plan%20de%20travail%201.svg"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64b92312c7c1af977208b866_Calque%202.svg");
background-position: 50%, 50%;
background-size: cover, cover;
width: 1920px;
height: 1070px;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.div-block-stars._2 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64ff68eb6e81c130ca0ea37f_Diy%20Women_Plan%20de%20travail%201.svg"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64b92312c7c1af977208b866_Calque%202.svg");
background-position: 50%, 50%;
background-size: cover, cover;
width: 100%;
}
.div-block-stars._3 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64ff86613310c3498e287258_Men%20Diy_Plan%20de%20travail%201.svg"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64b92312c7c1af977208b866_Calque%202.svg");
background-position: 50%, 50%;
background-size: cover, cover;
}
.div-block-stars._4 {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64b92312c7c1af977208b866_Calque%202.svg");
background-position: 50%;
background-size: cover;
width: 100%;
overflow: hidden;
}
.error-state-7 {
display: none;
}
.remove-button {
color: #b9b9b9;
text-decoration: underline;
}
.text-block-281 {
color: #fff;
}
.cloud2 {
z-index: -20;
width: 45%;
max-width: 1920px;
height: 45%;
position: absolute;
top: 11%;
bottom: 0%;
left: 44%;
}
.cloud3 {
z-index: -8;
transform-style: preserve-3d;
width: 60%;
max-width: 1920px;
height: 60%;
position: absolute;
inset: 0% 0% 0% 47%;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.cloud-5 {
z-index: -9;
opacity: .98;
width: 50%;
max-width: 1920px;
height: 50%;
position: absolute;
top: -14%;
left: 47%;
}
.amoire {
z-index: -4;
filter: brightness(120%);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.div-block-1168 {
z-index: 1;
border: 4px solid var(--black);
background-color: #0f0f0f;
border-radius: 15px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 60%;
height: auto;
padding: 5px;
display: flex;
position: relative;
}
.div-block-1169 {
background-color: #171717;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png"), linear-gradient(#000, #000);
background-position: 50%, 0 0;
background-size: cover, auto;
border-bottom: 5px #000;
border-left: 5px solid #000;
border-right: 5px solid #000;
justify-content: center;
align-items: center;
width: 80%;
height: 50px;
display: flex;
}
.div-block-1171 {
background-color: #25252500;
border-top-right-radius: 10px;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 30px;
display: flex;
}
.div-block-1172 {
background-color: #000;
border-top-left-radius: 10px;
border-top-right-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
display: flex;
}
.div-block-1173 {
border-top-right-radius: 10px;
justify-content: flex-end;
align-items: center;
width: 70%;
height: 100%;
display: flex;
}
.text-block-282 {
color: #fff;
text-align: center;
font-family: Prototype, sans-serif;
font-weight: 400;
}
.text-block-282._2 {
display: none;
}
.all-line-device {
z-index: 6;
border: 5px #161616c2;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.tabs-content-4 {
width: 100%;
height: 80%;
}
.tabs-6 {
width: 100%;
height: 95%;
}
.tab-link-1 {
color: #fff;
background-color: #565656;
border-radius: 15px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.tab-link-1.w--current {
color: #000;
background-color: #fff;
font-family: Prototype, sans-serif;
box-shadow: 0 0 5px 1px #9d9d9d;
}
.tab-link-2 {
color: #fff;
background-color: #565656;
border-radius: 15px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20%;
margin-left: 10px;
padding-left: 20px;
padding-right: 20px;
font-family: Prototype, sans-serif;
display: flex;
}
.tab-link-2.w--current {
color: #000;
background-color: #fff;
border-radius: 15px;
width: 20%;
margin-left: 10px;
padding-left: 20px;
padding-right: 20px;
box-shadow: 0 0 5px 1px #9d9d9d;
}
.tabs-menu-5 {
width: 20%;
margin-top: 5px;
margin-bottom: -30px;
font-family: Prototype, sans-serif;
display: flex;
}
.div-block-1175 {
z-index: 2;
color: #310b0b;
background-color: #161616;
border-radius: 5px 5px 15px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 50%;
height: 30px;
display: flex;
position: relative;
top: -3px;
bottom: 0%;
right: -25%;
box-shadow: 0 2px 0 2px #0000007a;
}
.div-dollard-button {
cursor: pointer;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
display: none;
}
.tab-pane-2 {
border: 4px solid #333;
border-color: #333 #505050 #656565 #3c3c3c;
}
.image-392 {
filter: brightness(50%);
cursor: pointer;
height: 70%;
}
.form-block-4 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
display: flex;
}
.div-block-1177 {
justify-content: center;
align-items: center;
width: 15%;
height: 100%;
display: flex;
}
.div-block-1177._1, .div-block-1177._3, .div-block-1177._4, .div-block-1177._5 {
justify-content: center;
width: 15%;
}
.image-393, .image-394, .image-395, .image-396 {
filter: brightness(50%);
height: 100%;
}
.slide-2-image {
display: block;
}
.div-block-1178 {
cursor: pointer;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
display: flex;
}
.image-398 {
filter: brightness(50%);
cursor: pointer;
height: 70%;
}
.slide-1-noramal-image {
display: block;
}
.image-401 {
filter: invert();
}
.lac-cave {
z-index: -6;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.lumiere {
z-index: -7;
opacity: .3;
filter: saturate(300%);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.pierres {
z-index: -8;
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
}
.image-402, .diamond {
z-index: -9;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.image-404 {
z-index: -11;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.image-405 {
z-index: -12;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.quick-stack {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #1d1d1d;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
border: 3px solid #000;
border-radius: 5px;
width: 60%;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
position: relative;
}
.form-6 {
width: 100%;
height: 100%;
}
.cell-4 {
border-radius: 10px;
justify-content: center;
align-items: center;
}
.field-label-51 {
color: #fff;
background-color: #000;
border: 1px solid #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 35%;
margin-bottom: -7px;
padding-left: 5px;
position: relative;
}
.field-label-52 {
color: #fff;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px 5px 0 0;
width: 35%;
margin-bottom: -7px;
padding-left: 5px;
position: relative;
}
.field-label-53, .field-label-54 {
color: #fff;
background-color: #000;
border: 1px solid #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 35%;
margin-bottom: -7px;
padding-left: 5px;
position: relative;
}
.div-block-1180 {
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.radio-button-label {
color: #fff;
font-size: 12px;
}
.radio-button-label-2 {
color: #fff5f5;
font-size: 12px;
}
.radio-button-label-3 {
color: #fff;
font-size: 12px;
}
.radio-button-field, .radio-button-field-2 {
margin-left: 10px;
}
.submit-button-15 {
border: 3px solid #50b0ff;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 100%;
font-family: Prototype, sans-serif;
font-size: 20px;
}
.text-span-70 {
border-radius: 20px;
}
.div-block-1181 {
z-index: 1;
color: #1d1d1d;
object-fit: fill;
background-color: #2c2c2c;
border: 4px solid #000;
border-radius: 10px;
width: 60%;
height: 200px;
position: relative;
overflow: auto;
box-shadow: inset 0 2px 5px 12px #0000005c;
}
.div-block-1182 {
background-color: #1e1e1e;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1182._1 {
background-color: #1e1e1e;
height: 40px;
}
.div-block-1184 {
background-color: #0c0c0c;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1185 {
background-color: #1e1e1e;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1186 {
background-color: #0c0c0c;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1187 {
background-color: #1e1e1e;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1188 {
background-color: #0c0c0c;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1189 {
background-color: #1e1e1e;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1190 {
background-color: #0c0c0c;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1191 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 7%;
height: 100%;
display: flex;
}
.text-block-285 {
color: #fafafa;
text-align: center;
font-family: Prototype, sans-serif;
font-size: 20px;
}
.div-block-1192 {
flex-direction: column;
align-items: center;
width: 10%;
height: 100%;
padding-top: 3px;
padding-bottom: 3px;
display: flex;
}
.div-block-1193 {
justify-content: space-between;
width: 25%;
height: 80%;
display: flex;
}
.div-block-1194 {
justify-content: center;
align-items: center;
width: 30%;
height: 100%;
display: flex;
}
.div-block-1195 {
background-color: #272727;
border: 2px solid #242424;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 70%;
display: flex;
box-shadow: inset 0 2px 5px 2px #000;
}
.div-block-1195._1 {
background-color: red;
}
.div-block-1195._1.a {
background-color: red;
width: 30px;
height: 30px;
}
.div-block-1195._1.b {
background-color: #00ff2a33;
width: 30px;
height: 30px;
}
.div-block-1195._1.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._2 {
opacity: 1;
background-color: red;
}
.div-block-1195._2.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._2.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._2.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._3.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._3.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._3.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._4.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._4.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._4.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._5.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._5.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._5.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._6.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._6.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._6.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._7.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._7.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._7.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._8.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._8.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._8.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._9.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._9.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._9.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._10.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._10.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._10.a, .div-block-1195._11.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._11.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._11.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._12.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._12.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._12.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._13.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._13.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._13.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._14.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._14.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._14.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._15.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._15.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._15.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._16.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._16.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._16.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._17.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._17.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._17.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._18.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._18.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._18.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._19.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._19.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._19.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1195._20.a {
background-color: #f003;
width: 30px;
height: 30px;
}
.div-block-1195._20.b {
background-color: #00ff2b;
width: 30px;
height: 30px;
}
.div-block-1195._20.c {
background-color: #0095ff33;
width: 30px;
height: 30px;
}
.div-block-1196 {
opacity: 1;
background-color: #fff0;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 70%;
height: 70%;
display: flex;
}
.div-block-1197 {
filter: blur(2px);
background-color: red;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1197.a1 {
background-color: #fff;
}
.div-block-1197.a2, .div-block-1197.a3, .div-block-1197.a4, .div-block-1197.a5, .div-block-1197.a6, .div-block-1197.a7, .div-block-1197.a9, .div-block-1197.a8, .div-block-1197.a10, .div-block-1197.a11, .div-block-1197.a12, .div-block-1197.a13, .div-block-1197.a14, .div-block-1197.a15, .div-block-1197.a16, .div-block-1197.a17, .div-block-1197.a18, .div-block-1197.a19, .div-block-1197.a20 {
background-color: #fff3;
}
.div-block-1198 {
filter: blur(1px);
background-color: #1f0;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1198.b1 {
background-color: #1f03;
}
.div-block-1198.b2, .div-block-1198.b3, .div-block-1198.b4, .div-block-1198.b5, .div-block-1198.b6, .div-block-1198.b7, .div-block-1198.b8, .div-block-1198.b9, .div-block-1198.b10, .div-block-1198.b11, .div-block-1198.b12, .div-block-1198.b13, .div-block-1198.b14, .div-block-1198.b15, .div-block-1198.b16, .div-block-1198.b17, .div-block-1198.b18, .div-block-1198.b19, .div-block-1198.b20 {
background-color: #fff;
}
.div-block-1199 {
opacity: .33;
filter: blur(1px);
background-color: #00a6ff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 60%;
height: 60%;
display: flex;
}
.div-block-1202 {
background-color: #222;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 40%;
height: 80%;
margin-right: 10px;
display: flex;
box-shadow: inset 0 0 5px 5px #00000057;
}
.text-block-286 {
color: #fff;
text-align: center;
font-family: Simply rounded, sans-serif;
}
.div-block-1203 {
justify-content: flex-end;
align-items: center;
width: 50%;
height: 100%;
padding-right: 5px;
display: flex;
}
.div-block-1204 {
background-color: #222;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 10%;
height: 80%;
margin-right: 10px;
display: flex;
box-shadow: inset 0 2px 5px 4px #0000004f;
}
.div-block-1205 {
width: 60%;
height: 50%;
}
.div-block-1206 {
background-color: #fffefe;
border-radius: 3px 3px 0 0;
width: 100%;
height: 50%;
}
.div-block-1207 {
background-color: red;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
width: 100%;
height: 50%;
}
.div-block-1208 {
justify-content: center;
align-items: center;
width: 60%;
height: 50px;
display: flex;
}
.div-block-1215 {
z-index: 0;
background-color: #0c0c0c;
border-left: 2px solid #000;
width: 10%;
height: 140%;
position: relative;
}
.div-block-1216 {
z-index: 0;
background-color: #0c0c0c;
border-left: 1px #1d1d1d;
border-right: 2px solid #000;
width: 10%;
height: 140%;
position: relative;
}
.div-block-1217 {
width: 100%;
height: 0%;
}
.div-slide-1 {
width: 100%;
height: 100%;
display: block;
}
.div-slide-2 {
width: 100%;
height: 100%;
display: none;
}
.div-block-1218 {
background-color: #1e1e1e;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.div-block-1219 {
background-color: #0c0c0c;
justify-content: space-between;
align-items: center;
height: 40px;
display: flex;
}
.radio-button-field-3 {
margin-left: 10px;
}
.div-block-1220 {
justify-content: center;
width: 100%;
display: flex;
}
.div-block-1221 {
justify-content: flex-end;
width: 25%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-1222 {
width: 25%;
display: block;
position: relative;
overflow: hidden;
}
.div-block-1223 {
opacity: 1;
justify-content: center;
align-items: center;
width: 160px;
height: 155px;
display: flex;
}
.div-block-1223._2 {
opacity: 1;
background-image: none;
margin-top: 10px;
}
.text-block-287 {
z-index: 1;
color: #000;
text-align: center;
font-family: Simply rounded, sans-serif;
font-size: 25px;
font-weight: 700;
position: absolute;
}
.text-block-287._1 {
position: absolute;
}
.div-block-1224 {
z-index: 6;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cf89a7d3768d39b7352270_Calque%201ldpi.svg");
background-position: 50%;
background-size: cover;
width: 160px;
height: 83px;
margin-right: 20px;
position: absolute;
bottom: 146.5px;
}
.slide-1-action, .slide-1-dollards, .slide-1-vision, .slide-2-action-image {
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.slide-2-dollards {
z-index: 3;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.slide-2-vision {
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.bap-dollard, .bap-vision {
filter: brightness(50%);
height: 70%;
}
.div-action-button {
cursor: pointer;
flex-direction: row;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
display: flex;
}
.div-vision-button {
cursor: pointer;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
display: none;
}
.line-phone {
background-color: #0000004d;
width: 35%;
height: 100%;
}
.line-phone-angle {
background-color: #0006;
border: 1px #fff;
border-style: none dashed;
width: 15%;
height: 100%;
}
.line-tablette {
background-color: #00000080;
border-left: 1px dashed #fff;
border-right: 1px dashed #fff;
width: 8%;
height: 100%;
}
.line-computer {
background-color: #000000b3;
border-left: 1px dashed #fff;
border-right: 1px dashed #fff;
width: 6%;
height: 100%;
}
.line-screen {
background-color: #000c;
border-left: 1px dashed #fff;
border-right: 1px dashed #fff;
width: 4%;
height: 100%;
}
.image-410 {
filter: brightness(50%);
height: 100%;
}
.div-block-1225 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 50%;
height: 50px;
display: flex;
}
.div-block-1226 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 50%;
height: 50px;
display: none;
}
.div-block-1227 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 50%;
height: 20%;
display: none;
}
.eyes-aouch {
z-index: 5;
opacity: 0;
width: 80%;
height: 25%;
position: absolute;
top: 51px;
}
.lottie-animation-19 {
z-index: -1;
width: 150%;
height: 150%;
position: absolute;
overflow: hidden;
}
.mouth-aouch {
opacity: 0;
width: 60%;
height: 15%;
position: absolute;
top: 127px;
}
.slide-text, .action-slide, .dollard-slide, .vision-slide {
color: #0fe;
width: 95%;
height: 95%;
font-family: Minecraftia, sans-serif;
font-size: 12px;
display: none;
}
.property-slide {
color: #0fe;
text-align: left;
flex-direction: row;
justify-content: center;
align-items: center;
width: 95%;
height: 95%;
font-family: Minecraftia, sans-serif;
font-size: 12px;
display: none;
}
.compagny-proprety {
color: #0fe;
width: 95%;
height: 95%;
font-family: Minecraftia, sans-serif;
font-size: 12px;
display: none;
}
.text-span-71 {
color: #d0f;
}
.text-span-72 {
color: #0015ff;
}
.text-span-73 {
color: red;
}
.text-span-74 {
color: #1f0;
}
.text-span-75 {
color: #fff200;
}
.text-span-76, .text-span-77, .text-span-78, .text-span-79, .text-span-80 {
color: #fff;
}
.text-span-83 {
color: #0f1;
}
.text-span-86 {
color: #0048ff;
}
.text-span-87 {
color: #ff0004;
}
.text-span-88 {
color: #0f3;
}
.text-block-288 {
color: #ccc;
background-color: #323232;
border-radius: 7px;
width: 100%;
height: 90%;
padding: 5px;
font-size: 12px;
overflow: auto;
}
.textarea-2 {
max-width: 100%;
max-height: 60%;
}
.section-termes-of-use {
background-color: #242424;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 1000px;
display: flex;
}
.privact-policy {
background-color: #343434;
border: 5px solid #191919;
border-right-color: #0e0d0d;
border-radius: 20px;
width: 70%;
height: 500px;
overflow: auto;
}
.div-privacy-policy {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: auto;
padding: 5px;
display: flex;
}
.section-store-policy {
background-color: #242424;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 1000px;
display: flex;
}
.store-policy-div {
background-color: #424242;
border: 3px solid #191919;
border-radius: 10px;
width: 70%;
height: 500px;
overflow: auto;
}
.store-policy-texte {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 5px;
display: flex;
}
.section-delivery-information {
background-color: #242424;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 1000px;
display: flex;
}
.delivery-infomation-div {
background-color: #424242;
border: 3px solid #191919;
border-radius: 10px;
width: 70%;
height: 500px;
overflow: auto;
}
.section-provacy-policy {
background-color: #242424;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 1000px;
display: flex;
}
.delivery-info {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 5px;
display: flex;
}
.div-block-1228 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1228._1 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-sub-policy {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.bold-text-271 {
font-weight: 400;
}
.div-block-1230 {
height: 120px;
}
.buy-a-property-text {
background-color: #151515;
border: 3px solid #070707;
border-radius: 5px;
height: 475px;
padding: 5px;
}
.section-35 {
background-color: #3d3d3d;
width: auto;
height: auto;
}
.section-36 {
background-color: #3f3f3f;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be936695a4ec53b62606d4_Calque%2035%20(2)ldpi.svg");
background-position: 50%;
background-size: cover;
flex-direction: column;
align-items: center;
height: 1500px;
display: flex;
}
.tab-pane-1 {
border: 4px solid #333;
border-color: #333 #505050 #656565 #3c3c3c;
}
.div-block-1231 {
justify-content: space-between;
height: 10%;
display: flex;
}
.div-block-1232 {
width: 80%;
height: 100%;
}
.div-block-1233 {
justify-content: center;
align-items: flex-start;
width: 15%;
height: 100%;
display: flex;
}
.text-block-289 {
color: #fff;
width: 100%;
font-family: Exo, sans-serif;
font-weight: 700;
}
.div-block-1234 {
background-color: #43e06d;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64eb3c25a1410b008655f4cb_Pdf_Plan%20de%20travail%201.svg"), radial-gradient(circle, #555, #000);
background-position: 50%, 0 0;
background-size: cover, auto;
border-radius: 4px;
width: 70%;
height: 80%;
box-shadow: 0 2px 0 2px #75757533;
}
.div-block-1234:hover {
box-shadow: 0 2px 5px 3px #f223, 0 2px 0 2px #75757533;
}
.div-block-1234._1 {
filter: invert();
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbb281fc41bb_99f03fdee90d871d3d1e718c82feb8be.png"), radial-gradient(circle, #c7c7c7, #fff);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.div-block-1235 {
width: 20%;
height: 100%;
}
.field-label-55 {
color: #fff;
}
.div-block-1236 {
background-color: #151515;
border: 3px solid #070707;
border-radius: 5px;
width: 362px;
max-width: 362px;
height: 475px;
padding: 10px;
}
.subscriptions-list-2 {
grid-template-columns: 1fr 1fr 1fr;
height: 100%;
}
.subscriptions-wrapper {
height: 100%;
}
.bold-text-272 {
width: 100%;
}
.green-hill-2 {
z-index: -7;
width: 100%;
max-width: 1920px;
height: 100%;
position: absolute;
inset: 0%;
}
.robot {
z-index: -12;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.yomi-city {
z-index: -8;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.robot-2 {
z-index: -19;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
}
.robot-3 {
z-index: -19;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.div-block-1237 {
background-color: #000;
height: 4px;
position: absolute;
inset: auto 0% 0%;
}
.div-block-1238 {
z-index: -20;
background-color: #000;
height: 45%;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.text-block-290 {
font-family: Kredit front, sans-serif;
}
.text-block-291 {
font-family: Kredit front, sans-serif;
font-size: 15px;
font-weight: 400;
}
.text-block-292, .text-block-293, .text-block-294 {
font-family: Kredit front, sans-serif;
}
.text-block-295 {
font-family: Kredit front, sans-serif;
font-weight: 400;
}
.text-block-296 {
font-family: Kredit back;
}
.select-field-4 {
color: #919191;
}
.button-39 {
background-color: #3898ec00;
width: 100%;
height: 100%;
}
.image-411 {
position: relative;
}
.text-block-297 {
color: #fff;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-family: Prototype, sans-serif;
font-size: 14px;
display: flex;
}
.div-block-1239 {
height: 7%;
}
.text-block-298 {
color: #fff;
margin-top: 5px;
font-family: Exo, sans-serif;
font-size: 1.5rem;
line-height: 1.4rem;
}
.div-block-1240 {
filter: brightness(200%);
cursor: pointer;
background-color: #2c2c2c;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64eb3c260f9044a1a99e894c_Excel_Plan%20de%20travail%201_Plan%20de%20travail%201.svg");
background-position: 50%;
background-size: cover;
border-top: 1px solid #6bff5b;
border-bottom: 3px solid #36fd5e;
border-left: 3px solid #45ff3e;
border-right: 3px solid #45fc51;
border-radius: 25px;
width: 50px;
height: 40px;
margin-left: 10px;
transition: transform .25s;
box-shadow: 0 9px 10px -6px #c7c7c7, 0 4px #383838;
}
.div-block-1240:hover {
box-shadow: none;
transform: translate(0, 4px);
}
.button-40 {
background-color: #3898ec00;
width: 100%;
height: 100%;
display: block;
}
.div-block-1241 {
filter: brightness(200%);
cursor: pointer;
background-color: #2c2c2c;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64eb3c25a1410b008655f4cb_Pdf_Plan%20de%20travail%201.svg");
background-position: 50%;
background-size: cover;
border-top: 1px solid #ff5c5c;
border-bottom: 3px solid red;
border-left: 3px solid #dd4545;
border-right: 3px solid #ff3939;
border-radius: 25px;
width: 50px;
height: 40px;
margin-left: 10px;
box-shadow: 0 9px 10px -6px #c7c7c7, 0 4px #383838;
}
.div-block-1241:hover {
box-shadow: none;
transform: translate(0, 4px);
}
.portail {
z-index: -10;
width: 60%;
height: 60%;
position: absolute;
inset: 27% 0% 0% 15%;
}
.image-412 {
z-index: -12;
width: 70%;
height: 70%;
position: absolute;
inset: 19% 0% 0% 11%;
transform: rotate(-21deg);
}
.tab-pane-hat-2 {
height: auto;
}
.div-block-1242 {
background-color: red;
width: 20%;
height: 20%;
position: absolute;
inset: 0% 0% 0% auto;
}
.div-block-1243 {
flex-direction: column;
justify-content: space-between;
height: 85%;
display: flex;
}
.div-block-1244 {
background-color: #1b1b1b;
border-top: 5px solid #000;
border-left: 5px solid #0e0d0d;
border-right: 5px solid #0e0d0d;
border-radius: 20px 20px 0 0;
justify-content: center;
align-items: center;
width: 70%;
height: 50%;
margin-top: 40px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.image-413 {
width: 330px;
height: 300px;
}
.div-block-1245 {
background-color: #252525;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
box-shadow: inset 0 2px 10px 3px #000000a3;
}
.div-block-1246 {
background-color: #0e0e0e;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 80%;
height: 30%;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.div-block-1247 {
background-color: #32ff46;
border-radius: 20px;
width: 2%;
height: 55%;
box-shadow: 0 0 5px 3px #fff3;
}
.div-block-1247._2 {
background-color: #ff3235;
width: 2%;
}
.div-block-1247._3 {
background-color: #70f;
width: 2%;
}
.div-block-1247._4 {
background-color: #ffee32;
width: 2%;
}
.div-block-1248 {
background-color: #1a1a1a;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 99%;
height: 75%;
padding-left: 5px;
display: flex;
}
.div-block-1249 {
flex-direction: row;
justify-content: space-between;
width: 80%;
height: 40%;
margin-bottom: 5px;
display: flex;
}
.text-block-299 {
color: #fff;
font-weight: 700;
}
.text-block-300 {
color: gray;
}
.column-19 {
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
display: flex;
}
.columns {
width: 95%;
height: 99%;
}
.column-20 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.lottie-animation-20 {
filter: hue-rotate(242deg) invert();
position: absolute;
}
.produ {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64f45b254133b5962d2f2fb2_Bas%20homme_Plan%20de%20travail%201%20(1).svg");
background-position: 50%;
background-size: cover;
width: 1920px;
height: 1070px;
position: absolute;
inset: auto 0% 0%;
}
.div-block-1251 {
width: 1920px;
height: 1070px;
position: absolute;
}
.div-block-1252 {
width: 1920px;
height: 1070px;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.div-block-1253 {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64f37b8b8a3d2877d1ecfe16_Plant%20bas%20noir%20femme_Plan%20de%20travail%201.svg");
background-position: 50%;
background-size: cover;
width: 1920px;
height: 1070px;
position: absolute;
inset: auto 0% 0%;
}
.chopin-image {
z-index: -8;
opacity: 1;
filter: blur(5px) invert() brightness(200%);
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0%;
left: 0%;
right: 31%;
}
.button-41 {
z-index: 50;
color: #ff000080;
cursor: pointer;
background-color: #3898ec00;
width: 100%;
height: 100%;
}
.down-hero-chopin {
z-index: 60;
background-color: #f000;
width: 2.5%;
height: 17%;
position: absolute;
inset: 39% 0% 0% 63.5%;
}
.html-embed-26 {
display: none;
}
.div-block-1255 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64f628bfdcd41611293a8cad_Buy%20a%20property_Plan%20de%20travail%201.svg");
background-position: 50%;
background-size: cover;
width: 1920px;
height: 1070px;
position: absolute;
inset: auto 0% 0%;
}
.div-block-1256 {
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 1920px;
max-width: 1920px;
display: flex;
}
.div-block-1257 {
z-index: 0;
background-image: radial-gradient(circle at 100%, #ffffff1a, #030303fc 64%, #000);
display: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.error-message-7 {
color: #fff;
background-color: #ff000029;
border: 1px solid red;
border-radius: 5px;
}
.success-message-4 {
text-align: center;
background-color: #00ff2247;
border: 1px solid #0f2;
border-radius: 5px;
flex: 0 auto;
height: 100%;
padding-top: 200px;
}
.text-block-301 {
color: #fff;
text-shadow: 0 1px 2px #fff;
font-family: Prototype, sans-serif;
}
.text-block-302 {
text-shadow: 0 1px 2px #fff;
font-family: Prototype, sans-serif;
}
.image-414 {
filter: brightness(141%);
display: none;
position: absolute;
inset: 5% 0% 57%;
}
.div-block-1258 {
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.div-block-1259 {
background-color: #3d3d3d;
border-radius: 15px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
height: 1000px;
padding: 10px;
display: flex;
}
.div-block-1260 {
background-color: #2c2c2c;
border-radius: 13px;
flex-direction: row;
justify-content: space-around;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1261 {
width: 75%;
height: 5%;
position: absolute;
}
.tabs-menu-6 {
justify-content: center;
align-items: center;
height: auto;
padding-top: 10px;
display: flex;
}
.div-block-1262 {
position: absolute;
}
.tab-pane-tab-1-3 {
width: 100%;
height: 100%;
padding: 5px 10px;
}
.tabs-content-5 {
justify-content: center;
align-items: center;
width: 99.9999%;
display: flex;
}
.tabs-7 {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.div-block-1263 {
background-color: #1e1e1e;
border: 3px solid #000;
height: 250px;
}
.div-block-1264 {
border: 1px #fff;
border-right: 4px dotted #ffffff36;
width: 0%;
height: 70px;
padding-left: 50%;
}
.tab-link-tab-1-5 {
background-color: #555;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.tab-link-tab-1-5.w--current {
background-color: #202020;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.text-block-303 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.tab-link-tab-2-5 {
background-color: #555;
}
.tab-link-tab-2-5.w--current {
color: #fff;
background-color: #202020;
}
.tab-link-tab-3-5 {
background-color: #555;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.tab-link-tab-3-5.w--current {
background-color: #202020;
}
.div-block-1265 {
justify-content: space-between;
align-items: center;
height: 10%;
display: flex;
}
.div-block-1266 {
color: #fff;
background-color: #000;
border-bottom-right-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.text-span-89 {
color: #fff;
}
.text-block-304 {
background-color: #000;
border-bottom-left-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.bold-text-273 {
color: #fff;
text-align: center;
}
.div-block-1267 {
flex-direction: row;
justify-content: space-between;
height: 90%;
display: flex;
}
.div-block-1268 {
justify-content: center;
align-items: center;
width: 80%;
height: 100%;
padding: 10px;
display: flex;
}
.div-block-1268._2 {
width: 30%;
}
.image-415 {
height: 100%;
}
.text-block-305 {
color: #a0a0a0;
background-color: #121212;
width: 95%;
height: 100%;
padding: 5px;
overflow: auto;
box-shadow: inset 0 0 5px 4px #000000a3;
}
.grid-21 {
grid-column-gap: 4px;
grid-row-gap: 6px;
background-color: #121212;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
grid-template: "Area Area-2" 91px
"Area-3 Area-4" 95px
/ 1fr 1fr;
align-content: stretch;
width: 100%;
height: 100%;
box-shadow: inset 0 0 6px 5px #00000061;
}
.text-block-306, .text-block-307 {
color: #fff;
font-family: Exo, sans-serif;
font-weight: 700;
}
.columns-2 {
flex-direction: row;
justify-content: space-between;
width: 66%;
display: flex;
}
.column-21 {
height: 100%;
}
.column-22 {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.div-block-1269 {
width: 80%;
height: 300px;
}
.div-block-1270 {
width: 100%;
height: 100%;
}
.columns-3 {
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.column-23 {
height: 80%;
padding-right: 0;
display: none;
}
.column-24 {
height: 80%;
padding-left: 0;
padding-right: 0;
}
.image-416 {
height: 40%;
}
.text-block-308 {
color: #fff;
margin-top: 10px;
font-family: Exo, sans-serif;
font-weight: 700;
}
.image-417 {
filter: invert();
width: 50%;
height: 50%;
}
.tab-pane-tab-2-2, .tab-pane-tab-3-2 {
width: 100%;
height: 100%;
padding: 5px 10px;
}
.image-418 {
opacity: .8;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.html-embed-27 {
display: block;
}
.div-block-1271 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1271._1 {
background-image: radial-gradient(circle, #00d0ff40, #0000 59%);
}
.div-block-1271._2 {
background-image: radial-gradient(circle, #ff000080, #0000 60%);
}
.div-block-1271._3 {
background-image: radial-gradient(circle, #fbff005e, #0000 54%);
}
.div-block-1271._4 {
background-image: radial-gradient(circle, #059000ab, #fff0 52%);
}
.text-span-90 {
box-shadow: inset 0 0 3px 1px #00e1ffb8;
}
.text-span-91 {
box-shadow: inset 0 0 3px 1px #ff0000b5;
}
.text-span-92 {
box-shadow: inset 0 0 3px 1px #f2ff00a8;
}
.text-span-93 {
box-shadow: inset 0 0 3px 1px #00ff08ab;
}
.div-block-1272 {
z-index: 10;
-webkit-backdrop-filter: blur(5px) blur(6px);
backdrop-filter: blur(5px) blur(6px);
background-color: #000000a3;
border: 1px solid #0000;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 10%;
height: 12%;
transition: transform .2s;
display: flex;
position: absolute;
top: 101px;
left: 277px;
box-shadow: 0 0 5px #000;
}
.div-block-1272:hover {
transform: scale(1.1);
}
.div-block-1272._2 {
z-index: 11;
width: 12%;
height: 15%;
inset: auto 31% 25% auto;
}
.div-block-1272._2:hover {
transform: scale(1.05);
}
.div-block-1273 {
flex-direction: column;
justify-content: space-between;
width: 50px;
height: 80px;
display: flex;
}
.div-block-1274 {
opacity: 1;
filter: invert(0%) contrast(200%);
background-color: #626262;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63602dfebe6f5524fe577408_kisspng-globe-earth-clip-art-vector-map-of-the-world-5ae7b224de73b9.9749709915251338609112.png");
background-position: 50%;
background-size: cover;
border: 3px solid #464646e0;
border-radius: 50px;
height: 50px;
}
.text-block-309 {
text-align: center;
font-size: 8px;
}
.image-419 {
filter: blur(5px);
padding-bottom: 5px;
}
.div-block-1275 {
background-color: #0b0b0b;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 15%;
display: flex;
}
.div-block-1276 {
background-color: #3e3e3e;
border-radius: 20px;
width: 80%;
height: 20%;
}
.div-block-1277 {
filter: blur(.5px);
background-color: red;
width: 20%;
height: 100%;
}
.div-block-1277._2 {
filter: blur(.5px);
background-color: #00ff08;
width: 60%;
}
.lottie-animation-21 {
filter: invert();
display: none;
}
.div-block-1278 {
z-index: 10;
opacity: .07;
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cfd1e9c1a8218bcb5b2b69_Calque%202ldpi.svg");
background-position: 50%;
background-size: cover;
border-radius: 8px;
width: 100%;
height: 100%;
margin: 10px;
padding-top: 0;
position: absolute;
}
.div-block-1278:hover {
transform: translate(0);
}
.button-42 {
z-index: 11;
cursor: pointer;
background-color: #3898ec00;
width: 100%;
height: 100%;
position: absolute;
}
.slider-16 {
z-index: 10;
background-color: #ddd0;
flex-direction: row;
justify-content: center;
align-items: center;
height: 600px;
display: flex;
}
.mask-13 {
width: 300px;
height: 700px;
}
.slide-nav-17 {
filter: brightness(400%) invert();
display: none;
bottom: -30px;
}
.right-arrow-10 {
align-items: flex-end;
height: 50px;
margin-bottom: -40px;
margin-right: 40px;
display: block;
inset: auto 0% 0%;
}
.slide-53 {
border-radius: 0;
}
.icon-29 {
margin-bottom: 0;
margin-left: 0;
}
.icon-30 {
margin-bottom: 0;
margin-right: 0;
}
.left-arrow-10 {
height: 50px;
margin-bottom: -40px;
margin-left: 40px;
inset: auto 0% 0%;
}
.div-block-1279 {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.div-block-1280 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/65942358dc44e6ce92da49f3_h4.svg");
background-position: 50%;
background-size: cover;
border: 3px #fff;
justify-content: center;
align-items: center;
width: 90%;
height: 80%;
display: flex;
}
.div-block-1280._2 {
border-color: #19ff00;
}
.text-block-310 {
color: #000;
font-family: Prototype, sans-serif;
font-size: 30px;
}
.detail-flex {
justify-content: space-between;
align-items: center;
display: flex;
}
.detail-flex.v2 {
margin-top: 25px;
}
.results-div {
justify-content: center;
display: flex;
}
.calculator-tab {
background-image: linear-gradient(#0006, #0006), linear-gradient(#ffffff1a, #ffffff1a), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658ca02c1e1e1d5bf3a405e6_Background%202.jpg");
background-position: 0 0, 0 0, 100% 100%;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
border-radius: 20px;
width: 450px;
max-width: 450px;
margin-top: 4rem;
margin-left: auto;
margin-right: auto;
padding: 40px 30px;
}
.rs-tag-2 {
color: #fff;
font-size: 25px;
font-weight: 600;
line-height: 1.4;
}
.price2 {
color: #7bf4e0;
text-align: center;
font-size: 50px;
font-weight: 600;
line-height: 1.4;
}
.html-embed-28 {
color: #7bf4e0;
}
.calculator-wrap {
flex-direction: column;
padding-top: 25px;
padding-bottom: 20px;
display: flex;
}
.fixed-price-div {
display: flex;
}
.price {
color: #7bf4e0;
text-align: center;
font-size: 50px;
font-weight: 600;
line-height: 1.4;
}
.rs-tag {
color: #fff;
font-size: 18px;
line-height: 1.4;
}
.rs-tag.centred {
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
}
.logo {
filter: invert();
width: 60px;
margin-bottom: 10px;
}
.slider-wrap {
flex-direction: column;
align-items: center;
}
.html-embed-29 {
color: #7bf4e0;
display: none;
}
.checkbox-field-2 {
text-align: center;
flex-direction: column;
order: -1;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.checkbox-field-2.bottom-margin-16 {
order: 1;
}
.field-label {
color: #8a8a8a;
order: -1;
font-family: Prototype, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.5em;
}
.field-label.switch-label {
color: #0f1;
order: 1;
}
.field-label.bottom-margin-16 {
color: #fff;
}
.field-label.white {
color: #fff;
background-color: #242424;
}
.field-label.white.email {
cursor: text;
font-size: 18px;
transition: all .2s ease-out;
display: none;
}
.success-message {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f2a25ea40ea08ddc85c91_star%20background.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 500px;
height: 500px;
}
.total-field {
background-color: #f8fff4;
border: 1px #000;
font-size: 48px;
line-height: 1.5em;
}
.total-field.margin-top-16 {
cursor: default;
margin-top: 16px;
}
.total-field.margin-top-16.margin-mobile-0 {
color: #2afc00;
text-align: center;
text-shadow: 0 1px 1px #95f6589e;
background-color: #002723;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%, 50%;
background-size: cover, cover;
border: 2px solid #969696;
border-radius: 10px;
width: 25%;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
padding: 0 5px;
font-family: Minecraft, sans-serif;
font-size: 20px;
position: relative;
}
.switch-checkbox {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f2a25ea40ea08ddc85c8f_Switch%20button.svg"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f2a25ea40ea08ddc85c90_Switch%20Track.svg");
background-position: 50% 0, 50%;
background-repeat: no-repeat, no-repeat;
background-size: contain, contain;
border-style: none;
width: 60px;
height: 80px;
margin-top: 0;
margin-left: 0;
transition: all .2s;
}
.switch-checkbox.w--redirected-checked {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f2a25ea40ea08ddc85c8f_Switch%20button.svg"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f2a25ea40ea08ddc85c90_Switch%20Track.svg");
background-position: 50% 100%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: contain, contain;
}
.switch-checkbox.bottom-margin-16 {
filter: hue-rotate(114deg);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f52d73fcec2164850d68b_balle.svg"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f53a1582e5f01dcf59ac3_ni.svg");
background-position: 50% 0, 50%;
background-repeat: no-repeat, no-repeat;
background-size: 35px 35px, contain;
}
.switch-checkbox.bottom-margin-16.w--redirected-focus {
box-shadow: none;
}
.counter-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.email-input-wrap {
position: relative;
}
.range-slider {
filter: invert() blur(1px);
}
.flex {
display: block;
}
.form-block {
background-color: #0000;
border: 1px solid #292929;
justify-content: center;
align-items: center;
padding: 1.4rem;
position: relative;
}
.form-block.center {
border-width: 10px;
border-top-color: gray;
border-right-color: #686868;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.form-block.blue {
background-color: #ff0004;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cfd1e9c1a8218bcb5b2b69_Calque%202ldpi.svg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.form-block.menwomen {
background-color: #202020;
flex-direction: column;
display: flex;
}
.form-block.numberfollowers {
background-color: #0f0f0f;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: contain;
}
.form-block._1 {
background-color: #463333;
}
.form-block._2 {
background-color: #3a3927;
}
.form-block._3 {
background-color: #2f353c;
}
.form-block._4 {
background-color: #334234;
}
.flex-between-row {
justify-content: space-between;
display: flex;
}
.text-field {
color: #00ff3c;
text-align: right;
background-color: #0000;
border: 1px #000;
max-width: 10rem;
font-size: 20px;
line-height: 1.5rem;
display: block;
}
.text-field.square {
color: #fff;
text-align: center;
background-color: #272727;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 2px solid #000;
border-radius: 100%;
width: 60px;
height: 60px;
font-size: 24px;
line-height: 1.2em;
box-shadow: inset 0 1px 5px 3px #0009;
}
.text-field._1 {
color: #fbff00;
font-family: Minecraftia, sans-serif;
}
.round-checkbox {
cursor: pointer;
background-color: #0000009c;
border: 3px solid #3b3b3b;
border-radius: 100%;
width: 40px;
height: 40px;
margin-top: 0;
margin-left: 0;
box-shadow: inset 0 2px 5px #000;
}
.round-checkbox.w--redirected-checked {
background-color: #1c19c8;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f2a25ea40ea08ddc85c8e_fluent_checkmark-12-filled.svg");
}
.round-checkbox.w--redirected-focus {
box-shadow: none;
}
.form {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #383838;
border: 1px solid #000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.submit-button-2 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/658f2a25ea40ea08ddc85c8d_fluent_send-28-filled.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px 24px;
position: absolute;
inset: auto 0% 0% auto;
}
.question-icon-wrap {
color: #a7a7d3;
}
.question-icon-wrap:hover {
color: #1c19c8;
}
.question-icon-wrap.photos {
margin-right: -20px;
padding-left: 8px;
}
.question-icon-wrap.producer {
justify-content: center;
align-items: center;
width: 5rem;
display: flex;
}
.question-icon-wrap.button {
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.question-icon-wrap.location {
justify-content: center;
width: 5rem;
display: flex;
}
.question-icon-wrap.gifs {
margin-right: -20px;
padding-left: 8px;
}
.question-icon-wrap.products {
margin-right: 0;
padding-left: 8px;
}
.field-label-wrapper {
justify-content: space-between;
display: flex;
}
.form-column {
background-color: #424242;
border: 4px solid #707070;
border-color: #707070 #5e5e5e #292929 #5a5a5a;
border-radius: 11px;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
display: flex;
}
.success-wrap {
color: #fff;
justify-content: center;
align-items: center;
height: 100%;
padding: 111px;
font-size: 20px;
font-weight: 400;
line-height: 1.5rem;
display: flex;
}
.counter-button-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 100%;
display: flex;
}
.question-icon {
margin-left: 0;
}
.dollar {
color: #fff;
justify-content: center;
align-items: center;
font-size: 25px;
line-height: 1.5em;
display: flex;
}
.email-field {
background-color: #0000;
border: 1px #fff;
border-bottom: 2px solid #fff;
}
.email-field.margin-top-16 {
color: #fff;
margin-top: 16px;
padding-left: 0;
padding-right: 27px;
font-size: 16px;
font-weight: 500;
}
.email-field.margin-top-16::placeholder {
color: #fff;
}
.grid-22 {
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
width: 80%;
height: 800px;
margin-bottom: 140px;
}
.div-block-1281 {
height: 300px;
}
.div-block-1282 {
background-color: #202020;
width: 100%;
height: 100%;
}
.form-block-5 {
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
}
.div-block-1283 {
height: 200px;
padding: 10px;
}
.div-block-1284 {
opacity: 1;
background-color: #000;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1285 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 800px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.div-block-1286 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 60%;
height: 30%;
display: flex;
}
.div-block-1287 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb2725fc4169_plus.svg");
background-position: 50%;
background-size: cover;
width: 10%;
height: 5%;
}
.text-block-311 {
color: #fff;
font-size: 100px;
}
.image-420 {
width: 70%;
height: 70%;
}
.text-block-312 {
color: #fff;
text-align: center;
font-family: Prototype, sans-serif;
font-size: 25px;
}
.div-block-1288 {
z-index: 1;
opacity: .29;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
}
.text-block-313 {
color: #00ffc4;
font-family: Minecraftia, sans-serif;
position: absolute;
}
.div-block-1289 {
background-color: #00e1ff;
border: 5px solid #00ffe5;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100px;
height: 50px;
display: flex;
box-shadow: 0 5px #009aec;
}
.div-block-1290 {
background-color: #f700ff;
border: 5px solid #ffb9f8;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100px;
height: 50px;
display: flex;
box-shadow: 0 4px #ac006d;
}
.div-block-1291 {
background-color: #414141;
border: 1px solid #353535;
border-radius: 11px;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 80%;
height: 90%;
padding-left: 20px;
padding-right: 20px;
display: flex;
box-shadow: inset 0 2px 5px #000;
}
.text-block-314 {
text-align: center;
font-family: Joystix monospace, sans-serif;
font-size: 30px;
font-weight: 400;
}
.div-block-1292 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/659426ae37deac923fa9d0d2_h2.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 90%;
height: 80%;
display: flex;
}
.div-block-1293 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/659426402acbf9833d6dfb03_h1.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 90%;
height: 80%;
display: flex;
}
.div-block-1294 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6594238901700b9915d9bb7d_h3.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 90%;
height: 80%;
display: flex;
}
.next-3 {
color: #fff;
background-color: #1b1b1b;
width: 100px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.page-count {
color: #fff;
margin-top: 10px;
}
.previous-3 {
background-color: #1b1b1b;
width: 100px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.text-block-315, .icon-31 {
color: #fff;
}
.text-block-316 {
padding-left: 20px;
}
.page-count-2 {
color: #fff;
}
.html-embed-30 {
display: none;
}
.div-block-1295 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-1296 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.form-block-6 {
width: 40%;
}
.form-7 {
width: 30%;
height: 50%;
position: fixed;
}
.field-label-56, .field-label-57 {
color: #fff;
}
.form-8 {
width: 100%;
height: 100%;
}
.text-span-94, .text-span-95, .text-span-96 {
color: red;
}
.text-span-97, .text-span-98, .text-span-99 {
color: #38ffde;
}
.text-span-100, .text-span-101, .text-span-102 {
color: #0f2;
}
.div-block-1297 {
background-color: #000;
border-bottom-right-radius: 10px;
width: 30%;
height: 100%;
}
.div-block-1298 {
background-color: #000;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
width: 10%;
height: 100%;
}
.text-block-317 {
color: #fff;
text-align: center;
font-family: Simply rounded, sans-serif;
}
.div-block-1299 {
width: 30%;
height: 100%;
}
.text-block-318 {
color: red;
text-align: center;
width: auto;
font-weight: 700;
}
.text-block-319 {
color: #7fffd2;
text-align: center;
font-weight: 700;
}
.text-block-320 {
color: #48ff0a;
text-align: center;
font-weight: 700;
}
.text-block-321 {
padding-bottom: 0;
font-family: Exo, sans-serif;
font-size: 10px;
line-height: 15px;
}
.error-message-8 {
background-color: #8a00009e;
border: 1px solid red;
border-radius: 3px;
width: 50%;
margin-top: 40px;
padding-top: 10px;
position: relative;
left: 50%;
right: auto;
}
.image-421 {
width: 60%;
height: 75%;
}
.tab-link-candy-s {
background-color: #ddd0;
width: 25%;
height: 100%;
padding: 5px 0;
}
.tab-link-candy-s.w--current {
background-color: #ddd0;
}
.tab-link-telegram {
background-color: #ddd0;
width: 25%;
height: 100%;
padding: 5px 0;
}
.tab-link-telegram.w--current {
background-color: #ddd0;
display: block;
}
.text-block-men-sexe.btn-tapbar {
color: #fff;
font-family: Joystix monospace, sans-serif;
font-size: 20px;
}
.div-block-1300 {
justify-content: center;
align-items: stretch;
height: 170px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-1301 {
height: 20px;
}
.div-block-1302 {
border-right: 1px solid #fff;
}
.div-block-1303, .div-block-1304 {
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 50%;
padding-left: 1px;
padding-right: 1px;
display: flex;
}
.div-block-1305 {
color: #fff;
justify-content: space-between;
align-items: center;
height: 12%;
margin-top: 5px;
margin-bottom: 0;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
display: flex;
}
.div-block-1306 {
justify-content: space-around;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-1307 {
width: 90%;
height: 100%;
}
.image-422 {
filter: brightness(110%);
height: 120%;
}
.image-423 {
height: 60%;
}
.option-5 {
width: 90%;
height: 20px;
}
.option-list-7 {
justify-content: center;
align-items: flex-start;
width: 50%;
height: 30px;
margin-right: 10px;
display: flex;
}
.tools {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.select-field-5 {
color: #fff;
background-color: #000;
height: 20px;
padding: 0;
font-size: 10px;
}
.block-blanc {
z-index: -1;
background-color: #fff;
border: 5px solid #252020;
border-radius: 20px;
justify-content: flex-end;
align-items: stretch;
height: 450px;
display: flex;
position: absolute;
inset: auto 0% 0%;
box-shadow: inset 0 0 0 4px #6e6e6e;
}
.bar-du-dessus {
z-index: 5;
border: 5px solid #252020;
border-bottom-style: none;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 5%;
position: absolute;
inset: 50px 0% auto;
box-shadow: inset 0 4px 1px #6e6e6e;
}
.div-block-1310 {
z-index: -1;
background-color: #cf8787;
height: 17%;
position: absolute;
inset: 0% 0% auto;
}
.bar-de-dessous {
z-index: 5;
border-bottom: 5px solid #252020;
border-left: 5px solid #252020;
border-right: 5px solid #252020;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
height: 5%;
position: absolute;
inset: auto 0% 0%;
box-shadow: inset 0 -4px 1px #6e6e6e;
}
.div-block-1312 {
background-color: #fff0;
border-bottom: 1px solid #252020;
flex-flow: row;
justify-content: center;
width: auto;
height: 80%;
display: flex;
position: relative;
}
.add-to-cart-5 {
width: 100%;
}
.yomikoji-city {
z-index: 1;
background-color: #00c8ff;
background-image: linear-gradient(174deg, #00aeff45, #ffffffc9 42%), linear-gradient(#70f3ff73, #fcffffab 98%, #fff), radial-gradient(circle at 100% 0, #fff2003b, #fff0);
width: 1430px;
max-width: 1920px;
height: 800px;
max-height: 1070px;
display: block;
position: relative;
}
.grotte {
flex-flow: column;
justify-content: center;
align-items: center;
width: 1430px;
max-width: 1920px;
height: 800px;
max-height: 1070px;
display: flex;
position: relative;
overflow: hidden;
}
.body-39 {
background-color: #001fd1;
}
.section-37 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
overflow: hidden;
}
.div-block-1313, .pd {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
display: flex;
position: relative;
}
.tabs-8 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 80%;
height: auto;
min-height: 100%;
margin-top: 60px;
margin-bottom: 140px;
display: flex;
}
.tabs-content-6 {
justify-content: center;
align-items: center;
width: 80%;
height: 100%;
max-height: 600px;
display: block;
}
.collection-list-wrapper-new {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid gray;
border-radius: 10px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 520px;
display: flex;
}
.scooool {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: .25fr .5fr .25fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
place-items: center stretch;
width: 100%;
height: 100%;
padding: 30px 60px;
display: flex;
overflow: auto;
}
.collection-new {
background-color: #fff;
border: 5px solid #252020;
border-radius: 15px;
width: 330px;
height: 450px;
padding: 3px 5px 5px;
transition: transform .25s;
box-shadow: inset 0 0 0 3px #000000a8;
}
.collection-new:hover {
transform: scale(1.02);
}
.top-bar {
background-color: #5a5a5a00;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 10%;
display: flex;
}
.div-block-1315 {
z-index: 1;
justify-content: center;
align-items: center;
height: 70%;
display: flex;
position: relative;
inset: -92% auto auto 0%;
overflow: visible;
}
.div-block-1316 {
filter: brightness(145%);
cursor: pointer;
justify-content: flex-end;
align-items: center;
width: 12%;
height: 100%;
display: flex;
position: relative;
}
.lottie-small-star {
opacity: 1;
height: 100%;
}
.big-star-lottie {
opacity: 1;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.image-bis {
z-index: 2;
opacity: 0;
width: 100%;
display: block;
position: absolute;
overflow: clip;
}
.div-block-1317 {
z-index: 2;
width: 100%;
height: auto;
position: relative;
top: -310px;
}
.image-principale {
z-index: 2;
width: 100%;
position: relative;
}
.div-block-1318 {
height: 25px;
}
.div-block-1319 {
background-color: red;
border-top: 2px solid #ff7474;
border-bottom: 3px solid #860000;
border-left: 3px solid #ff9f9f;
border-right: 3px solid #f55;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 90px;
min-width: 90px;
height: 40px;
padding-left: 0;
padding-right: 0;
display: flex;
box-shadow: 0 1px 0 2px #810000;
}
.text-block-322 {
color: #fff;
font-family: Exo, sans-serif;
}
.image-424 {
filter: invert();
height: 50%;
}
.code-embed {
display: none;
}
.div-block-1320 {
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
}
.link-block-3 {
justify-content: center;
align-items: center;
display: flex;
}
.jouet-2-bis {
z-index: -2;
filter: brightness(125%);
width: 100%;
height: 100%;
position: absolute;
}
.tab-link-photo-nails {
background-color: #ddd0;
width: 25%;
height: 100%;
padding: 5px 0;
}
.tab-link-photo-nails.w--current {
background-color: #c8c8c800;
width: 25%;
height: 100%;
padding: 5px 0;
}
.text-block-323 {
color: #fff;
text-transform: uppercase;
font-family: Exo, sans-serif;
font-size: 14px;
font-weight: 700;
}
.out-of-stock-state-5 {
background-color: #ddd0;
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 50px;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
padding: 0;
display: flex;
}
.div-block-1321 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: red;
border-top: 2px solid #ff7474;
border-bottom: 3px solid #860000;
border-left: 3px solid #ff9f9f;
border-right: 3px solid #f55;
border-radius: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 50%;
height: 30px;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
display: flex;
box-shadow: 0 1px 0 2px #810000;
}
.error-state-diy {
background-color: #272727f7;
border-radius: 5px;
width: 110px;
height: auto;
position: absolute;
bottom: 80px;
right: 8px;
}
.div-block-1322 {
border-top: 15px solid #262727;
border-left: 10px solid #0000;
border-right: 10px solid #0000;
width: 20%;
height: 10px;
position: absolute;
bottom: -9%;
left: 25%;
right: 25%;
}
.error-message-9 {
color: #fff;
font-family: Prototype, sans-serif;
font-size: 14px;
line-height: 20px;
}
.div-block-1323 {
background-color: #282828;
width: 100%;
height: 100%;
position: relative;
inset: -80% 0% 0%;
}
.text-block-324 {
font-size: 12px;
}
.text-block-325 {
z-index: -1;
font-family: Simply rounded, sans-serif;
font-size: 22px;
font-weight: 700;
position: absolute;
}
.text-block-325._1 {
color: #000;
-webkit-text-stroke-width: 3px;
margin-top: -2px;
font-size: 21px;
}
.text-block-325._1:hover {
text-shadow: 0 0 6px #fff;
}
.text-block-325._2 {
color: #000;
-webkit-text-stroke-width: 3px;
margin-top: -2px;
}
.text-block-325._3 {
color: #000;
-webkit-text-stroke-width: 3px;
margin-top: -2px;
font-size: 23px;
}
.text-block-325._4 {
color: #000;
-webkit-text-stroke-width: 3px;
margin-top: -2px;
font-size: 24px;
}
.div-block-1324 {
height: 45px;
}
.div-block-1325 {
height: 5px;
}
.div-block-1326 {
height: 25px;
}
.div-block-1327 {
height: 35px;
}
.text-block-326 {
width: 50%;
height: 100%;
display: block;
}
.div-block-1328 {
height: 50%;
display: none;
}
.billingperiod {
color: #fff;
font-size: 10px;
display: none;
}
.code-embed-2 {
display: block;
}
.div-block-1329 {
display: flex;
}
.heading-67 {
color: #fff;
}
.apply-button {
background-color: #383838;
border-top: 2px solid #bdbdbd;
border-bottom: 4px solid #222;
border-left: 3px solid #797979;
border-right: 3px solid #7070704f;
border-radius: 10px;
font-family: Prototype, sans-serif;
}
.text-block-327 {
color: #fff;
padding-left: 3px;
font-size: 12px;
}
.div-block-1330 {
justify-content: center;
align-items: center;
height: 60%;
display: flex;
}
.text-block-328 {
color: #fff;
padding-left: 2px;
}
.div-block-1331 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
}
.text-block-329 {
font-size: 12px;
}
.div-block-1332 {
display: flex;
}
.text-block-330 {
color: #fff;
padding-left: 3px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.div-block-1333 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1334 {
flex-flow: column;
height: 5%;
display: flex;
}
.div-block-1335 {
justify-content: space-between;
align-items: center;
height: 20px;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.div-block-1336 {
justify-content: center;
align-items: center;
height: 80%;
display: flex;
}
.div-block-1337 {
background-color: #1a1a1a;
border: 1px solid #363636;
border-top-width: 3px;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
}
.div-block-1338 {
background-color: #1a1a1a;
width: 80%;
height: 8px;
}
.div-block-1339 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 0 0;
background-size: cover;
border: 3px solid #70707040;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
}
.text-block-331 {
color: #00e0d9;
text-shadow: 0 0 3px #fff;
font-family: Joystix monospace, sans-serif;
font-size: 30px;
}
.text-block-331._2 {
opacity: .25;
}
.div-block-1340 {
background-color: #1a1a1a;
width: 8px;
height: 100%;
}
.div-block-1341 {
width: 88%;
}
.div-block-1342 {
height: 75%;
}
.women-exterieur {
opacity: 1;
width: 100%;
max-width: 1920px;
height: 100%;
display: inline-block;
position: absolute;
}
.image-426 {
z-index: 2;
width: 100%;
max-width: 1920px;
height: 100%;
position: absolute;
}
.sable {
z-index: 0;
width: 100%;
height: 100.002%;
position: absolute;
}
.mer {
z-index: 1;
width: 100%;
height: 100.002%;
position: absolute;
}
.nuage {
z-index: 0;
width: 100%;
position: absolute;
top: 40px;
}
.bateau {
width: 100%;
height: 100%;
position: absolute;
top: 10px;
}
.code-embed-3, .scroll {
display: none;
}
.code-embed-4, .code-embed-5, .code-embed-6 {
display: block;
}
.women-chambre {
z-index: 4;
background-image: radial-gradient(circle at 50% 0, #fff0, #000000a8 40%, #000000db 76%);
width: 100%;
max-width: 1920px;
height: 100%;
display: inline-block;
position: absolute;
}
.tap-link-dropitems {
background-color: #ddd0;
width: 25%;
height: 100%;
padding: 5px 0;
}
.tap-link-dropitems.w--current {
background-color: #c8c8c800;
width: 25%;
height: 100%;
padding: 5px 0;
}
.div-block-1343 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.image-428 {
width: 60%;
height: 75%;
}
.text-block-332 {
color: #000;
font-family: Prototype, sans-serif;
font-size: 30px;
}
.slide-women {
border-radius: 0;
}
.mask-slider-women {
width: 300px;
height: 700px;
}
.left-arrow-11 {
height: 50px;
margin-bottom: -40px;
margin-left: 40px;
inset: auto 0% 0%;
}
.div-block-1344 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/659426402acbf9833d6dfb03_h1.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 90%;
height: 80%;
display: flex;
}
.div-block-1345 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/659426ae37deac923fa9d0d2_h2.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 90%;
height: 80%;
display: flex;
}
.icon-32 {
margin-bottom: 0;
margin-right: 0;
}
.div-block-1346 {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.slider-women {
z-index: 10;
background-color: #ddd0;
flex-direction: row;
justify-content: center;
align-items: center;
height: 600px;
display: flex;
}
.right-arrow-11 {
align-items: flex-end;
height: 50px;
margin-bottom: -40px;
margin-right: 40px;
display: block;
inset: auto 0% 0%;
}
.slide-nav-18 {
filter: brightness(400%) invert();
display: none;
bottom: -30px;
}
.body-40 {
background-color: #4e4e4e;
}
.slide-54 {
background-color: #4f21aa;
}
.slide-55 {
background-color: #d12d2d;
}
.slider-17 {
width: 200px;
}
.body-41 {
background-color: #000;
}
.website-coatch-book-now {
border-bottom: 4px solid #004d8b;
border-left: 4px solid #add5ff;
border-right: 4px solid #2d80ce;
border-radius: 15px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 8px;
padding-right: 8px;
font-family: Exo, sans-serif;
font-size: 30px;
font-weight: 900;
display: flex;
box-shadow: 0 5px 0 1px #003755;
}
.website-coatch-book-now:hover {
transform: translate(0, 5px);
box-shadow: 0 2px 20px 10px #9900ff78, 0 5px 0 1px #003755;
}
.button-coatch {
font-family: Exo, sans-serif;
font-weight: 700;
}
.button-coatch.btn-tiny2 {
background-color: #08f;
border-top: 2px solid #b1dcff;
border-bottom: 3px solid #003679;
border-left: 3px solid #7cbaf3;
border-right: 3px solid #4a8dbd;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 90px;
min-width: 90px;
height: 40px;
padding-left: 5px;
padding-right: 5px;
display: flex;
box-shadow: 0 1px 0 2px #002955;
}
.div-block-1347 {
background-color: #2b2b2b;
width: 20px;
height: 100%;
display: block;
}
.div-block-1348 {
z-index: -1;
background-color: #b32c2cc9;
width: 400px;
height: 600px;
min-height: 600px;
position: relative;
top: 100px;
}
.div-block-1349 {
z-index: -1;
background-color: red;
position: absolute;
top: 20px;
right: -10px;
}
.div-block-1350 {
justify-content: center;
align-items: center;
width: 15%;
height: 100%;
display: flex;
}
.previous-product {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/67b767412fbb43d34d7e3f68_previous%201-01-01-01.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 33%;
height: 100%;
display: flex;
}
.code-embed-7, .code-embed-8 {
display: none;
}
.code-embed-9 {
display: block;
}
.back-button {
cursor: pointer;
background-color: #775656;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/67b5bfd04283c06abe52d546_previous%201-01.svg");
background-position: 50%;
background-size: cover;
width: 33%;
}
.div-block-1351 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/67b767723da136ff6f723cd5_after-01-01-01.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 33%;
height: 100%;
display: flex;
}
.div-block-1352 {
cursor: pointer;
width: 33%;
display: flex;
}
.link-block-4 {
width: 100%;
}
.link-block-4.w--current {
background-color: #b64949;
width: 30px;
height: 40px;
}
.div-block-1353 {
background-color: #c72525;
width: 6%;
}
.code-embed-10 {
display: block;
}
.button {
background-color: #6e1717;
width: 75px;
height: 100px;
}
.link-block-5 {
background-color: #aa2f2f;
width: 75px;
height: 100px;
}
.image-429, .image-430, .image-431 {
width: 100%;
height: 100%;
}
.link-block-6, .next-product {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.body-42 {
background-image: linear-gradient(#00000080, #00000080);
}
.collection-list-wrapper-25 {
background-color: #1f1f1f;
}
.text-block-333 {
color: #fff;
}
.default-state-19, .code-embed-11 {
display: block;
}
.text-block-334, .span-2 {
color: #c4c4c4;
}
.text-block-335 {
font-weight: 700;
}
.text-block-336 {
color: #000;
font-weight: 700;
display: flex;
position: absolute;
left: 34px;
}
.text-block-337 {
color: #b9b9b9;
}
.look-book-2nd-plan {
z-index: 10;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687a704da774169c1e0907eb_Yomikoji%20look%20book%20thatre%20test%202%20(1).png");
background-position: 50%;
background-size: cover;
flex-flow: row;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
display: flex;
position: relative;
}
.collection-list-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: space-around;
align-items: stretch;
display: flex;
}
.collection-item-11 {
width: 33%;
padding: 15px;
}
.collection-list-wrapper-26 {
width: 100%;
}
.crt-front-sides {
transform-origin: 100%;
transform-style: preserve-3d;
background-color: #242424;
border: 2px solid #0000003d;
justify-content: center;
align-items: center;
width: 5em;
height: 100%;
margin: auto;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
transform: rotateX(0)rotateY(-90deg)rotateZ(0);
}
.crt-front-sides.bottom {
transform-origin: 50% 100%;
transform-style: preserve-3d;
width: 100%;
height: 5em;
inset: auto 0% 0%;
transform: rotateX(90deg)rotateY(0)rotateZ(0);
}
.crt-front-sides.left {
transform-origin: 0%;
transform-style: preserve-3d;
background-color: #242424;
justify-content: center;
align-items: center;
display: flex;
inset: 0% auto 0% 0%;
transform: rotateX(0)rotateY(90deg)rotateZ(0);
}
.crt-front-sides.top {
transform-origin: 50% 0;
transform-style: preserve-3d;
width: 100%;
height: 5em;
inset: 0% 0% auto;
transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}
.crt-power-button {
z-index: 2;
transform-origin: 100% 100%;
color: #0eaa35;
cursor: pointer;
background-color: #414141;
border-left: 3px solid #5f5f5f;
border-radius: 10px;
width: 1.5em;
position: absolute;
inset: auto 1.5em -2.5em auto;
}
.crt-front {
z-index: 2;
flex-direction: column;
display: flex;
position: absolute;
inset: 0%;
}
.crts-wrapper {
z-index: 2;
transform-origin: 100%;
transform-style: preserve-3d;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
transform: translate3d(0, 0, -50em)rotateX(0)rotateY(-63deg)rotateZ(0);
}
.crts-wrapper._2 {
transform-origin: 0%;
transform-style: preserve-3d;
inset: auto auto 0% 0%;
transform: translate3d(0, 0, -50em)rotateX(0)rotateY(63deg)rotateZ(0);
}
.harchives-tv-2nd-plan {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/68cfd9ed9fa43cdaa9de642d_MURE%20pour%20harchives%20bas_Plan%20de%20travail%201_Plan%20de%20travail%201%20(1).png");
background-position: 50%;
background-size: cover;
flex-flow: wrap;
justify-content: space-around;
align-items: stretch;
width: 1920px;
max-width: 1920px;
height: 1070px;
display: block;
position: relative;
overflow: hidden;
}
.crt-back-cube {
transform-style: preserve-3d;
background-color: #151515;
margin: auto;
position: absolute;
inset: 0;
transform: translate3d(0, 0, -5em);
}
.back-sides {
background-color: #171717;
border: 2px solid #0000003d;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: 0;
}
.back-sides.back {
transform-origin: 50%;
transform-style: preserve-3d;
width: 62%;
height: 60%;
display: block;
inset: 0% 0 0% 0;
transform: translate3d(0, 0, -10em)rotate(0);
}
.back-sides.bottom {
transform-origin: 50% 100%;
transform-style: preserve-3d;
width: 77%;
height: 11em;
inset: auto 0% 4em;
transform: rotateX(86deg)rotateY(0)rotateZ(0);
}
.back-sides.right {
transform-origin: 100%;
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6898bd6089ea8889bba7ffb5_Bout%20de%20tele%20droite_Plan%20de%20travail%201.svg");
background-position: 50%;
background-size: cover;
width: 10em;
height: 60%;
inset: 0% 3em 0% auto;
transform: rotateX(0)rotateY(-80deg)rotateZ(0);
}
.back-sides.left {
transform-origin: 0%;
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6898bc041bda74f989b8d43f_Bout%20de%20tele_Plan%20de%20travail%201.svg");
background-position: 0 0;
background-size: cover;
width: 10em;
height: 60%;
inset: 0% auto 0% 3em;
transform: rotateX(0)rotateY(80deg)rotateZ(0);
}
.back-sides.top {
transform-origin: 50% 0;
transform-style: preserve-3d;
background-color: #1c1c1c;
width: 77%;
height: 11em;
inset: 4em 0% auto;
transform: rotateX(-86deg)rotateY(0)rotateZ(0);
}
.master-room-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: block;
position: sticky;
top: 0;
overflow: visible;
transform: scale(1);
}
.crt-off-display {
transform-style: preserve-3d;
background-color: #000;
background-image: radial-gradient(circle, #666, #121212);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: translate3d(0, 0, -3em);
}
.room {
perspective: 1000px;
background-color: #6c505000;
justify-content: center;
align-items: flex-end;
min-height: 100%;
display: flex;
}
.crt-model {
z-index: 1;
perspective-origin: 50%;
transform-origin: 50%;
transform-style: preserve-3d;
width: 35em;
height: 25em;
margin: 1em;
position: static;
inset: 0;
transform: translate3d(0, 0, 0);
}
.room-wall {
transform-origin: 0%;
transform-style: preserve-3d;
background-color: #b45d5d00;
border: 2px solid #0000003d;
width: 100em;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
transform: translate(0)rotateX(0)rotateY(90deg)rotateZ(0);
box-shadow: inset 0 0 150px 20px #00000029;
}
.room-wall.right {
transform-origin: 100%;
transform-style: preserve-3d;
inset: 0% 0% 0% auto;
transform: rotateX(0)rotateY(-90deg)rotateZ(0);
}
.room-wall.back {
transform-origin: 50%;
transform-style: preserve-3d;
width: 100%;
height: 100%;
margin: auto;
inset: 0 0%;
transform: translate3d(0, 0, -100em);
}
.room-wall.bottom {
transform-origin: 50% 100%;
transform-style: preserve-3d;
width: 100%;
height: 100em;
inset: auto 0% 0%;
transform: rotateX(90deg)rotateY(0)rotateZ(0);
}
.room-wall.top {
transform-origin: 50% 0;
transform-style: preserve-3d;
width: 100%;
height: 100em;
inset: 0% 0% auto;
transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}
.room-wall.front {
transform-origin: 50%;
transform-style: preserve-3d;
width: 100%;
height: 100%;
margin: auto;
inset: 0 0%;
transform: translate3d(0, 0, -100em);
}
.crt-buttons-wrapper {
z-index: 1;
background-color: #292929;
border: 2px #0000003d;
justify-content: space-between;
align-items: center;
padding: .9em 1.3em 1.8em;
font-weight: 700;
display: flex;
position: relative;
box-shadow: inset 0 0 8px 2px #00000029;
}
.room-wall-wrapper {
border: 5px solid #0000003d;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin: auto;
display: flex;
position: absolute;
inset: 0;
}
.crt-screen-warpper {
z-index: 2;
flex: 1;
padding: 0;
position: relative;
}
.crt-link {
color: #0e3daa;
text-decoration: none;
}
.crt-link:hover {
text-decoration: underline;
}
.screen-inner {
transform-origin: 0%;
transform-style: preserve-3d;
border: 2px solid #0000003d;
border-radius: 2px;
width: 2em;
position: absolute;
inset: 0% auto 0% 0%;
transform: rotateX(0)rotateY(30deg)rotateZ(0);
box-shadow: inset 0 0 14px 4px #0000002e;
}
.screen-inner.bottom {
box-shadow: none;
transform-origin: 50% 100%;
transform-style: preserve-3d;
background-color: #b1b1b1;
width: 100%;
height: 2em;
inset: auto 0% 0%;
transform: rotateX(30deg)rotateY(0)rotateZ(0);
}
.screen-inner.right {
transform-origin: 100%;
transform-style: preserve-3d;
background-color: #d6d6d6;
inset: 0% 0% 0% auto;
transform: rotateX(0)rotateY(-30deg)rotateZ(0);
}
.screen-inner.top {
transform-origin: 50% 0;
transform-style: preserve-3d;
background-color: #b1b1b1;
width: 100%;
height: 2em;
inset: 0% 0% auto;
transform: rotateX(-30deg)rotateY(0)rotateZ(0);
}
.crt-video {
z-index: 1;
object-fit: cover;
transform-style: preserve-3d;
background-color: #181818;
background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687be36692c9041fcb3c72c7_h6k9N_%20(1).gif");
background-position: 0 0, 50%;
background-size: auto, cover;
border-top: 7px solid #464646e6;
border-bottom: 5px solid #424242c2;
border-left: 7px solid #868686e3;
border-right: 7px solid #383838c2;
width: 100%;
height: 100%;
position: relative;
transform: translate3d(0, 0, -3em);
box-shadow: inset 0 0 50px 9px #000000c2;
}
.crt-video.f9 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bdb42cf8f9e2fda06bbf5_200%20(2).webp"), linear-gradient(#0000001a, #0000001a);
background-position: 0 0, 0 0;
background-size: cover, auto;
}
.crt-video._5 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/68f4d776c72479fc6993092d_D82%20(1)%20(2).gif"), linear-gradient(#0000001a, #0000001a);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.crt-video._4 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/68f4e1af1f0d9bd8bb4dd36d_Defile%20(3).gif"), linear-gradient(#0000001a, #0000001a);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.crt-video.f2 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd944761201ee5a82c56f_200.webp"), linear-gradient(#0000001a, #0000001a);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.crt-video.f8 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd948b9b30c1aea35ab6a_giphy%20(2).gif"), linear-gradient(#0000001a, #0000001a);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.crt-video.f1 {
background-image: linear-gradient(#0000001a, #0000001a), linear-gradient(#0000001a, #0000001a), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd9449c1c5054953815e2_200%20(1).webp");
background-position: 0 0, 0 0, 0 0;
background-size: auto, auto, auto;
}
.crt-video.f3 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd948b9b30c1aea35ab6a_giphy%20(2).gif"), linear-gradient(#0000001a, #0000001a);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.crt-video.f7 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bdb4738398a3d99f77a67_giphy%20(3)%20(1)%20(1).gif"), linear-gradient(#0000001a, #0000001a);
background-position: 0 0, 0 0;
background-size: cover, auto;
}
.crt-video.f4 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd94828287067f69792fc_giphy%20(1).gif"), linear-gradient(#0000001a, #0000001a);
background-position: 0 0, 0 0;
background-size: cover, auto;
}
.crt-video._2 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bde3de5d37753623d6ac5_giphy%20(6).gif"), linear-gradient(#0000001a, #0000001a);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.crt-video.f5 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd94738398a3d99f71f2d_giphy.gif"), linear-gradient(#0000001a, #0000001a);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.crt-video._3 {
background-image: linear-gradient(#0000001a, #0000001a), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd94828287067f69792fc_giphy%20(1).gif");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.crt-video._6 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bdb4738398a3d99f77a67_giphy%20(3)%20(1)%20(1).gif");
background-size: cover;
}
.crt-video._7 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/68f4d9e139e52d48a07d1ac0_TOT%20ALL%20(1).gif");
background-size: cover;
}
.crt-video._8 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd944761201ee5a82c56f_200.webp");
background-size: cover;
}
.crt-video._9 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bd9449c1c5054953815e2_200%20(1).webp");
background-size: cover;
}
.crt-note {
margin: auto;
padding-top: .6em;
padding-left: .6em;
display: none;
position: absolute;
inset: 0 auto 0 0%;
}
.slider__arrow {
color: #101010;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
transition: color .2s, background-color .2s;
display: flex;
box-shadow: 0 8px 20px #0006;
}
.slider__arrow:hover {
color: #fff;
background-color: #000;
}
.slider__arrow.left {
transform: translate(-50%);
}
.slider__arrow.right {
transform: translate(50%);
}
.slider {
background-color: #0000;
width: 400px;
height: 600px;
}
.slide {
position: static;
inset: 0%;
overflow: visible;
}
.slider__icon {
font-size: 24px;
font-weight: 700;
}
.slide__image {
z-index: 1;
object-fit: cover;
border-radius: 10px;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
box-shadow: 0 10px 40px #00000080;
}
.slide__image.previous {
z-index: 0;
transform-origin: 50%;
transform: translate(-120px)rotate(-3deg)scale(.8);
}
.slide__image.current {
z-index: 2;
transform-origin: 50%;
box-shadow: 0 10px 30px #00000080;
}
.slide__image.next {
z-index: 1;
transform-origin: 50%;
transform: translate(120px)rotate(3deg)scale(.8);
}
.page-wrapper-6 {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
position: relative;
overflow: visible;
}
.slider__mask {
position: static;
overflow: visible;
}
.slider__nav {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
justify-content: center;
align-items: flex-end;
width: 60%;
height: 30px;
display: block;
top: 615px;
}
.collection-list-10 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.collection-item {
flex: 0 33.33%;
padding: 15px;
display: block;
}
.collection-item.masonry-item {
flex: 0 auto;
width: 33.33%;
}
.blog-wrapper {
max-width: 1960px;
margin-left: auto;
margin-right: auto;
padding: 30px;
}
.collection-list-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.collection-item-12 {
flex: 0 33.33%;
padding: 15px;
display: block;
}
.collection-item-12.masonry-item {
flex: 0 auto;
width: 33.33%;
}
.grid-23 {
background-color: #171717;
grid-template: "Area" 350px
"Area-2" 350px
"." 350px
"." 350px
/ 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: 40%;
height: 800px;
padding: 10px;
overflow: auto;
}
.div-block-1355 {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.image-433 {
width: 100%;
height: 30%;
}
.image-434 {
width: 100%;
height: 65%;
}
.div-block-1357 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334ab940e552e73716e6921_look%20book%204.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 65%;
}
.choice-container {
z-index: 10;
color: #912929;
background-color: #121212;
border: 5px solid #141414;
border-radius: 20px;
justify-content: space-around;
align-items: center;
width: 80%;
max-width: 300px;
height: 8%;
display: flex;
position: relative;
}
.collection-item-13 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 110px;
display: flex;
position: relative;
}
.choice-link-block {
z-index: 10;
color: red;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
}
.choice-link-block.favorite {
z-index: 10;
border: 3px solid #419e6b00;
width: 100%;
top: 0;
}
.saving-favorite {
justify-content: center;
align-items: center;
display: none;
position: absolute;
bottom: 40px;
left: 30px;
}
.vote-text {
color: #f2f2ed;
margin-left: 3px;
margin-right: 3px;
font-family: Inconsolata, monospace;
font-weight: 800;
display: block;
position: relative;
}
.item-is-favorite {
justify-content: center;
align-items: center;
width: 100px;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 5px;
}
.emoji {
opacity: .76;
filter: brightness(200%);
color: #fff;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.vote {
z-index: -10;
filter: blur(4px) brightness(200%) hue-rotate(122deg);
min-width: 80px;
display: block;
position: absolute;
top: -36.5px;
left: -12px;
overflow: clip;
}
.vote._2 {
filter: blur(4px) brightness(200%) hue-rotate(232deg);
display: none;
}
.valid-icon {
z-index: 10;
width: 30px;
position: relative;
}
.item-is-not-favorite {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.jetboost-toggle-favorite-19l1 {
border: 3px solid #ff0000fa;
border-right-color: #1312128c;
border-radius: 50px 20px 20px 50px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60px;
height: 50px;
display: flex;
position: relative;
}
.vote-result-container {
opacity: 1;
background-color: #1b1b1d;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 2px solid #404040;
border-radius: 4px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
margin-top: 0;
padding: 5px;
display: flex;
}
.choice-link-block-3 {
background-color: #27c98900;
border-radius: 0 100px 100px 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
position: absolute;
top: 0;
}
.choice-link-block-3.favorite {
border: 3px solid #419e6b;
}
.jetboost-toggle-favorite-2p72 {
background-color: #00ff1161;
border: 3px solid #00ff09;
border-color: #00ff09 #00ff08 #00ff09 #121212ba;
border-radius: 20px 50px 50px 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60px;
height: 50px;
display: flex;
position: relative;
left: 30px;
}
.vote-result-container-3 {
opacity: 1;
background-color: #1b1b1d;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 2px solid #404040;
border-radius: 4px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
margin-top: 0;
padding: 5px;
display: flex;
}
.image-overlay {
opacity: .75;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687cecdb95c454d473606068_paper-3.png");
background-size: 150px;
width: 100%;
position: absolute;
inset: 0% 0% 0% auto;
box-shadow: 14px 14px 10px #00000003;
}
.image-overlay.left {
background-image: linear-gradient(270deg, #0000000d, #fff0 12%), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687cecdb95c454d473606068_paper-3.png");
background-position: 0 0, 0 0;
background-size: auto, 150px;
display: block;
inset: 0% auto 0% 0%;
}
.spine {
transform-origin: 0%;
transform-style: preserve-3d;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: translate3d(0, 0, 1px);
}
.spine._15 {
z-index: 36;
transform: none;
}
.spine._3 {
z-index: 48;
transform: none;
}
.spine._4 {
z-index: 47;
transform: none;
}
.spine._18 {
z-index: 33;
transform: none;
}
.spine._9 {
z-index: 42;
transform: none;
}
.spine._14 {
z-index: 37;
transform: none;
}
.spine.cover {
z-index: 50;
transform: none;
}
.spine._6 {
z-index: 45;
transform: none;
}
.spine._13 {
z-index: 38;
transform: none;
}
.spine._19 {
z-index: 32;
transform: none;
}
.spine._2 {
z-index: 49;
transform: none;
}
.spine._5 {
z-index: 46;
transform: none;
}
.spine._16 {
z-index: 35;
transform: none;
}
.spine._11 {
z-index: 40;
transform: none;
}
.spine._10 {
z-index: 41;
transform: none;
}
.spine._7 {
z-index: 44;
transform: none;
}
.spine._17 {
z-index: 34;
transform: none;
}
.spine._8 {
z-index: 43;
transform: none;
}
.spine._20 {
z-index: 31;
transform-style: preserve-3d;
transform: translate3d(0, 0, -20px);
}
.spine._12 {
z-index: 39;
transform: none;
}
.left-side-back {
cursor: w-resize;
transform-style: preserve-3d;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
height: 100%;
display: block;
position: absolute;
inset: 0% auto 0% 0%;
transform: translate3d(0, 0, -1px)rotateX(0)rotateY(-180deg)rotateZ(0);
}
.left-side-contain {
object-fit: contain;
height: 100%;
max-height: 100%;
position: relative;
}
.right-side-front {
cursor: e-resize;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-items: stretch;
height: 100%;
display: block;
position: absolute;
inset: 0% auto 0% 0%;
}
.pm-body {
color: #000;
background-image: linear-gradient(#f2edde80, #f2edde80);
}
.gif-arrow {
width: 75px;
height: 75px;
margin-left: auto;
margin-right: auto;
}
.book-flipper {
z-index: 2;
perspective: 5000px;
transform-style: preserve-3d;
width: 50%;
height: 60%;
position: relative;
left: -747px;
transform: translate(100%)rotateX(0)rotateY(1deg)rotateZ(0);
}
.drop-shadow {
transform-style: preserve-3d;
background-image: radial-gradient(circle, #000000ad, #fff0 35%);
width: 100%;
height: 100%;
position: absolute;
transform: translate3d(0, 0, -100px);
}
.open-notice {
position: absolute;
top: 5%;
left: 400px;
}
.right-image-contain {
object-fit: contain;
height: 100%;
max-height: 100%;
position: relative;
}
.document-view {
text-align: center;
width: 1000px;
height: 650px;
padding: 20px 25px;
position: relative;
}
.pm-text {
font-size: 18px;
transform: rotate(6deg)translate(33px);
}
.book-flipper-2 {
z-index: 2;
perspective: 5000px;
transform-style: preserve-3d;
width: 500px;
height: 100%;
position: relative;
transform: translate(100%)rotateX(0)rotateY(1deg)rotateZ(0);
}
.document-view-2 {
text-align: center;
height: 650px;
padding: 20px 25px;
position: relative;
}
.harchives-1st-plan {
z-index: 0;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
position: relative;
}
.harchives-fond-eglise {
z-index: 4;
opacity: 1;
width: 100%;
max-width: 1920px;
height: 100%;
display: block;
position: absolute;
}
.code-embed-12 {
display: none;
}
.look-book-thatre {
z-index: 7;
opacity: 1;
width: 100%;
max-width: 1920px;
height: 100%;
position: absolute;
}
.look-book-thatre._1 {
opacity: 100;
display: block;
}
.look-book-thatre._4 {
top: -25px;
}
.image-435, .image-436 {
position: absolute;
}
.div-block-1358 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100%;
margin-top: 100px;
padding-top: 0;
display: flex;
overflow: auto;
}
.black-grass {
z-index: 9;
width: 100%;
max-width: 1920px;
height: 100%;
position: absolute;
}
.div-block-1359 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 100px;
display: flex;
overflow: auto;
}
.lottie-animation-22 {
padding-top: 5px;
}
.image-437 {
opacity: .81;
filter: sepia() brightness();
width: 25px;
height: 25px;
}
.image-437._2 {
filter: sepia() brightness(150%);
}
.scrollable-zone {
width: 90%;
max-width: 90%;
height: 100%;
padding-bottom: 10px;
overflow: auto;
}
.grid-24 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: "Area Area-2"
/ 1.75fr 1.75fr 1.75fr;
width: 200%;
height: 100%;
}
.div-block-1361 {
background-color: #463d3d00;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.div-block-1362 {
border: 1px #101010;
height: 15%;
}
.div-block-1363 {
height: 11%;
}
.div-block-1364 {
background-color: #cecece;
border-radius: 7px;
width: 4%;
height: 100%;
box-shadow: inset 0 2px 2px 1px #000000a3;
}
.div-block-1365 {
justify-content: center;
align-items: center;
height: 70%;
display: flex;
}
.div-block-1366 {
width: 5%;
}
.div-block-1367 {
border-top: 5px solid #000;
border-bottom: 5px #000;
border-left: 5px solid #000;
border-right: 10px solid #0000;
border-top-left-radius: 10px;
width: 20%;
height: 20%;
}
.div-block-1368 {
grid-template: "Area . Area-2"
/ .5fr .5fr .5fr;
height: 78%;
padding-left: 10px;
padding-right: 10px;
}
.div-block-1369 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6332104946cb05aedc149b46_pngtree-black-background-simple-texture-image_556938.jpg");
background-position: 50%;
background-size: contain;
width: 100%;
height: 100%;
}
.div-block-1370 {
width: 3%;
height: 100%;
}
.div-block-1371 {
background-color: #bcff9c;
width: 30%;
height: 40%;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.div-block-1372 {
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.div-block-1373 {
background-color: #006aff00;
flex-flow: column;
justify-content: space-around;
height: 100%;
display: flex;
}
.div-block-1374 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
display: flex;
}
.div-block-1375 {
background-color: #76565600;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63342a1fa1da9b2025057642_SF9.png");
background-position: 0 0;
background-size: cover;
border-radius: 11px;
height: 62%;
}
.div-block-1376 {
background-color: #864444;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334861a18a2285a0ecfae41_SF14.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 35%;
}
.div-block-1377 {
background-color: #85525200;
flex-flow: row;
justify-content: space-between;
align-items: center;
height: 30%;
display: flex;
}
.div-block-1378 {
background-color: #6a4b4b00;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334288171c9de9b236aa4c7_SF6.png");
background-position: 40% 30%;
background-size: cover;
border-radius: 5px;
width: 47%;
height: 100%;
}
.div-block-1379 {
background-color: #c64c4c;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334288171c9de9b236aa4c7_SF6.png");
background-position: 0 0;
background-size: auto;
height: 31%;
}
.div-block-1380 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334ac7682bafd334cae79bb_Look%20Book%203.png");
background-position: 50% 20%;
background-size: auto;
border-radius: 5px;
height: 62%;
}
.div-block-1381 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6336b39a18aab02786f29385_cartoon's.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
width: 47%;
height: 100%;
}
.grid-25 {
grid-template: "Area Area-2"
/ 1.5fr 1fr 1fr;
height: 78%;
padding-left: 10px;
padding-right: 10px;
}
.div-block-1382 {
filter: brightness(130%);
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63342a205a9abd9370795d00_SF2.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
width: 100%;
height: 63%;
}
.div-block-1383 {
background-color: #ac5555;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334ab940e552e73716e6921_look%20book%204.png");
background-position: 60% 30%;
background-size: auto;
border-radius: 5px;
width: 100%;
height: 30%;
}
.div-block-1384 {
flex-flow: column;
justify-content: space-around;
align-items: center;
display: flex;
}
.div-block-1385 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334adda82bafdac4eae8c42_Look%20Book%202.png");
background-position: 50% 45%;
background-size: auto;
border-radius: 5px;
height: 30%;
}
.div-block-1386 {
background-color: #932929;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633429e7f05937c0e0bc2db7_SF1.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 66%;
}
.div-block-1387 {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.div-block-1388 {
flex-flow: column;
justify-content: center;
display: flex;
}
.div-block-1389 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/63347de168b6dd1e3e520ed6_SF5.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 31%;
}
.div-block-1390 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687bdea995c454d473397551_giphy%20(5).gif");
background-position: 0%;
background-size: cover;
border-radius: 5px;
height: 31%;
}
.div-block-1391 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334ad6fb2c675d39c52f074_Look%20Book.png");
background-position: 50% 40%;
background-size: auto;
border-radius: 5px;
height: 31%;
}
.div-block-1392 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633485ca1588bb85953f4f32_SF12.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 97%;
}
.div-block-1393 {
flex-flow: column;
justify-content: space-between;
height: 48%;
display: flex;
}
.div-block-1394 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334861a18a2285a0ecfae41_SF14.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 46%;
}
.div-block-1395 {
flex-flow: column;
justify-content: space-around;
align-items: stretch;
display: flex;
}
.div-block-1396 {
flex-flow: row;
justify-content: space-between;
height: 46%;
display: flex;
}
.div-block-1397 {
justify-content: space-between;
width: 99.9999%;
height: 46%;
display: flex;
}
.div-block-1398 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334acd313cb884117a14209_Look%20Book%205.png");
background-position: 0 0;
background-size: auto;
border-radius: 5px;
width: 46%;
height: 100%;
}
.div-block-1399 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334acd313cb884117a14209_Look%20Book%205.png");
background-position: 100% 0;
background-size: auto;
border-radius: 5px;
width: 46%;
}
.div-block-1400 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334acd313cb884117a14209_Look%20Book%205.png");
background-position: 20% 30%;
background-size: auto;
border-radius: 5px;
width: 46%;
height: 100%;
}
.div-block-1401 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334acd313cb884117a14209_Look%20Book%205.png");
background-position: 60% 30%;
background-size: auto;
border-radius: 5px;
width: 46%;
}
.div-block-1402 {
justify-content: space-between;
display: flex;
}
.div-block-1403 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334ac7682bafd334cae79bb_Look%20Book%203.png");
background-position: 40%;
background-size: cover;
border-radius: 5px;
width: 20%;
}
.div-block-1404 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334adda82bafdac4eae8c42_Look%20Book%202.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
width: 20%;
}
.div-block-1405 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334acd313cb884117a14209_Look%20Book%205.png");
background-position: 80%;
background-size: cover;
border-radius: 5px;
width: 20%;
}
.div-block-1406 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334ab940e552e73716e6921_look%20book%204.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
width: 20%;
}
.div-block-1407 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334ac7682bafd334cae79bb_Look%20Book%203.png");
background-position: 50% 0;
background-size: cover;
border-radius: 5px;
height: 30%;
}
.div-block-1408 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbba84ffc40d6_whoiuq.png");
background-position: 50%;
background-size: cover;
border-radius: 5px;
height: 65%;
}
.div-block-1409 {
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.div-block-1410 {
width: 20%;
}
.div-block-1411 {
z-index: 4;
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 5%;
height: 100%;
display: flex;
position: relative;
box-shadow: 16px 9px 11px 4px #00000087;
}
.div-block-1412 {
background-color: #000;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687cecdb95c454d473606068_paper-3.png");
background-position: 0 0, 0 0;
background-size: auto, auto;
border-top: 3px solid #272727;
border-left: 3px solid #272727;
border-top-left-radius: 20px;
border-bottom-left-radius: 30px;
width: 100%;
height: 20%;
}
.div-block-1413 {
background-color: #000;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687cecdb95c454d473606068_paper-3.png");
background-position: 0 0, 50%;
background-size: auto, auto;
border-left: 2px solid #272727;
justify-content: center;
align-items: center;
width: 50%;
height: 60%;
display: flex;
}
.div-block-1414 {
background-color: #000;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687cecdb95c454d473606068_paper-3.png");
background-position: 0 0, 50%;
background-size: auto, auto;
border-bottom: 3px solid #272727;
border-left: 3px solid #272727;
border-top-left-radius: 30px;
border-bottom-left-radius: 20px;
width: 100%;
height: 20%;
}
.text-block-338 {
z-index: 10;
color: #fff;
justify-content: center;
align-items: center;
font-family: Inconsolata, monospace;
display: flex;
position: relative;
transform: rotate(-90deg);
}
.text-span-103 {
color: #fff0;
}
.div-block-1415 {
justify-content: flex-end;
align-items: center;
width: 70%;
max-width: 70%;
height: 60%;
display: flex;
}
.div-block-1416 {
background-color: #0e0e0e;
border: 5px solid #1a1a1a;
border-radius: 20px;
width: 15%;
max-width: 15%;
height: 115%;
max-height: 115%;
padding-top: 10px;
padding-bottom: 10px;
}
.div-block-1417 {
color: #131313;
background-color: #0c0c0b;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png");
background-position: 50%;
background-size: cover;
border-top: 10px #000;
border-bottom: 10px #000;
border-right: 10px solid #000;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
width: 130%;
height: 95%;
position: relative;
top: -32px;
right: 29px;
}
.div-block-1418 {
background-color: #181818;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
border-left: 20px solid #101010;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
justify-content: center;
align-items: center;
width: 40%;
height: 100%;
display: flex;
box-shadow: -15px 2px 9px #0000008c;
}
.div-block-1419 {
background-color: #090909;
border: 5px solid #000;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 80px;
height: 50px;
position: relative;
top: -52px;
left: 59px;
right: auto;
}
.text-block-339 {
color: #3f3f3f;
overflow-wrap: normal;
height: 10%;
font-size: 60px;
transform: rotate(90deg);
}
.div-block-1420 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64efa473d851cd2126027c2e_Cap%20art.png");
background-position: 50%, 50%;
background-size: contain, cover;
width: 345px;
height: 300px;
box-shadow: 0 0 17px 4px #000000eb;
}
.section-book-a-shoot {
background-color: #161616;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64be8434dcf3f5f76ff88582_Calque%2046.svg");
background-position: 50%;
background-size: contain;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.div-block-1421 {
background-color: #2220;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: auto;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
position: relative;
}
.columns-4 {
width: 50%;
}
.grid-26 {
grid-template: "Area Area-2"
/ 2fr 1fr;
place-items: center;
width: 55%;
height: 65%;
}
.div-block-1422 {
background-color: #1d1d1d;
border: 5px solid #303030;
border-color: #303030 #212121 #292929 #373737;
border-radius: 20px;
width: 700px;
height: 100%;
padding: 10px;
}
.div-block-1423 {
width: 100%;
height: 60%;
}
.div-block-1424 {
background-color: #002723;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%, 50%;
background-size: cover, contain;
border: 2px solid #969696;
border-radius: 10px;
height: 130px;
margin-bottom: 10px;
overflow: auto;
box-shadow: inset 2px 2px 8px 2px #0009;
}
.div-block-1425 {
background-color: #1d1d1d;
flex-flow: row;
justify-content: space-between;
width: 100%;
height: auto;
padding: 10px 20px;
display: flex;
}
.div-block-1426 {
justify-content: flex-end;
align-items: center;
height: 40%;
display: flex;
}
.div-block-1427 {
background-color: #1d1d1d;
width: 80%;
height: 100%;
}
.div-block-1428 {
background-color: #131313;
flex-flow: column;
justify-content: space-around;
align-items: flex-end;
height: 40%;
display: flex;
}
.div-block-1429 {
filter: grayscale();
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64cfd1e9c1a8218bcb5b2b69_Calque%202ldpi.svg");
background-position: 50%;
background-size: cover;
border: 3px solid #000;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 200px;
height: 120px;
padding: 10px 20px 20px;
display: flex;
}
.text-block-340 {
color: #fff;
font-size: 20px;
}
.button-43 {
text-align: center;
border-bottom: 4px solid #004d8b;
border-left: 4px solid #add5ff;
border-right: 4px solid #2d80ce;
border-radius: 15px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 5px;
padding-right: 5px;
font-family: Exo, sans-serif;
font-size: 26px;
font-weight: 900;
line-height: 28px;
display: flex;
box-shadow: 0 5px 0 1px #003755;
}
.button-43:hover {
transform: translate(0, 5px);
box-shadow: 0 2px 20px 10px #9900ff7d, 0 5px 0 1px #003755;
}
.div-block-1430 {
filter: blur(1px);
background-color: #ffefa9;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1431 {
filter: blur(1px);
background-color: #fff;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1432 {
align-items: center;
width: 100%;
height: 50%;
display: flex;
}
.div-block-1433 {
filter: blur(1px);
background-color: #ffc800;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1434 {
filter: blur(1px);
background-color: #0cf;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1435 {
color: #161616;
background-color: #1a1a1a;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 50%;
height: 80%;
display: flex;
box-shadow: inset 0 1px 3px #000;
}
.div-block-1436 {
filter: blur(1px);
background-color: #ff0004;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1437 {
filter: blur(1px);
background-color: #af0;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1438 {
background-color: #36353500;
justify-content: center;
align-items: center;
width: 10%;
height: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-1439 {
filter: blur(1px);
background-color: #8c00ff;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1440 {
filter: blur(1px);
background-color: #f0b;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1441 {
filter: blur(1px);
background-color: #1500ff;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1442 {
filter: blur(1px);
background-color: #00ff40;
border-radius: 20px;
width: 60%;
height: 60%;
}
.div-block-1443 {
height: 30px;
}
.mask-14 {
border-left: 4px solid #f700ff;
border-radius: 15px;
height: 100%;
}
.mask-14._2 {
border-left-color: #ffd900;
}
.mask-14._3 {
border-left-color: #00eaff;
}
.mask-14._4 {
border-left-color: #00ff19;
}
.slider-18 {
background-color: #ddd0;
height: 500px;
}
.text-block-341 {
color: #fff;
font-weight: 700;
}
.div-block-1444 {
flex-direction: row;
justify-content: space-between;
width: 80%;
height: 40%;
margin-bottom: 5px;
display: flex;
}
.div-block-1445 {
background-color: #0e0e0e;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 80%;
height: 30%;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.div-block-1446 {
background-color: #32ff46;
border-radius: 20px;
width: 2%;
height: 55%;
box-shadow: 0 0 5px 3px #fff3;
}
.div-block-1446._2 {
background-color: #ff3235;
width: 2%;
}
.div-block-1446._3 {
background-color: #70f;
width: 2%;
}
.div-block-1446._4 {
background-color: #ffee32;
width: 2%;
}
.image-438 {
width: 330px;
height: 300px;
}
.column-25 {
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
display: flex;
}
.div-block-1447 {
background-color: #252525;
border-radius: 5px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 90%;
height: 20%;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.column-26 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.text-block-342 {
color: gray;
}
.div-block-1448 {
border-radius: 5px 5px 0 0;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 30px;
padding-top: 1px;
padding-bottom: 2px;
display: flex;
}
.div-block-1449 {
flex-direction: row;
justify-content: space-between;
width: 90%;
height: 40%;
margin-bottom: 5px;
display: flex;
}
.text-block-343 {
color: #fff;
font-size: 12px;
font-weight: 700;
}
.text-block-344 {
color: gray;
font-size: 12px;
}
.div-block-1450 {
background-color: #0e0e0e;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 90%;
height: 30%;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.div-block-1451 {
background-color: #f700ff;
border-radius: 20px;
width: 80%;
height: 55%;
box-shadow: 0 0 5px 3px #fff3;
}
.div-block-1451.b11 {
background-color: #ffd900;
width: 60%;
}
.div-block-1451.b111 {
background-color: #00eaff;
width: 40%;
}
.div-block-1451.b1111 {
background-color: #00ff19;
width: 20%;
}
.div-block-1452 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 30px;
padding-top: 1px;
padding-bottom: 2px;
display: flex;
}
.div-block-1453 {
flex-direction: row;
justify-content: space-between;
width: 90%;
height: 40%;
margin-bottom: 5px;
display: flex;
}
.text-block-345 {
color: #fff;
font-size: 12px;
font-weight: 700;
}
.text-block-346 {
color: gray;
font-size: 12px;
}
.div-block-1454 {
background-color: #0e0e0e;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 90%;
height: 30%;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.div-block-1455 {
background-color: #32ff46;
border-radius: 20px;
width: 2%;
height: 55%;
box-shadow: 0 0 5px 3px #fff3;
}
.div-block-1455._4 {
background-color: #f700ff;
width: 90%;
}
.div-block-1455.b2 {
background-color: #f700ff;
width: 100%;
}
.div-block-1455.b12 {
background-color: #ffd900;
width: 90%;
}
.div-block-1455.b112 {
background-color: #00eaff;
width: 70%;
}
.div-block-1455.b1112 {
background-color: #00ff19;
width: 40%;
}
.div-block-1456 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 30px;
padding-top: 1px;
padding-bottom: 2px;
display: flex;
}
.div-block-1457 {
flex-direction: row;
justify-content: space-between;
width: 90%;
height: 40%;
margin-bottom: 5px;
display: flex;
}
.text-block-347 {
color: #fff;
font-size: 12px;
font-weight: 700;
}
.text-block-348 {
color: gray;
font-size: 12px;
}
.div-block-1458 {
background-color: #0e0e0e;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 90%;
height: 30%;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.div-block-1459 {
background-color: #32ff46;
border-radius: 20px;
width: 2%;
height: 55%;
box-shadow: 0 0 5px 3px #fff3;
}
.div-block-1459._2, .div-block-1459.b3 {
background-color: #f700ff;
width: 60%;
}
.div-block-1459.b13 {
background-color: #ffd900;
width: 30%;
}
.div-block-1459.b113 {
background-color: #00eaff;
width: 20%;
}
.div-block-1459.b1113 {
background-color: #00ff19;
width: 10%;
}
.div-block-1460 {
border-radius: 0 0 5px 5px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 30px;
padding-top: 1px;
padding-bottom: 2px;
display: flex;
}
.div-block-1461 {
flex-direction: row;
justify-content: space-between;
width: 90%;
height: 40%;
margin-bottom: 5px;
display: flex;
}
.text-block-349 {
color: #fff;
font-size: 12px;
font-weight: 700;
}
.text-block-350 {
color: gray;
font-size: 12px;
}
.div-block-1462 {
background-color: #0e0e0e;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 90%;
height: 30%;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.div-block-1463 {
background-color: #32ff46;
border-radius: 20px;
width: 2%;
height: 55%;
box-shadow: 0 0 5px 3px #fff3;
}
.div-block-1463._3, .div-block-1463.b4 {
background-color: #f700ff;
width: 60%;
}
.div-block-1463.b14 {
background-color: #fcd700;
width: 40%;
}
.div-block-1463.b114 {
background-color: #00eaff;
width: 10%;
}
.div-block-1463.b1114 {
background-color: #00ff19;
width: 10%;
}
.tabs-content-7 {
flex-flow: column;
justify-content: flex-end;
height: 100%;
display: flex;
}
.div-block-1464 {
justify-content: center;
align-items: stretch;
display: flex;
}
.tabs-9 {
flex-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
}
.tab-pane-tab-1-5 {
height: 100%;
padding-top: 20px;
}
.tabs-menu-8 {
background-color: #1b1b1b;
border-radius: 20px;
justify-content: space-around;
align-items: center;
width: 350px;
padding: 5px 10px;
display: flex;
}
.div-block-1465 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/633429e7f05937c0e0bc2db7_SF1.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.tab-link-tab-1-6 {
background-color: #c8c8c800;
justify-content: center;
align-items: center;
width: 25%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.tab-link-tab-1-6.w--current {
background-color: #c8c8c800;
justify-content: center;
align-items: center;
width: 25%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.text-block-351 {
z-index: 5;
color: #fff;
font-family: Changa One, Impact, sans-serif;
font-size: 13px;
position: static;
}
.tab-link-tab-2-6 {
background-color: #ddd0;
justify-content: center;
align-items: center;
width: 25%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.tab-link-tab-2-6.w--current {
background-color: #ddd0;
}
.tab-link-tab-3-6 {
background-color: #ddd0;
justify-content: center;
align-items: center;
width: 25%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.tab-link-tab-3-6.w--current {
background-color: #ddd0;
}
.tab-link-tab-4-5 {
background-color: #ddd0;
justify-content: center;
align-items: center;
width: 25%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.tab-link-tab-4-5.w--current {
background-color: #ddd0;
}
.tab-link-tab-5-4 {
background-color: #ddd0;
padding-left: 20px;
padding-right: 20px;
}
.tab-link-tab-5-4.w--current {
background-color: #ddd0;
}
.text-block-352, .text-block-353, .text-block-354 {
color: #fff;
font-family: Changa One, Impact, sans-serif;
font-size: 13px;
}
.text-block-355 {
color: #fff;
font-family: Changa One, Impact, sans-serif;
}
.field-label-58 {
color: #8a8a8a;
order: -1;
font-family: Prototype, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.5em;
}
.text-field-15 {
color: #00ff3c;
text-align: right;
background-color: #0000;
border: 1px #000;
max-width: 10rem;
font-size: 20px;
line-height: 1.5rem;
display: block;
}
.text-field-15.square {
color: #fff;
text-align: center;
background-color: #272727;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 2px solid #000;
border-radius: 100%;
width: 60px;
height: 60px;
font-size: 24px;
line-height: 1.2em;
box-shadow: inset 0 1px 5px 3px #0009;
}
.form-block-7 {
background-color: #0000;
border: 1px solid #292929;
justify-content: center;
align-items: center;
padding: 1.4rem;
position: relative;
}
.form-block-7.center {
border-width: 5px;
border-top-color: gray;
border-right-color: #686868;
border-radius: 11px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.field-label-59 {
color: #8a8a8a;
order: -1;
font-family: Prototype, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.5em;
}
.text-field-16 {
color: #00ff3c;
text-align: right;
background-color: #0000;
border: 1px #000;
max-width: 10rem;
font-size: 20px;
line-height: 1.5rem;
display: block;
}
.text-field-16.square {
color: #fff;
text-align: center;
background-color: #272727;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 2px solid #000;
border-radius: 100%;
width: 60px;
height: 60px;
font-size: 24px;
line-height: 1.2em;
box-shadow: inset 0 1px 5px 3px #0009;
}
.form-block-8 {
background-color: #0000;
border: 1px solid #292929;
justify-content: center;
align-items: center;
padding: 1.4rem;
position: relative;
}
.form-block-8.center {
border-width: 10px;
border-top-color: gray;
border-right-color: #686868;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.form-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #1f1f1f;
grid-template: "."
"."
/ .75fr 1fr;
grid-auto-columns: .75fr;
align-items: center;
width: 100%;
display: grid;
}
.submit-button-16 {
display: none;
}
.div-block-1466 {
display: flex;
}
.form-block-9 {
background-color: #00000054;
border-radius: 10px;
width: 100%;
padding: 10px;
}
.field-label-60 {
color: #8a8a8a;
order: -1;
font-family: Prototype, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.5em;
}
.field-label-60.bottom-margin-16 {
color: #fff;
}
.field-label-60.switch-label {
color: #c90017;
order: 1;
}
.form-block-10 {
background-color: #0000;
border: 1px solid #292929;
justify-content: center;
align-items: center;
padding: 1.4rem;
position: relative;
}
.form-block-10.center {
border-width: 5px;
border-top-color: gray;
border-right-color: #686868;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.field-label-61 {
color: #8a8a8a;
order: -1;
font-family: Prototype, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.5em;
}
.field-label-61.bottom-margin-16 {
color: #fff;
}
.field-label-61.switch-label {
color: #0f1;
order: 1;
}
.form-block-11 {
background-color: #0000;
border: 1px solid #292929;
justify-content: center;
align-items: center;
padding: 1.4rem;
position: relative;
}
.form-block-11.center {
border-width: 5px;
border-top-color: gray;
border-right-color: #686868;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.field-label-62 {
color: #8a8a8a;
order: -1;
font-family: Prototype, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.5em;
}
.field-label-62.bottom-margin-16 {
color: #fff;
}
.field-label-62.switch-label {
color: #0f1;
order: 1;
}
.select-field-6 {
color: #fff;
background-color: #474747;
border-top: 2px solid gray;
border-right: 1px solid #fff;
border-radius: 7px;
margin-bottom: 0;
font-family: Changa One, Impact, sans-serif;
}
.div-block-1467 {
background-color: #1d1d1d;
border: 5px solid gray;
border-color: gray #686868 #292929 #292929;
border-radius: 10px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
}
.div-block-1468 {
width: 60%;
}
.div-block-1469 {
justify-content: space-around;
align-items: center;
width: 100%;
height: 50%;
display: flex;
}
.button-44 {
background-color: #252525;
border-top: 2px solid #818181;
border-bottom: 4px solid #161616;
border-left: 4px solid #585858;
border-right: 4px solid #383838;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100px;
font-family: Exo, sans-serif;
font-weight: 700;
display: flex;
}
.button-45 {
background-color: #f700ff;
border-top: 2px solid #ffb5ff;
border-bottom: 4px solid #580453;
border-left: 4px solid #ff5cde;
border-right: 4px solid #c200ae;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100px;
font-family: Exo, sans-serif;
font-weight: 700;
display: flex;
}
.rich-text-block-6 {
height: auto;
padding-left: 10px;
padding-right: 10px;
}
.div-block-1470 {
background-color: #181818;
border-radius: 10px;
margin-top: 10px;
padding-top: 0;
padding-bottom: 10px;
}
.div-block-1471 {
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
padding-top: 100px;
padding-bottom: 100px;
display: none;
}
.div-block-1472 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6334adda82bafdac4eae8c42_Look%20Book%202.png");
background-position: 50%;
background-size: cover;
width: 100%;
max-width: 100%;
height: 30%;
}
.slide-bare-bg {
z-index: 0;
background-color: #141313;
border-radius: 1em;
width: 100%;
height: 90%;
padding-left: 20px;
padding-right: 20px;
position: absolute;
top: 5%;
bottom: 5%;
box-shadow: 0 22px 2.5em #0006;
}
.div-block-1473 {
width: 100%;
height: 100%;
}
.tab-pane-tab-2-3, .tab-pane-tab-3-3, .tab-pane-tab-4-2 {
padding-top: 20px;
}
.div-block-1474 {
z-index: 8;
background-image: radial-gradient(circle, #fff0, #000 85%);
width: 100%;
max-width: 1920px;
height: 100%;
position: absolute;
}
.div-block-1475 {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.mure-et-tentacules {
z-index: 4;
opacity: 1;
width: 100%;
height: 100%;
position: absolute;
}
.ecan-bord {
background-color: #222;
border: 10px solid #3a3333;
border-bottom-color: #3f3a3a;
width: 100%;
height: 100%;
}
.div-block-1477 {
background-color: #181818;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 50%;
background-size: cover;
border: 5px solid #414141;
border-radius: 6px;
width: 60%;
height: 80%;
box-shadow: inset 0 2px 5px 5px #000000db;
}
.kewin-s-jacket, .robe-rouge {
z-index: 10;
width: 80%;
max-width: 1920px;
height: 80%;
position: absolute;
}
.meteorite-jacket {
z-index: 10;
width: 80%;
max-width: 1920px;
height: 80%;
position: absolute;
left: 24px;
}
.clover-s-jacket {
z-index: 12;
width: 80%;
max-width: 1920px;
height: 80%;
position: absolute;
left: 15%;
}
.kierunek-krakow-jacket {
z-index: 10;
width: 80%;
max-width: 1920px;
height: 80%;
position: absolute;
left: 4.9%;
}
.devant-oeil-rouge {
z-index: 5;
opacity: 1;
width: 100%;
max-width: 1920px;
height: 100%;
display: inline-block;
position: absolute;
}
.devant-oeil {
z-index: 6;
width: 100%;
height: 100%;
position: absolute;
}
.image-441 {
z-index: 5;
opacity: 1;
width: 100%;
max-width: 1920px;
height: 100%;
max-height: 100%;
position: absolute;
bottom: 12px;
}
.div-block-1478 {
width: 50%;
height: 50%;
display: flex;
}
.button-46 {
background-color: #1d316d;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64eb3c25a1410b008655f4cb_Pdf_Plan%20de%20travail%201.svg");
background-position: 0 0;
background-size: cover;
border-top: 3px solid #bdbcff;
border-bottom: 5px solid #020064;
border-left: 5px solid #9c9aff;
border-right: 5px solid #4946ffba;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 130px;
height: 130px;
display: flex;
}
.image-442 {
z-index: 3;
filter: brightness(150%);
width: 100%;
max-width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.image-442._2 {
filter: blur(5px) brightness(150%);
}
.image-443 {
z-index: 3;
opacity: .32;
filter: brightness(400%);
width: 105%;
max-width: 105%;
height: 105%;
position: absolute;
top: -35px;
left: -191px;
}
.div-block-1479 {
height: NaN% ;
width: 19%;
position: absolute;
inset: 33% 0% 0% 43.5%;
}
.image-444 {
z-index: 7;
width: 100%;
position: absolute;
}
.image-445 {
z-index: 6;
width: 100%;
position: absolute;
}
.image-446 {
z-index: 4;
width: 100%;
height: 100%;
position: absolute;
}
.div-block-1480 {
z-index: 7;
filter: brightness(200%);
justify-content: space-between;
width: 12%;
height: 14%;
display: flex;
position: absolute;
top: 57%;
left: 60%;
}
.image-447 {
z-index: 10;
position: absolute;
}
.image-448 {
z-index: 8;
width: 80%;
height: 80%;
position: absolute;
left: 24px;
}
.div-block-1481 {
z-index: 8;
justify-content: space-between;
width: 28%;
height: 0;
display: block;
position: absolute;
top: 26%;
left: 17%;
}
.image-449, .image-450 {
width: 100%;
position: absolute;
}
.div-block-1482 {
z-index: 8;
width: 18%;
position: absolute;
top: 25%;
left: 5.2%;
}
.image-451 {
position: absolute;
}
.div-block-1483 {
z-index: 10;
width: 19%;
position: absolute;
top: 32%;
right: 12.5%;
}
.image-452, .image-453 {
position: absolute;
}
.image-454 {
z-index: 7;
width: 160px;
position: absolute;
transform: skew(1deg, -9deg);
}
.div-block-1484 {
z-index: 7;
background-color: #000;
width: 9%;
height: 8%;
position: absolute;
top: 82%;
left: 73%;
}
.image-455 {
z-index: 8;
opacity: 0;
max-width: 60%;
display: block;
position: absolute;
top: -8%;
left: 10%;
transform: skew(0deg, -9deg);
}
.image-456 {
z-index: 7;
opacity: 0;
max-width: 60%;
top: -4%;
left: 10%;
transform: skew(0deg, -9deg);
}
.lampe {
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
}
.hero-without-image {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-20 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px {
margin-bottom: 24px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.grotte-hh {
z-index: 8;
width: 100%;
max-width: 1920px;
height: 100%;
position: absolute;
}
.animaux-hh {
z-index: 7;
width: 100%;
height: 100%;
position: absolute;
}
.cascade-arbre-hh {
z-index: 6;
width: 100%;
height: 100%;
position: absolute;
}
.statue-hh {
z-index: 5;
width: 100%;
height: 100%;
position: absolute;
}
.champignion-hh {
z-index: 4;
width: 100%;
height: 100%;
position: absolute;
}
.montain-hh {
z-index: 3;
width: 100%;
height: 100%;
position: absolute;
}
.fond-montaigne-hh {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
}
.down-hero-shooting {
z-index: 12;
width: 6%;
height: 23%;
position: absolute;
top: 55.5%;
left: 82%;
}
.button-47 {
color: #fff0;
background-color: #3898ec00;
width: 100%;
height: 100%;
}
.div-block-1485, .div-block-1486 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-patent {
background-color: #323232;
border-bottom: 5px solid #000;
border-left: 5px solid #0e0d0d;
border-right: 5px solid #0e0d0d;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 70%;
height: auto;
}
.livre-dessus-hh {
z-index: 8;
width: 100%;
height: 100%;
position: absolute;
}
.livre-dessous-hh {
z-index: 7;
filter: invert() brightness(200%) blur(5px);
width: 100%;
height: 100%;
position: absolute;
}
.div-block-1487 {
z-index: 10;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.video-wrapper {
z-index: 3;
opacity: 0;
background-color: #000;
width: 40%;
height: 40%;
padding-bottom: 0%;
position: relative;
}
.loading {
width: 112px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loading-text {
opacity: .25;
font-size: 12px;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%);
}
.video {
position: absolute;
inset: 0%;
}
.video.back {
z-index: 0;
filter: brightness(200%) blur(60px);
transform: scale(1.1);
}
.video.front {
z-index: 1;
border-radius: 4px;
justify-content: center;
align-items: center;
}
.code-embed-13 {
-webkit-text-stroke-color: #000;
}
.div-block-1488 {
justify-content: center;
align-items: center;
width: 30%;
height: 30%;
display: none;
transform: scale(.7);
}
.choice-container-3 {
z-index: 20;
justify-content: space-between;
width: 100%;
max-width: 1200px;
margin-bottom: -60px;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.collection-item-14 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
min-width: 130px;
min-height: 170px;
display: flex;
}
.eyebrow-02-2 {
background-color: #f2f2ed;
border: 3px solid #41339f;
border-radius: 100px;
width: 23px;
height: 11px;
margin-left: 20px;
margin-right: 20px;
}
.rotate-star {
z-index: -20;
width: 90%;
max-width: 500px;
position: relative;
}
.choice-container-4 {
justify-content: space-between;
width: 100%;
max-width: 1200px;
margin-bottom: -60px;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.part-03-2 {
z-index: 10;
justify-content: center;
margin-top: -10px;
margin-bottom: 20px;
display: flex;
position: relative;
}
.collection-item-15 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
min-width: 130px;
min-height: 170px;
display: flex;
}
.footer {
justify-content: center;
align-items: center;
padding: 40px 5vw;
display: flex;
}
.header {
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding: 40px 5vw;
display: flex;
}
.pupil-2 {
background-color: #41339f;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 33px;
height: 33px;
display: flex;
}
.mouth-2 {
background-color: #41339f;
border: 4px solid #f2f2ed;
border-radius: 100px 100px 200px 200px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 60px;
height: 32px;
display: flex;
overflow: hidden;
}
.copy-icon {
width: 15px;
position: absolute;
}
.button__text {
min-width: 17ch;
margin-left: 20px;
}
.hair-02-2 {
z-index: -10;
background-color: #f2f2ed;
border-radius: 0 0 100px 100px;
width: 50%;
}
.head-container-2 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.main-container {
z-index: 100;
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
position: absolute;
}
.star-overflow-hidden {
z-index: -20;
width: 100%;
position: absolute;
overflow: hidden;
}
.button-48 {
color: #fff;
letter-spacing: 1.5px;
text-transform: uppercase;
border: 1px solid #f2f2ed;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 10px 30px;
font-size: 8.5px;
line-height: 14px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-48:hover {
color: #41339f;
background-color: #f2f2ed;
}
.button-48.is--aim {
margin-left: 20px;
}
.eye-container-2 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.eye-2 {
background-color: #f2f2ed;
border: 4px solid #f2f2ed;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
overflow: hidden;
}
.part-01-2 {
justify-content: center;
margin-bottom: 7px;
display: flex;
}
.outline-heading {
text-transform: uppercase;
min-width: 14ch;
margin-top: -80px;
font-size: 94px;
transform: skew(-5deg, -11deg);
}
.right-hear-2 {
background-color: #41339f;
border: 5px solid #f2f2ed;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
width: 25px;
height: 40px;
}
.left-hear-2 {
background-color: #41339f;
border: 5px solid #f2f2ed;
border-radius: 100px 10px 10px 100px;
width: 25px;
height: 40px;
}
.hair-container-2 {
justify-content: center;
min-width: 200px;
display: flex;
position: relative;
}
.icon-container {
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
display: flex;
position: relative;
}
.hair-and-face-2 {
border-radius: 100px;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.nose-2 {
background-color: #f2f2ed;
border: 3px solid #41339f;
border-radius: 100px;
width: 26px;
height: 15px;
}
.section {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
display: flex;
}
.eyebrow-01-2 {
background-color: #f2f2ed;
border: 3px solid #41339f;
border-radius: 100px;
width: 23px;
height: 11px;
margin-left: 20px;
margin-right: 20px;
}
.hair-01-2 {
z-index: -10;
background-color: #f2f2ed;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
width: 50%;
}
.container-21 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
position: relative;
}
.heart-pupil-2 {
width: 30px;
position: absolute;
}
.head-2 {
border: 4px solid #f2f2ed;
border-radius: 100px;
flex-direction: row;
justify-content: space-around;
align-items: flex-start;
width: 150px;
height: 230px;
display: flex;
position: relative;
overflow: hidden;
}
.body-43 {
background-color: #270081;
}
.jetboost-list-wrapper-el7k {
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.jetboost-toggle-favorite-el7k {
justify-content: center;
align-items: center;
display: flex;
}
.jetboost-list-wrapper-5jqe {
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.jetboost-toggle-favorite-5jqe {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-459 {
width: 60%;
height: 80%;
}
.ui-widget-content {
float: none;
background-color: #e5e5e5;
background-image: linear-gradient(to right, #f7941e, #e5e5e5 0%);
border: 0 #1b2128;
border-radius: 5px;
width: 100%;
height: 5px;
margin-top: 20px;
display: block;
position: relative;
}
.radio-button-field-4 {
display: inline-block;
}
.radio-button-field-5 {
z-index: 11;
float: none;
clear: none;
width: 100%;
height: 30px;
margin-right: 20px;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.con {
background-color: red;
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
display: block;
}
.radio-button {
z-index: 10;
position: relative;
}
.min {
float: left;
color: #666;
display: inline-block;
}
.field-label-63 {
float: left;
clear: none;
height: 36px;
font-size: 14px;
font-weight: 400;
line-height: 36px;
display: inline-block;
}
.field-label-63.solid {
float: none;
display: block;
}
.field-label-63.total {
height: 20px;
line-height: 20px;
}
.calculator-slider-input {
display: none;
}
.calculator-slide-block {
float: left;
grid-column-gap: 60px;
grid-row-gap: 40px;
text-align: left;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr .75fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.calculator-revenue-2 {
color: #f7941e;
margin-top: 5px;
margin-bottom: 0;
font-size: 23px;
font-weight: 700;
line-height: 30px;
}
.input-slider {
float: right;
text-align: center;
background-color: #0000;
border: 1px solid #00000040;
width: 36px;
height: 36px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-size: 14px;
font-weight: 700;
line-height: 36px;
display: inline-block;
}
.input-slider.info {
border-color: #0000;
width: auto;
padding-left: 10px;
}
.left-svitch-div {
float: left;
color: #003;
cursor: pointer;
padding-left: 0;
line-height: 20px;
display: inline-block;
position: relative;
overflow: visible;
}
.cerkl-button-svitch {
float: right;
background-color: #fff;
border-radius: 10px;
width: 16px;
height: 16px;
position: relative;
}
.section-38 {
background-color: #292184;
padding: 100px 20px;
}
.grey-line {
float: left;
background-color: #e5e5e5;
width: 1px;
height: 100px;
margin-right: 40px;
display: inline-block;
}
.calculator-output-block {
text-align: left;
align-items: center;
display: flex;
}
.max {
float: right;
color: #666;
display: inline-block;
}
.name-form {
text-transform: uppercase;
margin-bottom: 40px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.name-form.total {
margin-bottom: 0;
}
.check-triger {
z-index: 100;
float: none;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
}
.radio-button-label-4 {
position: relative;
}
.opyright-link-to-webflow-epert {
color: #e5e5e5;
text-align: center;
flex: 0 auto;
order: 0;
margin: 40px auto -40px;
text-decoration: none;
display: block;
}
.text-block-356 {
height: 36px;
line-height: 36px;
display: inline-block;
}
.div-for-svitch {
float: left;
}
.div-block-info {
width: 100%;
position: relative;
inset: auto 0% 0%;
}
.calculator-form {
background-color: #fafafa;
padding: 40px;
}
.div-block-2 {
cursor: pointer;
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.icon {
z-index: 102;
color: #999;
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
text-decoration: none;
transition: all .2s ease-in-out;
display: inline-block;
position: relative;
}
.icon:hover {
color: #f7941e;
}
.ui-slider-handle {
color: #333;
cursor: ew-resize;
background-color: #323331;
border-radius: 11px;
width: 20px;
height: 20px;
margin-left: -10px;
margin-right: -10px;
text-decoration: none;
transition: all .2s ease-in-out;
position: absolute;
top: -150%;
right: auto;
}
.svitch-button {
background-color: #f7941e;
border-radius: 40px;
width: 34px;
height: 20px;
margin-top: 10px;
margin-right: 10px;
padding: 2px;
display: block;
overflow: hidden;
}
.result-mini-box {
text-align: right;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.heading {
letter-spacing: -.4px;
margin-top: 0;
font-weight: 400;
display: block;
}
.heading.h3 {
font-size: 28px;
line-height: 1.2em;
}
.heading.h1 {
letter-spacing: -1px;
margin-bottom: 16px;
font-size: 48px;
line-height: 1.2em;
}
.text-field-17 {
color: #1d3245;
background-color: #3a3e42;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/666e81cc51ada6549e27f2de_Photo%20app-01.svg");
background-position: 0 0;
background-size: auto;
border: 1px solid #e4e2dd;
border-radius: 5px;
height: 44px;
margin-bottom: 24px;
font-size: 15px;
transition: border-color .2s;
box-shadow: 0 2px 5px #00000005;
}
.text-field-17:focus {
border-color: #007cff;
box-shadow: 0 0 #00000005;
}
.text-field-17::placeholder {
color: #a6afb6;
}
.text-field-17.cash {
color: #fff;
background-color: #3a3e42;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/6390f267d507b318baff5a2d_Boy.png");
background-position: 8px;
background-repeat: no-repeat;
background-size: 10px;
padding-left: 24px;
}
.text-field-17.photos {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/666e82b5fd72bb5136109cd8_Photo%20final-01.svg");
background-position: 5px;
background-repeat: no-repeat;
background-size: 15px;
padding-left: 24px;
}
.text-field-17.time {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/64c7b242086d0fd76173270a_Power.svg");
background-position: 5px;
background-repeat: no-repeat;
background-size: 15px;
padding-left: 24px;
}
.roi-form-card {
cursor: auto;
background-color: #181717eb;
border: 6px solid #292929;
border-radius: 20px;
width: 100%;
margin-bottom: 0;
padding: 16px;
}
.calculator-main-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
width: 100%;
display: grid;
}
.text-box {
width: 100%;
max-width: 600px;
}
.text-box._400px {
max-width: 400px;
}
.spacer {
background-color: #696d6b;
width: 100%;
height: 48px;
}
.spacer._16 {
background-color: #0000;
flex: none;
height: 16px;
}
.spacer._32 {
text-transform: uppercase;
background-color: #0000;
height: 32px;
}
.calc-result-currency {
filter: brightness(200%);
color: #00d345;
margin-left: 8px;
font-family: Minecraft, sans-serif;
font-size: 16px;
line-height: 1.2em;
display: inline-flex;
}
.calc-result-large-number {
filter: brightness(200%);
color: #00d646;
font-family: Minecraft, sans-serif;
font-size: 32px;
line-height: 1.2em;
display: inline-flex;
}
.form-input-grid {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template: "."
/ 1fr .8fr;
grid-auto-columns: 1fr;
margin-top: 6px;
margin-bottom: 16px;
display: grid;
}
.large-example-tag {
color: #007cff;
background-color: #daecfd;
border-radius: 6px;
flex: none;
margin-bottom: 16px;
padding: 3px 9px;
font-size: 18px;
line-height: 1.3em;
transition: background-color .2s, color .2s;
display: inline-block;
}
.large-example-tag.w--current {
color: #fff;
background-color: #017cff;
border-color: #246cd5;
}
.calculator-result-box {
background-color: #00193f;
border: 1px solid #0000000d;
border-radius: 8px;
flex-flow: column;
padding: 32px 32px 24px;
display: block;
position: relative;
}
.container-22 {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 1440px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px;
display: block;
position: relative;
}
.tool-checkbox {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 16px;
padding-left: 24px;
display: flex;
}
.form-2-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template: ". . Area"
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.paragraph {
margin-bottom: 16px;
line-height: 1.5em;
}
.paragraph.medium {
margin-bottom: 8px;
font-size: 18px;
}
.paragraph.large {
font-size: 20px;
}
.checkbox-2 {
background-color: #fff;
border: 4px solid #4b4b4b;
border-radius: 20px;
width: 20px;
height: 20px;
margin-top: 0;
margin-left: -24px;
margin-right: 10px;
transition: border-color .2s, background-color .2s;
}
.checkbox-2.w--redirected-checked {
background-color: #007cff;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/69157f97304b4a9e75b533b0_Simple%20White%20Tick.svg");
background-position: 50%;
background-size: 12px;
border-color: #006bdd;
}
.result-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #a19a85;
border-radius: 8px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 16px;
padding: 12px 16px;
display: flex;
}
.result-div.blue {
color: #009b32;
background-color: #002723;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png"), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg");
background-position: 0 0, 50%;
background-size: auto, cover;
border: 2px solid #969696;
margin-bottom: 0;
box-shadow: inset 2px 2px 8px 2px #0009;
}
.text-label {
opacity: .9;
color: #fff;
margin-top: 0;
margin-bottom: 12px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
display: inline-block;
}
.checkbox-label-8, .checkbox-label-9, .checkbox-label-10, .checkbox-label-11, .checkbox-label-12 {
color: #fff;
}
.select-field-7 {
color: #fff;
background-color: #252525;
border: 1px solid #000;
border-right-style: none;
border-radius: 8px 0 0 8px;
margin-bottom: 0;
font-family: Prototype, sans-serif;
}
.body-44 {
background-color: #5e5e5e;
}
.div-block-1490 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-357 {
color: #fff;
margin-left: 0;
font-size: 20px;
}
.text-block-358 {
color: #fff;
font-family: Prototype, sans-serif;
font-size: 30px;
}
.select-field-8 {
color: #fff;
background-color: #353535;
border-radius: 9px;
width: 20%;
font-family: Simply rounded, sans-serif;
font-weight: 700;
}
.div-block-1491 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.result-div-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #f9f7f1;
border-radius: 8px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 16px;
padding: 12px 16px;
display: flex;
}
.result-div-2.blue {
color: #009b32;
background-color: #d5fae1;
}
.paragraph-13 {
margin-bottom: 16px;
line-height: 1.5em;
}
.paragraph-13.medium {
margin-bottom: 8px;
font-size: 18px;
}
.calc-result-large-number-2 {
font-size: 32px;
line-height: 1.2em;
display: inline-flex;
}
.calc-result-currency-2 {
margin-left: 8px;
font-size: 16px;
line-height: 1.2em;
display: inline-flex;
}
.div-block-1492 {
justify-content: flex-end;
align-items: center;
display: flex;
}
.div-block-1493 {
border-left: 5px solid #f700ff;
border-radius: 12px;
}
.button-49 {
z-index: 4;
position: relative;
top: 140px;
}
.div-block-1494 {
z-index: 1;
opacity: 0;
filter: grayscale() brightness(200%);
transform-style: preserve-3d;
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb779dfc41c4_toppng.com-halogram-png-light-turquoise-effects-hologram-642x556.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
width: 10%;
height: 20%;
position: absolute;
top: 674.996px;
transform: scale3d(4, 1, 1);
}
.div-block-1495 {
z-index: 2;
cursor: pointer;
background-image: linear-gradient(#a80000, #000);
border: 3px solid #1d1d1d;
border-radius: 20px 20px 15px 15px;
width: 60px;
height: 60px;
display: flex;
position: relative;
top: 188px;
}
.div-block-1496 {
background-image: radial-gradient(circle, #b60000, #a70000 56%, #000);
border: 3px solid #2b2b2b;
border-radius: 20px;
width: 100%;
height: 50%;
}
.div-block-1497 {
z-index: 11;
cursor: pointer;
width: 16%;
height: 25%;
position: absolute;
}
.code-embed-14, .code-embed-15 {
display: none;
}
.lottie-animation-24 {
z-index: 8;
filter: invert() saturate(200%) brightness(50%);
position: absolute;
}
.image-460 {
z-index: 10;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
@media screen and (min-width: 1280px) {
.hero, .cave {
width: 1620px;
height: 900px;
}
.div-block-67 {
height: 67%;
top: 35px;
}
.div-block-105 {
top: 180px;
}
.women-chambre-2 {
display: block;
}
.jda-wrap-2 {
padding-top: 30px;
}
.tabs-menu-product {
width: 50%;
}
.tab-link-socks {
display: none;
}
.collection-item-3 {
width: 30%;
}
.collection-list-product {
display: block;
}
.img._3 {
display: none;
}
.button-l.btn-tiny {
border: 4px solid #d8d8d8;
border-color: #d8d8d8 #bfbfbf #968d8d #dfdfdf;
transition-duration: .25s;
}
.button-l.btn-tiny:hover {
box-shadow: none;
}
.lottie-animation-5.reveal-block {
filter: brightness(200%);
}
.tabs-content {
margin-top: 0;
}
.tabs-menu-diy {
width: 50%;
}
.tabs-content-diy {
margin-top: 0;
}
.face-de-la-capsule-devant {
height: 560px;
}
.buy-now-button-4.btn-toggle:hover {
transform: translate(0, 4px);
}
.olek-nose {
z-index: 27;
}
.div-block-1009 {
overflow: hidden;
}
.div-block-1038 {
z-index: -40;
position: absolute;
}
.div-block-1040 {
width: 100%;
height: 100%;
overflow: visible;
}
.olek-dark-side-2, .olek-ears, .ss2, .ss1 {
z-index: 26;
}
.div-block-1117 {
transition-duration: .25s;
transition-timing-function: ease;
}
.div-block-1117:active {
transform: translate(0, 5px);
box-shadow: 0 -3px 0 1px #1c1c1c;
}
.image-340, .image-341, .image-342, .image-343 {
border-radius: 20px;
max-width: 95%;
max-height: 95%;
}
.image-mannequin-homme-2 {
justify-content: center;
align-items: center;
display: none;
}
.image-345 {
border-radius: 20px;
}
.div-block-1225 {
position: relative;
}
.div-block-1269 {
width: 60%;
}
.yomikoji-city, .grotte {
width: 1620px;
height: 900px;
}
.text-block-325._1 {
margin-top: -2px;
}
.div-block-1324 {
height: 55px;
}
.div-block-1325 {
height: 26px;
}
.div-block-1326 {
height: 35px;
}
.div-block-1327 {
height: 47px;
}
.slider__nav {
justify-content: center;
align-items: center;
width: 60%;
height: 30px;
margin-top: 0;
margin-bottom: 0;
padding-top: 5px;
display: flex;
}
.div-block-1417 {
background-color: #1e1e1e;
border-right: 1px solid #000;
}
}
@media screen and (min-width: 1440px) {
.hero, .cave {
width: 1701px;
height: 950px;
}
.timeline_left {
color: var(--black);
}
.yomikoji-intro-wrap {
display: none;
}
.intro-bg {
background-image: none;
}
.body-6 {
background-color: var(--black);
}
.div-block-67 {
height: 80%;
top: 59px;
}
.div-block-105 {
top: 210px;
}
.jouet-3 {
inset: auto 0% 0%;
}
.game-boy {
z-index: 5;
opacity: 1;
width: 100%;
max-width: 100%;
height: 80%;
display: inline-block;
inset: auto 0% 0%;
}
.image-172 {
opacity: .6;
}
.women-chambre-2 {
display: block;
}
.boule-mist-re {
height: 100%;
}
.dune-plage {
z-index: -1;
width: 100%;
height: 100%;
display: block;
position: absolute;
}
.sun-plage {
z-index: -1;
opacity: 1;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
}
.back-ground-sable {
z-index: -2;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
inset: 0%;
}
.jda-section-1 {
font-size: 14px;
}
.jda-b-wrap-2 {
justify-content: flex-start;
align-items: center;
}
.jda-a-wrap-2 {
min-width: 100px;
}
.head-container {
width: auto;
}
.cart-list {
position: relative;
}
.body-11 {
display: flex;
}
.collection-item-3 {
width: 30%;
margin: 20px 19px;
}
.collection-list-product {
display: block;
}
.tabs-content {
margin-top: 10px;
}
.form-block-footer {
align-items: flex-end;
}
.tabs-content-diy {
margin-top: 10px;
}
.image-276 {
background-image: radial-gradient(circle, #0000007a, #fff0 62%);
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
}
.tabs-menu-4 {
width: 50%;
}
.button-wrapper-2 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636d5bd2b0c59e6a6cf90bba_kewin.png");
background-position: 50%;
background-size: auto;
border: 1px solid #fff;
border-radius: 6px;
}
.button-wrapper__text.s, .button-wrapper__text.m, .button-wrapper__text.o, .button-wrapper__text.k, .button-wrapper__text.e, .button-wrapper__text.y {
font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}
.button-side {
background-image: linear-gradient(#0000001c, #0000001c), linear-gradient(#00f7ff, #e38500);
}
.div-block-808 {
height: 50%;
}
.btn.btn-flex.btn-smoothies.btn-smoothies_orange {
text-decoration: none;
}
.text-block-154 {
font-family: Prototype, sans-serif;
}
.tabs-content-product-men {
margin-top: 10px;
}
.book-2 {
width: 65%;
}
.div-block-1009 {
width: 300%;
height: 700%;
top: -44%;
bottom: 33%;
left: auto;
}
.out-of-stock-state {
position: relative;
}
.olek-eyes-circle, .olek-eyes-love, .olek-blue-eyes, .olek-dark-side-1, .olek-white-circle, .olek-dark-side-2, .olek-eyes-sith {
min-height: 0;
}
.cart-wrapper {
z-index: 10000;
}
.collection-list-wrapper-18 {
height: 540px;
padding-bottom: 40px;
}
.div-block-1135.btn-soldout {
cursor: pointer;
}
.div-block-1154 {
justify-content: center;
}
.div-block-1193 {
width: 20%;
}
.div-block-1204 {
width: 7%;
}
.div-block-1233 {
width: 13%;
}
.div-block-1247._3 {
width: 2%;
}
.div-block-1269 {
width: 60%;
}
.text-block-309 {
font-size: 10px;
}
.yomikoji-city, .grotte {
width: 1920px;
height: 1070px;
}
.text-block-325._2 {
margin-top: -1px;
}
.div-block-1324 {
height: 75px;
}
.div-block-1326 {
height: 47px;
}
.div-block-1327 {
height: 65px;
}
.div-block-1351 {
justify-content: center;
align-items: center;
display: flex;
}
.link-block-6, .next-product {
justify-content: center;
align-items: center;
}
.div-block-1419 {
right: 91px;
}
.div-block-1446._3, .div-block-1463._3 {
width: 2%;
}
.image-441 {
bottom: 15px;
}
.div-block-1480 {
z-index: 7;
}
.image-448 {
z-index: 8;
width: 80%;
height: 80%;
left: 24px;
}
}
@media screen and (min-width: 1920px) {
.yomikoji-body {
background-color: #000;
}
.hero {
width: 1920px;
height: 1070px;
display: none;
}
.grass {
width: 100%;
max-width: 1920px;
display: none;
}
.cave {
width: 1920px;
height: 1070px;
display: none;
}
.navbar-2 {
position: absolute;
}
.heading-15 {
-webkit-text-fill-color: inherit;
background-color: #fff0;
background-image: none;
background-clip: border-box;
font-family: Simply rounded, sans-serif;
}
.jouet-1 {
z-index: 5;
display: block;
}
.yomikoji-intro-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.jouet-2 {
display: block;
}
.div-block-67 {
height: 80%;
top: 0;
}
.div-block-105 {
top: 269px;
}
.jouet-3, .coline {
display: block;
}
.women-body {
flex-direction: column;
justify-content: center;
align-items: center;
}
.women-1st-plan {
background-image: radial-gradient(circle at 50% 100%, #fff0, #f2f2f20a 56%, #000 98%, #000);
height: 100%;
}
.div-block-478 {
height: 1000px;
}
.game-boy {
z-index: 3;
width: 100%;
max-width: 100%;
height: 100%;
inset: auto 0% 0%;
}
.div-block-510 {
height: 180vh;
top: 765.167px;
}
.button-f {
background-color: #a600ff00;
background-image: linear-gradient(to right, #40f 35%, #fff 36% 66%, red 68%), url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbbc96dfc41c3_testudyudc.png");
background-position: 0 0, 50%;
background-size: auto, auto;
}
.text-block-76 {
color: #fff;
text-shadow: 0 1px 3px #000;
position: static;
}
.div-block-567 {
margin-top: 100px;
}
.ciseaux {
height: 100%;
}
.women-chambre-2 {
display: block;
}
.boule-mist-re {
background-color: #c3151500;
height: 100%;
display: block;
}
.sun-plage {
height: 100%;
}
.plage-plan-1 {
inset: 0%;
}
.jda-section-1 {
background-color: #000;
position: relative;
inset: auto 0% 0%;
}
.jda-b-wrap-2 {
justify-content: flex-start;
}
.jda-b-wrap-3._5 {
margin-left: 6px;
margin-right: 6px;
}
.jda-a-link-1 {
opacity: 1;
}
.eyebrow-02, .nose {
border-color: #000;
}
.eyebrow-01 {
border-color: #040404;
}
.castle-krakow {
bottom: 35px;
}
.cave-premier-plan {
display: block;
}
.image-202 {
z-index: 6;
background-image: none;
display: block;
}
.look-book-sieges {
display: block;
}
.button-22 {
position: absolute;
}
.cart-footer {
border-top-width: 2px;
border-top-color: #313131;
}
.collection-item-2 {
justify-content: center;
align-items: center;
}
.body-11 {
color: #aa5c5c;
display: flex;
}
.tabs-women {
justify-content: flex-start;
align-items: center;
}
.collection-list-wrapper-diy {
margin-bottom: 140px;
}
.diy-vacations {
width: 1920px;
}
.diy-patern {
height: 1070px;
}
.tabs-content {
max-height: 600px;
margin-top: 10px;
}
.men-section {
height: auto;
}
.products-men-display._2 {
height: 1070px;
}
.savoir-faire-display {
display: none;
}
.collection-list-wrapper-6 {
margin-bottom: 220px;
}
.house-history-template {
background-image: none;
}
.dune._2 {
display: block;
}
.tabs-menu-diy {
margin-bottom: 20px;
}
.form-block-footer {
align-items: flex-end;
}
.youtube {
width: 50%;
height: 70%;
}
.tabs-content-diy {
margin-top: 10px;
}
.tabs-menu-4 {
width: 40%;
}
.div-block-781 {
width: 60%;
}
.div-block-859 {
display: none;
}
.back-capsule {
width: 536px;
}
.div-block-928 {
width: 7%;
min-width: 7%;
max-width: 7%;
}
.book-2 {
width: 55%;
}
.div-block-1009 {
width: 213%;
height: 400%;
display: block;
position: absolute;
top: -38%;
left: -63%;
right: 99%;
}
.ola-face {
width: 110px;
min-width: 110px;
max-width: 110px;
height: 110px;
min-height: 110px;
max-height: 110px;
}
.error-state-4 {
border-bottom-width: 1px;
}
.cart-header {
border-bottom-width: 2px;
border-bottom-color: #313131;
}
.container-haire {
flex-direction: column;
}
.html-embed-5, .html-embed-8 {
display: none;
}
.olek-kiss {
left: -14%;
}
.html-embed-10, .html-embed-12, .html-embed-13 {
display: none;
}
.ss2 {
right: 15px;
}
.ss1 {
left: 30px;
}
.ss1-1 {
left: 20px;
}
.ss2-1 {
right: 27px;
}
.olek-ninja-band-2, .olek-ninja-band-3 {
left: 30px;
}
.l1, .l2 {
top: 20px;
}
.ola-glasses {
min-width: 110px;
min-height: 110px;
}
.l1-1, .l2-1 {
bottom: 5px;
}
.olek-under-eye-stylist {
width: 130px;
max-width: 110%;
}
.olek-under-eye-diy {
min-width: 110px;
max-width: 110px;
min-height: 110px;
max-height: 110px;
}
.ola-under-eye-stylist {
min-width: 110px;
}
.ola-under-eye-diy {
min-width: 110px;
min-height: 110px;
}
.existingdiv {
border: 4px #fff;
width: 530px;
height: 610px;
top: 95px;
}
.collection-list-wrapper-18 {
height: 540px;
padding-bottom: 40px;
}
.html-embed-23 {
display: none;
}
.div-block-1144 {
width: 534px;
}
.image-386 {
width: 700px;
}
.div-block-1169 {
width: 80%;
}
.div-block-1171 {
color: #3330;
background-color: #252525;
border-top-left-radius: 10px;
}
.div-block-1172 {
border-top-left-radius: 10px;
}
.all-line-device {
bottom: 161px;
}
.slide-1-noramal-image {
width: auto;
}
.cell-4 {
align-items: center;
}
.div-block-1193 {
width: 18%;
}
.div-block-1204 {
width: 5%;
}
.div-slide-1 {
display: none;
}
.div-slide-2 {
display: block;
}
.div-block-1233 {
width: 10%;
}
.image-413 {
width: 300px;
height: 300px;
}
.div-block-1270 {
justify-content: center;
align-items: center;
display: flex;
}
.columns-3 {
width: 70%;
}
.image-418 {
display: none;
}
.text-block-309 {
font-size: 10px;
}
.tab-link-telegram {
display: none;
}
.yomikoji-city {
width: 1920px;
height: 1070px;
}
.grotte {
z-index: 0;
flex-flow: column;
justify-content: center;
align-items: center;
width: 1920px;
max-width: 1920px;
height: 1070px;
max-height: 1070px;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.text-block-325._2 {
margin-top: -2px;
}
.tab-link-tab-2 {
display: none;
}
.tab-link-tab-2.w--current {
background-color: #c8c8c800;
width: 25%;
height: 100%;
padding: 5px;
display: block;
}
.tab-pane-tab-8 {
overflow: visible;
}
.div-block-1348 {
right: 300px;
}
.div-block-1351 {
display: flex;
}
.look-book-2nd-plan {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/687a704da774169c1e0907eb_Yomikoji%20look%20book%20thatre%20test%202%20(1).png");
background-position: 0 0;
background-size: auto;
flex-flow: column;
}
.slide-nav-19 {
width: 200px;
top: 850px;
}
.image-432 {
width: 100%;
height: 99.9999%;
max-height: 100%;
}
.crts-wrapper._2 {
margin-bottom: 0;
}
.master-room-wrapper {
height: 100%;
top: auto;
}
.slider__nav {
padding-top: 5px;
}
.div-block-1358 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 60px;
display: flex;
overflow: auto;
}
.lottie-animation-23 {
z-index: -10;
width: 60px;
height: 66.1333px;
position: absolute;
}
.scrollable-zone {
width: 90%;
max-width: 100%;
}
.div-block-1412 {
border-top: 2px solid #414141;
border-left: 2px solid #414141;
}
.div-block-1413 {
border-left: 2px solid #414141;
}
.div-block-1415 {
overflow: visible;
}
.div-block-1417 {
background-color: #111;
border-top-style: solid;
border-top-width: 15px;
border-bottom-style: solid;
border-bottom-width: 15px;
border-left: 5px #000;
width: 130%;
top: -34px;
}
.div-block-1419 {
position: relative;
top: -48px;
left: 50px;
right: auto;
}
.div-block-1421 {
background-image: none;
}
.image-438 {
width: 300px;
height: 300px;
}
.div-block-1475 {
width: 100%;
max-width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.mure-et-tentacules {
z-index: 4;
width: 100%;
height: 100%;
position: absolute;
}
.image-441 {
bottom: 15px;
}
.image-447 {
z-index: 10;
width: 80%;
max-width: 80%;
height: 80%;
position: absolute;
left: 68px;
}
.div-block-1482 {
z-index: 8;
width: 18%;
top: 25%;
left: 5.2%;
}
.image-451 {
position: absolute;
}
.lampe {
opacity: 1;
filter: brightness(200%) invert() blur(5px);
}
.image-458 {
z-index: 11;
width: 100%;
height: 100%;
position: absolute;
}
.down-hero-shooting {
width: 6%;
height: 23%;
position: absolute;
top: 55.5%;
left: 82%;
}
.button-47 {
width: 100%;
height: 100%;
position: static;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 5rem;
}
h2 {
font-size: 6rem;
}
.hero {
width: 1076px;
height: 600px;
}
.yomikoji-shop-and-co {
height: 100%;
}
.cave {
width: 1076px;
height: 600px;
}
.jouet-1 {
width: 100%;
height: 100%;
}
.menu-button {
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
padding: 0;
display: flex;
overflow: hidden;
}
.menu-button.w--open {
background-color: #4a232300;
}
.nav-menu-2 {
background-color: #8e5d5d00;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.yomikoji-intro-wrap {
display: none;
}
.jouet-2 {
width: 100%;
height: 100%;
}
.div-block-67 {
height: 45%;
top: 97px;
}
.div-block-105 {
top: 53px;
}
.jouet-3, .coline {
width: 100%;
height: 100%;
}
.women-1st-plan {
width: 100%;
max-width: 100%;
height: 100%;
inset: 0 0% 0%;
}
.div-block-479 {
width: 100%;
}
.faq-question-wrap {
margin-left: auto;
margin-right: auto;
display: block;
}
.column {
width: 100%;
}
.image-153 {
right: 0;
}
.game-boy {
width: 100%;
max-width: 100%;
height: 100%;
inset: auto 0% 0%;
}
.question {
width: 35%;
}
.hamburger-lotties {
width: 45px;
height: 44px;
position: relative;
transform: scale(.7);
}
.ciseaux {
width: 100%;
max-width: 100%;
height: 100%;
inset: 0 0% 0%;
}
.women-chambre-2 {
width: 100%;
max-width: 100%;
height: 100%;
}
.boule-mist-re {
width: 100%;
max-width: 100%;
height: 100%;
inset: 0 0% 0%;
}
.castle, ._2ndplan {
height: 100%;
inset: auto 0% 0%;
}
.dune-plage {
width: 100%;
max-width: 100%;
height: 100%;
inset: 0 0% 0%;
}
.sun-plage {
width: 100%;
max-width: 100%;
inset: 0% 0% 0% auto;
}
.ask-us-any-thing {
width: 35%;
}
.plage-plan-1 {
height: 100%;
}
.jda-b-wrap-1 {
width: 20%;
}
.jda-a-wrap-1 {
flex-basis: 70%;
}
.jda-a-grid-1 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.jda-section-1 {
padding-left: 3em;
padding-right: 3em;
font-size: 1.3vw;
}
.jda-b-pic-1 {
max-width: 70%;
}
.div-block-594 {
height: 70%;
}
.castle-krakow {
bottom: 34px;
}
.cave-premier-plan {
width: 100%;
height: 100.5%;
}
.tabs-menu-product {
width: 100%;
}
.button-20 {
font-size: 18px;
}
.button-21 {
font-size: 19px;
}
.button-22 {
font-size: 16px;
}
.button-23 {
font-size: 17px;
}
.button-26.w--current {
overflow: visible;
}
.centered-heading-2 {
font-size: 2rem;
}
.heading-small-2 {
font-size: 1.25rem;
}
.hero_checkout {
flex-direction: column;
height: auto;
}
.largeheading {
font-size: 5.5em;
}
.body-11 {
height: 200%;
}
.div-block-608 {
flex-direction: column;
width: 60%;
}
.div-block-609 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.div-block-610 {
width: 90%;
margin-top: 40px;
overflow: auto;
}
.slide-nav-12 {
bottom: -45px;
}
.collection-item-3 {
width: 48%;
margin-left: 5px;
margin-right: 5px;
}
.collection-item-3:hover {
transform: none;
}
.collection-list-product {
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.text-block-92, .text-block-93 {
font-size: 16px;
}
.text-block-94, .text-block-95, .text-block-96 {
text-shadow: 0 0 1px #01f2ff;
}
.normal-item {
margin-top: 62px;
}
.tabs-women {
width: 95%;
height: 110%;
min-height: 110%;
margin-top: 20px;
}
.collection-item-4 {
width: 90%;
height: 410px;
}
.collection-item-4.tools {
height: 460px;
}
.collection-list-diy {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr 1fr;
grid-template-areas: "Area Area-2"
". Area-3";
width: 100%;
padding-left: 0;
padding-right: 0;
}
.div-block-625 {
width: 750px;
height: 100%;
min-height: 100%;
max-height: 100%;
padding-bottom: 100px;
}
.tabs-product-men {
width: 95%;
height: 110%;
min-height: 110%;
margin-top: 20px;
}
.page-wrapper-3 {
height: auto;
}
.item-image.loopzoomzoom {
margin-top: 240px;
}
.item-image.loopzoomzoom.hidden-image {
margin-top: 90px;
}
.container-13.product {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.product-left-side {
height: 720px;
}
.photo-thumbnails {
bottom: 20px;
}
.default-state-2 {
height: 150px;
}
.quantity-3 {
box-shadow: none;
}
.phto-thumbnail-2 {
display: none;
}
.item-image-2 {
margin-top: 240px;
}
.item-image-2.loopzoomzoom.hidden-image {
margin-top: 90px;
}
.div-block-637 {
width: 540px;
padding-left: 10px;
padding-right: 10px;
}
.diy-vacations {
width: 1255px;
height: 700px;
}
.diy-patern {
background-size: cover;
width: 100%;
height: 700px;
min-height: 100%;
max-height: 100%;
}
.div-block-640 {
height: 100px;
margin-top: 140px;
top: 0;
}
.model-women-template {
width: 1255px;
height: 700px;
}
.products-display {
width: 750px;
height: 100%;
min-height: 100%;
max-height: 100%;
padding-bottom: 100px;
}
.tabs-content {
width: 100%;
height: 100%;
}
.model-men-template {
width: 1255px;
height: 700px;
}
.products-men-display {
opacity: 1;
background-size: cover;
width: 100%;
height: 700px;
min-height: 100%;
max-height: 100%;
padding-bottom: 0;
}
.products-men-display._2 {
height: 700px;
}
.savoir-faire-template, .savoir-faire-display {
width: 1255px;
height: 700px;
}
.valor-family-template {
width: 1200px;
height: 600px;
}
.collection-list-wrapper-6 {
width: 44%;
}
.look-book-template {
width: 1255px;
height: 700px;
}
.house-history-template {
width: 1200px;
height: 700px;
}
.contact-templete, .faq-templete {
width: 1200px;
height: 600px;
}
.faq-displqy {
width: 100%;
}
.tooney-land-template {
width: 1200px;
height: 600px;
}
.billing-address {
background-position: 50%;
background-size: cover;
}
.image-251.tools {
left: 60px;
}
.tabs-menu-diy {
width: 100%;
padding-left: 10px;
}
.tabs-diy {
width: 95%;
height: 110%;
min-height: 110%;
margin-top: 20px;
top: auto;
}
.form-5 {
width: 100%;
}
.text-field-11 {
width: 62.6377%;
}
.form-block-footer {
width: 30%;
}
.div-block-659 {
clear: none;
width: 100%;
}
.terme-of-use-texte._1 {
width: 100%;
}
.div-block-717 {
padding: 10px;
}
.text-block-137 {
font-size: 10px;
}
.grid-17 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.tabs-content-diy {
width: 100%;
}
.tabs-menu-4 {
width: 80%;
}
.collection-list-7 {
grid-template-columns: 1fr 1fr;
}
.tab-pane-tab-3 {
width: 100%;
height: 1400px;
}
.tabs-content-3 {
width: 100%;
}
.tab-pane-tab-1-2, .tab-pane-tab-2, .tab-pane-tab-4, .tab-pane-tab-5, .tab-pane-tab-6, .tab-pane-tab-7 {
width: 100%;
height: 1400px;
}
.div-block-782 {
margin-bottom: 20px;
}
.collection-list-8 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.tabs-content-product-men {
width: 100%;
height: auto;
margin-bottom: 0;
}
.div-block-859 {
width: 200%;
}
.grid-20 {
margin-top: 140px;
margin-bottom: 100px;
}
.buy-now-button-4.btn-toggle {
font-size: 25px;
}
.div-block-931 {
width: 35%;
height: 10%;
}
.div-block-932 {
width: 35%;
height: 10%;
display: none;
}
.test, .page-2, .page-3, .page-4 {
width: 100%;
}
.error-state-4 {
z-index: -6;
position: relative;
top: 30px;
}
.text-block-212 {
width: 100%;
}
.heading-66 {
text-align: center;
}
.zoom-zoom-bubble-src {
min-width: 120vw;
max-width: 120vw;
}
.play-audio-product.btn-cap {
z-index: 40;
width: 90%;
}
.empty-state-women-diy, .empty-state-men-diy {
width: 200px;
}
.empty-state-all-diy {
width: 200px;
margin-top: 30px;
}
.empty-state-unisiex-diy {
width: 200px;
}
.empty-state-hat-women {
width: 200px;
margin-top: 30px;
}
.collection-list-wrapper-18 {
height: 460px;
}
.collection-list-wrapper-18.diy.tools {
flex-flow: row;
}
.empty-state-jewerly-women, .empty-state-jacket-women, .empty-state-t-shirt-women, .empty-state-new, .empty-state-socks-women, .empty-state-shoes-women, .empty-state-back-pack, .empty-state-hat-men, .empty-state-jewerly-men, .empty-state-jacket-men, .empty-state-t-shirt-men, .empty-state-pants-men, .empty-state-socks-men, .empty-state-shoes-men, .empty-state-back-pack-men {
width: 200px;
}
.collection-item-10 {
width: 15%;
}
.collection-item-10:hover {
transform: none;
}
.collection-list-all {
height: 100%;
}
.collection-all {
height: 390px;
padding-left: 0;
padding-right: 0;
}
.div-block-1142 {
opacity: 0;
}
.empty-state-jewerly-all-women {
width: 350px;
}
.div-block-1144 {
border-radius: 22px;
margin-top: 85px;
}
.div-block-1154 {
width: 30%;
}
.div-block-1155 {
min-height: 3%;
}
.success-message-3 {
padding-bottom: 5px;
}
.text-block-279 {
padding-top: 0;
padding-bottom: 0;
}
.error-message-6 {
padding-top: 5px;
padding-bottom: 5px;
}
.div-block-1157 {
display: none;
}
.div-block-1156 {
width: 500px;
height: 1.5%;
}
.men-body, .diy-body {
background-color: #000;
}
.image-388 {
width: 120px;
height: 30%;
}
.div-block-stars {
width: 100%;
height: 600px;
}
.amoire {
width: 100%;
height: 100%;
}
.div-block-1168 {
width: 80%;
height: 18%;
}
.div-block-1169 {
width: 90%;
}
.div-block-1171 {
height: 30px;
}
.div-block-1172 {
width: 50%;
height: 100%;
}
.tabs-content-4 {
height: 85%;
}
.tab-link-2 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.tabs-menu-5 {
margin-top: 5px;
margin-bottom: -30px;
}
.div-block-1175 {
height: 30px;
top: -4px;
left: auto;
right: -25%;
}
.image-393, .image-394, .image-395, .image-396 {
max-width: 70%;
}
.lac-cave, .lumiere, .pierres, .image-402, .diamond, .image-404, .image-405 {
width: 100%;
height: 100%;
}
.quick-stack {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 80%;
}
.field-label-51 {
width: 35%;
}
.div-block-1181 {
width: 80%;
}
.div-block-1202 {
width: 50%;
}
.div-block-1204 {
width: 15%;
}
.div-block-1208 {
width: 80%;
}
.div-slide-1 {
display: block;
}
.div-slide-2 {
display: none;
}
.div-block-1232 {
width: 100%;
}
.div-block-1233 {
width: 20%;
}
.div-block-1236 {
width: 360px;
}
.subscriptions-list-2 {
grid-template-columns: 1fr;
}
.div-block-1244 {
flex-flow: row;
}
.image-413 {
width: 235px;
height: 200px;
}
.div-block-1245 {
width: 100%;
}
.text-block-299 {
font-size: 10px;
}
.column-19 {
align-items: stretch;
height: 50%;
}
.columns {
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.column-20 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.produ, .div-block-1252, .div-block-1253 {
width: 100%;
height: 600px;
}
.text-block-305 {
font-size: 12px;
}
.bold-text-275 {
width: 99.9998%;
font-size: 10px;
}
.div-block-1273 {
height: 100%;
}
.slider-16 {
height: 500px;
}
.mask-13 {
width: 200px;
height: 400px;
}
.right-arrow-10 {
margin-bottom: 0;
margin-right: 0;
}
.left-arrow-10 {
margin-bottom: 0;
margin-left: 0;
}
.div-block-1280 {
height: 100%;
}
.form-column {
width: 100%;
padding-left: 0;
}
.grid-22 {
grid-template-columns: 1.75fr;
}
.div-block-1292 {
height: 100%;
}
.div-block-1293 {
width: 90%;
height: 100%;
}
.div-block-1294 {
height: 100%;
}
.error-message-8 {
margin-top: 30px;
}
.block-blanc {
height: 89%;
}
.bar-du-dessus {
top: 11%;
}
.yomikoji-city, .grotte {
width: 1076px;
height: 600px;
}
.div-block-1313 {
width: 100%;
}
.pd {
width: 750px;
}
.tabs-8 {
width: 95%;
}
.tabs-content-6 {
width: 100%;
}
.scooool {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch space-between;
padding-left: 0;
padding-right: 0;
display: grid;
}
.collection-new:hover {
transform: none;
}
.text-block-325._1 {
font-size: 16px;
}
.text-block-325._2 {
margin-top: -1px;
font-size: 17px;
}
.text-block-325._3 {
font-size: 18px;
}
.text-block-325._4 {
font-size: 19px;
}
.div-block-1324 {
height: 20px;
}
.div-block-1325 {
height: 4px;
}
.div-block-1326 {
height: 6px;
}
.div-block-1327 {
height: 14px;
}
.div-block-1341 {
width: 84%;
}
.mask-slider-women {
width: 200px;
height: 400px;
}
.left-arrow-11 {
margin-bottom: 0;
margin-left: 0;
}
.div-block-1344 {
width: 90%;
height: 100%;
}
.div-block-1345 {
height: 100%;
}
.slider-women {
height: 500px;
}
.right-arrow-11 {
margin-bottom: 0;
margin-right: 0;
}
.code-embed-10 {
display: none;
}
.look-book-2nd-plan {
width: 1255px;
height: 700px;
max-height: 1070px;
}
.crt-power-button {
width: 1.5em;
bottom: -2.4em;
}
.harchives-tv-2nd-plan {
background-position: 50%;
width: 100%;
height: 700px;
max-height: 100%;
}
.back-sides.bottom, .back-sides.top {
width: 60%;
}
.room {
min-height: 100%;
}
.crt-model {
width: 20em;
height: 15em;
}
.slider {
width: 300px;
height: 450px;
}
.page-wrapper-6 {
width: 80%;
height: 102.857%;
}
.slider__nav {
top: 471px;
}
.collection-item, .blog-wrapper, .collection-item-12 {
padding: 15px;
}
.grid-23 {
width: 50%;
}
.choice-container {
top: -20px;
}
.right-image-contain {
-webkit-text-fill-color: inherit;
background-clip: content-box;
}
.harchives-1st-plan {
width: 1255px;
height: 700px;
}
.div-block-1420 {
width: 350px;
}
.grid-26 {
grid-template: "Area"
"."
/ 2fr;
grid-auto-flow: column;
}
.div-block-1422 {
width: 600px;
}
.text-block-341 {
font-size: 10px;
}
.image-438 {
width: 235px;
height: 200px;
}
.column-26 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-343, .text-block-345, .text-block-347, .text-block-349 {
font-size: 10px;
}
.button-46 {
width: 70px;
height: 70px;
}
.image-457 {
position: absolute;
}
.container-20 {
max-width: 728px;
}
.footer {
flex-wrap: wrap;
}
.header {
align-items: center;
}
.button-48.is--aim {
margin-top: 20px;
margin-left: 0;
}
.outline-heading {
margin-top: -47px;
font-size: 55px;
}
.field-label-63.solid {
float: none;
display: block;
}
.calculator-slide-block {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.calculator-form {
padding-left: 20px;
padding-right: 20px;
}
.ui-slider-handle {
border-radius: 60px;
transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out, height .2s ease-in-out, width .2s ease-in-out;
}
.ui-slider-handle:hover {
background-color: #f7941e;
border-radius: 60px;
width: 40px;
height: 40px;
top: -400%;
box-shadow: 0 2px 4px -3px #000;
}
.heading.h1 {
font-size: 46px;
}
.calculator-main-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.form-input-block {
position: relative;
}
.container-22 {
padding-left: 24px;
padding-right: 24px;
}
.heading-68 {
font-size: 1rem;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 4rem;
}
h2 {
font-size: 4.4rem;
}
p {
font-size: .6rem;
}
.yomikoji-section {
position: static;
}
.hero {
width: 1076px;
height: 600px;
display: none;
}
.yomikoji-shop-and-co {
height: 100%;
max-height: 100%;
}
.cave {
width: 1076px;
height: 600px;
}
.navbar-2 {
max-width: 100%;
}
.brand {
align-items: center;
}
.brand.w--current {
margin-left: 0;
margin-right: 0;
}
.timeline_quote-image {
margin-top: 24px;
margin-right: 0;
}
.timeline_date-text {
margin-bottom: 24px;
font-size: 36px;
}
.timeline_quote-wrapper {
flex-direction: column-reverse;
}
.timeline_left {
text-align: left;
}
.margin-bottom-xlarge {
margin-bottom: 48px;
}
.timeline_text {
font-size: 20px;
}
.timeline_centre {
justify-content: flex-start;
}
.button-inverted {
padding: 14px 24px;
}
.padding-vertical-xlarge {
padding-top: 80px;
padding-bottom: 80px;
}
.timeline_item-2 {
grid-template-columns: 64px 1fr;
width: 100%;
}
.timeline_progress-2 {
left: 6px;
}
.container-4 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.jouet-1 {
width: 100%;
height: 100%;
}
.menu-button {
align-self: center;
}
.yomikoji-intro-wrap {
display: none;
}
.intro-bg {
display: flex;
}
.jouet-2 {
width: 100%;
height: 100%;
}
.div-block-67 {
justify-content: flex-start;
align-items: center;
width: 50%;
height: 50%;
top: 104px;
}
.div-block-105 {
top: 44px;
}
.jouet-3, .coline {
width: 100%;
height: 100%;
}
.women-1st-plan {
height: 100%;
bottom: 0%;
}
.div-block-479 {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.image-153 {
right: auto;
}
.game-boy {
width: 100%;
max-width: 100%;
height: 100%;
inset: 0% 0% 0% auto;
}
.div-block-510 {
top: 296.167px;
}
.question {
width: 25%;
margin-left: 20px;
margin-right: 20px;
}
.hamburger-lotties {
width: 45px;
height: 44px;
}
.wrapper-button {
top: 9px;
}
.ciseaux, .boule-mist-re {
width: 100%;
max-width: 100%;
height: 100%;
inset: 0 0% 0%;
}
._1er-plan {
width: 100%;
max-width: 100%;
inset: 0% 0% 0% auto;
}
.tnt1 {
width: 100%;
max-width: 100%;
height: 100%;
display: inline-block;
inset: 0% 0% 0% auto;
}
.castle, ._2ndplan, .dune-plage {
width: 100%;
max-width: 100%;
height: 100%;
inset: 0% 0% 0% auto;
}
.sun-plage {
width: 100%;
max-width: 100%;
}
.back-ground-sable {
width: 100%;
max-width: 100%;
inset: 0% 0% 0% auto;
}
.ask-us-any-thing {
width: 20%;
}
.plage-plan-1 {
height: 100%;
}
.jda-b-wrap-1 {
flex-direction: row;
order: -1;
align-items: center;
width: 100%;
margin-bottom: 3em;
}
.jda-a-grid-1 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.jda-section-1 {
padding-left: 2em;
padding-right: 2em;
font-size: 1.69vw;
}
.jda-wrap-1 {
flex-direction: column;
}
.jda-b-pic-1 {
height: 30px;
top: 0;
}
.jda-b-icon-1 {
height: 20px;
}
.jda-b-wrap-2 {
justify-content: center;
}
.jda-b-wrap-3 {
margin-right: 6px;
}
.jda-wrap-3 {
flex-direction: column;
align-items: center;
}
.div-block-594 {
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 90%;
padding-top: 5px;
}
.castle-krakow {
bottom: 37px;
}
.cave-premier-plan {
width: 100%;
height: 100.5%;
}
.tabs-menu-product {
width: 100%;
}
.div-block-598 {
height: 100%;
}
.centered-heading-2 {
font-size: 2rem;
}
.collection-item-2 {
width: 40%;
}
.collection-list {
display: block;
}
.heading-small-2 {
font-size: 1.25rem;
}
.largeheading {
font-size: 5em;
}
.body-11 {
background-color: #000;
}
.div-block-608 {
flex-direction: column;
width: 40%;
}
.div-block-609 {
width: 80%;
}
.div-block-610 {
clear: none;
object-fit: fill;
width: 90%;
margin-top: 40px;
}
.slide-nav-12 {
bottom: -45px;
}
.collection-item-3 {
width: 47%;
height: auto;
margin-left: 6px;
margin-right: 6px;
}
.collection-list-product {
padding-left: 0;
padding-right: 0;
}
.text-block-92, .text-block-93 {
font-size: 14px;
}
.quantity {
width: 30px;
}
.remaining-stock {
justify-content: center;
align-items: center;
width: 40%;
}
.text-block-94, .text-block-95 {
text-shadow: 0 0 1px #01f2ff;
font-size: 20px;
}
.text-block-96 {
text-shadow: 0 0 1px #01f2ff;
}
.normal-item {
margin-top: 50px;
}
.tabs-women {
width: 95%;
margin-top: 20px;
}
.hjgog.btn-tiny {
font-size: 10px;
}
.collection-item-4 {
height: 360px;
}
.collection-list-diy {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template: "Area Area-2"
". Area-3"
/ 1fr;
grid-auto-flow: column;
place-items: center;
width: 100%;
}
.div-block-625 {
width: 568px;
}
.text-block-99 {
font-size: 16px;
}
.tabs-product-men {
width: 95%;
margin-top: 20px;
margin-bottom: 60px;
}
.thumbnail-photo._3 {
width: 60px;
height: 60px;
}
.thumbnail-photo._3:hover {
width: 50px;
height: 50px;
}
.thumbnail-photo._6, .thumbnail-photo._5 {
width: 60px;
height: 60px;
}
.thumbnail-photo._2, .thumbnail-photo._1 {
width: 70px;
height: 70px;
}
.thumbnail-photo._4 {
width: 60px;
height: 60px;
}
.container-13.product {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
align-items: center;
width: 100%;
}
.photo-thumbnails {
width: 540px;
}
.default-state-2 {
height: 150px;
}
.quantity-3 {
box-shadow: none;
}
.phto-thumbnail-2 {
width: 500px;
}
.thumbnail-photo2._7, .thumbnail-photo2._8 {
width: 60px;
height: 60px;
}
.thumbnail-photo2._10, .thumbnail-photo2._11, .thumbnail-photo2._9, .thumbnail-photo2._12 {
width: 50px;
height: 50px;
}
.div-block-637 {
width: 540px;
padding-left: 10px;
padding-right: 10px;
}
.diy-patern {
background-position: 50%;
background-size: cover;
width: 100%;
max-width: 100%;
}
.div-block-640 {
height: 100px;
margin-top: 100px;
}
.model-women-template {
width: 1255px;
height: 700px;
}
.products-display {
width: 568px;
height: 100%;
min-height: 100%;
max-height: 100%;
}
.tabs-content {
width: 100%;
}
.model-men-template {
width: 1255px;
height: 700px;
}
.products-men-display {
width: 100%;
max-width: 100%;
height: 700px;
min-height: 100%;
max-height: 100%;
margin-bottom: 0;
padding-bottom: 0;
}
.products-men-display._2 {
height: 700px;
}
.savoir-faire-template {
width: 1255px;
height: 700px;
}
.valor-family-template {
width: 1200px;
height: 600px;
}
.collection-list-wrapper-6 {
width: 30%;
}
.look-book-template {
width: 1255px;
height: 700px;
}
.contact-templete, .faq-templete {
width: 1200px;
height: 600px;
}
.faq-displqy {
width: 100%;
}
.tooney-land-template {
width: 1200px;
height: 600px;
}
.billing-address {
border-radius: 20px;
}
.image-251.tools {
left: 60px;
}
.tabs-menu-diy {
width: 100%;
padding-left: 10px;
}
.tabs-diy {
margin-bottom: 140px;
}
.form-5 {
width: 100%;
}
.text-field-11 {
background-size: cover;
width: 100%;
padding-top: 5px;
}
.form-block-footer {
text-align: center;
width: 100%;
margin-bottom: 15px;
}
.div-block-659 {
width: 100%;
}
.privacy-policy-div {
width: 80%;
}
.heading-53 {
font-size: 2rem;
}
.terme-of-use-texte._1 {
width: 100%;
}
.privacy-policy-text {
border-bottom-style: none;
}
.grid {
grid-template-columns: 1fr 1fr;
}
.div-block-717 {
padding: 10px;
}
.text-block-137 {
font-size: 7px;
}
.grid-17 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.tabs-content-diy {
width: 100%;
}
.tabs-menu-4 {
width: 100%;
height: 50px;
}
.collection-list-7 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.tab-pane-tab-3 {
width: 100%;
height: 1000px;
}
.tabs-content-3 {
width: 100%;
}
.tab-pane-tab-1-2, .tab-pane-tab-2, .tab-pane-tab-4, .tab-pane-tab-5, .tab-pane-tab-6, .tab-pane-tab-7 {
width: 100%;
height: 1000px;
}
.div-block-781 {
margin-bottom: 0;
}
.text-block-145 {
font-size: 20px;
}
.collection-list-8 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.tabs-content-product-men {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.block-content-7 {
width: 40%;
}
.div-block-859 {
width: 200%;
}
.face-de-la-capsule-2 {
width: 95%;
}
.buy-now-button-4 {
font-size: 35px;
}
.buy-now-button-4.btn-toggle {
font-size: 25px;
}
.play-audio {
width: 90%;
}
.play-audio.btn-cap {
width: 130px;
}
.div-block-940 {
margin-left: 20%;
}
.div-block-975 {
width: 60%;
margin-left: 20%;
}
.div-block-985 {
margin-left: 20%;
}
.test, .last-page, .page-2, .page-6, .page-3 {
width: 100%;
}
.book-2 {
width: 80%;
}
.page-7, .page-4, .page-5 {
width: 100%;
}
.div-block-1009 {
display: block;
}
.out-of-stock-state {
height: 38%;
}
.text-block-202 {
font-size: 16px;
}
.text-block-203 {
font-size: 10px;
}
.text-block-203.btn-soldout {
font-size: 14px;
}
.error-state-4 {
z-index: -6;
top: 30px;
}
.div-block-1038 {
width: 140px;
min-width: 130px;
max-width: 130%;
}
.text-block-212 {
width: 100%;
font-size: 10px;
}
.heading-66 {
text-align: center;
}
.zoom-zoom-bubble-src {
min-width: 140vw;
max-width: 140vw;
}
.play-audio-product.btn-cap {
width: 90%;
}
.empty-state-women-diy {
justify-content: center;
}
.empty-state-all-diy {
margin-top: 30px;
}
.empty-state-hat-women {
width: 200px;
margin-top: 30px;
}
.collection-list-wrapper-18 {
border-style: solid;
height: 420px;
}
.empty-state-jewerly-women, .empty-state-jacket-women, .empty-state-t-shirt-women, .empty-state-new, .empty-state-socks-women, .empty-state-shoes-women, .empty-state-back-pack, .empty-state-jewerly-men, .empty-state-jacket-men, .empty-state-t-shirt-men, .empty-state-pants-men, .empty-state-socks-men, .empty-state-shoes-men, .empty-state-back-pack-men {
width: 200px;
}
.collection-item-10 {
width: 18%;
}
.collection-list-all {
height: 100%;
}
.collection-all {
height: 390px;
padding-left: 0;
padding-right: 0;
overflow: auto;
}
.empty-state-jewerly-all-women {
width: 350px;
height: 151.5px;
}
.image-376 {
height: 50%;
}
.div-block-1154 {
width: 50%;
margin-bottom: 30px;
}
.div-block-1155 {
display: none;
}
.success-message-3 {
color: #fff;
width: 60%;
padding-top: 10px;
padding-bottom: 10px;
}
.text-block-279 {
margin-top: 1px;
margin-bottom: 1px;
font-size: 2.1vw;
}
.div-block-1157 {
display: none;
}
.div-block-1156 {
width: 500px;
height: 1.5%;
}
.diy-body {
background-color: #000;
background-image: none;
}
.image-386 {
width: 400px;
margin-top: 0;
margin-bottom: 0;
}
.image-387 {
height: 25px;
margin-bottom: 0;
}
.image-388 {
width: 110px;
height: 30%;
}
.div-block-stars {
width: 100%;
height: 500px;
}
.amoire {
width: 100%;
height: 100%;
}
.div-block-1168 {
width: 80%;
height: 30%;
}
.div-block-1169 {
width: 80%;
}
.div-block-1172 {
flex: 0 auto;
width: 40%;
}
.div-block-1173 {
width: 60%;
}
.text-block-282 {
font-size: 10px;
}
.tabs-menu-5 {
margin-top: 5px;
margin-bottom: -35px;
}
.div-block-1175 {
height: 35px;
top: -1px;
}
.image-393, .image-394, .image-395, .image-396 {
max-width: 100%;
}
.lac-cave, .lumiere, .pierres, .image-402, .diamond, .image-404, .image-405 {
width: 100%;
height: 100%;
}
.div-block-1181 {
width: 80%;
}
.div-block-1195._1.a, .div-block-1195._1.b, .div-block-1195._1.c, .div-block-1195._2.b, .div-block-1195._2.c, .div-block-1195._2.a, .div-block-1195._3.b, .div-block-1195._3.c, .div-block-1195._3.a, .div-block-1195._4.b, .div-block-1195._4.c, .div-block-1195._4.a, .div-block-1195._5.b, .div-block-1195._5.c, .div-block-1195._5.a, .div-block-1195._6.b, .div-block-1195._6.c, .div-block-1195._6.a, .div-block-1195._7.b, .div-block-1195._7.c, .div-block-1195._7.a, .div-block-1195._8.b, .div-block-1195._8.c, .div-block-1195._8.a, .div-block-1195._9.b, .div-block-1195._9.c, .div-block-1195._9.a, .div-block-1195._10.b, .div-block-1195._10.c, .div-block-1195._10.a, .div-block-1195._11.a, .div-block-1195._11.b, .div-block-1195._11.c, .div-block-1195._12.a, .div-block-1195._12.b, .div-block-1195._12.c, .div-block-1195._13.a, .div-block-1195._13.b, .div-block-1195._13.c, .div-block-1195._14.a, .div-block-1195._14.b, .div-block-1195._14.c, .div-block-1195._15.a, .div-block-1195._15.b, .div-block-1195._15.c, .div-block-1195._16.b, .div-block-1195._16.a, .div-block-1195._16.c, .div-block-1195._17.a, .div-block-1195._17.b, .div-block-1195._17.c, .div-block-1195._18.a, .div-block-1195._18.b, .div-block-1195._18.c, .div-block-1195._19.a, .div-block-1195._19.b, .div-block-1195._19.c, .div-block-1195._20.a, .div-block-1195._20.b, .div-block-1195._20.c {
width: 20px;
height: 20px;
}
.div-block-1202 {
width: 60%;
}
.div-block-1204 {
width: 20%;
}
.div-block-1208 {
width: 80%;
}
.div-slide-1 {
display: block;
}
.div-slide-2 {
display: none;
}
.div-block-1221 {
justify-content: center;
}
.div-block-1222 {
justify-content: center;
display: flex;
}
.div-block-1223._2 {
width: 130px;
}
.slide-text, .action-slide, .dollard-slide, .vision-slide, .property-slide, .compagny-proprety {
font-size: 10px;
}
.subscriptions-list-2 {
grid-template-columns: 1fr;
}
.div-block-1244 {
flex-direction: row;
width: 90%;
}
.image-413 {
height: 200px;
}
.div-block-1245 {
width: 100%;
height: 100%;
}
.text-block-299 {
font-size: 10px;
}
.column-19 {
height: 50%;
padding-left: 0;
padding-right: 0;
}
.columns {
flex-flow: column;
display: flex;
}
.column-20 {
justify-content: center;
align-items: center;
display: flex;
}
.produ, .div-block-1252 {
width: 100%;
height: 500px;
}
.div-block-1253 {
width: 100%;
height: 500px;
inset: auto 0% 0%;
}
.div-block-1259 {
width: 95%;
height: 830px;
}
.div-block-1263 {
height: 200px;
}
.div-block-1267 {
display: flex;
}
.div-block-1268 {
padding-left: 10px;
}
.div-block-1268._2 {
width: 35%;
}
.text-block-305 {
font-size: 12px;
}
.grid-21 {
grid-template-rows: 57px 55px;
grid-template-areas: "Area Area-2"
"Area-3 Area-4";
height: 70%;
}
.columns-2 {
width: 66%;
display: flex;
}
.div-block-1269 {
width: 95%;
}
.columns-3 {
width: 100%;
}
.column-23 {
padding-left: 0;
}
.slider-16 {
height: 500px;
}
.mask-13 {
width: 200px;
height: 380px;
}
.total-field.margin-top-16 {
align-self: stretch;
height: 60px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 6px;
line-height: 60px;
}
.flex {
align-items: flex-end;
}
.dollar {
margin-bottom: 0;
line-height: 60px;
}
.grid-22 {
grid-template-columns: 1.75fr;
}
.div-block-1293 {
width: 90%;
height: 100%;
}
.text-block-321 {
font-size: 10px;
}
.error-message-8 {
margin-top: 30px;
}
.pd {
width: 500px;
}
.scooool {
grid-template-columns: .25fr;
justify-content: center;
}
.collection-new:hover {
transform: none;
}
.div-block-1325 {
height: 6px;
}
.div-block-1341 {
width: 87%;
}
.mask-slider-women {
width: 200px;
height: 380px;
}
.div-block-1344 {
width: 90%;
height: 100%;
}
.slider-women {
height: 500px;
}
.code-embed-10 {
display: none;
}
.crts-wrapper {
margin-bottom: 0;
}
.harchives-tv-2nd-plan {
background-position: 50%;
max-width: 100%;
min-height: 100%;
}
.back-sides.back {
display: none;
}
.back-sides.bottom {
height: 5em;
}
.back-sides.right, .back-sides.left {
width: 6em;
}
.back-sides.top {
height: 5em;
}
.room {
min-height: 100%;
}
.crt-model {
width: 15em;
height: 13em;
}
.choice-container {
top: -20px;
}
.image-overlay {
background-size: 50px;
box-shadow: 7px 7px 10px #00000003;
}
.left-side-back {
padding-right: 2px;
}
.right-side-front {
padding-left: 2px;
}
.gif-arrow {
width: 50px;
height: 50px;
}
.open-notice {
left: 176px;
}
.document-view {
height: 300px;
}
.pm-text {
font-size: 14px;
line-height: 16px;
transform: rotate(6deg)translate(19px);
}
.document-view-2 {
height: 300px;
}
.div-block-1420 {
width: 310px;
height: 280px;
}
.grid-26 {
grid-row-gap: 43px;
grid-template: "Area"
"."
/ 1fr;
grid-auto-flow: column;
justify-content: center;
}
.div-block-1422 {
width: 500px;
}
.text-block-341 {
font-size: 10px;
}
.image-438 {
height: 200px;
}
.column-25 {
padding-left: 0;
padding-right: 0;
}
.div-block-1447 {
width: 100%;
}
.column-26 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1448 {
width: 100%;
}
.text-block-343 {
font-size: 10px;
}
.div-block-1452 {
width: 100%;
}
.text-block-345 {
font-size: 10px;
}
.div-block-1456 {
width: 100%;
}
.text-block-347 {
font-size: 10px;
}
.div-block-1460 {
width: 100%;
}
.text-block-349 {
font-size: 10px;
}
.button-46 {
width: 70px;
height: 70px;
}
.hero-without-image {
padding: 60px 15px;
}
.div-patent {
width: 90%;
}
.div-slide-input {
border-top: 1px solid #e6e6e6;
padding-top: 40px;
}
.calculator-slide-block {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.div-block-3 {
border-top: 1px solid #e6e6e6;
padding-top: 40px;
}
.heading.h1 {
font-size: 36px;
}
.text-field-17 {
width: 100%;
}
.calculator-main-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.spacer {
height: 32px;
}
.paragraph {
font-size: 15px;
}
.paragraph.large {
font-size: 18px;
}
.text-label {
font-size: 12px;
}
.paragraph-13 {
font-size: 15px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 1.5rem;
}
p {
font-size: .6rem;
}
.yomikoji-body {
background-image: none;
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
}
.hero {
width: 1076px;
height: 600px;
}
.grass {
width: 960px;
max-width: none;
height: 100%;
}
.yomikoji-shop-and-co {
height: 100%;
max-height: 100%;
}
.cloud1 {
overflow: hidden;
}
.cave {
width: 1076px;
height: 600px;
max-height: 600px;
padding-bottom: 0;
}
.navbar-2 {
z-index: 55;
flex-direction: row;
flex: 0 auto;
justify-content: space-around;
width: 100%;
display: flex;
}
.brand {
justify-content: flex-start;
align-items: center;
margin-left: 0;
padding-left: 10px;
}
.brand.w--current {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
margin-left: 0;
padding-left: 10px;
display: flex;
}
.brand.w--current:hover {
transform: scale3d(1none, 1none, 1none);
}
.margin-bottom-medium {
margin-bottom: 24px;
}
.padding-vertical-xlarge {
padding-top: 40px;
padding-bottom: 100px;
}
.timeline_item-2 {
grid-template-columns: 48px 1fr;
}
.heading-15 {
margin-top: 140px;
font-size: 2rem;
}
.container-4 {
justify-content: space-between;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.jouet-1 {
width: 100%;
height: 100%;
}
.menu-button {
background-color: #c8c8c800;
border-bottom-left-radius: 20px;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
padding: 0;
}
.menu-button.w--open {
background-color: #c8c8c800;
}
.nav-menu-2 {
background-color: #75202200;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 0;
display: flex;
}
.yomikoji-intro-wrap {
display: none;
}
.intro-bg {
justify-content: center;
}
.body-6 {
background-color: #000;
}
.jouet-2 {
width: 100%;
height: 100%;
}
.div-block-67 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 75%;
height: 40%;
margin-right: 0;
display: flex;
top: 28px;
}
.div-block-105 {
width: 84%;
top: 127px;
}
.image-113 {
width: 100%;
}
.jouet-3 {
width: 100%;
height: 100%;
}
.coline {
width: 100%;
height: 100%;
display: block;
}
.heading-21 {
text-align: center;
width: 80%;
margin-top: 100px;
margin-left: 0;
margin-right: 0;
font-size: 2rem;
}
.paragraph-5 {
text-align: center;
margin-top: 10px;
font-size: 10px;
}
.women-body {
background-color: #000;
}
.women-1st-plan {
width: 100%;
max-width: 100%;
height: 100%;
margin-left: 0;
padding-left: 0;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
}
.div-block-478 {
margin-top: 0;
display: flex;
}
.div-block-479 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.heading-29 {
margin: 0 auto;
font-size: 1rem;
}
.faq-icon.noselect {
width: 20px;
height: 20px;
}
.paragraph-7 {
margin-left: 15px;
font-size: 12px;
}
.column {
padding-left: 0;
padding-right: 0;
}
.faq-h3.noselect {
text-align: center;
width: 60%;
font-size: 10px;
line-height: 20px;
}
.faq-circle {
background-image: none;
margin-bottom: 0;
margin-right: 0;
}
.faq {
flex-direction: row;
align-items: center;
min-width: auto;
padding-left: 15px;
padding-right: 15px;
}
.image-149 {
width: 100%;
margin: 0 auto 40px;
}
.image-150 {
width: 100%;
height: 10px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: inline-block;
}
.image-151 {
width: 100%;
height: 10px;
margin: 0 auto 40px 0;
}
.image-153 {
width: 40px;
height: 40px;
margin-bottom: 0;
right: auto;
}
.game-boy {
width: 100%;
max-width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.image-165 {
width: 10%;
}
.div-block-510 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/62a9ae41fa1fbb8254fc41fb_Calque%201%20(4).png");
background-position: 50%;
background-size: cover;
height: 100%;
top: 399.167px;
}
.body-8 {
height: 500vh;
display: block;
}
.heading-31 {
text-align: center;
}
.question {
width: 15%;
height: auto;
margin-bottom: 100px;
margin-left: 10px;
margin-right: 10px;
}
.body-9 {
background-color: #000;
height: 85%;
}
.div-block-516 {
flex-wrap: nowrap;
align-content: center;
width: 20%;
margin-top: 0;
}
.hamburger-lotties {
align-self: center;
width: 45px;
height: 44px;
position: relative;
transform: scale(.7);
}
.form-4 {
width: 100%;
}
.submit-button-5 {
width: 100px;
}
.button-base {
width: 180px;
}
.wrapper-button {
width: 57%;
top: 20px;
}
.div-block-567 {
flex: 0 auto;
width: 15%;
margin-top: 40px;
}
.image-172 {
height: 100%;
}
.ciseaux {
height: 100%;
inset: auto 0% 0%;
}
.women-chambre-2, .boule-mist-re {
width: 100%;
max-width: 100%;
height: 100%;
display: block;
inset: 0%;
}
._1er-plan, .tnt1, .castle, ._2ndplan {
width: 100%;
max-width: 100%;
height: 100%;
inset: auto 0% 0%;
}
.dune-plage {
width: 100%;
max-width: 100%;
display: inline-block;
inset: 0%;
}
.sun-plage {
width: 100%;
max-width: 100%;
height: 100%;
display: inline-block;
inset: 0%;
}
.back-ground-sable {
width: 100%;
max-width: 100%;
position: absolute;
inset: 0%;
}
.ask-us-any-thing {
width: 15%;
margin-top: 40px;
margin-bottom: 20px;
}
.plage-plan-1 {
max-width: 80%;
height: 80%;
display: block;
inset: auto 0% 0%;
}
.div-block-573 {
margin-left: 10px;
margin-right: 10px;
}
.div-block-574 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.div-block-575 {
margin-left: 10px;
margin-right: 10px;
}
.jda-b-wrap-1 {
flex-direction: row;
align-items: center;
width: 100%;
min-width: 20%;
height: 20%;
}
.jda-a-grid-1 {
grid-template-columns: 1fr 1fr;
}
.jda-section-1 {
padding-left: 1em;
padding-right: 1em;
font-size: 2.5vw;
position: relative;
inset: auto 0% 0%;
}
.jda-b-pic-1 {
width: 30px;
max-width: 15%;
top: 0;
}
.jda-b-icon-1 {
width: 20px;
max-width: 30px;
height: 20px;
max-height: 100%;
padding-left: 0;
}
.jda-b-wrap-2 {
justify-content: center;
height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.jda-b-wrap-3 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 80%;
margin-left: 0;
margin-right: 1em;
display: flex;
}
.jda-b-wrap-3._5 {
margin-right: 0;
}
.jda-wrap-3 {
flex-direction: column;
align-items: flex-start;
}
.jda-wrap-2 {
font-size: 3vw;
}
.jda-a-wrap-2 {
width: 95%;
font-size: 3vw;
}
.jda-a-link-1, .jda-a-link-1._2 {
font-size: 12px;
}
.jda-a-link-1._3 {
height: 15px;
font-size: 12px;
}
.eye-container {
background-color: #0000;
border-radius: 100%;
}
.pupil {
z-index: 3;
}
.heart-pupil {
opacity: 1;
}
.eye {
z-index: 2;
border-color: #fff;
border-radius: 100%;
position: relative;
}
.hair-and-face {
border-radius: 100px;
}
.head-container {
width: auto;
}
.container-11 {
overflow: hidden;
}
.div-block-586 {
overflow: visible;
}
.cart-div {
justify-content: flex-end;
align-items: center;
padding-right: 10px;
display: flex;
}
.cart {
flex: 0 auto;
width: 40%;
padding-left: 0;
}
.cart-button-2 {
justify-content: center;
width: 100%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-594 {
flex-direction: row;
align-items: center;
height: 90%;
padding-top: 5px;
}
.castle-krakow {
bottom: 35px;
}
.cave-premier-plan {
width: 100%;
height: 100.5%;
}
.icon-9 {
margin-right: 0;
}
.div-block-595._4 {
justify-content: center;
align-items: flex-start;
}
.image-202 {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.tabs-menu-product {
width: 100%;
height: 50px;
max-height: 20%;
}
.tab-link-hat {
width: 50%;
}
.image-208, .image-209, .image-210, .image-211, .image-212, .image-213, .image-214, .image-215 {
width: 25px;
height: 25px;
}
.div-block-598 {
height: 100%;
margin-top: 0;
inset: 0%;
}
.slider-10 {
margin-bottom: 0;
}
.div-block-599 {
display: none;
}
.centered-heading-2 {
color: #fff;
background-color: #fff;
width: 100%;
margin-bottom: 24px;
font-size: 2em;
}
.centered-subheading-2 {
width: 17%;
margin-bottom: 60px;
font-size: 1rem;
}
.text-block-87 {
font-size: 10px;
}
.collection-item-2 {
width: 40%;
height: auto;
margin-left: 0;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
.collection-list {
width: 50%;
margin-left: 75px;
}
.text-block-88 {
font-size: 10px;
}
.text-block-90 {
width: 100%;
font-size: 7px;
}
.largeheading {
font-size: 3.2em;
line-height: 1.2em;
}
.body-11 {
height: 100%;
}
.div-block-608 {
flex-direction: column;
width: 25%;
margin-bottom: 180px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-609 {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.div-block-610 {
width: 90%;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
.text-block-91 {
font-size: 20px;
}
.slider-12 {
height: 85%;
}
.slide-29 {
padding-bottom: 0;
}
.slide-nav-12 {
margin-bottom: 0;
bottom: -50px;
}
.collection-item-3 {
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
transition-property: none;
}
.collection-item-3:hover {
transform: none;
}
.collection-list-product {
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.text-block-92 {
font-size: 14px;
}
.add-to-cart-button {
font-size: 12px;
}
.add-to-cart-button.btn-tiny2 {
width: 98%;
min-width: 98%;
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
}
.div-buy-soldout-button {
height: 30px;
}
.text-block-93 {
font-size: 14px;
}
.quantity {
border-style: solid;
border-color: #a3a3a3;
font-size: 12px;
}
.select-field {
margin-bottom: 10px;
margin-right: 0;
font-size: 10px;
}
.remaining-stock {
background-color: #000;
background-size: auto;
justify-content: center;
align-items: center;
width: 35%;
}
.option {
border: 1px #000;
padding-right: 0;
}
.div-block-620 {
font-size: 8px;
}
.text-block-94 {
text-shadow: 0 0 1px #0fd;
font-size: 20px;
}
.text-block-95 {
text-shadow: 0 0 1px #01f2ff;
font-size: 15px;
}
.button-shop {
height: 250px;
}
.text-block-96 {
text-shadow: 0 0 1px #01f2ff;
font-size: 15px;
}
.normal-item {
margin-top: 0;
padding-bottom: 30px;
}
.div-block-621 {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.text-block-97 {
margin-bottom: 0;
font-size: 10px;
}
.tabs-women {
width: 95%;
margin-top: 20px;
margin-bottom: 0;
}
.collection-item-4 {
justify-content: space-between;
align-items: stretch;
width: 100%;
min-width: 30%;
height: auto;
min-height: 100%;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0;
}
.collection-item-4.tools {
justify-content: center;
align-items: stretch;
width: 280px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.collection-list-diy {
flex-direction: column;
justify-items: stretch;
width: 100%;
margin-top: 0;
padding-top: 10px;
padding-bottom: 20px;
display: block;
position: relative;
}
.div-block-625 {
width: 100%;
max-width: 600%;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.tabs-product-men {
justify-content: flex-start;
width: 95%;
margin-top: 20px;
display: flex;
}
.page-wrapper-3 {
justify-content: center;
width: auto;
height: auto;
}
.div-block-626 {
align-items: flex-start;
}
.heading-35 {
font-size: 20px;
}
.item-image {
width: auto;
}
.item-image.loopzoomzoom {
width: 400px;
min-width: 400px;
height: 400px;
min-height: 400px;
margin-top: 100px;
overflow: hidden;
}
.item-image.loopzoomzoom.hidden-image {
align-items: center;
width: 400px;
min-width: 400px;
height: 400px;
min-height: 400px;
margin-top: 30px;
display: flex;
}
.thumbnail-photo._3 {
width: 40px;
height: 40px;
}
.thumbnail-photo._3:hover {
width: 40px;
height: 40px;
transform: scale(1.1);
}
.thumbnail-photo._6 {
width: 40px;
height: 40px;
min-height: 40px;
max-height: 40px;
}
.thumbnail-photo._5 {
width: 40px;
height: 40px;
}
.thumbnail-photo._2, .thumbnail-photo._1 {
width: 50px;
height: 50px;
}
.thumbnail-photo._4 {
width: 40px;
height: 40px;
max-height: 40px;
}
.container-13.product {
grid-row-gap: 0px;
grid-template-columns: .25fr;
justify-items: center;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.product-left-side {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 600px;
overflow: hidden;
}
.photo-thumbnails {
border-top-left-radius: 0;
border-top-right-radius: 0;
flex: 0 auto;
width: 90%;
height: 5%;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 500px;
bottom: auto;
}
.img._2 {
width: 100%;
display: none;
}
.img._1 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.img._3 {
display: none;
}
.button-l.btn-tiny {
width: 90%;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
.text-block-101, .text-block, .text-block-103 {
text-shadow: 0 0 2px #e1ff00;
}
.select-field-3 {
border-style: solid;
width: 100%;
}
.default-state-2 {
height: 140px;
margin-bottom: 0;
}
.quantity-3 {
box-shadow: none;
width: 30%;
}
.option-list-2 {
width: 65%;
}
.phto-thumbnail-2 {
width: 90%;
height: 5%;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 500px;
bottom: auto;
}
.thumbnail-photo2._7, .thumbnail-photo2._8 {
width: 50px;
height: 50px;
}
.thumbnail-photo2._10, .thumbnail-photo2._11, .thumbnail-photo2._9, .thumbnail-photo2._12 {
width: 40px;
height: 40px;
}
.img2._7 {
display: flex;
}
.img2._8 {
display: none;
}
.item-image-2 {
width: 400px;
min-width: 400px;
height: 400px;
min-height: 400px;
margin-top: 100px;
display: none;
overflow: hidden;
}
.item-image-2.loopzoomzoom.hidden-image {
width: 400px;
min-width: 400px;
height: 400px;
min-height: 400px;
margin-top: 30px;
display: none;
}
.div-block-637 {
border-bottom-width: 0;
width: 100%;
height: auto;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.image-239 {
display: block;
}
.text-block-104 {
width: 100%;
font-size: 10px;
line-height: 15px;
}
.body-13, .paypal-checkout-form {
background-color: #000;
}
.block-content {
padding-left: 5px;
padding-right: 5px;
}
.cart-quantity-2 {
min-width: 18px;
}
.bold-text-250, .bold-text-251 {
font-size: 12px;
}
.text-block-108 {
font-size: 10px;
}
.text-block-115, .text-block-116 {
font-size: 12px;
}
.diy-vacations {
width: 1255px;
height: 700px;
max-height: 1070px;
display: block;
}
.diy-patern {
width: 100%;
min-height: auto;
}
.div-block-640 {
height: 100px;
position: relative;
}
.model-women-template {
width: 1255px;
max-width: 600%;
height: 700px;
max-height: 100%;
}
.products-display {
width: 100%;
max-width: 600%;
height: auto;
min-height: auto;
max-height: none;
padding-bottom: 20px;
}
.tabs-content {
width: 100%;
height: auto;
max-height: none;
margin-top: 0;
}
.model-men-template {
width: 1255px;
height: 700px;
display: block;
}
.products-men-display {
width: 100%;
max-width: 100%;
height: 700px;
min-height: auto;
padding-bottom: 100px;
}
.products-men-display._2 {
height: 700px;
padding-bottom: 0;
}
.savoir-faire-template {
width: 1255px;
height: 700px;
}
.valor-family-template {
width: 1200px;
height: 600px;
}
.collection-list-wrapper-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
flex-direction: column;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 40%;
height: auto;
display: flex;
}
.look-book-template {
width: 1255px;
height: 700px;
}
.house-history-template {
width: 1200px;
height: 700px;
}
.contact-templete {
width: 1200px;
height: 600px;
}
.faq-templete {
width: 1000px;
height: 600px;
}
.tooney-land-template {
width: 1200px;
height: 600px;
}
.tonney-land-display {
height: auto;
margin-bottom: 0;
}
.shipping-address {
border-radius: 20px;
}
.billing-address {
background-size: cover;
border-radius: 20px;
}
.text-block-120 {
font-size: 15px;
}
.column-13, .column-14 {
padding-left: 8px;
}
.plage {
width: 100%;
}
.image-251.tools {
left: 20%;
}
.tabs-menu-diy {
flex-direction: row;
width: 100%;
height: 50px;
margin-bottom: 20px;
padding-left: 10px;
}
.tabs-diy {
width: 95%;
margin-bottom: 0;
}
.form-5 {
justify-content: center;
width: 100%;
}
.text-field-11 {
width: 100%;
padding-right: 40px;
}
.submit-button-9 {
width: 50%;
padding-top: 5px;
padding-bottom: 5px;
}
.form-block-footer {
width: 100%;
}
.div-block-659 {
justify-content: flex-start;
}
.body-privacy-policy {
flex-direction: column;
align-items: center;
}
.section-privacy-policy {
height: auto;
margin-left: 0;
padding-left: 0;
}
.privacy-policy-div {
width: 95%;
}
.privacy-policy-div._1 {
flex-flow: column;
}
.heading-53 {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
margin-bottom: 0;
font-size: 1.3rem;
display: flex;
}
.terme-of-use-texte {
width: 100%;
overflow: auto;
}
.terme-of-use-texte._1 {
width: 100%;
}
.privacy-policy-text {
border-bottom-style: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
margin-bottom: 20px;
display: flex;
}
.collection-list-6 {
grid-template-columns: 1fr;
}
.div-block-690 {
width: 300px;
}
.div-block-691 {
width: 90%;
}
.grid {
grid-column-gap: 8px;
grid-row-gap: 24px;
grid-template: "."
"."
"."
"Area"
/ 2fr;
place-content: stretch;
width: 100%;
}
.div-block-708 {
padding-left: 0;
}
.div-block-709 {
padding-right: 0;
}
.div-block-710 {
padding-left: 10px;
}
.div-block-711 {
padding-right: 0;
}
.div-block-716 {
font-size: 8px;
}
.div-block-717 {
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
margin-bottom: 0;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.div-block-719 {
width: 25%;
}
.div-block-722 {
font-size: 8px;
}
.grid-15 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
width: 95%;
}
.div-block-731 {
width: 25%;
}
.div-block-732 {
width: 35%;
}
.div-block-733 {
font-size: 8px;
}
.div-block-734 {
width: 8%;
}
.text-block-135 {
font-size: 8px;
}
.bold-text-267 {
font-size: 13px;
}
.text-block-137 {
font-size: 10px;
}
.grid-17 {
grid-template-columns: 1fr;
}
.div-block-742, .div-block-743, .div-block-744 {
width: 300px;
height: 550px;
margin-left: 20px;
margin-right: 20px;
}
.button-32 {
width: 40%;
margin-top: 20px;
}
.tabs-content-diy {
width: 100%;
height: auto;
max-height: none;
margin-bottom: 0;
overflow: hidden;
}
.tabs-5 {
width: 90%;
}
.tab-link-tab-1-4 {
height: 100%;
}
.tab-link-tab-1-4.w--current {
width: 50%;
height: 100%;
}
.tab-link-tab-2-4, .tab-link-tab-3-4, .tab-link-tab-4-4, .tab-link-tab-5-3, .tab-link-tab-6-3, .tab-link-tab-6-3.w--current {
height: 100%;
}
.tabs-menu-4 {
width: 100%;
height: 2%;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-7-3 {
height: 100%;
}
.collection-list-7 {
grid-template-columns: 1fr;
}
.tab-pane-tab-3 {
width: 100%;
height: 100%;
}
.tabs-content-3 {
width: 100%;
}
.collection-item-8 {
height: 300px;
}
.tab-pane-tab-1-2, .tab-pane-tab-2, .tab-pane-tab-4, .tab-pane-tab-5, .tab-pane-tab-6, .tab-pane-tab-7 {
width: 100%;
height: 100%;
}
.div-block-781 {
width: 90%;
height: auto;
}
.div-block-782 {
width: 100%;
}
.image-279 {
display: block;
}
.text-block-145 {
font-size: 15px;
}
.collection-list-8 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-792 {
background-color: #6b2b2b00;
}
.div-block-793 {
background-color: #f000;
width: 26px;
height: 26px;
}
.div-block-794, .div-block-796, .div-block-798, .div-block-800, .div-block-802 {
width: 26px;
height: 26px;
}
.body-18 {
background-color: #000;
}
.slide-nav-13 {
background-color: #4e4e4e;
margin-bottom: 0;
padding-bottom: 0;
bottom: -50px;
}
.div-block-807 {
margin-top: 10px;
}
.neon-button {
width: 80%;
}
.div-block-809 {
width: 16%;
height: 5.5%;
margin-bottom: 0;
}
.slide-nav-14 {
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
margin-bottom: 0;
bottom: -50px;
}
.slide-nav-15, .slide-nav-16 {
bottom: -50px;
}
.tabs-content-product-men {
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 40px;
}
.image-280 {
width: 25px;
height: 25px;
}
.div-block-814 {
font-size: 10px;
}
.log-in-form-block {
margin-left: 10px;
margin-right: 10px;
padding: 10px;
}
.block-content-6 {
width: 40%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.block-content-7 {
width: 60%;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.form-header {
margin-left: 10px;
margin-right: 10px;
}
.sign-up-form {
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
.reset-password-form-block, .update-password-block {
margin-left: 10px;
margin-right: 10px;
}
.div-block-859 {
width: 600px;
height: 100px;
}
.div-block-862 {
box-shadow: 0 8px 0 1px var(--purple);
}
.div-block-863 {
box-shadow: 0 9px #999100;
}
.div-block-865 {
margin-left: 10px;
margin-right: 10px;
}
.div-block-866 {
margin: 10px;
}
.face-de-la-capsule {
border-bottom-style: solid;
border-radius: 20px;
width: 100%;
height: 480px;
top: 100px;
}
.vitre {
border-top-left-radius: 20px;
width: 50%;
height: 462px;
left: 2px;
}
.div-block-871 {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.back-capsule {
box-shadow: none;
width: 100%;
height: 400px;
display: block;
top: 100px;
}
.vitre-2 {
width: 50%;
height: 462px;
right: 2px;
}
.face-de-la-capsule-2 {
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 100%;
top: 500px;
}
.face-de-la-capsule-3-devant {
border-style: none;
border-width: 1px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 100%;
top: 500px;
}
.face-de-la-capsule-devant {
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 100%;
height: 480px;
top: 100px;
}
.div-block-899 {
flex-direction: column;
justify-content: center;
display: flex;
}
.div-block-900 {
height: 25%;
}
.lottie-animation-16 {
overflow: hidden;
}
.grid-20 {
grid-template-areas: "Area"
"Area-2"
"Area-3";
width: 100%;
overflow: visible;
}
.div-block-905 {
width: 100%;
}
.div-block-907 {
width: 40%;
height: 50%;
}
.buy-now-button-4 {
padding-left: 10px;
padding-right: 10px;
font-size: 25px;
}
.buy-now-button-4.btn-toggle {
background-color: #21ff19;
border-width: 6px;
border-top-style: none;
border-top-color: #000;
padding-left: 5px;
padding-right: 5px;
font-size: 20px;
}
.div-block-910 {
height: 67%;
}
.div-block-911 {
width: 50%;
height: 50%;
}
.div-block-912 {
height: 50%;
}
.div-block-915 {
width: 47%;
}
.play-audio {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/636ce65f7d4307bf9541d4e2_vitre2.png");
background-position: 50%;
background-size: cover;
width: 100%;
}
.play-audio.btn-cap {
width: 130px;
}
.div-block-919 {
display: flex;
}
.div-block-922 {
width: 200px;
display: none;
}
.div-block-923, .div-quantity {
display: none;
}
.div-do-it {
justify-content: center;
}
.text-block-167 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 10px;
display: flex;
}
.div-price, .div-more-info {
display: none;
}
.div-block-927 {
width: 320px;
}
.olek-face-2, .olek-nose, .ola-mouth {
overflow: hidden;
}
.div-block-929 {
width: 180px;
padding-left: 10px;
padding-right: 10px;
}
.div-block-930 {
border-style: none;
border-width: 12px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 100%;
top: 500px;
}
.div-block-931 {
justify-content: center;
width: 200px;
height: 7%;
display: none;
}
.div-block-932 {
width: 200px;
height: 7%;
display: none;
}
.div-block-933 {
display: flex;
}
.text-block-170 {
flex-direction: column;
}
.div-block-934 {
height: 40px;
}
.text-block-172 {
height: 100%;
font-size: 12px;
line-height: 15px;
}
.order-item {
height: 25%;
}
.div-block-940 {
width: 100%;
margin-left: 0%;
}
.block-content-11, .order-item-list-2 {
padding-left: 5px;
padding-right: 5px;
}
.customer-info-2 {
border-radius: 20px;
}
.block-content-15 {
padding-left: 5px;
padding-right: 5px;
}
.div-block-975 {
width: 100%;
margin-left: 0%;
}
.column-15 {
background-color: #fff0;
}
.div-block-985 {
width: 100%;
margin-left: 0%;
}
.play-audio-check.btn-cap {
width: 130px;
}
.test, .last-page, .page-2, .page-6, .page-3 {
width: 100%;
}
.book-2 {
width: 95%;
height: 400px;
}
.page-7, .page-4, .page-5 {
width: 100%;
}
.text-block-198 {
font-size: 25px;
}
.div-block-1009 {
display: block;
}
.image-288 {
width: 1200px;
height: 600px;
}
.div-block-1010, .ola-face, .ola-nose, .ola-right-hear, .ola-left-hear {
overflow: hidden;
}
.low-bar {
height: 80px;
padding-right: 0;
}
.div-block-1023 {
height: 50%;
margin-bottom: 0;
}
.add-to-cart-2 {
height: 80px;
}
.out-of-stock-state {
height: 80%;
margin-bottom: 15px;
}
.text-block-203, .text-block-203.btn-soldout {
font-size: 12px;
}
.error-state-4 {
z-index: -6;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 70px;
margin-left: 0;
margin-right: 10px;
display: flex;
position: relative;
inset: 10px 0% 0% auto;
}
.add-to-cart-3 {
height: 130px;
}
.out-of-stock-state-3 {
height: 160px;
}
.div-block-1027 {
width: 200px;
margin-left: 20px;
}
.div-block-1029 {
width: 70%;
}
.div-block-1030 {
width: 90%;
}
.block1 {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.block1.btn-beep.reveal-block {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.block3 {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.block3.btn-hard.reveal-block {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.div-block-1038 {
background-image: url("https://cdn.prod.website-files.com/62a9ae41fa1fbb9c44fc40ab/637a94208d9ddab16fea2f14_background-sq.svg"), linear-gradient(#000, #000);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.ola-eyes-iris, .ola-eyes-limits, .ola-eye-sith, .ola-scar, .ola-eyes-love {
overflow: hidden;
}
.div-block-1039 {
right: 3px;
overflow: hidden;
}
.div-block-1040, .olek-eyes-circle, .olek-eyes-love, .olek-blue-eyes, .olek-dark-side-1, .olek-white-circle, .olek-dark-side-2, .olek-ears, .olek-eyes-sith {
overflow: hidden;
}
.image-299 {
width: 25px;
height: 25px;
}
.text-block-212 {
width: 100%;
height: 40px;
margin-right: 10px;
font-size: 12px;
}
.text-span-66 {
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 13px;
display: flex;
}
.text-block-215 {
font-size: 12px;
}
.heading-66 {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
font-size: 2rem;
display: flex;
}
.text-span-67 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1050 {
padding-top: 10px;
padding-bottom: 10px;
}
.text-block-216 {
font-size: 12px;
}
.div-block-1051 {
padding-top: 10px;
padding-bottom: 10px;
}
.div-block-1052 {
border-left-width: 4px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
height: 30%;
padding-top: 20px;
}
.image-306 {
width: 100%;
min-width: 100%;
}
.image-315 {
width: 100%;
}
.ola-eyes-white, .ola-hair {
overflow: hidden;
}
.container-haire {
width: 50%;
}
.div-block-1069 {
height: 100px;
}
.image-325 {
height: 8px;
}
.image-333 {
height: 10px;
}
.div-block-men {
width: 200px;
height: 7%;
}
.div-block-women {
width: 200px;
height: 7%;
display: none;
}
.div-block-1095.btn-tapbar {
justify-content: center;
}
.text-block-227, .text-block-228, .text-block-229, .text-block-230, .text-block-231 {
font-size: 30px;
}
.div-block-1107 {
display: block;
}
.rich-text-block-5 {
direction: ltr;
font-family: Exo, sans-serif;
font-size: 1px;
font-weight: 300;
line-height: 20px;
overflow: auto;
}
.zoom-content {
width: 400px;
height: 400px;
top: auto;
left: auto;
}
.zoom-zoom-bubble-src {
min-width: 170vw;
max-width: 170vw;
overflow: hidden;
}
.image-336 {
border-radius: 20px;
width: 400px;
max-width: 80%;
height: 400px;
max-height: 80%;
}
.image-337, .image-338, .image-339, .image-340 {
width: 400px;
max-width: 80%;
height: 400px;
max-height: 80%;
}
.image-341 {
border-radius: 20px;
width: 400px;
max-width: 80%;
height: 400px;
max-height: 80%;
}
.image-342, .image-343 {
width: 400px;
max-width: 80%;
height: 400px;
max-height: 80%;
}
.image-mannequin-homme-2 {
overflow: visible;
}
.image-344 {
border-top-left-radius: 5px;
width: 400px;
max-width: 80%;
height: 400px;
max-height: 80%;
}
.image-345 {
width: 400px;
max-width: 80%;
height: 400px;
max-height: 80%;
}
.rainbow {
transform: scale(.9);
}
.div-block-1122 {
display: block;
}
.big-clouds {
transform: scale(.9);
}
.existingdiv {
width: 100%;
height: 470px;
top: 100px;
}
.div-block-1127 {
width: 200px;
height: 7%;
}
.div-block-1129 {
width: 200px;
height: 7%;
display: none;
}
.play-audio-product.btn-cap {
width: 100%;
}
.image-mannequin-femme-2 {
overflow: visible;
}
.empty-state-women-diy {
justify-content: center;
width: 200px;
margin-top: 20px;
}
.empty-state-men-diy, .empty-state-all-diy, .empty-state-unisiex-diy, .empty-state-hat-women {
width: 200px;
margin-top: 20px;
}
.collection-list-wrapper-18 {
border-style: solid;
height: 460px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
}
.collection-list-wrapper-18.diy {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.collection-list-wrapper-18.diy.tools {
justify-content: center;
align-items: center;
width: 100%;
height: 520px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.empty-state-jewerly-women, .empty-state-jacket-women, .empty-state-t-shirt-women, .empty-state-new, .empty-state-socks-women, .empty-state-shoes-women, .empty-state-back-pack, .empty-state-hat-men, .empty-state-jewerly-men, .empty-state-jacket-men, .empty-state-t-shirt-men, .empty-state-pants-men, .empty-state-socks-men, .empty-state-shoes-men, .empty-state-back-pack-men {
width: 200px;
margin-top: 20px;
}
.collection-item-10 {
width: 25%;
margin-left: 0;
margin-right: 0;
}
.collection-list-all {
border-style: solid;
border-color: #25202000;
height: 100%;
}
.collection-all {
color: #fffdfd00;
border-top-style: solid;
border-bottom-style: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
justify-content: center;
align-items: flex-start;
height: 390px;
padding: 0 0 20px;
overflow: auto;
}
.tab-pane-all {
padding-bottom: 10px;
}
.div-block-1142 {
opacity: 0;
}
.add-to-cart-button-3 {
text-align: center;
height: 13px;
line-height: 0;
}
.empty-state-jewerly-all-women {
width: 250px;
height: 151.5px;
padding-left: 10px;
padding-right: 10px;
}
.text-block-262 {
text-align: center;
}
.image-376 {
height: 50%;
}
.image-377 {
width: 82%;
}
.div-block-1144 {
border-radius: 20px;
width: 100%;
height: 480px;
margin-top: 80px;
}
.body-38 {
background-color: #000;
}
.text-block-263 {
font-size: 12px;
}
.option-list-5 {
height: 50%;
}
.div-block-1145 {
margin-left: 10px;
margin-right: 10px;
}
.text-block-264 {
font-size: 12px;
line-height: 15px;
}
.text-block-267, .text-block-268, .text-block-269, .text-block-270, .text-block-271, .text-block-272 {
font-size: 12px;
}
.text-block-273, .text-block-274 {
font-size: 10px;
line-height: 15px;
}
.div-block-1147, .div-block-1148 {
margin-left: 10px;
margin-right: 10px;
}
.text-block-275 {
font-size: 12px;
}
.div-block-1154 {
clear: none;
width: 100%;
}
.div-block-1155 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 2%;
height: 40px;
display: none;
}
.success-message-3 {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.text-block-279 {
font-size: 3.5vw;
}
.error-message-6 {
width: 100%;
}
.div-block-1157 {
display: none;
}
.div-block-1156 {
width: 90%;
height: 1.5%;
top: 120px;
}
.image-383, .image-384, .image-385 {
width: 82%;
}
.men-body {
background-color: #000;
}
.diy-body {
background-color: #000;
background-image: none;
}
.image-387 {
width: 120px;
height: 20px;
}
.image-388 {
width: 90px;
max-width: 90px;
height: 25px;
max-height: 25%;
}
.div-block-1165 {
width: 100%;
}
.div-block-stars {
width: 100%;
height: 400px;
display: block;
}
.cloud2, .cloud3, .cloud-5 {
overflow: hidden;
}
.amoire {
width: 100%;
height: 100%;
}
.div-block-1168 {
width: 100%;
height: 20.9%;
}
.div-block-1169 {
width: 80%;
}
.div-block-1171 {
height: 25px;
}
.div-block-1172 {
width: 60%;
font-size: 12px;
}
.text-block-282 {
font-size: 9px;
}
.all-line-device {
object-fit: fill;
width: 100%;
position: absolute;
}
.tabs-content-4 {
height: 85%;
}
.tabs-6 {
height: 100%;
}
.tab-link-1 {
padding-left: 20px;
padding-right: 20px;
}
.tab-link-2 {
width: 20%;
}
.tab-link-2.w--current {
padding-left: 20px;
padding-right: 20px;
}
.tabs-menu-5 {
justify-content: flex-start;
width: 30%;
margin-top: 4px;
margin-bottom: -35px;
display: flex;
}
.div-block-1175 {
border-bottom-right-radius: 20px;
width: 50%;
height: 35px;
top: -1px;
right: -25%;
}
.div-block-1177 {
height: 30px;
}
.image-393 {
width: 100%;
max-width: 100%;
height: 100%;
}
.image-394, .image-395, .image-396 {
max-width: 100%;
}
.lac-cave, .lumiere, .pierres, .image-402, .diamond {
width: 100%;
height: 100%;
}
.image-404 {
width: 100%;
height: 100%;
display: block;
}
.image-405 {
width: 100%;
height: 100%;
}
.quick-stack {
width: 95%;
height: auto;
}
.field-label-51, .field-label-52, .field-label-53, .field-label-54 {
width: 60%;
}
.div-block-1180 {
flex-direction: row;
align-items: flex-start;
}
.div-block-1181 {
width: 100%;
}
.div-block-1188 {
align-items: center;
}
.div-block-1193 {
height: 70%;
}
.div-block-1195._1.a, .div-block-1195._1.b, .div-block-1195._11.a {
width: 20px;
height: 20px;
}
.div-block-1202 {
width: 80%;
}
.div-block-1204 {
width: 20%;
height: 50%;
}
.div-block-1208 {
width: 100%;
}
.div-block-1222 {
display: flex;
}
.div-block-1223._2 {
width: 100px;
}
.text-block-287 {
font-size: 15px;
}
.div-block-1224 {
z-index: 4;
}
.image-408, .image-409 {
width: 100%;
}
.slide-text, .action-slide, .dollard-slide, .vision-slide, .property-slide, .compagny-proprety {
font-size: 8px;
line-height: 15px;
}
.section-termes-of-use {
height: auto;
}
.privact-policy {
width: 95%;
overflow: auto;
}
.div-privacy-policy {
margin-bottom: 20px;
}
.section-store-policy {
height: auto;
}
.store-policy-div {
width: 95%;
}
.section-delivery-information {
height: auto;
}
.delivery-infomation-div {
width: 95%;
}
.section-provacy-policy {
height: auto;
}
.delivery-info {
margin-bottom: 20px;
}
.div-block-sub-policy {
width: 90%;
margin-bottom: 20px;
}
.div-block-1236 {
width: 100%;
}
.subscriptions-list-2 {
grid-template-columns: 1fr;
}
.select-field-4 {
border-radius: 0;
}
.text-block-297 {
font-size: 12px;
}
.div-block-1239 {
height: 0%;
}
.div-block-1244 {
flex-direction: column;
width: 95%;
height: 400px;
margin-top: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.image-413 {
width: 230px;
}
.div-block-1245 {
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.div-block-1246 {
height: 10px;
}
.text-block-299 {
font-size: 10px;
}
.column-19 {
height: 50%;
padding-left: 0;
padding-right: 0;
}
.columns {
flex-direction: column;
width: 95%;
height: auto;
}
.column-20 {
justify-content: center;
align-items: center;
display: flex;
}
.lottie-animation-20 {
width: 90%;
}
.produ {
width: 100%;
height: 400px;
}
.div-block-1252 {
width: 100%;
height: 400px;
inset: auto 0% 0%;
}
.div-block-1253 {
width: 100%;
height: 400px;
}
.success-message-4 {
height: 100%;
padding-top: 170px;
}
.image-414 {
width: 29.7383%;
height: 29.7214%;
}
.div-block-1258 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1259 {
width: 95%;
height: 920px;
}
.tabs-menu-6 {
width: 90%;
}
.div-block-1263 {
height: 230px;
}
.tab-link-tab-1-5, .tab-link-tab-1-5.w--current {
padding-left: 10px;
padding-right: 10px;
}
.text-block-303 {
font-size: 10px;
}
.tab-link-tab-2-5, .tab-link-tab-3-5 {
padding-left: 10px;
padding-right: 10px;
}
.div-block-1266, .text-block-304 {
width: 100%;
}
.bold-text-273 {
width: 100%;
font-size: 10px;
}
.div-block-1267 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: block;
}
.div-block-1268 {
width: 100%;
padding: 5px;
}
.div-block-1268._2 {
width: 100%;
height: 50%;
}
.grid-21 {
grid-template-rows: 43px 44px;
width: 100%;
height: 100%;
}
.text-block-306, .text-block-307 {
font-size: 10px;
}
.columns-2 {
width: 100%;
height: 50%;
display: flex;
}
.bold-text-274 {
font-size: 10px;
}
.div-block-1269 {
width: 95%;
height: auto;
margin-bottom: 20px;
}
.div-block-1270 {
height: auto;
}
.columns-3 {
flex-direction: column;
}
.column-23 {
padding-left: 0;
padding-right: 0;
}
.image-416 {
width: 40%;
height: 20%;
}
.image-417 {
height: 100%;
}
.image-418 {
display: block;
}
.bold-text-275 {
font-size: 10px;
}
.slider-16 {
height: 500px;
}
.mask-13 {
width: 200px;
height: 380px;
}
.slide-nav-17 {
display: none;
}
.right-arrow-10 {
margin-bottom: 0;
margin-right: 0;
}
.left-arrow-10 {
margin-bottom: 0;
margin-left: 0;
}
.div-block-1280 {
width: 90%;
}
.logo {
width: 25px;
height: 25px;
}
.total-field.margin-top-16 {
padding-top: 0;
padding-bottom: 0;
}
.total-field.margin-top-16.margin-mobile-0 {
margin-top: 0;
}
.text-field {
max-width: 5rem;
}
.form {
grid-template-columns: 1fr 1fr;
}
.grid-22 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
width: 100%;
height: auto;
}
.div-block-1288 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1293 {
width: 90%;
}
.div-block-1297, .div-block-1299 {
width: 40%;
}
.text-block-318, .text-block-319, .text-block-320 {
font-size: 10px;
}
.text-block-321 {
font-size: 9px;
line-height: 10px;
}
.error-message-8 {
width: 60%;
margin-top: 20px;
left: 40%;
}
.block-blanc {
background-color: #fff;
border: 5px solid #252020;
border-bottom-width: 4px;
border-radius: 20px;
height: 400px;
box-shadow: inset 0 0 1px 5px #6e6e6e;
}
.bar-du-dessus {
border-style: solid solid none;
border-width: 5px;
border-top-color: #252020;
border-left-color: #252020;
border-right-color: #252020;
height: 20px;
padding-bottom: 0;
padding-right: 0;
position: absolute;
inset: 50px 0% 0%;
box-shadow: inset 0 5px 1px #6e6e6e;
}
.bar-du-dessus._1er-plan {
top: 40px;
}
.div-block-1310 {
background-color: #cf878700;
}
.bar-de-dessous {
border-bottom-width: 6px;
height: 20px;
box-shadow: inset 0 -5px 1px #6e6e6e;
}
.div-block-1313 {
width: 100%;
}
.pd {
width: 100%;
max-width: 100%;
}
.tabs-8 {
width: 95%;
}
.tabs-content-6 {
width: 100%;
}
.collection-list-wrapper-new {
flex-flow: row;
width: 100%;
}
.scooool {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: .75fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
display: grid;
overflow: auto;
}
.collection-new {
width: 280px;
height: 99%;
min-height: 395px;
max-height: 395px;
padding: 2%;
position: relative;
}
.collection-new:hover {
transform: none;
}
.tabs-menu-7 {
display: flex;
}
.tab-pane-tab-1-4 {
width: 99.9997%;
}
.div-block-1317 {
top: -69%;
}
.div-block-1319 {
width: 98%;
min-width: 98%;
}
.text-block-325._2 {
top: 67px;
}
.text-block-325._3 {
top: 128px;
}
.text-block-325._4 {
top: 197px;
}
.div-block-1325 {
height: 0;
}
.text-block-329 {
font-size: 10px;
}
.div-block-1335 {
justify-content: space-between;
display: flex;
}
.div-block-1341 {
width: 75%;
}
.mask-slider-women {
width: 200px;
height: 380px;
}
.left-arrow-11 {
margin-bottom: 0;
margin-left: 0;
}
.div-block-1344 {
width: 90%;
}
.slider-women {
height: 500px;
}
.right-arrow-11 {
margin-bottom: 0;
margin-right: 0;
}
.slide-nav-18 {
display: none;
}
.website-coatch-book-now.btn-toggle {
font-size: 24px;
}
.button-coatch.btn-tiny2 {
width: 98%;
min-width: 98%;
padding-left: 2px;
padding-right: 2px;
font-size: 14px;
}
.div-block-1350 {
width: 25%;
}
.div-block-1351, .div-block-1352 {
height: 100%;
}
.code-embed-10 {
display: none;
}
.text-block-336 {
font-size: 12px;
line-height: 17px;
}
.text-block-337 {
height: 100%;
font-size: 12px;
line-height: 17px;
}
.look-book-2nd-plan {
background-size: contain;
flex-flow: column;
justify-content: center;
align-items: center;
width: 1255px;
height: 700px;
}
.collection-list-9 {
width: 100%;
}
.crt-front-sides.bottom {
height: 4em;
}
.crt-front-sides.left {
width: 4em;
}
.crt-front-sides.top {
height: 4em;
}
.crt-power-button {
display: none;
}
.crts-wrapper {
width: 110%;
}
.harchives-tv-2nd-plan {
background-position: 50%;
background-size: cover;
max-width: 100%;
}
.back-sides.back {
width: 30%;
display: none;
}
.back-sides.bottom {
width: 40%;
height: 5em;
}
.back-sides.right, .back-sides.left {
width: 5em;
}
.back-sides.top {
width: 40%;
height: 5em;
}
.master-room-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.room {
justify-content: center;
align-items: flex-start;
height: 100%;
overflow: auto;
}
.crt-model {
width: 11em;
height: 10em;
}
.crt-buttons-wrapper {
padding-top: 1.5em;
padding-bottom: 1.5em;
display: none;
}
.room-wall-wrapper {
justify-content: center;
align-items: center;
}
.slider__nav {
top: 467px;
}
.collection-item, .collection-item-12 {
flex-basis: 50%;
padding: 5px;
}
.grid-23 {
grid-template-columns: 1fr 1fr;
width: 95vw;
}
.choice-container {
justify-content: center;
padding-left: 0;
padding-right: 0;
top: -20px;
}
.collection-item-13 {
margin-left: 10px;
margin-right: 10px;
}
.image-overlay {
width: 99%;
box-shadow: 4px 4px 10px #00000003;
}
.open-notice {
left: 177px;
}
.div-block-1420 {
width: 220px;
height: 260px;
}
.grid-26 {
grid-template: "Area"
"Area-2"
/ .25fr;
justify-content: center;
}
.div-block-1422 {
width: 400px;
}
.div-block-1425 {
padding-left: 0;
padding-right: 0;
}
.div-block-1432 {
height: 25%;
}
.text-block-341 {
font-size: 10px;
}
.div-block-1445 {
height: 10px;
}
.image-438 {
width: 230px;
}
.column-25 {
padding-left: 0;
padding-right: 0;
}
.div-block-1447 {
width: 100%;
height: 25%;
padding-bottom: 10px;
}
.column-26 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-1448 {
width: 100%;
height: 25%;
padding-bottom: 10px;
}
.text-block-343 {
font-size: 10px;
}
.div-block-1450 {
height: 10px;
}
.div-block-1452 {
width: 100%;
height: 25%;
padding-bottom: 10px;
}
.text-block-345 {
font-size: 10px;
}
.div-block-1454 {
height: 10px;
}
.div-block-1456 {
width: 100%;
height: 25%;
padding-bottom: 10px;
}
.text-block-347 {
font-size: 10px;
}
.div-block-1458 {
height: 10px;
}
.div-block-1460 {
width: 100%;
height: 25%;
padding-bottom: 10px;
}
.text-block-349 {
font-size: 10px;
}
.div-block-1462 {
height: 10px;
}
.text-field-15, .text-field-16 {
max-width: 5rem;
}
.button-44, .button-45 {
width: 80px;
}
.div-block-1475 {
width: 75%;
height: 100%;
}
.button-46 {
width: 50px;
height: 50px;
}
.container-20 {
max-width: none;
}
.div-block-1485 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.bold-text-276 {
font-size: 2rem;
}
.video-wrapper {
width: 30%;
height: 30%;
}
.choice-container-3 {
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.collection-item-14 {
margin-left: 10px;
margin-right: 10px;
}
.choice-container-4 {
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.collection-item-15 {
margin-left: 10px;
margin-right: 10px;
}
.outline-heading {
margin-top: -29px;
font-size: 29px;
}
.ui-widget-content {
background-color: #e5e5e5;
}
.radio-button-field-4 {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
}
.field-label-63.solid {
float: none;
}
.calculator-revenue-2 {
margin-bottom: 5px;
font-size: 28px;
line-height: 30px;
}
.left-svitch-div {
float: left;
flex: 1;
display: block;
}
.section-38 {
padding-left: 0;
padding-right: 0;
}
.grey-line {
margin-right: 20px;
}
.calculator-form {
padding-top: 80px;
padding-bottom: 80px;
}
.text-field-17 {
width: 100%;
}
.text-field-17.cash, .text-field-17.photos, .text-field-17.time {
width: 80%;
}
.roi-form-card {
padding-left: 10px;
padding-right: 10px;
}
.form-input-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.container-22 {
padding-left: 16px;
padding-right: 16px;
}
.tool-checkbox {
margin-bottom: 12px;
}
.form-2-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.paragraph.medium {
font-size: 16px;
}
.text-label {
font-size: 12px;
}
.select-field-7 {
width: 30%;
}
.paragraph-13.medium {
font-size: 16px;
}
}
#w-node-_00f72f8f-ce05-b21f-ef4a-73ea273dbcac-273dbc95, #w-node-_00f72f8f-ce05-b21f-ef4a-73ea273dbc9a-273dbc95, #w-node-_00f72f8f-ce05-b21f-ef4a-73ea273dbcba-273dbc95 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_00f72f8f-ce05-b21f-ef4a-73ea273dbcc8-273dbc95 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_00f72f8f-ce05-b21f-ef4a-73ea273dbcd6-273dbc95, #w-node-_00f72f8f-ce05-b21f-ef4a-73ea273dbcdf-273dbc95, #w-node-bcf50706-ca8d-24ff-33f2-4aad6cf4db84-94068528, #w-node-_810de156-4062-45ff-7fb1-a78013be34b0-94068528 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c30c6cf7-912c-679c-abe5-f8cbde777d54-94068528 {
grid-area: Area-2;
}
#w-node-f1634be7-0dde-c1fd-0dee-8a6070e5f150-9406852e, #w-node-_60f9d260-160e-1606-75ff-18389f709864-9406852e, #w-node-dfded79e-7298-8a90-9fd2-0971f9ddbc8e-9406852e, #w-node-a9c0243c-6a25-61bd-36ce-1e84ade01430-9406852e, #w-node-e765a6be-3630-e70e-7ab7-14117b332e95-9406852e, #w-node-_24a34b56-fe56-af3d-bbc5-51c330732982-9406852e, #w-node-f1a553f7-f709-6219-a1fe-85d2b1172843-9406854b, #w-node-ee98eee7-c790-7278-de0e-e1a10a26e5c8-9406854b, #w-node-_9c80db20-b270-0827-9f9c-86da2751011c-9406854d, #w-node-_82670823-18bf-5499-d1e4-5384d52deb42-9406854d, #w-node-f3b24d7e-54f5-ca30-414f-50238efe5206-9406854d, #w-node-_978cec6d-a15b-c591-125b-ebdcf83dafcf-9406854d, #w-node-f412ba4c-4f1c-8d02-99dc-208a19a5163c-94068581, #w-node-f412ba4c-4f1c-8d02-99dc-208a19a51644-94068581, #w-node-ad251473-f601-ab94-28b3-dce0e0bd782e-94068581, #w-node-ad251473-f601-ab94-28b3-dce0e0bd7831-94068581, #w-node-ad251473-f601-ab94-28b3-dce0e0bd7835-94068581 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad251473-f601-ab94-28b3-dce0e0bd7839-94068581 {
grid-area: Area-2;
}
#w-node-ad251473-f601-ab94-28b3-dce0e0bd783c-94068581, #w-node-ad251473-f601-ab94-28b3-dce0e0bd783f-94068581 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad251473-f601-ab94-28b3-dce0e0bd7842-94068581 {
grid-area: Area;
}
#w-node-ad251473-f601-ab94-28b3-dce0e0bd7845-94068581, #w-node-ad251473-f601-ab94-28b3-dce0e0bd7848-94068581, #w-node-ad251473-f601-ab94-28b3-dce0e0bd784b-94068581, #w-node-ad251473-f601-ab94-28b3-dce0e0bd784e-94068581, #w-node-ad251473-f601-ab94-28b3-dce0e0bd7851-94068581 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ed68c236-2ea9-2fb6-3c57-beed25fa6e25-94068598 {
grid-area: Area;
}
#w-node-debdd416-e12b-d909-c1b5-9463ae810b37-94068598, #w-node-_04a2b99b-dd04-020e-7978-5d955f983618-94068598, #w-node-d4a3e43e-b761-cbf4-89d4-ec772ba9dc68-94068598, #w-node-_02adf0d2-8917-afff-2c39-5ebbf7131084-94068598, #w-node-_212ebbe2-32c2-7020-9111-d7358574a11f-94068598, #w-node-_29184987-d813-dad0-02b1-86e214611345-94068598, #w-node-_212ebbe2-32c2-7020-9111-d7358574a121-94068598, #w-node-_6f371fae-0309-d0b5-b33b-e65032135ae0-94068598, #w-node-_212ebbe2-32c2-7020-9111-d7358574a120-94068598, #w-node-_6c1a104f-4447-4cbe-d8c8-facdd01af0f0-94068598, #w-node-_1c495e21-64db-2aca-39bf-fa4c5728ac2c-94068598, #w-node-_304381a9-aa21-1c7d-0169-010dc9426f17-94068598, #w-node-_1c495e21-64db-2aca-39bf-fa4c5728ac2d-94068598, #w-node-b8ad939e-3cd0-6e93-d4e8-a8a5682fb01d-94068598, #w-node-_1c495e21-64db-2aca-39bf-fa4c5728ac2e-94068598, #w-node-_2e1bf1ed-fd6f-833c-042f-8373bbce7a2e-94068598, #w-node-_2e1bf1ed-fd6f-833c-042f-8373bbce7a2f-94068598, #w-node-_3e6817b8-2dab-6b5d-a0ce-e650e11d980d-94068598, #w-node-_02259f66-f3e2-79a5-09d3-8057572a20d7-94068598, #w-node-bb967fd1-993e-11de-8f41-23b898df894f-94068598, #w-node-_0d1263ae-b9e9-4385-f35d-6eb2a58444ce-94068598, #w-node-_54320060-5bc8-d32e-7b39-c2ecfc08a900-94068598, #w-node-_0d1263ae-b9e9-4385-f35d-6eb2a58444cf-94068598 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_253776c0-c86d-cc0d-7e70-2b1d745d56f4-94068598 {
grid-area: Area-2;
}
#w-node-_0d1263ae-b9e9-4385-f35d-6eb2a58444d0-94068598, #w-node-d23b1be9-9f70-5920-27d8-6e7b1fce8455-94068598, #w-node-_8d048681-1044-b846-32ee-9d7e87452aa4-94068598, #w-node-_1abe50df-4f6d-149d-e0fc-c49922fc77fc-94068598, #w-node-_8d048681-1044-b846-32ee-9d7e87452aa5-94068598, #w-node-_00364187-322c-2e25-4070-fc115061d0e7-94068598, #w-node-_8d048681-1044-b846-32ee-9d7e87452aa6-94068598, #w-node-_5fc67f09-5a2d-d8a5-af59-b45fb618f627-94068598, #w-node-_5fc67f09-5a2d-d8a5-af59-b45fb618f628-94068598, #w-node-_81a231e0-4117-1c57-8a02-783e57668fbc-94068598, #w-node-_998f6017-2f9f-5c3a-fc2e-523be14f3641-94068598, #w-node-_90d66006-952a-c056-9aed-cad4fc904f6f-94068598, #w-node-_93c8a3a0-825c-eb0e-31ec-f812925b0b49-94068598, #w-node-_3f10435e-5d28-229b-e544-6e0470776fcd-94068598, #w-node-_93c8a3a0-825c-eb0e-31ec-f812925b0b4a-94068598, #w-node-_29197d42-207b-4425-dfbb-5ce28e3b7bd4-94068598, #w-node-_93c8a3a0-825c-eb0e-31ec-f812925b0b4c-94068598, #w-node-_112861d1-c477-5225-f60c-12e6b23abf70-94068598, #w-node-_5b9075a4-7eae-ac70-e476-ad3e73ee6536-94068598, #w-node-ac28a5fc-5ad0-ad40-4305-0049f0b25088-94068598, #w-node-_5b9075a4-7eae-ac70-e476-ad3e73ee6537-94068598, #w-node-_96b707bc-8fff-89e3-0210-e57fd8500ac2-94068598, #w-node-a8d5cbb6-fa01-49c8-4d09-46aa0a798a05-94068598, #w-node-_410fe288-10c5-e78b-bbef-e3325f046954-94068598, #w-node-_9a01d21d-14af-7d05-67dd-d364babf9291-94068598, #w-node-de791c9c-77b4-a13f-4969-492720d2d59d-94068598 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-de791c9c-77b4-a13f-4969-492720d2d5e4-94068598 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-de791c9c-77b4-a13f-4969-492720d2d5ef-94068598 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ea545054-ab96-8298-89ee-86e4cf2dc787-940685bf {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-ea545054-ab96-8298-89ee-86e4cf2dc788-940685bf, #w-node-ea545054-ab96-8298-89ee-86e4cf2dc789-940685bf, #w-node-b263ec70-014e-dd3d-2563-04fe43969f1e-940685c7, #w-node-_8f9260e4-4256-1706-1b2e-e4f432ce63dc-940685c7, #w-node-cc29f993-c396-480a-ce20-43bd544f820d-940685c7, #w-node-e9ee8ce4-fc42-3185-b3fc-e730ffeec6fe-940685c7, #w-node-_89a6cbc8-df66-993d-7525-581e7150dc45-02ee2e7e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27ef0b99-933f-dddd-3f91-3f928f70f3a2-02ee2e7e {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_27ef0b99-933f-dddd-3f91-3f928f70f3ac-02ee2e7e, #w-node-_92033345-466f-1bb5-9498-154accb58a5c-02ee2e7e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6e86d55f-35f6-6c6f-19c8-62157cb75352-02ee2e7e {
grid-area: span 2 / span 4 / span 2 / span 4;
}
#w-node-_27ef0b99-933f-dddd-3f91-3f928f70f3c4-02ee2e7e, #w-node-_27ef0b99-933f-dddd-3f91-3f928f70f3cd-02ee2e7e, #w-node-f3407ccd-5877-2e91-8e63-cb005959c857-02ee2e7e, #w-node-_92182f99-3801-6d83-3bd1-fd3a1cd812dd-02ee2e7e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27ef0b99-933f-dddd-3f91-3f928f70f3f2-02ee2e7e, #w-node-_27ef0b99-933f-dddd-3f91-3f928f70f3f9-02ee2e7e, #w-node-_27ef0b99-933f-dddd-3f91-3f928f70f400-02ee2e7e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_30879d36-c3d6-cbfb-3b74-3397479b6ec4-02ee2e7e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_341689b6-7ae8-a40a-9728-b05645e567a5-f7785d70 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_341689b6-7ae8-a40a-9728-b05645e567a6-f7785d70, #w-node-_341689b6-7ae8-a40a-9728-b05645e567d3-f7785d70, #w-node-_7bce5db5-d05e-f800-d8f5-d6a12956be3d-7a64bd29 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7bce5db5-d05e-f800-d8f5-d6a12956be45-7a64bd29 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
@media screen and (max-width: 767px) {
#w-node-_73a8e616-add2-3236-cc0e-6e62b8bff93e-94068528, #w-node-debdd416-e12b-d909-c1b5-9463ae810b37-94068598, #w-node-d4a3e43e-b761-cbf4-89d4-ec772ba9dc68-94068598, #w-node-_2e1bf1ed-fd6f-833c-042f-8373bbce7a2f-94068598, #w-node-_5fc67f09-5a2d-d8a5-af59-b45fb618f628-94068598 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ea545054-ab96-8298-89ee-86e4cf2dc787-940685bf {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-ea545054-ab96-8298-89ee-86e4cf2dc788-940685bf, #w-node-ea545054-ab96-8298-89ee-86e4cf2dc789-940685bf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_341689b6-7ae8-a40a-9728-b05645e567a5-f7785d70 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_341689b6-7ae8-a40a-9728-b05645e567a6-f7785d70, #w-node-_341689b6-7ae8-a40a-9728-b05645e567d3-f7785d70 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_73a8e616-add2-3236-cc0e-6e62b8bff93e-94068528 {
grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-bcf50706-ca8d-24ff-33f2-4aad6cf4db84-94068528, #w-node-de791c9c-77b4-a13f-4969-492720d2d5ef-94068598 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ea545054-ab96-8298-89ee-86e4cf2dc787-940685bf {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-ea545054-ab96-8298-89ee-86e4cf2dc788-940685bf, #w-node-ea545054-ab96-8298-89ee-86e4cf2dc789-940685bf, #w-node-cc29f993-c396-480a-ce20-43bd544f820d-940685c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27ef0b99-933f-dddd-3f91-3f928f70f3a2-02ee2e7e {
grid-column: span 2 / span 2;
}
#w-node-_6e86d55f-35f6-6c6f-19c8-62157cb75352-02ee2e7e {
grid-area: span 3 / span 2 / span 3 / span 2;
}
#w-node-_341689b6-7ae8-a40a-9728-b05645e567a5-f7785d70 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_341689b6-7ae8-a40a-9728-b05645e567a6-f7785d70, #w-node-_341689b6-7ae8-a40a-9728-b05645e567d3-f7785d70 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}