html{}

body{
	font-family:"Raleway";
	font-weight: 400;
	overflow-x:hidden;
}

a, a:hover, a:focus{text-decoration: none;}
a:focus {outline: none;}

p{
	color: #8b8b8b;
	font-family:"Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height:23px;
}

h7{
	color: white;
	font-family:"Roboto";
	font-weight: 400;
	font-size: 18px;
	line-height:23px;

}

h1,h2,h3,h4,h5,h6{
	margin-top: 0;
	font-weight: normal;
}

@media (min-width: 1024px) and (max-width: 5000px) {
	.container, .service-details{
		max-width: 1100px;
	}
}

video{
	position: fixed;
	bottom: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}

.fond_traits{
	width:100%;
	height:100%;
	background: url(../images/pattern_1.png) repeat scroll left top;
}

/*Common Spacing and Padding*/						

.section-no-sland-padding{
	padding-top: 130px;
	padding-bottom: 130px;
}
.section-no-sland-padding-footer{
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-padding{
	padding: 50px 0 200px 0;
}
.section-padding-medium{
	padding-top: 50px;
	padding-bottom: 150px;
}
.section-padding-small{
	padding-top: 50px;
	padding-bottom: 50px;
}
.add-top{
	margin-top: 140px;
}
.add-bottom{
	margin-bottom: 140px;
}
.add-top-half{
	margin-top: 70px;
}
.add-bottom-half{
	margin-bottom: 70px;
}
.add-min-top-half{
	margin-top: 35px;
}
.add-min-bottom-half{
	margin-bottom: 35px;
}
.pad-top{
	padding-top: 140px;
}
.pad-bottom{
	padding-bottom: 140px;
}
.pad-top-half{
	padding-top: 70px;
}
.pad-bottom-half{
	padding-bottom: 70px;
}
.pad-min-top-half{
	padding-top: 35px;
}
.pad-min-bottom-half{
	padding-bottom: 35px;
}
.pad{
	padding-top: 150px;
	padding-bottom: 150px;
}

/* Common Objects */

.inner-section{
}
.page-section{
	text-align: center;
	position: relative;
}
.section-text{
	font-size: 16px;
	line-height: 23px;
	margin-top: 35px;
	margin-bottom: 35px;
}
.float-clear{
	clear: both;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.bg-color-light{
	background: #fff;
}
.bg-color-dark{
	background: #282828;
}

#cp{
	margin-left: auto;
	margin-right: auto;
	width:200px;
	height:200px;
	margin-bottom:50px;
}

/* Section Titles */

.title-primary h3{
	color: #000;
	text-transform: uppercase;
}
.title-primary h3:after{
	content: '';
	width: 20px;
	height: 3px;
	background: #bbbbbb;
	display: block;
	margin: 0 auto;
	clear: both;
	margin-top: 25px;
}	
.title-secondary h3{
	color: #fff;
	text-transform: uppercase;
}
.title h3{
	color: #000;
	text-transform: uppercase;
}

/* Buttons */

	/*Button-1*/
.button-style-1{
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 17px;
	line-height: 24px;
	width: auto;
	text-align: center;
	border: 3px solid #dcdcdc;
	background: #fff;
	color: #282828;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 auto;
	-webkit-transition: background .8s;
	   -moz-transition: background .8s;
		-ms-transition: background .8s;
		 -o-transition: background .8s;
			transition: background .8s;
}
.button-style-1 a{
	color: #282828;
}
.button-style-1:hover{
	background: #baab8b;
	color: #282828; 
	border-color: #baab8b;
} 

	/*Button-2*/
.button-style-2{
	margin-top: 60px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 17px;
	line-height: 24px;
	width: auto;
	text-align: center;
	border: 3px solid #fff;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	-webkit-transition: background .8s;
	   -moz-transition: background .8s;
		-ms-transition: background .8s;
		 -o-transition: background .8s;
			transition: background .8s;
}
.button-style-2 a{
	color: #fff;
}
.button-style-2:hover{
	background: #baab8b;
	color: #fff;
	border-color: #baab8b;
}

/*Slider*/
	
.slider-directional.owl-theme .owl-controls{  
    width: 100%;
    margin-top: 0px;
}
.slider-directional.owl-theme .owl-controls .owl-buttons div{
	width: 60px;
	height: 60px;
	position: absolute;
	top:50%;
}
	
/*Home Slider*/

.slider-1 .owl-prev{
	background: url("../images/left.png") no-repeat !important;
	left: 40px !important;
}
.slider-1 .owl-next{
	background: url("../images/right.png") no-repeat !important;
	right: 40px !important;
}

/*Pagination Slider*/

.pagination-slider.owl-theme .owl-controls{
 	bottom: 50%;
    margin-top: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    margin-right: 2%;
 }
 .pagination-slider.owl-theme .owl-controls .owl-page{
 	display: inline;
 }
 .pagination-slider.owl-theme .owl-controls .owl-page span{
 	background: #fff;
 }

/*Slands*/
	
.sland-relative{
	position: relative;
}	
svg.sland-bottom{
	pointer-events: none;
	position: absolute;
	bottom:-2px;
	left: -40px;
	height: 150px;
	width: 105%;
}
svg.sland-top{
	pointer-events: none;
	position: absolute;
	top:-2px;
	left: -40px;
	height: 150px;
	width: 105%;
}

/*Sland Type-1*/

.sland-type1 path {
	fill: #282828;
	stroke: #282828;
	stroke-width: 0;
}

/*Sland Type-2*/

.sland-type2 path {
	fill: #fff;
	stroke: #fff;
	stroke-width: 0;
}

/* HEADER, INTRO & NAVIGATION */

.menu{
	display: none;
}
.header.solid-bg{
	background: #555;
	top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
}
.header{
	padding-top: 25px;
	background: transparent;
	color: #fff;
	position: absolute;
	z-index: 99;
	width: 100%;
	-webkit-transition: all .7s ease-in-out;
	   -moz-transition: all .7s ease-in-out;
		-ms-transition: all .7s ease-in-out;
		 -o-transition: all .7s ease-in-out;
			transition: all .7s ease-in-out;
}
.logo-holder{
	float: left;
}
.header-link{
	text-transform: uppercase;
	width: auto;
	min-width: 10px;
	margin-top: 5px;
	float: right;	
}
.header-link ul li a{
	color: #fff;
	transition-duration: .5s;
    transition-property: color;
}
.header-link ul{
	margin-top: 10px;
}
.header-link ul li{
	list-style: none;
	margin-right: 30px;
	color: #fff;
	display: inline-block;
	outline: none;
}
.header-link ul li:last-child{
	margin-right: 0px;
}
.header-link ul li a:hover{
	color: #baab8b;
}

/*Home*/

.home-bg-1{
	background: url('../images/cafeaccueil.jpg');
	background-size: 100% 100%;
}

.home-bg-2{
	background: url('../images/greenaccueil.jpg');
	background-size: 100% 100%;
}

.bg-image-mask{
	background-color: rgba(0,0,0,.5);
}

.home{
	color: #fff;
	display: block;
	width: 100%;
	height: auto;
}	

.home h1{
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto;
	display: inline-block;
	font-size: 45px;
	line-height: 52px;
}

.home h1::before {
	content: '';
	width: 295px;
	height: 2px;
	background: #fff;
	display:block;
	margin: 0 auto;
	clear: both;
	margin-bottom: 50px;
}

.home h1::after {
	content: '';
	width: 295px;
	height: 2px;
	background: #fff;
	display:block;
	margin: 0 auto;
	clear: both;
	margin-top: 50px;
}

.home h1 span{color: #baab8b;}

.home img{margin: 0 auto;}

.down-scroll{
	position: absolute;
	text-align: center;
	width:auto;
	bottom: 20%;
	left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*Works*/

.works h3{
	margin-bottom: 0px;
}
.portfolio-filter{
	text-align: center;
}
.portfolio-filter ul{
	text-transform: uppercase;
	min-width: 10px;
	margin-bottom: 5px;
	padding-left: 0px;
}
.portfolio-filter ul li:last-child{
	margin-right: 0px;
	margin-top: 10px;
}
.portfolio-filter ul li{
	margin-right: 30px;
	list-style: none;
	display: inline-block;
}
.portfolio-filter ul li a{
	color: #fff;
}
.portfolio-filter ul li a:hover, .portfolio-filter ul li a.active {
	color: #a79b82;
}
.portfolio-item{
	width: 30.5%;
	height: 320px;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	margin-left: 20px;
	
}

.portfolio-item img{
	height: 320px;
	width: 100%;
}

.portfolio-item-mask{
	background: rgba(125,125,125,0.7);
	opacity: 0;
	left: 0px;
	bottom: 0px;
	text-align: center;
	text-transform: uppercase;
	height: 320px;
	width: 100%;
	padding-top: 140px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		 -o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}

.portfolio-item-mask h5{
	font-size: 16px;
	line-height: 23px;
	width: 100%;
}

.portfolio-item-mask h6{
	width: 100%;
	padding-top: 25px;
}

.portfolio-item:hover > .portfolio-item-mask{
	display: inline-block; 
	opacity: 1;
	color: #fff;
}	

/*Services*/

.services-column{
	padding-top: 40px;
}	

.services-column h5{
	color: #000;
	padding-top: 25px;
	padding-bottom: 15px;
	text-transform: uppercase;
}	

.services-column p{
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0px;
}

.services-icon-font:before{
	font-size: 45px;
	color: #000;
}

/*Contact*/

.contact{
	background: url("../images/image-contact-bg.jpg");
	background-size: 100% 100%;
	padding-top: 150px;
}

.contact > .section-no-sland-padding{
	padding-top: 0px;
}

.contact-title h3:after{
	content: '';
	width: 20px;
	height: 3px;
	background: #bbbbbb;
	display: block;
	margin: 0 auto;
	clear: both;
	margin-top: 25px;
}	

.contact-column{
	padding-top: 45px;
}

.contact-info{
	text-align: left;
}

.contact-info h4{
	font-size: 16px;
	line-height: 23px;
	text-transform: uppercase;
	color: #fff;
}

.contact-info p{
	font-size: 16px;
	line-height: 23px;
	color: #fff;
}

.contact-info-content{
	padding-top: 25px;
	color: #fff;
}

.contact-form input{
	font-size: 16px;
	line-height: 23px;
	width: 100%;
	height: 50px;
	margin-bottom: 30px;
	padding-left: 15px;
	border: 3px solid #dcdcdc;
	background: transparent;
	color: #fff;
}

.contact-form textarea{
	font-size: 16px;
	line-height: 23px;
	width: 100%;
	height: 190px;
	padding-top: 15px;
	padding-left: 15px;
	 resize: none;
	border: 3px solid #dcdcdc;
	background: transparent;
	color: #fff;
}

.contact-form button{
	font-size: 16px;
	line-height: 23px;
	padding: 15px 30px;
	color: #fff;
	background: transparent;
	text-transform: uppercase;
	border: 3px #dcdcdc solid;
	margin-top: 30px;
	display: block;
	text-align: left;
	-webkit-transition: background .8s;
	   -moz-transition: background .8s;
		-ms-transition: background .8s;
		 -o-transition: background .8s;
			transition: background .8s;
}

.contact-form button:hover {
	background: #baab8b;
	border-color: #baab8b;
}

.alert-error p{
	color: #fff !important;
	font-size: 19px;
	line-height: 26px;
}

.alert{
	box-shadow: none;
	padding: 15px;
	background: #000;
}

/* FOOTER */

.icon-font-footer:before:hover{
	background: #baab8b;
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		 -o-transition: all .3s ease-out;
			transition: all .3s ease-out;
}

.footer{
	text-align: center;
	background: #fff;
	margin: 0 auto;
}

.footer p{
	font-size: 14px;
	line-height: 21px;
	padding-top: 20px;
}

.footer-social-icons{
	margin-left: 5px;
	margin-right: 5px;
}

.home-button{
	position: absolute;
	z-index: 2;
	display: inline;
	width: auto;
	left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}	

.home-button img{margin: 0 auto;}

.footer .home-button{top: -107px;}

.footer .no-sland{top: -33px !important;}

.video-poster-image {
	background: url('../images/home/01.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	z-index:0 !important;
	backface-visibility:hidden;
	background-position:center center;
}
.player{font-size: 1px;}

/* INNER PAGES LAYOUT*/

.innerpage-home h1{
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding-top: 50px;
	padding-bottom: 50px;
}
.innerpage-home-pad{
	padding-top: 150px;
	padding-bottom: 85px;
}


/*Works Inner Page*/

.singlework-home-bg-image{
	background: url('../images/works/work-innerpage/singlework-home-image.jpg');
	background-size: cover;
}
.works-inner-page{
	text-align: left;
}
.works-innerpage-text{
	padding-left: 12%;
	padding-top: 70px;
}
.works-innerpage-info{
	padding-left: 70px;
	padding-top: 70px;
}
.works-innerpage-info span{
	font-size: 14px;
	line-height: 21px;
	color: #000;
}
.works-innerpage-info p{
	font-size: 14px;
	line-height: 21px;	
}
.works-innerpage-info h5{
	display: inline-block;
}
.works-innerpage-icon-font:before{
	margin-right: 30px;
	color: #868686;
	display: inline-block;
}
.works-link-button{
	text-align: center;
	padding-top: 50px;
	width: 100%
}
.works-link-button img{
	width: 30px;
	height: 30px;
	margin-bottom: 5px;
}
.works-link-button a{
	color: #000;
}
.recent-works{
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	background: #282828;
	position: relative;
}
.recent-works-items

.recent-works-image{
	margin-bottom: 30px;
}
.recent-works-image img{
	margin: 0 auto;
}
.recent-works .home-button{
	bottom: -27px;
}