@font-face {
  font-family: 'Montserrat-ExtraBold';
  src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), 
	   url('../fonts/Montserrat-ExtraBold.otf')  format('opentype'),
	   url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
	   url('../fonts/Montserrat-ExtraBold.ttf')  format('truetype'), 
	   url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Light';
  src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Montserrat-Light.woff') format('woff'), 
	   url('../fonts/Montserrat-Light.ttf')  format('truetype'), 
	   url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Montserrat-Regular.woff') format('woff'), 
	   url('../fonts/Montserrat-Regular.ttf')  format('truetype'), 
	   url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Montserrat-SemiBold.woff') format('woff'), 
	   url('../fonts/Montserrat-SemiBold.ttf')  format('truetype'), 
	   url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Montserrat-Bold.otf')  format('opentype'),
	   url('../fonts/Montserrat-Bold.woff') format('woff'), 
	   url('../fonts/Montserrat-Bold.ttf')  format('truetype'), 
	   url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita-Black';
  src: url('../fonts/Gordita-Black.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Gordita-Black.otf')  format('opentype'),
	   url('../fonts/Gordita-Black.woff') format('woff'), 
	   url('../fonts/Gordita-Black.ttf')  format('truetype'), 
	   url('../fonts/Gordita-Black.svg#Gordita-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita-Regular';
  src: url('../fonts/Gordita-Regular.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Gordita-Regular.otf')  format('opentype'),
	   url('../fonts/Gordita-Regular.woff') format('woff'), 
	   url('../fonts/Gordita-Regular.ttf')  format('truetype'), 
	   url('../fonts/Gordita-Regular.svg#Gordita-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


.inter-gps{
	padding-bottom: 5%;
}


/*-------------BODY----------------*/

body{
	font-family: 'BebasNeueLight';
	font-size:10pt; 
	background-color:#fff; 
	overflow-x: hidden !important;
} 
.bodycolor1{
	background-color: #fff;
}


body.preloader-site {
    overflow: hidden;
}
 
.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}
 
.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
}

.actionCon {
	 overflow:hidden;
	 width:970px;
	 height:300px;
 }
.actionType5_1,
.actionType5_2  {
	 float:left;
	 text-align:center;
	 margin:132px 0;
	 width:50%;
}
.actionType5_1 > div {
	 	display:inline-block;
	 width:40px;
	 height:40px;
	 margin-right:25px;	
	 border-radius:50%;
	 -webkit-border-radius:50%;
	 transform:scale(0);
	 -webkit-transform:scale(0);
	 -moz-transform:scale(0);
	 animation:lodingCircle1 ease-in-out 2.5s infinite;
	 -webkit-animation:lodingCircle1 ease-in-out 2.5s infinite;
	 -moz-animation:lodingCircle1 ease-in-out 2.5s infinite;
}
.actionType5_1 > div.loding1{
	 background-color:#FFC301;
}
.actionType5_1 > div.loding2{
	 background-color:#910D3F;
}
.actionType5_1 > div.loding3{
	 background-color:#2F297D;
}
.actionType5_1 .loding1 {
	 animation-delay:-.6s;
	 -webkit-animation-delay:-.6s;
	 -moz-animation-delay:-.6s;
}
.actionType5_1 .loding2 {
	 animation-delay:-.4s;
	 -webkit-animation-delay:-.4s;
	 -moz-animation-delay:-.4s;
}
.actionType5_1 .loding3 {
	 margin-right:0;
	 animation-delay:-.2s;
	 -webkit-animation-delay:-.2s;
	 -moz-animation-delay:-.2s;
}
@keyframes lodingCircle1 {
0%{
	 transform:scale(1);
	 -webkit-transform:scale(1);
	 -moz-transform:scale(1);
	 opacity:1;
}
10% {
	 transform:scale(1.2);
	 -webkit-transform:scale(1.2);
	 -moz-transform:scale(1.2);
}
60%,100% {
	 transform:scale(0);
	 -webkit-transform:scale(0);
	 -moz-transform:scale(0);
	 opacity:0;
}}
@-webkit-keyframes lodingCircle1 {
0%{
	 transform:scale(1);
	 -webkit-transform:scale(1);
	 -moz-transform:scale(1);
	 opacity:1;
}
10% {
	 transform:scale(1.2);
	 -webkit-transform:scale(1.2);
	 -moz-transform:scale(1.2);
}
60%,100% {
	 transform:scale(0);
	 -webkit-transform:scale(0);
	 -moz-transform:scale(0);
	 opacity:0;
}}
.actionType5_2 > div {
	 display:inline-block;
	 width:10px;
	 height:25px;
	 background-color:#3da89a;
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 animation:lodingCircle2 ease-in-out 2.5s infinite;
	 -webkit-animation:lodingCircle2 ease-in-out 2.5s infinite;
	 -moz-animation:lodingCircle2 ease-in-out 2.5s infinite;
}
.actionType5_2 .loding1 {
	 animation-delay:-1.4s;
	 -webkit-animation-delay:-1.4s;
	 -moz-animation-delay:-1.4s;
}
.actionType5_2 .loding2 {
	 animation-delay:-1.2s;
	 -webkit-animation-delay:-1.2s;
	 -moz-animation-delay:-1.2s;
}
.actionType5_2 .loding3 {
	 animation-delay:-1s;
	 -webkit-animation-delay:-1s;
	 -moz-animation-delay:-1s;
}
.actionType5_2 .loding4 {
	 animation-delay:-.8s;
	 -webkit-animation-delay:-.8s;
	 -moz-animation-delay:-.8s;
}
.actionType5_2 .loding5 {
	 animation-delay:-.6s;
	 -webkit-animation-delay:-.6s;
	 -moz-animation-delay:-.6s;
}
.actionType5_2 .loding6 {
	 animation-delay:-.3s;
	 -webkit-animation-delay:-.3s;
	 -moz-animation-delay:-.3s;
}
.actionType5_2 .loding7 {
	 animation-delay:-.1s;
	 -webkit-animation-delay:-.1s;
	 -moz-animation-delay:-.1s;
}
@keyframes lodingCircle2 {
0%,60%,100% {
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
}
10% {
	 transform:scale(1,2.3);
	 -webkit-transform:scale(1,2.3);
	 -moz-transform:scale(1,2.3);
}}
@-webkit-keyframes lodingCircle2 {
0%,60%,100% {
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
}
10% {
	 transform:scale(1,2.3);
	 -webkit-transform:scale(1,2.3);
	 -moz-transform:scale(1,2.3);
}}
/* up buttom */
#nekoToTop{
	position:fixed; 
	bottom:0; 
	right:20px; 
	padding:5px;
	display:none;
	border-radius:0;
	width:50px;
	text-align:center;
	color:#fff;
	background:#898989;
	border:1px solid transparent;
}

#nekoToTop:hover{
	color:#898989;
	background:#fff;
}

.nekoToTopsize{
	font-size: 2.5rem;
}


.closeflotante{
	position: fixed;
	right: 2%;
	top: 35%;
	z-index: 99;
	/*background-color: #fff;
	padding: 0.5%;*/
}
/*LOGO*/
.logo{ 
	padding-top:0%; 
	position:relative; 
	top: 0px;
	left: -8%;
}
.header-logos {
    border-bottom: 3px solid #D9DADA;
    height: 120px;
    background-color: #fff;
}
.header-logos-tengo{}

.header-logos-hecho{}

.header-logos--a{}

.logo-quehehecho{
	background-image: url(../images/inicio/headerhecho.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 65px;
	width: 285px;
	position: absolute;
	left: 0;
}
.logo-quehehecho.activehere{
	background-position: 0 -70px;
}
.logo-quehehecho:hover{
	background-position: 0 -70px;
}

.logo-quetengo{
	background-image: url(../images/inicio/headertengo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 65px;
	width: 254px;
	position: absolute;
	right: 0;
}
.logo-quetengo.activehere{
	background-position: 0 -70px;
}
.logo-quetengo:hover{
	background-position: 0 -70px;
}

.header-logos-covid{}

.logo-headercovid{
	background-image: url(../images/inicio/headercovid.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 73px;
	width: 465px;
	position: absolute;
	left: 0;
}
.logo-headercovid.activehere{
	background-position: 0 -70px;
}
.logo-headercovid:hover{
	background-position: 0 -70px;
}

.header-p-movil{
	color: #000;
	font-family: 'Montserrat-Bold';
	font-size: 1.8rem;
	text-align: center;
	font-style: italic;
	letter-spacing: 5px;
	display: none;
}

.menumovil {
    color: #6D6E70;
    display: none;
    font-family: 'Montserrat-Bold';
    font-size: 1.5rem;
    text-align: center;
    position: relative;
    top: -12px;
    font-style: italic;
}
.volver-movil {
    background-image: url(../images/inicio/volver.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 22px;
    width: 70px;
    display: none;
    position: relative;
    left: 12%;
    top: -6px;
}

/* NAV */
.navbar-horizontal{
	background-color:#fff; 	
	margin-bottom:0%;
	padding-bottom: 2%;
	padding-top: 3%;
}
.nav-horizontal{ 
	width:100%; 
	text-align:center; 
	margin-top:0%; 
	-webkit-margin-before:0%;
	left: 0%;
	position: relative;
	top: -1px;
}
.navbar-fluid{
	padding-left: 180px;
	padding-right: 180px;
}

/* li general */ 
.nav-horizontal__li{
	width:11%; 
	font-size:1.4rem;
	margin-right: 0.8%;
	font-family: 'Montserrat-ExtraBold';
}


/* li individuales */ 
.nav-horizontal_color1{ 
	background-color:transparent;
	width: 8%;
	position: relative;
}

.nav-horizontal_color2{ 
	background-color:transparent;
	width: 8%;
	position: relative;
}

.nav-horizontal_color3{ 
	background-color:transparent;
	position: relative;	
}

.nav-horizontal_color4{ 
	background-color:transparent;
	width: 9%;
	position: relative;
}

.nav-horizontal_color5{ 
	background-color:transparent;
	width: 11%;
	position: relative;
}

.nav-horizontal_color6{ 
	background-color:transparent;
	width: 12%;
	position: relative;
}

.nav-horizontal_color7{ 
	background-color:transparent;
	width: 9%;
	position: relative;
}
.nav-horizontal_color8{ 
	background-color:transparent;	
	width: 13%;
	position: relative;
}

.nav-horizontal_color9{ 
	background-color:transparent;	
	position: relative;
	
}

/* li hover - li active */ 
.nav-horizontal_color1:hover:after,
.nav-horizontal_color1:focus:after,
.nav-horizontal_color1-active:after{ 
	content: "";
	background-color: #2F297D;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}

.nav-horizontal_color2:hover:after,
.nav-horizontal_color2:focus:after,
.nav-horizontal_color2-active:after{ 
	content: "";
	background-color: #FF9C33;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}


.nav-horizontal_color3:hover:after,
.nav-horizontal_color3:focus:after,
.nav-horizontal_color3-active:after{
	content: "";
	background-color: #FFC301;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}


.nav-horizontal_color4:hover:after,
.nav-horizontal_color4:focus:after,
.nav-horizontal_color4-active:after{
	content: "";
	background-color: #C90039;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}

.nav-horizontal_color5:hover:after,
.nav-horizontal_color5:focus:after,
.nav-horizontal_color5-active:after{
	content: "";
	background-color: #910D3F;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}


.nav-horizontal_color6:hover:after,
.nav-horizontal_color6:focus:after,
.nav-horizontal_color6-active:after{
	content: "";
	background-color: #5A1846;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}


.nav-horizontal_color7:hover:after,
.nav-horizontal_color7:focus:after,
.nav-horizontal_color7-active:after{
	content: "";
	background-color: #8FBADA;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}

.nav-horizontal_color8:hover:after,
.nav-horizontal_color8:focus:after,
.nav-horizontal_color8-active:after{
	content: "";
	background-color: #1F6FC6;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}


.nav-horizontal_color9:hover:after,
.nav-horizontal_color9:focus:after,
.nav-horizontal_color9-active:after{
	content: "";
	background-color: #FF5733;
	border-radius: 5px;
	height: 4px; width: 90%; left: 5%;
	bottom: 0; position: absolute;
}


/* li a general */ 
.nav-horizontal > 
.nav-horizontal__li > a{ 
	
	padding-left: 10px;
	padding-right: 10px;
	line-height: 100%;
}
.nav-horizontal > 
.nav-horizontal__li > a.oneline{
	padding-top: 21px; 
	padding-bottom: 21px;
}
.nav-horizontal > 
.nav-horizontal__li > a.twoline{
	padding-top: 12px; 
	padding-bottom: 16px;
}


.nav-horizontal > 
.nav-horizontal__li > a p{ 
	margin: 0;
}

.nav-horizontal__li-a { 
	color:#000
}
.nav-horizontal__li-a-active {
	color:#000;
}

/*.nav-horizontal__li:hover .nav-horizontal__li-a { 
	color:#fff
}
*/

/*  hover - li a active  */
.nav-horizontal__li-a:hover,
.nav-horizontal__li-a:active,
.nav-horizontal__li-a:focus,
.nav-horizontal__li-a-active:hover,
.nav-horizontal__li-a-active:active,
.nav-horizontal__li-a-active:focus{
	color:#000; 
}


/* hover reset  */
.navbar-horizontal 
.nav-horizontal > 
.nav-horizontal__li > a:hover{
	background-color:transparent;
}


/* focus reset */
.navbar-horizontal .nav-horizontal >
.nav-horizontal_color1 > a:focus {
	background-color:transparent;
}
.navbar-horizontal .nav-horizontal > 
.nav-horizontal_color2:focus{
	background-color:transparent;
}
.navbar-horizontal .nav-horizontal > 
.nav-horizontal__color3 > a:focus {
	background-color:transparent;
}
.navbar-horizontal .nav-horizontal > 
.nav-horizontal__color4 > a:focus {
	background-color:transparent;
}
.navbar-horizontal .nav-horizontal > 
.nav-horizontal__color5 > a:focus {
	background-color:transparent;
}
.navbar-horizontal .nav-horizontal > 
.nav-horizontal__color6 > a:focus {
	background-color:transparent;
}
.navbar-horizontal .nav-horizontal > 
.nav-horizontal__color7 > a:focus {
	background-color:transparent;
}
.navbar-horizontal .nav-horizontal > 
.nav-horizontal__color8 > a:focus {
	background-color:transparent;
}
.navbar-horizontal .nav-horizontal > 
.nav-horizontal__color9 > a:focus {
	background-color:transparent;
}


/*----------- GENERAL -------------*/
.img-center{
	display:block; 
	margin:auto;
}



/*----------- IFRAME YOUTUBE -------------*/

.iframe-youtube {
	position: relative;
	padding-bottom: 50%;
	padding-top: 0px;
}

.iframe-youtube iframe {
	position: absolute;
	width: 100%!important;
	height: 100%!important;
}


/*----------- FOOTER -------------*/
   
.footer{
	background-color: #898989;
	padding: 70px 0 30px;
}
.footer-fluid{
	padding-left: 120px;
	padding-right: 120px;
}

.footer-col-logo{}
.footer-col-info{}
.footer-col-redes{}

.footer-col-parrafo{
	padding: 0 10% 0 0;
}

.footer-col-ul{
	padding-top: 46px;
}

.footer-title{
	color: #fff; 
	font-family: 'Montserrat-Bold';
	font-size: 1.5rem; 
	text-align: right;
	letter-spacing: 4px;
}

.footer-p{
	color:#fff;
	font-family: 'Montserrat-Regular';
	font-size: 1.4rem;
	text-align: left;
}

.footer-info-ul{
	list-style-type: none;
}
.footer-info-ul li{
	color:#fff;
	font-family: 'Montserrat-Regular';
	font-size: 1.4rem; 
	text-align: right;
}
.footer-info-ul li a {
    color: #fff !important;
    font-family: 'Montserrat-Bold';
}

.footer-info-ul2{
	list-style-type: none;
}
.footer-info-ul2 li{
	color:#fff;
	font-family: 'Montserrat-Regular';
	font-size: 1.4rem; 
	text-align: right;
	display: inline-block;
	margin-right: 5%;
}
.footer-info-ul2 li a{
	color:#fff;
}


.redes-inline{
	text-align: right;
}
.redes-inline > li{
	margin-right: 10%;
}
.redes-inline > li:last-child{
	margin-right: 0%;
}
.btn-redes { 
	display: inline-block; 
	width: auto;  
	height: auto;  
	border: none;  
	border-radius: 100%;  
	text-align: center; 
	font-size: 50px; 
	line-height: 26px;
}

.btn-redes .positioni{
	position: relative; 
	top: 0px;
}

.btn-styleredes {  
	margin-top: 15px; 
	color: #FFFFFF; 
	background: 0 0;  
	transition: all .3s ease-in-out;
}

.btn-styleredes:hover,
.btn-styleredes:focus,
.btn-styleredes:active,
.btn-styleredes.active { 
	color: #D8182A;
}


.espacioenconstruccion{
    background-image: url(../images/main/espacioenconstruccion.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1000px;
    padding-top: 700px;
}
.espacioenconstruccion-a{
	position: relative;
    top: 0px;
    left: 4%;
}

/* GENERALES */
.volver{
	display: block;
    margin-left: auto;
    position: relative;   
	background-image: url(../images/inicio/volver.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 93px;
	height: 25px;
	top: -20px;
}
.quehehechoporti-fluid{
	padding-left: 190px;
	padding-right: 190px;
}
.quehehechoporti-h2{
	color: #000;
	font-family: 'Montserrat-ExtraBold';
	font-size: 4.7rem;
}
.quehehechoporti-italic{
	font-style: italic;
}
.quehehechoporti-align-l {
	text-align: left;
}
.quehehechoporti-align-c {
	text-align: center;
}
.quehehechoporti-align-r {
	text-align: right;
}

.home-bubble-1 {
    display: block;
    margin-left: auto;
    position: relative;
    right: 19%;
    top: 15px;
	background-image: url(../images/inicio/burbuja-1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 521px;
	height: 135px;
}
.home-bubble-2 {
    display: block;
    margin-left: auto;
    position: relative;
    right: 5%;
    top: 41px;
	background-image: url(../images/inicio/burbuja-2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 356px;
	height: 134px;
}
.home-bubble-3 {
    display: block;
    margin-left: auto;
    position: relative;
    right: 4%;
    top: 105px;
	background-image: url(../images/inicio/burbuja-3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 672px;
	height: 226px;
}

.quehehechoporti-gestion-div{
	padding: 0 80px;
}
.quehehechoporti-col{
	padding: 0 20px;
	margin-top: 1%;
}
.quehehechoporti-gestion-h2{
	font-size: 2.3rem;
	margin-bottom: 25px;
}
.quehehechoporti-afiliados{
	background-color: #FFC301;
	border: 2px solid #FFC301;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';	
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-afiliados:hover{
	background-color: #fff;
	color: #FFC301;
}

.quehehechoporti-cultura{
	background-color: #FF9C33;
	border: 2px solid #FF9C33;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-cultura:hover{
	background-color: #fff;
	color: #FF9C33;
}

.quehehechoporti-dialogo{
	background-color: #FF5733;
	border: 2px solid #FF5733;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-dialogo:hover{
	background-color: #fff;
	color: #FF5733;
}

.quehehechoporti-educacion{
	background-color: #C90039;
	border: 2px solid #C90039;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-educacion:hover{
	background-color: #fff;
	color: #C90039;
}

.quehehechoporti-fortalecimiento{
	background-color: #910D3F;
	border: 2px solid #910D3F;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-fortalecimiento:hover{
	background-color: #fff;
	color: #910D3F;
}

.quehehechoporti-infra{
	background-color: #5A1846;
	border: 2px solid #5A1846;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-infra:hover{
	background-color: #fff;
	color: #5A1846;
}

.quehehechoporti-promoregion{
	background-color: #8FBADA;
	border: 2px solid #8FBADA;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-promoregion:hover{
	background-color: #fff;
	color: #8FBADA;
}

.quehehechoporti-regionalizacion{
	background-color: #1F6FC6;
	border: 2px solid #1F6FC6;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-regionalizacion:hover{
	background-color: #fff;
	color: #1F6FC6;
}

.quehehechoporti-sistemamoda{
	background-color: #2F297D;
	border: 2px solid #2F297D;
	border-radius: 50px;
	color: #fff;
	font-family: 'Montserrat-ExtraBold';
	font-style: italic;
	padding: 15px;
	text-align: center;
}
.quehehechoporti-sistemamoda:hover{
	background-color: #fff;
	color: #2F297D;
}
.queseviene-title{
    position: relative;
    margin-top: -60px;
}
.queseviene-div {
    position: relative;
    margin-top: 6%;
}
.queseviene-diez-h2 {
    color: #000;
    font-size: 18rem;
    font-family: 'Gordita-Black';
    font-style: italic;
    text-align: left;
    padding-left: 9%;
    z-index: 9;
    position: relative;
}
.queseviene-div-diez{
	background-image: url(../images/inicio/fig-01.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;	
	position: absolute;
	height: 224px;
	width: 224px;
	left: -3%;
	z-index: 1;
}

.queseviene-div-anos {
    color: #000;
    font-size: 3rem;
    font-family: 'Gordita-Regular';
    font-style: italic;
    text-align: center;
    letter-spacing: 40px;
    position: relative;
    left: 12%;
    top: -20px;
}
.queseviene-div-p {
    color: #000;
    font-size: 2.5rem;
    font-family: 'Montserrat-Bold';
    font-style: italic;
    line-height: 100%;
}
.queseviene-div-p span.space1{}
.queseviene-div-p span.space2 {
    position: relative;
    left: -4%;
}
.queseviene-div-p span.space3{}

.quehehechoporti-aliados-sec{
	padding-bottom: 90px;
	padding-top: 50px;
}
.historico-grafica{
	
}
.historico-div{
	position: relative;
    margin-top: 2%;
}
.historico-crecimiento{
    margin-bottom: 5%;
	display: none;
}
.historico-div-cien{
	background-image: url(../images/inicio/fig-02.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;	
	position: absolute;
	height: 246px;
	width: 246px;
	left: -3%;
	z-index: 1;
}
.historico-diez-h2 {
    color: #000;
    font-size: 12rem;
    font-family: 'Gordita-Black';
    font-style: italic;
    text-align: left;
    padding-left: 4%;
    z-index: 9;
    position: relative;
    margin-top: 9%;
    margin-bottom: 16%;
}
.historico-total-div{
	padding-left: 0px;
	padding-right: 5px;
}
.historico-total{
	 color: #000;
    font-size: 2.2rem;
    font-family: 'Montserrat-Bold';
    font-style: italic;
	margin-top: 30px;
}
.historico-ul{
	list-style-type: none;
	padding-left: 0;
}
.historico-ul li{
	color: #000;
}
.historico-ul li.cantidad{
	border-bottom: 2px solid #000;
	font-family: 'Gordita-Black';
	font-size: 4.5rem;    
    font-style: italic;
	text-align: center;
}
.historico-ul li.millones {
    font-family: 'Gordita-Regular';
    font-size: 1.6rem;
    font-style: italic;
    letter-spacing: 16px;
    text-align: center;
    margin-top: 7px;
}

.aliados-desktop{}
.aliados-movil{
	display: none;
}

.cifras-title {
    color: #000;
    font-size: 1.8rem;
    font-family: 'Montserrat-ExtraBold';
    font-style: italic;
    line-height: 100%;
    letter-spacing: 10px;
	text-align: right;
}	

.banner-desktop{}
.banner-movil{
	display: none;
}


/* RESPONSIVE */

@media screen and (min-width:280px) and (max-width:479px){
	::-webkit-scrollbar {
		display: none;
	}
	html{
		overflow-x: hidden !important;
	}
	.navbar-nav{
		margin: 7.5px 0px;
	}
	
	.navbar-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-header{
		padding: 0px 20%;
	}
	.navbar-toggle {
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		float: none;
		margin-bottom: 10px;
		margin-right: 15px;
		margin-top: 115px;
		padding: 9px 10px;
		position: relative;
		display: inline;
	}
	.navbar-toggle .icon-bar {
		background-color:#6D6E70;
		display: block;
		width: 30px;
		height: 2px;
		border-radius: 1px;
		margin-bottom: 7px;
	}
	
	.navbar-horizontal{
		padding-top: 5%;
	}
	.nav-horizontal {
		width: 100%;
		left: 0;
		position: relative;
		top: 0;
	}
	.nav-horizontal__li{
		width: 100%;
	}
	.logo {
		top: 30px;
		left: 0;
		width: 100%;
		position: absolute;
		height: 80px;
	}
	
	.logo img {
		width: auto;
		display: block;
		margin: auto;
	}
	.header-p-movil{
		display: block;
	}
	.menumovil{
		display: inline-block;
	}
	.volver-movil{
		display: inline-block;
	}
	.volver{
		display: none;
	}
	
	/*Header*/
	.header-logos{
		height: auto;
		padding: 5.5% 2% 2%;
	}
	.header-logos-hecho {
		padding-bottom: 2%;
		padding-top: 6%;
	}
	.header-logos-covid {
		padding-bottom: 10%;
	}
	.header-logos-tengo {
		padding-bottom: 8%;
	}
	.logo-quehehecho{
		left: 0%;
		position: relative;
		height: 61px;
		width: 259px;
		display: block;
		margin: auto;
	}
	.logo-quetengo{
		right: 0%;
		position: relative;
		margin: auto;
		height: 64px;
		width: 245px;
	}	
	.logo-quehehecho.activehere {
		background-position: 0 -64px;
	}
	
	.logo-quehehecho:hover{
		background-position: 0 -64px;
	}

	.logo-quetengo.activehere{
		background-position: 0 -67px;
	}
	.logo-quetengo:hover{
		background-position: 0 -67px;
	}
	
		
	.logo-headercovid{
		background-image:url(../images/inicio/headercovidmovil.png);
		position: relative;
		display: block;
		margin: auto;
		width: 215px;
		height: 125px;
	}
	.logo-headercovid.activehere {
		background-position: 0 -111px;
	}
	
	.logo-headercovid:hover{
		background-position: 0 -111px;
	}

	/**/
		
	.btn-redes{
		font-size: 35px;
	}
	
	.redes-inline > li {
		margin-right: 3%;
	}
	.footer-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}
	.footer-col-parrafo {
		padding: 5% 0;
	}
	.footer-info-ul2 li{		
		margin-right: 3%;
		text-align: center;
		display: block;
	}
	.footer-info-ul li{
		text-align: center;
	}
	.footer-p{
		text-align: center;
	}
	.redes-inline {
		text-align: center;
	}
	.footer-info-ul2{
		padding-left: 0;
	}
	.footer-title{
		text-align: center;
	}
	.footer-info-ul{
		padding-left: 0;
	}
	.footer-col-ul {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.closeflotante{
		right: -4%;
		top: 40%;
	}
	.closeflotante a img{
		width: 50%;
	}
	
	/**/
	
	.quehehechoporti-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}
	.quehehechoporti-h2 {
		font-size: 2.5rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size: 1.5rem;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.quehehechoporti-gestion-div {
		padding: 0 5px;
	}
	.quehehechoporti-col {
		padding: 0 10px;
	}
	.home-bubble-1 {
		right: 0%;
		width: 245px;
		height: 74px;
	}
	.home-bubble-2 {
		right: 0;
		width: 215px;
		height: 90px;
		top: 20px;
	}
	.home-bubble-3 {
		background-image: url(../images/inicio/burbuja-3-movil.png);
		right: 7%;
		width: 280px;
		height: 280px;
		top: 13px;
	}
	.historico-div {
		margin-top: 10%;
	}
	.historico-div-cien {
		height: 112px;
		width: 150px;
		left: 7%;
		top: -2px;
	}
	.historico-diez-h2 {
		margin-top: 4%;
		margin-bottom: 13%;
		font-size: 7rem;
		text-align: center;
	}
	.historico-total {		
		margin-top: 12px;
	}
	.queseviene-diez-h2 {
		padding-left: 0;
		font-size: 10rem;
		text-align: center;
	}
	.historico-ul li.cantidad{
		font-size: 3.5rem;
	}
	.historico-ul li.millones {
		letter-spacing: 8px;
	}
	.queseviene-title {
		margin-top: -15px;
	}
	.queseviene-div-p {
		margin-bottom: 10%;
		margin-top: 5%;
		font-size: 1.4rem;
	}
	.queseviene-div-diez {
		height: 139px;
		width: 117px;
		left: 14%;
	}
	.queseviene-div-anos {
		font-size: 2.5rem;
		text-align: right;
		left: auto;
		letter-spacing: 20px;
		right: 20%;
		top: -10px;
	}

	.queseviene-div-info{
		padding: 0;
	}
	.historico-grafica img {
		position: relative;
		top: 1px;
	}
	.quehehechoporti-aliados-sec {
		padding-bottom: 70px;
		padding-top: 30px;
	}
	.aliados-desktop {
		display: none;
	}
	.aliados-movil {
		display: block;
	}
	
	.banner-desktop{
		display: none;
	}
	.banner-movil{
		display: block;
	}
	
	.cifras-title{
		font-size: 1.8rem;
		letter-spacing: 5px;
	}
	
	.historico-crecimiento {
	   display: none;
	}
	
}

@media screen and (min-width:480px) and (max-width:599px){
	html{
		overflow-x: hidden !important;
	}
	.navbar-nav{
		margin: 7.5px 0px;
	}
	
	.navbar-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-header{
		padding: 0px 20%;
	}
	.navbar-toggle {
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		float: none;
		margin-bottom: 10px;
		margin-right: 15px;
		margin-top: 115px;
		padding: 9px 10px;
		position: relative;
		display: inline;
	}
	.navbar-toggle .icon-bar {
		background-color:#6D6E70;
		display: block;
		width: 30px;
		height: 2px;
		border-radius: 1px;
		margin-bottom: 7px;
	}
	
	.navbar-horizontal{
		padding-top: 5%;
	}
	.nav-horizontal {
		width: 100%;
		left: 0;
		position: relative;
		top: 0;
	}
	.nav-horizontal__li{
		width: 100%;
	}
	.logo {
		top: 30px;
		left: 0;
		width: 100%;
		position: absolute;
		height: 80px;
	}
	
	.logo img {
		width: auto;
		display: block;
		margin: auto;
	}
	.header-p-movil{
		display: block;
	}
	.menumovil{
		display: inline-block;
	}
	.volver-movil {
		display: inline-block;
		left: 33%;
	}

	.volver{
		display: none;
	}
	
	/*Header*/
	.header-logos {
		height: auto;
		padding: 40px 40px 35px;
	}
	.header-logos-hecho {
		padding-bottom: 4%;
		padding-top: 6%;
	}
	.header-logos-covid {
		padding-bottom: 10%;
	}
	.header-logos-tengo {
		padding-bottom: 8%;
	}
	.logo-quehehecho{
		left: 0%;
		position: relative;
		display: block;
		margin: auto;
	}
	
	.logo-quetengo{
		position: relative;
		display: block;
		margin: auto;
		right: 0%;
	}
	.logo-headercovid{
		background-image:url(../images/inicio/headercovidmovil.png);
		position: relative;
		display: block;
		margin: auto;
		width: 230px;
		height: 127px;
	}
	.logo-headercovid.activehere {
		background-position: 0 -119px;
	}
	
	.logo-headercovid:hover{
		background-position: 0 -119px;
	}
	/**/
		
	.btn-redes{
		font-size: 40px;
	}
	
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 5% 0;
	}
	.footer-info-ul2 li{		
		margin-right: 3%;
		text-align: center;
		display: block;
	}
	.footer-info-ul li{
		text-align: center;
	}
	.footer-p{
		text-align: center;
	}
	.redes-inline {
		text-align: center;
	}
	.footer-info-ul2{
		padding-left: 0;
	}
	.footer-title{
		text-align: center;
	}
	.footer-info-ul{
		padding-left: 0;
	}
	.footer-col-ul {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.closeflotante{
		top: 40%;
	}
	.closeflotante a img{
		width: 70%;
	}

	/**/
	
	.quehehechoporti-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}
	.quehehechoporti-h2 {
		font-size: 3rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size:1.8rem;
	}
	.quehehechoporti-gestion-div {
		padding: 0 20px;
	}
	.quehehechoporti-col {
		padding: 0 10px;
	}
	.home-bubble-1 {
		right: 4%;
		width: 360px;
		height: 102px;
	}
	.home-bubble-2 {
		right: -4%;
		width: 237px;
		height: 99px;
		top: 20px;
	}
	.home-bubble-3 {
		right: 0%;
		width: 382px;
		height: 150px;
		top: 23px;
	}
	.historico-div {
		margin-top: 10%;
	}
	.historico-div-cien {
		height: 150px;
		width: 155px;
		left: 10%;
		top: 23px;
	}
	.historico-diez-h2 {
		margin-top: 10%;
		margin-bottom: 18%;
		font-size: 10rem;
		text-align: center;
	}
	.historico-total {		
		margin-top: 12px;
	}
	.queseviene-diez-h2 {
		padding-left: 0;
		font-size: 13rem;
		text-align: center;
	}
	
	.historico-ul li.millones {
		letter-spacing: 8px;
	}
	.queseviene-title {
		margin-top: -15px;
	}
	.queseviene-div-p {
		margin-bottom: 10%;
		margin-top: 5%;
		font-size: 2rem;
	}
	.queseviene-div-diez {
		height: 183px;
		width: 148px;
		left: 19%;
	}
	.queseviene-div-anos {
		font-size: 2.5rem;
		text-align: right;
		left: auto;
		letter-spacing: 20px;
		right: 20%;
		top: -10px;
	}

	.queseviene-div-info{
		padding: 0;
	}
	.historico-grafica img {
		position: relative;
		top: 31px;
	}
	.quehehechoporti-aliados-sec {
		padding-bottom: 70px;
		padding-top: 30px;
	}
	.aliados-desktop {
		display: none;
	}
	.aliados-movil {
		display: block;
	}
	.banner-desktop{
		display: none;
	}
	.banner-movil{
		display: block;
	}
	.cifras-title{
		font-size: 1.8rem;
		letter-spacing: 5px;
	}
	.historico-crecimiento {
	   display: none;
	}
	
	
}

@media screen and (min-width:600px) and (max-width:767px){
	
	html{
		overflow-x: hidden !important;
	}
	.navbar-nav{
		margin: 7.5px 0px;
	}
	
	.navbar-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}	
	.navbar-header{
		padding: 0px 20%;
	}
	.navbar-toggle {
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		float: none;
		margin-bottom: 10px;
		margin-right: 15px;
		margin-top: 115px;
		padding: 9px 10px;
		position: relative;
		display: inline;
	}
	.navbar-toggle .icon-bar {
		background-color:#6D6E70;
		display: block;
		width: 30px;
		height: 2px;
		border-radius: 1px;
		margin-bottom: 7px;
	}
	
	.navbar-horizontal{
		padding-top: 5%;
	}
	.nav-horizontal {
		width: 100%;
		left: 0;
		position: relative;
		top: 0;
	}
	.nav-horizontal__li{
		width: 100%;
	}
	.logo {
		top: 30px;
		left: 0;
		width: 100%;
		position: absolute;
		height: 80px;
	}
	
	.logo img {
		width: auto;
		display: block;
		margin: auto;
	}
	.header-p-movil{
		display: block;
	}
	.menumovil{
		display: inline-block;
	}
	.volver-movil {
		display: inline-block;
		left: 47%;
	}

	.volver{
		display: none;
	}
	
	
	/*Header*/
	
	.header-logos {
		height: auto;
		padding: 40px 40px 35px;
	}
	.header-logos-hecho {
		padding-bottom: 4%;
	}
	.header-logos-covid {
		padding-bottom: 6%;
	}
	.header-logos-tengo {
		padding-bottom: 3%;
	}
	.logo-quehehecho{
		left: 0%;
		position: relative;
		display: block;
		margin: auto;
	}
	.logo-headercovid{
		position: relative;
		display: block;
		margin: auto;
	}
	.logo-quetengo{
		position: relative;
		display: block;
		margin: auto;
		right: 0%;
	}
	
	
	
	.btn-redes{
		font-size: 40px;
	}
	
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 5% 0;
	}
	.footer-info-ul2 li{		
		margin-right: 3%;
		text-align: center;
		display: block;
	}
	.footer-info-ul li{
		text-align: center;
	}
	.footer-p{
		text-align: center;
	}
	.redes-inline {
		text-align: center;
	}
	.footer-info-ul2{
		padding-left: 0;
	}
	.footer-title{
		text-align: center;
	}
	.footer-info-ul{
		padding-left: 0;
	}
	.footer-col-ul {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	/**/
	
	.quehehechoporti-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.quehehechoporti-h2 {
		font-size: 3rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size: 2rem;
	}
	.quehehechoporti-gestion-div {
		padding: 0 20px;
	}
	.quehehechoporti-col {
		padding: 0 10px;
	}
	.home-bubble-1 {
		right: 4%;
		width: 360px;
		height: 102px;
	}
	.home-bubble-2 {
		right: -4%;
		width: 237px;
		height: 99px;
		top: 20px;
	}
	.home-bubble-3 {
		right: 0%;
		width: 433px;
		height: 175px;
		top: 23px;
	}
	.historico-div-cien {
		height: 177px;
		width: 195px;
		left: 19%;
		top: 23px;
	}
	.historico-diez-h2 {
		margin-top: 10%;
		margin-bottom: 18%;
		font-size: 10rem;
		text-align: center;
	}
	.historico-total {		
		margin-top: 12px;
	}
	.queseviene-diez-h2 {
		padding-left: 0;
		font-size: 13rem;
		text-align: center;
	}
	
	.historico-ul li.millones {
		letter-spacing: 8px;
	}
	.queseviene-title {
		margin-top: -15px;
	}
	.queseviene-div-p {
		margin-bottom: 10%;
		margin-top: 5%;
	}
	.queseviene-div-diez {
		height: 170px;
		width: 163px;
		left: 22%;
	}
	.queseviene-div-anos {
		font-size: 2.5rem;
		text-align: right;
		left: auto;
		letter-spacing: 20px;
		right: 20%;
		top: -10px;
	}

	.queseviene-div-info{
		padding: 0;
	}
	.historico-grafica img {
		position: relative;
		top: 31px;
	}
	.quehehechoporti-aliados-sec {
		padding-bottom: 70px;
		padding-top: 30px;
	}
	.aliados-desktop {
		display: none;
	}
	.aliados-movil {
		display: block;
	}
	.banner-desktop{
		display: none;
	}
	.banner-movil{
		display: block;
	}
	
	.cifras-title{
		font-size: 1.8rem;
		letter-spacing: 5px;
	}

	.historico-crecimiento {
	   display: none;
	}
	
	
}

@media screen and (min-width:768px) and (max-width:799px){
	.navbar-nav{
		margin: 7.5px 0px;
	}
	
	.navbar-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}	
	.navbar-header{
		padding: 0px 20%;
	}
	.navbar-toggle {
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		float: none;
		margin-bottom: 10px;
		margin-right: 15px;
		margin-top: 115px;
		padding: 9px 10px;
		position: relative;
		display: inline;
	}
	.navbar-toggle .icon-bar {
		background-color:#6D6E70;
		display: block;
		width: 30px;
		height: 2px;
		border-radius: 1px;
		margin-bottom: 7px;
	}
	
	.navbar-horizontal{
		padding-top: 5%;
	}
	.nav-horizontal {
		width: 100%;
		left: 0;
		position: relative;
		top: 0;
	}
	.nav-horizontal__li{
		width: 100%;
	}
	.logo {
		top: 30px;
		left: 0;
		width: 100%;
		position: absolute;
		height: 80px;
	}
	
	.logo img {
		width: auto;
		display: block;
		margin: auto;
	}
	.header-p-movil{
		display: block;
	}
	.menumovil{
		display: inline-block;
	}
	.volver-movil {
		display: inline-block;
		left: 55%;
	}
	.volver{
		display: none;
	}
	
	
	/*Header*/
	.header-logos {
		height: auto;
		padding: 40px 80px 35px;
	}
	.header-logos-hecho {
		padding-bottom: 4%;
	}
	.header-logos-covid {
		padding-bottom: 6%;
	}
	.header-logos-tengo {
		padding-bottom: 3%;
	}
	.logo-quehehecho{
		left: 0%;
		position: relative;
		display: block;
		margin: auto;
	}
	.logo-headercovid{
		position: relative;
		display: block;
		margin: auto;
	}
	.logo-quetengo{
		position: relative;
		display: block;
		margin: auto;
		right: 0%;
	}
	
		
	.btn-redes{
		font-size: 40px;
	}
	
	.redes-inline > li {
		margin-right: 4%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 0 2% 0 0;
	}
	.footer-info-ul2 li{
		font-size: 1.2rem;
		margin-right: 3%;
	}
	.footer-info-ul li{
		font-size: 1.2rem;
	}
	
	/**/
	
	.quehehechoporti-fluid {
		padding-left: 60px;
		padding-right: 60px;
	}
	.quehehechoporti-h2 {
		font-size: 3rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size: 2rem;
	}
	.quehehechoporti-gestion-div {
		padding: 0 20px;
	}
	.quehehechoporti-col {
		padding: 0 10px;
	}
	.home-bubble-1 {
		right: 4%;
		width: 360px;
		height: 102px;
	}
	.home-bubble-2 {
		right: -4%;
		width: 237px;
		height: 99px;
		top: 20px;
	}
	.home-bubble-3 {
		right: 0%;
		width: 433px;
		height: 175px;
		top: 23px;
	}
	.historico-div-cien {
		height: 134px;
		width: 128px;
		left: 0%;
	}
	.historico-diez-h2 {
		margin-top: 10%;
		margin-bottom: 18%;
		font-size: 8rem;
	}
	.historico-total {
		font-size: 1.4rem;
		margin-top: 12px;
	}
	.queseviene-diez-h2 {
		padding-left: 17%;
		font-size: 11rem;
	}
	.historico-ul li.cantidad{
		font-size: 2.1rem;
	}
	.historico-ul li.millones {
		font-size: 1rem;
		letter-spacing: 8px;
	}
	.queseviene-title {
		margin-top: -15px;
	}
	.queseviene-div-p{
		font-size: 1.4rem;
	}
	.queseviene-div-diez {
		height: 155px;
		width: 142px;
		left: -2%;
	}
	.queseviene-div-anos {
		font-size: 2rem;
		text-align: right;
		left: 0%;
		letter-spacing: 20px;
	}

	.queseviene-div-info{
		padding: 0;
	}
	.historico-grafica img {
		position: relative;
		top: 31px;
	}
	.banner-desktop{
		display: none;
	}
	.banner-movil{
		display: block;
	}
	
	.cifras-title{
		font-size: 1.8rem;
		letter-spacing: 5px;
	}
	
	
	
}

@media screen and (min-width:800px) and (max-width:1023px){
	
	.navbar-nav{
		margin: 7.5px 0px;
	}
	
	.navbar-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}	
	.navbar-header{
		padding: 0px 20%;
	}
	.navbar-toggle {
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		float: none;
		margin-bottom: 10px;
		margin-right: 15px;
		margin-top: 115px;
		padding: 9px 10px;
		position: relative;
		display: inline;
	}
	.navbar-toggle .icon-bar {
		background-color:#6D6E70;
		display: block;
		width: 30px;
		height: 2px;
		border-radius: 1px;
		margin-bottom: 7px;
	}
	
	.navbar-horizontal{
		padding-top: 5%;
	}
	.nav-horizontal {
		width: 100%;
		left: 0;
		position: relative;
		top: 0;
	}
	.nav-horizontal__li{
		width: 100%;
	}
	.logo {
		top: 30px;
		left: 0;
		width: 100%;
		position: absolute;
		height: 80px;
	}
	
	.logo img {
		width: auto;
		display: block;
		margin: auto;
	}
	.header-p-movil{
		display: block;
	}
	.menumovil{
		display: inline-block;
	}
	.volver-movil {
		display: inline-block;
		left: 55%;
	}
	.volver{
		display: none;
	}
		
	/*Header*/
	.header-logos {
		height: auto;
		padding: 40px 80px 35px;
	}
	.header-logos-hecho {
		padding-bottom: 4%;
	}
	.header-logos-covid {
		padding-bottom: 6%;
	}
	.header-logos-tengo {
		padding-bottom: 3%;
	}
	.logo-quehehecho{
		left: 0%;
		position: relative;
		display: block;
		margin: auto;
	}
	.logo-headercovid{
		position: relative;
		display: block;
		margin: auto;
	}
	.logo-quetengo{
		position: relative;
		display: block;
		margin: auto;
		right: 0%;
	}
	
	.btn-redes{
		font-size: 40px;
	}
	
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 0 2% 0 0;
	}
	.footer-info-ul2 li{
		font-size: 1.2rem;
		margin-right: 3%;
	}
	.footer-info-ul li{
		font-size: 1.2rem;
	}
	
	/**/	
	.quehehechoporti-fluid {
		padding-left: 60px;
		padding-right: 60px;
	}
	.quehehechoporti-h2 {
		font-size: 3rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size:2rem;
	}
	.quehehechoporti-gestion-div {
		padding: 0 20px;
	}
	.quehehechoporti-col {
		padding: 0 10px;
	}
	.home-bubble-1 {
		right: 4%;
		width: 360px;
		height: 102px;
	}
	.home-bubble-2 {
		right: 0;
		width: 237px;
		height: 99px;
	}
	.home-bubble-3 {
		right: 0%;
		width: 433px;
		height: 175px;
		top: 23px;
	}
	.historico-div-cien {
		height: 158px;
		width: 174px;
		left: 0%;
	}
	.historico-diez-h2 {
		margin-top: 10%;
		margin-bottom: 18%;
		font-size: 9rem;
	}
	.historico-total {
		font-size: 1.6rem;
		margin-top: 12px;
	}
	.queseviene-diez-h2 {
		padding-left: 10%;
		font-size: 13rem;
	}
	.historico-ul li.cantidad{
		font-size: 2.4rem;
	}
	.historico-ul li.millones {
		font-size: 1.1rem;
		letter-spacing: 8px;
	}
	.queseviene-title {
		margin-top: -15px;
	}
	.queseviene-div-p{
		font-size: 1.4rem;
	}
	.queseviene-div-diez {
		height: 155px;
		width: 157px;
		left: -2%;
	}
	.queseviene-div-anos {
		font-size: 2rem;
		text-align: right;
		left: 0%;
		letter-spacing: 20px;
	}

	.queseviene-div-info{
		padding: 0;
	}
	.banner-desktop{
		display: none;
	}
	.banner-movil{
		display: block;
	}
	
	.cifras-title{
		font-size: 1.8rem;
		letter-spacing: 5px;
	}
	
	
	
}

@media screen and (min-width:1024px) and (max-width:1279px){
	.navbar-nav{
		margin: 7.5px 0px;
	}
	
	.navbar-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}	
	.navbar-header{
		padding: 0px 20%;
	}
	.navbar-toggle {
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		float: none;
		margin-bottom: 10px;
		margin-right: 15px;
		margin-top: 115px;
		padding: 9px 10px;
		position: relative;
		display: inline;
	}
	.navbar-toggle .icon-bar {
		background-color:#6D6E70;
		display: block;
		width: 30px;
		height: 2px;
		border-radius: 1px;
		margin-bottom: 7px;
	}
	
	.navbar-horizontal{
		padding-top: 5%;
	}
	.nav-horizontal {
		width: 100%;
		left: 0;
		position: relative;
		top: 0;
	}
	.nav-horizontal__li{
		width: 100%;
	}
	.logo {
		top: 30px;
		left: 0;
		width: 100%;
		position: absolute;
		height: 80px;
	}
	
	.logo img {
		width: auto;
		display: block;
		margin: auto;
	}
	.header-p-movil{
		display: block;
	}
	.menumovil{
		display: inline-block;
	}
	.volver-movil {
		display: inline-block;
		left: 67%;
	}
	.volver{
		display: none;
	}
	
	
	/*Header*/
	.header-logos{
		height: auto;
		padding: 40px 214px 35px;
	}
	.header-logos-hecho {
		padding-bottom: 4%;
	}
	.header-logos-covid {
		padding-bottom: 6%;
	}
	.header-logos-tengo {
		padding-bottom: 3%;
	}
	.logo-quehehecho{
		position: relative;
		display: block;
		margin: auto;
	}
	.logo-headercovid{
		position: relative;
		display: block;
		margin: auto;
	}
	.logo-quetengo{
		position: relative;
		display: block;
		margin: auto;
	}
			
	/*-------------------------*/
	
	.btn-redes{
		font-size: 40px;
	}
	
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 0 2% 0 0;
	}
	.footer-info-ul2 li{
		font-size: 1.2rem;
		margin-right: 3%;
	}
	.footer-info-ul li{
		font-size: 1.2rem;
	}
	
	/**/

	
	.quehehechoporti-fluid {
		padding-left: 60px;
		padding-right: 60px;
	}
	.quehehechoporti-h2 {
		font-size: 3.2rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size:1.5rem;
	}
	.quehehechoporti-gestion-div {
		padding: 0 20px;
	}
	.quehehechoporti-col {
		padding: 0 10px;
	}
	.home-bubble-1 {
		right: 4%;
		width: 360px;
		height: 102px;
	}
	.home-bubble-2 {
		right: 0;
		width: 237px;
		height: 99px;
	}
	.home-bubble-3 {
		right: 0%;
		width: 433px;
		height: 175px;
	}
	.historico-div-cien {
		height: 158px;
		width: 174px;
		left: 0%;
	}
	.historico-diez-h2 {
		margin-top: 10%;
		margin-bottom: 18%;
		font-size: 9rem;
	}
	.historico-total {
		font-size: 1.6rem;
		margin-top: 12px;
	}
	.queseviene-diez-h2 {
		padding-left: 10%;
		font-size: 13rem;
	}
	.historico-ul li.cantidad{
		font-size: 2.4rem;
	}
	.historico-ul li.millones {
		font-size: 1.1rem;
		letter-spacing: 8px;
	}
	.queseviene-div-p{
		font-size: 1.5rem;
	}
	.queseviene-div-diez {
		height: 155px;
		width: 157px;
		left: -2%;
	}
	.queseviene-div-anos {
		font-size: 2rem;
		text-align: right;
		left: 0%;
		letter-spacing: 20px;
	}
	
}

@media (min-width: 768px) and (max-width: 1279px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:inline-block !important;
    }
    .navbar-header {
        float:none;
    }
	

   
}


@media screen and (min-width:1280px) and (max-width:1359px){
	
	
	.navbar-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}	
	.navbar-header{
		width: 10%;
	}
	.logo{		  
		padding: 0%;
		top: 10px;
		left: 0;
	}
	
	.nav-horizontal__li {
		font-size: 1.2rem;
		margin-right: 0.4%;
	}
	.nav-horizontal_color4{
		width: 8%;
	}
	
	.nav-horizontal_color5{
		width: 14%;
	}
	
	/**/
	.header-logos {
		padding: 20px 84px 20px;
		height: 100px;
	}
	.logo-quehehecho{
		width: 250px;
		height: 54px;
	}
	.logo-quehehecho:hover {
		background-position: 0 -61px;
	}
	.logo-quehehecho.activehere {
		background-position: 0 -61px;
	}
	.logo-quetengo {
		height: 57px;
		width: 224px;
	}
	.logo-quetengo:hover {
		background-position: 0 -62px;
	}
	.logo-quehehecho.activehere {
		background-position: 0 -62px;
	}
	
	.logo-headercovid{
		height: 57px;
		width: 399px;
	}
	.logo-headercovid:hover {
		background-position: 0 -60px;
	}
	.logo-headercovid.activehere {
		background-position: 0 -60px;
	}
	
	/*-------------------------*/
	
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 0 2% 0 0;
	}
	.footer-info-ul2 li{
		font-size: 1.2rem;
		margin-right: 3%;
	}
	.footer-info-ul li{
		font-size: 1.2rem;
	}
	
	/**/
	.header-logos{
		padding: 20px 84px 40px;
	}
	
	.quehehechoporti-fluid {
		padding-left: 84px;
		padding-right: 84px;
	}
	.quehehechoporti-h2 {
		font-size: 3.8rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size:1.8rem;
	}
	.quehehechoporti-gestion-div {
		padding: 0 50px;
	}
	.home-bubble-1 {
		right: 17%;
		width: 436px;
	}
	.home-bubble-2 {
		right: 1%;
		width: 306px;
	}
	.home-bubble-3 {
		right: 0%;		
		width: 578px;
		height: 226px;
	}
	.historico-div-cien {
		height: 195px;
		width: 209px;
		left: 0%;
	}
	.historico-diez-h2 {
		margin-top: 10%;
		margin-bottom: 18%;
		font-size: 10rem;
	}
	.historico-total{
		font-size: 1.6rem;
	}
	.queseviene-diez-h2 {
		padding-left: 10%;
		font-size: 15rem;
	}
	.historico-ul li.cantidad{
		font-size: 3.4rem;
	}
	.historico-ul li.millones {
		font-size: 1.5rem;
		letter-spacing: 13px;
	}
	.queseviene-div-p{
		font-size: 1.8rem;
	}
	.queseviene-div-diez {
		height: 187px;
		width: 185px;
		left: -2%;
	}
	.queseviene-div-anos {
		font-size: 2.7rem;
		text-align: right;
		left: 12%;
	}
	
}

@media screen and (min-width:1360px) and (max-width:1439px){
	
	
	.navbar-fluid {
		padding-left: 60px;
		padding-right: 60px;
	}	
	.navbar-header{
		width: 10%;
	}
	.logo{		  
		padding: 0%;
		top: 10px;
	}
	
	.nav-horizontal__li {
		font-size: 1.2rem;
		margin-right: 0.4%;
	}
	.nav-horizontal_color4{
		width: 8%;
	}
	
	.nav-horizontal_color5{
		width: 14%;
	}
	
	/**/
	.header-logos {
		padding: 20px 84px 20px;
		height: 100px;
	}
	.logo-quehehecho{
		width: 250px;
		height: 54px;
	}
	.logo-quehehecho:hover {
		background-position: 0 -61px;
	}
	.logo-quehehecho.activehere {
		background-position: 0 -61px;
	}
	.logo-quetengo {
		height: 57px;
		width: 224px;
	}
	.logo-quetengo:hover {
		background-position: 0 -62px;
	}
	.logo-quehehecho.activehere {
		background-position: 0 -62px;
	}
	
	.logo-headercovid{
		height: 57px;
		width: 399px;
	}
	.logo-headercovid:hover {
		background-position: 0 -60px;
	}
	.logo-headercovid.activehere {
		background-position: 0 -60px;
	}
	
	/**/
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 0 2% 0 0;
	}
	.footer-info-ul2 li{
		font-size: 1.2rem;
		margin-right: 3%;
	}
	.footer-info-ul li{
		font-size: 1.2rem;
	}
	
	/**/
	
	.quehehechoporti-fluid {
		padding-left: 84px;
		padding-right: 84px;
	}
	.quehehechoporti-h2 {
		font-size: 3.8rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size:1.8rem;
	}
	.quehehechoporti-gestion-div {
		padding: 0 50px;
	}
	.home-bubble-1 {
		right: 17%;
		width: 436px;
	}
	.home-bubble-2 {
		right: 1%;
		width: 306px;
	}
	.home-bubble-3 {
		right: 0%;		
		width: 578px;
		height: 226px;
	}
	.historico-div-cien {
		height: 195px;
		width: 209px;
		left: 0%;
	}
	.historico-diez-h2 {
		margin-top: 10%;
		margin-bottom: 18%;
		font-size: 10rem;
	}
	.historico-total{
		font-size: 1.6rem;
	}
	.queseviene-diez-h2 {
		padding-left: 10%;
		font-size: 15rem;
	}
	.historico-ul li.cantidad{
		font-size: 3.4rem;
	}
	.historico-ul li.millones {
		font-size: 1.5rem;
		letter-spacing: 13px;
	}
	.queseviene-div-p{
		font-size: 2rem;
	}
	.queseviene-div-diez {
		height: 187px;
		width: 185px;
		left: -2%;
	}
	.queseviene-div-anos {
		font-size: 2.7rem;
		text-align: right;
		left: 12%;
	}
	
	
}

@media screen and (min-width:1440px) and (max-width:1599px){
	
	.navbar-fluid {
		padding-left: 60px;
		padding-right: 60px;
	}
	.navbar-header{
		width: 10%;
	}
	.logo{		  
		padding: 0%;
		top: 10px;
	}
		
	.nav-horizontal__li {
		font-size: 1.3rem;
		margin-right: 0.5%;
	}
	.nav-horizontal_color4{
		width: 8%;
	}
	
	.nav-horizontal_color5{
		width: 14%;
	}
	
	/**/
	.header-logos {
		padding: 20px 84px 20px;
		height: 100px;
	}
	.logo-quehehecho{
		width: 250px;
		height: 54px;
	}
	.logo-quehehecho:hover {
		background-position: 0 -61px;
	}
	.logo-quehehecho.activehere {
		background-position: 0 -61px;
	}
	.logo-quetengo {
		height: 57px;
		width: 224px;
	}
	.logo-quetengo:hover {
		background-position: 0 -62px;
	}
	.logo-quehehecho.activehere {
		background-position: 0 -62px;
	}
	
	.logo-headercovid{
		height: 57px;
		width: 399px;
	}
	.logo-headercovid:hover {
		background-position: 0 -60px;
	}
	.logo-headercovid.activehere {
		background-position: 0 -60px;
	}
	
	
	/*-------------------------*/
	
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 0 2% 0 0;
	}
	.footer-info-ul2 li{
		font-size: 1.2rem;
		margin-right: 3%;
	}
	.footer-info-ul li{
		font-size: 1.2rem;
	}

	/**/
	.header-logos{
		padding: 20px 84px 40px;
	}
	
	.quehehechoporti-fluid {
		padding-left: 84px;
		padding-right: 84px;
	}
	.quehehechoporti-h2 {
		font-size: 4rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size:1.8rem;
	}
	.home-bubble-1 {
		right: 17%;
		width: 470px;
	}
	.home-bubble-2 {
		right: 2%;
		width: 312px;
	}
	.home-bubble-3 {
		right: 0%;		
		width: 615px;
		height: 226px;
	}
	.historico-div-cien {
		height: 223px;
		width: 225px;
		left: -1%;
	}
	.historico-diez-h2{
		margin-top: 10%;
		margin-bottom: 18%;
	}
	.historico-total{
		font-size: 1.8rem;
	}
	.queseviene-diez-h2{
		padding-left: 10%;
	}
	.historico-ul li.cantidad{
		font-size: 3.8rem;
	}
	.historico-ul li.millones {
		font-size: 1.5rem;
		letter-spacing: 13px;
	}
	.queseviene-div-p{
		font-size: 2.1rem;
	}
	.queseviene-div-diez {
		height: 215px;
		width: 211px;
		left: -3%;
	}
	.queseviene-div-anos {
		font-size: 2.7rem;
		text-align: right;
		left: 12%;
	}
	
}

@media screen and (min-width:1600px) and (max-width:1679px){
	
	.navbar-fluid {
		padding-left: 70px;
		padding-right: 70px;
	}
	
	.nav-horizontal__li{
		font-size: 1.34rem;
	}
	
	
	/*-------------------------*/
	
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 0 2% 0 0;
	}
	.footer-info-ul2 li{
		font-size: 1.2rem;
		margin-right: 3%;
	}
	.footer-info-ul li{
		font-size: 1.2rem;
	}
	
	/**/
	.header-logos{
		padding: 20px 84px 40px;
	}
	
	.quehehechoporti-fluid {
		padding-left: 84px;
		padding-right: 84px;
	}
	.quehehechoporti-h2 {
		font-size: 4.4rem;
	}
	.quehehechoporti-gestion-h2 {
		font-size: 2.1rem;
	}
	.home-bubble-1{
		right: 17%;
	}
	.home-bubble-2{
		right: 2%;
	}
	.home-bubble-3 {
		right: 1%;
		width: 682px;
		height: 226px;
	}
	.historico-diez-h2{
		margin-top: 10%;
		margin-bottom: 18%;
	}
	.historico-total{
		font-size: 2rem;
	}
	.queseviene-diez-h2{
		padding-left: 10%;
	}
	
	
}

@media screen and (min-width:1680px) and (max-width:1919px){
	
	.navbar-fluid {
		padding-left: 70px;
		padding-right: 70px;
	}
		
	.nav-horizontal__li{
		font-size: 1.45rem;
	}
	
	
	/*-------------------------*/
	.redes-inline > li {
		margin-right: 8%;
	}
	.footer-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer-col-parrafo {
		padding: 0 2% 0 0;
	}
	.footer-info-ul2 li{
		font-size: 1.3rem;
		margin-right: 3%;
	}
	.footer-info-ul li{
		font-size: 1.3rem;
	}

	/**/
	.header-logos{
		padding: 20px 140px 40px;
	}
	
	.quehehechoporti-fluid {
		padding-left: 120px;
		padding-right: 120px;
	}
	.quehehechoporti-h2 {
		font-size: 4.4rem;
	}
	.home-bubble-1{
		right: 17%;
	}
	.home-bubble-2{
		right: 2%;
	}
	.historico-diez-h2{
		margin-top: 10%;
		margin-bottom: 18%;
	}
	.historico-total{
		font-size: 2rem;
	}
	.queseviene-diez-h2{
		padding-left: 10%;
	}
	
	
	
}