@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6  {
font-family: 'Archivo Narrow', sans-serif !important;
letter-spacing: 0.5px	
}

a{
text-decoration: none !important;
}

a:hover,
a:focus{
text-decoration: none !important;
}

.colorimput{
border-top:0px;
 border-right: 0px;	
 border-left:0px;	
 border-bottom: 1px #0275d8 solid!important;
 border-radius: 0px;	
 background: rgba(186,186,186,0.80);
 padding: 8px;
 font-size: 11px;	
 color: currentColor !important;
}

.colorimput:focus { 
   background: rgba(8,25,84,0.30)!important;
}

.sin-margen{
margin:0px !important;
}

.margen-bottom{
margin-bottom:15px !important;
}

.motrar{
display: none
}

.motrar2{
display: block
}

.sin-espacio{
padding:0px !important;
}

.posicion-SEI{
position: relative;
}


.icono-for{	
 color:#0275d8!important;
}

.border-bottom{
 border-top:0px;
 border-right: 0px;	
 border-left:0px;	
 border-bottom: 1px #0275d8 solid!important;
 border-radius: 0px;	
 background: rgba(251,251,251,0.1);
 padding: 8px;
 font-size: 11px;
 color: #fff !important;	
}

.posicion-SEI-2{
position: absolute;
top: 35%;
width: 80%;	
margin: 0px 10%;
z-index: 1	
}

.form-texarea{
margin: 20px 0px 0px;	
width: 100% !important;	
height: 150px;
border: 0px !important;	
background: rgba(251,251,251,0.2);
padding: 15px;
font-size: 11px;	
color: rgba(255,255,2555,1.00)!important;
}

::placeholder {
    color: #EBEBEB !important;
}

.border-bottom:focus { 
   background: rgba(251,251,251,0.3)!important;
}

.option { 
   background:rgba(14,54,129,0.6) !important;
	border: 0px !important;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.15rem 0.5rem !important;
  font-size: 0.6rem;
  border-radius: 0.0rem !important;
}
/*================heard================*/
.bg-heard{
	position:fixed;
	z-index:2;
	border-bottom:4px solid #96cdf1;
	background:#FFF;
	height:70px;
	width: 100%;
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.5);
            box-shadow: 0 3px 5px 0 rgba(0,0,0,.5);
	}
/*================seleccion-arch================*/
.seleccion-arch{
	font-family: 'Muli', sans-serif;
	width: 80%;
	height: auto;
	position: relative;
	margin: 20% 10% 0px;
	color: aliceblue;
	padding:10px 15px;
	z-index: 100;
    border-top: 3px solid rgba(22,84,135,0.9) !important;	
	background: rgba(22,84,135,0.6);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
       -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);

	
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
       
}


.arch-impo{
	font-family: 'Muli', sans-serif;
	width: 100%;
	height: auto;
	position: relative;
	margin: 0% 0% 0px;
	color: aliceblue;
	padding:10px 15px;
	z-index: 100;
    border-top: 3px solid rgba(22,84,135,0.9) !important;	
	background: rgba(22,84,135,0.6);
	
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;       
}

/*================tablas================*/
/*fuentes tablas*/
.titulo-tabla{
color:#D7D7D7;
padding:0px;
margin:0px;
font-size:95%;
letter-spacing:0.5px;
font-family: 'Conv_GeosansLight', Arial;
background:#535353;
text-align:center;
}

.txt-tabla{
color:#3F3E3E;
padding:0px;
margin:0px;
font-size:90%;
font-weight:normal;
font-family:Arial;
}


/*================filtros-home================*/
.grid {
	position: relative;
	margin: 0 auto;
	padding: 0em 0 0em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0px 0%;
    width: 100%;
	max-height: 100%;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	height:auto;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size:110% 
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #354660;
}

figure.effect-ruby img {
	opacity: 0.85;	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	filter: blur(0px)
}

figure.effect-ruby:hover img {
	opacity: 0.4;
	-webkit-transform: scale(1);
	transform: scale(1);
	filter: blur(6px)
}

figure.effect-ruby h2 img {
	margin-top: 20%;
	filter: blur(0px);
	text-align: center !important;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 4%;
	width: 99%;
	font-size: 11px;
	text-align: left !important;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 img {
	filter: blur(0px) !important;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}


/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

figure.effect-roxy img {
	width: 100%;
	height: auto;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0px,0,0) scale(1);
	transform: translate3d(0px,0,0) scale(1);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	width: 96%;
	top: 4%;
	right:2%;
	bottom:4%;
	left:  2%;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding:3%;
	text-align: left;
}

figure.effect-roxy h2 {
	padding: 3% 0% 0px;
	opacity: 1;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.70);
    -webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);	
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
}

figure.effect-roxy p {
	opacity: 0;
	padding: 0% 3%;
	font-size: 11px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(-20px,0,0) scale(1.30);
	transform: translate3d(-20px,0,0) scale(1.30);
	filter: blur(3px);
}

figure.effect-roxy:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(10px,0,0);
	transform: translate3d(10px,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.color-app{
	color: #24121b;
}

.alt-h2{
	padding-top: 15% !important;	
}

.box-shadow{
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
            box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);	
}

/*==========Estilo tablas==========  */
@media only screen and (max-width: 768px) {
  /* Force table to not be like tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #no-more-tables tr { border: 1.5px solid #E3E3E3; }

  #no-more-tables td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #E3E3E3;
    position: relative;
    padding-left:35%;
    white-space:normal;
    text-align:left;
  }

  #no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 3px;
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }

  #no-more-tables td:before { content: attr(data-title); }
}

/*==========contenido-GM==========*/
.bg-GM-1 {
  background: url(../img/bg-GM-01.jpg) no-repeat;
  background-size: cover;
  position: fixed;
  height: 100%;
  width: 25%;	
  padding: 15px 20px;
  margin-bottom: 200px;
  z-index: 0;	
  }
  
 .bg-GM-2 {
  background:url(../img/bg-GM-02.jpg) no-repeat;
  background-size: cover;
  position: fixed;
  height: 100%;
  width: 25%;	
  padding: 15px 20px;
  margin-bottom: 200px;
  z-index: 0;	
  } 

.bg-GM-contac {
    background:rgba(2,7,30,0.5);
    color: aliceblue !important;
	font-family: 'Conv_GeosansLight', Arial;
    position: relative;
    height: 100%;
    width: 100%;
	right: 0px;
    padding: 11.5% 20px; 
    z-index: 0;
}

.contac {   
    padding: 20% 20px 20px;
}

.contac h1 { 
 color:#0275d8!important;
}

.contac h1 span { 
 color:#0275d8!important;
 font-size: 120%;
 font-weight: 700	
}

.contac h2 { 
 color:#fff!important;
}

.contac h2 span { 
 color:#fff !important;
 font-size: 120%;
 font-weight: 700	
}

.logo-GM {
  position: relative;
  height: auto;
  top: 20%;	
  margin-bottom: 20px;	
  }

.GM-info {	
  background: rgba(97,169,204,0.4);
  padding: 10px;	
  position: relative;
  height: auto;	
  top: 20%;	
  }

.GM-info h4 {
  color: aliceblue;
  margin: 0px;	  
  }

.GM-info p {
  font-size: 11px;	
  color: darkgrey;
  margin:3px 0px 0px;	 	  
  }

.GM-info-2 {
  background: rgba(97,169,204,0.2);
  padding: 10px;	
  position: relative;
  height: auto;	
  top: 20%;	
  }

.GM-info-2 p {
  font-size: 10px;	
  color: aliceblue;
  margin:3px 0px 10px;	 	  
  }

/*==========contenido-informativo==========*/
.content-GM {
  margin-top: 70px;	
  margin-bottom:20px;	  
  background: url(../img/M-ind.svg)	no-repeat -40px -40px;
  background-size: 40% auto;
  padding:0px 0px;
  }

.content-GM2 {
  margin-top: 8%;	
  margin-bottom:20px;	  
  padding:0px 0px;
  }
 
 .content-GM3 {
  margin-top:100px;	
  margin-bottom:20px;	  
  padding:0px 0px;
  } 
  
.content-GM-padding {
  padding:15px 30px;   	
  } 

.content-GM-color {
  margin-bottom:0px !important;	  
  background: #EDEDED;
  padding:20px 10px !important;
  width: 100%	 
  }  

 .content-GM-her {
  margin-bottom:20px !important;	  
  background: url(../img/banner-01.jpg)	no-repeat center top fixed;
  background-size: cover;
  padding:20px 10px !important;
  width: 100%	 
  } 

 .content-GM-her2 {
  margin-bottom:20px !important;	  
  background: url(../img/banner-04.jpg)	no-repeat right top fixed;
  background-size:cover;
  padding:20px 10px !important;
  width: 100%	 	 
  }

 .content-GM-her3 {
  margin-bottom:20px !important;	  
  background: url(../img/banner-05.jpg)	no-repeat right bottom fixed;
  background-size:cover;
  padding:20px 10px !important;
  width: 100%	 	 
  }

 .content-GM-her4 {
  margin-bottom:0px !important;	  
  background: url(../img/banner-06.jpg)	no-repeat  center top fixed;
  background-size:cover;
  padding:20px 10px !important;
  width: 100%	 	 
  }

.content-GM-her5 {
  background: url(../img/banner-08.jpg)	no-repeat  center top fixed;
  background-size:cover;
  padding:70px 20px 0px !important;
  width: 100%;
  position: relative;	
  height: 83.5vh;	
  }

.content-GM-her6 {
  background: url(../img/banner-09.jpg)	no-repeat  center top fixed;
  background-size:cover;
  padding:7% 20px 0px !important;
  width: 100%;
  position: relative;	
  height: 83.5vh;	
  }

.content-GM-her7 {
  background: url(../img/banner-10.jpg)	no-repeat  center top fixed;
  background-size:cover;
  padding:15% 20px 0px !important;
  width: 100%;
  position: relative;	
  height: 83.5vh;	
  }
  
 .content-GM-her8 {
  padding:15% 20px 0px !important;
  width: 100%;
  position: relative;	
  height: 83.5vh;	
  }

 .content-GM-her9 {
  margin-bottom:0px !important;	  
  background: url(../img/../img/banner-11.jpg)	no-repeat right top fixed;
  background-size:cover;
  padding:20px 10px !important;
  width: 100%;
  color: #fff !important;	   
  }

.content-GM-her5 p,
.content-GM-her6 p,
.content-GM-her7 p,
.content-GM-her9 p {
  color: #fff;
  font-size:12px;
  text-align:left;
  white-space:normal;	
  padding:0px 0px 0px;	  
  }
  
.content-GM h1 {  	
  padding: 80px 0px 20px 15%;
  width: 100%;
  color: #6F7175		
  }
  
.content-GM3 h1 {  	
  padding: 0px 0px 20px 20px;
  width: 100%;
  color: #6F7175		
  }
  
.content-GM h2 {
  border-bottom: 1px solid #89c3e8;
  padding-bottom: 5px;
  color: #354660;
  font-weight: 700;	
  font-size: 120%	
  }
  
.content-GM3 h2 {
  border-bottom: 1px solid #89c3e8;
  padding-bottom: 5px;
  color: #354660;
  font-weight: 700;
   font-size: 120%		
  }
  
.content-GM h3 {  	
  padding: 45px 0px 0px 15%;
  width: 100%;
  position: absolute;
  color: #354660		
  }
  
.content-GM3 h3 {  	
  padding: 45px 0px 0px 15%;
  width: 100%;
  position: absolute;
  color: #354660		
  }  

.content-GM h4 {
  color: #92969B;	
  font-size: 110%	
  }
  
.content-GM3 h4 {
  color: #92969B;
  font-size: 110%	
  } 

.content-GM span {
  font-weight: 700;
  color: #354660;
  font-size: 130%;	
  }
  
 .content-GM3 span {
  font-weight: 700;
  color: #354660;
  font-size: 130%;	
  } 

.content-GM p {
  color: #6F7175;
  font-size:12px;
  text-align:left;
  white-space:normal;	
  padding:0px 0px 0px;	  
  }
  
 .content-GM3 p {
  color: #6F7175;
  font-size:12px;
  text-align:left;
  white-space:normal;	
  padding:0px 0px 0px;	  
  } 

ul {
  color: #6F7175;
  padding:0px 0px 0px 20px;	  
  font-size:12px;  
  }

.content-GM ul {
  color: #6F7175;
  padding:0px 0px 0px 20px;	  
  font-size:12px;  
  }

.col-ul {
    -webkit-columns: 2; /* Chrome, Safari, Opera */
       -moz-columns:2; /* Firefox */
            columns:2;	
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
       -moz-column-gap: 40px; /* Firefox */
            column-gap: 40px;
	color: #6F7175;
  font-size:12px;
   }

.content-GM2 h2 {
  border-bottom: 1px solid #89c3e8;
  padding-bottom: 5px;
  color: #fff;
  font-weight: 700;	
  }

.content-GM2 h3 {  	
  padding: 45px 0px 0px 15%;
  width: 100%;
  position: absolute;
  color: #fff		
  }

.content-GM2 h4 {
  color: #fff;	
  }

.content-GM2 span {
  font-weight: 700;
  color: #354660;
  font-size: 130%;	
  }

.content-GM2 p {
  color: #fff;
  font-size:12px;
  text-align:left;
  white-space:normal;	
  padding:0px 0px 0px;	  
  }


.content-GM-her h4,
.content-GM-her2 h4,
.content-GM-her3 h4,
.content-GM-her4 h4,
.content-GM-her9 h4 {
  margin-bottom:0px;
  color: aliceblue !important;	 
  } 

.content-GM-her h2,
.content-GM-her2 h2,
.content-GM-her3 h2,
.content-GM-her4 h2,
.content-GM-her9 h2{
  margin-bottom:5px;
  color: aliceblue !important;
   font-weight: 700
  } 

.content-GM-her p,
.content-GM-her2 p,
.content-GM-her3 p,
.content-GM-her4 p,
.content-GM-her9 p {
  color: aliceblue	 
  } 


.content-GM-her ul,
.content-GM-her2 ul,
.content-GM-her3 ul,
.content-GM-her4 ul,
.content-GM-her9 ul {
  color: aliceblue;
  padding:0px 0px 0px 20px;	  
  font-size:12px;
  list-style: url(../img/M-ind.svg)	
  }

/*==========Footer==========*/
.media{
  color: aliceblue;
  position: relative !important;	
  }

.media h5{
  font-size: 110%;
  font-weight: 400;	
  }

.media small{
  font-size: 80%;
  color: #56a6d3;	
  }

.media img{
  height: 45px;
  width: 45px;
  overflow: hidden;	
  }

.media a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.media a {
	z-index: 1000;
	text-decoration: overline;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.media a:hover  {	
	text-decoration: overline;	
}


.icon-fotter{	
	width: 30px;
	height: 30px;
 	float: left;
	margin-right: 10px;
	border-radius: 50%;
	padding: 5px;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
	background: rgba(15,81,116,1.00);
	text-align: center;
	line-height: 1.2;
}


/*==========formulario-presentacion==========*/
.form-color {	
	color: #56a6d3;
	font-size:11px !important;
}

.bg-color {	
	background: rgba(26,131,175,0.6) !important;
	border-radius:0px !important;
	color:#fff !important;
	font-size:11px !important;
}

.datos-footer{	
	color:#fff !important;
	font-size:11px !important;
}

/*==========Beneficios==========*/
.item-3d{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom:0px;
  border-bottom: 1PX solid rgba(82,125,228,0.10);
  margin-top:15px;		
}

.item-3d-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}


/*.item-3d {
  width: 100%;
  padding-bottom:5px;
  border-bottom: 1PX solid rgba(82,125,228,0.10);
  margin-top: 8PX;	
}*/

.item-3d H4 {
  color: #2C3B50;
}

.item-3d img {
  position: relative;
  display: block;
  width: 25%;
  padding: 0px 10px;	
  margin: 0px 0px;	

}


/*==========Footer==========*/
.bg-footer{
 position: relative;
 z-index: 1;	
 bottom: 0px !important;	
 height: auto;
 width: 100%; 	
 padding: 15px 15px 0px;	
 background: #115477;
 background: -moz-linear-gradient(top, #115477 10%, #03375a 100%);
 background: -webkit-linear-gradient(top, #115477 10%,#03375a 100%);
 background: linear-gradient(to bottom, #115477 10%,#03375a 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115477', endColorstr='#03375a',GradientType=0 );
  }

.bg-footer h3{
  color: aliceblue;
  font-size: 130%;	
  border-bottom: 1px solid #2C6180;
  }

.bg-creditos{
  width: 100%;
  padding:5px;
  margin: 0px;	
  color: aliceblue;	
  font-size: 9px;	
  position: relative;
  z-index: 2;	
  border: 1px #0c4564 solid;
background: #083751;
background: -moz-linear-gradient(left, #083751 1%, #00192c 49%, #083751 99%);
background: -webkit-linear-gradient(left, #083751 1%,#00192c 49%,#083751 99%);
background: linear-gradient(to right, #083751 1%,#00192c 49%,#083751 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083751', endColorstr='#083751',GradientType=1 );
  }

.bg-creditos p{
  margin: 0px !important;
  }

/*=====img-apps=======*/
.marco-app{
 position: relative;
 width: 100%;
 overflow: hidden;	
 margin-bottom: 15px !important;	
 background:url(../img/img-08.png) fixed; 	 
  }

.marco-app .img-app {
 position: relative;
 width: 100%;	
 height: auto;
 overflow: hidden;
  }

.marco-app .img-app img{
 width: 100%;
  }

.marco-app .cuadro-apps{
 width: 95.5%;
 position: absolute;
 height: calc(100% - 25px);
 margin: 10px;	
 /*outline: dotted 1px rgba(255,255,255,0.3);
 outline-offset: 3px;	*/ 
 border: 10px rgba(255,255,255,0.15) solid;
 padding: 15px;	
 top: 0px;	
 z-index: 1px	
  }

.marco-app .img-png{
 width:auto;
 position: absolute;
 height: 100%;	
 z-index: 2px;
 bottom: -20px!important;	
  }

.marco-app .img-png img{
 height: 100%;	
 float: right!important; 	
 position: relative;
 right: 0%;	
  }

.filter-blur{
 filter: blur(2px);
  }




/*=====@Medias=======*/
@media (max-width:3200px){	

}

@media (max-width:2560px){	

}

@media (max-width:2048px) and (min-width:300px){	

}

@media (max-width:1920px) and (min-width:300px){	

}

@media (max-width:1856px) and (min-width:300px){	

}

@media (max-width:1800px) and (min-width:300px){	

}

@media (max-width:1792px) and (min-width:300px){	

}

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

}

@media (max-width:1440px) and (min-width:300px){	
.content-GM-her5 {
    height: 98vh;
}

.bg-GM-contac {
    padding: 3% 20px;
} 
}

@media (max-width:1366px) and (min-width:300px){	

}

@media (max-width:1280px) and (min-width:300px){	

}

@media (max-width:1024px) and (min-width:300px){	
.motrar{
display:  block
}

.motrar2{
display:  none
}
.content-GM-her5 {
    height: 96vh;
}

.content-GM-her6 {
  padding:10% 20px 0px !important;
  }
  
 .bg-GM-contac {
    padding: 3% 20px;
} 


.posicion-SEI-2{
top:38%;
width: 90%;	
margin: 0px 5%;
}	
}

@media (max-width:999px) and (min-width:300px){
/*==========contenido-GM==========*/
.bg-GM-1,
.bg-GM-2{	
  width:33.3333%;	
  }

.content-GM-her5 {
  padding:8% 20px 0px !important;
  height: 100%;	
  }		
	
.content-GM-her6 {
  padding:8% 20px 0px !important;
  height: 100%;	
  }	
	
.content-GM-her7 {
  padding:8% 20px 30px !important;
  height: 100%;	
  }	

.posicion-SEI-2{
position:relative;
top:0%;
width: 100%;	
margin: 0px 0%;
padding: 20px 0px;	
background: rgba(5,8,39,1.00);

}
}

@media (max-width:768px) and (min-width:300px){
/*==========contenido-GM==========*/
.bg-GM-1,
.bg-GM-2{	
  width:33.3333%;	
  }

/*==========Menu=========*/	
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #23358E;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }	
	
.posicion-SEI-2{
position: relative;
top:0%;
width: 100%;	
margin: 0px 0%;
padding: 20px 0px;	
background: rgba(5,8,39,1.00);
}
}

@media (min-width: 768px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}

@media (max-width:736px) and (min-width:300px){
.bg-GM-1{
  position: relative;
  height:300px;
  width: 100%;	
  margin-bottom: 0px;
  z-index:0;	
  }
	
.bg-GM-2{
  position: relative;
  height:320px;
  width: 100%;	
  margin-bottom: 0px;
  z-index:0;  	
  }	
	
.content-GM {
  margin-top: 0px;	
  margin-bottom:20px;	  
  background: url(../img/M-ind.svg)	no-repeat -50px -15px;
  background-size: 50% auto;
  padding:0px 0px;
  }	
	
.content-GM3{
  margin-top: 20px;	
  margin-bottom:0px; 
  padding:0px 0px;
  }	
	
.content-GM h1 {  	
  padding: 80px 0px 20px 10%;		
  }	
	
.logo-GM {
  width:30%;
  top: 50%;	 	
  }

.GM-info {	
  width: 65%;
  top: 0%;
  float: right;	
  right: 0px	
  }

.GM-info-2 {
  width: 65%;
  top: 0%;
  float: right;	
  right: 0px	
  }	
}

@media (max-width:560px) and (min-width:300px){
.bg-GM-1 {
  position: relative;
  height:450px;
  width: 100%;	
  padding: 15px 20px;
  margin-bottom: 0px;
  z-index:0;	
  }
	
.content-GM {
  margin-top: 0px;	
  margin-bottom:20px;	  
  background: url(../img/M-ind.svg)	no-repeat -20px -15px;
  background-size: 50% auto;
  padding:0px 0px;
  }	
	
.logo-GM {
  width:100%;	
  position: relative;
  height: auto;
  top: 20%;	
  margin-bottom: 20px;	
  }

.GM-info {
  width:100%;	
  background: rgba(97,169,204,0.4);
  padding: 10px;	
  position: relative;
  height: auto;	
  top: 20%;	
  }

.GM-info-2 {
  width:100%;	
  background: rgba(97,169,204,0.2);
  padding: 10px;	
  position: relative;
  height: auto;	
  top: 20%;	
  }	
	
.item-img,
.item-img2	{
  width:35%;
  margin-top:52px;
  margin-bottom: 54px;	
}	
	
figure.effect-roxy {
	width: 100%;
	height: 100px;
}	
}
	

@media (max-width:376px) and (min-width:300px){
.bg-GM-2{
  height:400px; 	
  }	
	
.item-img {
  width:25%;
  position: relative;
  margin: 10px auto 0px;	
}	
	
.item-img2 {
  width:25%;
  float: left;	
  position: relative;
  margin: 10px auto 0px;	
}		
}