@charset "utf-8";
/* CSS Document */

html {
	font-size: 14px;
}

/*Typography*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	line-height: .8;
	color:#666666;
	font-weight:400;
	font-family: Merriweather,serif;
	letter-spacing: 0!important;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small {
	font-weight: normal;
}
h1, h1.h1, .title h1{
	font-size: 36px;
	font-family: "Open Sans", arial, sans-serif;
	font-weight: 300;
}
	.s1 h1.light{
		font-size: 36px;
		margin-bottom: 8px;
		color:#B57FAB;
	}
	h1.light{
		position: relative;
		font-family: Merriweather,serif;
		font-weight: 400;
	}
	@media (max-width: 768px){
		.s1 h1.light, .s1 h1{
			font-size: 28px;
		}
	}

	.contact h1.light:after, h1.white:after{
		background: url('../images/title_after_white.png') no-repeat left center;
	}
	.contact h1.light:before, h1.white:before{
		background: url('../images/title_before_white.png') no-repeat left center;
	}
	h1.light.white{
		color: #fff!important;
	}


h2,.h2 {
	font-size: 32px;
}
h3,.h3 {
	font-size: 26px;
}
h4,.h4 {
	font-size: 18px;
}
h5,.h5 {
	font-size: 14px;
}
h6,.h6 {
	font-size: 12px;
}
h1 small,.h1 small {
	font-size: 24px;
}
h2 small,.h2 small {
	font-size: 18px;
}
h3 small,.h3 small,h4 small,.h4 small {
	font-size: 14px;
}

.italic{
	font-style: italic;
}

.maxwidth970{
	max-width: 970px;
}

.block-text-left, .block-text-right, .block-text-center { 
	font-family: Georgia,"Times New Roman",Times,serif;
}

/*sub-menu start here*/
.sub-page-banner h2 span{
	font-family: 'Open Sans', sans-serif; font-weight:600;
}

/*blog date*/
.blog .date p{ font-size:50px;font-weight:700;}

/*contact social buttons*/
.social li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px;}


/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / .header
3. Navigation / .navbar
4. about / .about 
5. about / .portfolio
6. pricing / .pricing
7. sponsors / .sponsors
8. contact / .contact
9. Footer / .footer
10. Others

-------------------------------------------------------------------*/

body{
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	color:#666666;
	font-weight:300;
	font-size: 16px;
	line-height: 1.5;
}

*, *:after, *:before{
	-ms-box-sizing:border-box;
}

p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
*{
	margin:0px;
	padding:0px;
	text-decoration:none;
}
::-moz-selection {
	color:#fff;
}
::selection{
	color:#fff;
}
img{
	max-width:100%;
}

.fixed-bg{ background-position:center top !important;}

h1{
	color:#666666;
	display:inline-block;
	text-transform:uppercase;
	font-weight: 500; 
}
ul.columnNavigation {
	padding: 12px 0 0;
}
	ul.columnNavigation li:last-child {
		border-bottom: 1px solid #DDDDDD;
	}
		ul.columnNavigation li a {
			border-top: 1px solid #DDDDDD;
			color: #333333;
			display: block;
			padding: 9px 0 9px 7px;
		}
			ul.columnNavigation li a:hover {
				background: none repeat scroll 0 0 #F3F3F3;
			}

li{
	list-style:none;
}
a{
	text-decoration:none;
}
	a img{
		border:none;
	}


.height5  { height:5px;}
.height10 { height:10px;}
.height15 { height:15px;}
.height20 { height:20px;}
.height25 { height:25px;}
.height30 { height:30px;}
.height35 { height:35px;}
.height40 { height:40px;}
#warp {
overflow: hidden;
}
	#wrap .container{
		margin:0px auto;
		width:1170px;
	}

/*..... BANNER ......*/

#banner {
	text-align:center;
}
#banner2 {
	text-align:center;
}

  .accordion-toggle {cursor: pointer;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}
  
.patteren{ background:url(../images/patteren.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%;}
#scroll{ display:block; position:relative; bottom:-110px;}
.carousel-inner p{
	color:#fff;
	font-size:24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500; 
}
.sponsors p{
	color:#303030;
}
.center{
	width: 570px;
	display: inline-block;
}
.carousel-inner span.creative{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800; 
	font-size:60px;
	display:block;
	text-transform:uppercase;
	margin:-10px 0 0 0;
}
.carousel-inner span.small-text{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; 
	font-size:14px;
	display: block;
	margin: -5px 0 0 0 !important;
}
.carousel-inner span.date{
	font-size:18px;
	font-weight:normal;
	display:block;
	margin: 10px 0 0 0;
}
.navbar-right{
	float:right;
}
.navbar-left{
	float:left;
}
.scroll{
	display:block;
	margin: 100px 0 0 0;
}
.center .carousel-indicators li{ width:10px; height:10px; background:#fff; border-radius:100%;}
.logo{
	position:absolute;
	z-index:1100;
	left: 44.3%;
	float:left;
	margin:9px 0 0 0;
}
.logo2{
	position:absolute;
	z-index:1100;
	left:0%;
	float:left;
	margin:9px 0 0 0;
	cursor:pointer;
}



/*..... HEADER ......*/

.menuBtn {
	background: center center no-repeat transparent;
	background: #000;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}

.sTop {
	color:#3d3d3d;
}

.clear {
	clear: both;
}

.wrap {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.section.sTop {
	height: auto;
	margin-top: 156px;
}

.section {
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 0;
}


.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding:30px 0;
}

.subMenu {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: #fff;
}
	.subMenu .inner {
		padding:0;
		font-weight: 400;
	}

.header-arrow{
	position: absolute;
	z-index: 1000;
	text-align: center;
	left: 50%;
	margin-left: -10px;
	top: 96px;
}

#tipaw {
	display: inline-block;
	font-weight: 700;
	color: #B57FAB;
	font-size: 18px;
	text-decoration: underline;
}

.adresse-horaire #tipaw {
	font-size: 14px;
}

.subNavBtn {
	display: block;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.end {
	margin: 0;
}


/* SECTIONS */

.s1 {
	min-height: 0px;
	padding: 0px 0 0 0;
}
.s2 {
	min-height: 0px;
}
.s3 {
	min-height: 0px;
}
.s4 {
	min-height: 0px;
}
.s5 {
	min-height: 0px;
}
.s6 {
	min-height: 0px;
}




/*..... ABOUT ......*/

.video {
	max-height: 610px;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: 60px;
}
.video-inner{ position:absolute; left:0; top:0; width:100%; height:100%;}
.video .carousel {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 555;
	width: 100%;
}
.video .banner-detail {
	margin: 16% 0 0;
}
.about{
	padding:50px 0 0 0;
	text-align:center;
}
.contact p.title-detail{
	color:#fff !important;
}
p.title-detail{
	font-size:18px !important;
	color:#333333;
	font-weight:300;
}
.about h4{
	margin: 25px 0 25px 0;
	font-weight:600; 
	font-size:18px;
	color:#676767 ;
}

.about span{

}
.about p{
	font-size:16px;
	line-height:1.5;
}
.about i{
	width:220px;
	height:220px;
	font-size:75px;
	color:#fff;
	border-radius:200px;
	padding:65px 0;
 
}
.hovicon {
	display: inline-block;
	line-height: 90px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	position: relative;
	text-decoration: none;
	z-index: 1;
	color: #fff;
}
.hovicon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content:'';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.hovicon:before {
	speak: none;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
/* Effect 1 */
.hovicon.effect-1 {
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
.hovicon.effect-1:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
/* Effect 1a */
.hovicon.effect-1.sub-a:hover i {
	color: #fff;
}
.hovicon.effect-1.sub-a:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


.about .icon_plante.hovicon.effect-1.sub-a{
	background: url('../images/icon_plante.svg') no-repeat center #5AAFA4;
}
.about .icon_pepiniere.hovicon.effect-1.sub-a{
	background: url('../images/icon_pepiniere.svg') no-repeat center #676767;
}
.about .icon_magasin.hovicon.effect-1.sub-a{
	background: url('../images/icon_magasin.svg') no-repeat center #5AAFA4;
}
.about .icon_jardin.hovicon.effect-1.sub-a{
	background: url('../images/icon_jardin.svg') no-repeat center #676767;
}


.s1 .about i.icon_pepiniere.hovicon.effect-1.sub-a:hover {background-color: #676767;}
.s1 .about i.icon_pepiniere.hovicon.effect-1:after {box-shadow: 0 0 0 4px #676767;}

.s1 .about i.icon_jardin.hovicon.effect-1.sub-a:hover {background-color: #676767;}
.s1 .about i.icon_jardin.hovicon.effect-1:after {box-shadow: 0 0 0 4px #676767;}

.about i.icon_plante.hovicon.effect-1.sub-a, .about i.icon_pepiniere.hovicon.effect-1.sub-a, .about i.icon_magasin.hovicon.effect-1.sub-a, .about i.icon_jardin.hovicon.effect-1.sub-a{
	font-size:75px;
	transition:all ease .5s;
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	background-size: 90px;
}
.about i.hovicon.effect-1.sub-a:hover{
	font-size: 110px;
	transition:all ease .5s;
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	background-size: 120px;
}

.about i.fa-pagelines, .about i.fa-leaf{
	background:#676767;
}
.about .sign{
	margin:35px 0 0 0;
}

.experties{
	background: #FFFC96;
	padding: 38px 0 90px 0;
	text-align:center;
	margin:70px 0 0 0;
}

/*..... Skills ......*/

.skills{
	width: 50% !important;
	display: inline-block;
	float: none !important;
	text-align: center !important;
	margin:30px 0 0 0 !important;
}

.skillbar {
	position:relative;
	display:block;
	top: 25px;
	margin-bottom:30px;
	width:100%;
	background:#eee;
	height:55px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	width:130px;

	font-size:18px;
	color:#ffffff;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	padding:0 20px;
	text-align:left;
	height:55px;
	line-height:55px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:55px;
	width:0px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:-72px;
	border-radius:100%;
	width: 53px;
	padding: 10px;
	top:0;
	font-size:15px;
	line-height:35px;
	color:#ffffff;
}
.skill-bar-percent.gray{
	background:#676767;
}


/*..... MEDIA ......*/

.media{
	text-align:center;
}

.counters{
	position:relative;
}
.counters span{
	color:#5AAFA4;
	font-size:64px;
	
	font-weight:700;
}
.counters p{
	color:#5AAFA4;
	font-size:22px;
	text-transform:uppercase;
	font-size:22px;
	font-weight:700;
}
.counters .counter{
	text-align:center;
}
.counters .row{
	margin: 15% 0 0 0;
}
.title{
	text-align:center;
}

/*..... TWITTER ......*/

.twitter{
	border: solid 6px #fff;
	margin: 132px 0 0 0;
	padding:65px 0;
	text-align:center;
}
#second .fa-twitter{
	font-size: 114px;
	margin-top: 66px;
	position: absolute;
	left:50%;
	text-align:center;
	margin-left: -50px;
	display: inline-block;
	z-index:1000;
}
.carousel-inner p{
	font-size:20px;
	text-align: center;
}
.carousel-inner span{
	font-weight:bold;
}
.carousel-inner span.date{
	font-size:18px;
	font-weight: 600;
	display:block;
	margin: 10px 0 0 0;
}
.scroll {
	background:url(../images/scroll.png) no-repeat;
	height:85px;
	width:33px;
	display:inline-block;
	position: absolute;
	bottom: 64px;
	left: 50%;
	margin-left: -16px;

	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	transition:      opacity 0.5s;
}
.scroll:hover{
	background-position:0 0px;
	opacity: 0.5;
}
.scroll2:hover{
	background-position:0 0px;
	opacity: 0.7;
}
.twitter .carousel-indicators li{ width:13px; height:13px; background:#fff; border-radius:100%;}


/*..... PRESSROOM ......*/

.spacetop {
	height : 180px;
}

.all-actu {
	margin-top : 20px;
	margin-bottom : 30px;
}

.imgactu {
	border-radius : 10px;
}

#viewall {
	font-size : 16px;
} 

#viewall, .post a {
  color: #5AAFA4 !important;
}

.post a:hover {
	color : #5AAFA4 !important;
}

.pressroom{
	padding:70px 0 35px 0;
}

div.space {
	margin: 60px 0 0 0;
}
#filters {
	margin:10px 0 50px 0;
	text-align: center;
	display: block;
	float: none;
	z-index: 2;
	position: relative;
}
#filters ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#filters ul li {
	display: inline-block;
}
#filters ul li a {
	display: block;
	float: left;
	padding: 2px 5px;
	font-weight: bold;
	text-decoration:none ;
}
#filters ul li a h3 {
	color: #222222;
	background-color:#fff;
	border: 1px solid #d6d6d6;
	font-size: 14px;
	text-transform:uppercase;
	padding:12px 21px;
	border: 1px solid #d6d6d6;
	margin:0;
	font-family: 'Open Sans',sans-serif;
}
#filters ul li a:hover h3, #filters ul li a.active h3 {
	color: #fff;
	text-decoration:none ;
}

/*..... PORTFOLIO ......*/
.hidden { display: none; }

#filter {
  text-align: center;
  background-color: white;
  padding: 15px;
}

#filter button {
  border: 1px solid #5AAFA4;
  color: #5AAFA4;
  background-color: #EBF2F1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  cursor: pointer;
  padding: 8px 20px;
  margin-bottom: 4px;
  border-radius: 5px;
  -webkit-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -ms-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

#filter button:hover { background-color: #5AAFA4; color:#fff;}
#filter button.active { background-color: #5AAFA4; color:#fff;}

#filter button:focus { outline: 0; }

#posts {
  width:100%;
  margin: 0 auto;
}

#posts .post {
  width: 25%;
  float: left;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: inline-block;
  background: white;
  padding: 2px;
}

#posts .post img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -ms-transition: opacity 0.35s, -ms-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

#posts .post:hover img {
  opacity: 0.1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

#posts .post .post-content {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

#posts .post .post-content::before,
#posts .post .post-content::after { pointer-events: none; }

#posts .post .post-content,
#posts .post a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#posts .post a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

#posts .post h2 {
	opacity: 0;
	font-weight: 300;
	font-size: 32px;
	width: 100%;
	font-family: "Open Sans", serif;
	position: absolute;
	line-height: 1;
	right: 0;
	bottom: 50%;
	margin-bottom: -24px;
	padding: 0 10px;
	color:#5AAFA4;
	-wekit-transition:opacity 500ms ease-in-out;
	-moz-transition:opacity 500ms ease-in-out;
	-o-transition:opacity 500ms ease-in-out;
	-ms-transition:opacity 500ms ease-in-out;
	transition:opacity 500ms ease-in-out;
}
	#posts .post:hover h2{
		opacity: 1;
	}

#posts .post p { margin: 0; }

#posts .post p {
  letter-spacing: 1px;
  font-size: 68.5%;
  padding: 0 10px 0 0;
  width: 50%;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -ms-transition: opacity 0.35s, -ms-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0);
  -o-transform: translate3d(-40px, 0, 0);
  -ms-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

#posts .post:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 1200px) {

	#posts .post h2{
		font-size: 24px;
	}
}
@media screen and (max-width: 991px) {
	
	#posts .post { width: 50%; }

}

@media screen and (max-width: 480px) {
	.subMenu{
		height:100px;
	}
	.section.sTop {
		margin-top: 100px;
	}
	.logo{
		width: 120px;
  		height: auto;		
	}
  

	#posts .post { width: 100%; }

}

.portfolio{
	position:relative;
	padding:50px 0 0 0;
}
.portfolio.portfolio2{
	padding:40px 0 0 0;
}
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}
#portfolio-items-wrap {
	position: relative;
	padding: 0;
	width: 100.1%;
	margin: 0 auto;
	display: block;
	overflow:hidden;
}
#portfolio-items-wrap .one-third {
	margin: 0;
	overflow: hidden;
	line-height: 0;
	width: 25%;
	min-width: 25%;
	padding: 0;
	float: left;
}
.portfolio-item.current {
	box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);
	z-index: 101;
}
.portfolio-item {
	padding: 0;
	position: relative;
	overflow: hidden;
}
.portfolio-item .portfolio-image {
	overflow: hidden;
	display: block;
	position: relative;
}
.portfolio-item .portfolio-image img {
	width: 100%;
	height: auto;
}
.portfolio .portfolio-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	z-index: 4;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #FFD600;
}
.portfolio > a, .portfolio > a:hover {
	color: #ffffff;
}
.portfolio-item .portfolio > a:hover > .portfolio-overlay {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.portfolio > a img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio > a:hover img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio .thumb-info {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio a:hover .portfolio-overlay .thumb-info {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.portfolio-overlay .thumb-info i {
	top: 58%;
	font-size: 50px;
}
.portfolio-overlay .thumb-info h3 {
	top: 38%;
	font-size: 30px;
}
.portfolio-overlay .thumb-info p {
	top: 50%;
	font-size: 13px;
}
.portfolio-overlay .thumb-info h3 {
	color: #ffffff;
	width: 100%;
	position: absolute;
	text-align: center;
}
.portfolio-overlay .thumb-info p {
	color: #ffffff;
	width: 100%;
	position: absolute;
	text-align: center;
	font-weight: bold;
}
.portfolio-overlay .thumb-info i {
	color: #ffffff;
	width: 100%;
	position: absolute;
	text-align: center;
	display: block;
}
.freshdesignweb h5{
	color:#fff;
	margin: 15px 0 0 0;
	width: 80%;
	display: inline-block;
	font-weight:300;
}
.freshdesignweb h5 span{
	font-weight:600;
}


.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

.latest-pro{
	text-align:center;
	padding:45px 0 0 0;
	border-bottom: 1px solid #EAF2E7;
	overflow: hidden;
	max-width: 1170px;
	margin: 0 auto;
}
.latest-pro .devices{
	margin:55px 0 0 0;
}

/*..... TESTIMONIAL ......*/

.testimonials{
	text-align:center;
	position:relative;
	display:block;
}
.testimonials p{
	font-size:20px;
	color:#333333;
	width:80%;
	line-height:32px;

	display:inline-block;
}
.testimonials span{
	font-size:20px;
	font-weight:700;
	display:block;
	margin:15px 0 0 0;

}
.testi-detail{
	margin:150px 0 0 0;
}
.left-quote{
	float:left;
	margin: 0 0 0 28px;
position: absolute;
}
.right-quote{
	float:right;
	margin: 0 126px 0 0;
}

/*..... PRESSROOM ......*/

.pressroom .left-text{
	text-align:right;
	float:left;
	width:520px;
	/*margin:25px 0 0 0;*/
}
.pressroom .left-text span.title{
	font-weight:600;
	font-size:18px;
	
	text-transform:uppercase;
}
.pressroom .left-text p{
	font-size:16px;
	margin:0px;
	margin: 5px 0 5px 0;
}
.pressroom .left-text span{
	color: #9C9C9C;
	font-size: 14px;
}
.pressroom .left-text a{
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	margin:0px;
}
.pressroom .divider{
	float: left;
	padding:0 40px
}

.pressroom .right-text{
	text-align:left;
	float:right;
	width:522px;
}
.pressroom .press-img{
	float:left;

}
.image {
	float: left;
	overflow: hidden;
	width: 380px;
	border-radius: 10px;
}
.press-img img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
  -webkit-transition: all .5s ease;
	 -moz-transition: all .5s ease;
	   -o-transition: all .5s ease;
	  -ms-transition: all .5s ease;
		  transition: all .5s ease;
		  
}
.pressroom .right-text span.title{
	font-weight:600;
	font-size:18px;
	
	text-transform:uppercase;
}
.pressroom .right-text p{
	font-size:16px;
	margin: 5px 0 5px 0;
}
.pressroom .right-text span{
	color: #9C9C9C;
	font-size: 14px;
}
.pressroom .right-text a{
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	margin:0px;
}

/*..... SPONSORS ......*/

.sponsors{
	position:relative;
	text-align:center;
	margin: 90px 0 0 0;
}
.sponsors h1.light{ color:#333 !important;}
.sponsors h1.sponsor{
	font-size:60px;
	display:inline-block;
}
.sponsors span.rating{
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	font-size:14px;
	font-style:italic;
	margin: 14px 0 0 0;	
}
.sponsors .space{
	margin:110px 0 0 0;
}

/*..... OUR PRICING ......*/

.pricing{
	padding:64px 0 48px;
	text-align:center;
	background: url('../images/bg_services.png') repeat top left;
}
.pricing .table{
	background:#fff;
	text-align:center;
	margin:48px 0 0 0;
	padding: 0 0 32px 0;
}
.pricing .table p{
	padding: 0 10px;
}
.pricing .table .price{
	background:#F8F8F8;
}
.pricing .price span{
	font-size: 46px;
	font-weight: 700;
	padding: 6px 0;
	margin-bottom: 5px;
	display: inline-block;
}
.pricing .price span.doller{
	font-size:24px;
}
.pricing .price span.month{
	font-size:18px;
	font-weight:400;
	margin: 0 0 0 -10px;
}
.pricing .table ul{
	margin:15px 0 0 0;
}
	.pricing .table li{
		font-size:16px;
		line-height:1.5;
		font-weight:400;
		color:#fff;
	}
		.pricing .table li:before{
			content: "- ";
		}

	.pricing .table ul+p{
		margin-top: 32px;
	}

.pricing .table i{
	font-size:26px;
	color:#fff;
}
.pricing .table a{
	background:#fff;
	color:#333333;
	font-size:16px;
	padding: 10px 20px;
	margin:15px 0 45px 0;
	display:inline-block;
	transition: .4s cubic-bezier(0.25,.46,.45,.94);
	-webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94);
	-moz-transition: .4s cubic-bezier(0.25,.46,.45,.94);
	-o-transition: .4s cubic-bezier(0.25,.46,.45,.94);
	-ms-transition: .4s cubic-bezier(0.25,.46,.45,.94);
}
.pricing .table a:hover{
	text-decoration:none;
}
/*
	.pricing .table.blue-table{
		margin:40px 0 0 0;
	}
	.pricing .table.blue-table h2{
		color:#fff !important;
	}
	.pricing .table.blue-table li{
		color:#fff;
	}
	.pricing .table.blue-table span{
		font-size: 54px;
		color:#333333;
	}
	.pricing .table.blue-table ul{
		margin:25px 0 0 0;
	}
	.pricing .table.blue-table li{
		font-size:18px;
		line-height:64px;
	}
	.pricing .table.blue-table i{
		font-size:28px;
		color:#fff;
	}
	.pricing .table.blue-table a{
		background:#fff;
		color:#636363;
		font-size:20px;
		padding: 14px 30px;
		margin:20px 0 45px 0;
		display:inline-block;
		transition: .4s cubic-bezier(0.25,.46,.45,.94);
		-webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94);
		-moz-transition: .4s cubic-bezier(0.25,.46,.45,.94);
	}
	.pricing .table.blue-table a:hover{
		background:#303030;
		color:#fff;
		text-decoration:none;
	}*/

/*..... CONTACT ......*/


.contact{
	margin:0 0 0 0;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -ms-center;
	text-align: -o-center;
	text-align: center;
}
.contact .title{
	margin:54px 0 0 0;
}
.contact .title h1{
	color:#fff !important;
}
.contact .form{
	width:612px;
	margin:84px auto 0 auto;
	padding:48px 30px;
	text-align:center;
}
.contact .form3{
	margin-top:94px;
}
.contact .form input[type=text]{
	border:none;
	background:#edebec;
	width:100%;
	height:42px;
	margin:0 0 20px 0;
	padding:0px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000000;
	font-size:16px;
	font-weight:normal;
}
.contact .form textarea{
	border:none;
	background:#edebec;
	width:100%;
	height:170px;
	padding:10px 10px;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000000;
	font-size:16px;
	font-weight:normal;
}
.contact .form input[type=submit]{
	border:none;
	background:#9fbc2b;
	padding:9px 30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	float: left;
	margin: -34px 0 0 10px;
	z-index: 2;
	position: relative;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
}
.contact .social{
	margin:50px 0 0 0;
	text-align:center;
	
}
.contact .social h5{
	font-size:24px;
	font-weight:normal;
	color:#444444;
	margin: 0 0 26px 0;
}
.contact .social i{
	width: 20px;
	font-size: 20px;
	color:#fff;
}
.contact .social a{
	border-radius:100%;
	padding: 15px 12px 12px 12px;
	margin:5px 0 0 22px;
	background:#444444;
}
.contact .social i, .contact .social a:hover{
	-moz-transform: rotate(360deg);
	-moz-transition: all 0.8s ease-in-out 0s;
	-webkit-transform: rotate(360deg);
	-webkit-transition: all 0.8s ease-in-out 0s;
	-ms-transform: rotate(360deg);
	-ms-transition: all 0.8s ease-in-out 0s;
	transform: rotate(360deg);
	transition: all 0.8s ease-in-out 0s;
}
.contact .social a.fb:hover{
	background:#38569d;
}
.contact .social a.tw:hover{
	background:#578ccd;
}
.contact .social a.gp:hover{
	background:#d94826;
}
.contact .social a.ig:hover{
	background:#4f7ea7;
}
.contact .social a.yt:hover{
	background:#ca2f23;
}
.contact .social a.db:hover{
	background:#eb45ab;
}
.contact .social a.li:hover{
	background:#3487cf;
}

.copyright{
	padding: 16px 0;
	border-top: 3px solid #f1f3f2;
}
	.copyright .logo_cconcept{
		display: block;
		background: #2288dd;
		width: 181px;
		height: 44px;
		float: left;
		margin-right: 20px;
		background: url("../images/logo-cconcept-be.png") no-repeat center;
		background-size: contain;
		text-indent: -9999px;
	}
	.copyright .signature{
		bottom: -6px;
		position: relative;
		text-align: left;
	}
	.copyright .signature p{
		line-height: 1;
		font-size: 13px;
		margin-bottom: 6px;
	}






.contact p{
	font-size:14px;
	color:#828282;
	line-height: 20px;
}
a:selection{
	outline:none;
	border:0px;
}
#fifth{ position:relative;}



/**** FORM.CSS ****/

	#contact_form input{
		background:#edebec;
		width:100%;
		height:42px;
		margin:0 0 20px 0;
		padding:0px 10px;
		border-radius:0px;
		color:#000000;
		font-size:16px;
		font-weight:normal;
		border: 1px solid #DBDBDB;
		text-align: center;
	}
	#contact_form textarea{
		border: 1px solid #DBDBDB;
		background:#edebec;
		width:100%;
		height:170px;
		padding:10px 10px;
		text-align: center;
		border-radius:0px;
		color:#000000;
		font-size:16px;
		font-weight:normal;
	}
	.submit_btn {
		border:none;
		padding:9px 30px;
		color:#fff;
		float:left;
		z-index: 2;
		position: relative;
		font-size:18px;
		text-transform:uppercase;
		font-weight:normal;
		transition: .4s cubic-bezier(0.15,.46,.45,.94);
		-webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94);
		-moz-transition: .4s cubic-bezier(0.25,.46,.45,.94);
	}
		.submit_btn:hover {
			background:#636363;
			color:#fff;
		}
		
	.success{
		background: #CFFFF5;
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid #B9ECCE;
		border-radius: 5px;
		color:#000;
		font-weight: normal;
	}
	.error{
		background: #FFDFDF;
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid #FFCACA;
		color:#000;
		border-radius: 5px;
		font-weight: normal;
	}



/**** QUERYLOADER ****/

.QOverlay {
	background-color: #fff;
	z-index: 9999;
}

.QLoader {
	height: 1px;
}



/* animation */

.animated{ opacity:1 !important;}
.about-player, .flipInY, .animate{ opacity:0;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	::i-block-chrome, #second {
		background: url(../images/secondbg.jpg) no-repeat !important;
		background-attachment:scroll !important;
		background-position:0 0 !important;
	}
	::i-block-chrome, #third {
		background: url(../images/third.jpg) no-repeat !important;
		background-attachment:scroll !important;
		background-position:0 0 !important;
	}
	::i-block-chrome, #fifth {
		background: url(../images/contact.jpg) 50% 0 no-repeat !important;
		background-attachment:scroll !important;
		background-position:0 0 !important;
	}
}


.img_actu  img{
	min-width : 250px;
}

.img_actu {
	margin-bottom : 30px;
}











/*CREATIVE TEAM section start here*/
.team{ 
	padding:90px 0;
	background-size: cover;
}
.team-sec{
	background:#f8f8f8; 
	padding:16px;
	margin-top:100px;
	width:100%;
}
.team2{
	left:5%;
}
.team-sec2{
	margin-top:96px;
}
.team-style2{
	text-align:center;
}

.team-sec .member{
	width: 142px;
	position: absolute;
	background: #f8f8f8;
	border-radius: 50%;
	top: 26px;
	padding: 5px;
	right: 4% ;
		
}
.team-sec1 .member{
	width: 142px;
	position: absolute;
	background: #f8f8f8;
	border-radius: 50%;
	top: 26px;
	padding: 5px;
	left: 4%;
}

.team-style2 .member{
	text-align:center ;
	width: 40%;
	left: 30%;
}
.team-sec .member img{
	border-radius:100%;
}
.team-sec .detail-left{
	float:left;
	text-align:left;
}
.team-style2 .detail-left{
	float:none !important;
	text-align:center !important;
	margin:70px 0 20px 0 !important;
}
.team-sec1 .detail-left{
	float:left;
	text-align:right;
	width: 100%;
}
.team-sec .detail-left h4{
	font-size:30px;
	font-weight: 600;
	margin:0px;
}
.team-sec .detail-left span{
	font-size:16px;
	font-weight:600;
}
.team-sec .detail-left p{
	margin:10px 0 0 0;
}
.team-sec .detail-left .social-icons{
	margin:25px 0 0 0;
}
.social-icons i{
	width: 20px;
	font-size: 20px;
	color:#fff;

}
.social-icons a{
	border-radius:100%;
	padding: 15px 12px 12px 12px;
	margin:0 5px 0 0;
	background:#444444;
	text-align:center;
}







#carousel-example-generic .carousel-inner{
	max-height:700px;
	width: 100%;
}





.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top !important;
	 -moz-transition: 0.6s ease-in-out top !important;
	  -ms-transition: 0.6s ease-in-out top !important;
	   -o-transition: 0.6s ease-in-out top !important;
		  transition: 0.6s ease-in-out top !important;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
  left:0;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
	left: 0;
}
.skillbar-bar.bg-dark{ background:#676767;}
.section.sTop.padding{ padding-bottom:60px;}

.pictuer_align img.align_lft {
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	float: left;
	margin-bottom: 10px;
	margin-right: 30px;
	max-width: 100%;
	padding: 45px 15px;
}
.pictuer_align img.align_right {
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	float: right;
	margin-left: 30px;
	max-width: 100%;
	padding: 45px 15px;
}
.contact.no-margin{ margin:0 auto !important;}
#banner.small{ height:260px;}
.success_class, .error_class, .warning_class {
	color: #343434;
	margin-top: 20px;
	padding: 9px 12px;
}
.success_class {
	background: none repeat scroll 0 0 #d7f3d2;
	border: 1px solid #6DD063;
}
.success_class i {
	color: #78D53A;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.error_class {
	background: none repeat scroll 0 0 #F9C8C8;
	border: 1px solid #FF0000;
}
.error_class i {
	color: #E0563F;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.warning_class {
	background: none repeat scroll 0 0 #f5eec7;
	border: 1px solid #E2D760;
}
.warning_class i {
	color: #F2C368;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.close_warning {
	display: block;
	float: right;
	height: 11px;
	margin-right: 0;
	margin-top: -1px;
	width: 12px;
}
.close_success {
	display: block;
	float: right;
	height: 11px;
	margin-right: 0;
	margin-top: -1px;
	width: 12px;
}
.close_error {
	display: block;
	float: right;
	height: 11px;
	margin-right: 0;
	margin-top: -1px;
	width: 12px;
}
.close_warning i, .close_success i, .close_error i {
	color: #5C5C5C;
	font-size: 14px;
}



/*..... BLOG ......*/

.blog{
}
.blog .left-sec{
	margin: 20px 0 0 0;
}
.blog .right-sec{
	float:right;
	margin: 20px 0 0 0;
}
.blog h3{ margin: 0 0 10px 0}
.blog span.date{
	
}
.blog span.date i{
	margin:0 5px 0 0;
}
.blog a.comment{
	margin:0 0 0 20px;
}
.blog p.post-detail{
	margin:15px 0 0 0;
	font-size:16px;
}
.blog .blog-post{
	margin:28px 0;
}
.blog .headings{ margin:25px 0 0 0;}
.blog .headings h1{ margin:0px !important;}
.blog .headings h2{ margin:0px !important;}
.blog .headings h3{ margin:10px 0 0 0 !important;}
.blog .headings h4{ margin:10px 0 0 0 !important;}
.blog .headings h5{ margin:10px 0 0 0 !important;}
.blog .headings h6{ margin:10px 0 0 0 !important;}
.blog .tags{
	margin:30px 0 0 0;
}
.blog .tags span{
	margin: 10px 10px 0 0;
	float:left;
}
.blog .tags a{
	border:solid 1px #CCC;
	padding: 10px 22px;
	margin: 0 5px 5px 0;
	color:#666;
	float:left;
}
.blog .comments{
	
	margin:25px 0 0 0;
}
.blog .comments .comment-sec{
	background:#f6f6f6;
	padding:15px;
	margin:15px  0 0 0;
	float:left;
}
.blog .comments .comment-sec2{
	margin:15px  0 0 95px;
}
.blog .comments .author{
	border-radius:100%;
	border:solid 3px #fff;
	box-shadow:0 0 1px #999;
	float:left;
}
.blog .comments span.author-name{
	float:left;
	font-weight:600;
	font-size:22px;
	margin:0;
}
.blog .comments a.date{
	margin: 5px 0 0 16px;
	float: left;
}

.blog .comments .comment-detail{
	float:right;
	width:85%;
}
.blog .comments .comment-detail p{
	margin:5px 0 0 0;
}
.blog .leave-comment{
}
.blog .leave-comment .comment-form{
	margin:15px 0 0 0;
}
.blog .comment-form input[type=text]{
	width:100%;
	height: 48px;
margin: 0 0 10px 0;
padding: 0 7px;
color: #999999;
border:solid 1px #cccccc;
}
.blog .comment-form textarea{
	width:100%;
	height: 250px;
	margin: 0 0 10px 0;
	padding: 10px 7px;
	color: #999999;
	border:solid 1px #cccccc;
}
.blog .comment-form input[type=submit]{
	padding: 11px 38px;
	color: #fff;
	border: none;
}
.blog .search{ width:100%;}
.blog .search input{ 
	width:100%;
	height: 42px;
	margin: 16px 0 10px 0;
	padding: 0 7px;
	color: #999999;
	border:solid 1px #cccccc;
	font-style: italic;
}
.blog .search a.search-bar{
	position:absolute;
	margin: 15px 0 0 -38px;
	padding: 10px;
	color:#999999;
}
.blog .search a.search-bar:hover{
	color:#06ceed;
}
.blog .recent-post{
	margin:30px 0 0 0;
}
.blog .recent-post .post{
	margin:25px 0 0 0;
}
.blog .recent-post .post a{
	font-size:18px;
	display:block;
}
.blog .recent-post .post a:hover{
	color:#333333;
}
.blog .recent-post .post i{
	margin:0 5px 0 0;
}
.blog .recent-post .post span{
	margin: 2px 0 0 16px;
	float: left;
	color:#aaaaaa;
}
.blog .about-company{
	margin:30px 0 0 0;
}
.blog .about-company p{
	margin:15px 0 0 0;
}
.blog .tags-cloud{
	margin:30px 0 0 0;
}
.blog .tags-cloud .tags{
	margin:0 0 0 0;
}
.blog .tags-cloud .tags a{
	float:left;
	margin: 0 5px 5px 0;
}
.blog .archive{
	margin:30px 0 0 0;
}
.blog .archive a{

	font-size: 18px;
	display: block;
	margin: 15px 0 0 0;
}
.blog .archive a:hover{
	color: #333;
}
.blog .archive i{
	margin: 0 5px 0 0;
}

.navbar-default .navbar-nav.blog-nav > .actif > a,
.navbar-default .navbar-nav.blog-nav > .actif > a:hover,
.navbar-default .navbar-nav.blog-nav > .actif > a:focus {
  color: #ccc !important;

}
.navbar-default .navbar-nav.blog-nav2 > .actif > a,
.navbar-default .navbar-nav.blog-nav2 > .actif > a:hover,
.navbar-default .navbar-nav.blog-nav2 > .actif > a:focus {
  color: #2d2d2d !important;

}


/* COLOR CUSTOMIZING */

::-moz-selection {
	background:#5AAFA4;
}
::selection{
	background:#5AAFA4;
}
.navbar-default .navbar-nav > .actif > a,
.navbar-default .navbar-nav > .actif > a:hover,
.navbar-default .navbar-nav > .actif > a:focus {
	color: #5AAFA4 !important;
}

.about i{
	background:#5AAFA4;
}
.hovicon.effect-1.sub-a:hover {
	background: #5AAFA4;
}
.hovicon.effect-1 {
	background:#5AAFA4;
}
.hovicon.effect-1:after {
	box-shadow: 0 0 0 4px #5AAFA4;
}
.team .col-md-4 .team-image-sec .img-overlay, .entry .overlay{ background:rgba(246, 200, 21, 0.79);}
.team .col-md-4 .team-image-sec li a{ color:#5AAFA4;}
.team-detail-sec h3{ color:#5AAFA4}
#filters ul li a:hover h3, #filters ul li a.active h3 {
	background-color:#5AAFA4;
	border: 1px solid #00614e;
}


#second .fa-twitter{
	color: #5AAFA4;
}
.testimonials span{
	color:#5AAFA4;
}
.pricing .price span{
	color:#5AAFA4;
}
.pricing .table.blue-table{
	background:#5AAFA4;
}
.pricing .table a:hover{
	background:#5AAFA4;
	color:#fff !important;
}
.sponsors h1.sponsor{
	color:#5AAFA4 !important;
}
.pressroom .left-text span.title{
	color:#5AAFA4;
}
.pressroom .left-text a{
	color:#5AAFA4;
}
.pressroom .right-text span.title{
	color:#5AAFA4;
}
.pressroom .right-text a{
	color:#5AAFA4;
}
.contact .form{
	background: bottom no-repeat #ffffff;
	border-top:solid 2px #5AAFA4;
}
.submit_btn {
	background:#5AAFA4;
}
#fifth{
	border-bottom:solid 10px #5AAFA4;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #5AAFA4;
}
.skill-bar-percent {
	background:#5AAFA4;
}
.QLoader {
	background-color: #5AAFA4;
}
.skillbar-bar{ background:#5AAFA4;}
.picker-off i { color:#5AAFA4;}
.caption.big_blue{color: #5AAFA4;}
.button:hover{ border-color:#5AAFA4 !important;}
.fancybox-overlay {
	background: rgba(255,255,255,.8)!important;
}
.team-sec h4 {
	color: #5AAFA4 !important;
}

.titleleft {
	margin-left : 120px;
}

.social-icons a:hover{
	background:#5AAFA4;
}
.team-sec.dark-bg{
	background:#5AAFA4;
}
.team-sec.dark-bg h4 {
	color: #fff !important;
}
.team-sec.dark-bg a{
	background:#fff !important;
}
.team-sec.dark-bg i{
	color:#333;
}
.team-sec.dark-bg a:hover i{
	color:#5AAFA4 !important;
}

@media (max-width: 1200px) {

	.subMenu .navbar-default .navigation .navbar-nav>li>a {
		margin: 0 5px;
	}

}

@media (max-width: 991px){
	.navbar-default button.navbar-toggle{
		border-color: #5AAFA4;
	}
		.navbar-default button.navbar-toggle:hover{
			border-color: #5AAFA4;
			background-color: #5AAFA4;
		}
	.navbar-default .navbar-toggle span.icon-bar{
		background-color: #5AAFA4;
	}
		.navbar-default .navbar-toggle:hover .icon-bar{
			background-color: #fff;
		}

	.subMenu .navbar-default .navbar-collapse{
		border-bottom: 1px solid #5AAFA4;
	}
	.navbar .navigation ul.nav li{
		width: 100%;
	}
		.navbar .navigation ul.nav li a{
			padding: 12px 0;
			width: 100%;
			border-bottom: none;
		}
			.navbar .navigation ul.nav li a:hover, .navbar .navigation ul.nav li.actif a{
				border-bottom: none!important;
			}

	.presentation img{
		margin-bottom: 24px;
	}

	.face-app .col-md-4{
		margin-bottom: 48px;
	}
	.face-app .col-md-4.appli{
		border-right: none;
	}

	li.margR12{
		margin-right: 0;
	}

}
@media (max-width: 991px) and (min-width: 768px){
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #5AAFA4!important;
		border-bottom: solid 3px #5AAFA4!important;
	}

	.team-sec .detail-left h4{
		margin: 0 auto;
	}
	
	
}
@media (max-width: 767px) {


	.titleleft {
		margin-left : 0px;
	}
	
	.press-img img {
		width : 100%;
		height : 100%;
	}


	.subMenu .navbar-default .navbar-collapse{
		z-index: 9999;
		margin: 62px 0 0;
	}

	.subMenu .navbar-default .navbar-nav>li>a{
		border-bottom: solid 1px #666;
	}

	.navbar-default .navbar-nav > .actif > a,
	.navbar-default .navbar-nav > .actif > a:hover,
	.navbar-default .navbar-nav > .actif > a:focus {
		border-bottom: solid 1px #5AAFA4 !important;    
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #5AAFA4 !important;
		border-bottom: solid 1px #5AAFA4 !important;
	}

	.tel_header{
		display: none;
	}
	

	.sTop{
		height: auto;
	}
		.skdslider{
			height: 450px!important;
		}


	.copyright{
		text-align: center;
	}
		.copyright .logo_cconcept{
			float: none;
			margin: 0 auto 10px;
		}
		.copyright .signature{
			text-align: center;
		}
}


.blog .tags a:hover{
	border:solid 1px #5AAFA4;
	color:#5AAFA4;
}
.blog a.comment{
	color:#5AAFA4;
}
.blog .comments a.date{
	color:#5AAFA4;
}
.blog .comments a{
	color:#5AAFA4;
}
.blog .comment-form input[type=submit]{
	background: #5AAFA4;
}
.blog .recent-post .post a{
	color:#5AAFA4;
}
.blog .archive a{
	color: #5AAFA4;
}



/**** PARALLAX ****/

p{
	margin: 0 0 20px 0;	
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}
.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
	width:100%;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
}
	#nav li{
		margin: 0 0 15px 0;	
	}

#header, #intro, #second{
	width: 100%;
}
.img-effect{
	width:100%;
	height:50%;
	position: absolute;

}
#banner{
	background:url(../images/banner.jpg) center center no-repeat ;
	color: white;
	height: 720px;
	margin: 0 auto;
	padding: 0;
}
#banner2{
	color: white;
	height: 720px;
	margin: 0 auto;
	padding: 0;
}
.counters #intro{
	color: white;
	margin: 0 auto;
	padding: 0;
}
#second {
	background:url(../images/secondbg.jpg) no-repeat ;
	color: white;
	height: 528px;
	margin: 0 auto;
	padding: 0;
}

#third{
 	background:url(../images/third.jpg) no-repeat  ;
	color: white;
	height: 630px;
	margin: 0 auto;
	padding: 0;
}

.s5 .contact #fifth{
	background: url(../images/contact.jpg) no-repeat center bottom;
  	background-size: cover;
  	background-attachment: fixed;
	color: white;
	margin: 0 auto;
	padding: 0;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}

#intro.fixed-bg{ background-attachment:scroll !important;}



.tel_header{
	font-size: 24px;
	padding: 12px;
	background: #EFEAEE;
	color: #fff;
	margin: 0;
	width: 265px!important;
	line-height: 1;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom: 1px solid #B57FAB;
	border-left: 1px solid #B57FAB;
	border-right: 1px solid #B57FAB;
	padding-top: 0px;
}
	.tel_header p{
		margin: 0;
		font-weight: 300;
		color: #B57FAB;
		text-align: center;
	}
	.tel_header .fa{
		float: left;
		color: #B57FAB;
		margin: 0 10px 0 0;
	}


.navbar.navbar-default{
	border: none;
}
.navbar-default .navigation .navbar-nav>li>a {
  padding-top: 18px;
  padding-bottom: 18px;
  margin: 0 12px;
  text-transform: none;
}
.navbar-default .navigation .navbar-nav>li>a>i {
	font-size: 20px;
}



.about .title{
	margin-bottom: 32px;
}
.about i{
	border-radius: 0;
}
.about .hovicon{
	border-radius: 0;
	cursor: auto;
}
	.about .hovicon:after{
		border-radius: 0;
	}


.section .skdslider{
	height: 700px;
	min-height: 450px;
}

	.skdslider ul.slides li img{
		min-height: 450px;
	}
	.section .skdslider .play-control{
		top: auto;
		bottom:20px;
		left: 2%;
		z-index: 2;
	}
	.section .skdslider .play, .section .skdslider .next{
		z-index: 2;
	}


.com-sec{
	margin-bottom: 48px;
	margin-top : 25px;
}
	@media (min-width: 1200px) {
		.pressroom .com-sec:nth-child(5){
			margin-left: 140px;
		}
	}

	@media (max-width: 1199px) and (min-width: 992px){
		div.pressroom .com-sec {
		  margin: 0 0 30px;
		  display: inline-block;
		}
			div.pressroom .left-text, div.pressroom .right-text {
			  width: 50%;
			  margin: 0;
			  padding-top: 40px;
			}
			.pressroom .com-sec *{
				margin: 0 auto;
				text-align: center;
			}
			div.pressroom .press-img{
				width: 50%;
			}
				div.pressroom .com-sec img{
					border-radius: 10px;
				}
	}


.machines{
	text-align: center;
	padding: 45px 0 0 0;
	overflow: hidden;
	margin: 0 auto 32px;
	background: #EAF2E7;
}
	.machines h1{
		margin-bottom: 32px;
	}
	.machines .machines_img, .slide_machines{
		margin-top: 32px;
	}
	.machines img{
		height: auto;
	}



.da-thumbs li article{
	background: rgba(246,200,21,.8);
}

/*** SLIDER ***/

.sy-controls{
	display: none!important;
}
.sy-pager{
	position: absolute;
	bottom:32px;
	margin: 0 0 0 0;
	z-index: 99;
}
	.sTop .sy-pager li{
		width:1em;
		height:1em;
	}
	.sTop .sy-pager li a{
		background-color: #fff;
	}
		.sTop .sy-pager li.sy-active a{
			background-color: #B57FAB;
		}

#main_slider{
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}
	.sy-slides-wrap{
		max-height: 420px;
	}

/*** Contact ***/

.contact h3{
	color: #666666;
	font-family: "Open Sans", arial, sans-serif;
	font-weight: 300;
}

.contact h4{
	color: #666666;
}
.contact p.italic{
	margin-top: 48px;
	font-size: 24px;
	color: #666666;
	font-weight: 300;
}
.adresse-horaire{
	margin-top: 48px;
}

.col-md-6.adresse{
	padding: 0px 30px;
	text-align: right;
}
.col-md-6.horaire{
	padding: 0px 30px 0;
	text-align: left;
}

@media (max-width: 991px) {
	.col-md-6.horaire,.col-md-6.adresse{
		text-align : initial;
	}
}

.adresse h4, .horaire h4{
	font-size: 24px;
}
.adresse p, .horaire p{
	color: #666666;
}
.horaire p {
	margin-bottom: 0px;
}
.adresse a, .adresse a:visited{
	color:#B57FAB;
	text-decoration: underline;
}
	.adresse a:hover, .adresse a:active{
		text-decoration: none;
		color: #B57FAB;
	}
	.horaire ul{
		margin-bottom: 16px;
	}
		.horaire ul li p{
			line-height: 2;
		}




.gmaps{
	width: 100%;
	height: 540px;
	position: relative;
	background: #EFEAEE;
}
	.gmaps .overlay {
		background:transparent;
		position:absolute; 
		width:100%;
		height:480px;
		top:0;
	}
	.gmaps iframe{
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.gmaps a{
		display: block;
		width: 1920px;
		height: 540px;
	}
		.gmaps img{
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -960px;
			width: 1920px;
			height: 540px;
			max-width: none;
		}


p.situation{
	max-width: 768px;
	margin: 32px auto 64px;
	font-size: 24px;
	line-height: 1.2;
	color: #B57FAB;
}


/*** STYLE VANHOECK ***/

.sy-box{
	background: #B782AC;
}
	.sy-list:after{
		content: "";
		display: block;
		position: absolute;
		top:0;
		right: -120px;
		background: url('../images/pattes_chat.png') no-repeat center;
		width: 110px;
		height: 413px;
	}
	.sy-list:before{
		content: "";
		display: block;
		position: absolute;
		top:10px;
		left: -109px;
		background: url('../images/pattes_chien.png') no-repeat center;
		width: 99px;
		height: 400px;
	}

.subMenu .navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}
ul.navbar-nav.navbar-nav2{
	margin: 16px 0 0 0;	
	width: 100%;
}
	ul.nav li{
		width: 10%;
		text-align: center;
	}
		.navbar-default .navigation .navbar-nav>li>a{
			padding: 0;
			margin: 0;
			padding: 8px 0;
			float: none;
			display: inline-block;
			font-family: Merriweather, serif;
			font-size: 16px;
			font-weight: 300;
			line-height: 1.2;
		}
			.navbar-default .navbar-nav a:after{
				content: "";
				bottom: -6px;
				left:-16px;
				display: block;
				width: 34px;
				height: 36px;
				position: absolute;
				background:url('../images/menu_hover.png') no-repeat center;
				opacity: 0;
				-webkit-transition:all 300ms ease-in-out;
				-moz-transition:all 300ms ease-in-out;
				-o-transition:all 300ms ease-in-out;
				-ms-transition:all 300ms ease-in-out;
				transition:all 300ms ease-in-out;
			}
			.navbar-default .navbar-nav a:hover:after, .navbar-default .navbar-nav .actif a:after{
				opacity: 1;
			}

		li.margR12{	margin-right: 20%;	}
		ul.nav li.w5{	width: 5%;	}
		ul.nav li.w10{	width: 10%;	}
		ul.nav li.w11{	width: 11%;	}
		ul.nav li.w14{	width: 14%;	}
		ul.nav li.w15{	width: 15%;	}



.s1 .about{
	padding-bottom: 64px;
}
.s1 .presentation img{
	width: 100%;
	height: auto;
	max-width: 360px;
	border-radius: 10px;
}
.s1 .presentation .col-md-6 p{
	text-align: justify;
}

.presentation .txt-appli{
	max-width: 768px;
	width: 100%;
	margin: 48px auto 0;
	text-align: center;
	padding: 24px 0;
	border-top: 1px solid #EFEAEE;
	border-bottom: 1px solid #EFEAEE;
}
	.presentation a, .presentation a:visited{
		color: #B57FAB;
		text-decoration: underline;
	}
		.presentation a:hover, .presentation a:active{
			color: #5AAFA4;
		}

.pricing h1.light{
	color: #B57FAB;
	font-size: 36px;
	font-weight: 400;
}
.s2 .pricing{
	font-size: 16px;
}
	.s2 .table{
		border-radius: 10px;
	}
		.s2 .table .title{
			background: #B57FAB;
			padding: 16px 0 8px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
	.s2 .table .blue{ 	}
		.s2 .table.blue .title{
			background: #5AAFA4;
		}

	.pricing .table h2{
		width: 100%;
		display: inline-block;
		font-family: "Open Sans", arial, sans-serif;
		font-size: 24px;
		padding: 0 10px;
		color: #fff; 
		text-transform: uppercase;
		font-weight: bold;
	}
	.pricing .table h3{
		font-size: 20px;
		margin-bottom: 24px;
		padding: 0 10px;
		width: 100%;
		color: #B57FAB;
	}
		.pricing .table.blue h3{
			color: #5AAFA4;
		}

	.pricing .table p{
		padding: 0 10px 8px;
		margin-bottom: 8px;
		position: relative;
	}
		.pricing .table p:after{
			content: "";
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -24px;
			border-bottom:1px solid #eee;
			width: 48px;
			height: 1px;
		}
		.pricing .table .italic{
			margin-top: 24px;
			display: inline-block;
			width: 100%;
			padding: 0 10px;
			font-weight: 600;
		}
		.icon_medic, .icon_chirurgie, .icon_food, .icon_educ{
			width: 80px;
			height: 80px;
			display: block;
			margin: 0 auto;
		}
		.icon_medic{
			background: url('../images/icon_medic.png') bottom center no-repeat;
		}
		.icon_chirurgie{
			background: url('../images/icon_chirurgie.png') bottom center no-repeat;
		}
		.icon_food{
			background: url('../images/icon_food.png') bottom center no-repeat;
		}
		.icon_educ{
			background: url('../images/icon_educ.png') bottom center no-repeat;
		}

	.txt_services{
		color:#B57FAB;
		font-size: 24px;
		text-align: center;
		font-style: italic;
		margin-top: 80px;
		margin-bottom: 48px;
	}


	.face-app{
		padding: 48px 0;
	}
		.face-app h2{
			font-size: 24px;
			margin-bottom: 32px;
			text-align: center;
		}
			.face-app .appli h2{ color:#5AAFA4;	}
			.face-app .temoignages h2{ color:#B57FAB;	}

		.face-app h3{
			font-family: "Open Sans", arial, sans-serif;
			font-weight: bold;
			color:#666666;
			text-transform: uppercase;
			font-size: 24px;
		}

		.face-app .facebook{
			text-align:center;
		}
		.face-app .fb-page,.face-app .fb-page iframe{
			max-width: 100%;
		}

		.face-app .appli{
			text-align: center;
			border-right: 1px solid #EBF2F1;
		}
			.face-app .appli a{
				display: inline-block;
				margin-bottom: 8px;
				text-align: center;
				text-decoration: underline;
				color: #B57FAB;
			}

		.face-app .temoignages li{
			width: 100%;
			display: block;
			font-style: italic;
			font-size: 14px;
			max-width: 480px;
			margin: 0 auto 36px;
		}
			.face-app .temoignages img{
				float: left;
				margin-right: 20px;
			}
			.face-app .temoignages a{
				text-align: center;
				width: 100%;
				display: block;
				text-decoration: underline;
				color: #B57FAB;
				clear: both;
			}
				.face-app .temoignages a:visited{
					color: #B57FAB;
				}
				.face-app .temoignages a:hover, .face-app .temoignages a:active{
					color: #5AAFA4;
				}
				
			.temoignage h2 {					
				color: #5AAFA4;
				text-align: center;
				margin-bottom: 48px;
			}
			
			.all-temoignage {
				  background: #EBF2F1;
			}


	.faq{
		width: 100%;
		padding: 48px 0;
		background: #EBF2F1;
	}
		.faq h2{
			color: #5AAFA4;
			text-align: center;
			margin-bottom: 48px;
		}
		.faq .title-detail{
			text-align: center;
			padding: 5px 0;
		}
			.faq .title-detail a{
				text-decoration: underline;
				color: #B57FAB;
				font-size: 22px;
			}

		.list-faq{
			max-width: 768px;
			width: 100%;
			margin: 0 auto;
		}
			.list-faq li{
				width: 100%;
				position: relative;
				margin-bottom: 48px;
			}
				.btn-faq{
					width: 64px;
					height: 64px;
					border-radius: 50%;
					border:1px solid #5AAFA4;
					margin: 0 16px 0 0;
					padding: 0;
					float: left;
					cursor: pointer;
					background: url('../images/btn_faq.png') no-repeat center center #EBF2F1;
					-webkit-transition:all 300ms ease-in-out;
					-moz-transition:all 300ms ease-in-out;
					-o-transition:all 300ms ease-in-out;
					-ms-transition:all 300ms ease-in-out;
					transition:all 300ms ease-in-out;
				}
					.btn-faq:hover, .btn-faq.active{
						background-image: url('../images/btn_faq_hover.png');
						background-color: #5AAFA4;
					}
					.btn-faq.active{
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
					}

				.list-faq li h3{
					padding-top: 16px;
					font-family: "Open Sans", arial, sans-serif;
					font-weight: 300;
					font-size: 24px;
				}
				.list-faq .accordion-content{
					width: 100%;
					padding-left: 80px;
				}
				.list-faq li p{
					clear: both;
					display: block;
					width: 100%;
					-webkit-transition:height 500ms ease-in-out;
					-moz-transition:height 500ms ease-in-out;
					-o-transition:height 500ms ease-in-out;
					-ms-transition:height 500ms ease-in-out;
					transition:height 500ms ease-in-out;
				}


	.pressroom h2{
		color: #B57FAB;
	}


	.s3{
		padding: 48px 0;
	}


	.portfolio h1.light{
		color: #5AAFA4;
	}
	.portfolio #filters{
		margin-top: 48px;
	}


	.contact h3{
		color: #666666;
	}
	.contact h4{
		color: #5AAFA4;
	}
	.contact p.italic{
		color: #B57FAB;
		line-height: 1.5;
	}
	
	.rdv {
		font-size: 16px;
	}
	
	#contact_form label {
		font-size: 16px;
		color: #666;
		margin: 5px 0;
		font-weight: 500;
		display: inline-block;
	}

	.check-rgpd2 label{
	color: #333;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 400;
}

.check-rgpd2 {
	text-align: left;
	position: relative;
} 

.check-rgpd2 input {
	position: absolute;
	margin-bottom: 0!important;
	height: 15px!important;
	width: 15px!important;
}

.check-rgpd2 label{
	padding-left: 25px;
	line-height: 12px;
	font-size: 12px!important;
	margin-top: 0!important;
	padding-bottom: 45px!important;
}