table {
margin-bottom: 0rem;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
 -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0px 15px 1rem 10px;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 40%;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  display: inline-block;

   }

   input[type="submit"] {
 -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 30%;
  border-radius: 5px;
  position: relative;
  top: 10px;
  left: 85px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

#bluemapcover{
	width: 100%;
	background: rgba(46,73,166,0.1);
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index:2;
	display: block;
}

  .mail{
  	position: relative;
  	right: 220px;
  }

.half_input{
	max-width: 49%;
	margin-right: 10px;
	display: inline-block !important;

}

.scrolloff {
        pointer-events: none;
    }

#map {
    width: 100%;
    height: 75vh;
    position: relative;
    top: 0px;
    background: #2e49a6;
}

#map iframe{
	width: 100%;
	height: 100%;
	position: relative;
}

textarea {
  color: #777 !important;
  height: 125px;
  width: 440px;
  max-height: 125px;
  min-height: 125px;
  position: absolute;
  top: 320px;
  right: 70px;
}

.contact-box{
	position: relative;
	margin: 0 auto;
	width: 80%;
}
#menunav{
	position: fixed;
	width: 100%;
	height: 60px;
	z-index: 20;
	background: #3551a4;
}

#myMenu{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 60%;
	text-align: right;
}
#myMenu li{
	display: inline;
	margin: 10px 10px;
	font-size: 13px;
	font-weight: lighter;
	letter-spacing: 2px;
}
#myMenu a{
	color: white;
}

.open_video{
	  color: #3551a4 !important;
	  font-weight: 400;
  padding: 24px 10px;
  background: #f1c40f;
}

#contact{
  width: 100%;
  overflow: hidden;
  position: relative;
}

#opiniones_slider{
	position: relative;
	width: 100%;
	height:450px;
}

.txt-opinion{
  margin: auto;
  width: 80%;
  max-width: 750px;
  height: 450px;
  padding: 200px 30px;
}

.txt-opinion h3{
	color: #fff;
	font-style: italic;
	font-size: 20px;
	text-align: center;
}

.txt-opinion p{
	color: #D3D3D3;
	font-size: 16px;
	text-align: right;
}
.help-touch{
	display: none;
	position: absolute;
	z-index: 9;
	width: 21%;
	height: 100%;
}
.help-touch table{
	position: relative;
	border: none;
	margin:0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: transparent;
}
.help-touch table td{
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#scroll_arrow {
	width: 1000px;
	margin: auto;
	position: relative;
	text-align: center;
	top: 100px;
}

.preload{
	position: fixed;
	top: 0;
	left: 0;
	background: white;
	height: 100vh;
	width: 100%;
	z-index: 919191;
}
.preload-tab{
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
}
.preload-tab td{
	vertical-align: middle;
	text-align: center;
	font-size: 50px;
	color: #2e49a6;
}
.resp_menu{
	list-style-type: none;
}

#open_resp_menu{
	display: none;
}

#close{
	display: none;
	  position: absolute;
	  top: -80px;
	  right: 25px;
	  font-size: 30px;
}

#nosotros{
	background: white;
	padding-top: 60px;
    height: 600px !important;
}


#main-slider {
	width: 100%;
	height: 280px;
	position: relative;
	display: block;
	top: 60px;
}

#main-slider img{
	height: 100%;
}

.blue_cover{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(53,81,164,0.3);
}

.txt-banner{
	position: absolute;
    z-index: 2;
    top: 0;
    left: 5%;
    width: 50%;
    height: 100%;
    padding: 3em 0em;
}

.txt-banner h3{
	font-family: 'hero_lightlight';
	  font-weight: 700;
	  color: white;
	  margin: 0;
	  font-size: 2.5em;
}
.txt-banner p{
	color: white;
	margin: 0;
	font-size: 1em;
}

.video-movil{
	display: none;
	width: 100%;
	position: relative;
	height: 200px;
	background: #2e49a6;
	text-align: center;
}
.movil-video-button{
  padding: 10px 20px;
  background: #e74c3c;
  color: white;
  border-radius: 5px;
  position: relative;
  top: 80px;
  font-size: 20px;
  box-shadow: 5px 5px 1px #444;
}


/*============== Estilos video Motion Graphics ============*/
#video_holder{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(0,0,0,0.9);
	z-index: 998;
	margin: auto;
	margin-top: 0px;
	overflow-y:hidden;
}

#video_holder iframe{
	width: 100%;
    height: 100%;
    position: relative;
    left: 0%;
    top: 0%;
}

#welcome{
	width: 100%;
	height: 100%;
	position: relative;
}

	.close_video {
  position: absolute;
  top: 30px;
  padding: 7px 25px;
  border-radius: 5px;
  background-color: #f1c40f;
  border: none;
  color: #000;
  left: 3%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.close_video:hover{
  position: absolute;
  top: 30px;
  padding: 7px 25px;
  border-radius: 5px;
  background-color: transparent;
  border:solid #f1c40f 1px;
  color: #f1c40f;
  left: 3%;
}

.video_bg{
	position: absolute;
	top: -30px;
	left: 0px;
	z-index: -5;
	width: 100%;
}

.bg_cover{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.7);
	top: 0px;
	left: 0px;
	z-index: -4;
}
/*============== Estilos video Motion Graphics ============*/
.active{
	border-bottom: 1px white solid;
}

#contenedor{
	position: relative;
	width: 100%;
	height: 66%;
	background-color: #fff;
}

.contenedor_panel{
	width: 100%;
	position: relative;
	height: 100%;
	background: #ffffff;
}

.izq{
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
	background: #fff;
}
.der{
	position: relative;
	width: 50%;
	height: 100%;
	float: right;
	background: #fff;
}

.contact_izq{
	position: relative;
    width: 100%;
    height: 50%;
    display: block;
    background: transparent;
}
.contact_der{
	position: relative;
  width: 100%;
  height: 100vh;
  display: block;
  background: #2e49a6;
}

.cont-izq{
position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0px;
  background: transparent;
  border: none;
  opacity: 1;
}
.cont-izq td{
	text-align: right;
}
.cont-izq img{
	position: relative;
	margin-right: -10px;
}
.cont-izq iframe{
	position: relative;
	width: 100%;
	height: 100%;
}
.cont-izq-title {
	width: 100%;
	text-align: center;
	position: relative;
	padding: 0px 50px 0px 50px;
	left:0%;
}

.cont-izq-title h1{
	font-family: 'heroregular';
	font-size: 45px;
	color: #3551a4;
}

.cont-izq-title img{
	width: 200px;
	height: 200px;
}

.cont-izq-title h2{
	font-size: 2.3em !important;
	color: #3551a4 !important;
	font-weight: lighter !important;
	letter-spacing: 1px !important;
	font-family: 'hero_lightlight';
}

.marvi-title{
	display: none;
}

.cont-der-title {
	text-align: center;
	position: relative;
	padding: 0px 50px 0px 50px;
	right: 0%;
}

.cont-der-title h2{
	font-size: 2.3em !important;
	color: #3551a4 !important;
}
.cont-der{
	position: absolute;
    width: 100%;
    height: 65vh;
    left: 0;
    top: 0;
    background: transparent;
    border: none;
}
.cont-der td{
	text-align: center;
}
.cont-der img{
	width: 100%;
}
.cont-der h2{
	font-size: 12px;
	text-align: center;
	color: white;
	padding: 0px 35px;
	margin-top: 0px;
	font-family: 'hero_lightlight';
	font-weight: lighter;
	letter-spacing: 1px;
}

.cont-der-info h2{
	font-family: 'heroregular';
	font-size: 34px;
	color: #3551a4;
	text-align: center;
}

.cont-der-info h3{
	font-family: 'heroregular';
	font-size: 45px;
	color: #3551a4;
	text-align: center;
}


.cont-der-info p{
	  position: relative;
	  font-family: 'heroregular';
	  font-size: 16px;
	  color: #3551a4;
	  text-align: justify;
	  width: 80%;
	  height: 130px;
	  overflow-y: auto;
	  overflow-x: hidden;
	  margin: 0 auto;
}
.cont-der span{
	position: relative;
	margin: 0px auto;
	font-family: 'heroregular';
	font-size: 13px;
	color: #3551a4;
	top: 15px;
}

.cont-der-info{
	width: 100%;
	position: relative;
	margin: auto;
	padding:10px 50px 0px 50px;
}

.text_goes_down{
	top: 25px;
}

.valores-content{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0px 10%;
	background: #fff;
	text-align: center;
}
.valores-content h2{
	font-family: 'heroregular';
	color: #3551a4;
	position: relative;
	top:20px;
}

.cuadro_valor{
	width: 220px;
	display: inline-block;
	position: relative;
	padding: 5px 25px 5px 25px;
	text-align: center;
	position: relative;
	top: 50px;
}

.cuadro_valor img{
	width:60px;
	height: 60px;
	margin: auto;
}

.cuadro_valor p{
	font-family: 'hero_lightlight';
	font-size: 20px;
	color: #3551a4;
}
.cuadro_valor p{
	font-family: 'hero_lightlight';
	font-size: 20px;
	color: #3551a4;
}

.contact-logo {
	position: relative;
	margin:auto;
	text-align: center;
}

.contact-logo img{
	width: 400px;
	height: 300px;
}

.contact-logo h2{
	font-size: 12px;
	text-align: center;
	color: white;
	margin-top: 10px;
	font-family: 'hero_lightlight';
	font-weight: lighter;
	letter-spacing: 1px;
}

.contact-der-info{
	text-align: center;
	color: #fff;
	margin:auto;
	padding: 3em 0em;
	background: #2e49a6;
}

.contact-der-info h3{
	text-align: center;
	color: #fff;
	font-family: 'heroregular';
	font-size: 25px;
}

.contact-der-info p{
	position: relative;
}


.g-recaptcha{
  position: relative;
  margin-top: 10px;
  left: 85px;
}

.half_input{
	max-width: 49%;
	margin-right: 10px;
	display: inline-block !important;
}

.name img{
	width: 58px;
  height: 48px;
  position: relative;
  bottom: 10px;
}

.name a{
	position: relative;
	bottom: 5px;
}

.nos_cont_der{
	position:relative;
	width:350px;
}

.section{
	background: #2e49a6;
}

.tabs{
	list-style-type: none;
    width: 360px;
    height: 30px;
    text-align: center;
    position: absolute;
    bottom: 10%;
    left: 0;
    margin-left: auto;
    z-index: 20;
    right: 0;
    margin-right: auto;
}
.tabs li{
	display: inline-block;
}

.tabs p{
	font-size: 13px;
	color: #f1c40f;
	margin-top:0px;
	width: 360px;
}

.title-area{
	list-style-type: none;
}

.tool-tip{
	width: 300px;
	height: 60px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 5px;
	padding: 10px 0px 0px 0px;
	margin-bottom: 20px;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.panes{
	width: 100%;
	height: 100%;
}
.punto {
	display: block;
width: 15px;
  height: 15px;
  background: #f1c40f;
  border-radius: 50%;
  border: none;
  margin: 0px 10px 0px 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.punto:hover {
	border: solid rgb(145, 145, 145) 2px;
	border-radius: 50%;
	background:#f1c40f;

}

.current{
  border: solid #f1c40f 2px;
  border-radius: 50%;
  background: rgb(145, 145, 145);
  display: block;
  width: 15px;
  height: 15px;
  position: relative;
  z-index: 5;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* Buscador */
#lista-busqueda{
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.9);
}
.campos{
	position: relative;
	top: 100px;
	height: 40px;
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
}
.campos p{
	position: relative;
	color: white;
}
.search{
	display: inline-block !important;
	position: relative;
	width: 200px !important;
	padding: 20px;
	background-color: transparent !important;
	border: solid white 2px;
	border-radius: 3px !important;
	color: white !important;
}
.sort{
	display: inline;
	width: 200px !important;
	padding: 10px !important;
	background-color: #3551a4 !important;
	border-radius: 3px !important;
	color: white !important;
	margin: 0px 5px;
	top: 1px;
}
.list{
	position: relative;
	margin: 0 auto;
	width: 90%;
	max-width: 980px;
	height: 450px;
	list-style: none;
	overflow: scroll;
	border-radius: 3px;
	top: 180px;
}
.list li{
	width: 100%;
	padding: 20px;
	background: -webkit-linear-gradient(#F8F8F8, #F0F0F0);
	border-radius: 2px;
}
.list li:nth-child(even){
	width: 100%;
	padding: 20px;
	background: -webkit-linear-gradient(#F8F8F8, #E8E8E8);
}
.list li:hover{
	width: 100%;
	padding: 20px;
	background: -webkit-linear-gradient(#2e49a6, #3333CC);
	color: white;
	cursor: pointer;
}
.maquina-name{
	margin: 0;
	padding: 0;
}
.close-list{
	color: white;
	cursor: pointer;
	position: absolute;
	top: 100px;
	right: 100px;
	font-size: 25px;
}
/* Buscador */
#idigraf_section{
	background: #fff;
	width: 100%;
	height: 300px;
	position: relative;
}

#eco_section{
	background: #fff;
	width: 100%;
	padding: 100px 0px;
	position: relative;
}

#eco_section p{
	font-family: 'heroregular';
	color: #2e49a6;
	text-align: center;
	font-size: 18px;
}

.center_logo1{
  margin: auto;
  position: relative;
  width: 250px;
  height: 50px;
}

.center_logo{
	margin: auto;
	position: relative;
	width: 200px;
	height: 150px;
	border:none;
	border-radius: 15px;
	 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.center_logo:hover{
	border:solid #2e49a6 1px;
	 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


.center_logo1 img{
  width: 100%;
  position: relative;
}

.center_logo img{
	width: 100%;
}

.eco_izq{
	display: inline-block;
	width: 48%;
	position: relative;
	left: 0px;
}

.eco_der{
	display: inline-block;
	width: 50%;
	position: relative;
	right: 0px;
}

#social_media{
	      width: 100%;
    position: relative;
    background: #2e49a6;
    padding: 3em 0em;
}

#social_media h3{
	font-family: 'heroregular';
	text-align: center;
	color: #ffffff;
	font-size: 30px;
}

.sm_icons{
	list-style-type: none;
	margin: auto;
	text-align: center;
}

.sm_icons li{
	display: inline-block;
	margin: 15px 30px;
}

.sm_icons li a{
	color: #f1c40f;
	font-size: 30px;
}

.sm_icons li a:hover{

}

.politica_priv{
	width: 80%;
	position: relative;
	top: 20px;
	margin:auto;
	text-align: center;
}

.politica_priv a{
	color: #ffffff;
	font-size: 1.2em;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.politica_priv a:hover{
	color: #f1c40f;
	font-size: 1.3em;
}

#swap, #swap-circle {
  border: 2px solid #f1c40f;
  display: inline-block;
  line-height: 1.4em;
  margin: 0px 20px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
  -webkit-transition: border-color 0.15s ease-in-out;
          transition: border-color 0.15s ease-in-out;
}
#swap a, #swap-circle a {
  line-height: 40px;
  display: block;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  width: 100%;
  -webkit-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out;
}
#swap a:first-of-type, #swap-circle a:first-of-type {
  top: -40px;
  color: #fff;
}
#swap a:last-of-type, #swap-circle a:last-of-type {
  top: 0px;
}
#swap:hover, #swap-circle:hover {
  border-color: #fff;
}
#swap:hover a, #swap-circle:hover a {
  -webkit-transform: translate3d(0px, 40px, 0px);
          transform: translate3d(0px, 40px, 0px);
}

#swap-circle {
  border-radius: 100%;
}

/* Aviso Privacidad  ----------- */

#aviso{
	width: 100%;
	position: relative;
	background: #E0E0E0;
	padding-top: 100px;
}

#aviso h3{
	font-family: 'heroregular';
	text-align: center;
	color: #2e49a6;
}

#aviso p{
	text-align: left;
	color: #5E5E5E;
}

#aviso ul{
	list-style-type: none;
}

#aviso ul li {
	color: #5E5E5E;
}


.wrapper_aviso{
	width: 80%;
	margin: auto;
}

@media (min-width: 2550px){
	.cont-der span {
	 display: none;
	}

	.valores-content{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 250px 30% !important;
	background: #fff;
	text-align: center;
	}

}

@media (min-width: 1920px){
	#contact{
  width: 100%;
  position: relative;
  padding: 0px 0px;
}

	.cont-der-title {
		text-align: center;
		position: relative;
		padding: 0px 200px 0px 100px;
		right:0%;
	}
	.cont-izq-title {
	  width: 100%;
	  text-align: center;
	  position: relative;
	  padding: 0px 100px 0px 200px;
	  left:0%;
	}

	.contact-box{
	position: relative;
	margin: 0 auto;
	width: 80%;
	max-width: 500px;
}

.cont-der-info p{
	  position: relative;
	  font-family: 'heroregular';
	  font-size: 16px;
	  color: #3551a4;
	  text-align: justify;
	  width: 80%;
	  height: 150px;
	  overflow-y: auto;
	  overflow-x: hidden;
	  margin: 0 auto;
}

.cont-der span {
  display: none;
}

.g-recaptcha{
	position: relative;
	margin-top: 10px;
}

.half_input{
	max-width: 49%;
	margin-right: 10px;
	display: inline-block !important;
}

textarea {
  color:#777 !important;
  width: auto;
  height: 150px;
  max-height: 100px;
  min-height: 100px;
  position: relative;
  top: 0px;
  right: 0px;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

   }

	input[type="submit"] {
 -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 35px;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 30%;
  border-radius: 5px;
  position: relative;
  top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

	}

	.mail {
	  position: relative;
	  right: 0px;
	}

	.contact_der {
	  position: relative;
	  width: 100%;
	  height: 50%;
	  display: block;
	  background: #2e49a6;
	}

	.cont-izq {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0px;
	  background: transparent;
	  border: none;
	  opacity: 1;
	}

	.valores-content{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 20px 25%;
	background: #fff;
	text-align: center;
	}

.valores-content h2 {
  font-family: 'heroregular';
  color: #3551a4;
  position: relative;
  top: 50px;
}

.cuadro_valor {
  width: 220px;
  display: inline-block;
  position: relative;
  padding: 5px 25px 5px 25px;
  text-align: center;
  position: relative;
  top: 100px;
}

.cuadro_valor img {
  width: 80px;
  height: 80px;
}

}

@media screen  and (min-width : 1361px) and (max-width: 1600px){


.contact-box {
  position: relative;
  margin: 0 auto;
  width: 40%;
}

	.cont-der-title {
		text-align: center;
		position: relative;
		padding: 0px 150px 0px 150px;
		right: 5%;
	}
	.cont-izq-title {
	  width: 100%;
	  text-align: center;
	  position: relative;
	  padding: 0px 150px 0px 150px;
	  left:5%;
	}

	.half_input {
    max-width: 24%;
  margin-right: 10px;
  display: inline-block !important;
  position: relative;
  right: 0px;
}

	.contenedor-slider{
	position: relative;
    width: 100%;
    height: 280px;
    overflow-y: hidden;
}

.valores-content{
	padding: 0px 18%;
}
.valores-content h2 {
  top: 40px;
}

.cuadro_valor {
  position: relative;
  top: 90px;
}

.cuadro_valor img {
  width: 80px;
  height: 80px;
}

.mail {
  position: relative;
  right: 0px;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

 }
 	input[type="submit"] {
 -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 35px;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 30%;
  border-radius: 5px;
  position: relative;
  top: 10px;
  left: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

textarea {
  color: #777 !important;
  width: 650px;
  height: 150px;
  max-height: 100px;
  min-height: 100px;
  position: relative;
  top: 0px;
  right: 0px;
}

	.cont-der-title {
		text-align: center;
		position: relative;
		padding: 0px 200px 0px 20px;
		right: 0%;
	}
	.cont-izq-title {
	  width: 100%;
	  text-align: center;
	  position: relative;
	  padding: 0px 20px 0px 200px;
	  left:0%;
	}

	.g-recaptcha {
	  position: relative;
	  margin-top: 10px;
	  left: 0px;
	}

}

@media screen  and (min-width : 1281px) and (max-width : 1380px) {


.cuadro_valor img {
  width: 50px;
  height: 50px;
  margin: auto;
}

.mail {
  position: relative;
  right: 235px;
}

.contact-box {
  position: relative;
  margin: 0 auto;
  width: 68%;
}

.valores-content{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0px 10%;
	background: #fff;
	text-align: center;
}

.cuadro_valor {
  position: relative;
  top: 60px;
}

.valores-content h2 {
  font-family: 'heroregular';
  color: #3551a4;
  position: relative;
  top: 30px;
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 40px;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 80%;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

   }

   	input[type="submit"] {
 -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 35px;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 30%;
  border-radius: 5px;
  position: relative;
  top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

	}
	textarea {
	  color: #777 !important;
	  width: 750px;
	  max-width: 750px;
	  min-width: 750px;
	  height: 150px;
	  max-height: 100px;
	  min-height: 100px;
	  position: relative;
	  top: 0px;
	  left: 35px;
	}

	.g-recaptcha {
	  position: relative;
	  margin-top: 10px;
	  left: 35px;
	}

	.mail{
	  	position: relative;
	  	right: 0px;
	  }
	.half_input {
	   max-width: 15.5%;
	  margin-right: 10px;
	  display: inline-block !important;
	  position: relative;
	  right: 90px;
	}

	.cont-izq-title {
	  width: 100%;
	  text-align: center;
	  position: relative;
	  padding: 0px 20px 0px 150px;
	  left: 0%;
	}

	.cont-der-title{
	text-align: center;
	  position: relative;
	  padding: 0px 150px 0px 20px;
	  right: 0%;
	}

	.cuadro_valor{
	padding: 3px 25px 3px 25px;
	 position: relative;
  top: 75px;
	}

	.cuadro_valor p {
  line-height: 1.1;
}



}

@media screen and (min-width:981px) and (max-width: 1024px){
	.cuadro_valor {
	  width: 200px;
	  display: inline-block;
	  position: relative;
	  padding: 5px 5px 5px 5px;
	  text-align: center;
	  top: 20px;
	}

	.mail {
	  position: relative;
	  right: 180px;
	}

	textarea {
	  color: #777 !important;
	  height: 125px;
	  width: 330px;
	  max-height: 125px;
	  min-height: 125px;
	  position: absolute;
	  top: 320px;
	  right: 70px;
	}


	.cont-der-title {
	  right: 10%;
	}

	.cont-izq-title {
	  left: 10%;
	}
	section.active{
		border-bottom: none;
	}
	.cuadro_valor img {
	  width: 60px;
	  height: 60px;
	  margin: auto;
	}



}
@media screen and (min-width:850px) and (max-width: 980px){
	.contenedor-slider {
	  position: relative;
	  width: 100%;
	  height: 30%;
	  overflow-y: hidden;
	}
	.contact_izq{
	display: block;
	}
	.contact_der {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  float: none;
	  background: #2e49a6;
	}
	.cont-der {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	}
	.cont-izq {
	  position: absolute;
	  width: 100%;
	  height: 80%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	  opacity: 1;
	}

	#opiniones_slider {
	  position: relative;
	  width: 100%;
	  height: 400px;
	}
	.g-recaptcha {
  position: relative;
  margin-top: 10px;
  left: 65px;
}


	.izq{
	display: none;
	}
	.der{
		position: relative;
		width: 100%;
		height: 100%;
		float: right;
		background: #fff;
	}
	.nos_cont_der{
		margin: 0 auto;
	}
	.panel5{
		display: none;
	}
	.tabs li:last-child{
		display: none;
	}
	.cont-der span{
		display: none;
	}
	.cont-der-info{
		padding: 0px 0px 90px 0px;
	}
	.marvi-title{
		display: block;
	}
	.txt-banner{
		top:20px;
	}
	.txt-banner h3{
		font-size: 2em;
	}
	.txt-banner p{
		font-size: 1.5em;
	}
	.visible_mobile{
		display: inline-block !important;
	}

	.cuadro_valor {
	  width: 180px;
	  display: inline-block;
	  position: relative;
	  padding: 5px 5px 5px 5px;
	  text-align: center;
	}

	.cont-der-title {
	  text-align: center;
	  position: relative;
	  padding: 0px 50px 0px 50px;
	  right: 0%;
	}

	.mail {
	  position: relative;
	  right: 173px;
	}

	textarea {
	  color: #777 !important;
	  height: 125px;
	  width: 320px;
	  max-height: 125px;
	  min-height: 125px;
	  position: absolute;
	  top: 320px;
	  right: 70px;
	}
	section.active{
		border-bottom: none;
	}

}

@media (max-width:881px){

	.push{
		height: 1%;
	}
	.contenedor-slider{
		height: 20%;
	}


	.cont-der-info p{
		height: 250px;
	}
	#myMenu{
		display: none;
	}
	#contact{
	padding-bottom: 40px;
}
}

@media screen and (min-width:770px) and (max-width: 800px){
	#eco_section {
	  background: #fff;
	  width: 100%;
	  padding: 100px 0px;
	  position: relative;
	}

	#eco_section p {
	  font-family: 'heroregular';
	  color: #2e49a6;
	  text-align: center;
	  font-size: 18px;
	  padding-top: 25px;
	}

	.contenedor-slider {
	  position: relative;
	  width: 100%;
	  height: 30%;
	  overflow-y: hidden;
	}
	.contact_izq{
	display: block;
	height: 100%;
	}
	.contact_der {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  float: none;
	  background: #2e49a6;
	  margin-bottom: 160px;
	}
	.cont-der {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	}
	.cont-izq {
	  position: absolute;
	  width: 100%;
	  height: 50%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	  opacity: 1;
	}

	#opiniones_slider {
	  position: relative;
	  width: 100%;
	  height: 400px;
	}

	.izq{
	display: none;
	}
	.der{
		position: relative;
		width: 100%;
		height: 100%;
		float: right;
		background: #fff;
	}
	.nos_cont_der{
		margin: 0 auto;
	}
	.panel5{
		display: none;
	}
	.tabs li:last-child{
		display: none;
	}
	.cont-der span{
		display: none;
	}
	.cont-der-info{
		padding: 0px 0px 90px 0px;
	}
	.marvi-title{
		display: block;
	}
	.txt-banner h3{
		font-size: 1.3em;
	}
	.txt-banner p{
		font-size: 1.1em;
	}
	.visible_mobile{
		display: inline-block !important;
	}

	.cuadro_valor {
	  width: 180px;
	  display: inline-block;
	  position: relative;
	  padding: 5px 5px 5px 5px;
	  text-align: center;
	}

	.cont-der-title {
	  text-align: center;
	  position: relative;
	  padding: 0px 50px 0px 50px;
	  right: 0%;
	}

	.mail {
	  position: relative;
  	  right: 145px;
  	}

  	.g-recaptcha {
	  position: relative;
	  margin-top: 10px;
	  left: 45px;
	}

	textarea {
	  color: #777 !important;
	  height: 125px;
	  width: 220px;
	  max-height: 125px;
	  min-height: 125px;
	  position: absolute;
	  top: 320px;
	  right: 50px;
	}

#open_resp_menu {
	  display: block;
	  color: #fff;
	  text-decoration: none;
	  line-height: inherit;
	  float: right;
	  right: 30px;
	  bottom: 15px;
	  position: relative;
	  font-size: 24px;
	}

	.resp_menu {
	  list-style-type: none;
	  position: relative;
	  bottom: 60px;
	}

	#myMenu {
	  position: absolute;
	  top: 100px;
	  right: 0px;
	  width: 100%;
	  text-align: center;
	}

	#myMenu li {
	  display: block;
	  margin: 40px 10px;
	  font-size: 18px;
	  font-weight: lighter;
	  letter-spacing: 2px;
	}

	.close-list {
	  color: white;
	  cursor: pointer;
	  position: absolute;
	  top: 165px;
	  right: 25px;
	  font-size: 25px;
	  z-index: 99;
	}
	section.active{
		border-bottom: none;
	}


}

@media screen and (min-width:640px) and (max-width: 768px){
	.cuadro_valor {
	  width: 200px;
	  display: inline-block;
	  position: relative;
	  padding: 10px 0px 10px 0px;
	  text-align: center;
	}

	.cuadro_valor p {
	  font-family: 'hero_lightlight';
	  font-size: 16px;
	  color: #3551a4;
	}

	.cont-der-title {
	  text-align: center;
	  position: relative;
	  padding: 0px 50px 25px 50px;
	  right: 0%;
	}

	#open_resp_menu {
	  display: block;
	  color: #fff;
	  text-decoration: none;
	  line-height: inherit;
	  float: right;
	  right: 30px;
	  bottom: 15px;
	  position: relative;
	  font-size: 24px;
	}

	.resp_menu {
	  list-style-type: none;
	  position: relative;
	  bottom: 60px;
	}

	#myMenu {
	  position: absolute;
	  top: 100px;
	  right: 0px;
	  width: 100%;
	  text-align: center;
	}

	#myMenu li {
	  display: block;
	  margin: 40px 10px;
	  font-size: 18px;
	  font-weight: lighter;
	  letter-spacing: 2px;
	}

	.close-list {
	  color: white;
	  cursor: pointer;
	  position: absolute;
	  top: 165px;
	  right: 25px;
	  font-size: 25px;
	  z-index: 99;
	}


	#menunav {
	  position: fixed;
	  width: 100%;
	  height: 80px;
	  z-index: 20;
	  background: #3551a4;
	}
	.contact_izq{
	display: block;
	}
	.contact_der {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  float: none;
	  background: #2e49a6;
	}
	.cont-der {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	}
	.cont-izq {
	  position: absolute;
	  width: 100%;
	  height: 50%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	  opacity: 1;
	}

	#opiniones_slider {
	  position: relative;
	  width: 100%;
	  height: 400px;
	}
	.izq{
	display: none;
	}
	.der{
		position: relative;
		width: 100%;
		height: 100%;
		float: right;
		background: #fff;
	}
	.nos_cont_der{
		margin: 0 auto;
		width: 500px;
	}
	.panel5{
		display: none;
	}
	.tabs li:last-child{
		display: none;
	}
	.cont-der span{
		display: none;
	}
	.cont-der-info{
		padding: 0px 0px 90px 0px;
	}
	.marvi-title{
		display: block;
	}
	.txt-banner h3{
		font-size: 2em;
	}
	.txt-banner p{
		font-size: 1.5em;
	}
	.mail {
	  position: relative;
	  right: 140px;
	}

	.g-recaptcha {
	  position: relative;
	  margin-top: 10px;
	  left: 40px;
	}

	textarea {
		color: #777 !important;
	  height: 125px;
	  width: 530px;
	  max-height: 125px;
	  min-height: 125px;
	  position: relative;
	  top: 0px;
	  right: 0px;
	}

	.contact_der {
	  position: relative;
	  width: 100%;
	  height: 50%;
	  margin-bottom: 85px;
	  display: block;
	  background: #2e49a6;
	}

	#nosotros {
	  background: white;
	  padding-top: 0px;
	}

	.tabs {
	  list-style-type: none;
	  width: 360px;
	  height: 30px;
	  text-align: center;
	  position: absolute;
	  bottom: 100px;
	  left: 50%;
	  margin-left: -180px;
	  z-index: 20;
	}

	.visible_mobile{
		display: inline-block !important;
	}
		.close_video {
	  position: absolute;
	  top: 25px;
	  padding: 7px 25px;
	  border-radius: 5px;
	  background-color: #f1c40f;
	  border: none;
	  color: #000;
	  left: 25px;
	  -webkit-transition: all 0.4s ease-in-out;
	  -moz-transition: all 0.4s ease-in-out;
	  -o-transition: all 0.4s ease-in-out;
	  transition: all 0.4s ease-in-out;
	}
	.close_video:hover{
	  position: absolute;
	  top: 25px;
	  padding: 7px 25px;
	  border-radius: 5px;
	  background-color: transparent;
	  border:solid #f1c40f 1px;
	  color: #f1c40f;
	  left: 25px;
	}
	section.active{
		border-bottom: none;
	}
}

@media (max-width:600px){

	.push{
		display: none;
	}

	.contenedor{
		overflow: inherit;
	}

	.cont-der span{
		display: none;
	}
	.txt-banner{
		position: absolute;
		top: 25px;
	}
	.txt-banner{
		left: 10px;
	}
	.txt-banner h3{
		font-size: 1.5em;
	}
	.txt-banner p{
		font-size: 1em;
	}
	section.active{
		border-bottom: none;
	}

}


@media screen and (min-width:321px) and (max-width: 375px){
	#video_holder {
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  background: rgba(0,0,0,0.9);
	  z-index: 998;
	  margin: auto;
	  margin-top: 0px;
	  overflow-y: hidden;
	}

	#open_resp_menu {
	  display: block;
	  color: #fff;
	  text-decoration: none;
	  line-height: inherit;
	  float: right;
	  right: 30px;
	  bottom: 15px;
	  position: relative;
	  font-size: 24px;
	}

	.resp_menu {
	  list-style-type: none;
	  position: relative;
	  bottom: 60px;
	}

	.name img {
	  width: 70px;
	  height: 55px;
	  position: relative;
	  bottom: 0px;
	}

	#myMenu {
	  position: absolute;
	  top: 100px;
	  right: 0px;
	  width: 100%;
	  text-align: center;
	}

	#myMenu li {
	  display: block;
	  margin: 40px 10px;
	  font-size: 18px;
	  font-weight: lighter;
	  letter-spacing: 2px;
	}

	.close-list {
	  color: white;
	  cursor: pointer;
	  position: absolute;
	  top: 165px;
	  right: 25px;
	  font-size: 25px;
	  z-index: 99;
	}

	.video-movil{
		display: none;
	}

	.txt-opinion {
	  margin: auto;
	  width: 80%;
	  height: 200px;
	  padding: 30px 0px;
	}

		.cont-der-info p {
	  position: relative;
	  font-family: 'heroregular';
	  font-size: 14px;
	  color: #3551a4;
	  text-align: justify;
	  width: 80%;
	  height: 130px;
	  overflow: scroll;
	  margin: 0 auto;
	}

	.cont-izq iframe {
	  position: relative;
	  width: 100%;
	  height: 200px;
	  top: 160px;
	}

	.contact-der-info {
	  text-align: center;
	  color: #fff;
	  margin: auto;
	  padding-top: 50px;
	}

	.cuadro_valor {
	  padding: 0px 35px 0px 35px;
	}
	.cuadro_valor img{
	  display: none;
	}
	.cuadro_valor p {
	   font-size: 18px;
	  line-height: 2.0;
	  margin-bottom: 0.3rem;
	}

	#menunav {
	  position: fixed;
	  width: 100%;
	  height: 80px;
	  z-index: 20;
	  background: #3551a4;
	}
	.contact_izq{
	display: block;
	width: 100%;
  	height: 100%;
	}
	.contact_der {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  float: none;
	  background: #2e49a6;
	  margin-bottom:0px;
	}
	.cont-der {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	}
	.cont-izq {
	  position: absolute;
	  width: 100%;
	  height: 50%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	  opacity: 1;
	}

	.contenedor-slider {
	  position: relative;
	  width: 100%;
	  height: 17%;
	  overflow-y: hidden;
	}

	#opiniones_slider {
	  position: relative;
	  width: 100%;
	  height: 180px;
	}
	.txt-opinion h3 {
	  color: #fff;
	  font-style: italic;
	  font-size: 14px;
	  text-align: center;
	  padding-top: 15px;
	}

	.izq{
	display: none;
	}
	.der{
		position: relative;
		width: 100%;
		height: 100%;
		float: right;
		background: #fff;
	}

	#eco_section {
	  background: #fff;
	  width: 100%;
	  height: 800px;
	  position: relative;
	}

		.eco_izq {
	    display: inline-block;
	  width: 100%;
	  position: relative;
	  left: 0px;
	  padding: 60px 50px;
	}
	.eco_der {
	  display: inline-block;
	  width: 100%;
	  position: relative;
	  padding: 0px 50px;
	}

	.nos_cont_der{
		margin: 0 auto;
	}
	.panel5{
		display: none;
	}
	.tabs li:last-child{
		display: none;
	}
	.cont-der span{
		display: none;
	}
	.cont-der-info{
		padding: 0px 0px 90px 0px;
	}
	.marvi-title{
		display: block;
	}
	.txt-banner h3{
		font-size: 0.8em;
	}
	.txt-banner p{
		font-size: 0.7em;
	}

	#open_resp_menu {
	  display: block;
	}
	.visible_mobile{
		display: inline-block !important;
	}

	.g-recaptcha {
	  position: relative;
	  margin-top: 120px;
	  left: 0px;
	}
	.mail {
	  position: relative;
	  right: 0px;
	}
	textarea {
	  color: #777 !important;
	  height: 125px;
	  width: 440px;
	  max-height: 125px;
	  min-height: 125px;
	  position: absolute;
	  top: 325px;
	  right: 0px;
	}
	#contact {
	  padding-bottom: 90px;
	}
	#nosotros {
	  background: white;
	  padding-top: 20px;
	}
	.txt-banner {
	  left: 39px;
	  top: 20px;
	  width: 70%;
	}

	.tabs {
	  list-style-type: none;
	  width: 360px;
	  height: 30px;
	  text-align: center;
	  position: absolute;
	  bottom: 8%;
	  left: 50%;
	  margin-left: -180px;
	  z-index: 20;
	}
	.close_video {
	  position: absolute;
	  top: 25px;
	  padding: 7px 25px;
	  border-radius: 5px;
	  background-color: #f1c40f;
	  border: none;
	  color: #000;
	  left: 25px;
	  -webkit-transition: all 0.4s ease-in-out;
	  -moz-transition: all 0.4s ease-in-out;
	  -o-transition: all 0.4s ease-in-out;
	  transition: all 0.4s ease-in-out;
	}
	.close_video:hover{
	  position: absolute;
	  top: 25px;
	  padding: 7px 25px;
	  border-radius: 5px;
	  background-color: transparent;
	  border:solid #f1c40f 1px;
	  color: #f1c40f;
	  left: 25px;
	}
	section.active{
		border-bottom: none;
	}
	.valores-content h2 {
	  font-family: 'heroregular';
	  color: #3551a4;
	  font-size: 1.7rem;
	}
		.cuadro_valor p {
	  font-size: 14px;
	  line-height: 1.5;
	  margin-bottom: 0.3rem;
	}

}
@media screen and (min-width:240px) and (max-width: 320px){

  input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0px 15px 1rem 10px;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 85%;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  display: inline-block;
}

.half_input {
  max-width: 38%;
  margin-right: 10px;
  display: inline-block !important;
}

textarea {
  color: #777 !important;
  height: 125px;
  width: 275px;
  max-height: 125px;
  min-height: 125px;
  position: absolute;
  top: 440px;
  right: 5px;
}

.g-recaptcha {
  position: relative;
  margin-top: 140px;
  left: -23px;
}

.mail {
  position: relative;
  right: 0px;
}

.txt-banner {
  left: 40px;
  top: 10px;
  width: 70%;
}

	#fullpage{
		overflow-x: hidden;
	}

	#open_resp_menu {
	  display: block;
	  color: #fff;
	  text-decoration: none;
	  line-height: inherit;
	  float: right;
	  right: 30px;
	  bottom: 15px;
	  position: relative;
	  font-size: 24px;
	}

	.resp_menu {
	  list-style-type: none;
	  position: relative;
	  bottom: 60px;
	}

	.name img {
	  width: 70px;
	  height: 55px;
	  position: relative;
	  bottom: 0px;
	}

	#myMenu {
	  position: absolute;
	  top: 100px;
	  right: 0px;
	  width: 100%;
	  text-align: center;
	}

	#myMenu li {
	  display: block;
	  margin: 40px 10px;
	  font-size: 18px;
	  font-weight: lighter;
	  letter-spacing: 2px;
	}

	.close-list {
	  color: white;
	  cursor: pointer;
	  position: absolute;
	  top: 165px;
	  right: 25px;
	  font-size: 25px;
	  z-index: 99;
	}

	.cont-izq iframe {
	  position: relative;
	  width: 100%;
	  height: 180px;
	  top: 18px;
	}

	.video-movil{
		display: none;
	}

	.contact-der-info {
	  text-align: center;
	  color: #fff;
	  margin: auto;
	  padding-top: 50px;
	}

	#video_holder {
		display: block;
	    width: 100%;
		  height: 100vh;
		  position: fixed;
		  background: rgba(0,0,0,0.9);
		  z-index: 998;
		  margin: auto;
		  margin-top: 0px;
		  overflow-y: hidden;
	}
	.cont-der img {
	  width: 70%;
	}

	.cuadro_valor {
	  padding: 0px 35px 0px 35px;
	}
	.cuadro_valor img{
	  display: none;
	}

	.valores-content h2 {
	  font-family: 'heroregular';
	  color: #3551a4;
	  font-size: 1.7rem;
	}

	.cuadro_valor p {
	  font-size: 14px;
	  line-height: 1.5;
	  margin-bottom: 0.3rem;
	}

	.cont-der-title {
	  padding: 0px 0px 0px 0px;
	  right: 0%;
	}

	#menunav {
	  position: fixed;
	  width: 100%;
	  height: 80px;
	  z-index: 20;
	  background: #3551a4;
	}

	.cont-der-info h2 {
  font-family: 'heroregular';
  font-size: 30px;
  color: #3551a4;
  text-align: center;
}

.cont-der-info p {
  position: relative;
  font-family: 'heroregular';
  font-size: 14px;
  color: #3551a4;
  text-align: justify;
  width: 80%;
  height: 130px;
  overflow: scroll;
  margin: 0 auto;
}

.tabs {
  list-style-type: none;
  width: 360px;
  height: 30px;
  text-align: center;
  position: absolute;
  bottom: 60px;
  left: 50%;
  margin-left: -180px;
  z-index: 20;
}

	.contact_izq{
	display: block;
	}
	.contact_der {
	    position: relative;
	  width: 100%;
	  height: 130%;
	   margin-bottom: 320px;
	  float: none;
	  background: #2e49a6;
	}
	.cont-der {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	}
	.cont-izq {
	  position: absolute;
	  width: 100%;
	  height: 50%;
	  left: 0;
	  top: 0;
	  background: transparent;
	  border: none;
	  opacity: 1;
	}

	.contenedor-slider {
	  position: relative;
	  width: 100%;
	  height: 17%;
	  overflow-y: hidden;
	}

	#opiniones_slider {
	  position: relative;
	  width: 100%;
	  height: 180px;
	}
	.txt-opinion h3 {
	  color: #fff;
  font-style: italic;
  font-size: 15px;
  text-align: center;
  padding-top: 20px;
	}


	.izq{
	display: none;
	}
	.der{
		position: relative;
		width: 100%;
		height: 100%;
		float: right;
		background: #fff;
	}

	#eco_section {
  background: #fff;
  width: 100%;
  height: 800px;
  padding: 45px 0px;
  position: relative;
}

	.eco_izq {
    display: inline-block;
  width: 100%;
  position: relative;
  left: 0px;
  padding: 60px 50px;
}
.eco_der {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 0px 50px;
}
	.nos_cont_der{
		margin: 0 auto;
		position: relative;
  		width: 330px;
	}
	.panel5{
		display: none;
	}
	.tabs li:last-child{
		display: none;
	}
	.cont-der span{
		display: none;
	}
	.cont-der-info{
		padding: 0px 0px 90px 0px;
	}
	.marvi-title{
		display: block;
	}
	.txt-banner h3{
		font-size: 0.8em;
	}
	.txt-banner p{
		font-size: 0.7em;
	}
	#opiniones_slider {
	  position: relative;
	  width: 100%;
	  height: 150px;
	}
	.txt-opinion {
	  margin: auto;
	  width: 80%;
	  height: 450px;
	  padding: 0px 15px;
	}
	#contact {
  	padding-bottom: 250px;
	}
	.visible_mobile{
		display: inline-block !important;
	}
	.close_video {
  position: absolute;
  top: 25px;
  padding: 7px 25px;
  border-radius: 5px;
  background-color: #f1c40f;
  border: none;
  color: #000;
  left: 25px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
section.active{
		border-bottom: none;
}

}