body, html 
{
font-family:'hk_groteskmedium', 'hk_groteskregular', 'geomanistregular',  'Lato', sans-serif;
font-weight:500!important;
	margin:0;
	padding:0;
	width:100%;
	max-width:100%;
	overflow-x:hidden;
	font-size:1em;
}


@font-face {
    font-family: 'geomanistregular';
    src: url('geomanist-medium-webfont.eot');
    src: url('geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('geomanist-medium-webfont.woff2') format('woff2'),
         url('geomanist-medium-webfont.woff') format('woff'),
         url('geomanist-medium-webfont.ttf') format('truetype'),
         url('geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hk_groteskregular';
    src: url('hkgrotesk-regular-webfont.woff2') format('woff2'),
         url('hkgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'hk_groteskmedium';
    src: url('hkgrotesk-medium-webfont.woff2') format('woff2'),
         url('hkgrotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

	p {font-size:1.1em;}

blockquote

{
	padding:0;
	margin:0}
	
.capslock
{
	text-transform:lowercase;
	font-size:3.5em;
	font-weight:800!important;
	padding:0 2rem;
	 font-family:geomanistregular,gilroy, futura-pt, sans-serif;

	width:50%;
	margin:0 auto;
}

.capslock img

{
	margin:50px 0;
}

@media (max-width:560px) {.capslock {font-size:1.5em;width:100%;}.capslock img {margin:20px 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;
	font-weight:800;
	font-family:Gilroy, futura-pt, sans-serif;
	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;
	font-family: 'Lato', sans-serif;
	font-weight:600!important;
	padding:10px;
}

.hi
{
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	color:#fff;
	font-size:7.5em;
	font-family:geomanistregular, gilroy, gilroyextrabold, brother-1816, 'Lato', sans-serif!important;
	font-weight:800;
}

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

#header3 {
background:url('https://vinh.at/img_eu/formes/background1b.svg'), linear-gradient(45deg, #ff5565, #ffa555);
background:url('https://vinh.at/img_eu/formes/background1c.svg'), linear-gradient(45deg, #ff3d5e, #ffa555);
background:url('img/background2_e.svg'), linear-gradient(45deg, #ff4867, #ffa555);
background:linear-gradient(45deg, #ff4867, #ffa555);
background:url('http://vinh.eu/img/bgtest.png'),linear-gradient(45deg, #ff2c59, #ff4949);
background:url('http://vinh.eu/img/bgtest.png'),linear-gradient(45deg, #523bff, #5a44ff);
background:url('http://vinh.eu/img/bgtest.png'),linear-gradient(45deg, #4444ff, #5a44ff);
background:#5a44ff;
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:100%;height:100vh;
background:#263aff;
background:#5730ff;
background:#6935ff;
background:#5c23ff;
	
z-index:3500000;position:fixed;top:0;left:0;
display:none;font-size:1.25em;letter-spacing:.0em;text-align:left;opacity:1;}

#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;
	
}

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

transition:0.1s;
 animation-name: animateIn;
  animation-duration: 250ms;
  animation-delay: calc(var(--animation-order) * 100ms);
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  font-family:futura-pt;
  font-family: 'Lato', sans-serif;
  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;font-weight:500;fill:#fff;

transition:0.1s;
 animation-name: animateIn;
  animation-duration: 250ms;
  animation-delay: calc(var(--animation-order) * 100ms);
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  font-family:futura-pt;
  font-family: 'Lato', sans-serif;
  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-weight:600;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;
  }
} 
#slide1b
{
	background:#ff3939;
	background:#ff464a;
	width:75%;
	min-height:50vh;
	display:flex;
	align-items:center;
	justify-content:center;
margin:10px auto;
}

#page2 .slide

{
	margin:0  0 0 0;
	padding:0 0 20px 20px;	
	width:calc(100% - 0px);
}
#slide
{
min-height:100vh;
background:#4729ff;
background:#552dff;
color:#fff!important;
font-size:1em;
text-align:left;
flex:1;
	width:75%;
	min-height:50vh;
display:flex;
justify-content:center;
align-items:center;
overflow-x:hidden;
margin:20px auto;
}


#slide1
{
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:linear-gradient(45deg, #f3ff32, #dbff32);
background:#e0ff10;
background:#e1ff1a;
background:#ccff1a;
background:#d1ff2f;
background:#d2ff2b;
background:#d8ff3b;
flex:1;
	width:75%;
	min-height:50vh;
overflow-x:hidden;
margin:20px auto;
}



#slide2
{
	width:75%;
	min-height:50vh;

flex:1;
max-width:100vw;
background:linear-gradient(45deg, #ff7e00, #F44708, #803bff, #ff0066);
background:linear-gradient(45deg, #F44708, #803bff, #ff0066);
background:linear-gradient(45deg, #ff5e5e, #3b93ff, #803bff, #ff0066);
background:url('https://vinh.at/img/eu/fresh3b.png'),linear-gradient(45deg, #803bff, #3b3bff, #803bff);
background:linear-gradient(45deg, #803bff, #3b3bff, #803bff);
background:linear-gradient(45deg, #6c00ff, #3b3bff, #0072ff);
background:#3b3bff;
background:#4d24ff;
background:#552dff;
background-size:100%;
background-repeat:no-repeat;
background-position:center;
filter:brightness(120%) saturate(150%) contrast(110%);
filter:brightness(125%) saturate(135%) contrast(110%);
display:flex;
justify-content:center;
align-items:center;
overflow-x:hidden;
margin:20px auto;
}

#slide3

{
background:linear-gradient(45deg, #ff2c59, #ff4949);
background:#ff1054;
background:linear-gradient(45deg, #00ffcc, #00ffcc);
background:#27ff2c;
background:#ff274b;
background:#ff2d50;
background:#ff3b5b;
background:#ff3b4d;
filter:brightness(105%);
	width:75%;
	min-height:50vh;
background-position:50% 50%;
background-size:cover;
background-repeat:no-repeat;
display:flex; 
justify-content:center;
align-items:center;
flex:1;
max-width:100vw;
margin:20px auto;
}


#slide4
{

padding:0 0;
background:#c1ff3b;
background:linear-gradient(45deg, #DE3C4B, #c1ff3b);
background:#FC7753;
background:#FFFD82; 
background:#ff603b;
background:#d2ff00;
background:url('https://vinh.at/img/eu/slide4b.png');
background:url('http://vinh.eu/img/background4.png');

background:#d2ff00;
 background:#542dfe;
background:#fff;
background:#fff;
background-size:100%;
color:#434961!important;
color:#fff!important;
flex:1;
width:100%;
max-width:100vw;
margin:20px 0;
}

@media (max-width:560px) {#slide1b, #slide, #slide1 , #slide2, #slide3, #slide4 {width:100%;max-height:50vh!important;}}

#pageouter
{
	position:relative;

	margin:0;
	min-height:calc(100vh + 0px);
	max-height:calc(100vh + 0px);
	width:100%;
	background:transparent;

}
/* ::-webkit-scrollbar { width:10px; background:#fff;} */
/* ::-webkit-scrollbar-thumb { width:10px; background:#e1e1ff;} */
/* #pageouter::-webkit-scrollbar { display: block; } */

 

#page2 .colleft

{
	width:75%;
	z-index:3500000000000000000000;
	background:#6935ff;
	display:flex;
	height:calc(100vh - 40px);
	text-transform:lowercase;
	font-family:Gilroy, futura-pt, sans-serif;
	align-items:center;
	justify-content:center;
	padding:40px;
	font-size:1em;
	color:#fff;
	margin:20px auto;
}

#page3 .colleft
{
	width:100%;
}
#page5 .colleft
{
	width:calc(100% - 40px);
	background:#4729ff;
	margin:20px;
}


#page2 h1, #page2 h2

{
	
	text-transform:lowercase;
	font-family:Gilroy, futura-pt, sans-serif;
}

#page2 img

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

#page2 p

{
	color:#000;
	font-weight:500;
	font-family: 'Lato', sans-serif;
}
#page2
{
	
	min-height:100vh;
	height:100vh;
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:#3a3aff;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:800;
	color:#fff;
	font-family:Gilroy, futura-pt, sans-serif;
	display:none;
	z-index:45000;
	overflow-y:scroll!important;
	padding:20px;
}




#page2 h2

{
	font-weight:800;
	font-family:Gilroy, futura-pt, sans-serif;
	text-transform:lowercase;
	padding:40px 0;
}

#page2 .slide

{
	width:100%;

	padding:0 ;
	min-height:100vh;
	overflow: scroll;
	color:#000;
	background:transparent;
	z-index:450000000000000000;
}

#page2 .slide p

{
	font-family: 'Lato', sans-serif;
	font-weight:500;
}
#page3
{
	
	min-height:100vh;
	height:100vh;
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:#ff3548;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:800;
	color:#fff;
	font-family:Gilroy, futura-pt, sans-serif;
	display:none;
	z-index:45000;
	overflow-y:scroll;
}

#page4
{
	
	min-height:100vh;
	max-height:100vh;
	height:100vh;
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:#6535ff;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:800;
	color:#fff;
	font-family: 'Lato', sans-serif;
	display:none;
	z-index:45000;
	overflow-y:hidden;
}




.colleft h2

{
	color:#fff;
		font-family:Gilroy, futura-pt, sans-serif;

	text-transform:lowercase;
}
#page4 .slide

{
	
	width:60%;
	margin-left:0%;
	margin-top:35vh;
	padding-right:20%;
	font-family: 'Lato', sans-serif;
	height:100vh;
	overflow-y:scroll;
	float:right;
	color:#000!important;
	font-weight:500!important;
	width:60%;
	margin-left:30%;
	margin-right:10%;
	float:right;
}


#page5
{
	
	min-height:100vh;
	height:100vh;
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:#ff3a5f;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:800;
	color:#fff;
	font-family:Gilroy, futura-pt, sans-serif;
	display:none;
	z-index:45000;
	overflow-y:scroll;
}


#page5 .slide

{
	
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family: 'Lato', sans-serif;
	font-weight:500;
	overflow:hidde;
	min-height:100vh;

}

.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;
	font-family: 'Lato', sans-serif;
	font-weight:600;
}

.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;
	font-weight:800;
	color:#fff;
	font-family:Gilroy, futura-pt, sans-serif;
	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-family:Gilroy, futura-pt, sans-serif;
	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;
	font-family:futura-pt,sans-serif;
	font-weight:600;
}

.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:50px;
	height:50px;
	background:#1d38ff;background:#6577ff;background:#6d0bff;background:#5b0bff;background:#3329ff;
	margin:0;
padding:1em;
display:inline-block!important;fill:#3329ff!important;transition:0.1s;border:2px solid #3329ff!important;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:50px;height:50px;padding:.75em;display:flex;align-items:center;justify-content:center;margin:0 10px 0 0px;background:#fff!important;fill:#4d58d6;fill:#23274e;fill:#fff;float:left;}

.social_media:hover{background:#3329ff!important;fill:#1d38ff!important;fill:#6577ff;fill:#6d0bff;fill:#5b0bff!important;fill:#fff!important;cursor:pointer;transition:0.1s;margin:0 10px 0 0px;}
@media (max-width:560px) {.social_media{width:50px;height:50px;padding:15px 15px 15px 15px;margin:5px;}}
@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-header{}
.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:#fff;
overflow-x:hidden;
width:calc(100% - 2rem);
background:linear-gradient(45deg, #ff3d6f 33.33%, #fff600 85%);
background:linear-gradient(45deg,  #ff3a72, #2AF5FF);
background:linear-gradient(45deg,  #ff3a72, #f600ff);
background:linear-gradient(45deg,  #ff3a72, #ff0048);
background:linear-gradient(45deg,  #ff3a72, #ff0048);
background:linear-gradient(45deg,  #6A7FDB, #7D83FF);
background:#6d0bff;
background:#5b0bff;
background:#5b0bff;
padding:2rem;text-align:center;display:block;font-weight:400;filter:saturate(125%) contrast(150%) brightness(100%);
border-top:2px solid #3333ff;margin:2rem 1rem 1rem 1rem;}
#footer a, #footer a:visited {color:#5c5684;color:#fff}
#footer a:hover {color:#ededff;color:#ededff;color:#5c5684!important;color:#5b0bff!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;}


#slide2b

{
	padding:1rem;
	margin:1rem 1rem 1rem 1rem;
	background:#ff3131;
	height:calc(100vh - 2rem);
	width:calc(100% - 2rem);
	color:#fff;
	font-family:Gilroy, Lato, sans-serif;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:5em;
	font-weight:800;
	position:relative;
}


#slide3b

{
	padding:1rem;
	margin:1rem 1rem 1rem 1rem;
	background:#00ff42;
	background:url('http://vinh.eu/img/background-city.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	height:calc(100vh - 2rem);
	width:calc(100% - 2rem);
	color:#fff;
	font-family:Gilroy, Lato, sans-serif;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:3.5em;
	font-weight:800;	
	
}


#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;font-weight:900;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%;clear:both;}



#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;font-weight:600;padding:0 0;}
#contacts a:hover {color:#ededff;color:#ededff;color:#5c5684!important;color:#5b0bff!important;background:#fff;}
#contacts h3 {font-weight:800;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;line-height:1.5em}



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;font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;}

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:10px 0;padding:20px 0;} 
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;font-weight:800;font-family:'Lato', sans-serif;}
.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){.hover_text{}.hover1:hover .hover_text{}}
@media (max-width:560px){.hover1b:hover .hover_text{transform:translateX(0);}}
@media (max-width:560px){.hover_text{}.hover1b:hover .hover_text{}}
@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;font-weight:600!important;color:#fff!important;font-family:'Lato', sans serif;}
.hover_text:hover .cubeimg1 img {}
.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;font-weight:700!important;font-family:hk_groteskregular, 'Lato', sans-serif;}

.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;font-weight:700;letter-spacing:1px;transition:0.1s;width:15vw;height:15vw;font-family:'Lato', sans-serif;}
.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{font-family:'Lato', sans-serif;text-transform:none;font-size:1.75em;margin:0 0 5px 0;padding:0px;text-align:center;width:100%;z-index:500;font-weight:900;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%;}}
@font-face {
    font-family: 'geomanistregular';
    src: url('geomanist-black-webfont.eot');
    src: url('geomanist-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('geomanist-black-webfont.woff2') format('woff2'),
         url('geomanist-black-webfont.woff') format('woff'),
         url('geomanist-black-webfont.ttf') format('truetype'),
         url('geomanist-black-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



#slide h2, #slide h3 {color:#fff!important;font-weight:700;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;font-weight:900;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;}}
.color1{background:#FFC09F;}
.color1b{background:#ffa800;}
.color2{background:#ADF7B6;}
.color2b{background:#06ff00;}
.color3{background:#80A4ED;}
.color3b{background:#119DA4;}
.color3c{background:#fcff00;}
.color4{background:#395C6B;}
.color5{background:#AEADF0}
.color6{background:#7161EF}
.color6b{background:#6c00ff}
.color6c{background:#7611ff}
.color6d{background:#4b13ff}
.color7{background:#FF9505}
.color8{background:#70D6FF}
.color9{background:#FF70A6}
.color10{background:#FF9770}
.color10b{background:#ff133f}
.color10c{background:#ff1d47}
.color11{background:#FFD670}
.color11b{background:#ffb21d}
.color12{background:#E9FF70}
.color13{background:#545E75}
.color14{background:#5aff00}
.color14b{background:#45CB85}
.color14c{background:#59FFA9}
.color14d{background:#ff133f}
.color15{background:#1985A1}
.color15b{background:#04ff8c}
.color15c{background:#fcff04}
.color16{background:#00A6FB}
.color17{background:#6d0bff}
.color17b{background:#5b0bff}
.color17c{background:#3329ff}
.color17d{background:#4a32ff}
.color18{background:#004FFF}
.color18b{background:#a100b4}
.color19{background:#FF007F}
.color20{background:#EE6C4D}
.color21{background:#FCFF4B}
.color22{background:#FFAD05}
.color23{background:#5F00BA}
.color23b{background:#F05D5E}
.color24{background:#004FFF}
.color25{background:#6622CC}
.color26{background:#EE6C4D}
.color27{background:#0AD3FF}
.color28{background:#F67E7D}
.color29{background:#ff3a76}
.color30{background:#7D83FF}
.color31{background:#007FFF}
.color32{background:#FFD23F}
.color32b{background:#ffe63f} 
.color33{background:#F67E7D}
.color34{background:#3185FC}
.color35{background:#6A7FDB}
.color36{background:#1AFFD5}
.color37{background:#5F4BB6}
.color38{background:#EF476F}
.color39{background:#FFD166}
.color40{background:#06D6A0}
.color41{background:#118AB2}
.color42{background:#073B4C}
.color43{background:#6976EF}
.color44{background:#FF5C59}
.color45{background:#FFF766}
.color46{background:#2E5EAA}
.color47{background:#5a73c4}
.color48{background:#e4ff4c}
.color49{background:#ff4646}
.color49{background:#4d24ff}
.about{padding:10px 5px 0 5px;clear:both;display:block;}
#elephant1 ,#elephant2 {position:relative;}
#elephant1:hover{cursor:pointer;}
#elephant2:hover{cursor:pointer;}
#elephant3:hover{cursor:pointer;}
#elephant4:hover{cursor:pointer;}
#elephant5:hover{cursor:pointer;}
#elephant6:hover{cursor:pointer;}
.opacity05{opacity:0.5}
#elephant1text{display:none;font-weight:900;font-size:1.1em;width:calc(100% - 0px);height:100%;border:0 solid #1c47ff;padding:20px;margin:0 0;position:absolute;top:-100%;left:0;bottom:0;background:#7800ff;color:#fff;}
#elephant1text p {padding:10px;margin:0;position:relative;top:50%;transform:translateY(-50%);}
#elephant2text{display:none;font-weight:900;font-size:1.1em;width:calc(100% - 0px);height:100%;border:0 solid #1c47ff;padding:20px;margin:0 0;position:absolute;top:0;left:0;background:#7800ff;color:#fff;}
#elephant2text p {padding:10px;margin:0;position:relative;top:50%;transform:translateY(-50%);}
#elephant3text{display:none;font-weight:900;font-size:1.1em;width:calc(100% - 0px);height:100%;border:0 solid #1c47ff;padding:20px;margin:0 0;position:absolute;top:0;left:0;background:#7800ff;color:#fff;}
#elephant3text p {padding:10px;margin:0;position:relative;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;}
#elephant4text{display:none;font-weight:900;font-size:1.1em;width:calc(100% - 0px);height:100%;border:0 solid #1c47ff;padding:20px;margin:0 0;position:absolute;top:0;left:0;background:#7800ff;color:#fff;}
#elephant4text p {padding:10px;margin:0;position:relative;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;}
#elephant5text{display:none;font-weight:900;font-size:1.1em;width:calc(100% - 0px);height:100%;border:0 solid #1c47ff;padding:20px;margin:0 0;position:absolute;top:0;left:0;background:#7800ff;color:#fff;}
#elephant5text p {padding:10px;margin:0;position:relative;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;}
#elephant6text{display:none;font-weight:900;font-size:1.1em;width:calc(100% - 0px);height:100%;border:0 solid #1c47ff;padding:20px;margin:0 0;position:absolute;top:0;left:0;background:#7800ff;color:#fff;}
#elephant6text p {padding:10px;margin:0;position:relative;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;}
@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);font-weight:900;text-align:center;}}
@media (max-width:560px) {#elephant2text{top:-100%;width:calc(300% + 10px);left:calc(-100% - 5px);font-weight:900;text-align:center;}}
@media (max-width:560px) {#elephant3text{top:-100%;width:calc(300% + 10px);left:calc(-200% - 10px);font-weight:900;text-align:center;}}
@media (max-width:560px) {#elephant4text{top:-200%;width:calc(300% + 10px);left:0;font-weight:900;text-align:center;}}
@media (max-width:560px) {#elephant5text{top:-200%;width:calc(300% + 10px);left:calc(-100% - 5px);font-weight:900;text-align:center;}}
@media (max-width:560px) {#elephant6text{top:-200%;width:calc(300% + 10px);left:calc(-200% - 10px);font-weight:900;text-align:center;}}


@font-face {
    font-family: 'gilroyextrabold';
    src: url('Gilroy-extrabold-webfont.woff2') format('woff2'),
         url('Gilroy-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Metropolis-Black';
  src: url('fonts/Metropolis-Black.otf'); 
}
		
@font-face {
  font-family: 'Metropolis-Bold';
  src: url('fonts/Metropolis-Bold.otf'); 
}
@font-face {
  font-family: 'Metropolis-Semibold';
  src: url('fonts/Metropolis-Semibold.otf'); 
}
		
	@font-face {
  font-family: 'Metropolis-Medium';
  src: url('fonts/Metropolis-Medium.otf'); 
}
		
		@font-face {
  font-family: 'Metropolis-Regular';
  src: url('fonts/Metropolis-Regular.otf'); 
}
		
		
@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 {
font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;
font-weight:800;
background:#193fff;background:transparent;color:#000;letter-spacing:0em;padding:20px 0;}
h1 {font-size:3em;text-transform:none;font-family:'Lato', sans-serif;font-weight:700;}
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;font-weight:700;word-break:break-all;letter-spacing:0.15em;font-family:'Lato', sans-serif;
}
@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;font-weight:700;word-break:break-all;letter-spacing:0.15em;font-family:'Lato', sans-serif;
  }.item2
{   
height:calc(33vh - 10px) ;color:#fff;max-width:100%;text-transform:none;font-size:5.5em;font-weight:700;word-break:break-all;letter-spacing:0.15em;font-family:'Lato', sans-serif;
  }
  
@media (max-width:560px) {.item1, .item2 {font-size:3em;font-weight:700;}}
.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;font-weight:700;word-break:break-all;letter-spacing:0.25em;font-family:'Lato'-bold, sans-serif;
		  
}
@media (max-width:560px) {.box{font-size:3.5em;font-weight:700;}.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;font-weight:700!important;}}

 #name {font-size:.7em;font-weight:400;color:#fff;margin:5px 10px;}
#othersites {font-size:.95em;font-weight:400;color:#fff;}
#name a, #name a:visited, #name a:focus{font-size:.8em;font-weight:400;color:#fff;display:inline;}
#othersites a, #othersites a:visited, #othersites a:focus{font-size:.8em;font-weight:400!important;color:#fff;margin:0 5px ;padding: 5px;text-align:left;text-transform:none;display:inline!important;letter-spacing:0em;letter-spacing:0!important;}
#name span {font-weight:900;}

@media (max-width:768px) {#name a, #name a:visited, #name a:focus{font-size:.7em;font-weight:400;color:#fff;top:10px;left:10px;display:inline;}
#othersites a, #othersites a:visited, #othersites a:focus{font-size:.8em;font-weight:400;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;}}
#coord {position:absolute;bottom:20px;left:5px;fill:#fff;display:none;}
#coord svg {transform:scale(.45);margin-bottom:-6px;margin-left:-6px;margin-right:-5px;}
#othersites a:hover {color:#263aff;fill:#263aff;}
#coord a{font-weight:400!important;}


.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;
font-weight:800;
font-family:'Lato', sans-serif;
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;font-weight:500;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-weight:500;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;
  font-weight:800;margin:0 0;padding:40px 0 20px;font-size:3em;
text-transform:none;letter-spacing:0.00em;

font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;
}


 #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;
  font-weight:800;
 
 }
  @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:40px;
position:fixed;
top:10px;
right:15px;
height:0.1em;
background:#3e3e60;
background:#d2d7ff;
margin:5px;
z-index:150000000000;
transition:all .3s;
}
#menubar2
{
width:30px;
position:fixed;
top:18px;
right:15px;
height:0.1em;
background:#d2d7ff;
margin:5px;
z-index:15000000000000000;
transition:all .3s;
}
#menubar3
{
width:30px;
position:fixed;
top:26px;
right:15px;
height:0.1em;
background:#d2d7ff;
margin:5px;
z-index:150000000000000000;
transition:all .3s;
}

#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:#fff;
margin:5px;
z-index:150000;
position:fixed;
top:10px;
right:31px;
transition:all .3s;
}

#menubar1.animate
{
width:0;
background:#fff;
transition:all .4s;
}

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

#menubar3.animate
{
width:0;
transition:all .1s;
}

#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;font-weight:600;}
@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:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif!important;font-weight:700;}


/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
  
}


/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
	width:0%;
  transition: all 1500ms ease-in-out;
  transform: translate3d(-100%, 0px, 0px);
}
.animation-element {
  opacity: .75;

  transition: all 1500ms ease-in-out;
  transform: translate3d(-250px, 0px, 0px);
}
.animation-element.slide-left.all-background {
  opacity: 0;
	width:0%;
  transition: all 1500ms ease-in-out;
  transform: translate3d(-100%, 0px, 0px);
}
.animation-element.slide-left.all-background.in-view {
  opacity: 1;
width:100%;
transform: translate3d(0px, 0px, 0px);
}

@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-weight:700;
font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', 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;
font-weight:700;
font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;
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-weight:700;
font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;
position:absolute;
display:flex;
align-items:center;
justify-content:center;
opacity:0.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;
font-weight:700;
font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;
position:absolute;
display:flex;
align-items:center;
justify-content:center;
opacity:0.5;
z-index:46;
overflow:hidden;
}
#title1

{
font-size:6em;
color:#fff;
font-weight:700;
font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;
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;
font-weight:700;
font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;
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, 0px, 0px);
}

.animation-element.cube-translate
{
	opacity:.85;
	animation: all 500ms ease-in-out;
	transform: translate3d(-0, 0px, 0px);
}

.animation-element.cube_1
{
	opacity:.85;
	animation: all 1000ms ease-in-out;
}


.animation-element.cube_1.cube-translate
{
	opacity:.85;
	transition: all 1000ms ease-in-out;
	transform: translate3d(-0, 0px, 0px);
}


.animation-element.cube_3.cube-translate
{
	opacity:.85;
	transition: all 1000ms ease-in-out;
	transform: translate3d(-0, 0px, 0px);
}

.animation-element.cube_4.cube-translate
{
	opacity:.85;
	transition: all 1000ms ease-in-out;
	transform: translate3d(-0, 0px, 0px);
}


#cubes {position:relative;paddding:100px 0;min-height:250px;}

.cube_1 {position:absolute;
opacity:0;
left:0;
top:0;
  transform: translate3d(-0, -150px, 0px);
}

.cube_2 {position:absolute;
left:49px;
top:28px;
opacity:0;
  transform: translate3d(-250px, 0px, 0px);
	transition-delay: .25s;
}
.cube_3 {position:absolute;
left:98px;
opacity:0;
top:56px;
  transform: translate3d(250px, 0px, 0px);
	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:0px;
	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:0px;
	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 1000ms ease-in-out;
	transform: translate3d(-0, 0px, 0px);
}

.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 1000ms ease-in-out;
	transform: translate3d(-0, 0px, 0px);
}



#cubesall
{

position:relative;top:50px;}

@media (max-width:560px) {#cubesall {top:0px;}}
#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;
	font-weight:700;
	padding:0 20px 40px ;
	font-family:brother-1816, gilroyextrabold, Gilroy, 'Lato', neue-haas-unica, sans-serif;
	width:50%;
	margin:0 auto;
}

.capslock
 {
 
	 font-family:geomanistregular,brother-1816, gilroyextrabold, Gilroy, 'Lato', sans-serif;

	font-weight:800!important;	 font-size:3.25em;
 }

@media (max-width:560px) {.capslock {font-size:1.5em;}}
@media (max-width:560px) {#cubes{transform:scale(.435) translateX(-210px) translateY(-00px);border:0 solid #3535ff;} .cube_8, .cube_9, .cube_10,.cube_11, .cube_12, .cube_13 {display:block;} body, html {overflow-x:hidden;max-width:100vw;}}

.img1 {transform:scale(1.075);}
.img2 {transform:scale(1.04);}
.img4 {transform:scale(0.975);}

#header3 {

background:#3f36ff;
background:#5235ff;

}

@font-face {
    font-family: 'hk_groteskregular';
    src: url('hkgrotesk-regular-webfont.woff2') format('woff2'),
         url('hkgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}