#pageLoader {
		position: fixed;
		left: 50%; top: 50%;
		z-index: 300;
		font-size: 30px;
		font-family: 'Swiss721BT';
	}

	#pageLoader .percent {
		position: absolute;
		left: 20px;
		top: -20px;
		font-size: 40px;
		opacity: .2;
	}

	#pageLoader .points {
		position: absolute;
		width: 14px; height: 40px;
		top: -20px;
		left: -7px;
	}

	#pageLoader .points:after,
	#pageLoader .points:before {
		content: "";
		position: absolute;
		width: 14px; height: 14px; 
		border-radius: 14px;
		background-color: #000;
		left: 0;
	}

	#pageLoader .points:before { top : 0; }
	#pageLoader .points:after { bottom : 0; }

	#pageLoader .points {
		-webkit-animation: rotate 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		-o-animation: rotate 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		animation: rotate 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	}
	
@-webkit-keyframes rotate {
    0%   {
    	-webkit-transform: rotate(0);
    	-ms-transform: rotate(0);
    	-o-transform: rotate(0);
    	transform: rotate(0);
    }
    20%   {
    	-webkit-transform: rotate(0);
    	-ms-transform: rotate(0);
    	-o-transform: rotate(0);
    	transform: rotate(0);
    }
    80%   {
    	-webkit-transform: rotate(180deg);
    	-ms-transform: rotate(180deg);
    	-o-transform: rotate(180deg);
    	transform: rotate(180deg);
    }
    100%   {
    	-webkit-transform: rotate(180deg);
    	-ms-transform: rotate(180deg);
    	-o-transform: rotate(180deg);
    	transform: rotate(180deg);
    }
}

@keyframes rotate {
    0%   {
    	-webkit-transform: rotate(0);
    	-ms-transform: rotate(0);
    	-o-transform: rotate(0);
    	transform: rotate(0);
    }
    20%   {
    	-webkit-transform: rotate(0);
    	-ms-transform: rotate(0);
    	-o-transform: rotate(0);
    	transform: rotate(0);
    }
    80%   {
    	-webkit-transform: rotate(180deg);
    	-ms-transform: rotate(180deg);
    	-o-transform: rotate(180deg);
    	transform: rotate(180deg);
    }
    100%   {
    	-webkit-transform: rotate(180deg);
    	-ms-transform: rotate(180deg);
    	-o-transform: rotate(180deg);
    	transform: rotate(180deg);
    }
}

/* GLOBAL */

	body {
		font-size: 12px;
	}

	body:after {
		content: "";
		position: fixed;
		left: 0; top: 0;
		background-color: #fff;
		width: 100%; height: 100%;
		background: url('../img/rotation.gif') center center no-repeat #fff;
		z-index: 400;
		display: none;
	}

	@media screen and (orientation:landscape) and (max-width: 700px ){
		body:after { display: block; }
	}

	#repere {
		width: 1px; height: 100%;
		position: fixed;
		background: #f00;
		top: 0; left: 10px;
		z-index: 100;
	}



/* FONTS */

	.fontSwiss    { font-family: 'Swiss721BT'; }
	.fontGraphie  { font-family: 'Graphie'; }



/* ALIGN */

	.valign {
		height: 100%; width: 100%;
		display: table;
	}
	.valignchild {
		display: table-cell;
		vertical-align: middle;
	}
	.left  { float: left !important; }
	.right { float: right !important; }



/* DOTTED TXT */

	.dotted {
		position: relative;
		padding: 12px 0;
		margin: 0 12px;
		font-weight: bold;
		display: inline-block;
		z-index: 100;
	}
	.dotted:before, .dotted:after {
		content: '';
		position: absolute;
		left: 50%;
		width: 0;
		border-top: 1px dotted;
		-webkit-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		-o-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	.dotted:hover:before, .dotted:hover:after,
	.dotted.active:before, .dotted.active:after { width: 100%; left: 0; }
	.dotted:before { top: 0; }
	.dotted:after { bottom: 0; }



/* 2 POINTS */

	.points {
		position: absolute;
		bottom: 30px; left: 30px;
	}
	.points:before, .points:after {
		content: '';
		width: 15px; height: 15px;
		display: block;
		background: #000;
		border-radius: 20px;
	}
	.points:before { margin-bottom: 10px; }

	.pointsTxt {
		position: relative;
	}
	.pointsTxt .point {
		width: 12px; height: 13px;
		position: absolute;
		left: 50%;
		margin-left: -6px;
		display: block;
		background: #000;
		border-radius: 20px;
	}
	.pointsTxt .point1 { top: -32px; }
	.pointsTxt .point2 { bottom: -32px; }
	

/* PAGE */

	.page {
		width: 100%;
		position: relative;
		padding-top: 15px;
		background: #fff;
	}
	.title {
		font-size: 17px;
	}
	.title span {
		display: block;
		font-weight: 100;
		padding-bottom: 25px;
		border-bottom: 1px dotted;
		margin: 5px 0 18px;
		line-height: 20px;
	}
	.title span i {
		display: block;
	}



/* FOOTER */

	.footer {
		width: 100%; height: 80px;
		position: relative;
		padding: 0 30px;
		margin-top: 30px;
	}
	.footer .points {
		left: 30px; top: 0;
	}

	.footer .points:before, .footer .points:after {
		width: 13px; height: 13px;
	}
	.footer .txt .dotted {
		position: relative;
		padding: 10px 0;
		margin-left: 38px;
		display: inline-block;
		font-weight: 600;
	}

	.footer .mailBtn {
		cursor: pointer;
	}



/* LINES */

	.line {
		width: 100%; height: 640px;
		overflow: hidden;
	}
	.line.lineSmall {
		height: 525px;
	}
	.line.lineSelection {
		height: 860px;
	}
	.line.lineSelection .col {
		width: 50%; height: 100%;
		float: left;
	}
	.line.lineFull .contain {
		padding: 15px 30px;
	}
	.line.lineFull .contain .blocContain {
		padding: 0;
	}
	.line.lineFull .contain .blocContain .bloctxt.blocfull {
		width: 100%;
		position: relative;
		bottom: initial; left: initial;
		padding: 0 75px;
		background: none;
		color: #fff;
	}
	.line.lineFull .contain.containBackground {
		height: 640px;
	}
	.line.lineFull .bloctxtwidth {
		width: 380px;
	}
	.line.lineContact {
		height: 548px;
	}
	.lineContact.pageContact .blocContain {
		width: 50% !important;
	}
	.lineContact.pageContact .mapContain {
		padding-right: 0 !important;
	}
	.lineContact.pageContact .mapContain .mapWrapper {
		width: 100%; height: 100%;
		padding-bottom: 52px;
	}
	.line.lineContact .contain .blocContain { background: #d3d0bd; }
	.line.lineContact .contain .blocContain .bloctxt.blocfull {
		color: #000;
	}
	.line.lineContact .bloctxtwidth {
		width: 400px;
	}
	.line.lineContact .marques {
		margin-top: 30px;
	}
	.line.lineContact .marques li {
		width: 49%;
		display: inline-block;
		font-weight: bold;
		margin-bottom: 20px;
		font-size: 15px;
	}
	.line.lineContact .blocInner {
		width: 100%; height: 100%;
		padding: 30px;
	}
	.line.lineContact .forminput {
		width: 100%;
		padding: 30px 40px;
		background: #fff;
		line-height: 17px;
		margin-bottom: 16px;
	}
	.line.lineContact .forminput span {
		margin: 0;
		padding: 0;
		border: none;
	}

	.line.lineContact .form textarea.forminput {
		min-width: 100%; max-width: 100%;
		min-height: 215px; max-height: 215px;
		font-size: 17px;
		font-weight: 100;
		border: 2px solid transparent;
	}

	.line.lineContact .form input.forminput {
		min-width: 100%; max-width: 100%;
		font-size: 17px;
		font-weight: 100;
		border: 2px solid transparent;
		padding: 20px 40px;
	}
	
	.line.lineContact .form textarea.forminput.error, 
	.line.lineContact .form input.forminput.error {
		border: 2px solid #C00;
	}

	.line.lineContact .form .forminputsend {
		padding: 10px 20px;
		float: right;
		background: #000;
		color: #fff;
		border: none;
		cursor: pointer;
	}

	.line.lineContact .form .messages {
		float: left;
		text-transform: uppercase;
		width: 50%;
		padding: 10px 0;
	}
	.line.lineContact .form .messages div {
		display: none;
	}
	
	.line.lineContact .form .messages .fields,
	.line.lineContact .form .messages .error {
		color: #900;
	}

	.line.lineContact .map {
		width: 100%; height: 100%;
	}
	.line .contain {
		width: 100%; height: 100%;
		position: relative;
		padding: 0 15px;
	}
	.line .contain .bloctxt {
		position: absolute;
		background: rgba(255,255,255,.9);
	}

	.line .contain .altSlide .bloctxt {
		opacity: 0;

		-webkit-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		-moz-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		-ms-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		-o-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}

	.line .contain .altSlide .bloctxt.active {
		opacity: 1;
	}
	
	.line.lineFull .contain .bloctxt {
		width: 340px;
		padding: 45px 30px;
		bottom: 70px; left: 60px;
		z-index: 2;
	}

	.line.lineFull .contain.mobile .bloctxt {
		width: 100%;
		padding: 45px 30px;
		bottom: 70px; left: 60px;
		z-index: 2;
		margin: 0;
		position: relative;
		top: auto; left: auto; bottom: auto;
		background-color: #f0f0f0;
	}

	.line.lineFull .contain .bloctxt p {
		font-size: 14px;
		margin-bottom: 25px;
	}
	
	.line.lineFull .contain .bloctxt p a {
		font-weight: bold;
	}



/* BLOCS */

	.blocContain {
		width: 50%; height: 610px;
		float: left;
		padding: 15px;
	}
	.lineSmall .blocContain {
		height: 525px;
	}
	.lineSelection .blocContain {
		height: 830px;
	}
	.lineContact .blocContain {
		height: 518px;
	}

	.blocInner {
		width: 100%; height: 100%;
		position: relative;
		overflow: hidden;
	}

	.titleFullTxt {
		font-size: 36px;
		text-align: center;
		font-weight: bold;
	}

	.blocContain.blocs .bloc {
		width: 49.5%; height: 49.5%;
		position: relative;
		float: left;
		margin-bottom: 1%;
		overflow: hidden;
	}
	
	.semi .blocInner {
		background-color: #ddd;
	}

	.blocInner .blocContain:nth-child(1) .blocInner .backgroundWrapper,
	.blocContain.blocs .bloc:nth-child(1) { background-color: #ccc; }
	.blocInner .blocContain:nth-child(2) .blocInner .backgroundWrapper,
	.blocContain.blocs .bloc:nth-child(2) { background-color: #bbb; }
	.blocContain.blocs .bloc:nth-child(3) { background-color: #ddd; }
	.blocContain.blocs .bloc:nth-child(4) { background-color: #eee; }

	.blocContain.blocs .bloc:nth-child(even) {
		float: right;
	}
	.blocContain.blocs .bloc .bloctxt {
		width: 60%; height: 75px;
		position: absolute;
		bottom: 35px; left: 20%;
		background: rgba(255,255,255,.9);
		text-align: center;
		line-height: 14px;
	}
	.blocContain.blocs .bloc .bloctxt h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}



/* INTRO */

	.intro {
		width: 100%; height: 100%;
		padding: 30px;
		margin-bottom: -15px;
		position: fixed;
		top: 0; left: 0;
		z-index: -1;
	}

	.intro .line {
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	.intro .contain {
		padding: 0;
		position: relative;
		z-index: 1;
	}

	.intro .logo {
		width: 350px; height: 70px;
		position: absolute;
		top: 35px; left: 30px;
		background: url('../img/logo.png') no-repeat center;
		background-size: contain;
		cursor: pointer;
	}

	.intro .navigation {
		position: absolute;
		top: 35px; right: 30px;
		margin: 12px -12px;
		text-align: right;
		letter-spacing: 1.5px;
	}
	.wrapperNav {
		width: 32px; height: 24px;
		position: relative;
	}
	
	.mobilenav {
		padding: 20px;
		display: none;
		position: relative;
		margin: -20px;
		cursor: pointer;
		z-index: 4;
	}

	.menumobile .mobilnavclose { 
		padding: 20px;
				position: relative;
		margin: -20px;
		cursor: pointer;
		z-index: 4;
	}
	.menumobile .mobilnavclose i,	
	.mobilenav i {
		width: 100%; height: 2px;
		position: absolute;
		left: 0;
		background: #000;
	}
	.intro .navigation .mobilenav i:nth-child(3) {
		bottom: 0;
	}
	.intro .navigation .mobilenav i:nth-child(2) {
		top: 50%;
		margin-top: -1px;
	}
	.menumobile .wrapperNav {
		width: 40px; height: 40px;
	}
	.menumobile .mobilnavclose {
		display: inline-block;
		position: absolute;
		right: 74px; top: 100px;
	}
	.menumobile .mobilnavclose i:nth-child(1) {
		top: 50%;
		margin-top: -1px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menumobile .mobilnavclose i:nth-child(2) {
		top: 50%;
		margin-top: -1px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	.home .intro .bloctxtContainer {
		position: relative;
		width: 100%; height: 100%;
	}

	.intro .bloctxtContainer {
		will-change: transform;
	}

	.intro .bloctxt {
		bottom: 40px; right: 40px;
		padding: 30px;
		font-size: 15px;
		line-height: 18px;
		background: #fff !important;
		font-weight: 100;
	}
	.intro .bloctxt i {
		display: block;
	}
	.intro.introPage .bloctxt {
		left: 60px; right: initial;
	}
	.intro.introPage .bloctxt i {
		display: block;
	}
	.intro.contact {
		color: #fff;
	}





/* SELECTION BLOC */
	
	.selection {
		width: 100%;
		float: left;
	}

	.selection1 { height: 50%; background-color: #ddd}
	.selection2 { width: 50%; height: 24%; background-color: #ccc}
	.selection3 { width: 50%; height: 50%; background-color: #eee}
	
	.selection4 { background: #242424; color: #fff; height: 55%; }
	.selection4 .pointsTxt .point { background: #fff; cursor: pointer; }
	.selection5 { height: 75%; background-color: #ddd}
	.selection6 { height: 45%; }
	.selection7 { height: 25%; background-color: #eee;}



/* MENU MOBILE */

	.menumobile {
		width: 100%; height: 100%;
		position: fixed;
		top: 0; left: 0;
		background: rgba(255,255,255,.92);
		text-align: center;
		font-size: 32px;
		z-index: 10;
		display: none;
	}
	.menumobile .wrapperMenu {
		width: 60%;
		margin: 0 20%;
	}
	.menumobile .navigation a {
		display: block;
		padding: 20px;
	}
	.menumobile .navigation a.active {
		font-weight: bold;
	}
	.menumobile .mobilnavclose {
		right: 74px; top: 100px;
	}



/* SLIDER & IMAGES */
	.slides,
	.slider,
	 .slide {
		width: 100%; height: 100%;
		position: absolute;
		top: 0; left: 0;
		background-size: cover !important;
	}
	.slider .slide {
		background-size: cover !important;
		opacity: 0;
		-webkit-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
	.slider .navslide {
		width: 100%; height: 100%;
		position: absolute;
		color: rgba(255,255,255,.75);
		font-weight: bold;
		z-index: 2;
	}
	.slider .navslide .arrow {
		position: absolute;
		top: 50%;
		padding: 9px 11px;
		border-radius: 20px;
		background: rgba(64,64,64,.5);
		cursor: pointer;
	}
	.slider .navslide .arrow.prev {
		left: 20px;
	}
	.slider .navslide .arrow.next {
		right: 20px;
	}
	.backgroundWrapper {
		width: 100%; height: 100%;
		position: absolute;
		top: 0; left: 0;
		overflow: hidden;
		-webkit-transition: all 2s;
		-moz-transition: all 2s;
		-ms-transition: all 2s;
		-o-transition: all 2s;
		transition: all 2s;
	}
	.background {
		width: 110%; height: 100%;
		position: absolute;
		top: 0; left: -5%;
		background-size: cover !important;
		background-repeat: no-repeat!important;
		background-position: center!important;
		-webkit-transition: all 2s;
		-moz-transition: all 2s;
		-ms-transition: all 2s;
		-o-transition: all 2s;
		transition: all 2s;
	}
	
	.intro .background {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	.background.grey {
		background: #404040;
	}
	.bloc:hover .backgroundWrapper  {
		-webkit-transform: scale(1.1) !important;
		-moz-transform: scale(1.1) !important;
		-ms-transform: scale(1.1) !important;
		-o-transform: scale(1.1) !important;
		transform: scale(1.1) !important;
	}
	.lineFull .blocInner .backgroundWrapper:hover .background {
		-webkit-transform: scale(1.05) !important;
		-moz-transform: scale(1.05) !important;
		-ms-transform: scale(1.05) !important;
		-o-transform: scale(1.05) !important;
		transform: scale(1.05) !important;
	}

.contact .intro {
	position: relative;
	z-index: 1;
}

.contact .intro article.line {
	padding-bottom: 0!important;
}

.contact .intro article.line .background {
	top: 0!important;
}

.contact .page {
	margin-top: 0!important;
}


/**** SELCTION ****/

.lineSelection .blocInner .backgroundWrapper .background {
	-webkit-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
	-moz-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
	-ms-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
	-o-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
	transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;

	-webkit-transition: all .01s cubic-bezier(0.165, 0.840, 0.440, 1.000) .5s, z-index 0.01s linear 0.01s;
	-moz-transition: all .01s cubic-bezier(0.165, 0.840, 0.440, 1.000) .5s, z-index 0.01s linear 0.01s;
	-ms-transition: all .01s cubic-bezier(0.165, 0.840, 0.440, 1.000) .5s, z-index 0.01s linear 0.01s;
	-o-transition: all .01s cubic-bezier(0.165, 0.840, 0.440, 1.000) .5s, z-index 0.01s linear 0.01s;
	transition: all .01s cubic-bezier(0.165, 0.840, 0.440, 1.000) .5s, z-index 0.01s linear 0.01s;
}

.lineSelection .selection1 .blocInner .backgroundWrapper .background.active {
	-webkit-transition-delay: .0s;
	-o-transition-delay: .0s;
	transition-delay: .0s;
}

.lineSelection .selection2 .blocInner .backgroundWrapper .background.active {
	-webkit-transition-delay: .05s;
	-o-transition-delay: .05s;
	transition-delay: .05s;
}

.lineSelection .selection3 .blocInner .backgroundWrapper .background.active {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
}

.lineSelection .titleFullTxt,
.lineSelection .selection4 .blocInner .backgroundWrapper .background.active {
	-webkit-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.lineSelection .selection5 .blocInner .backgroundWrapper .background.active {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.lineSelection .selection6 .blocInner .backgroundWrapper .background.active {
	-webkit-transition-delay: .25s;
	-o-transition-delay: .25s;
	transition-delay: .25s;
}

.lineSelection .selection7 .blocInner .backgroundWrapper .background.active {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}

.lineSelection .blocInner .backgroundWrapper .background,
.lineSelection .blocInner:hover .backgroundWrapper .background {
	-webkit-transform: translateX(100%)!important;
	-ms-transform: translateX(100%)!important;
	-o-transform: translateX(100%)!important;
	transform: translateX(100%)!important;
}


.lineSelection .blocInner .backgroundWrapper .background.active {
	-webkit-transform: translateX(0)!important;
	-ms-transform: translateX(0)!important;
	-o-transform: translateX(0)!important;
	transform: translateX(0)!important;
	z-index: 2;
	-webkit-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000), z-index 0.01s linear 0.01s;
	-moz-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000), z-index 0.01s linear 0.01s;
	-ms-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000), z-index 0.01s linear 0.01s;
	-o-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000), z-index 0.01s linear 0.01s;
	transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000), z-index 0.01s linear 0.01s;
}

.lineSelection .titleFullTxt {
	position: absolute;
	background: #242424;
	opacity: 0;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.lineSelection .titleFullTxt.active {
	opacity: 1;
	z-index: 2;
	-webkit-transition: opacity .5s .5s;
	-moz-transition: opacity .5s .5s;
	-ms-transition: opacity .5s .5s;
	-o-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

/* */
.parallax *[data-parallax]{
	position: absolute;
	width: 110%; height: 100%;
	top: 0; left: -5%;
	
	-webkit-transition: all .7s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all .7s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all .7s cubic-bezier(0.165, 0.840, 0.440, 1.000);

}

.parallax {
	position: absolute;
	width: 110%; height: 100%;
}

/* */ 

#menuSticky {
	position: fixed;
	top: 0; left: 0;
	height: 60px; width: 100%;
	background-color: #fff;
	text-align: right;
	z-index: 10;
	padding: 0 90px;
	font-family: 'Graphie';
	font-weight: bold;
	
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);

	-webkit-transition: all .7s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all .7s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all .7s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

#menuSticky.visible {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

#menuSticky .points {
	left: 90px;
	bottom: 50%; margin-bottom: -10px;
}

#menuSticky .logo {
	width: 240px; height: 40px;
	position: absolute;
	top: 10px; left: 21px;
	background: url('../img/logo.png') no-repeat center;
	background-size: contain;
	cursor: pointer;
}

#menuSticky .navigation {
	position: absolute;
	top: 50%; margin-top: -18px;
	right: 78px;
	letter-spacing: 1.5px;
	font-size: 10px;
}
#menuSticky .mobilenav {
	margin-top: -15px;
}
#menuSticky .mobilenav i:nth-child(3) { bottom: 0; }
#menuSticky .mobilenav i:nth-child(2) { top: 50%; margin-top: -1px;}

#menuSticky .points:before, #menuSticky .points:after { width: 10px; height: 10px; }
#menuSticky .points:before { margin-bottom: 5px; }

@media screen and ( max-width: 700px ) {
	#menuSticky .navigation a { display: none; }
	#menuSticky .mobilenav { display: inline-block; }
}


.fade {
	opacity: 0;
}