@import url('https://fonts.cdnfonts.com/css/poppins');

*/html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
main {
	display: block
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
img {
	border-style: none
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: 1px dotted ButtonText
}
fieldset {
	padding: .35em .75em .625em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
details {
	display: block
}
summary {
	display: list-item
}
[hidden], template {
	display: none
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
	margin: 0
}
button {
	background-color: transparent;
	background-image: none
}
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}
fieldset, ol, ul {
	margin: 0;
	padding: 0
}
ol, ul {
	list-style: none
}
html {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	line-height: 1.5
}
*, :after, :before {
	box-sizing: border-box;
	border: 0 solid #e2e8f0
}
hr {
	border-top-width: 1px
}
img {
	border-style: solid
}
textarea {
	resize: vertical
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: #a0aec0
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #a0aec0
}
input::placeholder, textarea::placeholder {
	color: #a0aec0
}
[role=button], button {
	cursor: pointer
}
table {
	border-collapse: collapse
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit
}
a {
	color: inherit;
	text-decoration: inherit
}
button, input, optgroup, select, textarea {
	padding: 0;
	line-height: inherit;
	color: inherit
}
code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}
audio, canvas, embed, iframe, img, object, svg, video {
	display: block;
	vertical-align: middle
}
img, video {
	max-width: 100%;
	height: auto
}
.container {
	width: 100%
}
@media (min-width:640px) {
	.container {
		max-width: 640px
	}
}
@media (min-width:768px) {
	.container {
		max-width: 768px
	}
}
@media (min-width:1024px) {
	.container {
		max-width: 1024px
	}
}
@media (min-width:1280px) {
	.container {
		max-width: 1280px
	}
}
.bg-clip-content {
	background-clip: content-box
}
.bg-white {
	--bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--bg-opacity))
}
.bg-darker {
	background-color: #1e1c27;
}
.bg-bs-blue-dark {
	--bg-opacity: 1;
	background-color: #2892b5;
	background-color: rgba(40, 146, 181, var(--bg-opacity))
}
.bg-bs-blue-darker {
	--bg-opacity: 1;
	background-color: #0c4a5f;
	background-color: rgba(12, 74, 95, var(--bg-opacity))
}
.bg-bs-dark {
	--bg-opacity: 1;
	background-color: #272630;
	background-color: rgba(39, 38, 48, var(--bg-opacity))
}
.bg-bs-darker {
	--bg-opacity: 1;
	background-color: #1d1c27;
	background-color: rgba(29, 28, 39, var(--bg-opacity))
}
.bg-opacity-0 {
	--bg-opacity: 0
}
.bg-opacity-50 {
	--bg-opacity: .5
}
.bg-bottom {
	background-position: bottom
}
.bg-cover {
	background-size: cover
}
.border-white {
	--border-opacity: 1;
	border-color: #fff;
	border-color: rgba(255, 255, 255, var(--border-opacity))
}
.rounded-lg {
	border-radius: .5rem
}
.rounded-b-full {
	border-bottom-right-radius: 9999px;
	border-bottom-left-radius: 9999px
}
.rounded-b-xl {
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem
}
.rounded-b-2xl {
	border-bottom-right-radius: 2rem;
	border-bottom-left-radius: 2rem
}
.block {
	display: block
}
.inline-block {
	display: inline-block
}
.inline {
	display: inline
}
.flex {
	display: flex
}
.table {
	display: table
}
.hidden {
	display: none
}
.flex-row-reverse {
	flex-direction: row-reverse
}
.flex-wrap {
	flex-wrap: wrap
}
.flex-no-wrap {
	flex-wrap: nowrap
}
.items-center {
	align-items: center
}
.justify-items-center {
	justify-items: center
}
.justify-end {
	justify-content: flex-end
}
.justify-center {
	justify-content: center
}
.justify-between {
	justify-content: space-between
}
.flex-1 {
	flex: 1 1 0%
}
.flex-shrink-0 {
	flex-shrink: 0
}
.float-right {
	float: right
}
.font-semibold {
	font-weight: 600
}
.font-bold {
	font-weight: 700
}
.h-0 {
	height: 0
}
.h-3 {
	height: .75rem
}
.h-4 {
	height: 1rem
}
.h-12 {
	height: 3rem
}
.h-24 {
	height: 6rem
}
.h-56 {
	height: 14rem
}
.h-full {
	height: 100%
}
.h-screen {
	height: 100vh
}
.text-xs {
	font-size: .75rem
}
.text-sm {
	font-size: .875rem
}
.text-lg {
	font-size: 1.125rem
}
.text-xl {
	font-size: 1.25rem
}
.text-2xl {
	font-size: 1.5rem
}
.text-3xl {
	font-size: 1.875rem
}
.text-5xl {
	font-size: 2.75rem
}
.leading-none {
	line-height: 1
}
.leading-tight {
	line-height: 1.25
}
.leading-relaxed {
	line-height: 1.625
}
.m-px {
	margin: 1px
}
.my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}
.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}
.mx-12 {
	margin-left: 3rem;
	margin-right: 3rem
}
.mx-auto {
	margin-left: auto;
	margin-right: auto
}
.mt-0 {
	margin-top: 0
}
.ml-1 {
	margin-left: .25rem
}
.mt-2 {
	margin-top: .5rem
}
.mr-2 {
	margin-right: .5rem
}
.mb-2 {
	margin-bottom: .5rem
}
.mt-3 {
	margin-top: .75rem
}
.mb-3 {
	margin-bottom: .75rem
}
.mt-4 {
	margin-top: 1rem
}
.mb-4 {
	margin-bottom: 1rem
}
.ml-4 {
	margin-left: 1rem
}
.mt-6 {
	margin-top: 1.5rem
}
.mb-6 {
	margin-bottom: 1.5rem
}
.mt-8 {
	margin-top: 2rem
}
.mb-8 {
	margin-bottom: 2rem
}
.mt-12 {
	margin-top: 3rem
}
.mt-16 {
	margin-top: 4rem
}
.mb-16 {
	margin-bottom: 4rem
}
.mt-20 {
	margin-top: 5rem
}
.mb-20 {
	margin-bottom: 5rem
}
.mt-24 {
	margin-top: 6rem
}
.mt-40 {
	margin-top: 10rem
}
.ml-auto {
	margin-left: auto
}
.-mb-3 {
	margin-bottom: -.75rem
}
.-mb-5 {
	margin-bottom: -1.25rem
}
.-mr-8 {
	margin-right: -2rem
}
.-mt-12 {
	margin-top: -3rem
}
.-ml-12 {
	margin-left: -3rem
}
.-mt-16 {
	margin-top: -4rem
}
.-mt-px {
	margin-top: -1px
}
.max-w-xs {
	max-width: 20rem
}
.max-w-sm {
	max-width: 24rem
}
.max-w-md {
	max-width: 28rem
}
.max-w-lg {
	max-width: 32rem
}
.max-w-xl {
	max-width: 36rem
}
.max-w-2xl {
	max-width: 42rem
}
.overflow-hidden {
	overflow: hidden
}
.overflow-x-auto {
	overflow-x: auto
}
.overflow-y-auto {
	overflow-y: auto
}
.overflow-x-hidden {
	overflow-x: hidden
}
.p-2 {
	padding: .5rem
}
.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}
.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}
.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}
.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}
.py-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem
}
.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}
.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem
}
.px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}
.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}
.px-16 {
	padding-left: 4rem;
	padding-right: 4rem
}
.pl-1 {
	padding-left: .25rem
}
.pt-2 {
	padding-top: .5rem
}
.pr-4 {
	padding-right: 1rem
}
.pt-10 {
	padding-top: 2.5rem
}
.pr-10 {
	padding-right: 2.5rem
}
.pb-24 {
	padding-bottom: 6rem
}
.fixed {
	position: fixed
}
.absolute {
	position: absolute
}
.relative {
	position: relative
}
.sticky {
	position: -webkit-sticky;
	position: sticky
}
.inset-0 {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.top-0 {
	top: 0
}
.right-0 {
	right: 0
}
.bottom-0 {
	bottom: 0
}
.left-0 {
	left: 0
}
.shadow-sm {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}
.shadow-xl {
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}
.text-center {
	text-align: center
}
.text-right {
	text-align: right
}
.text-white {
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity))
}
.text-dark {
	--text-opacity: 1;
	color: #6c6a81;
	color: rgba(108, 106, 129, var(--text-opacity))
}
.text-darker {
	--text-opacity: 1;
	color: #2b3345;
	color: rgba(43, 51, 69, var(--text-opacity))
}
.text-bs-blue-dark {
	--text-opacity: 1;
	color: #2892b5;
	color: rgba(40, 146, 181, var(--text-opacity))
}
.text-bs-dark {
	--text-opacity: 1;
	color: #272630;
	color: rgba(39, 38, 48, var(--text-opacity))
}
.text-bs-darker {
	--text-opacity: 1;
	color: #1d1c27;
	color: rgba(29, 28, 39, var(--text-opacity))
}
.italic {
	font-style: italic
}
.underline {
	text-decoration: underline
}
.tracking-widest {
	letter-spacing: .1em
}
.visible {
	visibility: visible
}
.invisible {
	visibility: hidden
}
.whitespace-normal {
	white-space: normal
}
.whitespace-no-wrap {
	white-space: nowrap
}
.w-0 {
	width: 0
}
.w-4 {
	width: 1rem
}
.w-8 {
	width: 2rem
}
.w-10 {
	width: 2.5rem
}
.w-12 {
	width: 3rem
}
.w-16 {
	width: 4rem
}
.w-40 {
	width: 10rem
}
.w-48 {
	width: 12rem
}
.w-56 {
	width: 14rem
}
.w-64 {
	width: 16rem
}
.w-full {
	width: 100%
}
.w-screen {
	width: 100vw
}
.z-0 {
	z-index: 0
}
.z-10 {
	z-index: 10
}
.z-20 {
	z-index: 20
}
.z-30 {
	z-index: 30
}
.z-40 {
	z-index: 40
}
.transform {
	--transform-translate-x: 0;
	--transform-translate-y: 0;
	--transform-rotate: 0;
	--transform-skew-x: 0;
	--transform-skew-y: 0;
	--transform-scale-x: 1;
	--transform-scale-y: 1;
	transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}
.transition-all {
	transition-property: all
}
.transition {
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}
.transition-colors {
	transition-property: background-color, border-color, color, fill, stroke
}
.transition-transform {
	transition-property: transform
}
.ease-in-out {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.duration-300 {
	transition-duration: .3s
}
@-webkit-keyframes spin {
	to {
		transform: rotate(1turn)
	}
}
@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}
@-webkit-keyframes ping {
	75%, to {
		transform: scale(2);
		opacity: 0
	}
}
@keyframes ping {
	75%, to {
		transform: scale(2);
		opacity: 0
	}
}
@-webkit-keyframes pulse {
	50% {
		opacity: .5
	}
}
@keyframes pulse {
	50% {
		opacity: .5
	}
}
@-webkit-keyframes bounce {
	0%, to {
		transform: translateY(-25%);
		-webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
		animation-timing-function: cubic-bezier(.8, 0, 1, 1)
	}
	50% {
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
		animation-timing-function: cubic-bezier(0, 0, .2, 1)
	}
}
@keyframes bounce {
	0%, to {
		transform: translateY(-25%);
		-webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
		animation-timing-function: cubic-bezier(.8, 0, 1, 1)
	}
	50% {
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
		animation-timing-function: cubic-bezier(0, 0, .2, 1)
	}
}
:root {
	--font-family: "Poppins"
}
html {
	font-size: 14px;
	height: -webkit-fill-available
}
@media (min-width:768px) {
	html {
		font-size: 16px
	}
}
body {
	font-family: var(--font-family);
	height: -webkit-fill-available;
	--text-opacity: 1;
	color: #2b3345;
	color: rgba(43, 51, 69, var(--text-opacity));
	overflow: hidden
}
body.bullshit {
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity));
	--bg-opacity: 1;
	background-color: #1d1c27;
	background-color: rgba(29, 28, 39, var(--bg-opacity))
}
.font-anonymous {
	font-family: Anonymous Pro;
	font-weight: 700
}
.font-classic {
	font-family: Playfair Display
}
.font-kinder {
	font-family: kindergarten
}
.multicolor {
	background-image: url(/front/img/multicolor.00f9b980.jpg);
	background-repeat: no-repeat
}
.icon-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border-width: 6px;
	height: 3rem;
	width: 3rem;
	background-color: #2b3345;
	background-color: rgba(43, 51, 69, var(--bg-opacity));
	border-color: #2b3345;
	border-color: rgba(43, 51, 69, var(--border-opacity));
	background-clip: padding-box;
	padding: .6rem
}
.bullshit .icon-btn, .icon-btn {
	--bg-opacity: 1;
	--border-opacity: 1;
	--border-opacity: .14
}
.bullshit .icon-btn {
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--bg-opacity));
	border-color: #fff;
	border-color: rgba(255, 255, 255, var(--border-opacity))
}
.icon-btn:hover {
	--border-opacity: .08
}
.icon-btn:focus {
	outline: 0;
	--border-opacity: .3
}
.icon-btn svg {
	transition-property: all;
	transition-duration: .3s
}
.icon-btn:hover svg {
	transform: scale(1.1)
}
.btn {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .05em;
	font-size: 1rem;
	border-radius: 9999px;
	padding: .5rem 1.25rem;
	transition-duration: .3s;
	transition-property: letter-spacing, opacity;
	--border-width: 4px;
	border-width: var(--border-width)
}
.btn:hover {
	letter-spacing: .1em
}
.btn img {
	position: relative;
	bottom: 1px
}
.btn:focus {
	outline: 0
}
.btn-image-right {
	height: .75rem;
	display: inline;
	padding-left: .25rem
}
.bullshit .btn-image-right {
	filter: invert(1)
}
.btn-sm {
	font-size: .75rem;
	line-height: 1.25;
	padding-left: 1rem;
	padding-right: 1rem
}
.btn-color {
	--bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--bg-opacity));
	border-color: transparent;
	position: relative;
	background-clip: padding-box
}
.bullshit .btn-color {
	--bg-opacity: 1;
	background-color: #1d1c27;
	background-color: rgba(29, 28, 39, var(--bg-opacity))
}
.btn-color:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	background-image: url(/front/img/multicolor.00f9b980.jpg);
	background-repeat: no-repeat;
	opacity: 0;
	visibility: hidden;
	transition-property: opacity;
	transition-duration: .3s;
	content: "";
	z-index: -1;
	margin: calc(var(--border-width)*-1);
	border-radius: inherit;
	background-size: 40rem;
	background-position: center 35%
}
.btn-color.visible:before {
	opacity: 1;
	visibility: visible
}
.btn-blue {
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity));
	--bg-opacity: 1;
	background-color: #2b3345;
	background-color: rgba(43, 51, 69, var(--bg-opacity));
	--border-opacity: 1;
	border-color: #2b3345;
	border-color: rgba(43, 51, 69, var(--border-opacity))
}
.subtitle {
	font-family: Anonymous Pro;
	font-weight: 700;
	letter-spacing: .05em
}
.bs-subtitle {
	--text-opacity: 1;
	color: #8de2ff;
	color: rgba(141, 226, 255, var(--text-opacity));
	font-weight: 400;
	font-family: inherit
}
.title {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.25
}
.title-big {
	font-size: 2.75rem
}
.bs-title {
	font-size: 2.25rem;
	font-family: Playfair Display;
	font-weight: 400;
	line-height: 1.25
}
p {
	font-size: .875rem;
	text-align: justify;
	line-height: 2;
	--text-opacity: 1;
	color: #6c6a81;
	color: rgba(108, 106, 129, var(--text-opacity))
}
.bullshit, .bullshit p {
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity))
}
input {
	border-radius: 9999px;
	--bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--bg-opacity));
	font-size: .75rem;
	line-height: 2;
	padding: .75rem 1.5rem;
	--text-opacity: 1;
	color: #2b3345;
	color: rgba(43, 51, 69, var(--text-opacity))
}
input:focus {
	outline: 0
}
.drop-shadow {
	filter: drop-shadow(12px 20px 10px rgba(0, 0, 0, .3))
}
.drop-shadow-low {
	filter: drop-shadow(12px 20px 10px rgba(0, 0, 0, .15))
}
#app, #appBs {
	perspective: 1px;
	perspective-origin: 0 0
}
.bg-texture {
	background-repeat: repeat;
	--interval-width: 150px;
	background-image: url(/front/img/bg.72b7a4b8.svg);
	background-size: var(--interval-width) auto;
	background-position: calc(50% - var(--interval-width)/2) -1px
}
@media (min-width:768px) {
	.bg-texture {
		--interval-width: 190px
	}
}
@media (min-width:1024px) {
	.bg-texture {
		--interval-width: 254px
	}
}
#floating-objects {
	--floating-object-size: .7
}
#floating-objects, #floating-objects .layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
#floating-objects .layer {
	transform-origin: 0 0;
	transform: translateZ(0)
}
#floating-objects img {
	position: absolute;
	width: var(--width);
	transform: translateZ(0);
	transition: transform linear;
	transition-duration: 1s
}
#floating-objects .layer:first-child {
	transform: translateZ(.46px) scale(.54)
}
#floating-objects .layer:nth-child(2) {
	transform: translateZ(.2px) scale(.8)
}
#floating-objects .layer:first-child img:first-child {
	--y: 16%;
	left: calc(var(--x) - var(--width)/2)
}
#floating-objects .layer:first-child img:first-child, #floating-objects .layer:first-child img:nth-child(2) {
	--width: calc(40rem*var(--floating-object-size));
	--x: 12%;
	bottom: calc(var(--y) - var(--width)/2);
	filter: blur(4px)
}
#floating-objects .layer:first-child img:nth-child(2) {
	--y: 14%;
	right: calc(var(--x) - var(--width)/2)
}
#floating-objects .layer:nth-child(2) img:first-child {
	filter: drop-shadow(12px 20px 10px rgba(0, 0, 0, .3));
	--y: 20%;
	--x: 22%;
	--width: calc(16rem*var(--floating-object-size));
	top: calc(var(--y) - var(--width)/2);
	left: calc(var(--x) - var(--width)/2)
}
#floating-objects .layer:nth-child(2) img:nth-child(2) {
	display: none;
	filter: drop-shadow(12px 20px 10px rgba(0, 0, 0, .3));
	--width: calc(11rem*var(--floating-object-size));
	--y: 34%;
	--x: 40%;
	bottom: calc(var(--y) - var(--width)/2);
	left: calc(var(--x) - var(--width)/2)
}
#floating-objects .layer:nth-child(2) img:nth-child(3) {
	filter: drop-shadow(12px 20px 10px rgba(0, 0, 0, .3));
	--width: calc(14rem*var(--floating-object-size));
	--y: 28%;
	--x: 28%;
	top: calc(var(--y) - var(--width)/2);
	right: calc(var(--x) - var(--width)/2)
}
@media (min-width:768px) {
	#floating-objects {
		--floating-object-size: .8
	}
	#floating-objects .layer:first-child img:first-child {
		--y: 30%;
		--x: 14%
	}
	#floating-objects .layer:nth-child(2) img:nth-child(2) {
		--y: 26%;
		--x: 12%
	}
	#floating-objects .layer:nth-child(2) img:first-child {
		--y: 26%;
		--x: 24%
	}
	#floating-objects .layer:nth-child(2) img:nth-child(2) {
		--y: 30%;
		--x: 42%
	}
	#floating-objects .layer:nth-child(2) img:nth-child(3) {
		--y: 30%;
		--x: 28%
	}
}
@media (min-width:1024px) {
	#floating-objects {
		--floating-object-size: .9
	}
}
@media (min-width:1280px) {
	#floating-objects {
		--floating-object-size: 1
	}
}
.hero-scroll-arrow {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
}
.person-bg {
	flex-grow: 1;
	margin: .25rem;
	--unalignement: 2rem
}
.person-wrapper {
	position: relative;
	background-image: url(/front/img/multicolor.00f9b980.jpg);
	background-repeat: no-repeat;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	background-size: auto 144%;
	background-position: 0;
	padding-bottom: 190%
}
@media (min-width:640px) {
	.person-wrapper {
		border-bottom-right-radius: 2rem;
		border-bottom-left-radius: 2rem
	}
	.person-bg {
		margin: .5rem
	}
}
@media (min-width:1024px) {
	.person-bg {
		--unalignement: 3rem
	}
}
.person-bg:nth-child(2) .person-wrapper {
	top: var(--unalignement);
	background-position: 40% calc(50% - var(--unalignement))
}
.person-bg:nth-child(3) .person-wrapper {
	bottom: var(--unalignement);
	background-position: 70% calc(50% + var(--unalignement))
}
.person-bg img {
	position: absolute;
	bottom: 0;
	max-width: none;
	width: 160%
}
.section-mt {
	margin-top: 6rem
}
@media (min-width:768px) {
	.section-mt {
		margin-top: 10rem
	}
}
.section-p {
	padding-left: 2rem;
	padding-right: 2rem
}
@media (min-width:1024px) {
	.section-p {
		padding-left: 5rem;
		padding-right: 5rem
	}
}
.container-wide {
	max-width: 85rem
}
.theme {
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	text-align: center;
	font-size: .875rem;
	margin-left: .5rem;
	margin-right: .5rem;
	padding: 6rem .75rem .75rem;
	width: 10rem;
	position: relative;
	flex-shrink: 0;
	--bg-opacity: 1;
	background-color: #f2f7ff;
	background-color: rgba(242, 247, 255, var(--bg-opacity));
	--text-opacity: 1;
	color: #6c6a81;
	color: rgba(108, 106, 129, var(--text-opacity))
}
.theme:first-child {
	margin-left: 1rem
}
.theme:last-child {
	margin-right: 1rem
}
.theme img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: -4rem;
	transition-duration: .3s;
	transition-property: opacity transform;
	transform: translate3d(0)
}
.theme img:not(img-hover) {
	opacity: 1;
	filter: drop-shadow(12px 20px 10px rgba(0, 0, 0, .3))
}
.theme img.img-hover {
	opacity: 0;
	filter: drop-shadow(12px 20px 10px rgba(0, 0, 0, .15))
}
.section-project {
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 2.5rem;
	height: 21rem
}
@media (min-width:768px) {
	.section-project {
		height: 28rem
	}
}
@media (min-width:1024px) {
	.section-project {
		margin-left: 5rem;
		margin-top: 0
	}
}
@media (min-width:1280px) {
	.section-project {
		margin-left: 8rem
	}
}
.section-project .background {
	--width: 12rem;
	background-image: url(/front/img/multicolor.00f9b980.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: -4rem 88%;
	background-size: auto 180%;
	top: 14%;
	bottom: 14%;
	width: var(--width);
	left: calc(50% - var(--width)/2);
	right: calc(50% - var(--width)/2)
}
.section-project .image-1 {
	margin-right: 1.5rem;
	align-self: flex-start;
	width: 7rem
}
.section-project .image-1, .section-project .image-2 {
	border-bottom-right-radius: 2rem;
	border-bottom-left-radius: 2rem;
	z-index: 10
}
.section-project .image-2 {
	align-self: flex-end;
	width: 10rem
}
@media (min-width:768px) {
	.section-project .background {
		--width: 16rem
	}
	.section-project .image-1 {
		width: 9rem
	}
	.section-project .image-2 {
		width: 13rem
	}
}
.wave {
	--width: 3081.23px;
	width: var(--width);
	left: 50%;
	margin-left: calc(var(--width)/2*-1);
	z-index: 10;
	height: 100%;
	position: absolute
}
.case-wave-top {
	height: 10.5rem
}
.case-wave-top div {
	-webkit-clip-path: url(#case-wave-top-clip);
	clip-path: url(#case-wave-top-clip);
	--width: 3081.23px;
	width: var(--width);
	left: 50%;
	margin-left: calc(var(--width)/2*-1);
	z-index: 10;
	height: 100%;
	position: absolute
}
.case-wave-bottom {
	height: 9.7rem
}
.case-wave-bottom div {
	-webkit-clip-path: url(#case-wave-bottom-clip);
	clip-path: url(#case-wave-bottom-clip);
	--width: 3081.23px;
	width: var(--width);
	left: 50%;
	margin-left: calc(var(--width)/2*-1);
	z-index: 10;
	height: 100%;
	position: absolute
}
@media (min-width:640px) {
	.case-content {
		margin-bottom: 19rem
	}
}
.case-img {
	height: 32rem;
	right: 50%;
	transform: translateX(50%)
}
@media (min-width:1024px) {
	.case-img {
		height: 43rem
	}
}
.contact-wave-top {
	height: 10.5rem
}
.contact-wave-top div {
	-webkit-clip-path: url(#contact-wave-top-clip);
	clip-path: url(#contact-wave-top-clip);
	--width: 3081.23px;
	width: var(--width);
	left: 50%;
	margin-left: calc(var(--width)/2*-1);
	z-index: 10;
	height: 100%;
	position: absolute
}
.section-about-us {
	margin-top: 3rem;
	width: 14rem;
	margin-left: auto;
	margin-right: auto
}
@media (min-width:1024px) {
	.section-about-us {
		margin-left: 2.5rem;
		margin-right: 8rem;
		margin-top: 0;
		width: 22rem
	}
}
.section-about-us img {
	position: relative;
	left: -2rem;
	top: -2rem
}
.section-contact {
	background-image: url(/front/img/multicolor.00f9b980.jpg);
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 6rem;
	background-size: auto 230%;
	background-position: 0 0
}
@media (min-width:1024px) {
	.section-contact {
		background-size: 120% auto
	}
}
.modern-contact {
	padding: 0 2rem 4rem;
	color: #171923;
}
.modern-contact__inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	border: 1px solid rgba(23, 25, 35, .08);
	border-radius: 8px;
	background: linear-gradient(135deg, #ffffff 0%, #f4f7ff 58%, #eaf1ff 100%);
	box-shadow: 0 24px 70px rgba(30, 28, 39, .08);
}
.modern-contact__content {
	max-width: 700px;
}
.modern-contact__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	margin-bottom: .9rem;
	font-family: Anonymous Pro;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .78rem;
	color: #2a69f3;
}
.modern-contact__eyebrow:before {
	content: "";
	width: 2rem;
	height: 1px;
	background: currentColor;
	opacity: .55;
}
.modern-contact h2 {
	font-size: 2.45rem;
	line-height: 1.08;
	font-weight: 800;
	color: #171923;
}
.modern-contact p {
	max-width: 620px;
	margin-top: 1rem;
	font-size: 1rem;
	line-height: 1.75;
	text-align: left;
	color: #606477;
}
.modern-contact__actions {
	display: grid;
	gap: .8rem;
	justify-items: end;
	flex: 0 0 auto;
}
.modern-contact__button,
.modern-contact__mail {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.25rem;
	padding: 0 1.35rem;
	border-radius: 999px;
	font-weight: 800;
	white-space: nowrap;
}
.modern-contact__button {
	background: #171923;
	color: #fff;
	box-shadow: 0 18px 42px rgba(23, 25, 35, .18);
	transition: transform .2s ease, box-shadow .2s ease;
}
.modern-contact__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 50px rgba(23, 25, 35, .24);
}
.modern-contact__mail {
	border: 1px solid rgba(23, 25, 35, .1);
	background: #fff;
	color: #2a69f3;
}
.modern-footer {
	margin-top: 4rem;
	border-top: 1px solid rgba(23, 25, 35, .08);
	background: #fff;
}
.modern-footer__inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 1.25rem 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}
.modern-footer img {
	height: 6.75rem;
}
.modern-footer__links {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: .85rem;
	font-weight: 800;
	color: #2a69f3;
}
.modern-footer p {
	font-size: .78rem;
	line-height: 1.4;
	text-align: right;
	color: #606477;
}
@media (max-width:900px) {
	.modern-contact__inner {
		align-items: flex-start;
		flex-direction: column;
	}
	.modern-contact__actions {
		width: 100%;
		justify-items: stretch;
	}
}
@media (max-width:639px) {
	.modern-contact {
		padding: 0 1.25rem 3rem;
	}
	.modern-contact__inner {
		padding: 1.35rem;
	}
	.modern-contact h2 {
		font-size: 2rem;
	}
	.modern-footer__inner {
		align-items: flex-start;
		flex-direction: column;
		padding: 1.25rem;
	}
	.modern-footer p {
		text-align: left;
	}
}
.bs-app-bg {
	--interval-width: 150px;
	background: calc(50% - var(--interval-width)/2) -1px/var(--interval-width) auto url(/front/img/bg.72b7a4b8.svg), #1d1c27
}
.bs-home-bg {
	--interval-width: 150px;
}
.bs-contact-bg {
	--interval-width: 150px;
	background: calc(50% - var(--interval-width)/2) -1px/var(--interval-width) auto url(/front/img/bg.72b7a4b8.svg), #272630
}
@media (min-width:768px) {
	.bs-app-bg, .bs-contact-bg, .bs-home-bg {
		--interval-width: 190px
	}
}
@media (min-width:1024px) {
	.bs-app-bg, .bs-contact-bg, .bs-home-bg {
		--interval-width: 254px
	}
}
.bs-arms img {
	position: absolute;
	width: 24rem
}
.bs-arms img:first-child {
	left: 0;
	top: 25%;
	transform: translateX(-25%) translateY(-50%)
}
.bs-arms img:nth-child(2) {
	left: 60%;
	top: 0;
	transform: translateY(-32%) translateX(-50%)
}
.bs-arms img:nth-child(3) {
	right: 0;
	top: 36%;
	transform: translateX(32%) translateY(-50%)
}
.bs-arms img:nth-child(4) {
	right: 0;
	top: 90%;
	transform: translateX(32%) translateY(-50%)
}
.bs-arms img:nth-child(5) {
	left: 0;
	top: 74%;
	transform: translateX(-25%) translateY(-50%)
}
@media (min-width:640px) {
	.bs-arms img {
		width: 35rem
	}
	.bs-arms img:nth-child(3) {
		top: 28%
	}
	.bs-arms img:nth-child(4), .bs-arms img:nth-child(5) {
		top: 80%
	}
}
@media (min-width:768px) {
	.bs-arms img {
		width: 38rem
	}
}
@media (min-width:1024px) {
	.bs-arms img {
		width: 44rem
	}
}
@media (min-width:1280px) {
	.bs-arms img {
		width: 52rem
	}
}
.bs-numbers-wrapper {
	height: 17rem
}
@media (min-width:640px) {
	.bs-numbers-wrapper {
		height: 24rem
	}
}
.bs-numbers.scroll-text {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: scrollText 50s linear infinite;
	animation: scrollText 50s linear infinite
}
@-webkit-keyframes scrollText {
	0% {
		transform: translateZ(0)
	}
	to {
		transform: translate3d(-50%, 0, 0)
	}
}
@keyframes scrollText {
	0% {
		transform: translateZ(0)
	}
	to {
		transform: translate3d(-50%, 0, 0)
	}
}
.bs-numbers .bs-number {
	text-align: center;
	display: inline-block;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	font-size: 6rem
}
.bs-numbers .bs-number span {
	display: block
}
.bs-numbers .bs-number span:first-child {
	font-family: Playfair Display;
	--text-opacity: 1;
	color: #8de2ff;
	color: rgba(141, 226, 255, var(--text-opacity));
	line-height: 1.375
}
.bs-numbers .bs-number span:nth-child(2) {
	font-size: .875rem
}
@media (min-width:768px) {
	.bs-numbers .bs-number {
		margin-left: 2.5rem;
		margin-right: 2.5rem;
		font-size: 10rem
	}
	.bs-numbers .bs-number span:nth-child(2) {
		font-size: 1.125rem
	}
}
#bs-contact-btn:hover button {
	cursor: not-allowed;
	--bg-opacity: 1;
	background-color: #8de2ff;
	background-color: rgba(141, 226, 255, var(--bg-opacity));
	transform: translate3d(0, 64px, 0)
}
@media (min-width:768px) {
	#bs-contact-btn:hover button {
		cursor: not-allowed;
		--bg-opacity: 1;
		background-color: #8de2ff;
		background-color: rgba(141, 226, 255, var(--bg-opacity));
		transform: translate3d(0, 96px, 0)
	}
}
@media (min-width:1024px) {
	#bs-contact-btn:hover button {
		transform: translate3d(20px, -110px, 0)
	}
}
.bs-steps-card {
	padding: .5rem 1.5rem 1rem;
	margin-left: 2.5rem;
	margin-right: 2.5rem;
	border-radius: .5rem;
	margin-bottom: 2.5rem;
	background: linear-gradient(180deg, #2892b5, #0c4a5f);
	width: 100%
}
@media (min-width:640px) {
	.bs-steps-card {
		padding-top: 1rem;
		padding-bottom: 2rem;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2rem;
		width: calc(50% - 1rem)
	}
}
@media (min-width:1024px) {
	.bs-steps-card {
		width: calc(25% - 2rem)
	}
}
.bs-steps-card span {
	font-size: 2.25rem;
	font-family: Playfair Display;
	font-weight: 400;
	line-height: 1.25;
	--text-opacity: 1;
	color: #1d1c27;
	color: rgba(29, 28, 39, var(--text-opacity))
}
.bs-steps-card h2 {
	margin-top: .5rem
}
.bs-steps-card p {
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity));
	font-size: .75rem;
	line-height: 2;
	margin-top: 1.25rem
}
.bs-section-img {
	height: 16rem
}
.bs-section-img img {
	height: 200%
}
@media (min-width:640px) {
	.bs-section-img {
		height: 20rem
	}
	.bs-section-img img {
		height: 180%
	}
}
@media (min-width:1024px) {
	.bs-section-img {
		height: 24rem
	}
	.bs-section-img img {
		height: auto;
		width: 100%
	}
}
.bs-wave, .bs-wave-top div {
	--width: 3219.87px;
	width: var(--width);
	left: 50%;
	margin-left: calc(var(--width)/2*-1);
	z-index: 10;
	height: 100%;
	position: absolute
}
.bs-wave-top div {
	-webkit-clip-path: url(#bs-wave-top-clip);
	clip-path: url(#bs-wave-top-clip)
}
.bs-wave-bottom {
	height: 8rem
}
@media (min-width:768px) {
	.bs-wave-bottom {
		height: 13.5rem
	}
}
.bs-wave-bottom div {
	--width: 3954.92px;
	-webkit-clip-path: url(#bs-wave-bottom-clip);
	clip-path: url(#bs-wave-bottom-clip);
	--width: 3219.87px;
	width: var(--width);
	left: 50%;
	margin-left: calc(var(--width)/2*-1);
	z-index: 10;
	height: 100%;
	position: absolute
}
.rotate-2 {
	transform: rotate(2deg)
}
.-rotate-2 {
	transform: rotate(-2deg)
}
.note-arrow-1 {
	transform: rotate(117deg)
}
.btn-icon-zoom {
	height: 1rem;
	display: inline;
	padding-left: .25rem;
	margin-top: -.14rem
}
svg.portal-blob path {
	transform-origin: center
}
svg.portal-blob {
	color: #1d1c27
}
svg.portal-blob.white {
	color: #fff
}
.note-pret {
	transform: translate(-20%, -90%)
}
@lg {
	.note-pret {
		transform: translate(-50%, -90%)
	}
}
.note-millenials {
	transform: translateY(calc(100% - 2rem)) rotate(4deg)
}
.preserve-3d {
	transform-style: preserve-3d
}
@media (min-width:640px) {
	.sm\:container {
		width: 100%;
		max-width: 640px
	}
	@media (min-width:768px) {
		.sm\:container {
			max-width: 768px
		}
	}
	@media (min-width:1024px) {
		.sm\:container {
			max-width: 1024px
		}
	}
	@media (min-width:1280px) {
		.sm\:container {
			max-width: 1280px
		}
	}
	.sm\:block {
		display: block
	}
	.sm\:h-16 {
		height: 4rem
	}
	.sm\:text-2xl {
		font-size: 1.5rem
	}
	.sm\:text-4xl {
		font-size: 2.25rem
	}
	.sm\:leading-tight {
		line-height: 1.25
	}
	.sm\:mt-32 {
		margin-top: 8rem
	}
	.sm\:-mb-8 {
		margin-bottom: -2rem
	}
	.sm\:w-48 {
		width: 12rem
	}
	.sm\:w-64 {
		width: 16rem
	}
}
@media (min-width:768px) {
	.md\:container {
		width: 100%
	}
	@media (min-width:640px) {
		.md\:container {
			max-width: 640px
		}
	}
	@media (min-width:768px) {
		.md\:container {
			max-width: 768px
		}
	}
	@media (min-width:1024px) {
		.md\:container {
			max-width: 1024px
		}
	}
	@media (min-width:1280px) {
		.md\:container {
			max-width: 1280px
		}
	}
	.md\:text-xl {
		font-size: 1.25rem
	}
	.md\:text-3xl {
		font-size: 1.875rem
	}
	.md\:mb-0 {
		margin-bottom: 0
	}
	.md\:ml-0 {
		margin-left: 0
	}
	.md\:mr-8 {
		margin-right: 2rem
	}
	.md\:mt-24 {
		margin-top: 6rem
	}
	.md\:mb-40 {
		margin-bottom: 10rem
	}
	.md\:mt-48 {
		margin-top: 12rem
	}
	.md\:-mb-6 {
		margin-bottom: -1.5rem
	}
	.md\:-mt-px {
		margin-top: -1px
	}
	.md\:max-w-md {
		max-width: 28rem
	}
	.md\:max-w-lg {
		max-width: 32rem
	}
	.md\:py-8 {
		padding-top: 2rem;
		padding-bottom: 2rem
	}
	.md\:px-16 {
		padding-left: 4rem;
		padding-right: 4rem
	}
	.md\:right-0 {
		right: 0
	}
	.md\:transform-none {
		transform: none
	}
}
@media (min-width:1024px) {
	.lg\:container {
		width: 100%
	}
	@media (min-width:640px) {
		.lg\:container {
			max-width: 640px
		}
	}
	@media (min-width:768px) {
		.lg\:container {
			max-width: 768px
		}
	}
	@media (min-width:1024px) {
		.lg\:container {
			max-width: 1024px
		}
	}
	@media (min-width:1280px) {
		.lg\:container {
			max-width: 1280px
		}
	}
	.lg\:flex {
		display: flex
	}
	.lg\:hidden {
		display: none
	}
	.lg\:justify-center {
		justify-content: center
	}
	.lg\:text-4xl {
		font-size: 2.25rem
	}
	.lg\:mt-0 {
		margin-top: 0
	}
	.lg\:mb-12 {
		margin-bottom: 3rem
	}
	.lg\:mr-16 {
		margin-right: 4rem
	}
	.lg\:ml-16 {
		margin-left: 4rem
	}
	.lg\:mr-20 {
		margin-right: 5rem
	}
	.lg\:ml-24 {
		margin-left: 6rem
	}
	.lg\:mt-40 {
		margin-top: 10rem
	}
	.lg\:-mt-10 {
		margin-top: -2.5rem
	}
	.lg\:max-w-none {
		max-width: none
	}
	.lg\:max-w-md {
		max-width: 28rem
	}
	.lg\:px-20 {
		padding-left: 5rem;
		padding-right: 5rem
	}
	.lg\:pr-12 {
		padding-right: 3rem
	}
	.lg\:pr-20 {
		padding-right: 5rem
	}
	.lg\:pr-24 {
		padding-right: 6rem
	}
	.lg\:static {
		position: static
	}
	.lg\:text-left {
		text-align: left
	}
	.lg\:w-1\/2 {
		width: 50%
	}
	.lg\:w-5\/12 {
		width: 41.666667%
	}
}
@media (min-width:1280px) {
	.xl\:container {
		width: 100%
	}
	@media (min-width:640px) {
		.xl\:container {
			max-width: 640px
		}
	}
	@media (min-width:768px) {
		.xl\:container {
			max-width: 768px
		}
	}
	@media (min-width:1024px) {
		.xl\:container {
			max-width: 1024px
		}
	}
	@media (min-width:1280px) {
		.xl\:container {
			max-width: 1280px
		}
	}
	.xl\:text-4xl {
		font-size: 2.25rem
	}
	.xl\:text-5xl {
		font-size: 2.75rem
	}
	.xl\:ml-10 {
		margin-left: 2.5rem
	}
	.xl\:mr-16 {
		margin-right: 4rem
	}
	.xl\:mr-32 {
		margin-right: 8rem
	}
	.xl\:ml-40 {
		margin-left: 10rem
	}
	.xl\:mr-56 {
		margin-right: 14rem
	}
	.xl\:-mb-3 {
		margin-bottom: -.75rem
	}
	.xl\:-mb-10 {
		margin-bottom: -2.5rem
	}
	.xl\:max-w-sm {
		max-width: 24rem
	}
	.xl\:max-w-xl {
		max-width: 36rem
	}
	.xl\:max-w-2xl {
		max-width: 42rem
	}
	.xl\:pr-24 {
		padding-right: 6rem
	}
}


.wrap {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .comp {
	width: 100%;
	height: 194px;
	text-align: center;
  }
  .comp .monitor {
	width: 275px;
	height: 181px;
	display: block;
	margin: 0 auto;
	border-radius: 10px 10px 0px 0px;
	padding: 9px;
	border: solid 1px #e0e2e2;
	background-color: black;
  }
  .comp .mid {
	float: left;
	display: block;
	height: 100%;
	position: relative;
	background-color: #abadc6;
	width: 50%;
  }
  .comp .mid.codigo {
	background-color: #22262b;
  }
  .comp .site {
	overflow: hidden;
	position: absolute;
	width: 105px;
	height: 138px;
	bottom: 0;
	right: 0;
  }
  .comp .site .topbar {
	width: 100%;
  }
  .comp .site .cerrar {
	width: 100%;
	padding: 3px;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 4px 4px 0px 0px;
	background-color: #afa895;
  }
  .comp .site .cerrar > div {
	display: inline-block;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: white;
	margin: 0px 1px;
  }
  .comp .site .inhead {
	padding: 2px;
	height: 5px;
	background-color: #ddd8cf;
  }
  .comp .site .inhead .item {
	width: 10px;
	height: 1px;
	background-color: #d1c9bf;
	margin: 0 1px;
	display: block;
	float: left;
  }
  .comp .txr {
	text-align: right;
  }
  .comp .txr .item {
	float: right;
  }
  .comp .inslid {
	width: 100%;
	height: 33px;
	background-color: #efebe2;
  }
  .comp .incont {
	padding-top: 10px;
	background: #fefaf0;
  }
  .comp .incont .item {
	background-color: #d1c9bf;
	width: 53px;
	height: 2px;
	display: block;
	margin: 0 auto;
	margin-top: 1px;
  }
  .comp .incont .item:nth-child(1) {
	width: 20px;
  }
  .comp .incont .item:nth-child(2) {
	margin-top: 3px;
	width: 41px;
  }
  .comp .incont .item:nth-child(3) {
	width: 32px;
  }
  .comp .incont .item:nth-child(4) {
	width: 23px;
  }
  .comp .incont .wid {
	width: 100%;
	padding: 8px 1px;
  }
  .comp .incont .wid .itwid {
	width: 33.333%;
	float: left;
	height: 26px;
	padding: 0px 3px;
  }
  .comp .incont .wid .itwid > div {
	width: 100%;
	height: 100%;
	background-color: #f5f1e6;
	position: relative;
  }
  .comp .incont .wid .itwid > div .contfoot {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background-color: #ebe5dc;
  }
  .comp .incont .infoot {
	background-color: #efebe2;
	height: 26px;
	width: 100%;
  }
  @-webkit-keyframes code {
	0% {
	  opacity: 1;
	}
	50% {
	  opacity: 0.6;
	}
	100% {
	  opacity: 1;
	}
  }
  @keyframes code {
	0% {
	  opacity: 1;
	}
	50% {
	  opacity: 0.6;
	}
	100% {
	  opacity: 1;
	}
  }
  .comp .codigo {
	padding: 14px 0px 14px 14px;
  }
  .comp .codigo .var {
	background-color: #ac5e47;
	-webkit-animation: code;
			animation: code;
	-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
  .comp .codigo .cont {
	background-color: #464748;
	-webkit-animation: code;
			animation: code;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
  .comp .codigo .fun {
	background-color: #fbb053;
	-webkit-animation: code;
			animation: code;
	-webkit-animation-duration: 0.2s;
			animation-duration: 0.2s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
  .comp .codigo .atr {
	background-color: #645572;
	-webkit-animation: code;
			animation: code;
	-webkit-animation-duration: 0.1s;
			animation-duration: 0.1s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
  }
  .comp .codigo .item {
	height: 3px;
	width: 20px;
	float: left;
	margin-right: 3px;
  }
  .comp .codigo .item.min {
	width: 13px;
  }
  .comp .codigo .item.lrg {
	width: 30px;
  }
  .comp .codigo .line {
	padding: 2px 0;
	width: 100%;
  }
  .comp .codigo .tab1 {
	padding-left: 5px;
  }
  .comp .codigo .tab2 {
	padding-left: 8px;
  }
  .comp .codigo .tab3 {
	padding-left: 10px;
  }
  .comp .codigo .tab4 {
	padding-left: 12px;
  }
  
  .base {
	width: 338px;
	height: 12px;
	background: #e0e2e2;
	display: block;
	margin: 0 auto;
	border-radius: 0px 0px 6px 6px;
  }

.modern-home {
	padding: 0 2rem;
	color: #161821;
}
.modern-intro {
	display: block;
	max-width: 1180px;
	padding-left: 0;
	padding-right: 0;
}
.modern-intro .flex-1 {
	max-width: 1120px;
	padding-right: 0;
}
.modern-intro .subtitle {
	display: block;
	margin-bottom: 1.35rem;
}
.modern-intro .title-big {
	max-width: 760px;
	margin-bottom: 1.5rem;
	font-size: 2.45rem;
	line-height: 1.08;
	letter-spacing: 0;
}
.modern-intro p {
	max-width: 1060px;
	font-size: 1rem;
	line-height: 1.85;
	text-align: left;
	color: #606477;
}
.modern-home__inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}
.modern-home__header {
	max-width: 760px;
	margin-bottom: 3rem;
}
.modern-home__eyebrow,
.modern-proof__label {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	margin-bottom: 1rem;
	font-family: Anonymous Pro;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .78rem;
	color: #2a69f3;
}
.modern-home__eyebrow:before,
.modern-proof__label:before {
	content: "";
	width: 2rem;
	height: 1px;
	background: currentColor;
	opacity: .55;
}
.modern-home__header h2,
.modern-cta h2 {
	font-size: 2.45rem;
	line-height: 1.08;
	font-weight: 800;
	letter-spacing: 0;
	color: #171923;
}
.modern-home__header p {
	margin-top: 1.2rem;
	max-width: 650px;
	font-size: 1rem;
	line-height: 1.8;
	text-align: left;
	color: #606477;
}
.modern-home__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}
.modern-card {
	min-height: 270px;
	padding: 1.6rem;
	border: 1px solid rgba(23, 25, 35, .08);
	border-radius: 8px;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 24px 70px rgba(30, 28, 39, .08);
	backdrop-filter: blur(16px);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.modern-card:hover {
	transform: translateY(-6px);
	border-color: rgba(42, 105, 243, .28);
	box-shadow: 0 30px 90px rgba(30, 28, 39, .13);
}
.modern-card--featured {
	background: #171923;
	color: #fff;
}
.modern-card__number {
	display: block;
	margin-bottom: 4.5rem;
	font-family: Anonymous Pro;
	font-weight: 700;
	color: #2a69f3;
}
.modern-card--featured .modern-card__number {
	color: #2a69f3;
}
.modern-card h3 {
	font-size: 1.18rem;
	font-weight: 800;
	line-height: 1.25;
	color: inherit;
}
.modern-card p {
	margin-top: .85rem;
	font-size: .88rem;
	line-height: 1.75;
	text-align: left;
	color: #686c7c;
}
.modern-card--featured p {
	color: rgba(255, 255, 255, .72);
}
.modern-proof {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
	gap: 1rem;
	margin-top: 1rem;
}
.modern-proof__panel,
.modern-proof__metrics,
.modern-cta {
	border-radius: 8px;
	border: 1px solid rgba(23, 25, 35, .08);
	background: #f7f9ff;
}
.modern-proof__panel {
	padding: 2rem;
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	gap: 2rem;
}
.modern-proof__panel h3 {
	font-size: 2rem;
	line-height: 1.12;
	font-weight: 800;
	color: #171923;
}
.modern-steps {
	display: grid;
	gap: .75rem;
}
.modern-steps div {
	padding: 1rem;
	border-radius: 8px;
	background: #fff;
	border: 1px solid rgba(23, 25, 35, .07);
}
.modern-steps span {
	font-size: .8rem;
	font-weight: 800;
	color: #2a69f3;
	text-transform: uppercase;
	letter-spacing: .06em;
}
.modern-steps p {
	margin-top: .25rem;
	font-size: .88rem;
	line-height: 1.55;
	text-align: left;
	color: #606477;
}
.modern-proof__metrics {
	display: grid;
	align-content: stretch;
	overflow: hidden;
	background: #fff;
}
.modern-proof__metrics div {
	padding: 1.4rem 1.6rem;
	border-bottom: 1px solid rgba(23, 25, 35, .08);
}
.modern-proof__metrics div:last-child {
	border-bottom: 0;
}
.modern-proof__metrics strong {
	display: block;
	font-size: 2rem;
	line-height: 1;
	color: #171923;
}
.modern-proof__metrics span {
	display: block;
	margin-top: .5rem;
	font-size: .82rem;
	line-height: 1.45;
	color: #606477;
}
.central-support {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: 1rem;
	margin-top: 1rem;
	padding: 2rem;
	border: 1px solid rgba(23, 25, 35, .08);
	border-radius: 8px;
	background: rgba(255, 255, 255, .82);
	color: #171923;
	box-shadow: 0 24px 70px rgba(30, 28, 39, .08);
	backdrop-filter: blur(16px);
}
.central-support__content {
	max-width: 430px;
}
.central-support__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	margin-bottom: 1rem;
	font-family: Anonymous Pro;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #2a69f3;
}
.central-support__eyebrow:before {
	content: "";
	width: 2rem;
	height: 1px;
	background: currentColor;
	opacity: .65;
}
.central-support h2 {
	font-size: 2rem;
	line-height: 1.12;
	font-weight: 800;
	letter-spacing: 0;
	color: #171923;
}
.central-support__content p {
	margin-top: 1rem;
	font-size: .95rem;
	line-height: 1.75;
	text-align: left;
	color: #606477;
}
.central-support__languages {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .75rem;
}
.central-support__language {
	min-height: 210px;
	padding: 1.25rem;
	border: 1px solid rgba(23, 25, 35, .08);
	border-radius: 8px;
	background: #f7f9ff;
}
.central-support__language span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: 2.4rem;
	border-radius: 999px;
	background: #2a69f3;
	color: #fff;
	font-family: Anonymous Pro;
	font-size: .82rem;
	font-weight: 700;
}
.central-support__language h3 {
	font-size: 1rem;
	font-weight: 800;
	color: #171923;
}
.central-support__language p {
	margin-top: .65rem;
	font-size: .82rem;
	line-height: 1.65;
	text-align: left;
	color: #606477;
}
.modern-cta {
	margin-top: 1rem;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	background: linear-gradient(135deg, #f7f9ff 0%, #eef3ff 55%, #e7f0ff 100%);
	color: #171923;
	box-shadow: 0 24px 70px rgba(30, 28, 39, .08);
}
.modern-cta span {
	display: block;
	margin-bottom: .55rem;
	font-family: Anonymous Pro;
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #2a69f3;
}
.modern-cta h2 {
	max-width: 760px;
	font-size: 2rem;
	color: #171923;
}
.modern-cta__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 3.25rem;
	padding: 0 1.4rem;
	border-radius: 999px;
	background: #171923;
	color: #fff;
	font-weight: 800;
	box-shadow: 0 18px 42px rgba(23, 25, 35, .18);
	transition: transform .2s ease, box-shadow .2s ease;
}
.modern-cta__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 50px rgba(23, 25, 35, .24);
}

@media (max-width:1023px) {
	.modern-intro .title-big {
		font-size: 2.45rem;
	}
	.modern-home__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.modern-proof,
	.modern-proof__panel,
	.central-support {
		grid-template-columns: 1fr;
	}
	.central-support__content {
		max-width: none;
	}
	.modern-cta {
		align-items: flex-start;
		flex-direction: column;
	}
}
@media (max-width:639px) {
	#floating-objects .layer:nth-child(2) img:nth-child(2) {
		display: none;
	}
	.modern-intro {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
	.modern-intro .title-big {
		font-size: 2rem;
	}
	.modern-home {
		padding: 0 1.25rem;
	}
	.modern-home__header h2,
	.modern-cta h2 {
		font-size: 2rem;
	}
	.modern-home__grid {
		grid-template-columns: 1fr;
	}
	.modern-card {
		min-height: auto;
	}
	.modern-card__number {
		margin-bottom: 2.5rem;
	}
	.modern-proof__panel,
	.central-support,
	.modern-cta {
		padding: 1.35rem;
	}
	.modern-proof__panel h3 {
		font-size: 1.6rem;
	}
	.central-support h2 {
		font-size: 1.6rem;
	}
	.central-support__languages {
		grid-template-columns: 1fr;
	}
	.central-support__language {
		min-height: auto;
	}
	.central-support__language span {
		margin-bottom: 1.5rem;
	}
	.modern-cta__button {
		width: 100%;
	}
}

  /* CUBE JEUX */

  @media only screen and (max-width: 600px) {
	.wrap {
		width: 100%;
		height: 23vh;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
  }