@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
	overflow-x: hidden;
}
		body {
			background: #fff;
		}
		.barra-ppal {
			z-index:1000;
		}
		.menu-icon{
			position:relative;
			display:inline-block;
			vertical-align:middle;
			width:20px;
			height:16px;
			cursor:pointer;
		}
		.menu-icon::after{
			position:absolute;
			top:0;
			right:1em;
			left: auto;
			display:block;
			width:100%;
			height:2px;
			background:#fefefe;
			-webkit-box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe;
			box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe;
			content:'';
		}
		.menu-icon:hover::after{
			background:#cacaca;
			-webkit-box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca;
			box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca
		}
		.menu .top-bar li a {
			color: #fff;
		}
		.title-bar, #menu-nav .top-bar-left ul, #menu-nav .top-bar-right ul, #menu-nav .menu, #menu-nav {
			background: #4989B9;
		}
		 #menu-nav{
			border-bottom: 1px solid #ccc;
		}
		.title-bar a, #menu-nav .top-bar-left ul a, #menu-nav .top-bar-right ul a, #menu-nav .menu a, #menu-nav a{
			color: #fff;
			font-weight: 500;
			letter-spacing: -0.005em;
		}
		.title-bar a::after, #menu-nav .top-bar-left ul a::after, #menu-nav .top-bar-right ul a::after, #menu-nav .menu a::after, #menu-nav a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width .3s;
}

.title-bar a:hover::after, #menu-nav .top-bar-left ul a:hover::after, #menu-nav .top-bar-right ul a:hover::after, #menu-nav .menu a:hover::after, #menu-nav a:hover::after {
    width: 100%;
    
}
#menu-nav .top-bar-right ul a.button:hover::after{
	width:0%;
	
}
#menu-nav .top-bar-right ul a.button:hover{
	background-color: rgba(0,0,0,0.3);
}
		h1, h1 a, h1 a img, .menu-text{
			padding: 0;
			margin: 0;
		}
		.menu .menu-text{
			padding: 0;
			margin-top: -8px;
			margin-bottom: -8px;
		}
		.menu .is-active>a{background:#4989B9;color:#fff}.menu .active>a{background:#4989B9;color:#fff}
		body, h1, h2, h3, h4, h5, p, li{
			font-family: 'Montserrat', sans-serif;
			font-size: 1;
			color: #333333;
		}
		
@media screen and (max-width: 63.999em) {
  .no-js .top-bar {
    display: none;
  }
	.top-bar-right{
		width: 100%;
	}
	
	.navegacion .title-bar{
		border-bottom: 1px solid #ccc;
	}
		.title-bar a::after, #menu-nav .top-bar-left ul a::after, #menu-nav .top-bar-right ul a::after, #menu-nav .menu a::after, #menu-nav a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width .3s;
}

.title-bar a:hover::after, #menu-nav .top-bar-left ul a:hover::after, #menu-nav .top-bar-right ul a:hover::after, #menu-nav .menu a:hover::after, #menu-nav a:hover::after {
    width: 40%;
    
}
}

@media screen and (min-width: 64em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
	
}
		#slider .orbit-image {
			max-height: 60vh;
		}
		#slider .orbit-caption {
			font-weight: 500;
			font-size: 2.25em;
		}
		@media screen and (max-width:64em){
			#slider .orbit-caption{
				font-size: 1.4em;
			}
		}
		@media screen and (max-width:40em){
		#slider.orbit-image {
				height: 60vh;
			}
			#slider .orbit-caption, .orbit-bullets button{
				display: none;
			}
			
		}
		@media screen and (max-width:60em) and (orientation:landscape){
		#slider.orbit-image {
				height: 60vh;
			}
			#slider .orbit-caption, .orbit-bullets button{
				display: none;
			}
			
		}
		.callout {
			border: transparent;
			background: transparent;
		}
		h2, h3, h4, h5 {
			font-weight: 500;
			text-transform: uppercase;
			color: #31577D;
			
		}
		
		h2:after {
    content: ""; 
    display: block;
    margin: 0 auto;
    width: 10%; 
    padding-top: 10px;
    border-bottom: 1px solid #31577D;
}
		h2 + p {
			font-size: 1.15em;
			font-weight: 300;
			margin-bottom: 2.5em;
		}
		@media screen and (max-width:40em){
			h2 {
				font-size: 2em;
			}
			h2 + p{
				font-size: 1.1em;
			}
			p {
				font-size: 0.95em;
			}
		}
		#nos, #serv, #adom, #limp, #cont{
			padding-top: 4em;
		}
		.nos, .serv, .adom, .limp, .cont {
			padding-left: 5%;
			padding-right: 5%;
					}
@media screen and (max-width:40em){
	.nos, .serv, .adom, .limp, .cont {
		padding-left: 0;
		padding-right: 0;
	}
}
		.fluid {
			max-width: 1680px;
		}
		#nos .icono {
			border-radius: 3px;
		}
		#nos span{
			margin-left: 0.8em;
			font-size: 0.95em;
		}
		
		#adom {
			background: #fcfcfc;
			border-top: 1px solid #eee;
		}
		
		#limp h2 {
			color: #fff;
			margin-bottom: 1em;
		}
		
		#limp h2:after {
    content: ""; 
    display: block;
    margin: 0 auto;
    width: 10%; 
    padding-top: 10px;
    border-bottom: 1px solid #fff;
}
		#limp h2 + p{
			color: #fff;
		}
		#limp h3 {
			text-transform: none;
			font-size: 1.2em;
			color: #333;
			margin-top:-1em;
		}
		#limp {
			background: #31577D;
			color: #fff;
		}
		#limp .large-3 {
			background: #fff;
			padding-top: 2em;
			padding-bottom: 1.5em;
			border-radius: 6px;
		}
		#limp .large-3 .desc{
			font-size: 0.9em;
			line-height: 1.5em;
		}
		#limp .num {
			padding: 40px;
			padding-top: 50px;
			background-image: url(../img/gota.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 90px 90px;
			font-weight: 700;
			font-size: 2.5em;
			color: #fff;
			margin-top:-1em;
			margin-bottom: 0;
			
		}
		
		#serv .servicios,
	#serv .servicios .imagen-servicios img{
		border-radius: 0.85em 0.85em 0 0;
	}
	#serv img{
		width: 100%;
		height: auto;
	}
	#serv .servicios{
		background-color: white;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}
	#serv .texto-servicios{
		padding: 1em;
	}
		
		#serv h2 {
			margin-bottom: 1em;
		}
		#serv h3 {
			font-size: 1.2em;
		}
		@media screen and (min-width:64em){
			#serv .serv-h3{
				font-size: 1em;
			}
		}
		@media screen and (min-width:74em){
			#serv .serv-h3{
				font-size: 1.2em;
			}
		}
		@media screen and (max-width:63.999em){
			#serv .servicios{
				text-align: center;
			}
		}
		#serv {
			background: #fff;
		}
		#cont h2 {
			margin-bottom: 1em;
		}
		#cont {
			background: #fcfcfc;
			border-top: 1px solid #eee;
		}
		#cont .contacto {
			padding-top: 1em;
			padding-left: 0.5%;
		}
		#cont .contacto ul {
			list-style: none;
			margin-left: 0;
			padding-left: 0;
		}
		#cont .contacto li {
			margin: 0 0 1.5em 2em;
			position: relative;
		}
		#cont .contacto ul li i{
			display: inline-block;
			border-radius: 50%;
			background: #f0f0f0;
			border: 1px solid #ddd;
			color: #31577D;
			width: 45px;
			height: 45px;
			text-align: center;
			
			
			}
         		#cont .contacto ul li i:before {
					font-size: 1.45em;
					line-height: 1.8em;
				}
		#cont .contacto ul li span {
			padding-left: 1em;
			font-size: 1em;
			line-height: 1.8em;
			display: inline-block;
		}
		#cont .contacto ul li span a{
			color: #BC0306;
			text-decoration: none;
		}
		#cont .contacto ul li span a:hover{
			color: #8E0407;
			text-decoration: underline;
		}
#cont .contacto .cont-email a{
	font-size: 1vw;
}
@media screen and (max-width:64em){
	#cont .contacto .cont-email a{
		font-size: 0.95em;
	}
}
		#cont form input {
			height: 3em;
		}
		#cont form label {
			text-transform: uppercase;
			color: #fff;
		}
		#cont form {
			background: #31577D;
			border: 1px solid #ccc;
			padding: 1.25em 1.25em;
			border-radius: 6px;
			
		}
		@media screen and (max-width: 64em){
		#cont .contacto ul li span {
			padding-left: 1em;
			font-size: 0.95em;
			line-height: 1.6em;
		}	
			#cont .contacto ul {
			list-style: none;
			
		}
			#cont .contacto {
			padding-top: 1em;
			padding-left: 0.5%;
		}
			#cont .contacto li {
			margin: 0 0 1.5em 1em;
			position: relative;
		}
			
		}
		@media screen and (max-width:40em){
			#cont .contacto ul li i{
			display: inline-block;
			border-radius: 50%;
			background: #f0f0f0;
			border: 1px solid #ddd;
			color: #31577D;
			width: 34px;
			height: 34px;
			text-align: center;
			padding-top: 0.18em;
			
			}
         		#cont .contacto ul li i:before {
					font-size: 1.2em;
					line-height: 1.45em;
				}
		#cont .contacto ul li span {
			padding-left: 0.60em;
			font-size: 1.05em;
			line-height: 1.5em;
		}
			#cont .contacto li {
			margin: 0 0 1.5em 0;
			position: relative;
		}
		}
			
		footer {
			background: #31577D;
			padding-top: 1.5em;
			padding-bottom: 0.5em;

			color: #fff;
		}
		footer p, footer i{
			color: #fff;
		}
		footer .arriba i{
			color: #222;
		}
		footer .copy span {
			display: inline-block;
			margin-left: 0.45em;
			padding-left: 0.45em;
			border-left: 1px solid #fff;
			font-size: 0.9em;
			line-height: 1.4em;
		}
		footer .copy span:first-child {
			border-left: none; 
			margin-left:0;
			padding-left: 0;
		}
		#cont .redes {
			margin-top: 1.5em;
		}
		#cont .redes i {
				display: inline-block;
			padding-top: 0.38em;
				margin: 0 0 0 0.5em;
			width: 48px;
			height: 48px;
			
			border-radius: 8px;
			}
		#cont .redes a{
			font-size: 1.8em;
			line-height: 2.2em;
			padding: 0.06em;
			color: #fff;
					}
		#cont .redes br {
			display:none;
		}
		@media screen and (max-width:40em){
			#cont .redes i{
				margin: 0 0 0 0.5em;
			}
			#cont .redes br {
				display:inherit;
			}
			footer .copy span{
				display: block;
				border-left: none;
				padding-bottom: 0.5em;
			}
		}
		#cont .redes .fb i{
			background: #3b5998;
		}
		#cont .redes .fb i:hover{
			background: #243C70;
		}
		#cont .redes .tw i{
			background: #00acee;
		}
		#cont .redes .tw i:hover{
			background: #0784B4;
		}
		
		#cont .redes .lk i{
			background: #0e76a8;
		}
		#cont .redes .lk i:hover{
			background: #0C567A;
		}
		#cont .redes .mail i{
			background: #555;
			color: #fff;
		}
		#cont .redes .mail i:hover{
			background: #000;
			color: #fff;
		}
		.button.secondary:focus,.button.secondary:hover{background-color:#e2e2e2;color:#0a0a0a;}
		footer .copy a{
			color: #D6EFFB;
			text-decoration: none;
		}
		footer .copy a:hover{
			text-decoration: underline;
		}
		@media screen and (max-width:64em){
		#cont form br{
			display:none;
		}
			
		}
		 .btn-whatsapp {
        display:block;
			 font-size: 1.8em;
			 line-height: 1.8em;
			 background: #25d366;
        width:50px;
        height:50px;
        color:#fff;
        position: fixed;
        right:20px;
        bottom:20px;
        border-radius:50%;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
        text-align:center;
        z-index:999;
}
		.btn-whatsapp a{
			color: #fff;
			text-decoration: none;
		}
		.btn-whatsapp a:hover{
			color: #E7E7E7;
			text-decoration: none;
		}
		@media screen and (max-width:64em){
			.btn-whatsapp {
				right:10px;
			}
		}
		@media screen and (min-width:1920px){
			.fluid{
				max-width: 1920px;
				width: 1920px;
				margin-left: auto;
				margin-right: auto;
			}
			.btn-whatsapp{
				 display:block;
			 font-size: 2.8em;
			 line-height: 1.8em;
		width:80px;
        height:80px;
        right:20px;
        bottom:20px;
        	}
			
		}

#clientes{
	background-color: white;
	padding-top:2em;
	padding-bottom: 1.5em;
}
#clientes h3{
	color: #222;
	font-size: 1.45em;
	padding-top: 1em;
	font-family: 'Fira Sans Condensed', sans-serif;
	}
#clientes .item{
	padding: 0.8em;
}

.menu .button.hollow{
	border-color: white;
	border-radius: 8px;
}

#nos .nosotros-iconos{
	display: -webkit-flex;
	display:flex;
}
#nos .nosotros-iconos img{
	display: inline-block;
	width: 42px;
	height: 42px;
}
#nos .nosotros-iconos span{
	display: inline-block;
	padding-left: 0.4em;
}
@media screen and (max-width:40em){
	#nos .nosotros-iconos img{
		width: 24px;
		height: 24px;
	}
}