/*---------------------------------*/
/* MENU PRINCIPAL */
/*---------------------------------*/
#navig {
	z-index: 8;
	position: absolute;
	right: 0px;
	left: 0px;
	min-height: 0px;
	background: #2b2b2b;
}

.ckmenu {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

/*BT MENU TOOGLE*/
.ckmenu-toogle {
	/* padding: 10px 16px; */
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	cursor: pointer;
	width: 100%;
	display: none;
}

.ckmenu-toogle .ckmenu-line {
	cursor: pointer;
	width: 40px;
	height: 6px;
	background-color: #ffffff;
	border-radius: 10px;
	display: block;
	margin: 5px 0em;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 4;
}

.ckmenu-toogle.more .ckmenu-line:nth-child(2) {
	opacity: 0;
}

.ckmenu-toogle.more .ckmenu-line:nth-child(1) {
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	-o-transform: translateY(8px);
	transform: translateY(12px);
}

.ckmenu-toogle.more .ckmenu-line:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(90deg);
	-ms-transform: translateY(-10px) rotate(90deg);
	-o-transform: translateY(-10px) rotate(90deg);
	transform: translateY(-10px) rotate(90deg);
}


.ckmenu-toogle.open .ckmenu-line:nth-child(2) {
	opacity: 0;
}

.ckmenu-toogle.open .ckmenu-line:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	-o-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}

.ckmenu-toogle.open .ckmenu-line:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-14px) rotate(-45deg);
}


/*NAVIG MENU*/

.ckmenu-nav {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	width: 100%;
	/* background: #000000cc; */
	/* padding: 50px 0px; */
	height: 100vh;
	/* margin-top: -100px!important; */
}

.ckmenu-nav h4 {
	line-height: 140%;
	padding: 20px;
}

.ckmenu-nav a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.navigmenu{
	position: relative;
}
.navigmenu{
	display: flex;
	flex-flow:row wrap;
}

.navigmenu .navigtoogle{
	position: relative;
	text-align: center;
}
.navigmenu .navigtoogle.has-child a{
}
.navigmenu .navigtoogle.has-child .navdownwrapper a {
	text-align: center;
	flex-basis: 100%;
	max-width: 100%;
	text-transform: lowercase;
	text-align: center!important;
	margin: 10px auto;
	color: #ffffff;
	/* border-bottom: 1px solid rgba(255,255,255,0.1); */
}
.navigmenu .navigtoogle.has-child .navdownwrapper a::before {
	/* content: '>'; */
	position: absolute;
	left: 12px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.navigmenu .navigtoogle.has-child .navdownwrapper a:hover::before {
	left: 15px;
}
.navigmenu .navigtoogle.has-child > .naviglink:before{ /* DROPDOWN */
	/*content: "";
	display:block;
	background: rgba(7, 7, 7, 0.1);
	height: 3em;
	width: 40px;
	position: absolute;
	top: calc(50% - 0.6em);
	right: 0.3em;
	height: 1.2em;
	width: 1.2em;
	border-radius: 50%;
	box-sizing: border-box;
	box-shadow: inset 1px 2px 6px -2px rgba(0,0,0,0.5);*/
}
.navigmenu .navigtoogle.has-child > .naviglink:after{ /* DROPDOWN */
	/*content: "\f078";
	font-size: 0.7em !important;
	color: rgb(255, 164, 0);
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: calc(50% - 0.5em);
	right: 0.78em;
	height: 1em;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;*/
}

.navigmenu .navigtoogle.has-child.open > .naviglink:after{ /* DROPDOWN */
	/*-ms-transform: rotate(90deg) scale(0.7);
	-moz-transform: rotate(90deg) scale(0.7);
	-webkit-transform: rotate(90deg) scale(0.7);
	-o-transform: rotate(90deg) scale(0.7);
	transform: rotate(90deg) scale(0.7);*/


}

/*Search*/
.navigmenu .navigtoogle.search{
	flex: auto;
}

.navigmenu .navigtoogle.search .naviglink:before,
.navigmenu .navigtoogle.search .naviglink:after{
	display:none;
}

.navigmenu .navigtoogle.search .naviglink{
	text-align: right;
}

#searchdiv .highlight{
	background: rgba(255, 242, 0, 0.35);
	color: #fff;
	text-decoration: underline;
}

.resultBloc{
	width: 100%;
	padding: 0.5em;
	background: #4a5c63;
	margin-bottom: 1px !important;
}
.resultBloc .titleResult{
	text-decoration: none;
	font-family: 'SourceSansPro-Regular', sans-serif;
	font-size: 1.2em;
	color: #fff;
	padding: 0.5em 1em 0;
	display: block;
}

.resultBloc .imgResult{line-height: 0;text-align: center;}
.resultBloc .imgResult img{
	max-width: 100%;
	border: 1px solid rgba(68, 68, 68, 0.37);
	box-sizing: border-box;
}

.resultBloc .excerptResult{
	padding: 0.2em 1em;
	font-size: 0.8em;
	line-height: 1em;
}
.resultBloc .moreResult{
	font-family: 'SourceSansPro-Regular', sans-serif;
	float: right;
	min-width: 130px;
	text-align: center;
}



/*lang*/
.navigmenu .navigtoogle.lang{
	width: 192px;
}
.navigmenu .navigtoogle.lang #google_translate_element .goog-te-gadget{
	overflow-x: hidden;
}
.navigmenu .navigtoogle.lang #google_translate_element .goog-te-combo{
	background: #fff;
	border: none;
	padding: 3px 5px;
	width: 171px;
}


/*logo*/
.navigmenu .navigtoogle.logo{}
.navigmenu .navigtoogle.logo .naviglink.lvl-0{
	padding: 0;
	line-height: 0;
	background-color: transparent;
	border: 0;
}
.navigmenu .navigtoogle.logo .naviglogo{
	max-height: 75px;
	margin-right: 20px;
}

.navigmenu .col{}

.navigmenu .naviglink{
	padding: 0;
	line-height: 1.5em;
	font-size: 1em;
	text-decoration: none;
	color: #fff;
	display: block;
	text-align: left;
	font-family: 'SourceSansPro-Regular', sans-serif;
	cursor: pointer;
}

.navigmenu .naviglink.lvl-0{
	/* padding: 5px 0px 20px; */
	/* margin: 11px 17px; */
	line-height: 2em;
	font-size: 1.13em;
	/* color: #786c5d; */
	display: block;
	text-align: left;
	/* text-transform: uppercase; */
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	position: relative;
	/*border-right: 1px solid rgba(0,0,0,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.4);*/
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#xnav .navigmenu .naviglink.lvl-0{
	letter-spacing: 0.01em;
	font-weight: 500;
	max-width: 500px;
	margin: 0px auto;
	padding: 15px 0px;
}
#xnav .navigmenu .naviglink.lvl-0:hover {
	color: #f7f100;
	/* text-decoration: underline; */
}
.navigmenu .naviglink.lvl-0 span {
	display: inline-block;
	position: relative;
}




.navigmenu .active .naviglink.lvl-0{
	color: #f7f100!important;
}

.navigmenu .naviglink.lvl-0:hover{
	color: #786c5d;
}

.navigmenu .navigtoogle.open .naviglink.lvl-0{
	/*border-bottom: 1px solid #3c4750;*/
}




.navigmenu .naviglink.lvl-1{
	padding: 0;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	background: none;
	text-align: left;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navigmenu .naviglink.lvl-1:hover{
	color: #786c5d;
}

.navigmenu .naviglink.lvl-2{
	padding: 8px;
	font-size: 1em;
	color: #ffffffa1;
	background: none;
	text-align: center;
}
.navigmenu .naviglink.lvl-2:hover{
	color: #fff;
	/*background-color: rgba(255, 255, 255, 0.05);*/
	padding-left: 16px;
}

.navigmenu .naviglink.lvl-3{
	padding: 7px 4px 0;
}

.navigmenu .naviglink:hover{
	/*color: #a1d1ff;*/
}

.navigmenu .naviglink.lvl-0:hover,
.navigmenu .naviglink.lvl-0:active,
.navigmenu .naviglink.lvl-0:focus,
.navigmenu .navigtoogle.open .naviglink.lvl-0{
	/*background: rgba(0,0,0,0.2);*/
	color: #fffdfd;
}

/* .navigmenu .navdown{
	background-color: #786c5d;
	position: absolute;
	left: 0;
	right: 0;
	color: #fff;
	padding: 0 22px;
	box-sizing: border-box;
	font-size: 0.95em;
	line-height: 1.2em;
	font-size: 1em;
	z-index: 9;
} */
.navigmenu .navdown {
    position: absolute;
    left: 0%;
    right: 0;
    color: #808080;
    padding: 10px;
    box-sizing: border-box;
    font-size: 0.95em;
    line-height: 1.2em;
    z-index: 4;
    border-bottom: 2px solid#f35;
    text-align: center!important;
    background: #282828;
}


.navigmenu .navdown .navdownwrapper {
	max-width: 1200px;
	margin: auto;
	flex-direction: column;
}

.navigmenu .navdown.searchdiv{
	max-width: 66.666666667%;
	margin: 0 0 0 auto;
}

.navigmenu .navigBloc{
	padding: 0.7em 1.2em 1.2em;
	box-sizing: border-box;
	/* border: 1px solid rgba(95, 41, 22, 0.26); */
	margin: 0.3em;
	flex: initial !important;
	width: 100%;
	font-size:1em;
}
.navigmenu .navigBloc#prestabloc{
	display: table;
	background-color: rgba(0,0,0,0.2);
}

.navigmenu .navigBloc.tb_hoverBloc article{
	display:none;
}

.navigmenu .navigBloc.tb_hoverBloc article.showBH,
.navigmenu .navigBloc.tb_hoverBloc article:not(.hideBH):first-of-type{
	display:block;
}


.navigmenu  .subNavBloc-2{
	font-size: 0.81em;
	border-left: 4px solid rgba(255, 255, 255, 0.29);
	padding: 0px 8px;
	margin: 6px 4px;
}
.navigmenu  .subNavBloc-3{
	padding: 0.1em 0.8em 0.1em 0.8em;
	border-left: 2px solid rgba(255, 255, 255, 0.22);
	margin: 0.5em 0;
}

.navigmenu  .subNavBloc-5{
	padding: 0;
	margin: 1em 0;
}


.navigmenu .navbloctitle{
	font-family: 'SourceSansPro-Regular', sans-serif;
	font-size: 1.4em;
	color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	padding: 16px 8px;
	margin: 0.2em 0;
	font-variant: small-caps;
	font-weight: bold;
}

.navigmenu  .subNavBloc-3 .navbloctitle{
	font-size: 0.9em;
	font-variant: normal;
	font-weight: normal;
	text-transform: uppercase;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	margin: 0 0 0.5em 0;
	color: #fff;
}

.navigmenu  .subNavBloc-5 .navbloctitle{
	text-transform: none;
	border: none;
	border-left: 1em solid rgba(255, 255, 255, 0.08);
	padding: 0.2em 0.6em;
	background: rgba(255,255,255,0.07);
	margin: 0;
	text-align: right;
	color: rgba(255,255,255,0.7);
}


.navigmenu .naviglink.lvl-2{
	font-size: 1.2em;
}
.navigmenu .naviglink.lvl-4{
	color: rgba(255,255,255,0.7);
}
.navigmenu .naviglink.lvl-6{
	padding: 0.2em 0.5em;
	background: rgba(0,0,0,0.09);
	color: rgba(255,255,255,0.5);
}

.menuarticle{}
.menuarticle .tb_hoverBloc{
	padding: 0;
	/* border: none; */
}
.menuarticle article{
	position: relative;
	overflow: hidden;
	height: 100%;
	min-height: 100%;
}
.menuarticle .navbloctitle{
	display: none;
}
.menuarticle h4{
	width: auto;
	color: #fff;
	/* background: #03426d; */
	font-size: 1.5em;
	font-variant: small-caps;
	box-sizing: border-box;
	border: none;
	padding: 0px !important;
	margin: 0;
	margin-top: 30px;
	display: inline-block;
	max-width: calc(100% - 230px);
}
.menuarticle h4 a{
	color: #fff !important;
}
.menuarticle .blocthumb {
	/* float: left; */
	margin: 10px 20px 5px 10px;
	margin: 0 20px 0 0;
	line-height: 0;
	float: left;
	max-width: 190px;
	overflow: hidden;
}
.menuarticle .blocthumb img{
	/* opacity: 0.4; */
	/*-webkit-filter: blur(2px) grayscale(0.8) invert(0.3) opacity(0.7);*/
	max-width: 200px;
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
	-ms-filter: brightness(90%);
	-o-filter: brightness(90%);
	filter: brightness(90%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 30px 10px 30px 30px;
}
.menuarticle .blocthumb img:hover{
	-webkit-filter: brightness(110%);
	-moz-filter: brightness(110%);
	-ms-filter: brightness(110%);
	-o-filter: brightness(110%);
	filter: brightness(110%);
}
.menuarticle .tc_content{
	color: rgba(255, 255, 255, 0.6);
	margin-top: 1em;
	padding: 0px 1em 0 0 !important;
	max-width: calc(100% - 230px);
}
.menuarticle .tc_execerpt{}
.menuarticle .liresuite{
	text-align: right;
	/* position: absolute; */
	/* bottom: 5px; */
	/* right: 5px; */
	line-height: 3em;
	margin-right: 20px;
}
.menuarticle .liresuite a.button{
	border: 0;
	padding: 0.5em 1.5em;
	box-sizing: border-box;
	margin: 0;
	font-size: 0.9em;
	background-color: #a05874;
	color: rgb(28, 28, 28);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.menuarticle .liresuite a.button:hover{
	background-color: #522939;
	color: #fff !important;
}

@media screen and (max-width: 1024px) {
	.navigmenu .navdown.searchdiv{
		max-width:100%;
		margin:auto;
	}
}



.menuprimary{
	width: calc(100% / 4);
}






/*******************************/
/* Anim letter by letter navig */
/*******************************/
.navigmenu .naviglink.lvl-0 span.soustitre {color: rgba(255,255,255,0); font-size: 12px; letter-spacing: 2px; text-transform: none; position: absolute !important; bottom: -10px; left: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.navigmenu .naviglink.lvl-0:hover span.soustitre {color: rgba(255,255,255,0.5); bottom: 1px; }

/* amortype */
.navigmenu .naviglink.lvl-0.amortype:hover span:not(.soustitre) {
	-webkit-animation-name: amortype; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: 1;
	-moz-animation-name: amortype; -moz-animation-duration: 0.6s; -moz-animation-iteration-count: 1;
	-ms-animation-name: amortype; -ms-animation-duration: 0.6s; -ms-animation-iteration-count: 1;
	-o-animation-name: amortype; -o-animation-duration: 0.6s; -o-animation-iteration-count: 1;
	animation-name: amortype; animation-duration: 0.6s; animation-iteration-count: 1; }

/* horizontalrotate */
.navigmenu .naviglink.lvl-0.horizontalrotate:hover span:not(.soustitre) {
	-webkit-animation-name: horizontalrotate; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: 1;
	-moz-animation-name: horizontalrotate; -moz-animation-duration: 0.6s; -moz-animation-iteration-count: 1;
	-ms-animation-name: horizontalrotate; -ms-animation-duration: 0.6s; -ms-animation-iteration-count: 1;
	-o-animation-name: horizontalrotate; -o-animation-duration: 0.6s; -o-animation-iteration-count: 1;
	animation-name: horizontalrotate; animation-duration: 0.6s; animation-iteration-count: 1; }

/* verticalrotate */
.navigmenu .naviglink.lvl-0.verticalrotate:hover span:not(.soustitre) {
	-webkit-animation-name: verticalrotate; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: 1;
	-moz-animation-name: verticalrotate; -moz-animation-duration: 0.6s; -moz-animation-iteration-count: 1;
	-ms-animation-name: verticalrotate; -ms-animation-duration: 0.6s; -ms-animation-iteration-count: 1;
	-o-animation-name: verticalrotate; -o-animation-duration: 0.6s; -o-animation-iteration-count: 1;
	animation-name: verticalrotate; animation-duration: 0.6s; animation-iteration-count: 1; }

/* glass */
.navigmenu .naviglink.lvl-0.glass:hover span:not(.soustitre) {
	-webkit-animation-name: glass; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: 1;
	-moz-animation-name: glass; -moz-animation-duration: 0.6s; -moz-animation-iteration-count: 1;
	-ms-animation-name: glass; -ms-animation-duration: 0.6s; -ms-animation-iteration-count: 1;
	-o-animation-name: glass; -o-animation-duration: 0.6s; -o-animation-iteration-count: 1;
	animation-name: glass; animation-duration: 0.6s; animation-iteration-count: 1; }

/* cinema */
.navigmenu .naviglink.lvl-0.cinema:hover span:not(.soustitre) {
	-webkit-animation-name: cinema; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: 1;
	-moz-animation-name: cinema; -moz-animation-duration: 0.6s; -moz-animation-iteration-count: 1;
	-ms-animation-name: cinema; -ms-animation-duration: 0.6s; -ms-animation-iteration-count: 1;
	-o-animation-name: cinema; -o-animation-duration: 0.6s; -o-animation-iteration-count: 1;
	animation-name: cinema; animation-duration: 0.6s; animation-iteration-count: 1; }

/* fade */
.navigmenu .naviglink.lvl-0.fade:hover span:not(.soustitre) {
	-webkit-animation-name: fade; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: 1;
	-moz-animation-name: fade; -moz-animation-duration: 0.6s; -moz-animation-iteration-count: 1;
	-ms-animation-name: fade; -ms-animation-duration: 0.6s; -ms-animation-iteration-count: 1;
	-o-animation-name: fade; -o-animation-duration: 0.6s; -o-animation-iteration-count: 1;
	animation-name: fade; animation-duration: 0.6s; animation-iteration-count: 1; }
/*******************************/
/* Anim letter by letter navig */
/*******************************/

/*******************************/
/******** Traits navig *********/
/*******************************/
.navigmenu .navigtoogle .naviglink.lvl-0.traitleft::before, .navigmenu .navigtoogle .naviglink.lvl-0.traitleft::after{content: ""; display: block; height: 2px; position: absolute; bottom: 20px; left: 0; }
.navigmenu .navigtoogle .naviglink.lvl-0.traitleft::before{width: 20px; background-color: rgba(255,255,255,0.2); }
.navigmenu .navigtoogle .naviglink.lvl-0.traitleft::after{width: 0px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigmenu .navigtoogle:hover .naviglink.lvl-0.traitleft::after{width: 20px; }

.navigmenu .navigtoogle .naviglink.lvl-0.traitright::before, .navigmenu .navigtoogle .naviglink.lvl-0.traitright::after{content: ""; display: block; height: 2px; position: absolute; bottom: 20px; right: 0; }
.navigmenu .navigtoogle .naviglink.lvl-0.traitright::before{width: 20px; background-color: rgba(255,255,255,0.2); }
.navigmenu .navigtoogle .naviglink.lvl-0.traitright::after{width: 0px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigmenu .navigtoogle:hover .naviglink.lvl-0.traitright::after{width: 20px; }

.navigmenu .navigtoogle .naviglink.lvl-0.traitcenter::before, .navigmenu .navigtoogle .naviglink.lvl-0.traitcenter::after{content: ""; display: block; height: 2px; position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.navigmenu .navigtoogle .naviglink.lvl-0.traitcenter::before{width: 20px; background-color: rgba(255,255,255,0.2); }
.navigmenu .navigtoogle .naviglink.lvl-0.traitcenter::after{width: 0px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigmenu .navigtoogle:hover .naviglink.lvl-0.traitcenter::after{width: 20px; }

.navigmenu .navigtoogle .naviglink.lvl-0.traitfat {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigmenu .navigtoogle .naviglink.lvl-0.traitfat:hover {text-shadow: 2px 2px 2px rgba(0,0,0,0.1); }
.navigmenu .navigtoogle .naviglink.lvl-0.traitfat::before {content: ""; display: block; width: 0; height: 10px; background-color: rgba(255,255,255,0.1); position: absolute; left: 10px; bottom: 25px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigmenu .navigtoogle:hover .naviglink.lvl-0.traitfat::before {width: 100%; }

.navigmenu .navigtoogle .naviglink.lvl-0.traittranslate::before {content: ""; display: block; width: 80%; height: 1px; background-color: rgba(255,255,255,0); position: absolute; left: 50%; bottom: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.navigmenu .navigtoogle:hover .naviglink.lvl-0.traittranslate::before {background-color: rgba(255,255,255,0.7); bottom: 15px; }

.navigmenu .navigtoogle .naviglink.lvl-0.traitdouble::before, .navigmenu .navigtoogle .naviglink.lvl-0.traitdouble::after {content: ""; display: block; background-color: rgba(255,255,255,0); width: 80%; height: 1px; position: absolute; left: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.navigmenu .navigtoogle .naviglink.lvl-0.traitdouble::before {top: 10px; }
.navigmenu .navigtoogle .naviglink.lvl-0.traitdouble::after {bottom: 27px; }
.navigmenu .navigtoogle:hover .naviglink.lvl-0.traitdouble::before, .navigmenu .navigtoogle:hover .naviglink.lvl-0.traitdouble::after  {background-color: rgba(255,255,255,0.7); }
.navigmenu .navigtoogle:hover .naviglink.lvl-0.traitdouble::before {top: 0; }
.navigmenu .navigtoogle:hover .naviglink.lvl-0.traitdouble::after {bottom: 17px; }
/*******************************/
/******** Traits navig *********/
/*******************************/

/*****************************/
/****** ANIMATIONS MENU ******/
/*****************************/
/* amortype */
@-webkit-keyframes amortype {33% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 66% {-webkit-transform:translateY(5px);transform:translateY(5px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);} }
@-moz-keyframes amortype {33% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 66% {-webkit-transform:translateY(5px);transform:translateY(5px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);} }
@-ms-keyframes amortype {33% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 66% {-webkit-transform:translateY(5px);transform:translateY(5px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);} }
@-o-keyframes amortype {33% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 66% {-webkit-transform:translateY(5px);transform:translateY(5px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);} }
@keyframes amortype {33% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 66% {-webkit-transform:translateY(5px);transform:translateY(5px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);} }

/* horizontalrotate */
@-webkit-keyframes horizontalrotate {0% {-webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); } 100% {-webkit-transform: rotate3d(1,0,0,360deg); -moz-transform: rotate3d(1,0,0,360deg); -ms-transform: rotate3d(1,0,0,360deg); -o-transform: rotate3d(1,0,0,360deg); transform: rotate3d(1,0,0,360deg); } }
@-moz-keyframes horizontalrotate {0% {-webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); } 100% {-webkit-transform: rotate3d(1,0,0,360deg); -moz-transform: rotate3d(1,0,0,360deg); -ms-transform: rotate3d(1,0,0,360deg); -o-transform: rotate3d(1,0,0,360deg); transform: rotate3d(1,0,0,360deg); } }
@-ms-keyframes horizontalrotate {0% {-webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); } 100% {-webkit-transform: rotate3d(1,0,0,360deg); -moz-transform: rotate3d(1,0,0,360deg); -ms-transform: rotate3d(1,0,0,360deg); -o-transform: rotate3d(1,0,0,360deg); transform: rotate3d(1,0,0,360deg); } }
@-o-keyframes horizontalrotate {0% {-webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); } 100% {-webkit-transform: rotate3d(1,0,0,360deg); -moz-transform: rotate3d(1,0,0,360deg); -ms-transform: rotate3d(1,0,0,360deg); -o-transform: rotate3d(1,0,0,360deg); transform: rotate3d(1,0,0,360deg); } }
@keyframes horizontalrotate {0% {-webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); } 100% {-webkit-transform: rotate3d(1,0,0,360deg); -moz-transform: rotate3d(1,0,0,360deg); -ms-transform: rotate3d(1,0,0,360deg); -o-transform: rotate3d(1,0,0,360deg); transform: rotate3d(1,0,0,360deg); } }

/* verticalrotate */
@-webkit-keyframes verticalrotate {0% {-webkit-transform: rotate3d(0,1,0,0deg); -moz-transform: rotate3d(0,1,0,0deg); -ms-transform: rotate3d(0,1,0,0deg); -o-transform: rotate3d(0,1,0,0deg); transform: rotate3d(0,1,0,0deg); } 100% {-webkit-transform: rotate3d(0,1,0,360deg); -moz-transform: rotate3d(0,1,0,360deg); -ms-transform: rotate3d(0,1,0,360deg); -o-transform: rotate3d(0,1,0,360deg); transform: rotate3d(0,1,0,360deg); } }
@-moz-keyframes verticalrotate {0% {-webkit-transform: rotate3d(0,1,0,0deg); -moz-transform: rotate3d(0,1,0,0deg); -ms-transform: rotate3d(0,1,0,0deg); -o-transform: rotate3d(0,1,0,0deg); transform: rotate3d(0,1,0,0deg); } 100% {-webkit-transform: rotate3d(0,1,0,360deg); -moz-transform: rotate3d(0,1,0,360deg); -ms-transform: rotate3d(0,1,0,360deg); -o-transform: rotate3d(0,1,0,360deg); transform: rotate3d(0,1,0,360deg); } }
@-ms-keyframes verticalrotate {0% {-webkit-transform: rotate3d(0,1,0,0deg); -moz-transform: rotate3d(0,1,0,0deg); -ms-transform: rotate3d(0,1,0,0deg); -o-transform: rotate3d(0,1,0,0deg); transform: rotate3d(0,1,0,0deg); } 100% {-webkit-transform: rotate3d(0,1,0,360deg); -moz-transform: rotate3d(0,1,0,360deg); -ms-transform: rotate3d(0,1,0,360deg); -o-transform: rotate3d(0,1,0,360deg); transform: rotate3d(0,1,0,360deg); } }
@-o-keyframes verticalrotate {0% {-webkit-transform: rotate3d(0,1,0,0deg); -moz-transform: rotate3d(0,1,0,0deg); -ms-transform: rotate3d(0,1,0,0deg); -o-transform: rotate3d(0,1,0,0deg); transform: rotate3d(0,1,0,0deg); } 100% {-webkit-transform: rotate3d(0,1,0,360deg); -moz-transform: rotate3d(0,1,0,360deg); -ms-transform: rotate3d(0,1,0,360deg); -o-transform: rotate3d(0,1,0,360deg); transform: rotate3d(0,1,0,360deg); } }
@keyframes verticalrotate {0% {-webkit-transform: rotate3d(0,1,0,0deg); -moz-transform: rotate3d(0,1,0,0deg); -ms-transform: rotate3d(0,1,0,0deg); -o-transform: rotate3d(0,1,0,0deg); transform: rotate3d(0,1,0,0deg); } 100% {-webkit-transform: rotate3d(0,1,0,360deg); -moz-transform: rotate3d(0,1,0,360deg); -ms-transform: rotate3d(0,1,0,360deg); -o-transform: rotate3d(0,1,0,360deg); transform: rotate3d(0,1,0,360deg); } }

/* glass */
@-webkit-keyframes glass {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 33% {-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 66% {-webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes glass {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 33% {-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 66% {-webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-ms-keyframes glass {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 33% {-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 66% {-webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-o-keyframes glass {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 33% {-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 66% {-webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes glass {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 33% {-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 66% {-webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

/* cinema */
@-webkit-keyframes cinema {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 50% {-webkit-transform: scale(10); -moz-transform: scale(10); -ms-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity: 0; } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@-moz-keyframes cinema {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 50% {-webkit-transform: scale(10); -moz-transform: scale(10); -ms-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity: 0; } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@-ms-keyframes cinema {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 50% {-webkit-transform: scale(10); -moz-transform: scale(10); -ms-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity: 0; } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@-o-keyframes cinema {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 50% {-webkit-transform: scale(10); -moz-transform: scale(10); -ms-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity: 0; } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes cinema {0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 50% {-webkit-transform: scale(10); -moz-transform: scale(10); -ms-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity: 0; } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }

/* fade */
@-webkit-keyframes fade {0% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% {opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } 100% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes fade {0% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% {opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } 100% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-ms-keyframes fade {0% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% {opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } 100% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-o-keyframes fade {0% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% {opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } 100% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes fade {0% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% {opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } 100% {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
/*****************************/
/****** ANIMATIONS MENU ******/
/*****************************/