html {
	overflow: hidden;
	cursor: url("../pics/cursor.png"), url("../pics/cursor.cur"), auto;
}

a {
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
	text-decoration: none;
	color: black;
}

a:hover {
	color: gray;
}

.fondCursor {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: -999;
}

/*FONTS*/
@font-face {
    font-family: 'reliktregular';
	src: url('../fonts/relikt-webfont.eot');
	src: url('../fonts/relikt-webfont.ttf') format('truetype'),
     	 url('../fonts/relikt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/relikt-webfont.woff2') format('woff2'),
         url('../fonts/relikt-webfont.woff') format('woff'),
         url('../fonts/relikt-webfont.svg#reliktregular') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Amiriregular';
	src: url('../fonts/Amiri.eot');
	src: url('../fonts/Amiri.ttf') format('truetype'),
     	 url('../fonts//Amiri.eot?#iefix') format('embedded-opentype'),
         url('../fonts//Amiri.woff2') format('woff2'),
         url('../fonts//Amiri.woff') format('woff'),
         url('../fonts//Amiri.svg#/Amiriregular') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Booterregular';
	src: url('../fonts/Booter.eot');
	src: url('../fonts/Booter.ttf') format('truetype'),
     	 url('../fonts/Booter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Booter.woff2') format('woff2'),
         url('../fonts/Booter.woff') format('woff'),
         url('../fonts/Booter.svg#Booterregular') format('svg');
    font-style: normal;
}
/*FONTS*/

/*MENU*/
.menuBt {
	left: 50%;
	top: 50%;
	position: absolute;
  	transform: translateX(-50%);
}

#btScrollH,
#btScrollB {
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
	position: fixed;
}

#btScrollH {
	top: 30px;
}

#btScrollB {
	top: 80px;
}

.posInlBlo {
	display: inline-block;
}

.posBlo {
	display: block;
}

.picsH {
  	border-top: 1px solid rgba(255,255,255,0.5);
	box-shadow: 1px 1px 2px 0.1px rgba(255, 77, 249, .5);
	left: 50%;
  	position: absolute;
	transform: translate(-50%);
	width: 50%;
}

.menuH {
  	border-top: 1px solid rgba(255,255,255,0.5);
	box-shadow: 1px 1px 2px 0.1px rgba(255, 77, 249, .5);
	left: 50%;
	top: 50%;
  	position: absolute;
	transform: translate(-50%);
	animation: menuScal 1.5s;
}

.translateMenuBt {
	animation: menuAnimS .5s ease-in-out;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.translateMenuH {
	animation: menuAnimH768 .5s ease-in-out;
	bottom: 40px;
	top: auto;
}

.displayNone {
	display: none;
}

.menuBas {
	bottom: 20px;
	top: auto;
}

.animateDeco {
	-webkit-animation: menuFade 1.5s;
	animation: menuFade 1.5s;
	position: relative;
}

.animateVent {
	-webkit-animation: menuFade 2s;
	animation: menuFade 2s;
	position: relative;
}

.animateCont {
	-webkit-animation: menuFade 2.5s;
	animation: menuFade 2.5s;
	position: relative;
}

.animateMent {
	-webkit-animation: menuFade 3s;
	animation: menuFade 3s;
	position: relative;
}

.animateVent1 {
	-webkit-animation: decoFade1 0.5s;
	animation: decoFade1 0.5s;
}

.animateVent2 {
	-webkit-animation: decoFade2 0.5s;
	animation: decoFade2 0.5s;
}

.infoMenu {
	position: absolute;
	color: black;
	left: 50%;
	font-family: Amiriregular;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
	text-transform: uppercase;
	text-align: center;
	transform: translateX(-50%);
	width: 200px;
}

#decoText,
#decoText2,
#contText,
#contText2,
#mentText,
#mentText2,
#ventText,
#ventText2,
#fullText,
#fullText2,
#twitText,
#twitText2,
#faceText,
#faceText2,
#instaText,
#instaText2,
#btPicsPrev2,
#btPicsNext2,
#decoTextPics1,
#decoTextPics2,
#decoTextPics3,
#decoTextPics4,
#decoTextPics5 {
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.7), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(left,  rgba(255,255,255,0.7), rgba(255,255,255,0));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0.7), rgba(255,255,255,0));
	background-image: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0));
	border-radius: 5px;
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .5);
	padding: 2px;
}

#decoText,
#decoText2,
#contText,
#contText2,
#mentText,
#mentText2,
#ventText,
#ventText2,
#fullText,
#fullText2,
#twitText,
#twitText2,
#faceText,
#faceText2,
#instaText,
#instaText2,
#btPicsPrev2,
#btPicsNext2,
#decoTextPics1,
#decoTextPics2,
#decoTextPics3,
#decoTextPics4,
#decoTextPics5,
#decoPage,
#ventPage,
#contPage,
#mentPage {
	animation: menuFade .8s;
}
/*MENU*/

/*SCROLLBAR*/
.scroller {
	scrollbar-width: thin;
   	scrollbar-color: rgba(255, 77, 249, .3) rgba(255, 166, 252, .3);
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
  	background: rgba(255, 166, 252, .3);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 	background: rgba(255, 77, 249, .3);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  	background: rgba(100, 100, 100, .4);
	cursor: crosshair !important;
}
/*SCROLLBAR*/

/*PAGE*/
.policeText {
	color: white;
	font-family: reliktregular;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

.mentPara {
	text-transform: uppercase;
}

#ventPage,
#mentPage {
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: -moz-linear-gradient(left,  rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.9));
	border-radius: 10px;
	animation: pageAnim .4s ease-in-out;
	position: absolute;
	height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	right: 2%;
	width: 85%;
}

#decoPage {
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: -moz-linear-gradient(left,  rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.9));
	border-radius: 10px;
	animation: pageAnim3 .4s ease-in-out;
	position: absolute;
	height: 80%;
	overflow: hidden;
	right: 2%;
	width: 85%;
}

#contPage {
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: -moz-linear-gradient(left,  rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.9));
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.9));
	border-radius: 10px;
	animation: pageAnim4 .4s ease-in-out;
	position: absolute;
	height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	right: 2%;
	width: 85%;
}

#mentTabPage {
	background:-webkit-linear-gradient(left,  rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));
	background:-moz-linear-gradient(left,  rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));
	background:-o-linear-gradient(left,  rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));
	background:linear-gradient(to right,  rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));
	box-shadow: 2px 2px 2px rgba(255, 77, 249, .3);
	border-radius: 4px;
	color: black;
	display : table;
	padding: 10px;
	position: absolute;
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	left: 50%;
	transform: translateX(-50%);
	height: auto;
	-webkit-animation: menuFade 1.2s;
	animation: menuFade 1.2s;
}

.coinImgLh {
	top: 5px;
	left: 5px;
	position: absolute;
	float: left;
	width: 40px;
	height: 40px;
}

.coinImgRh {
	top: 5px;
	right: 5px;
	position: absolute;
	float: right;
	width: 40px;
	height: 40px;
}
/*PAGE*/

/*CONTPAGE*/
#contTab {
	width: 80%;
	height: 80%;
	margin: 0 auto;
	text-align: center;
	-webkit-animation: menuFade 1.2s;
	animation: menuFade 1.2s;
	border-radius: 10px;
}

#contTab button {
	border: 1px solid white;
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .3);
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
	font-family: Georgia, serif;
	font-size: 14px;
	margin: 15px;
	padding: 10px;
}

.colorCont {
	background-color: rgba(255, 255, 255, .4);
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .5);
	-webkit-appearance: none;
}

.form-control {
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
	border: 1px solid white;
	border-radius: 5px;
	font-size: 22px;
	font-family: Booterregular;
	margin: 3px 0 3px 0;
	width: 90%;
}

.padCont {
	padding: 5px;
}

#contactForm {
	-webkit-animation: menuFade 2s;
	animation: menuFade 2s;
	width: 90%;
}

.form-control:hover {
	border: 1px solid rgba(0, 0, 0, .5);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  	color: black;
  	opacity: .7;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: black;
	opacity: .7;
}

.heightCel {
	height: 25px;
}

#contTab td {
	padding: 20px;
	vertical-align: middle;
}

#contTab img {
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .5);
	width: 100%;
  	height: auto;
	max-width: 300px;
	min-width: 50px;
}

.text {
	background-color: white;
}

.textCont {
	font-size: 22px;
	font-family: Booterregular;
}

.textContAddress {
	font-size: 28px;
	font-family: Booterregular;
	line-height: 25px;
	margin-bottom: 20px;
}

.textTitre {
	border-radius: 5px;
	font-family: reliktregular;
	margin-bottom: 10px;
}

.custom-select {
  	position: relative;
  	font-size: 22px;
	font-family: Booterregular;
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
}

.custom-select select {
  	display: none; /*hide original SELECT element:*/
}

.select-selected {
  	background-color: rgba(255, 255, 255, .4);
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .5);
}

.select-selected:hover {
	border: 1px solid black;
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
}

/*style the arrow inside the select element:*/
.select-selected:after {
	position: absolute;
  	content: "";
  	top: 14px;
  	right: 10px;
  	width: 0;
  	height: 0;
  	border: 1px solid white;
	border-radius: 5px;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  	border: 1px solid white;
	border-radius: 5px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  	color: black;
  	padding: 5px;
  	border: 1px solid white;
	border-radius: 5px;
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .5);
	text-align: left;
  	user-select: none;
}

/*style items (options):*/
.select-items {
  	position: absolute;
  	background-color: rgba(255, 255, 255, .4);
  	top: 100%;
  	width: 100%;
  	z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  	display: none;
}

.select-items div:hover, .same-as-selected {
  	background-color: rgba(255, 255, 255, .4);
	border: 1px solid black;
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
}
/*CONTPAGE*/

/*DECOPAGE*/
#decoTab img {
	border-radius: 5px;
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
	padding: 8px;
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .5);
	width: 100%;
	height: auto;
}

#decoTab img:hover {
	opacity: .6;
}

#openDeco1,
#openDeco2,
#openDeco3,
#openDeco4,
#openDeco5 {
	background:-webkit-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:-moz-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:-o-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:linear-gradient(to right,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .3);
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	animation: pageAnim2 .5s ease-in-out;
	z-index: 999;
	width: 80%;
	height: 80%;
	overflow-y: auto;
}

.titreOpenPage {
	border: 1px solid white;
	font-family: Booterregular;
	margin: 0 auto;
	text-transform: uppercase;
}

.textOpenPage {
	border: 1px solid white;
	font-family: Booterregular;
	text-align: justify;
	margin: 0 auto;
}
/*DECOPAGE*/

/*VENTPAGE*/
#openVent1,
#openVent2,
#openVent3,
#openVent4,
#openVent5 {
	background:-webkit-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:-moz-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:-o-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:linear-gradient(to right,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .3);
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	animation: pageAnim5 .5s ease-in-out;
	z-index: 999;
	width: 80%;
	height: 80%;
	overflow-y: auto;
}

#hexGrid {
	display: flex;
  	flex-wrap: wrap;
  	width: 70%;
  	overflow: hidden;
  	font-family: sans-serif;
  	list-style-type: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.hex {
  	position: relative;
  	visibility: hidden;
  	outline: 1px solid transparent;
  	transition: all 0.5s;
  	backface-visibility: hidden;
  	will-change: transform;
}

.hex::after {
  	content:'';
  	display:block;
  	padding-bottom: 86.602%; 
}

.hexIn {
  	position: absolute;
  	width:96%;
  	padding-bottom: 110.851%;
  	margin: 2%;
  	overflow: hidden;
  	visibility: hidden;
  	outline:1px solid transparent;
  	-webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    transform: rotate3d(0,0,1,-60deg) skewY(30deg);
  	transition: all 0.5s;
}

.hexIn * {
  	position: absolute;
  	visibility: visible;
  	outline:1px solid transparent;
}

.hexLink {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}

.hex img {
  	left: -100%;
  	right: -100%;
  	width: auto;
  	height: 100%;
  	margin: 0 auto;
}

.img:hover {
  	opacity: .6;
}

.img {
	position: absolute;
  	top: 5px;
  	right: 5px;
  	bottom: 5px;
  	left: 5px;
  	overflow: hidden;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

@media (max-width: 900px) and (min-width:601px) {
	#hexGrid{
    	padding-bottom: 7.4%;
  	}
  	.hex {
    	width: 33.333%;
  	}
  	.hex:nth-child(5n+4){
    	margin-left:16.666%;
  	}
}

@media (max-width: 600px) {
  	#hexGrid{
    	padding-bottom: 11.2%;
  	}
  	.hex {
    	width: 50%;
  	}
  	.hex:nth-child(3n+3){
    	margin-left:25%; 
  	}
}

#ventTabPage {
	margin-bottom: 4%;
	-webkit-animation: menuFade 1.2s;
	animation: menuFade 1.2s;
}

#ventTab {
	width: 90%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

#ventTab td {
	padding: 20px;
	background:-webkit-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:-moz-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:-o-linear-gradient(left,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
	background:linear-gradient(to right,  rgba(255,255,255, .9), rgba(255, 255, 255,0));
}

#ventTab img {
	box-shadow: 1px 1px 2px 0.1px grey;
	width: 100%;
  	height: auto;
	min-width: 100px;
}

.textTabVent {
	background-image: -webkit-linear-gradient(left, rgba(255, 166, 252, 0), rgba(255, 166, 252, .3));
	background-image: -moz-linear-gradient(left, rgba(255, 166, 252, 0), rgba(255, 166, 252, .3));
	background-image: -o-linear-gradient(left, rgba(255, 166, 252, 0), rgba(255, 166, 252, .3));
	background-image: linear-gradient(to right, rgba(255, 166, 252, 0), rgba(255, 166, 252, .3));
	border-radius: 10px;
	vertical-align: middle;
	max-width: 500px;
	min-width: 100px;
}

.controleBt {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
	
.controleBt img {
	cursor: url("../pics/cursor2.png"), url("../pics/cursor2.cur"), pointer;
}

.contenu-carrousel {
	position: relative;
	perspective: 1000px;	
}

#carrouselAlign {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.carrousel {
	height: 100%;
	width: 100%;
 	position: absolute;
 	transform-style: preserve-3d;
 	transition: transform .6s;
	animation: carrFade 2s;
}

.carrousel div {
	backface-visibility: hidden;
	box-shadow: 0 10px 10px rgba(0,0,0,.3);
	position: absolute;
	outline: 1px solid transparent;
	background:-webkit-linear-gradient(left,  rgba(255,255,255, 0), rgba(255, 255, 255,0.9));
	background:-moz-linear-gradient(left,  rgba(255,255,255, 0), rgba(255, 255, 255,0.9));
	background:-o-linear-gradient(left,  rgba(255,255,255, 0), rgba(255, 255, 255,0.9));
	background:linear-gradient(to right,  rgba(255,255,255, 0), rgba(255, 255, 255,0.9));
}

.carrousel img {
	width: 100%;
	height: auto;
}

.picsBoxShadow {
	box-shadow: 1px 1px 20px 1px rgba(255, 77, 249, .5);
}

.carrousel td {
	padding: 10px;
	vertical-align: middle;
	width: 50%;
	height: auto;
}

.carrousel div:nth-child(7) {
	display: none;
}

#openVentTab div {
	padding: 10px;
}
/*VENTPAGE*/

/*ANIMATION*/
@-webkit-keyframes cube-spin {
	from { transform: rotateY(0) rotateX(0);}
	to { transform: rotateY(360deg) rotateX(-720deg);}
}

@keyframes cube-spin {
	from { transform: rotateY(0) rotateX(0);}
	to { transform: rotateY(360deg) rotateX(-720deg);}
}

@keyframes pageAnim {
   0% {transform:scaleX(0);
	   opacity: 0;
	}100% {transform:scaleX(1);
		opacity: 1;
	}
}

@-webkit-keyframes pageAnim {
	0% {transform:scaleX(0);
	   opacity: 0;
	}100% {transform:scaleX(1);
		opacity: 1;
	}
}

@keyframes pageAnim2 {
   0% {opacity: 0;
	   transform: scaleX(0) translateX(-200%) translateY(-200%);
	}100% {opacity: 1;
		transform: scaleX(1) translateX(-50%) translateY(-50%);
	}
}

@-webkit-keyframes pageAnim2 {
	0% {opacity: 0;
	   transform: scaleX(0) translateX(-200%) translateY(-200%);
	}100% {opacity: 1;
		transform: scaleX(1) translateX(-50%) translateY(-50%);
	}
}

@keyframes pageAnim3 {
   0% {transform:scaleY(0);
	   opacity: 0;
	}100% {transform:scaleY(1);
		opacity: 1;
	}
}

@-webkit-keyframes pageAnim3 {
	0% {transform:scaleY(0);
	   opacity: 0;
	}100% {transform:scaleY(1);
		opacity: 1;
	}
}

@keyframes pageAnim4 {
   0% {transform:scaleX(0) scaleY(0);
	   opacity: 0;
	}100% {transform:scaleX(1) scaleY(1);
		opacity: 1;
	}
}

@-webkit-keyframes pageAnim4 {
	0% {transform:scaleX(0) scaleY(0);
	   opacity: 0;
	}100% {transform:scaleX(1) scaleY(1);
		opacity: 1;
	}
}

@keyframes pageAnim5 {
   0% {opacity: 0;
	   transform: scaleX(0) translateX(-200%) translateY(-50%);
	}100% {opacity: 1;
		transform: scaleX(1) translateX(-50%) translateY(-50%);
	}
}

@-webkit-keyframes pageAnim5 {
	0% {opacity: 0;
	   transform: scaleX(0) translateX(-200%) translateY(-50%);
	}100% {opacity: 1;
		transform: scaleX(1) translateX(-50%) translateY(-50%);
	}
}

@keyframes menuFade {
   0% {opacity: 0;
	}100% {opacity: 1;
	}
}

@-webkit-keyframes menuFade {
	0% {opacity: 0;
	}100% {opacity: 1;
	}
}

@keyframes decoFade1 {
   0% {opacity: 1;
	}100% {opacity: .5;
	}
}

@-webkit-keyframes decoFade1 {
	0% {opacity: 1;
	}100% {opacity: .5;
	}
}

@keyframes decoFade2 {
   0% {opacity: .5;
	}100% {opacity: 1;
	}
}

@-webkit-keyframes decoFade2 {
	0% {opacity: .5;
	}100% {opacity: 1;
	}
}

@keyframes textVFade {
   0% {opacity: 1;
	}100% {opacity: 0;
	}
}

@-webkit-keyframes textVFade {
	0% {opacity: 1;
	}100% {opacity: 0;
	}
}

@keyframes menuFade1 {
   0% {opacity: 0;
	}65% {opacity: 0;
	}100% {opacity: 1;
	}
}

@-webkit-keyframes menuFade1 {
	0% {opacity: 0;
	}65% {opacity: 0;
	}100% {opacity: 1;
	}
}

@keyframes menuScal {
   0% {transform:scale(0) translateX(-100%);
	}100% {transform:scale(1) translateX(-50%);
	}
}

@-webkit-keyframes menuScal {
	0% {transform:scale(0) translateX(-100%);
	}100% {transform:scale(1) translateX(-50%);
	}
}

.rotateHex {
	animation: rotateHexa 1.2s;
}


.rotateBt0 {
	-webkit-animation: rotateAnim;
	animation-name: rotateAnim;
	animation-duration: .5s;
	animation-delay: .2s;
	position: relative;
}

.rotateBt1 {
	-webkit-animation: rotateAnim;
	animation-name: rotateAnim;
	animation-duration: .5s;
	animation-delay: .4s;
	position: relative;
}

.rotateBt2 {
	-webkit-animation: rotateAnim;
	animation-name: rotateAnim;
	animation-duration: .5s;
	animation-delay: .6s;
	position: relative;
}

.rotateBt3 {
	-webkit-animation: rotateAnim;
	animation-name: rotateAnim;
	animation-duration: .5s;
	animation-delay: .8s;
	position: relative;
}

@-webkit-keyframes rotateAnim {
	0%{
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotateAnim {
	0%{
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotateHexa {
	0%{
		opacity: 0;
		transform: rotate(0deg);
	}
	100% {
		opacity: 1;
		transform: rotate(360deg);
	}
}

@keyframes rotateHexa {
	0%{
		opacity: 0;
		transform: rotate(0deg);
	}
	100% {
		opacity: 1;
		transform: rotate(360deg);
	}
}

@-webkit-keyframes animateBottomTop {
	0%{
		bottom: -10px;
		opacity: 0;
	}90% {
		bottom: -10px;
		opacity: 0;
	}95% {
		bottom: 0px;
		opacity: 1;
		transform: rotate(0deg);
	}
	100% {
		bottom: 0px;
		opacity: 1;
		transform: rotate(360deg);
	}
}

@keyframes animateBottomTop {
	0%{
		bottom: -10px;
		opacity: 0;
	}90% {
		bottom: -10px;
		opacity: 0;
	}95% {
		bottom: 0px;
		opacity: 1;
		transform: rotate(0deg);
	}
	100% {
		bottom: 0px;
		opacity: 1;
		transform: rotate(360deg);
	}
}

@-webkit-keyframes menuAnim {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 20px;
	}
}

@keyframes menuAnim {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 20px;
	}
}

@-webkit-keyframes menuAnimH1200 {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 60px;
	}
}

@keyframes menuAnimH1200 {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 60px;
	}
}

@-webkit-keyframes menuAnimH1400 {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 70px;
	}
}

@keyframes menuAnimH1400 {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 70px;
	}
}

@-webkit-keyframes menuAnimH1500 {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 80px;
	}
}

@keyframes menuAnimH1500 {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 80px;
	}
}

@-webkit-keyframes menuAnimH768 {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 40px;
	}
}

@keyframes menuAnimH768 {
	0%{
		bottom: 50%;
		top: 50%;
	}
	100% {
		top: auto;
		bottom: 40px;
	}
}

@-webkit-keyframes menuAnimS {
	0% {
		left: -500px;
		opacity: 0;
		top: 50%;
	}100% {
		left: 20px;
		opacity: 1;
		top: 50%;
		transform: translateY(-50%);
	}
}

@keyframes menuAnimS {
	0% {
		left: -500px;
		opacity: 0;
		top: 50%;
	}100% {
		left: 20px;
		opacity: 1;
		top: 50%;
		transform: translateY(-50%);
	}
}
/*ANIMATION*/

/*PRELOADER*/
.loading1,
.loading2 {
	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: #000;
  	z-index: 9999;
}

.loading-text1 {
	position: absolute;
	text-align: center;
	width: 100%;
	height: auto;
}

.loading-text2 {
	position: absolute;
	text-align: center;
	width: 100%;
	height: auto;
}

.loading-text1 span {
  	color: #fff;
	display: inline-block;
  	font-family: 'Quattrocento Sans', sans-serif;
}

.loading-text2 span {
  	color: #fff;
	display: inline-block;
  	font-family: 'Quattrocento Sans', sans-serif;
}

.loading-text1 span:nth-child(1),
.loading-text2 span:nth-child(1){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0s infinite linear alternate;
          animation: blur-text 2s 0s infinite linear alternate;
}

.loading-text1 span:nth-child(2),
.loading-text2 span:nth-child(2){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0.1s infinite linear alternate;
          animation: blur-text 2s 0.1s infinite linear alternate;
}

.loading-text1 span:nth-child(3),
.loading-text2 span:nth-child(3){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0.2s infinite linear alternate;
          animation: blur-text 2s 0.2s infinite linear alternate;
}

.loading-text1 span:nth-child(4),
.loading-text2 span:nth-child(4){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0.3s infinite linear alternate;
          animation: blur-text 2s 0.3s infinite linear alternate;
}

.loading-text1 span:nth-child(5),
.loading-text2 span:nth-child(5){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0.4s infinite linear alternate;
          animation: blur-text 2s 0.4s infinite linear alternate;
}

.loading-text1 span:nth-child(6),
.loading-text2 span:nth-child(6){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0.5s infinite linear alternate;
          animation: blur-text 2s 0.5s infinite linear alternate;
}

.loading-text1 span:nth-child(7),
.loading-text2 span:nth-child(7) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0.6s infinite linear alternate;
          animation: blur-text 2s 0.7s infinite linear alternate;
}

.loading-text1 span:nth-child(8),
.loading-text2 span:nth-child(8) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0.8s infinite linear alternate;
          animation: blur-text 2s 0.8s infinite linear alternate;
}

.loading-text1 span:nth-child(9),
.loading-text2 span:nth-child(9) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 0.9s infinite linear alternate;
          animation: blur-text 2s 0.9s infinite linear alternate;
}

.loading-text1 span:nth-child(10),
.loading-text2 span:nth-child(10) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1s infinite linear alternate;
          animation: blur-text 2s 1s infinite linear alternate;
}

.loading-text1 span:nth-child(11),
.loading-text2 span:nth-child(11) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.1s infinite linear alternate;
          animation: blur-text 2s 1.1s infinite linear alternate;
}

.loading-text1 span:nth-child(12),
.loading-text2 span:nth-child(12) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.2s infinite linear alternate;
          animation: blur-text 2s 1.2s infinite linear alternate;
}

.loading-text1 span:nth-child(13),
.loading-text2 span:nth-child(13) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.3s infinite linear alternate;
          animation: blur-text 2s 1.3s infinite linear alternate;
}

.loading-text1 span:nth-child(14),
.loading-text2 span:nth-child(14){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.4s infinite linear alternate;
          animation: blur-text 2s 1.4s infinite linear alternate;
}

.loading-text1 span:nth-child(15),
.loading-text2 span:nth-child(15){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.5s infinite linear alternate;
          animation: blur-text 2s 1.5s infinite linear alternate;
}

.loading-text1 span:nth-child(16),
.loading-text2 span:nth-child(16) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.6s infinite linear alternate;
          animation: blur-text 2s 1.6s infinite linear alternate;
}

.loading-text1 span:nth-child(17),
.loading-text2 span:nth-child(17) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.7s infinite linear alternate;
          animation: blur-text 2s 1.7s infinite linear alternate;
}

.loading-text1 span:nth-child(18),
.loading-text2 span:nth-child(18) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.8s infinite linear alternate;
          animation: blur-text 2s 1.8s infinite linear alternate;
}

.loading-text1 span:nth-child(19),
.loading-text2 span:nth-child(19){
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 1.9s infinite linear alternate;
          animation: blur-text 2s 1.9s infinite linear alternate;
}

.loading-text1 span:nth-child(20),
.loading-text2 span:nth-child(20) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 2s infinite linear alternate;
          animation: blur-text 2s 2s infinite linear alternate;
}

.loading-text1 span:nth-child(21),
.loading-text2 span:nth-child(21) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 2.1s infinite linear alternate;
          animation: blur-text 2s 2.1s infinite linear alternate;
}

.loading-text1 span:nth-child(22),
.loading-text2 span:nth-child(22) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 2.2s infinite linear alternate;
          animation: blur-text 2s 2.2s infinite linear alternate;
}

.loading-text1 span:nth-child(23),
.loading-text2 span:nth-child(23) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 2.3s infinite linear alternate;
          animation: blur-text 2s 2.3s infinite linear alternate;
}

.loading-text1 span:nth-child(24),
.loading-text2 span:nth-child(24) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 2.4s infinite linear alternate;
          animation: blur-text 2s 2.4s infinite linear alternate;
}

.loading-text1 span:nth-child(25),
.loading-text2 span:nth-child(25) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-animation: blur-text 2s 2.5s infinite linear alternate;
          animation: blur-text 2s 2.5s infinite linear alternate;
}

@-webkit-keyframes blur-text {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
}

@keyframes blur-text {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
}
/*PRELOADER*/

/*FOOTER*/
#footerPara .footerLi li {
	list-style-type: none;
}

#footerPara {
	text-align: center;
	position: absolute;
	margin: 0 auto;
}

.infoFoot {
	position: absolute;
	color: black;
	font-family: Amiriregular;
	font-weight: bold;
	left: 50%;
	letter-spacing: 2px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
	text-transform: uppercase;
	transform: translateX(-50%);
	width: 200px;
}
/*FOOTER*/