/* ==============================================================

Template name : Gotte multi purpose landing page with flat design
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 1 January 2014
Last update : 12 January 2014

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Home
02. Intro
03. Info
04. Scrolltop
05. Header
06. Navigation
07. About
08. Testimoni
09. Services
10. Gallery
11. Request form
12. Contact
13. Footer
14. Social network
15. Clear spacer
16. Custom top spacer
17. Custom bottom spacer
18. Custom left spacer
19. Custom right spacer
20. Custom responsive

============================================================== */

/*
General
=========================== */
.img-responsive {
	display: block;
	height: auto;
	position: absolute;
	width: 630px;
	bottom: -410px;
	webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025) !important;
	box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025) !important;
	border-radius: 6px !important;
	transition-duration: .15s;
}
.img-responsive:hover {
	transform: translateY(-2px);
}

h1, h2, h3, h4, h5, h6, p, a {
	-webkit-font-smoothing: antialiased !important;
}

.btn-lg {
	padding: 6px 50px;
	font-size: 28px;
	line-height: 1.83;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
	color: #383f45;
}
.btn-lg:hover {
	transform: translateY(-1px);
	background-color: #f5eb72 !important;
}

.btn-tertiary {
	-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
	color: #383f45;
}
.btn-tertiary:hover {
	transform: translateY(-1px);
	background-color: #f5eb72 !important;
}

input::placeholder, textarea::placeholder {
	color: #757575 !important;
	-webkit-font-smoothing: antialiased !important;
}

.green-btn {
	color: #fff;
	background: #3ecf8e;
	text-shadow: 0 1px 3px rgba(36,180,126,.4);
	padding: 4px 14px;
	-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	border-radius: 4px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased !important;
	width: 225px;
	margin-bottom: 16px;
}
.green-btn i {
	color: #fff !important;
	margin-right: 5px;
}

.red-btn {
	color: #fff;
	background: #d32f2f;
	text-shadow: 0 1px 3px rgba(36,180,126,.4);
	padding: 4px 14px;
	-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	border-radius: 4px;
	text-transform: uppercase;
	text-align: center !important;
	-webkit-font-smoothing: antialiased !important;
	width: 225px;
	margin-bottom: 16px;
}
.red-btn i {
	color: #fff !important;
	margin-right: 5px;
}

.module {
	text-align: left !important;
}

.description-devis {
	text-align: justify !important;
}

.navbar-inverse .navbar-nav li a.selected, .navbar-inverse .navbar-nav li a.selected:hover, .navbar-inverse .navbar-nav li a.selected:focus, .navbar-inverse .navbar-nav li a.selected:active {
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}


/*
Home
=========================== */
#home{
	color:#fff;
	padding:80px 0 0 0;
	font-size:14px;
	line-height:22px;
}

.logo{
	display:inline-block;
	margin:0 0 40px 0;
}

/*
Intro
=========================== */
.intro{
	padding-bottom:40px;
	margin-bottom:46px;
}

.intro-divider{
	background:url(../img/intro-bg.png) no-repeat center center;
	margin:20px 0 30px 0;
	display:block;
	width:100%;
	height:24px;
}

/*
Info
=========================== */
.info{
	position:absolute;
	width:40%;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.arrow-info{
	width:197px;
	height:63px;
	display:block;
}

.info-act{
	background:none;
	font-size:14px;
	line-height:14px;
	border:1px solid #fff;
	border-radius:1px;
	color:#fff;
	padding:10px 25px 10px 25px;
}

.info-act:hover,
.info-act:focus,
.info-act:active{
	outline:none;
	text-decoration:none;
	border:1px solid #fff;
	background:#fff;
}

/* info on top left */
.info.topleft{	
	text-align:left;
	top:0;
	left:0;
}

.topleft .arrow-info{
	background:url(../img/arrow-info.png) no-repeat 0 0;	
	float:right;
	margin:-40px 40px 0 0;
}

/* info on top right */
.info.topright{
	text-align:right;
	top:0;
	right:0;
}

.topright .arrow-info{
	background:url(../img/arrow-info-r.png) no-repeat 0 0;	
	float:left;
	margin:-40px 0 0 0;
}

/* info on bottom left */
.info.botleft{	
	width:30%;
	text-align:left;
	bottom:180px;
	left:0;
}

.botleft .arrow-info{
	background:url(../img/arrow-info-bt.png) no-repeat top right;	
	float:right;
	width:100%;
	margin:0;
}

/* info on bottom right */
.info.botright{	
	width:30%;
	text-align:right;
	bottom:180px;
	right:0;
}

.botright .arrow-info{
	background:url(../img/arrow-info-br.png) no-repeat top left;	
	float:left;
	width:100%;
	margin:0 0 0 -60px;
}

/*
Scrolltop
=========================== */
.scrolltop ul{
	float:left;
	width:100%;
	overflow:hidden;
	padding:0;
	margin:;
}

.scrolltop ul li{
	float:left;
	width:100%;
	list-style:none;
	display:block;
	padding:0;
	margin:0;	
}

.scrolltop h3{
	font-size:43px;
	line-height:50px;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
}

.scrolltop p{
	font-size:25px;
	line-height:42px;
	text-transform:uppercase;	
	margin-bottom:0;
}

/*
Header
=========================== */
header{
	position:relative;
	background:#383f45;
	color:#fff;
	margin:0;
	padding:0;
}

/*
Navigation
=========================== */
.nav-fixed {
	position: fixed;
	top:0;
	z-index:9999;
}

.sticky {
	position: fixed;
	top: 0;	
	width:100%;
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
	z-index:9999;
}

.sticky .nav-above {
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:auto;
}

/*
About
=========================== */
#about{
	background:url(../img/pattern1.png) repeat 0 0;
	color:#fff;
	margin:0;
	padding:120px 0 0 0;
}

/*
Testimoni
=========================== */
#testimoni{
	position:relative;
	background-image:url(../img/pattern3.png);
	background-repeat:repeat;
	background-position:0 0;
	background-color: #2b343c;
	color:#fff;
}

.testimoni-wrapp{
	position:relative;
	font-family:'georgia',serif;
	color:#b6b6b6;
	font-size:30px;
	font-style:italic;
	line-height:1.5em;
	border-radius:2px;
	text-align:center;
}

.clent-info{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:18px;
}

.clent-info a{
	font-weight:300;
	margin-left:10px;
}

/*
Services
=========================== */
#services{
	background:url(../img/pattern2.png) repeat 0 0;
	color:#fff;
	margin:0;
}

.service-icon{
	width:220px;
	height:194px;
	padding-top:10px;
	border-radius:2px;
}

.service-icon.default-icon{
	background:#39434c;
	border-bottom:10px solid #2b343c;
}

.service-icon.secondary-icon,
.service-icon.tertiary-icon{
	border-bottom:10px solid;
}

/*
Gallery
=========================== */
#gallery{
	background-image:url(../img/pattern3.png);
	background-repeat:repeat;
	background-position:0 0;
	background-color: #2b343c;
	color:#fff;
	margin:0;
	padding:120px 0 80px 0;
}

.gallery-img-wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	margin:0;
}

.caption-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:1;	
	top:100%;
}

.caption-bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	opacity:0.9;
	z-index:2;
}

.caption-text{
	position:absolute;
	z-index:4;
	width:100%;
	height:auto;
	text-align:center;
	font-size:14px;
	line-height:20px;
	color:#fff;
	top:25%;
}

.caption-text p{
	opacity:0.9;
}

.zoom{
	background:url(../img/zoom.png) no-repeat 0 0;
	width:44px;
	height:44px;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:15px;
	opacity:0.9;
}

.zoom:hover{
	opacity:1;
}

.gallery-title{
	text-align:center;
	background:#f6f7f9;
	color:#161616;
	padding:5px 15px 5px 15px;
	font-size:16px;
	margin:0 0 30px 0;
}

/*
Request form
=========================== */
.request-form{
	float:left;
	color:#2f2f2f;
	font-size:14px;
	width:100%;
	background:#fff;
	position:relative;
	margin:0;
	padding:20px;
	border-radius:2px;
	-webkit-box-shadow: 15px 15px 0 rgba( 56, 63, 69, 0.3);
	   -moz-box-shadow: 15px 15px 0 rgba( 56, 63, 69, 0.3);
	        box-shadow: 15px 15px 0 rgba( 56, 63, 69, 0.3);	
}

.request-form h3{
	color:#2f2f2f;
	font-size:36px;
	line-height:46px;
}

.request-form h3 strong{
	font-weight:700;
}

ul.listcontrol{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

ul.listcontrol li{
	float:left;
	width:100%;
	position:relative;
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	background:none;
}

ul.listcontrol li label{
	color:#2f2f2f;
	font-weight:400;
	font-size:18px;
	padding:0;
	background:none;
	background-image:none;
}

ul.listcontrol li .form-control{
 height:45px;
  border-radius:2px;
  border:1px solid #7e7e7e;
  color:#161616;
  opacity:0.7;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

ul.listcontrol li .form-control:focus{
	border:1px solid;
}

#sendrequest{
	display:none;
}

#sendrequest.show,.show  {
	display:block;
}

/*
Contact
=========================== */
#contact{
	background:url(../img/pattern1.png) repeat 0 0;
	color:#fff;
}

ul.listForm{
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

ul.listForm li {
	float:left;
	width:49%;
	margin:0 1% 15px 0;
}

ul.listForm li.list-block{
	width:99%;
	margin:0 1% 15px 0;
}

ul.listForm label{
	font-weight:400;
	display:block;
	color:#fff;
}

ul.listForm label span{
	font-weight:300;
	font-style:italic;
}

ul.listForm .form-control{
	height:45px;
}

ul.listForm textarea.form-control{
	height:160px;
}

.validation {
	display:none;
	margin-top: 5px;
}

#sendmessage{
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

.contact-detail h5{
	color:#fff;
	padding-bottom:10px;
	border-bottom:1px solid #fff;
}

.contact-detail label{
	font-weight:400;
	display:block;
	font-size:14px;
}

.contact-detail label i{
	margin-right:5px;
}

.contact-detail p{
	margin-bottom:20px;
	text-align: justify;
}

/*
Footer
=========================== */
footer{
	background:url(../img/pattern2.png) repeat 0 0;
	color:#fff;
	text-align:center;
	padding:60px 0 50px 0;
}

.subscribe-form{
	width:100%;
	position:relative;
	margin:30px 0 20px 0;
}

input.subscribe{
	position:relative;
	width:100%;
	border:none;
	background:#fff;
	padding:20px;
	border-radius:2px;
}

.subscribe-button{
	position:absolute;
	border-radius:2px;	
	border:none;
	padding:20px;
	font-size:16px;
	line-height:18px;
	color: #383f45;
	font-weight:400;
	right:0;
	top:0; 	
}

.subfooter{
	background:#383f45;
	color:#fff;
	text-align:center;
	font-weight:12px;
	line-height:12px;
	padding:40px 0 20px 0;
}

/*
Social network
=========================== */
.social-network{
	text-align:center;
}

.social-link {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	height: 43px;
	width: 40px;
	text-indent: -9999px;
	margin: 0 5px 10px 5px;
	-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;
}

.social-link:hover {background-position: 0 -43px;}

.facebook {background: url(../img/social/fb.png) no-repeat;}
.googleplus {background: url(../img/social/google.png) no-repeat;}
.dribble {background: url(../img/social/dribble.png) no-repeat;}
.flickr {background: url(../img/social/flickr.png) no-repeat;}
.twitter {background: url(../img/social/twitter.png) no-repeat;}

/*
Heading
=========================== */
.heading{
	font-size:50px;
	line-height:42px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:30px;
}

.heading.centered{
	background:url(../img/heading-center.png) no-repeat bottom center;
	text-align:center;
	padding-bottom:45px;
}

/*
Helper
=========================== */
.container-wrapper{
	padding:120px 0 80px 0;
}

.dark-bg{
	background: #2b343c;
}

/*
Scroller
=========================== */
#cbp-so-scroller,
.cbp-so-scroller{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	overflow: hidden;
}	
}

/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
}

.cbp-so-section:after {
	clear: both;
}

/* Sides */
.cbp-so-side {
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;
}

.cbp-so-side:after {
	clear: both;
}

/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
	opacity: 0;
}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

/*
Clear spacer
=========================== */
.marginnone{
	margin:0;
}

.margintop-clear{
	margin-top:0;
}

.marginbot-clear{
	margin-bottom:0;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot35{
	margin-bottom:35px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.marginbot55{
	margin-top:55px;
}

.marginbot60{
	margin-top:60px;
}

/*
Custom left spacer
=========================== */
.marginleft5{
	margin-left:1px;
}

.marginleft10{
	margin-left:10px;
}

.marginleft15{
	margin-left:15px;
}

.marginleft20{
	margin-left:20px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}

/*
Custom responsive
=========================== */
@media (min-width: 1200px) {

}
@media (min-width: 768px) and (max-width: 990px) {
	.collapse {
	  display: inline-block;
	  float:left;
	}
	.accordion-body.collapse{
	  display: none;
	  float:none;
	  width:auto;	
	}
	.accordion-body.collapse.in {
	  display: block;
	}	
	.navbar .navbar-collapse .nav{
		width:100%;
	}
	.navbar .navbar-collapse .nav li{
		display:none;
	}
	.navbar .navbar-collapse .nav select{
		display:block;
		width:250px;	
	}
	#about{
		padding:120px 0 100px 0;
	}
	#about .heading{
		margin-top:40px;
	}
	.arrow-info{
		display:none;
	}
	.request-form{
		margin:-100px 0 80px 0;
	}
}

@media (max-width: 767px) {
	.collapse {
	  display: inline-block;
	  float:left;
	}
	.accordion-body.collapse{
	  display: none;
	  float:none;
	  width:auto;	
	}
	.accordion-body.collapse.in {
	  display: block;
	}	
	.navbar .navbar-collapse .nav{
		float:left;	
		width:100%;
		border:none;
		margin:0;
	}
	.navbar .navbar-collapse .nav li{
		display:none;
	}
	.navbar .navbar-collapse .nav select{
		display:block;
		width:250px;	
		margin:0;
	}
	.navbar-inverse .collapse{
		float:right;
		width:auto;
		position:relative;
		border:none;
		box-shadow:none;
		z-index:0;	
		padding:0;
		margin:3px 0 0 30px;
	}
	.navbar-inverse .navbar-header{
		float:left;
		width:auto;
		margin-left:10px;
	}
	#about{
		padding:120px 0 100px 0;
	}
	#about .heading{
		margin-top:40px;
	}
	.mobile-responsive{
		width:100%;
		height:auto;
	}
	.info,
	.info.topleft,
	.info.topright,
	.info.botleft,
	.info.botright{
		display:none;
	}
	.request-form{
		margin:-100px 0 80px 0;
	}	
}

@media only screen and (max-width: 558px) {
	.navbar-inverse .navbar-header{
		float:left;
		width:100%;
		margin:0;
		text-align:center;
	}
	.navbar-inverse .navbar-header .navbar-brand{
		float:none;
		margin:0;
		padding:0;
	}
	.navbar-inverse .collapse{
		margin:20px 0 0 0;
		padding:0;
		width:100%;
	}
	.navbar .navbar-collapse .nav select{
		width:100%;
	}
	#about, #gallery, .container-wrapper{
		padding:180px 0 80px 0;
	}
	#about .heading{
		margin-top:40px;
	}		
}

/*
Custom Style
=========================== */
.logo {
	margin-bottom: 80px;
}

.logo img {
	width: 275px;
}

.navbar-brand img {
	width: 165px;
	margin-top: 4px;
}

#register {
	background: #F8F9F9;
	color: #383f45 !important;
	padding-bottom: 28px;
	padding-top: 40px;
}

#register h5 {
	margin-bottom: -18px;
	font-size: 22px;
}

#register fieldset {
	border: 1px solid #DAE6E8 !important;
}

#register input {
	font-size: 16px;
}

#register input:focus {
	outline: none;
}

#register button:focus {
	outline: none;
}

#register .subscribe-button {
	border-radius: inherit;
	padding: 22px;
}

.navbar-inverse .navbar-nav li a {
	margin-top: 6px;
}

#social-media {
	background:url(../img/pattern1.png) repeat 0 0;
	color:#fff;
	background-color: #1fbf97;
	margin:0;
	padding: 100px 0 100px 0 !important;
	height: 500px;
}

#mailing-big-data {
	background:url(../img/pattern2.png) repeat 0 0;
	color:#fff;
	background-color: #2b343c;
	margin:0;
	padding: 120px 0 100px 0 !important;
	height: 500px;
}

#citizens-committee {
	background:url(../img/pattern3.png) repeat 0 0;
	color:#fff;
	background-color: #6884A2;
	margin:0;
	padding: 120px 0 100px 0 !important;
	height: 500px;
}

#fundraising {
	background:url(../img/pattern2.png) repeat 0 0;
	color:#fff;
	background-color: #1fbf97;
	margin:0;
	padding: 120px 0 100px 0 !important;
	height: 500px;
}

#crm {
	background:url(../img/pattern1.png) repeat 0 0;
	color:#fff;
	background-color: #e46859;
	margin:0;
	padding: 120px 0 100px 0 !important;
	height: 500px;
}

#pricing {
	background: #2b343c;
	background-image: url(../img/new-bg-dark.jpg);
}

#contact {
	background-color: #F8F9F9 !important;
	background: inherit;
}

.footer {
	background: #c4e5db;
}

#contact .heading.centered {
	color: #383f45;
	background: url(../img/heading-center-black.png) no-repeat bottom center;
}

#contactform input {
	border: 1px solid #f6f9fc !important;
	padding: 32px 20px !important;
	border-radius: 6px;
	font-size: 16px;
	color: #6b7c93;
}

#contactform input[type=text] {
	background-color: #f6f9fc;
	padding: 5px 20px 8px 13px;
	background-repeat: no-repeat;
	background-position-x: -5000px;
	background-position-y: 9px;
	background-size: 20px 20px;
	-webkit-box-shadow: 0 0 0 1px #f6f9fc;
	box-shadow: 0 0 0 1px #e4effa;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
#contactform input[type=text]:focus {
	background-color: #fff;
}

#contactform textarea {
	padding: 17px 20px !important;
	font-size: 16px;
	border-radius: 6px;
	background-color: #f6f9fc;
	padding: 5px 20px 8px 13px;
	background-repeat: no-repeat;
	background-position-x: -5000px;
	background-position-y: 9px;
	background-size: 20px 20px;
	-webkit-box-shadow: 0 0 0 1px #f6f9fc;
	box-shadow: 0 0 0 1px #e4effa;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
#contactform textarea:focus {
	background-color: #fff;
}

#contactform input[type=submit] {
	border: none !important;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}

#contactform input:placeholder {
	color: #757575 !important;
}

#contactform .validation {
	color: #e74c3c !important;
}

.contact-detail h5 {
	color: #383F45 !important;
	border-color: #383F45 !important;
}

.contact-detail {
	color: #757575 !important;
	margin-top: -6px;
}

.alert-info {
  color: #3a87ad;
  background-color: #1fbf97;
  color: #fff;
  border: none;
}

#pricing {
	padding-bottom: 0;
	height: 741.8px;
}

#contact {
	padding-top: 525px;
}

.pricing-section .title {
	background: #5C6365;
  color: #FFF;
  text-align: center;
  padding: 15px 0;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
	text-transform: uppercase;
}

.pricing-section .price {
	border-bottom: 1px solid #DDD;
	background-color: #fff;
	padding: 20px;
	padding-top: 30px;
	color: #666666; 
	font-size: 35px !important;
}

.pricing-section .price span {
	font-size: 15px;
  color: #777;
  -webkit-font-smoothing: antialiased;
}

.pricing-section .description {
	color: #333;
	background: #fff;
	padding: 8px 58px;
	padding-top: 20px;
}

.pricing-section .feature i {
	color: #000;
}

.pricing-section .feature {
	margin-bottom: 16px;
	font-size: 14px;
	text-align: left;
}

.pricing-section .button-zone {
	background: #fff;
	padding: 30px;
	margin-top: -48px;
}

.pricing-section .price a {
	padding: 7px 55px;
  font-size: 16px;
  margin-top: 25px;
  font-weight: 500;
}

.first-pricing-section .title {
	border-radius: 3px 0 0 0 !important;
}

.pricing-sub-section .col-md-3 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.second-pricing-section {
	margin-top: -22px;
}

.second-pricing-section .title {
	background: #70787A;
	padding: 18.5px 0;
	border-radius: 3px 3px 0 0;
	line-height: 18px;
}

.second-pricing-section .title span {
	text-transform: uppercase;
	color: #CCC;
	font-size: 12px;
	margin-top: -10px;
}

.pricing-sub-section {
	margin-top: 40px !important;
}

.first-pricing-section .price,
.first-pricing-section .description,
.first-pricing-section .button-zone,
.first-pricing-section .services {
	border-left: 1px solid #DDD;
}

.first-pricing-section .price,
.first-pricing-section .description,
.second-pricing-section .price,
.second-pricing-section .description,
.third-pricing-section .price,
.third-pricing-section .description,
.third-pricing-section .button-zone, 
.fourth-pricing-section .price,
.fourth-pricing-section .description {
	border-right: 1px solid #DDD;
}

.first-pricing-section .title {
	border-radius: 3px 0 0 0;
}

.first-pricing-section .description {
	border-radius: 0 0 0 3px;
}

.fourth-pricing-section .title {
	border-radius: 0 3px 0 0;
}

.fourth-pricing-section .description {
	border-radius: 0 0 3px 0;
}

.description {
	border-bottom: 1px solid #DDD;
}

.pricing-sub-section .services {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #fff;
	color: #333;
	padding-top: 26px;
  padding-bottom: 30px;
}

.pricing-sub-section .services i {
	font-size: 19px;
	color: #70787A;
}

.pricing-sub-section .services strong {
	color: #70787A;
}

.description-devis {
	text-align: left;
	padding-bottom: 36px !important;
	padding-top: 28px !important; 
}

.footer {
	min-height: 255px;
}

.footer p {
	text-align: justify;
  font-size: 14.5px;
  -webkit-font-smoothing: antialiased;
}

#home .btn-lg {
	margin-top: 14px;
}

#home .dashboard img {
	width: 830px;
	bottom: -684px;
	position: absolute;
	webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025) !important;
	box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025) !important;
	border-radius: 6px !important;
}

.footer .datapol img {
	width: 260px;
	margin-bottom: 30px;
  margin-top: -8px;
}

.footer .datapol a {
	background: #f5eb72;
  color: #1d1f21;
  margin-top: 35px;
  padding: 10px 30px;
  font-size: 20px;
  line-height: 1.83;
  border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  font-weight: inherit !important;
}

.footer .datapol a:hover {
	text-decoration: none !important;
	background-color:#e6dd70;
}

footer {
	padding: 62px 42px;
}

#home .scrolltop span {
	font-size: 15px;
	text-transform: lowercase;
	margin-left: -3px;
}

#home p span {
	font-size: 15px;
	font-weight: bold;
}

#social-media p {
	text-align: justify;
	font-size: 14px;
}

#mailing-big-data {
  padding-top: 80px;
  padding-bottom: 74px;
}

#mailing-big-data p {
	font-size: 14px;
	text-align: justify;
}

#citizens-committee p {
	font-size: 14px !important;
	text-align: justify;
}

#fundraising p {
	font-size: 14px !important;
	text-align: justify;
}

#crm p {
	font-size: 14px !important;
	text-align: justify;
}

#register h5{
	float: left;
}

#register .btn-tertiary {
  float: left;
  border-radius: 3px;
  margin-top: -10px;
  margin-left: 35px;
  padding: 15px 35px;
}

#mentions-legales {
	margin-top: 85px;
}
.modal-body {
	border-radius: 6px !important;
	background: #fff;
	webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025) !important;
	box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025) !important;
	padding-top: 50px;
	padding-bottom: 40px;
	color: #757575 !important;
	text-align: justify;
}
.modal-body img {
	width: 200px;
}

.modal-xl {
	margin-top: 85px;
	width: 1220px !important;
}

#link-mentions-legales {
	cursor: pointer;
	color: #fff;
}
#link-politique-confidentialite {
	cursor: pointer;
	color: #fff;
}
#link-traitement-donnees-personnelles {
	cursor: pointer;
	color: #fff;
}

.installation {
	font-size: 16px !important;
}

.plus {
	font-size: 24px !important;
	margin-bottom: -12px;
	margin-top: 9px;
}

.postal {
	font-size: 12px;
	color: #777;
	margin-top: 4px;
	-webkit-font-smoothing: antialiased;
}

@media only screen and (max-width: 1230px) {
	.heading {
		margin-bottom: 15px;
		line-height: 55px;
	}
	
	.pricing-sub-section .col-md-3 {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.pricing-sub-section {
		padding-bottom: 35px;
	}
	
	.pricing-sub-section .first-pricing-section {
		margin-bottom: 65px !important;
	}
	
	#pricing {
		height: inherit;
	}
	
	.description {
		text-align: center !important;
	}
	
	.pricing-section .feature {
		text-align: center;
	}
	
	.pricing-section .price a {
		margin-top: 10px;
	}
	
	#contact {
		padding-top: 70px;
	}
	
	#crm {
		padding-top: 70px;
	}
	
	#fundraising {
		padding-top: 70px;
	}
	
	#citizens-committee {
		padding-top: 70px;
	}
	
	#mailing-big-data {
		padding-top: 70px;
	}
	
	#social-media {
		padding-top: 70px;
	}
	
	.container-wrapper {
		padding-top: 40px;
	}
}

@media only screen and (max-width: 1199px) {
	.scrolltop h3 {
		font-size: 35px;
		line-height: 42px;
	}

	.container {
		max-width: 1140px;
	}
}

@media only screen and (max-width: 991px) {
	#register {
		text-align: center !important;
	}
	#register .btn-tertiary {
		margin-top: 42px;
		float: inherit;
	}

	.img-responsive {
		display: none;
	}

	#social-media {
		padding: 100px 0 100px 0 !important;
		height: inherit;
	}

	#mailing-big-data {
		padding: 100px 0 100px 0 !important;
		height: inherit;
	}

	#citizens-committee {
		padding: 100px 0 100px 0 !important;
		height: inherit;
	}

	#fundraising {
		padding: 100px 0 100px 0 !important;
		height: inherit;
	}

	#crm {
		padding: 100px 0 100px 0 !important;
		height: inherit;
	}

	.container {
		max-width: 750px;
	}

	#home .dashboard img {
		display: none;
	}
	
	.navbar .navbar-collapse .nav select {
		margin-top: 5px;
	}
	
	#social-media img {
		margin-bottom: 40px;
	}
	
	#social-media {
		padding-bottom: 60px;
	}
	
	#citizens-committee img {
		margin-bottom: 60px;
		width: inherit;
		margin-left: auto;
		margin-right: auto;
	}
	
	#crm img {
		margin-bottom: 30px;
		width: inherit;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 745px) {
	#register {
		text-align: center;
		padding-bottom: 50px;
	}
	
	#register h5{
		text-align: center;
		float: inherit;
	}
	
	#register .btn-tertiary {
	  float: inherit;
	  margin-top: 38px;
	  margin-left: inherit;
	}

	.scrolltop h3 {
		font-size: 24px;
		line-height: 35px;
	}
	.scrolltop p {
		font-size: 16px;
		line-height: 30px;
	}
}