@font-face {
font-family: 'Avenir LT Std 95 Black';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir LT Std 95 Black'), url('https://s3-eu-west-1.amazonaws.com/gbsquare/uikit1/fonts/AvenirLTStd-Black.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 45 Book';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir LT Std 45 Book'), url('https://s3-eu-west-1.amazonaws.com/gbsquare/uikit1/fonts/AvenirLTStd-Book.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir LT Std 85 Heavy'), url('https://s3-eu-west-1.amazonaws.com/gbsquare/uikit1/fonts/AvenirLTStd-Heavy.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 35 Light';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir LT Std 35 Light'), url('https://s3-eu-west-1.amazonaws.com/gbsquare/uikit1/fonts/AvenirLTStd-Light.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 65 Medium';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir LT Std 65 Medium'), url('https://s3-eu-west-1.amazonaws.com/gbsquare/uikit1/fonts/AvenirLTStd-Medium.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 55 Roman';
font-style: normal;
font-weight: normal;
src: local('../fonts/Avenir LT Std 55 Roman'), url('https://s3-eu-west-1.amazonaws.com/gbsquare/uikit1/fonts/AvenirLTStd-Roman.woff') format('woff');
}


section{
	position: relative;
	padding: 5% 0px;
}

.text-center{
	text-align: center;
}


b{
	font-family: 'Avenir LT Std 85 Heavy';
}



body{
	font-family: 'Avenir LT Std 35 Light';
	color: #333338;
}

/*.cover{
	height: 100%;
	width: 50%;
	right: 0;`
	top: 0;
	position: absolute;
	padding: 15px;
	background-size: cover;
	background-position: center;
	background-image: url('../img/bg.jpg');
}*/

.cover{
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	padding: 15px;
	background-color: white;
}

.coverIntro{
	position: absolute;
	width: 70%;
	height: 70%;
	top: 15%;
	left: 15%;
	background-color: #f4f0f1;
}

.bg01{
	    position: absolute;
    width: 70%;
    height: 40%;
    top: 0px;
    left: 15%;
    background-color: #f4f0f1;
    z-index: -1;
}


.details{
	margin-bottom: 100px;
}

.details h4{
	margin-bottom: 50px;
}

.details h2{
	margin-top: 50px;
	margin-bottom: 50px;
}

.coverContent{
	/*background-size: cover;
	background-position: center;
	background-image: url('../img/bg.jpg');*/
	background-color: #f4f0f1;
	position: relative;
	width: 100%;
	height: 500px;
}

.coverContentLegend{
	 position: absolute;
    bottom: 0%;
    left: 15%;
    width: 70%;
    text-align: center;
    z-index: 3;
    /* border: 10px solid #f4f0f1; */
    background-color: white;
    padding: 5% 10%;
    color: #333338;
}

.filtre{
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;;
	height: 100%;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.logo{
	position: absolute;
    z-index: 2;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #333338;
}

.logo img{
	width: 250px;
}

.phobosDevice{
    height: 100%;
    text-align: right;
    position: relative;
    right: -100px;
}

.phobosDevice img{
	height: 100%;
    width: auto;

}

.logogb{
    width: 70px !important;
    position: absolute;
    bottom: 25px;
    left: 25px;
}

.logogbFooter{
	position: relative;
    width: 80px;
    margin: 0px auto;
    top: 23px;
    margin-bottom: 30px;
}



.legendIntro{
	position: absolute;
	left: 0;
	color: #333338;
	transform: rotate(-90deg) translateY(-50%);
    top: 50%;
}



.content{
	position: absolute;
	top: 100%;
	width: 100%;
	min-height: 1000px;
	background-color: white;
	z-index: 3;
}

.img-100{
	width: 100%;
}

.view{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.viewIntro{
	position: relative;
    top: 100px;
    z-index: 3;
}

.view img{
	box-shadow: 0 10px 50px #ddd;
  -webkit-box-shadow: 0 10px 50px #ddd;
  -moz-box-shadow: 0 10px 50px #ddd;
/*    border: 10px solid #fff;*/
}




.bton{
	background-color: #2FB4C7;
    padding: 15px 40px;
    color: white;
    border: 2px solid #2FB4C7; 
    font-size: 20px;
    margin: 20px 0px;
    -webkit-transition: all 600ms cubic-bezier(0.645,.045,.355,1);
    -moz-transition: all 600ms cubic-bezier(0.645,.045,.355,1);
    -o-transition: all 600ms cubic-bezier(0.645,.045,.355,1);
    transition: all 600ms cubic-bezier(0.645,.045,.355,1);
    cursor: pointer;
}


.bton:hover, .bton:focus{
	background-color: white;
	color: #2FB4C7;
    cursor: pointer;
    border: 2px solid #2FB4C7; 


}

.footer{
	background-color: #f4f0f1;
	color: #333338;
}


	