*{
	font-family: 'Source Sans Pro', sans-serif;
	color: #535353;
}

a:hover{
	color: white;
}


p{
	line-height:23px;
	margin-bottom: 0;
}

h1{
	font-weight: 600;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333;
}

.btn-common{
	border-radius: 2px;
	background-color: rgba(255,255,255,.7);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.18);
	padding: 9px 25px;
	color:white;
}

.container{
	position: relative;
}

.common-arrow{
	width: 18px;
	height: 1px;
	background-color: #5D76FF;
	position: relative;
}

.common-arrow.white{
	background-color: white;
}

.common-arrow.white::after{
	border-color: white;
}

.common-arrow::after{
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	border-style: solid;
	border-color: #5D76FF;
	border-width: 1px 1px 0 0;
	position: absolute;
    right: 0;
    transform: rotate(45deg);
    top: -4px;
}

.common-arrow.left{
	transform: rotate(180deg);
}

.common-arrow.bottom{
	transform: rotate(90deg);
}

.common-arrow.top{
	transform: rotate(-90deg);
}

.color-1{
	color: #2a5e8e;
}

.color-2{
	color: #92C497;
}

.arrow-back{
	height: 35px;
	width: 35px; 
	border-radius: 50%;
	padding-left: 3px;
	background-color: white;
	background: linear-gradient(231.29deg, #00C9FF 0%, #92FE9D 100%);
}

.arrow-back span{
	background-color: white;
}

.arrow-back span::after{
	border-color: white;
}


/*NAV BAR MENU*/
.navbar{
	min-height: 100px;
}
.navbar.navbar-default{
	background-color: transparent;
	border:none;
	box-shadow: none;
	transition: background-color .5s;
	margin-bottom: 0;
}

.navbar.navbar-default.withBg{
	background-color: #5D76FF;
	box-shadow: 0 1px 6px #555;
}


.navbar.navbar-default .navbar-nav>li>a{
	color:white;
}

.navbar.navbar-default .navbar-nav>li>a:focus, .navbar.navbar-default .navbar-nav>li>a:hover{
	color: white;
}

.navbar.navbar-default .navbar-nav>li.current>a::after{
	width: 100%;
}

.navbar.navbar-default .navbar-nav>li.current>a{
	font-weight: 600;
}

.navbar.navbar-default .navbar-nav>li>a::after{
	content:"";
	display: block;
	width: 0%;
	height: 1px;
	background: white;
	margin-top: 3px;
	transition: all .2s;
}


.navbar.navbar-default .navbar-nav>li>a:hover::after{
	width: 100%;
}

.navbar-brand {
	padding: 0;

}

/*form*/

#form{
	background-image: url("../images/Fondo Control Ignifugos.jpg");
	background-size: cover;
	background-position: center;
}

#form form{
	/*background-color: #315f8a;*/
}

#form input,#form textarea{
	padding: 10px;
	width: 100%;
	background-color: rgba(255,255,255,.7);

}

#form textarea{
	height: 100px;
	resize: vertical;
}

#form button{
	width: 100%;
}

/*somos*/

#somos{
	margin-top: 30px;
	margin-bottom: 30px;
}

#somos.text *{
	font-size: 16px;
	margin-bottom: 10px;
}

/*hacemos*/

#hacemos{
		background-color: #a6a6a6;
	padding-bottom: 20px;
}

#hacemos *{
	color: white;
}

#hacemos p{
	margin-bottom: 10px;
}

#superficies{

	padding-bottom: 20px;
}

#superficies *{
	color: white;
}

#superficies p{
	margin-bottom: 10px;
}

#trabajamos{

	padding-bottom: 20px;
}

#trabajamos img{
	width: 100%;
	max-height: 113px;
}

#trabajamos p{
	font-size: 16px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#documentacion{
	background-color: #a6a6a6;
	padding-bottom: 20px;
}

#documentacion *{
	color: white;
}

#documentacion p{
	margin-bottom: 10px;
}

#documentacion i{
	margin-right: 10px;
}

#separator{
	background-image: url("../images/footer.png");
	background-position: center;
	background-size: cover;
	height: 20vh;
}

footer{
	/*background-color: #a6a6a6;*/
	padding-top: 40px;
	padding-bottom: 40px;
}

footer *{
	/*color: white;*/
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 300;
}

@media(max-width: 900px){
	#trabajamos img{
		width: 100%;
		height: auto;
		max-height: unset;
	}

}

.toast-message{
	color: white;
}


.whatsapp-cont{
	position: fixed;
    z-index: 9000;
    bottom: 20px;
    right: 20px;
    width: 60px;
    background: rgb(101,188,84);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    height: 60px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.whatsapp-cont a{
	height: 40px;
}