body,
html {

	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	font-size: 1em;
	font-family: "rotunda-variable", sans-serif;
	font-variation-settings: 'wght' 400;
}


html {
	scroll-behavior: smooth;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box
}

p {
	font-size: 1em;
}

blockquote {
	padding: 0;
	margin: 0
}


#navbar {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: transparent;
	border-bottom: 1px solid #ededff;
	z-index: 35000000000;

}

ul {
	list-style-type: none;

}

li {
	float: left;
	text-align: center;
	width: 20%;
}

li a,
li a:visited {
	padding: 10px;
	color: #33333f;
	width: 100%;
	height: 100%;
	display: block;
	transition: .2s;
	font-size: .9em;
}

li a:hover {

	color: #ededff;
	transition: .2s;
}



#intro {

	min-height: 100vh;
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #ff3548;
	display: flex;
	flex-wrap: wrap;


	opacity: 0;
	margin-top: -0%;
	z-index: 45000;
	transition: all .4s ease;
	overflow-y: scroll;
	color: #000 !important;
	padding: 40px;
	text-transform: lowercase;
}

#header {
	width: calc(100% - 0rem);
	height: calc(100vh - 0rem);
	position: relative;
	max-width: 100%;
	margin: 0rem;
}


#header1 {
	max-width: 100vw;
	overflow-x: hidden;
	color: #5455A2;
}

#top {
	background: #5455A2;
	width: 100%;
}


#name {
	min-height: 20vh;
	background: #fff;
	width: 100%;
	font-size: 1.25em !important;
	color: #5455A2 !important;


	padding: 10px;
}

.hi {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20vw;
	line-height: 1;
	font-variation-settings: 'wght' 850;
	font-family: "rotunda-variable", sans-serif;
	font-feature-settings: "ss01";
}

@media (max-width:560px) {
	.hi {
		font-size: 4.5rem;
		height: 50vh;
	}
}

#header3 {

	background: #3a53ff;
	filter: brightness(105%);
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	z-index: 5;
	filter: brightness(110%) contrast(125%);
}

@media (max-width:768px) {
	#header3 img {
		width: 80%;
	}

	#header3 {
		background-size: 200%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		padding: 20px;
		font-size: 0.85em;
	}
}

#header3 img {
	filter: hue-rotate(5deg) saturate(200%) brightness(120%);
}

#backgroundmenu {
	width: 100vw;
	height: 100vh;
	background: #263aff;
	background: #5730ff;
	background: #6935ff;
	background: #5c23ff;
transition: all .35s ease;
	z-index: 3500000;
	position: fixed;
	top: 0;
	left: -100vw;
	font-size: 1.25em;
	text-align: left;
	opacity: 1;
}

.menu_open {
	
	left: 0;
}
#innermenu {
	width: 100%;

	display: flex;

	align-items: center;
	justify-content: center;
	border: 5px solid #fff;
	height: 100vh;

}

#testmenu {
	width: 100%;
	flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	color: #f4f4f4;
	font-variation-settings: 'wght' 650;
}

#backgroundmenu a {
	width: 100%;
	padding: 0 0;
	background: #263aff;
	background: transparent;
	text-transform: none;
	color: #fff;

	fill: #fff;

	transition: 0.1s;
	animation-name: animateIn;
	animation-duration: 500ms;
	animation-delay: calc(var(--animation-order) * 100ms);
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;


	display: block;
	margin: 10px auto;
	border-bottom: 0 solid #fff;
	width: 20%;
	text-transform: lowercase;

}

@media (max-width:560px) {
	#backgroundmenu a {
		width: 100%;
	}
}

#innermenu a {
	width: 100%;
	padding: 0 0;
	background: #263aff;
	background: transparent;
	text-transform: none;
	color: #fff;

	fill: #fff;

	transition: 0.1s;
	animation-name: animateIn;
	animation-duration: 500ms;
	animation-delay: calc(var(--animation-order) * 100ms);
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	font-family: futura-pt;

	flex: 1;
	border-bottom: 2px solid #fff;
	width: 200px;
	text-transform: lowercase;
	display: flex;
	justify-content: center;
	align-items: center;

}

@media (max-width:560px) {
	#backgroundmenu a {
		padding: 5px;
		margin: 0 auto;

		font-size: .85em;
		letter-spacing: 0em;
		width: 180px;
	}
}

#backgroundmenu a:hover {
	background: #fff;
	color: #0a1fea;
	color: #5730ff;
	transition: 0.1s;
}

@keyframes animateIn {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}

	100% {
		opacity: 1;
	}
}

#innermenu a:hover {
	background: #fff;
	color: #0a1fea;
	color: #5730ff;
	transition: 0.1s;
}

@keyframes animateIn {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}

	100% {
		opacity: 1;
	}
}

.cube {
	width: calc(50% - 40px);
	height: 50vh;
	background: #463dff;
	background: #3530ff;
	background: #4743ff;
	background: #6535ff;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	padding: 20px;
}

.cube a,
.cube a:visited {

	color: #fff;
	fill: #fff;
	font-size: 1.25em;


}

.cube a:hover {
	background: #fff;
	color: #6535ff;
}

@media (max-width:560px) {
	.cube {

		min-height: 50vh;
		padding: 20px 0;
		width: calc(100% - 0px);
		margin: 10px 0;

	}
}

.pageinner {
	width: 100%;
	min-height: 100vh;
	font-size: 1em;
	display: flex;
	align-items: center;
	justify-content: center;

	color: #fff;

	overflow-y: scroll !important;
}



.preview img {
	object-fit: cover !important;
}

.preview picture {
	object-fit: cover !important;
}

.preview:hover {
	opacity: .5;
	transition: all .2s;
	transform: translate(-0, -0px);
}



#page3 .preview {
	display: block;

	width: 100%;
	margin: 0;
	padding: 0;
}

#page3 .preview img {

	padding: 20px 0;
}

#page3 .slide {
	float: right;

	width: 60%;
	margin-left: 35%;
	margin-right: 5%;
	padding: 20px;
	width: 60%;
	margin-left: 30%;
	margin-right: 10%;
	float: right;
}



#page3 .colleft h2 {
	text-transform: lowercase;

	font-size: 3.5em;
	color: #fff;
}




.slide {
	height: 100%;
	width: 100%;
	background: #fff;
	width: 75%;
	float: right;
	overflow-y: scroll;
}

#intro .slide {
	height: 100%;
	width: 100%;
	background: #fff;
	width: 100%;
	float: none;
	overflow-y: scroll;

}

.slide img {
	padding: 0 0;
	margin: 0;
}

a,
a:visited {
	color: #3535ff;
	text-decoration: none;
	transition: all .2s;

}

a:hover {
	color: #ededff;
	transition: all .2s;
}

.social_media {
	width: 48px;
	height: 48px;
	background: #1d38ff;
	background: #6577ff;
	background: #6d0bff;
	background: #5b0bff;
	background: #3329ff;
	margin: 0;
	padding: 1em;
	fill: #3329ff !important;
	transition: 0.1s;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social_media:hover {
	background: #fff !important;
	fill: #1d38ff !important;
	fill: #6577ff;
	fill: #6d0bff;
	fill: #5b0bff !important;
	cursor: pointer;
	transition: 0.1s;
	margin: 0;
}

@media (max-width:560px) {
	.social_media {
		width: 50px;
		height: 50px;
		padding: 15px 15px 15px 15px;
		margin: 5px;

	}
}

.social_media {
	width: 48px;
	height: 48px;
	padding: .75em;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff !important;
}

.social_media:hover {
	background: #3329ff !important;
	fill: #1d38ff !important;
	fill: #3349FF !important;
	fill: #6577ff;
	fill: #6d0bff;
	fill: #5b0bff !important;
	fill: #fff !important;
	cursor: pointer;
	transition: 0.1s;
}


@media (max-width:560px) {


	#intro .slide,
	#page2 .slide,
	#page3 .slide,
	#page4 .slide,
	#page5 .slide {
		width: calc(100% - 20px);
		padding-left: 0;
		padding: 20px 20px 20px 20px;
		margin: 30vh 0 20px 20px;
		float: none;
		overflow-x: hidden;
	}


	#page2 .slide {
		margin: 0 0 0 0;
		padding: 0 0 20px 20px;
		width: calc(100% - 0px);
	}

	#page3 .slide {
		margin: calc(20vh + 10px) 0 0 0;
		padding: 20px 0 20px 20px;
		width: calc(100% - 0px);
	}

	#page2 img {
		padding: 10px 0;
		margin: 10px 0;
		max-height: auto;
	}

	#page2 h2 {
		padding: 10px 0 10px 0;
		margin: 10px 0 10px 0;
	}

	#page3 .preview img {

		padding: 10px 0;
	}

	#page4 .slide {
		width: 100%;
		margin: 35vh 0 0 0;
		padding: 20px;
	}

	#page5 .slide {
		margin-top: auto;
		padding: 0 0 0 0;
	}


	#page2 h1,
	#page2 h2 {
		font-size: 1.5em;
	}

	.cube {
		margin: 10px 0;
	}
}


/* banner */


.cc-dismiss {
	width: 50%
}

.cc-window {
	color: #222;
	opacity: 1;
	transition: opacity 1s ease
}

.cc-window.cc-invisible {
	opacity: 0
}

.cc-animate.cc-revoke {
	transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
	transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
	transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
	transform: translateY(0)
}

.cc-grower {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s
}

.cc-link,
.cc-revoke:hover {
	text-decoration: underline
}

.cc-revoke,
.cc-window {
	position: fixed;
	overflow: hidden;
	box-sizing: border-box;
	border-top: 0 solid #ebebff;
	color: #666 !important;
	line-height: 1.5em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	z-index: 9999
}

.cc-window.cc-static {
	position: static
}

.cc-window.cc-floating {
	padding: 1.5em;
	max-width: 21em;
	-ms-flex-direction: column;
	flex-direction: column
}

.cc-window.cc-banner {
	padding: 1em 1.8em;
	width: 100%;
	-ms-flex-direction: row;
	flex-direction: row
}

.cc-revoke {
	padding: .5em
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
	cursor: pointer;
	min-width: 100px;
}

.cc-link {
	opacity: .8;
	display: inline-block;
	padding: .2em
}

.cc-link:hover {
	opacity: 1
}

.cc-link:active,
.cc-link:visited {
	color: initial
}

.cc-btn {
	display: block;
	padding: .4em;
	font-size: 1em;
	border-width: 2px;
	border-style: solid;
	text-align: center;
	white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
	background-color: transparent;
	border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
	background-color: transparent;
	text-decoration: underline
}

.cc-close {
	display: inline-block;
	position: absolute;
	top: .5em;
	right: .5em;
	font-size: 1.6em;
	opacity: .9;
	line-height: .75
}

.cc-close:focus,
.cc-close:hover {
	opacity: 1
}

.cc-revoke.cc-top {
	top: 0;
	left: 3em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
	bottom: 0;
	left: 3em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em
}

.cc-revoke.cc-left {
	left: 3em;
	right: unset
}

.cc-revoke.cc-right {
	right: 3em;
	left: unset
}

.cc-top {
	top: 1em
}

.cc-left {
	left: 1em
}

.cc-right {
	right: 1em
}

.cc-bottom {
	bottom: 1em
}

.cc-floating>.cc-link {
	margin-bottom: 1em
}

.cc-floating .cc-message {
	display: block;
	margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.cc-window.cc-banner {
	-ms-flex-align: center;
	align-items: center
}

.cc-banner.cc-top {
	left: 0;
	right: 0;
	top: 0
}

.cc-banner.cc-bottom {
	left: 0;
	right: 0;
	bottom: 0
}

.cc-banner .cc-message {
	display: block;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 100%;
	margin-right: 1em
}

.cc-compliance {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: justify;
	align-content: space-between
}

.cc-floating .cc-compliance>.cc-btn {
	-ms-flex: 1;
	flex: 1
}

.cc-btn+.cc-btn {
	margin-left: .5em
}

@media print {

	.cc-revoke,
	.cc-window {
		display: none
	}
}

@media screen and (max-width:900px) {
	.cc-btn {
		white-space: normal
	}
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
	.cc-window.cc-top {
		top: 0
	}

	.cc-window.cc-bottom {
		bottom: 0
	}

	.cc-window.cc-banner,
	.cc-window.cc-floating,
	.cc-window.cc-left,
	.cc-window.cc-right {
		left: 0;
		right: 0
	}

	.cc-window.cc-banner {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.cc-window.cc-banner .cc-compliance {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}

	.cc-window.cc-floating {
		max-width: none
	}

	.cc-window .cc-message {
		margin-bottom: 1em
	}

	.cc-window.cc-banner {
		-ms-flex-align: unset;
		align-items: unset
	}

	.cc-window.cc-banner .cc-message {
		margin-right: 0
	}
}

.cc-floating.cc-theme-classic {
	padding: 1.2em;
	border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
	text-align: center;
	display: inline;
	-ms-flex: none;
	flex: none
}

.cc-theme-classic .cc-btn {
	border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
	min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
	display: inline-block
}

.cc-theme-edgeless.cc-window {
	padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
	margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
	margin: 0;
	padding: .8em 1.8em;
	height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
	margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
	margin-left: 0
}


#footer {
	color: #3349FF;
	text-align: center;
	display: block;

}

#footer a,
#footer a:visited {
	color: #5c5684;
	color: #3349FF;
	color: #3329ff;

}

#footer a:hover {
	color: #5b0bff !important;
	color: #FF4D51 !important;
	transition: .2s;
}

#footer p {
	filter: saturate(100%) contrast(100%) brightness(100%);
	background: linear-gradient(45deg, #FCFF4B, #ff2d68, #445eff);
	background: #fff;
	width: 25%;
	padding: 10px;
	margin: 0 auto;
	display: inline;
}

@media (max-width:768px) {
	#footer p {
		width: 50%;
	}
}

@media (max-width:560px) {
	#footer p {
		width: 85%;
	}
}

#footer a,
#footer a:visited {
	transition: .2s;
}

#menu_icon {
	position: fixed;
	top: 0;
	right: 0px;
	width: 50px;
	height: 50px;
	padding: 12px;
	background: transparent;
	cursor: pointer;
	z-index: 35000000000000000;
	border-bottom: 0 solid black;
	transition: 0.1s;
	fill: #000;
}

#menu_icon:hover {
	fill: #000;
	transition: .1s
}

#menu_up {
	position: fixed;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	padding: 12px;
	background: transparent;
	cursor: pointer;
	z-index: 35000000000000000;
	display: none;
	fill: #fff;
}

@media (min-width:768px) {

	#menu_up,
	#menu_icon {
		width: 50px;
		height: 50px;
		padding: 12px;
		background: transparent;
		margin: 5px;
	}
}

#menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	text-align: left;
	width: 25vw;
	height: 100%;
	z-index: 30000;
}

@media (min-width:1024px) {
	#menu {
		width: 25vw
	}
}

.little {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-bottom: -3px;
	margin-left: 3px;
	transition: .1s
}

.little3 {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-bottom: -3px;
	margin-left: 3px;
	transition: .1s
}

#menu ul {
	padding: 40px 30px 40px 10px;
}

#menu a {
	color: #333;
	width: 100%;
	display: block;
	padding: 10px;
	margin: 4px 0;
	background: #0a1fea;
	transition: .1s;
	text-transform: none;
	color: #fff;

	fill: #fff;
}

#menu li {
	width: 100%;
	display: block;
	padding: 0;
	margin: 4px 10px;
	transition: .1s;
	fill: #fff;
}

#menu li:hover {
	background: #ededff;
	transition: .1s;
	fill: #0a1fea;
}

#menu li:hover .icons_social {
	transition: .1s;
	color: #fff;
	fill: #fff
}

#menu li:hover .little3 {
	transition: .1s;
	color: #fff;
	fill: #fff
}

#menu li:hover .little {
	transition: .1s;
	color: #fff;
	fill: #fff
}

#menu li:hover a {
	color: #0a1fea;
	transition: .1s;
	background: #f8f8ff;
}

@media (min-width:768px) {
	#menu li {
		display: block
	}
}

@media (max-width:768px) {
	#menu li {
		display: block
	}
}

@media (min-width:1024px) {
	#menu {
		width: 25vw
	}
}

@media (max-width:1024px) {
	#menu {
		width: 50vw;
		padding: 10px 10px
	}
}

@media (max-width:768px) {
	#menu {
		width: 100vw
	}
}

@media (max-width:768px) {
	#menu li {
		border: none;
		margin: 2px 10px
	}
}

@media (max-width:768px) {
	#menu ul {
		margin-right: 15px;
		margin-left: 15px
	}
}

@media (max-width:768px) {
	#menu_icon {
		width: 40px;
		top: 0;
		right: 0 !important;
		padding: 13px;
	}
}

@media (max-width:768px) {
	#menu_up {
		width: 40px;
		top: 0;
		right: 0;
	}
}

.icons_social {
	width: 25px;
	padding: 5px;
	display: block;
	margin-left: 0
}

.medium {
	max-width: 1024px
}

.all {
	width: calc(50% - 0px);
	padding: 20px 30px;
	overflow-x: hidden;
	margin: 0 auto 20px;
	font-size: .95em;
}

@media (max-width:560px) {
	.all {
		padding: 1rem;
		width: 100%;
	}
}

.row {
	width: 100%;
	display: flex;
	width: 100%;
	justify-content: center;
}

.row_center {
	display: flex;
	width: 100%;
	justify-content: center;
}

#up {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 41px;
	height: 41px;
	padding: 8px;
	z-index: 10000000000000000000000000000000;
	display: none;
}

#up:hover {
	opacity: 0.5;
}

@media (max-width:768px) {
	#up {
		right: 0;
	}
}

.col-xs-3 {
	width: 33%;
	display: inline-block
}

.padding5 {
	margin-left: 5px
}

.text {
	padding: 20px 4px;
	display: block
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left
}

@media (max-width:768px) {
	.grid {
		padding: 0
	}
}

.margin1em {
	margin: 1em .65em
}

figure {
	float: left;
	padding: 0;
	margin: 0;
	max-height: calc(32vw * 0.4);
}

@media (max-width:768px) {
	figure {
		max-height: calc(100% * 0.45)
	}
}

@media (max-width:768px) {
	figure {
		padding: 0
	}
}

img {
	object-fit: cover;
	width: 100%;
	padding: 0;
	margin: 0;
}


.iconsocial {
	margin: 5px;
}

@media (max-width:560px) {
	.iconsocial {
		margin: 0;
	}
}



#contacts {
	padding: 0 0;
}

#contacts a,
#contacts a:visited,
#contacts a:focus {
	color: #181e4a;
	color: #2c315d;
	color: #303451;
	padding: 0 0;
}

#contacts a:hover {
	color: #ededff;
	color: #ededff;
	color: #5c5684 !important;
	color: #5b0bff !important;
	background: #fff;
}

#contacts h3 {
	letter-spacing: .1em;
	width: 100%;
	display: block;
}

.cubeslogo {
	padding: 0;
	min-width: 60px;
	max-width: calc(15% - 20px);
	min-width: calc(15% - 20px);
	margin: 10px 0;
	transition: 0.5s;
	flex: 1;
	border: 0 solid black;
	background: #414e93;
	background: transparent;
}

.cubeslogo:hover {
	transform: rotateY(180deg);
	transition: 0.5s;
	cursor: pointer;
}

@media (max-width:768px) {
	#legos2b {
		display: none
	}

	.cubeslogo {
		max-width: calc(33.333% - 5px);
		min-width: calc(33.333% - 5px);
		margin: 5px 0;
		padding: 0;
	}

}

@media (max-width:768px) {
	#legos2b {
		display: none
	}

	.hover3 {
		width: calc(50% - 0px);
		margin: 0 0 2px 0;
	}
}

* {
	box-sizing: border-box;
}



ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.name {
	margin: 10px 0 0 10px;
	display: inline-block;
	font-size: 1.1em;
	border: 0 solid #5555ff;
	padding: 4px;
	margin: 10px;
	transition: 0.1s;
}

h2,
h3,
h4 {
	text-transform: none;
	display: inline-block;
	padding: 10px 0;
	margin-bottom: 0;
	transition: 0.1s;
}

h2 {
	font-size: 3.5em;
	margin: 20px 0;
	padding: 20px 0;
}

h3 {
	font-size: 1.75em;
	margin: 20px 0;
	padding: 20px 0;
}

h4 {
	text-align: left;
	font-size: 1.5em;
	margin: 20px 0;
	padding: 20px 0;
}

h1,
h2,
h3,
h4 {
	text-transform: none;
	margin: 16px 0;
	padding: 32px 0;
	font-family: "rotunda-variable", sans-serif;
	font-variation-settings: 'wght' 800;
}

h1 {
	font-size: 3.5em;
}

.hover1 {
	transition: all 0.2s;
	position: relative;
	display: inline-block;
	margin: 5px;
	z-index: 0;
	transition: all 0.2s ease;
}

.hover1b {
	transition: all 0.2s;
	position: relative;
	display: inline-block;
	margin: 0 0;
	z-index: 0;
	transition: all 0.2s ease;
	position: relative;
}

.clippath1 {
	clip-path: polygon(36% 0, 23% 49%, 49% 49%, 31% 100%, 72% 40%, 46% 40%, 72% 0%);
	position: absolute;
	top: -20px;
	left: 20px;
	width: 100%;
	height: 100%;
	background: #fcff00;
	opacity: 0;
	transition: all 0.2s ease;
	border: 2px solid #000;
}

.hover_text {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	padding: 10px;
	line-height: 1.2;
	text-transform: none;
	transition: all 0.2s ease;
	font-size: 2em;
	z-index: 1;
	width: calc(100% - 10px);
	margin: 0 5px;
	letter-spacing: .05em;
	text-align: center;


}

.hoverbackground {
	z-index: 1;
	background: #cc00ff;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 0px);
	margin: 0 0px;
	height: 100%;
	transition: all 0.2s ease;
}

.hoverbackground2 {
	z-index: 1;
	background: #fc04ff;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 8px);
	margin: 0 4px;
	height: 100%;
	transition: all 0.2s ease;
}

.hover1:hover .hover_text {
	opacity: 1;
	transition: all 0.1s;
	background: transparent;
	color: #00e4ff;
	color: #2155ff;
	color: #444b69;
	color: #6e748e;
	color: #cad4ff;
	z-index: 3
}

.hover1:hover .hoverbackground {
	opacity: 1;
	transition: all 0.1s ease;
	background: #fc00ff;
	background: #ff2960;
	color: #fff;
	z-index: 0;
}

.hover1:hover .hoverbackground2 {
	opacity: 1;
	transition: all 0.1s ease;
	background: #ea00ff;
	color: #fff;
	z-index: 0;
}

.hover1:hover .clippath1 {
	opacity: 0;
	transition: all 0.1s ease-in-out;
	z-index: 2;
}

.hover1b:hover .hover_text {
	opacity: 1;
	transition: all 0.1s;
	background: transparent;
	color: #00e4ff;
	color: #2155ff;
	color: #444b69;
	color: #6e748e;
	color: #cad4ff;
	z-index: 3
}

.hover1b:hover .hoverbackground {
	opacity: 1;
	transition: all 0.1s ease;
	background: #fc00ff;
	background: #ff2960;
	color: #fff;
	z-index: 0;
}

.hover1b:hover .hoverbackground2 {
	opacity: 0;
	transition: all 0.1s ease;
	background: #ea00ff;
	color: #fff;
	z-index: 0;
}

.hover1b:hover .clippath1 {
	opacity: 0;
	transition: all 0.1s ease-In-Out;
	z-index: 2;
	transform: translate(-20px, 20px);
}

@media (max-width:560px) {
	.hover1:hover .hover_text {
		transform: translateX(0);
	}

	.hover1 {
		padding: 0;
		margin: 2px;
		object-fit: cover;
	}

	.hover1 img {
		object-fit: cover;
		margin: 0;
	}
}



@media (max-width:560px) {
	.hover1b:hover .hover_text {
		transform: translateX(0);
	}
}


@media (max-width:768px) {
	.hover_text {
		overflow-x: hidden;
		font-size: .9em;
	}
}

.hover_text:hover {
	background: #fff;
	transition: .2s;
}

.cubeimg1 {
	height: 150px;
	width: calc(25% - 10px);
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0 solid #fff;
	border-radius: 0;
	background: #541fff;
	margin: 0 5px 10px 0;
	text-align: center;
}

.cubeimg1row {
	padding: 0 0 0 0;
}

@media (max-width:1024px) {
	.cubeimg1 {
		height: 20vh;
		width: calc(50% - 10px);
		margin: 5px;
	}
}

@media (max-width:768px) {
	.cubeimg1 {
		width: calc(33% - 10px);
	}
}

@media (max-width:560px) {
	.cubeimg1 {
		width: calc(50% - 5px);
		margin: 5px 0;
	}
}

@media (min-width:1024px) {
	.cubeimg1 {
		width: calc(25% - 10px);
	}
}

.cubeimg1 p {
	font-size: 1.25em;

	color: #fff !important;
}


.imghover {
	transition: all 0.3s;
}

.padding10 {
	padding: 10px 0;
}

.paddingsides10 {
	padding: 0 5px;
}

.font1 {
	color: #222;
}

.cube4 {
	padding: 0 0;
	margin: 0 5px;
	background: transparent;
	flex: 1;
	min-width: calc(25% - 10px);
	font-size: 1.05em;
	position: relative;
	border-bottom: 0 solid #fff;
	z-index: 100;
}

.padding5 {
	padding: 5px 0;
}

.name1 {
	font-size: 1.1em;
	padding-bottom: 5px;
}

.desc {
	font-size: 2em;
	text-transform: none;
	text-align: left;
	padding: 40px 5px;

}

.words {
	font-size: 1em;
	text-transform: none;
	letter-spacing: 0.01em;
	display: flex;
	flex-wrap: wrap;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 10px 0 30px;
	margin-right: -5px;
	filter: saturate(125%);
}

.cube6 {
	flex: 1;
	margin: 5px 5px 0 0;
	padding: 5px;
	display: inline-block;
	min-width: 120px;
	text-align: center;
	color: #fff;
	text-transform: none;
	font-size: 1.5em;

	letter-spacing: 1px;
	transition: 0.1s;
	width: 15vw;
	height: 15vw;

}

.cube6:last-child {
	flex: 1;
}

.cube7 {
	flex: 1;
	margin: 5px 5px 0 0;
	padding: 5px;
	min-width: 50%;
	background: #1d38ff;
	text-align: center;
	color: #fff;
	text-transform: none;
	font-size: 1.1em;
	letter-spacing: 1px;
	transition: 0.1s;
}

@media (min-width:768px) {
	.cube6 {
		min-width: 15%;
	}

	.cube6,
	.cube7 {
		padding: 5px;
		letter-spacing: 2px;
	}
}

@media (max-width:768px) {
	.cube6 {
		min-width: 100px;
		font-size: 1em;
	}
}

@media (max-width:560px) {
	.cube6 {
		min-width: 25vw;
		height: 25vw;
		font-size: 0.9em;
	}
}

.words2 {
	font-size: 1.05em;
	text-transform: none;
	letter-spacing: 0.01em;
}

.cube6:hover {
	background: #545e8f;
	color: #1d38ff;
	color: #fff;
	transition: all 0.1s;
}

.cube6 p {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.cube7:hover {
	background: #fff;
	color: #1d38ff;
	transition: 0.1s;
}

#loading {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 50000000000000000;
	height: 100vh;
	width: 100vw;
	background: #fff;

	overflow: hidden !important;
	max-width: 100vw;
	max-height: 100vh;
}

#loading4 {
	height: 100vh;
	width: 100vw;
	background: #5c2aff;
	z-index: 2500;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden !important
}

#loading1 {
	clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
	height: 100vh;
	width: 100vw;
	background: #3a3f74;
	background: #3f5aff;
	z-index: 5000000000000000;
	position: fixed;
	top: 0;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 75%, 0 25%);
	overflow: hidden !important;
	max-width: 100vw;
	max-height: 100vh;
}

#loading2 {
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	background: linear-gradient(45deg, #3a3f74 25%, #ff2c45 75%);
	z-index: 5000000000000000;
	overflow: hidden !important;
	max-width: 100vw;
	max-height: 100vh;
}

#loading3 {
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	background: #ff2c45;
	background: #3f5aff;
	overflow: hidden !important;
	z-index: 5000000000000000;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);
	clip-path: polygon(0 100%, 100% 100%, 100% 25%, 0 75%);
	clip-path: polygon(100% 100%, 100% 75%, 0 25%, 0 100%);
	max-width: 100vw;
	max-height: 100vh;

}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 500000000000000000;
	overflow: hidden !important;
}


@keyframes spin {
	from {
		transform: rotate(0deg);
		transform-origin: 50% 50%;
	}

	to {
		transform: rotate(360deg);
		transform-origin: 50% 50%;
	}
}

#testloading {
	animation-name: spin;
	animation-duration: 4000ms;
	animation-iteration-count: infinite;
	width: 80px;
	height: 80px;
	animation-timing-function: linear;
	transform-origin: center center;
}

.loaderleave {
	opacity: 0;
	transition: 1s ease;
	overflow: hidden !important;
}

.slideup {
	transform: translate(0, -100vh);
	opacity: 0;
	transition: 1.5s ease;
}

.slidedown {
	transform: translate(0, 100vh);
	opacity: 0;
	transition: 1.5s ease;
}

@media (max-width:560px) {

	.slideup,
	.slidedown {
		transition: 1s ease;
	}
}

.description {

	text-transform: none;
	font-size: 1.75em;
	margin: 0 0 5px 0;
	padding: 0px;
	text-align: center;
	width: 100%;
	z-index: 500;

	transition: all 0.2s;
	background: linear-gradient(-45deg, #ff7845, #a200ff, #fff600, #fc00ff);
	background: #00A6FB;
	background: #99F7AB;
	background: #7800ff;
	background: #263aff;
	background: #2645ff;
	background: #4560ff;
	letter-spacing: 0.1em;
	color: #fff;
}

.description:hover {
	color: #ff124f;
	color: #4560ff;
	background: #fff;
	transition: all 0.2s;
}

#description {
	display: flex;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	z-index: 100;
}

@media (max-width:768px) {
	#description {
		display: none;
	}
}

#description2 {
	display: none;
}

@media (max-width:768px) {
	#description2 {
		display: inline-block;
		width: 100%;
		letter-spacing: 0.1em;
		padding: 0 5px;
	}

	.description {
		text-align: center;
		letter-spacing: 0em;
		font-size: 1em;
		padding: 5px 0;
		width: calc(25% - 5px);
		margin: 2px;
		float: left;
	}

	.description:last-child {
		margin-right: 0 !important;
		width: 25%;
	}
}


#slide h2,
#slide h3 {
	color: #fff !important;

	text-transform: none;
	font-size: 3.5em;
}

@media (max-width:768px) {

	#slide h2,
	#slide h3 {
		font-size: 2em;
	}
}

.captionslide2 {
	font-style: italic;
	font-size: 0.95em;
	text-align: center;
	color: #333;
}

.captionslide2 p {
	padding: 0 0;
}

#cube1 {
	width: 100%;
	display: none;
	margin: 0 auto;
}

@media (max-width:768px) {
	#cube1 {
		display: block;
		margin-top: -15px;
	}
}

.elephant {
	width: calc(100% - 0px);
	margin: 0 0 0 0;
	padding: 20% 20% 15% 20%;
	border: 0 solid #ff008c;
	object-fit: cover;
	background: #ff1d59;
	border-radius: 0;
}

.elephant img {
	border-radius: 0;
}

.elephant1b {
	margin: 3px 0px 5px 0;
	padding: 0;
	border: 0 solid yellow;
}

.elephant3 {
	margin-left: 10px;
}

#elephants {
	display: flex;
	position: relative;
}

.col3 {
	flex: 1;
}

@media (max-width:768px) {
	.elephant {
		margin: 5px 5px 5px 0;
		padding: 15px 15px 10px
	}
}

.elephant:hover,
.elephant2:hover {
	transform: rotateY(180deg);
	filter: invert(1) saturate(500%);
}

.elephantrotate {
	transform: rotateY(180deg);
	filter: invert(1) saturate(500%);
}

.nosrcset {
	display: none;
}



.bigbig span {
	display: block;
}

@media (max-width:768px) {
	.bigbig {
		min-height: auto;
	}
}

.menuderoulant a {
	width: 100%;
	display: block;
	padding: 5px;
	background: #0a1fea;
	text-transform: none;
	color: #fff;

	fill: #fff;
}

.menuderoulant a:hover {
	color: #0a1fea;
	background: white;
	fill: #0a1fea
}



.arrow {
	text-align: center;
	position: absolute;
	bottom: -20px;
	left: 50%;
	z-index: 3500000000000000000;
	fill: #fff;
}

.arrowdown {
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 3500000000000000000;
	width: 35px;
	padding: 5px;
}

.arrowdown:hover {
	opacity: 0.5;
}

img {
	display: block;
	border: 0;
	opacity: 0;
}

img:not(.initial) {
	transition: opacity 1s;
}

img.initial,
img.loaded,
img.error {
	opacity: 1;
}

img:not([src]) {
	visibility: hidden;
}

#bars {
	position: relative;
	min-height: 100vh;
	z-index: 0;
	width: 100%;
	background: linear-gradient(135deg, #5C7AFF 20%, #306fff 20%, #306fff 40%, #3066BE 40%, #3066BE 60%, #44E5E7 60%, #44E5E7 80%, #73FBD3 80%, #73FBD3);
	filter: saturate(125%) brightness(105%) contrast(100%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.bar1 {
	width: 20%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: -100vh;
	background: #5C7AFF;
	transition: all 0.3s ease-in-out;
	display: none;
}

.bar2 {
	width: 20%;
	height: 100vh;
	position: absolute;
	left: 20%;
	top: -100vh;
	background: #306fff;
	transition: all 0.3s ease-in-out;
	display: none;
}

.bar3 {
	width: 20%;
	height: 100vh;
	position: absolute;
	left: 40%;
	top: -100vh;
	background: #3066BE;
	transition: all 0.3s ease-in-out;
	display: none;
}

.bar4 {
	width: 20%;
	height: 100vh;
	position: absolute;
	left: 60%;
	top: -100vh;
	background: #44E5E7;
	transition: all 0.3s ease-in-out;
	display: none;
}

.bar5 {
	width: 20%;
	height: 100vh;
	position: absolute;
	left: 80%;
	top: -100vh;
	background: #73FBD3;
	transition: all 0.3s ease-in-out;
	display: none;
}

#titreombre {
	position: absolute;
	top: 50px;
	left: 25%;
	opacity: 0.8;
	max-height: 100vh;
	padding-top: 50px;
	width: 55%;
	z-index: -1;
	filter: brightness(145%) saturate(125%) contrast(140%);
}

.col2 {
	width: calc(50% - 20px);
	float: left;
	border: 0 solid blue;
}

.col2content {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width:768px) {
	.col2 {
		width: 100%;
	}
}

.col2b {
	padding: 20px;
}

@media (max-width:768px) {
	.col2b {
		padding: 0;
		margin: 0;
	}
}


.col2c {
	margin-top: -20px
}

@media (max-width:560px) {
	.col2c {
		max-height: 50vh !important;
		margin: 20px 10px;
	}
}

@media (max-width:560px) {
	.cube3b {
		min-width: calc(33.33% - 10px);
		margin: 0 5px 0 0;
	}

	.cube3b:nth-child(3n) {
		margin: 0 0 0 0;
	}
}

@media (max-width:560px) {
	#elephant1text {
		top: -100%;
		width: calc(300% + 10px);

		text-align: center;
	}
}

@media (max-width:560px) {
	#elephant2text {
		top: -100%;
		width: calc(300% + 10px);
		left: calc(-100% - 5px);

		text-align: center;
	}
}

@media (max-width:560px) {
	#elephant3text {
		top: -100%;
		width: calc(300% + 10px);
		left: calc(-200% - 10px);

		text-align: center;
	}
}

@media (max-width:560px) {
	#elephant4text {
		top: -200%;
		width: calc(300% + 10px);
		left: 0;

		text-align: center;
	}
}

@media (max-width:560px) {
	#elephant5text {
		top: -200%;
		width: calc(300% + 10px);
		left: calc(-100% - 5px);

		text-align: center;
	}
}

@media (max-width:560px) {
	#elephant6text {
		top: -200%;
		width: calc(300% + 10px);
		left: calc(-200% - 10px);

		text-align: center;
	}
}

@media (max-width:560px) {
	.cube3b {
		margin: 0 10px 0 0;
	}

	#elephantrow .cube3b {
		min-width: calc(16.665% - 10px);
	}

	#elephantrow .cube3b:nth-child(3n) {
		margin: 0 10px 0 0;
	}

	#elephantrow .cube3b:nth-child(6n) {
		margin: 0 0 0 0;
	}
}

h1,
h2,
h3,
h4,
h5 {
	background: #193fff;
	background: transparent;
	color: #000;
	letter-spacing: 0em;
	padding: 20px 0;
}

h1 {
	font-size: 3em;
	text-transform: none;


}

h1 span {
	display: block;
}

.gridbox {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: minmax(calc(33% - 5px), calc(33% - 5px)) minmax(calc(33% - 5px), calc(33% - 5px)) minmax(calc(33% - 5px), calc(33% - 5px));
	margin: 10px;
	margin-top: 10px;
}

.grid1 {
	padding: 10px;
	height: 29vh;
	max-width: 100%;
	color: #fff;
	text-transform: none;
	font-size: 5.5em;

	word-break: break-all;
	letter-spacing: 0.15em;

}

@media (max-width:560px) {
	.gridbox {
		margin-top: 10px;
	}

	.grid1 {
		font-size: 2em;
	}
}

.color1 {
	background: #4512ff;
}

.color2 {
	background: #04ffa3;
}

.color3 {
	background: #F71735;
}

.color3 {
	background: #ff2750;
}

.color4 {
	background: #656176;
}

.color5 {
	background: #5E2BFF;
}

.color6 {
	background: #C04CFD;
}

.color7 {
	background: #FC6DAB;
}

.color8 {
	background: #FFE74C;
}

.color9 {
	background: #DECDF5;
}

.color10 {
	background: #FF5964;
}

.color11 {
	background: #482A8E;
}

.color12 {
	background: #482A8E;
}

.color13 {
	background: #6000ff;
}

.color14 {
	background: #96ff00;
}

.color15 {
	background: #00ff5a;
}

.color16 {
	background: #eaff00;
}

.color17 {
	background: #ff1d58;
}

.color18 {
	background: #e1ff19;
}

.color19 {
	background: #ff2960;
}

.color20 {
	background: #524eff;
}

.color21 {
	background: #6243ff;
}

.gridflex {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.item1 {
	grid-column: 1 / 3;
	height: calc(33vh - 10px);
	color: #fff;
	text-transform: none;
	font-size: 5.5em;

	word-break: break-all;
	letter-spacing: 0.15em;

}

.item2 {
	height: calc(33vh - 10px);
	color: #fff;
	max-width: 100%;
	text-transform: none;
	font-size: 5.5em;

	word-break: break-all;
	letter-spacing: 0.15em;

}

@media (max-width:560px) {

	.item1,
	.item2 {
		font-size: 3em;

	}
}

.cubes_1 {
	padding: 0 0 0 0;
	clear: both;
	border: 0 solid blue;
	width: calc(100% - 0px);
	margin: 10px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.border2 {
	border: 0 solid #000;
}

.hover2 img {
	display: block;
	margin: 0;
	padding: 0;
}

.hover2 {
	margin: 0 0 0 0;
	padding: 3.5%;
	border: 0 solid #000;
	width: calc(25% - 0px);
	max-width: calc(25% - 0px);
	position: relative;
	flex: 1
}

@media (max-width:768px) {
	.hover2:nth-child(2n) {
		margin-right: 0;
	}

	.hover {
		width: calc(25% - 0px);
	}
}

.hover2:hover {
	opacity: 0.5;
	transition: 0.2s;
}

@media (max-width:768px) {
	.hover2 {
		width: calc(50% - 0px);
		min-width: calc(50% - 0px);
	}

	.hover2:nth-child(4n) {
		margin-right: 0;
	}

	.hover2:nth-child(3n) {
		margin-left: 0;
	}

	.hover2:nth-child(1) {
		margin-left: 0;
	}
}


.wrapper {
	border: 0 solid blue;
	display: grid;
	max-width: calc(100vw - 10px);
	grid-gap: 10px;
	margin: 0 0 0 0;
	grid-template-columns: [col1-start] calc(33.33% - 5px) [col2-start] calc(33.33% - 10px) [col3-start] calc(33.33% - 5px) [col3-end];
	grid-template-rows: [row1-start] calc(33vh - 10px) [row2-start] calc(33vh - 10px) [row3-start] calc(33vh - 10px) [row2-end];
	background-color: #fff;
	color: #444;
	margin: 10px;
}

@media (max-width:560px) {
	.wrapper {
		padding: 0 10px 0 0;
		grid-template-columns: [col1-start] calc(33.33% - 5px) [col2-start] calc(33.33% - 10px) [col3-start] calc(33.33% - 5px) [col3-end];
	}
}

.box {
	color: #fff;
	padding: 20px;
	color: #fff;
	text-transform: none;
	font-size: 6.75em;

	word-break: break-all;
	letter-spacing: 0.25em;

}

@media (max-width:560px) {
	.box {
		font-size: 3.5em;

	}

	.wrapper {
		width: 100%
	}
}

.box1 {

	grid-column: col1-start / col3-start;
	grid-row: row1-start;
}

.box2 {
	grid-column: col3-start;
	grid-row: row1-start;
}

.box3 {
	grid-column: col1-start;
	grid-row: row2-start;
}

.box3b {
	grid-column: col3-start;
	grid-row: row1-start / row3-start;

}


.box4 {
	grid-column: col2-start;
	grid-row: row2-start;
}

.box4 {
	grid-column: col3-start;
	grid-row: row2-start;
}

.box4a {
	grid-column: col2-start;
	grid-row: row2-start;
}

.box4b {
	grid-column: col1-start / col2-start;
	grid-row: row2-start;
}

.box5 {
	grid-column: col1-start;
	grid-row: row3-start;
}

.box6 {
	grid-column: col2-start /col3-end;
	grid-row: row3-start;
}

.f {
	grid-column: col2-start /col3-end;
	grid-row: row3-start;
}

.boximg {
	padding: 10px;
	display: block !important;
	opacity: 0;
}

@media (max-width:560px) {
	.boximg {
		padding: 0;
	}
}

#container {
	width: 75%;
}


.display {
	opacity: 1;
	transition: .5s ease;
}

#navicon {
	width: 60px;
	height: 50px;
	position: fixed;
	top: 0;
	right: 50px;
	background: transparent;
	z-index: 350000000000000000;
	cursor: pointer;
}

#navicon1 {
	height: 2px;
	background: #000;
	width: 35px;
	position: fixed;
	top: 10px;
	right: 50px;
	z-index: 350000000000000;
	transition: all .2s ease;
	cursor: pointer;
}

#navicon2 {
	height: 2px;
	background: #000;
	width: 35px;
	position: fixed;
	top: 20px;
	right: 50px;
	z-index: 350000000000000;
	transition: all .2s ease;
	cursor: pointer;
}

#navicon3 {
	height: 2px;
	background: #000;
	width: 35px;
	position: fixed;
	top: 30px;
	right: 50px;
	z-index: 350000000000000;
	transition: all.2s ease;
	cursor: pointer;
}

.navicon1spin {
	transform: rotate(45deg);
	transition: all .2s ease;
	transform-origin: 50% 50%;
	fill: #000;
}

.navicon2spin {
	transform: rotate(-45deg);
	width: 40px;
	transition: all .2s ease;
	transform-origin: 25% 0%;
}

.navicon3spin {
	transform: rotate(-45deg);
	transition: all .2s ease;
}

@media (max-width:560px) {
	.cube3 {
		margin: 5px;
		padding: 0 20px;
	}
}

@media (max-width:768px) {}

@media (max-width:560px) {

	.cube3 h3 {
		padding: 0 !important;
		margin: 10px 0 !important;
		letter-spacing: 0em !important;
		font-size: 1.1em;
	}

	.cube3 {
		padding: 10px 30px;
		font-size: 1em;
		margin: 5px 0;
		width: 100% !important;
		min-width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 0 solid #fff;
	}


	.cube3inner {
		flex: 1;
	}

	.cube3 {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 5px;
		width: 50vh;
		height: 50vh;
		text-align: center;
	}

	.cube3 a {
		margin: 5px !important;
		padding: 0 !important;
		border: 0 solid #000;
		display: inline-block;
	}
}

.socialmedia1b {
	display: none;
}




#slide1 img {
	width: 60%;
	filter: saturate(150%) brightness(105%) hue-rotate(-5deg);
}

@media (max-width:768px) {
	#slide1 img {
		width: 100%
	}

	#slide1 {
		padding: 20px;
	}
}

#slide1 h2 {

	color: #5c14ff;
	color: #552dff;
	font-size: 2em;
	text-transform: none;
}

#slide1 h2 span {
	display: block;
}

@media (min-width:768px) {
	#slide1 h2 {
		font-size: 3.5em;
		letter-spacing: 0em !important;

	}
}

#name {
	font-size: .7em;

	color: #fff;
	margin: 5px 10px;
}

#othersites {
	font-size: .95em;

	color: #fff;
}

#name a,
#name a:visited,
#name a:focus {
	font-size: .8em;

	color: #fff;
	display: inline;
}

#othersites a,
#othersites a:visited,
#othersites a:focus {
	font-size: .8em;

	color: #fff;
	margin: 0 5px;
	padding: 5px;
	text-align: left;
	text-transform: none;
	display: inline !important;
	letter-spacing: 0em;
	letter-spacing: 0 !important;
}


@media (max-width:768px) {

	#name a,
	#name a:visited,
	#name a:focus {
		font-size: .7em;

		color: #fff;
		top: 10px;
		left: 10px;
		display: inline;
	}

	#othersites a,
	#othersites a:visited,
	#othersites a:focus {
		font-size: .8em;

		color: #fff;
		margin: 0 0 0 5px;
		padding: 3px 0 3px 5px;
		text-align: left;
		text-transform: none;
		display: inline !important;
		width: auto !important;
		float: left;
	}
}


.Calque_2 {
	margin: 20px;
}

#slide2 img {
	width: 55%;
	filter: contrast(125%) saturate(125%) brightness(115%) hue-rotate(-5deg);
}

@media (max-width:560px) {
	#slide2 img {
		width: 90%;
	}
}

.fresh3 {
	font-size: 6.5em;
	color: #ff3b3b;
	color: #efff3b;
	color: #e6ff3b;
	color: #d8ff00;
	color: #da2dff;
	color: #8400ff;
	color: #ff5459;
	color: #fff;


	text-transform: none;
	display: flex;
	align-items: center;
	justify-content: center;


	letter-spacing: 0.05em;
}



@media (max-width:768px) {

	.fresh,
	.fresh1,
	.fresh2,
	.fresh3 {
		font-size: 3.5em;
	}

	.fresh {
		left: 10%;
		right: 10%;
		top: 50%
	}

	.fresh1 {
		left: 10%;
		right: 10%;
		top: 47.5%
	}

	.fresh2 {
		left: 10%;
		right: 10%;
		top: 45%
	}
}

@media (max-width:768px) {
	.slide4row {
		width: 100%;
		padding: 20px;
	}
}

.col100 {
	width: 100%;
}

.col50 {
	width: calc(50% - 35px);
	display: inline-block;
	padding: 0 0;
	margin: 0 15px;
	vertical-align: middle;
	border: 0 solid #3535ff;
}

.col50 img {
	margin: 5px 0;
	max-height: 50vh;
	object-fit: cover;
}

@media (max-width:768px) {
	.col50 {
		width: 100%;
		padding: 0;
	}
}

.slide5row {
	width: 100%;
	margin: 4px auto;
	padding: 1.5em 20px;
	position: relative;
	color: #fff;
	background: #423dff;
	background: #423dff;
	background: #4a32ff;
	background: #5933ff;
	background: #532bff;
	background: #542dfe;
	background: #4d35ff;
	background: #6035ff;
	background: #fff;
	opacity: 1;
	filter: brightness(110%);
	filter: brightness(125%) saturate(110%) contrast(110%);
	filter: brightness(100%);
	filter: brightness(100%) saturate(100%) contrast(100%);
	color: #000 !important;
}

.slide5row p {
	font-size: 1.0em;

	margin: 0;
	padding: 20px 0;
}

@media (max-width:768px) {
	.slide5row {
		width: 100%;
		padding: 20px;
	}
}

@media (max-width:560px) {
	.slide5row {
		width: 100%;
		padding: 0 0;
	}

	.slide5row p {
		padding: 5px 0;
		font-size: .95em;
	}
}


.slide5row * {
	color: #000 !important;

	font-size: 1.05em;
}

.slide5row:last-child {
	margin-bottom: 0;
	padding-bottom: 20px;
}

@media (max-width:560px) {
	.slide5row:last-child {
		margin-bottom: 0;
		padding-bottom: 0px;
	}
}

#slide4 h1 {
	color: #615dff;
	color: #4366ff;
	color: #3b57ff;
	color: #5341ff;
	color: #fff;
	color: #541fff !important;
	text-shadow: 3px 3px #ff7d7d;
	text-shadow: 3px 3px #56ff72;
	text-shadow: 0 0 #ada4ff;

	margin: 0 0;
	padding: 40px 0 20px;
	font-size: 3em;
	text-transform: none;
	letter-spacing: 0.00em;
}


#slide4 h2,
#slide5 h2 {
	color: #4366ff;
	color: #3b57ff;
	color: #5341ff;
	color: #fff;
	color: #541fff !important;
	text-shadow: 0 0 #803bff;
	text-shadow: 3px 3px #ff7d7d;
	text-shadow: 3px 3px #56ff72;
	text-shadow: 0 0 #ada4ff;
	margin: 20px 0;
	padding: 20px 0;
	font-size: 2.5em;
	text-transform: none;


}

@media (max-width:560px) {
	#slide4 h1 {
		font-size: 1.75em;
		margin: 10px 0;
	}

	#slide4 h2 {
		font-size: 1.5em;
		margin: 0;
	}
}


#slide5 {

	background: #ff6c38;
	background: #d2ff00;
	background: #eaff00;
	background: #deff00;
	background: #e2ff21;
	background: #fff;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px 20px;
	color: #434961 !important;
	flex: 1;
	width: 100%;
	min-width: 100%;
	max-width: 100vw;

}

@media (max-width:560px) {

	#slide4,
	#slide5 {
		padding: 5px 20px;
	}
}

h2 {
	letter-spacing: 0 !important;
}

* h2 {
	letter-spacing: 0 !important;
}



#menubars {
	height: 55px;
	width: 55px;
	background: transparent;
	position: fixed;
	top: 0px;
	right: 10px;
	z-index: 15000000000;
	padding: 10px;
	transition: all .3s;
}

#menubars:hover {
	cursor: pointer;
	transition: all .3s;
}

#menubar1 {
	width: 32px;
	position: fixed;
	top: 16px;
	right: 15px;
	height: calc(1em / 8);
	background: #3e3e60;
	background: #0D1240;
	margin: 0 5px;
	z-index: 150000000000;
	transition: all .15s ease;
}

/* #menubar2 {
	width: 32px;
	position: fixed;
	top: 18px;
	right: 15px;
	height: 0.1em;
	background: #0D1240;
	display: none;
	margin: 0  5px;
	z-index: 15000000000000000;
	transition: all .15s ease;
} */

#menubar3 {
	width: 32px;
	position: fixed;
	top: 25px;
	right: 15px;
	height: calc(1em / 8);
	background: #0D1240;
	margin: 0 5px;
	z-index: 150000000000000000;
	transition: all .15s ease;
}

#menubar4 {
	height: 0;
	width: 0.08em;
	background: #fff;
	margin: 5px;
	z-index: 150000;
	position: fixed;
	top: 10px;
	right: 15px;
	transition: all .3s;
}

#menubar5 {
	height: 0;
	width: 0.08em;
	background: #fff;
	margin: 5px;
	z-index: 150000;
	position: fixed;
	top: 10px;
	right: 23px;
	transition: all .3s;
}

#menubar6 {
	height: 0;
	width: 0.08em;
	background: #ededff;
	margin: 5px;
	z-index: 150000;
	position: fixed;
	top: 10px;
	right: 31px;
	transition: all .3s;
}

#menubar1.animate {
	width: 25px;
	background: #ededff;
	transition: all .2s;
	transform: rotate(45deg);
	transform-origin: 25% 50%;
}

#menubar2.animate {
	width: 0;
	background: #ededff;
	transition: all .2s;
}

#menubar3.animate {
	width: 25px;
	background: #ededff;
	transition: all .2s;
	transform: rotate(-45deg);
	transform-origin: 25% 50%;
}

/* #menubar4.animate {
	height: 32px;
	background: #ededff;
	transition: all .1s ease;
}

#menubar5.animate {
	height: 26px;
	background: #ededff;
	transition: all .3s ease;
}

#menubar6.animate {
	height: 20px;
	background: #ededff;
	transition: all .4s ease;
} */

@media (max-width:560px) {

	#menubars,
	#menubar1,
	#menubar2,
	#menubar3 {
		right: 5px;
	}
}

@media (max-width:560px) {
	#menubars {
		top: 0;
		right: 0;
	}
}

@media (max-width:560px) {
	#menubar1 {
		top: 5px;
	}
}

@media (max-width:560px) {
	#menubar2 {
		top: 13px;
	}
}

@media (max-width:560px) {
	#menubar3 {
		top: 21px;
	}
}

@media (max-width:560px) {
	#menubar4 {
		top: 5px;
		right: 5px;
	}
}

@media (max-width:560px) {
	#menubar5 {
		top: 5px;
		right: 13px;
	}
}

@media (max-width:560px) {
	#menubar6 {
		top: 5px;
		right: 21px;
	}
}

#innermenu {
	width: 50vh;
	height: 100vh;
	background: #1234ff;
	position: fixed;
	top: 0;
	left: 25vw;
	opacity: 0;
}

#menu a,
#menu a:visited,
#menu a:focus {
	display: block;
	padding: 5px 10px;
	border: 0 solid #fff;
	text-align: left;
	color: #fff !important;
	width: 400px;
	margin: 5px auto;
	transition: all .3s;
	font-size: 1.1em;
	letter-spacing: 0.01em;
	text-transform: lowercase;

}

@media (max-width:560px) {

	#menu a,
	#menu a:visited,
	#menu a:focus {
		width: 50%;
		padding: 5px 20px;
		margin: 0 auto;
		font-size: 1em;
	}
}

#menu a:hover {
	color: #6040FF !important;
	color: #8f79ff !important;
	color: #ededff !important;
	background: #9F8CFF;
	transition: all .3s;
}

#hamburger {
	position: fixed;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	padding: 10px;
	z-index: 3500000000000;
	display: none;
}

#close {
	display: none;
	position: fixed;
	top: 0;
	right: -0;
	width: 48px;
	height: 48px;
	padding: 10px;
	z-index: 35000000000000000000000;
}

h1 {
	font-size: 3.5em;
	color: #fff;
	opacity: 1;
	filter: brightness(115%) contrast(110%);
}

@media (max-width:560px) {
	h1 {
		font-size: 2.25em;
	}
}

@media (max-width:560px) {
	* h2 {
		font-size: 1.25em;
	}
}

.rowtest {
	color: #000 !important;
	width: 100%;
	clear: both;
	padding: 0 20px;
}

@media (max-width:560px) {
	.rowtest {
		padding: 0;
	}
}

@media (max-width:560px) {
	.col50 {
		padding: 0;
		margin: 0;
	}
}

img {
	vertical-align: top;
}

.slide5text {
	padding: 0 15px
}

@media (max-width:560px) {
	.slide5text {
		padding: 0;
	}
}

* h2 {
	font-family: "rotunda-variable", sans-serif;

}

 .animation-element{opacity:0;position:relative}.animation-element.slide-left{opacity:0;width:0;transition:all 1500ms ease-in-out;transform:translate3d(-100%,0,0)}.animation-element{opacity:.75;transition:all 1500ms ease-in-out;transform:translate3d(-250px,0,0)}.animation-element.slide-left.all-background{opacity:0;width:0;transition:all 1500ms ease-in-out;transform:translate3d(-100%,0,0)}.animation-element.slide-left.all-background.in-view{opacity:1;width:100%;transform:translate3d(0,0,0)}@media (max-width:560px){.animation-element.slide-left,.animation-element.slide-left.all-background{transition:all 1500ms ease-in-out}}#testheader2:hover{cursor:pointer}#testheader2{min-height:100vh;position:absolute;top:0;margin-left:0;left:66.66%;width:33.33%;opacity:1;font-size:6em;color:#fff;font-family:"rotunda-variable",sans-serif;position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;z-index:45;overflow:hidden;max-width:100%}@media (max-width:560px){#testheader2{right:0;margin-left:0}}#testheader3{min-height:100vh;position:absolute;top:0;margin-top:-50%;background:#fff;left:66.66%;width:33.33%;opacity:1;font-size:6em;color:#fff;position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;padding:10px}#testheader4{position:absolute;top:0;left:61.75%;width:43.5%;opacity:1;font-size:6em;color:#124578;font-family:"geomanistregular","rotunda-variable",sans-serif;position:absolute;display:flex;align-items:center;justify-content:center;opacity:.5;z-index:46;overflow:hidden;transform:rotate(90deg);opacity:0}
 #testheader5{position:absolute;top:12.5%;padding-left:0;left:70%;width:25%;opacity:1;font-size:6em;color:#124578;position:absolute;display:flex;align-items:center;justify-content:center;opacity:.5;z-index:46;overflow:hidden}#title1{font-size:6em;color:#fff;position:absolute;top:-.29em;left:20%;display:flex;align-items:center;justify-content:center;min-height:100vh;width:50%;z-index:50;opacity:0}#title2{font-size:6em;color:#fff;position:absolute;display:flex;top:.25em;left:25%;align-items:center;justify-content:center;height:100%;width:50%;z-index:50;opacity:0;word-break:normal;line-height:1}@media (max-width:560px){#title1{font-size:2.5em;left:5%;width:65%}}@media (max-width:560px){#title2{font-size:2.5em;left:5%;width:65%}}@media (max-width:560px){#testheader3{width:25%;left:75%}}#hi{min-height:100vh;background:#40ff00;background:transparent;display:flex;align-items:center;justify-content:center;padding:25px;position:relative;z-index:45000}#background1{background:#353aff;background:#40ff00;background:#cc00ff;background:#1eff00;background:#00ff0c;background:#40ff00;position:absolute;top:0;left:0;width:100%;z-index:3500;min-height:100vh;opacity:1}#intro{color:#fff!important;background:#3e35ff;background:#4c39ff}#intro *{color:#000!important}.animation-element{animation:all 500ms ease-in-out;transform:translate3d(-0,0,0)}.animation-element.cube-translate{opacity:.85;animation:all 500ms ease-in-out;transform:translate3d(-0,0,0)}.animation-element.cube_1{opacity:.85;animation:all 500ms ease-in-out}.animation-element.cube_1.cube-translate{opacity:.85;transition:all 500ms ease-in-out;transform:translate3d(-0,0,0)}.animation-element.cube_3.cube-translate{opacity:.85;transition:all 500ms ease-in-out;transform:translate3d(-0,0,0)}.animation-element.cube_4.cube-translate{opacity:.85;transition:all 500ms ease-in-out;transform:translate3d(-0,0,0)}#cubes{position:relative;padding:100px 0;min-height:250px}
 .cube_1{position:absolute;opacity:0;left:0;top:0;transform:translate3d(-0,-150px,0)}.cube_2{position:absolute;left:49px;top:28px;opacity:0;transform:translate3d(-250px,0,0);transition-delay:.25s}.cube_3{position:absolute;left:98px;opacity:0;top:56px;transform:translate3d(250px,0,0);transition-delay:0s}.cube_4{position:absolute;opacity:0;left:49px;top:-30px;transform:translate3d(0,250px,0);transition-delay:0s}.cube_5{position:absolute;opacity:0;left:200px;top:-30px;transform:translate3d(0,-100px,0);transition-delay:.25s!important}.cube_6{opacity:0;position:absolute;left:299px;top:27px;transform:translate3d(0,-100px,0);transition-delay:.5s!important}.cube_7{opacity:0;position:absolute;left:250px;top:56px;z-index:35;transform:translate3d(0,-100px,0);transition-delay:.75s!important}.cube_8{opacity:0;position:absolute;left:250px;top:-1px;transform:translate3d(0,-100px,0);transition-delay:.1s!important}.cube_9{opacity:0;position:absolute;left:500px;top:-30px;transform:translate3d(0,-50px,0);transition-delay:.1s!important}.cube_10{opacity:0;position:absolute;left:450px;top:56px;transform:translate3d(0,-100px,0);transition-delay:.1s!important}.cube_11{opacity:0;position:absolute;left:550px;top:56px;transform:translate3d(0,100px,0);transition-delay:.1s!important}.cube_12{opacity:0;position:absolute;left:650px;top:56px;transform:translate3d(100px,0,0);transition-delay:.1s!important}.cube_13{opacity:0;position:absolute;left:600px;top:-30px;transform:translate3d(50px,0,0);transition-delay:.1s!important}.cube_14{opacity:0;position:absolute;left:550px;top:-115px;transform:translate3d(0,-75px,0);transition-delay:.1s!important}.cube_15{opacity:0;position:absolute;left:0;top:-0;z-index:1;transform:translate3d(0,-100px,0);transition-delay:.1s!important}.cube_16{opacity:0;position:absolute;left:50px;top:86px;z-index:1;transform:translate3d(0,100px,0);transition-delay:.2s!important}.cube_17{opacity:0;position:absolute;left:0;top:56px;z-index:1;transform:translate3d(0,100px,0);transition-delay:.3s!important}.cube_18{opacity:0;position:absolute;left:50px;top:28px;z-index:1;transform:translate3d(0,-100px,0);transition-delay:.4s!important}.cube_19{opacity:0;position:absolute;left:50px;top:-29px;transform:translate3d(0,-150px,0);transition-delay:.1s!important}.cube_20{opacity:0;position:absolute;left:100px;top:0;transform:translate3d(100px,100px,0);transition-delay:.6s!important}.cube_21{opacity:0;position:absolute;left:100px;top:56px;transform:translate3d(0,-100px,0);transition-delay:.6s!important}.cube_22{opacity:0;position:absolute;left:200px;top:-0;z-index:1;transform:translate3d(0,-100px,0);transition-delay:.1s!important}
 .cube_23{opacity:0;position:absolute;left:250px;top:86px;z-index:1;transform:translate3d(0,100px,0);transition-delay:.2s!important}.cube_24{opacity:0;position:absolute;left:200px;top:56px;z-index:1;transform:translate3d(0,100px,0);transition-delay:.3s!important}.cube_25{opacity:0;position:absolute;left:250px;top:28px;z-index:1;transform:translate3d(0,-100px,0);transition-delay:.4s!important}.cube_26{opacity:0;position:absolute;left:450px;top:-29px;transform:translate3d(0,-150px,0);transition-delay:.1s!important}.cube_27{opacity:0;position:absolute;left:300px;top:0;transform:translate3d(100px,100px,0);transition-delay:.6s!important}

.cube_28{opacity:0;position:absolute;left:300px;top:56px;transform:translate3d(0,-100px,0);transition-delay:.6s!important;border:2px solid blue}.cube_29{opacity:0;position:absolute;left:350px;top:56px;transform:translate3d(0,-100px,0);transition-delay:.6s!important}.cube_30{opacity:0;position:absolute;left:400px;top:56px;transform:translate3d(0,-100px,0);transition-delay:.6s!important}.cube_31{opacity:0;position:absolute;left:450px;top:56px;transform:translate3d(0,-100px,0);transition-delay:.6s!important}.cube_32{opacity:0;position:absolute;left:300px;top:56px;transform:translate3d(0,-100px,0);transition-delay:.6s!important}
 .animation-element.cube_5.cube-translate,.animation-element.cube_6.cube-translate,.animation-element.cube_7.cube-translate,.animation-element.cube_8.cube-translate,.animation-element.cube_9.cube-translate,.animation-element.cube_10.cube-translate,.animation-element.cube_11.cube-translate,.animation-element.cube_12.cube-translate,.animation-element.cube_13.cube-translate,.animation-element.cube_14.cube-translate{opacity:.85;transition:all 500ms ease-in-out;transform:translate3d(-0,0,0)}.animation-element.cube_15.cube-translate,.animation-element.cube_16.cube-translate,.animation-element.cube_17.cube-translate,.animation-element.cube_18.cube-translate,.animation-element.cube_19.cube-translate,.animation-element.cube_20.cube-translate,.animation-element.cube_21.cube-translate,.animation-element.cube_22.cube-translate,.animation-element.cube_23.cube-translate,.animation-element.cube_24.cube-translate,.animation-element.cube_25.cube-translate,.animation-element.cube_26.cube-translate,.animation-element.cube_27.cube-translate,.animation-element.cube_28.cube-translate,.animation-element.cube_29.cube-translate,.animation-element.cube_30.cube-translate,.animation-element.cube_31.cube-translate,.animation-element.cube_32.cube-translate,.animation-element.cube_33.cube-translate{opacity:.85;transition:all 500ms ease-in-out;transform:translate3d(-0,0,0)}
 #cubesall{position:relative;top:50px;transform:scale(1.25);left:2em}@media (max-width:560px){#cubesall{top:0}}
 #cubes2{width:250px;position:relative;padding:20px 0;top:-275px;left:800px;display:none}#cubes3{width:100%;position:relative;padding:20px 0;display:none}@media (max-width:990px){#cubes2{transform:scale(.5);display:none}#cubes3{transform:scale(.5);min-height:150px}#cubes{min-height:150px}}.cubes2{display:inline-block;margin:0;padding:0}.cube15{margin-left:-10px}.capslock svg{opacity:1;width:100px}.capslock1{font-size:.5em}@media (max-width:560px){.capslock svg{width:100px}}
.formes{width:50%;margin:0 auto}@media (max-width:560px){.formes{width:100%;padding:20px}}.capslock1{text-transform:lowercase;font-size:2.25em;padding:0 20px 40px;width:50%;margin:0 auto}#header3{background:#3f36ff;background:#5235ff}@media (max-width:560px){.capslock{font-size:1.5em}}@media (max-width:560px){#cubes{transform:scale(.435) translateX(-210px) translateY(-0px);border:0 solid #3535ff}.cube_8,.cube_9,.cube_10,.cube_11,.cube_12,.cube_13{display:block}}