/* CSS Document */

* { padding: 0;
	margin: 0;
	}
body { overflow-x: hidden;
		font-family: 'Fira Sans Condensed', sans-serif;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialised !important;}	
		

	
a {text-decoration: none; 
	transition: all 500ms ease-in-out;}

a:hover,
a:active{ text-decoration: none;}

h1,
h2,
h4 {font-family: 'Fira Sans Condensed', sans-serif;
	font-weight:700;}

p {font-size: 15px;
	line-height: 21px;}

.btn {transition:all 300ms ease-in-out;
		font-weight:500 !important;}

.btn:hover {background-color:ededed !important;
			color: #3c3c3c !important;
			boder: 1px solid #fff !important;}
			





hr { width: 80%; border-color: #22b8cf; margin: 0 auto;opacity: 0.8;}


/*NAVIGATION*/

#logo {height:100%; float: right; margin-left: 5px; }

.navbar {background-color: #22b8cf !important;
	font-family: 'Fira Sans Condensed', sans-serif; }
.navbar a {color: white !important;
		font-size: 16px;
		opacity: 1;
}
.navbar a:hover {opacity: 0.9;
			background-color:#1098ad !important;}
			
.navbar-toggle .icon-bar {
  background-color: white !important;
  border-radius: 1px;
}

.navbar-brand {font-size: 21px !important;}
/*HEADER*/

.header {height: 612px;
		width: 100%;
		padding: 70px 0 30px;
		margin-top:50px;
		background-image: linear-gradient(-90deg, rgba(49, 49, 49, 0.29), rgba(49, 49, 49, 0.29)),url(../img/construccion.jpg); 
		color: white;
		background-position: center center;
		background-size: cover;
		background-repeat:no-repeat;text-align: center; }
		
.header img { height: 300px;
			width:400px;
			margin:0 0 0 40px;
			opacity: 1;
			
			}

.header h1 { padding-top: 40px; font-size: 72px; }
.header h4 {font-size: 18px;}
.header h1,
.header p{ margin-top:30px;  color:white!important; }

@media (max-width: 768px) {
	
	.header{ padding: 30px;
			 height: 750px;}
	.header img {width: 80%;
				height:80%;
				margin: 20px 0 0 20px;}
				
}

/*Servicios*/

.services{ padding: 80px 0 200px;
		   text-align:center;
            
		   
		   }

.services h4,
.services h2{ margin: 20px 0 20px;  padding-top: 40px; }
.services h2{font-family:'Fira Sans', sans-serif; font-size: 36px;}
.services p {padding-bottom: 48px;}

.services i { width:80px;
			height: 80px;
			font-size:60px;
			padding: 25px 20px;
			border-radius:50%;
			color:#22b8cf;}


/*Soluciones*/

.soluciones{padding:80px 0 200px; text-align: center;}
.soluciones img {max-width: 200px;}
.soluciones h2 {margin: 20px 0 60px; padding-top: 40px; font-family:'Fira Sans', sans-serif; font-size: 36px;}
.soluciones p{text-align: justify;}
.soluciones ul{display: inline-block;}
.soluciones li{text-align: left;}


/*Quienes Somos*/

.quienes {padding: 80px 0 100px;}
.col-left {padding-left: 0px;}

ul {margin-left: 20px;}
.quienes li{list-style:none;}


.quienes h2{font-family:'Fira Sans', sans-serif; font-size: 36px;}
.quienes p,

.quienes h2,
.quienes h3,

.quienes ul{padding: 10px 0 10px; }

.col-right {float:right; padding-left: 300px; margin-top: 120px;}

.quienes img {height: 30%;
			width: 30%;
			margin-top:0px;
            padding-top: 20px;
            
           }


@media (max-width: 768px) {
	
	.col-left {float:left;
	padding: 10px;}
	.col-right { float: left;
				padding-left:35px;}
	.quienes img{width: 20%;
				height:20%}
	}
	
/*Contacto*/


.contacto {pading:100px 0 80px;
			text-align: center;
			margin-bottom: 100px;}
			
			
			
.contacto p {padding-bottom:80px;
				}
.contacto h2{ 
			padding:100px 0 20px; font-family:'Fira Sans', sans-serif; font-size: 36px;}
		
.contacto .input-group{margin-bottom: 25px;}
.contacto .form-control{border-radius: 0 !important}
.contacto .span{border-radius: 0 !important}
.contacto .btn{border-radius: 0; 
				width:20%;
				font-size: 15px;
				background-color:#009999;
				color: white;}
.contacto .btn:hover{background-color:#00b3b3; color:#FFFFFF;}

/*FOOTER*/

.footer {padding-top:10px; padding-bottom: 5px;background-color:#009999;}

.footer p{color: white; text-align: center;}