.menu-redes{
    padding: 0 1em;
    display: flex;
    height: 43px;}
.menu-derecho{display: flex;
    position: absolute;
    right: 2em;}
.instagram img,.twitter img,.telefono img,.youtube img{width: 20px; height: auto; 
    position: relative;
    margin: auto 0.5em;}
.chatbot img{width: 25px; height: auto; 
    position: relative;
    margin: auto 0.5em;}
.facebook img{width: 11px; height: auto;
    position: relative;
    margin: auto 0.5em;}
	 
.titulo-financiamiento{color: white;
    display: block;    text-align: center; padding-top: 10px;}

.m-0 {
    margin: 0 !important;
}

.azul-medio{    width: 100%;
    background: #266fb6;
    padding: 0 1em;
    position: fixed;
    z-index: 3;
    top: 0;
    margin: 0;} 

.azul-medio a{text-decoration: none; color: white;} 
 
 
.chatbot i, .facebook i, .twitter i, .instagram i, .telefono i, .youtube i{
   padding:0 .6em;}

.chatbot a, .facebook a, .twitter a, .instagram a, .telefono a, .youtube a{
    display: flex; text-decoration: none; color: white !important;
    align-items: baseline;}
a:hover{text-decoration: none !important; }
.chatbot{ 
  width: 40px; text-decoration: none;
    border-right: 1px solid white;
    overflow: hidden;
	text-decoration: none;
	display: flex;
    align-items: center;
	transition: width .5s;
	padding: 0.5em 0;}

.facebook{  text-decoration: none;
  width: 26px;
    border-right: 1px solid white;
    overflow: hidden;
	text-decoration: none;
	display: flex;
    align-items: center;
	transition: width .5s;}

.twitter{  text-decoration: none;
  width: 35px;
    border-right: 1px solid white;
    overflow: hidden;
	text-decoration: none;
	display: flex;
    align-items: center;
	transition: width .5s;}

.instagram{  text-decoration: none;
  width: 35px;
    border-right: 1px solid white;
    overflow: hidden;
	text-decoration: none;
	display: flex;
    align-items: center;
	transition: width .5s;}
 
.youtube{  text-decoration: none;
  width: 37px;
    border-right: 1px solid white;
    overflow: hidden;
	text-decoration: none;
	display: flex;
    align-items: center;
	transition: width .5s;}

.telefono{  text-decoration: none;
  width: 25px;
    overflow: hidden;
	text-decoration: none;
	display: flex;
    align-items: center;
	transition: width .5s;}
 
.chatbot:hover{
  width: 115px; }

.facebook:hover{ background: #3b5998;
  width: 115px; }

.twitter:hover{ background: #00acee;
  width: 100px;  }

.instagram:hover{ background: #8a3ab9;
  width: 125px; }

.telefono:hover{ background: #666666;
  width: 155px; }

.youtube:hover{ background: #c4302b;
  width: 115px; }

.azul-claro{background: #553587; padding: 1.5em 0; }

.datos b{    color: white;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    line-height: 0;}
.datos p{color:white;
    font-size: 16px; text-align:center; padding: 0;}
.datos a{color:white; text-decoration: none !important;}
.datos{ padding: 0;}
    
.datos svg{ width: 50px;
    height: auto;
    color: white;
    margin-bottom: 2em;
    text-align: center;}

.bi-geo-alt{position:relative;
  animation-name: marker;
  animation-duration: 3s;
  animation-iteration-count: infinite;}

@keyframes marker {
  0%   {top:5px; }
  50%  {top:-10px;} 
  100%  {top:5px; } 
} 

.bi-telephone{
  animation-name: telefono;
  animation-duration: .5s;
  animation-iteration-count: infinite;}

@keyframes telefono {
  0%   {transform:rotate(-10deg);}
  50%  {transform:rotate(10deg);} 
  100%  {transform:rotate(-10deg);} 
}

.bi-envelope{position:relative;
  animation-name: mail;
  animation-duration: 3s;
  animation-iteration-count: infinite;}

@keyframes mail {
  0%   {transform:rotate(-10deg);left:-10px;}
  50%  {transform:rotate(10deg); left:30px;} 
  100%  {transform:rotate(-10deg); left:-10px;} 
} 

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

/*
  Moda lap
*/
@media only screen and (max-width: 1500px), only screen and (max-device-width: 1500px) {
  .datos{
    padding: 5px;
  }
}