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

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	WaveX
Version:	1.0
Last change:	04/07/14 
Primary use:	MultiPurpose 
-------------------------------------------------------------------*/

html {
	font-size: 14px;
}

/*Typography*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	line-height: .8;
	color:#393939;
	font-weight:400;
	font-family: "Port Lligat Slab";
}

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 {
	font-size: 42px;
}
	.s1 h1.light{
		font-size: 40px;
		margin-bottom: 8px;
	}
	h1.light{
		padding-left: 36px;
		padding-right: 36px;
		position: relative;
	}
	h1.light:after{
		content: "";
		position: absolute;
		top:20px;
		right: 0;
		width: 29px;
		height: 16px;
		background: url('../images/title_after.png') no-repeat left center;
	}
	h1.light:before{
		content: "";
		position: absolute;
		top:20px;
		left: 0;
		width: 29px;
		height: 16px;
		background: url('../images/title_before.png') no-repeat left center;
	}
	.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: 'Port Lligat Slab', sans-serif; font-weight:400;
}

/*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:#303030;
	font-weight:300;
}

*, *: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:#585858 !important;
	display:inline-block;
	font-size:60px;
	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;
}
.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: 'Port Lligat Slab', sans-serif;
	font-weight: 400; 
}
.sponsors p{
	color:#303030;
}
.center{
	width: 570px;
	display: inline-block;
}
.carousel-inner span.creative{
	font-family: 'Port Lligat Slab', sans-serif;
	font-weight: 400; 
	font-size:60px;
	display:block;
	text-transform:uppercase;
	margin:-10px 0 0 0;
}
.carousel-inner span.small-text{
	font-family: 'Port Lligat Slab', 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;
	cursor:pointer;
}
.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;
}

.active {

}

.sTop {
	color:#3d3d3d;
}

.clear {
	clear: both;
}

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

.section.sTop {
	/*height: 714px;*/
	height: auto;
	margin-top: 120px;
	min-height: 450px;
}

.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: 'Port Lligat Slab', sans-serif;
	font-weight: 400;
	padding:30px 0;
}

.subMenu {
	position: absolute;
	top: 462px;
	height: 120px;
	z-index: 1000;
	width: 100%;
	border-top: 2px solid #1C6853;
	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;
}

.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 .col-md-3:first-child h4{
		margin-bottom: 5px;
	}
.about span{

}
.about p{
	font-size:14px;
	line-height:26px;
}
.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;
	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 #44b932;
}
.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 #44b932;
}
.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:#EAF2E7;*/
	background: #D8F2CE;
	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:#fff;
	font-size:64px;
	
	font-weight:700;
}
.counters p{
	color:#fff;
	font-size:22px;
	text-transform:uppercase;
	font-size:22px;
	font-weight:700;
}
.counters .counter{
	/*float:left;*/
	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;

}
.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: #44b932 !important;
}

.post a:hover {
	color : #1C6853 !important;
}

.pressroom{
	padding:70px 0 0 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 ......*/

.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;
}
.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: 520px;
	border-radius: 10px;
}
.press-img img{
	width: auto;
	height: auto;
	max-width:520px;
  -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:48px 0;
	text-align:center;
	background: url('../images/bg_terreau.jpg') repeat left top fixed;
}
.pricing .table{
	/*background:#4E4E4E;*/
	background:#fff;
	text-align:center;
	margin:48px 0 0 0;
	padding: 0 0 32px 0;
}
.pricing .table h2{
	width: 100%;
	font-size:36px;
	padding: 20px 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	background: #44b932;
	display: inline-block;
}
.pricing .table h3{
	font-size: 20px;
	padding: 0 10px;
	margin-top: 12px;
	color: #44b932; 
}
.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);
}
.pricing .table a:hover{
	text-decoration:none;
}

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


.contact{
	/*margin:90px 0 0 0;*/
	margin:0 0 0 0;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -ms-center;
	text-align: -o-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;
}/*
.contact .copyright{
	text-align:center;
  	margin-bottom: 52px;
}
.contact .copyright span{
	font-size:14px;
	color:#828282;
	font-weight:normal;
	margin:52px 0 10px 0;
	display:block;
}*/


.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;
		 left:39%;
		 float:left;
		margin: 0px 0 0 0;
		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: url('../images/bg_team.jpg') no-repeat center top ;
	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;
}





/*color switcher*/
.color-switcher {
	width: 45px;
	position: fixed;
	right: -60px;
	top: 220px;
	opacity:0;
	background: #fff;
	z-index: 9999999;
	padding: 15px 9px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border:1px solid #ccc;
	border-radius:100px;
}
.color-switcher p{ padding-bottom:10px;}
.color-switcher ul{ list-style:none; padding:0; margin:0;}
.color-switcher ul li {
	margin-right: 5px;
	margin-bottom: 5px;
}
.color-switcher ul li:last-child{ margin-bottom:0}
.color-switcher ul li a {
	border-radius: 100%;
	display: block;
	height: 25px;
	outline: medium none;
	width: 25px;
	position:relative;
}

.color-switcher ul li a.green {
	background: #7fc719;
}

.color-switcher ul li a.red {
	background: #E91B23;
}

.color-switcher ul li a.blue {
	background: #1bb1e9;
}

.color-switcher ul li a.orange {
	background: #fd7c26;
}

.color-switcher ul li a.yellow {
	background: #44b932;
}

.color-switcher ul li a:hover, .color-switcher ul li a.active{display: block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;}

.color-switcher ul li a:hover:before, .color-switcher ul li a.active:before{ content:"\f046"; position:absolute; left:6px; top:6px; color:#fff;}
.color-switcher ul li a.fa-adjust{ font-size:28px; color:#333}
.color-switcher ul li a.fa-adjust:hover:before, .color-switcher ul li a.fa-adjust.active:before{ color:#333; left:0; top:0;}




.picker-off {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 100%;
	font-size: 26px;
	height: 40px;
	line-height: 36px;
	outline: medium none;
	position: fixed;
	right: 21px;
	text-align: center;
	top: 370px;
	width: 40px;
	z-index: 55555555;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
}
.picker-off.move{ top:430px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;}
.picker-off i { font-size:22px; margin-top:0;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 4000ms;
	-moz-animatsion-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 4000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	
	animation-name: spin;
	animation-duration: 4000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}



.position {
	right: 18px;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
}


/*..... 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 > .active > a,
.navbar-default .navbar-nav.blog-nav > .active > a:hover,
.navbar-default .navbar-nav.blog-nav > .active > a:focus {
  color: #ccc !important;

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

}


/* COLOR CUSTOMIZING */

::-moz-selection {
	background:#44b932;
}
::selection{
	background:#44b932;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #44b932 !important;
}
h1.light{
	color: #44b932 !important;
}
.about i{
	background:#44b932;
}
.hovicon.effect-1.sub-a:hover {
	background: #44b932;
}
.hovicon.effect-1 {
	background: #44b932;
}
.hovicon.effect-1:after {
	box-shadow: 0 0 0 4px #44b932;
}
.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:#44b932;}
.team-detail-sec h3{ color:#44b932}
#filters ul li a:hover h3, #filters ul li a.active h3 {
	background-color:#44b932;
	border: 1px solid #00614e;
}


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

.titleleft {
	margin-left : 120px;
}

.social-icons a:hover{
	background:#44b932;
}
.team-sec.dark-bg{
	background:#44b932;
}
.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:#44b932 !important;
}

@media (max-width: 1200px) {

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

}
@media (max-width: 1170px) {
	.sTop .skdslider ul.slides li img {
		width: auto;
		height: 450px;
		border: 0;
		margin: 0 auto;
		max-width: 2560px;
	}

}

@media (max-width: 991px) and (min-width: 768px){
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #44b932!important;
		border-bottom: solid 3px #44b932!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 > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		border-bottom: solid 1px #44b932 !important;    
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #44b932 !important;
		border-bottom: solid 1px #44b932 !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;
		}
}

@media (max-width: 480px) {

	.logo {
		max-width : 62%;
		width : auto;
		height: auto;
		max-height: 100px;
	}
}

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



/**** 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{
	background:url(../images/bg_counters.jpg) center 0 no-repeat!important;
	color: white;
	height: 528px;
	margin: 0 auto;
	padding: 0;
}
#second {
	background:url(../images/secondbg.jpg) no-repeat ;
	/*background-position:50% 70% !important;*/
	color: white;
	height: 528px;
	margin: 0 auto;
	padding: 0;
}

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

.s5 .contact #fifth{
	background:url(../images/bg_contact.jpg) no-repeat!important;
 	/*background-position: 50% 0!important;*/
	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: #1C6853;
	color: #fff;
	margin: 0;
	width: 265px;
	line-height: 1;
	height: 50px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
	.tel_header p{
		margin: 0;
		font-weight: 300;
	}
	.tel_header a{
		color: #fff:;
	}
	.tel_header .fa{
		float: left;
		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;
	}



.banner_plant_l{
	position: absolute;
	top: 0;
	left: 0;
	width: 354px;
	height:701px;
	background: url('../images/banner_plant_l.png') left top;
	z-index: 1;
}
.banner_plant_r{
	position: absolute;
	top: 0;
	right: 0;
	width: 354px;
	height:926px;
	background: url('../images/banner_plant.png') right top;
	z-index: 1;
}

.section .skdslider{
	height: auto;
	min-height: 450px;
}
	.skdslider ul.slides li{
		overflow: hidden;
	}

	@media (min-width: 1170px) {
		.section .skdslider{
			/*height: 700px;*/
		}
	}


	.skdslider ul.slides li img{
		min-height: 450px;
		height: auto!important;
		position: absolute;
		top: 0;
		left:0;
	}
	.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;
}

.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(103,187,73,.8);
}

/*** SLIDER ***/

.sTop .skdslider .prev, .section .skdslider .next, .skdslider ul.slide-navs{
	opacity:0;
	-webkit-transition:opacity 300ms ease-in-out;
	-moz-transition:opacity 300ms ease-in-out;
	-ms-transition:opacity 300ms ease-in-out;
	-o-transition:opacity 300ms ease-in-out;
	transition:opacity 300ms ease-in-out;
	z-index: 99;
}
	.sTop:hover .prev, .section:hover .next, .sTop:hover .slide-navs, .section:hover .play-control.pause{
		opacity: 1;
		display: block!important;
	}


/*** Contact ***/

.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;
}

#captcha_img {margin: 10px 0;}

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

.adresse p, .horaire p{
	color: #fff;
}
.horaire p {
	margin-bottom: 0px;
}
.adresse a, .adresse a:visited{
	color:#fff;
	text-decoration: underline;
}
	.adresse a:hover, .adresse a:active{
		text-decoration: none;
		color: #fff;
	}
	.horaire ul{
		padding-left:16px;
		margin-bottom: 16px;
		line-height: 1.5;
	}
		.horaire li:before{
			content: "- ";
			display: inline;
		}



.gmaps{
	width: 100%;
	border-bottom: 3px solid #44b932;
	height: 543px;
}
	.gmaps iframe{
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}





.mobileBanner{
	display: none;
	width: 100%;
	padding: 32px 0;
	background: #44b932;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	font-family: "Open Sans", sans-serif;
}
	.mobileBanner i{
		font-size: 48px;
	}
	.mobileBanner a{
		color: #fff;
	}
	.mobileBanner p{
		font-size: 24px;
		color: #fff;
		font-weight: 300;
	}


@media (max-width: 767px) {



	.sTop{
		display: none;
		height: auto;
	}
	.mobileBanner{
		display: block;
		margin-top: 120px;
	}

}

.cap, .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;
	margin-top: 0!important;
	padding-bottom: 25px!important;
}

.info-corona i {
	background: transparent;
	width: 25px; 
	height: 25px;
	padding: 0;
	font-size: 25px;
	color: #44b932;
}

.info-corona {
	padding: 25px;
	background: #D8F2CE;
	border: 1px solid #44b932;
	margin-bottom: 35px;
	margin-top: -150px;
}

.info-corona p {
	text-align: left;
	font-weight: 700;
		font-size: 16px;
}