/*/////////////////////// CSS RESET /////////////////////////////*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*//////////////////// END CSS RESET /////////////////////////*/

/*////////////////////// FONT SETUP //////////////////////////*/

@font-face {
    font-family: 'geogrotesque-thin';
    src: url('../fonts/geogtq-th-webfont.eot');
    src: url('../fonts/geogtq-th-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-th-webfont.woff') format('woff'),
         url('../fonts/geogtq-th-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-th-webfont.svg#geogrotesque_ththin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geogrotesque-bold';
    src: url('../fonts/geogtq-bd-webfont.eot');
    src: url('../fonts/geogtq-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-bd-webfont.woff') format('woff'),
         url('../fonts/geogtq-bd-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-bd-webfont.svg#geogrotesque_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geogrotesque';
    src: url('../fonts/geogtq-rg-webfont.eot');
    src: url('../fonts/geogtq-rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-rg-webfont.woff') format('woff'),
         url('../fonts/geogtq-rg-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-rg-webfont.svg#geogrotesque_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabin-bold';
    src: url('../fonts/cabin-bold-webfont.eot');
    src: url('../fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-bold-webfont.woff') format('woff'),
         url('../fonts/cabin-bold-webfont.ttf') format('truetype'),
         url('../fonts/cabin-bold-webfont.svg#cabinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabin';
    src: url('../fonts/cabin-regular-webfont.eot');
    src: url('../fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-regular-webfont.woff') format('woff'),
         url('../fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('../fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*/////////////////// END FONT SETUP ///////////////////////*/

/*/////////////////////// STYLES ///////////////////////////*/
body{
font-family: 'cabin'; 
color:#606161;
}
#mobile-menu{
position: relative;
display:none;
height: auto;
background:#e66132;
color: #ffffff; 
z-index:10;
}
	#mobile-menu ul li{
	width:95%;
	border-bottom: 1px solid rgba(255,255,255,0.34);
	margin:auto;
	}
	#mobile-menu ul li:last-child{
	border-bottom: none;
	}
		#mobile-menu ul li a{
		display: block;
		width: 100%;
		height: 45px;
		line-height: 45px;
		color:#ffffff;
		text-decoration:none;
		text-align: center;
		z-index:10;
		}
#menu-scroll{
position:fixed;
top:0;
width:100%;	
height: auto;
background-color: #e8e8e8;
opacity: 0.990;
z-index: 5;
}
	#mobile-menu-scroll{
	position: relative;
	display:none;
	height: auto;
	}
		#mobile-menu-scroll ul li{
		width:100%;
		border-bottom: 1px solid rgba(230,99,51,0.46);
		margin:auto;
		}
		
			#mobile-menu-scroll ul li a{
			display: block;
			height: 45px;
			line-height: 45px;
			width: 100%;
			color: #e66132; 
			text-decoration:none;
			text-align: center;
			}
	#menu-scroll .wrapper{
	position:relative;
	width:95%;
	max-width:960px;
	margin: auto;
	}
		#menu-scroll .menu-p li{
		margin-top: 30px !important;
		}
		#menu-scroll .logo{
		position: relative;
		height: 33px;
		width:95px;
		float: right;
		margin:22px 0 22px 0;
		}
#header{
position: relative;
width:100%;
height: auto;
background-color: #e8e8e8;
background-image: url("../images/header.jpg");
background-position: -625px bottom;
background-repeat: no-repeat;
transition: background 0.3s;
-webkit-transition: background 0.3s; /* Safari */
z-index: 10;
}
#header.content{
background-image: url("../images/header-light.jpg");
}
	#header .wrapper{
	position:relative;
	width:95%;
	max-width:960px;
	height: auto;
	margin: auto;
	}
	.menu-p li{
	position: relative;
	display:inline-block;
	z-index: 5;
	margin-top:50px;
	font-family: 'geogrotesque';
	text-transform: uppercase;
	float: left;
	}
		.menu-p li a{
		color: #606161;
		text-decoration: none;
		border-bottom: solid 1px #606161;
		margin-right:35px;
		padding:0 25px 5px 0;
		transition: padding 0.3s, margin-right 0.3s;
		-webkit-transition: padding 0.3s, margin-right 0.3s; /* Safari */
		}
			.menu-p li:last-child a{
			margin-right:0px;
			}
		.menu-p li a:hover{
		padding:0 45px 5px 0;
		margin-right:15px;
		}
	#menu-u li{
	position: relative;
	display:inline-block;
	z-index: 5;
	margin-left:25px;
	margin-top:50px;
	font-family: 'geogrotesque';
	text-transform: uppercase;
	float: right;
	color:#aaaaaa;
	transition: margin-left 0.3s;
	-webkit-transition: margin-left 0.3s; /* Safari */
	}
		#menu-u li a{
		color: #aaaaaa;
		text-decoration: none;
		border-bottom: solid 1px #aaaaaa;
		font-size: 0.8em;
		padding:0 0 5px 0;
		transition: color 0.3s;
		-webkit-transition: color 0.3s; /* Safari */
		}
		#menu-u li a:hover{
		color: #606161;	
		}
		#menu-u li.active{
		display: none;
		}
	#header .logo{
	position: relative;
	z-index: 5;
	margin-top:135px;
	float: left;
	transition: margin 0.3s;
	-webkit-transition: margin 0.3s; /* Safari */
	}
	#header .content{
	position: relative;
	z-index: 5;
	float:right;
	margin-top:135px;
	width:500px;
	margin-bottom:75px;		
	}
		#header h1{
		color: #e66132;
		font-family: 'geogrotesque-bold';
		font-size:4.7em;
		text-transform: uppercase;
		margin-bottom: 50px;
		transition: font-size 0.3s;
		-webkit-transition: font-size 0.3s; /* Safari */
		}
		#header h2{
		color: #e66132;
		font-family: 'geogrotesque';
		font-size:3em;
		font-weight: 900;
		margin-bottom: 40px;
		transition: font-size 0.3s;
		-webkit-transition: font-size 0.3s; /* Safari */
		}
		#header p{
		line-height: 34px;
		font-size:1.2em;
		margin-bottom:30px;
		}
		#discover{
		display: block;
		width:150px;
		font-family: 'geogrotesque';
		height: 95px;
		text-transform: uppercase;
		color:#aaaaaa;
		margin:auto;
		background-image: url("../images/arrow-header.jpg");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		cursor:pointer;
		text-align: center;
		margin-top:50px;
		line-height: 20px;
		text-decoration: none;
		transition: background-position 0.3s, color 0.3s;
		-webkit-transition: background-position 0.3s, color 0.3s; /* Safari */
		}
			#discover:hover{
			background-position: 50% 100%;
			color: #e66132;
			}
#content{
position: relative;
width:100%;
height: auto;
background: #e76132;
color:#ffffff;	
background-image: url("../images/content.png");
background-position: -295px 0;
background-repeat: no-repeat;
z-index: 1;
}
	#content .wrapper{
	position: relative;
	width:95%;
	max-width:960px;
	margin:auto;
	padding-top:100px;
	padding-bottom: 125px;
	}
	#background-content{
	position:absolute;
	left:-425px;
	top:0;
	z-index: 0;
	}			
	#content .content-top{
	position: relative;
	height: auto;
	margin:0 0 100px 0;
	z-index: 1;
	}
			.truck-panoramic{
			width:100%;
			margin-top:50px;
			}
			#content h2{
			font-family: 'geogrotesque';
			font-size: 2.4em;
			display: inline-block;
			padding:70px 0 70px 25px;
			background-image: url("../images/bg-h2-home.jpg");
			background-repeat: no-repeat;
			background-position: left 50%;
			margin-left:-25px;	
			padding-right: 30px;
			}
			#content p{
			display: block;
			font-family: 'cabin';
			line-height: 34px;
			font-size:1.2em;
			color: #552616;	
			}
			#content a{
			display: inline-block;
			color: #552616;	
			margin-top:50px;
			line-height: 20px;
			border-bottom: 1px solid #552616;
			font-size:16px;
			text-decoration: none;
			padding:0 0 5px 0;
			float: right;	
			}
				#content a.white{
				color: #ffffff;	
				margin-top:0px;
				line-height: 20px;
				border-bottom: 1px solid #ffffff;
				font-size:18px;
				padding:0 0 5px 0;
				float: left;
				}
			#content .content-top img{
			margin-top:60px;
			margin-left: -25px;
			}
			#content input.simple-field{
			width:500px;
			height: 45px;
			border:none;
			outline: none;
			font-size: 1em;
			margin-bottom: 5px;
			color:#c5c5c5;
			padding-left:20px;
			}
			#content textarea{
			height: 150px;
			border:none;
			outline: none;
			font-size: 1em;
			margin-bottom: 25px;
			color:#7a7a7a;
			width:96%;
			padding:2%;
			}
			#content input[type=submit]{
			display: block;
			background: transparent;
			outline: none;
			font-size: 1.3em;
			border:5px solid #ffffff;
			color:#ffffff;
			font-family: 'geogrotesque-bold';
			text-transform: uppercase;
			cursor:pointer;
			margin:auto;
			height: 75px;
			width:300px;
			}
	#content .content p{
	display: inline-block;
	font-family: 'cabin';
	line-height: 34px;
	color: #552616;	
	}
	#content .content h3{
	font-family: 'geogrotesque';
	font-size: 2em;
	display: block;
	padding:15px 110px 45px 0;
	background-repeat: no-repeat;
	background-position: right top;	
	}
		#content .content h3.boat{
		background-image: url("../images/boat.jpg");	
		}
		#content .content h3.truck{
		background-image: url("../images/truck.png");	
		}
		#content .content h3.testimonial{
		background-image: url("../images/testimonial.jpg");	
		}
	#testimonials li{
	display: none;
	opacity: 0;
	transition: opacity 0.5s;
	}
	.next{
	cursor: pointer;
	margin-top:15px !important;
	}
	#content .content a{
	
	}
	#content .services ul{
	font-family: 'geogrotesque';
	padding-top:50px;
	line-height: 1.5em;
	list-style-type: none;
	color: #552616;
	padding-bottom: 30px;
	}
	#content .services ul li{
	background-image: url('../images/puce.png');
	background-repeat: no-repeat;
	background-position: right 50%;
	padding:15px 20% 15px 0;
	border-bottom: 1px solid #cb5028;
	}
		#content .services ul li:last-child{
		border-bottom: none;
		background-image: url('../images/puce-link.png');	
		}
		#content .services ul li a{
		margin-top:0 !important;
		border-bottom: none;
		color:#ffffff;
		float: none;
		}
		#content img.gallery{
		width:100%;
		z-index:1;
		position: relative;
		}
		a.link-gallery{
		display: block;
		position:relative;
		width:100%;
		height: auto;
		text-decoration:none !important;
		border-bottom: none !important;
		margin:0 !important;
		padding: 0 !important;	
		}
			/*.hover-image{
			position: absolute;
			width:100%;
			height: 100%;
			background-color: #000000;
			background-image: url('../images/look.png');
			background-position: 50% 50%;
			background-repeat: no-repeat;	
			opacity: 0;
			z-index:5;
			top:0;
			transition: opacity 0.3s;
			-webkit-transition: opacity 0.3s;
			}
				.hover-image:hover{
				opacity: 0.5;
				}*/
			
#footer{
position: relative;
background: #e8e8e8;
background-image: url("../images/footer.jpg");
background-position:550px 0;
background-repeat: no-repeat;
transition: background-position 0.3s;
-webkit-transition: background-position 0.3s; /* Safari */
}	
	#footer .wrapper{
	position: relative;
	width:95%;
	max-width:960px;
	height: auto; 
	margin:auto;
	z-index: 0;
	}
		#inuit-art{
		position:relative;
		float: left;
		width:100%;
		height: 145px;
		background: url("../images/inuit-art.jpg") no-repeat left 50%;
		z-index: 1;
		}
			#inuit-art p{
			padding: 60px 0 0 65px;
			color: #aaaaaa;
			font-family: 'geogrotesque';
			}
			#inuit-art a{
			color: #606161;
			transition: color 0.3s;
			-webkit-transition: color 0.3s; /* Safari */	
			text-decoration:none;
			}
				#inuit-art a:hover{
				color: #e66132;
				}
		#coordonees{
		position:relative;
		height: 145px;
		z-index: 1;
		font-family: 'cabin'; 
		}
			#coordonees .float-47 p{
			padding-top:25px;
			line-height: 1.3em;
			color: #aaaaaa;
			}
			#coordonees .float-47 span{
			color: #e66132;
			line-height: 1.7em;
			}
			#coordonees .float-47 span a{
			text-decoration: none;
			color: #e66132;
			line-height: 1.7em;
			}
		#background-footer{
		position:absolute;
		right:-300px;
		top:0;
		z-index: 0;
		}
		
	
		
/*//////////////////////// STYLES ///////////////////////////*/

.clr-both{
clear: both
}
.float{
float:left;
position:relative;
width: 45%;
}
.float-40{
width: 40%;
}
.float-47{
float:left;
width: 47.5%;
}
.float-55{
width:55%;
}
.float-35{
width:35%;
}
.margin-10{
margin-right:10%;
}
.margin-5{
margin-right:5%;
}	
.align-right{
text-align: right;
}	
.full-width{
width:100%;
}
.visible{
display: inline-block !important;
opacity: 1 !important;
}	
.no-border{
border-bottom: none !important;
text-decoration: none !important;
display: inline !important;
padding: 0 !important;
float: none !important;
}