body{
	padding-top:120px;
}
.color1{
	color: #434b54;
}

.color2{
	color: #d94757;
}

.color3{
	color: #434a54;
}

.section-spacer {
	padding-top:3em;
	padding-bottom:3em;
}

section.gray {
	background-color: #f1f1f1;
	padding-top:2em;
	padding-bottom:2em;
}

#top-container {
	padding-top:0em;
	padding-bottom:2em;
}

.box{
    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
    background: rgba(200, 200, 200, 0.1);
    border-radius: 4px;
    top:50px;
}

.home-box-image {
	width:100%;
	height:50vw;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.lead-text {
	color: #ffffff;
	font-size:3em;
	font-weight: 700;
	text-shadow:#474747 0px 0px 2px;
	line-height: 1em;
}

h1 {
	font-size: 2.5em;
}
h1.section{
	text-align: center;
	font-size:3em;
	padding:0;
	padding-bottom:0.5em;
}

h1.desc {
	padding-top:0;
	margin-bottom:0.5em;
}

h2 {
	font-size: 2em;
}

h2.methodeinter {
	margin:0 0 0.8em 0;
	padding:0;
}

h2.slogan-bottom {
	margin:0.7em 0 1em 0;
}

h2.separate {
	padding-bottom:0.7em;
	border-bottom:1px solid #434a54;
}

h3 {
	font-size: 2.5em !important;
	color: #434a54 !important;
}
h3.minus {
	font-size: 1.5em !important;
	color: #434a54 !important;
}

h4 {
	padding-top:1em;
	font-size: 1.5em !important;
}

div.caption p {
	font-size: 1em !important;
}

div.caption ul {
	font-size: 1.2em !important;
	list-style-type: none;
	padding:0;
	
}

div.caption div.icons {
	font-size: 1.3em;
	padding: 1em;
	margin: 2em 0 2em 0;
	border: 1px solid #434A54;
	border-radius: 15px;
}

p.buttons {
	margin: 1.5em 0 1.2em 0;
}

#top-container .input-group{
	width:100%;
}

#top-container .input-group-addon {
	width:100px;
}

.vertical-space {
	margin-top:3em;
}
p.backup {
	font-size:1.2em;
	font-weight:300;
}
div.backup .logos {
	text-align: center;
	padding-bottom: 2em;
}
div.backup .logos__item:first-child {
	padding-left: 0;
}
div.backup .logos__item {
	display: inline-block;
	padding-left: 30px;
}
div.backup .logos__item img {
	max-height: 50px;
	width: auto;
}


div.web .exemples .exemple{
	min-height: 410px;
}
div.web .exemples .exemple .thumbnail{

}
div.web .exemples .exemple .title-wrapper{
	width: 100%;
}
div.web .exemples .exemple h5 {
	padding-top:0em;
	padding-bottom:0;
	margin-bottom:0;
}
div.web .exemples .exemple p {
	padding-bottom: 2em;
}


div.alternate,
div.notalternate{
	padding-top:3em;
	padding-bottom:3em;
}
div.alternate {
	background-color: #EDEDED;
}
div.notalternate {
}
div.alternate h2,
div.notalternate h2 {
	padding-top:0;
	margin-top:0;
}

/** bottom align text
div.web .exemples .exemple .title-wrapper{
	position: relative;
	vertical-align: bottom;
	width: 100%;
}
div.web .exemples .exemple h5{
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
}**/


.pd0{
	margin: 0;
	padding: 0;
}

#prices span{
	font-size:30px;
	color:#FFF;
}

#prices h3{
	color: #ffffff!important;
}

#prices .features li{
	padding:10px;
}

#prices .btn.btn-default{
	margin:20px 0px;
}

#prices .features-border li{
	border-top:1px solid #c7c7c7;
	padding: 10px 0px;
}

#prices .features-border li:last-child{
	border-bottom:1px solid #c7c7c7;
}

#price2 {
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	z-index: 2;
}

#price2:before {
	content: "";
	width: 100%;
	height: 40px;
	background: #4d4d4d;
	position: absolute;
	left: 0;
	right: 0;
	top: -30px;
	margin: 0 auto;
}

.btn.btn-default {
	background-color: #5db4c0;
	color: #fff;
	border-radius: 0;
	border: none;
	padding: 13px 20px;
	font-size: 13px;
	font-weight: 600
}

.prices-box{
	margin:50px 0px;
}

.top-content{
	background-color:#4d4d4d;
	padding:20px;
}

.bottom-content{
	background-color:#f6f6f6;
	padding:60px;
}

.big-price span{
	color: #333;
	font-size:40px;
}

.btn-price{
	background-color:#5db4c0;
	color: #fff;
	border-radius:50%;
	border:none;
	padding:40px 20px;
	font-size: 13px;
	font-weight: 600;
	margin-top:20px;
}





/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.home-box-image {
		height: 200px;
	}

	h2.methodeinter {
		margin:0 0 1.2em 0;
	}
	h3 {
		font-size: 1.8em !important;
	}
	h4 {
		font-size: 1.2em !important;
	}
	div.caption p {
		font-size: 1em !important;
	}
	div.caption ul {
		font-size: 1em !important;	
	}
	div.caption div.icons {
		font-size: 1.5em;
		padding: 0.5em;
		margin: 1em 0 1em 0;
	}
	p.buttons {
		white-space: normal;
		font-size:0.5em;
		margin: 1.5em 0 1.2em 0;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	h1 {
		font-size: 5em;
	}
	h2.methodeinter {
		font-size: 3em;
		margin:0 0 1.2em 0;
	}
	h3 {
		font-size: 3em !important;
	}
	h4 {
		font-size: 2em !important;
	}
	div.caption p {
		font-size: 1.2em !important;
	}
	div.caption ul {
		font-size: 1.2em !important;	
	}
	div.caption div.icons {
		font-size: 1.8em;
		padding: 1em;
		margin: 1em 1em 1em 1em;
	}
	div.slogan {
		padding-top:1em;
	}
	p.buttons {
		margin: 1.5em 0 1.2em 0;
	}
}