body{
	/* background: url(../images/debut_light2.png); */
	background-color: #F9F9F9;
	font-family: 'Outfit', sans-serif;
	color: #30343F;
}

header{
	padding-top: 50%;
	padding-bottom: 45px;
	text-shadow: 1px 1px #666 !important;
	background: url(../images/imagen.jpg) no-repeat center center fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

h1,h2,h3,h4,h5{
	font-weight: 700;
}

#promo{
	padding-bottom: 45px;
	text-shadow: 1px 1px #666 !important;
	background: url(../images/imagen.png) no-repeat center center fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.unbold{
	font-weight: normal !important;
}

#logo{
	padding-bottom: 50px;
}

#map{
    height: 350px;
}

.img-center{
	margin: 0 auto;
}

.box{
	padding-top: 40px;
	padding-bottom: 40px;
}

.text-primary{
	color: #F3B416;
}

.text-green{
	color: #F3B416;
}

.text-white{
	color: #FFF;
}

.text-brand{
	font-family: 'Outfit', sans-serif;
	font-weight: 900;
	font-size: 40px;
}

.text-message{
	font-family: 'Outfit', sans-serif;
	font-weight: 900;
	font-size: 40px;
}

.whats-float {
	position: fixed;
	transform:translate(108px,0px);
	top:25%;
	right:0;
	width:150px;
	overflow: hidden;
	background-color: #25d366;
	color: #FFF;
	border-radius: 4px 0 0 4px;
	z-index: 10;
	transition: all 0.5s ease-in-out;
	vertical-align: middle
}
.whats-float a span {
	color: white;
	font-size: 15px;
	padding-top: 8px;
	padding-bottom: 10px;
	position: absolute;
	line-height: 16px;
	font-weight: bolder;
}

.whats-float i {
	font-size: 30px;
	color: white;
	line-height: 30px;
	padding: 10px;
	transform:rotate(0deg);
	transition: all 0.5s ease-in-out;
	text-align:center;

}

.whats-float:hover {
	color: #FFFFFF;
	transform:translate(0px,0px);
}

.whats-float:hover i  {
	transform:rotate(360deg);
}