@font-face {font-family: NexaBold;
    src: url('../font/Nexa_Bold.eot');
    src: url('../font/Nexa_Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/Nexa_Bold.woff') format('woff'),
         url('../font/Nexa_Bold.ttf') format('truetype'),
         url('../font/Nexa_Bold.svg#OpenSansLight') format('svg');
}

.clear{clear: both;}
.tuto-cnt{width: 360px; height:auto; min-height: 400px; margin: 40px auto; overflow: auto; }
.tuto-cnt p{ line-height: 18px; font-size: 14px;}
*[class^="prlx"] {
  position: absolute;
  width: 100%;
  height: 300%;
  top:0;
  left:0;
  z-index: -1;
}
.prlx-1{ background: #c6c7c9  url('../images/rsz_optimal-1.jpg') 85% 5% no-repeat; }
.prlx-2{ background: #e0e1e3  url('../images/rsz_logo-optimal-waters-3d.jpg') 85% 25% no-repeat; }
.prlx-3{ background: #aeafb3  url('../images/rsz_optimal-origin-w.jpg') 10% 50% no-repeat; }

.section-one #bloc1, .section-three h2{ 
	font: bold 38px helvetica, sans-serif;
	color: white;
	position: absolute;
	top:30%; left: 5%;
	padding:10px;
	background-color: #c6c7c9;
}

.section-two #bloc2 { 
	font: bold 38px helvetica, sans-serif;
	color: white;
	position: absolute;
	top:10%; left: 5%;
	padding:10px;
	background-color: #e0e1e3;
}

.section-three #bloc3 , .section-three h2{
	font: bold 38px helvetica, sans-serif;
	color: white;
	position: absolute;
	top:30%; left: 50%;
	padding:10px;
	background-color: #aeafb3;
}

.ow-panel{
	width: 100%; min-height: 100vh;
	position: relative;
	overflow: hidden;
}
.section-one, .section-two, .section-three{
}
p{
	width:450px;
    margin: 10px auto;
	font: 12px helvetica, sans-serif; line-height: 18px;
}

#ow-contact{background-color:#494e52;}