body{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
}
nav{
	position:fixed;
	z-index:99;
	width:100%;
	background:#ffffff;
	border-bottom:1px solid #e3e3e3;
	padding:5px 0;
}
b,strong{
	color:#0072ad;
	font-weight:bold;
}
.contenedor{
	width:90%;
	max-width:1600px;
	display:block;
	margin:0 auto;
}
.container{
	width:90%;
	max-width:1600px;
	display:block;
	margin:0 auto;
}
.logo{
	float:left;
	width:40%;
	display:inline-block;
}
.telefonos{
	float:left;
	width:60%;
	display:inline-block;
	text-align:right;
}
header{
	position:relative;
	float:left;
	height:70vh;
	min-height:600px;
	margin:80px 0 0 0;
	width:100%;
	background:#eeeeee;
	overflow: hidden;
}
.formulario{
	position:absolute;
	z-index: 66;
	width:35%;
	right:5%;
	background:#ffffff;
	padding:15px;
}
.formulario input{
	width:calc(100% - 25px);
	padding:10px 10px;
	border:1px solid #00b1ed;
	border-radius:5px;
	margin:15px 0;
}
.formulario textarea{
	width:calc(100% - 25px);
	padding:10px 10px;
	border:1px solid #00b1ed;
	border-radius:5px;
	margin:15px 0;
	height:50px;
}
.formulario button{
	background:#acde00;
	border:0;
	padding:10px 0;
	width:80%;
	margin:0 auto;
	display:block;
	font-size:20px;
	color:#ffffff;
}
.formulario h2{
	color:#acde00;
	font-size:25px;
}
section,article{
	display:block;
	float:left;
	width:100%;
}
#somos{
	padding:80px 0;
}
.row{
	display:block;
	width:100%;
	float:left;
}
.col-30{
	width:30%;
	display:inline-block;
	float:left;
}
.col-50{
	display:inline-block;
	float:left;
	width:50%;
}
.col-33{
	width:33.3333%;
	float:left;
	display:inline-block;
	height:100px;
}
.col-23{
	width:23.3333%;
	display:inline-block;
	float:left;
}
h1,h2,h3{
	font-family: 'Courgette', cursive;
}
#somos h1{
	font-size:20px;
	color:#666666;
	margin:0;
}
#somos h1 span{
	font-size:40px;
	display:block;
	color:#00b1ed;
}
.tel-h{
	padding:10px 20px;
	background:#acde00;
	display:inline-block;
	margin:2px 10px 0 0;
	color:#ffffff;
	text-decoration:none;
	border-radius:10px;
	text-align:center;
	font-size:20px;
}
#somos hr{
	background:#ff0000;
	width:80px;
	height:3px;
	margin:15px 0 20px 0;
	border:0;
}
.descripcion{
	line-height:24px;
	font-size:14px;
	color:#333333;
}
.boton{
	display:inline-block;
	margin:15px 0;
	border:2px solid #00b1ed;
	padding:10px 34px;
	font-size:18px;
	color:#00b1ed;
	font-weight: bold;
	text-decoration:none;
	transition:0.3s;
}
.boton:hover{
	background:#0090ea;
	color:#ffffff;
}
#somos .imagen{
	width:100%;
}
#somos .imagen img{
	width:100%;
}
.desc-image{
	position:relative;
	width:100%;
	text-align:justify;
}
.desc-image .titulo{
	position:absolute;
	z-index:1;
	top:-30px;
	width:70%;
	padding:0 5%;
	background:#fff;
}
.desc-image .titulo h3{
	color:#00b1ed;
	margin:5px 0;
	font-size:20px;
	text-align:left;
	line-height:20px;
}
.desc-image .descr-imagen{
	padding:40px 0 0 0;
	font-size:12px;
	line-height:20px;
}
#hacemos{
	background:url(../img/header2.jpg) center center no-repeat fixed;
	background-size:cover;
	padding:60px 0 120px 0;
}
#hacemos hr{
	width:50px;
	height:4px;
	background:#00b1ed;
	border:0;
	margin:20px 0;
}
.cuadros, .cuadros-2{
	background:#ffffff;
	width:calc(80% - 40px);
	margin:0 auto;
	display:block;
	padding:20px;
	transition:0.5s;
}
#hacemos .col-33{
	height:auto;
}
.cuadros:hover, .cuadros-2:hover{
	-webkit-box-shadow: 0px 0px 30px 5px rgba(0,84,127,0.5);
	-moz-box-shadow: 0px 0px 30px 5px rgba(0,84,127,0.5);
	box-shadow: 0px 0px 30px 5px rgba(0,84,127,0.5);
}
#hacemos h2{
	margin:10px 0;
	color:#ff0000;
	font-size:24px;
}
#keywords{
	display: flex;
}
#keywords .col-50{
	flex:1;

}
#keywords .col-50 .full{
	width:100%;
}
#keywords h2{
	color:#00b1ed;
	font-size:40px;
}
.box-key{
	width:auto;
	border-left:2px solid #00b1ed;
	padding:10px 5px;
	margin:10px 0;
}
#oficinas{
	display:block;
	float:left;
	width:100%;
	padding:50px 0;
	background:#f8f8f8;
}
#oficinas iframe{
	display:block;
	width:100%;
	height:350px;
}
#oficinas .icon{
	background:#00b1ed;
	width:40px;height:40px;
	text-align:center;
	display:inline-block;
	float:left;
	margin:10px 0;
	padding:5px 0 0 0;
}
#oficinas .icon img{
	width:30px;
}
#oficinas .ic-desc{
	width:calc(100% - 50px);
	float:left;
	padding:15px 0 0 10px;
}
footer{
	background:#00b1ed;
	padding:30px 0;
	display:block;
	float:left;
	width:100%;
	color:#ffffff;
}
footer a{
	color:#ffffff;
}

@media screen and (max-width:900px){
	.col-30{
		width:100%;
	}
	.col-23{
		width:33.3333%;
	}
	.cuadros, .cuadros-2{
		width:80%;
	}
}
@media screen and (max-width:700px){
	.col-50{
		display:block;
		width:100%;
	}
	#hacemos .col-33{
		width:100%;
		margin-bottom: 15px;
	}
	.tel-h{display:none;}
	#keywords{display:block;}
	#keywords .col-50{display:block;width:100%;min-height:300px;}
	.cuadros, .cuadros-2{
		float:none;
	}
	.logo{width:100%;text-align:center}
	.tel-phone{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index:99;
	}
	.tel-m{
		padding:10px 0;
		background:#acde00;
		color:#ffffff;
		text-decoration:none;
		text-align:center;
		font-size:20px;
		width:calc(50% - 2px);
		float:left;
		display:inline-block;
		border:1px solid #fff;
	}
	footer{
		padding:20px 0 100px 0;
	}
}
@media screen and (max-width:500px){
	.col-23{
		width:100%;
	}
}


.modal {
    position: fixed;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: fixed;
  z-index: 9999;
  top: 6em;
  left: calc(50% - 400px);
  width: 80%;
  max-width: 800px;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 1em;
}

.modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.modal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  color: #ffffff;
  background:#ff0000;
  width:50px;
  height:50px;
  font-size:25px;
  border: 0;
  border-radius: 50%;
}

.modal-close:hover {
  color: #777;
}

.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width:950px){
	.modal-wrapper{
		max-width:80%;
		width:80%;
		left:10%;
	}
}