@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latoregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}


html,body{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

body{
    overflow-x: hidden;
}

.row {
 margin-right:5%;
 margin-left:0px;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.table {
	display: block;
    overflow-x: auto;
}


a {color: #e30613;}


.confCookies{
    background: none;
    border: none;
    font-family: 'Lato', sans-serif;
}



p{
    font-size: 16px;
    line-height: 26px;
}

/* TOP-BAR 
  ================================================== */

.top-bar{
    border-bottom: 1px solid #EEE;
    padding: 8px 0;
}

.social {
    padding: 0;
    margin-bottom: 30px;
    margin-top: 10px;
}

.social li {
    list-style: none;
    display: inline;
    margin-right: 12px;
}

.social li a {
    color: #CCC;
    border-radius:50%;
    border:1px solid #CCC;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.social li a:hover,.social li a:focus {
    color: #FFF;
    background-color: #e30613;
    border-color: #e30613;
}

.form-control:focus{
    border-color: #e30613;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,124,38,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,124,38,.6);
}

.logo-wrapper{
    float: left;
    min-width: 140px;
}

img.logo{
    padding: 14px 0;
    width: 119px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

img.logo.sticky {
    width: 75px;
}

/* MENU
  ================================================== */
nav.menu-wrapper{
    float:right;
}

.gradient {
    position: relative;
    z-index: 10;
    background-color: transparent;
    background-image: none, linear-gradient(to top, rgba(255, 255, 255, 0.4) 0px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.6) 20px, rgba(255, 255, 255, 0.7) 30px, rgba(255, 255, 255, 0.85) 40px, rgba(255, 255, 255, 0.95) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    background-color: #FFF\9;
}

.gradient.sticky{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    background-color: #FFF;
}

.imagenPrincipal{
	border-width: 2px; 
	border-style: solid; 
	border-color: white;	
}
#menu-principal.sticky ul li{
    padding: 15px 0;  
    position: relative;  
}

#menu-principal{
    float: right;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#menu-principal ul{
    margin: 0;
    padding: 0;
}

#menu-principal ul li{
    margin-right: 20px;
    padding: 28px 0;
    float: left;
    position: relative;
    list-style: none;
}

#menu-principal ul li:last-child{
    margin-right: 0;
}

#menu-principal ul li a{
    color: #888;
    font-weight: 400;
    font-size: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#menu-principal ul li a i{
    margin-right: 7px;
}

#menu-principal ul li a:focus,#menu-principal ul li a:active{
    text-decoration: none;
}

#menu-principal ul li.selectedMenuItem a, #menu-principal ul li a:hover{
    color: #333;
    text-decoration: none;
}

#menu-principal ul li.selectedMenuItem a i, #menu-principal ul li a:hover i{
    color:#e30613;
}

#menu-principal ul li ul{
    display: none;
    position: absolute;
    min-width: 215px;
    background-color: #FFF;
    top: 75px;
    box-shadow: 0px 13px 20px #888;
    left: 0;
    overflow: hidden;
}

#menu-principal.sticky ul li ul{
    top: 51px;
}

#menu-principal ul li:hover ul{
    display: block;
}

#menu-principal ul li ul li{
    display: block;
    margin: 0;
    width: 100%;
    padding: 0!important;
}

#menu-principal ul li ul li a{
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0px 10px 20px!important;
    font-size: 14px;
    *min-width:215px;
}

#menu-principal ul li ul li a:hover{
    background-color: #f4f4f4;
    border-left: 2px solid #e30613;
}


li.selectedMenuItem{
    border-bottom: 2px solid #e30613;
}

.burger-menu {
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
  float: right;
  margin-top: 22px;
  display: none;
}

.burger {
  position: absolute;
  background: rgba(111,111,111,1);
  width: 100%;
  height: 5px;
  top: 50%;
  right: 0px;
  margin-top: -5px;
  opacity: 1;
}
.burger::before {
  position: absolute;
  background: rgba(111,111,111,1);
  width: 30px;
  height: 5px;
  top: 10px;
  content: "";
  display: block;
}
.burger::after {
  position: absolute;
  background: rgba(111,111,111,1);
  width: 30px;
  height: 5px;
  bottom: 10px;
  content: "";
  display: block;
}
.burger::after, .burger::before, .burger {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.burger-menu.menu-on .burger::after{
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
  bottom: 0px;
}
.burger-menu.menu-on .burger::before{
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
  top: 0px;
}
.burger-menu.menu-on .burger{
 background: rgba(111,111,111,.0);
}

/* SECCIONES
  ================================================== */

.gradient-bottom{
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.6) 10px, rgba(255, 255, 255, 0.7) 20px, rgba(255, 255, 255, 0.85) 30px, rgba(255, 255, 255, 0.95) 40px, rgba(255, 255, 255, 0.99) 50px, #ffffff 0px);
    background-position: center top;
    background-repeat: repeat;
    background-size: auto auto;
    box-shadow: 0 -1px 0 0 rgba(5, 38, 57, 0.05);
    position: relative;
    height: 100px;
    display: none\9;
}

#main section{padding: 100px 0}

#main{
    margin-top: 100px\9;
}

.ie10 #main{
margin-top: 100px;
}

.title-section{
    text-align: center;
    margin: 0 auto;
    color: #565a5c;
    letter-spacing: 5px;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
}

.separator{
    background-image:url('../img/separador.png');
    width: 289px;
    height: 49px;
    margin: 20px auto;
}

.separator-blank{
    margin: 20px 0;
}

.intro{
    text-align: center;
    max-width: 640px;
    margin: 0 auto 40px auto;
    color: #565a5c;
    font-size: 18px;
    line-height: 28px;
}

.desplegable{
    display: none;
}

.desplegable .container{
    background-color: #f4f4f4;
    border: 1px solid #EEE;
    padding: 30px;
}

.desplegable p{
   color:#565a5c; 
}

.grafico{
    max-width: 100%;
    display: block;
}

.mas{
    float: left;
    margin: 8px 0!important;
    padding: 12px 40px!important;
    background-position: -10px center;
    background-color: #565a5c;
}

.mas:hover{
    background-image: url('../img/img-btn.png');
    background-position: 10% center;
    background-repeat: no-repeat;
}

.mas i{
    margin-left: 7px;
}



/* DESCARGAS
  ================================================== */
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th{
    background-color: #f4f4f4;
}
.tabla-descargas tr th{
    text-align: center;
    color: #565a5c;
}

.tabla-descargas tbody tr td{
    padding: 15px 0;
}

td.descargar,td.ver-video{
    text-align: center;
}

.bizum-descargas{
    max-width: 10%;
}

.logo-plataforma{
    display: block;
    margin: 0 auto;
}

.descargar{
    text-align: center;
}

.descargarAPI{
    text-align: center;
    width: 50%;
}

.descargar a{
    color: #565a5c;
    font-size: 12px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.descargarAPI a{
    color: #565a5c;
    font-size: 12px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.descargar a:hover,.ver-video a:hover,.descargar a:focus,.ver-video a:focus{
    text-decoration: none;
}

.descargarAPI a:hover,.ver-video a:hover,.descargar a:focus,.ver-video a:focus{
    text-decoration: none;
}

.descargar a:hover i{
    text-decoration: none;
    color: #e30613;
}

.descargarAPI a:hover i{
    text-decoration: none;
    color: #e30613;
}

.descargar a i{
    color:#b7b7b7;
    font-size: 20px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
}

.descargarAPI a i{
    color:#b7b7b7;
    font-size: 20px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
}

tr.descarga-api td{
    text-align:center!important;
    vertical-align: middle!important;
}

.api-title{background-color:#f4f4f4;border-right:1px solid #DDD}

.ver-video{
    text-align: center;
}

.ver-video a{
    color: #565a5c;
    padding-top: 14px;
    display: block;
}

.ver-video a i{
    color: #b7b7b7;
    font-size: 18px;
    margin-left: 5px;
}

.ver-video a:hover i{
    text-decoration: none;
    color: #e30613;
}


/* MANUALES TPV
  ================================================== */
.stripe-manuales{
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position:50% 50%\9 !important;
    background-position: 50% 50%;
    background-image: url(../img/parallax-tpv.jpg);
    -moz-box-shadow: inset 0 22px 40px #999;
    -webkit-box-shadow: inset 0 22px 40px #999;
    box-shadow: inset 0 22px 40px #999;
}

.boton-descarga{
    padding: 15px;
    display: block;
    margin: 0 auto;
    max-width: 190px;
    text-align: center;
    color: #FFF;
    background-color: rgba(86,90,92,0.7);
    margin-top: 40px;
    background-image:url(../img/bg-grey-ie.png)\9;
    background-position: -10px center;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.boton-descarga:hover,.boton-descarga:focus{
    background-color: #e30613;
    color: #FFF;
    text-decoration: none;
    border-radius: 20px 0 20px 0;
    background-image: url('../img/img-btn.png');
    background-position: 10% center;
    background-repeat: no-repeat;
}

.white{color:#FFF; }


/* FORMULARIO
  ================================================== */
.contacto,.datos-contacto{
    max-width: 300px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.contacto input,.contacto textarea{
    margin-bottom: 15px;
    border:none;
    box-shadow: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 0;
}

.contacto input:focus,.contacto textarea:focus{
    border-bottom:2px solid #e30613;
    box-shadow: none;
}

.contacto button{
    width: 100%;
    background-color: #565a5c;
    border:none;
    color: #FFF;
    padding: 10px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.contacto button:hover{
    background-color: #e30613;
    border-radius: 20px 0 20px 0;

}

.datos-contacto h4{
    border-bottom: 1px solid #CCC;
    padding-bottom: 6px;
    font-weight: 300;
    color:#565a5c;
}


.datos-contacto p{
    color: #8b8d8e;
    font-size: 16px;
}

.datos-contacto p i{
    color: #565a5c;
    margin-right: 12px;
}

/*.datos-contacto i{
    display: block;
    font-size: 35px;
}*/

.datos-contacto a{
    color: #555;
    display: block;
    margin-top: 15px;
    font-size: 14px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.datos-contacto a:hover{
    text-decoration: none;
}

/*.datos-contacto:hover{
    border-radius: 20px 0;
    color: #FFF;
    background-color: #555555;
}*/

.datos-contacto:hover > a{
    color: #FFF;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden;
    background: url('../img/loader.gif') 50% 50% no-repeat #FFF;
}


/* FOOTER
  ================================================== */
  footer{
    background-color: #8b8d8e;
    border-top: 4px solid #eeeeee;
    padding: 40px 0;
    text-align: center;
    color: #EEE;
    font-size: 13px;
  }

  footer p a{color:#AAA;}
  footer p a:hover{color: #FFF;}

  footer p i{
    color: #BFBFBF;
    margin-right: 6px;
    margin-left: 15px;
  }

  footer p.copy{
    color: #BFBDBD;
  }
  
  footer.desarrolladores{
	  padding:10px 0 0 5px;
  }
  
   footer.desarrolladores ul.social{
   margin-bottom:10px;
   }

  footer.desarrolladores ul.social li a{
  }
  
 footer.desarrolladores p{
	 text-align:left;
	 font-size:13px;
	 margin:0;
 }

/* GENERICOS
  ================================================== */
.bg-section{
    background-color: #f4f4f4;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 80px 0!important;
}

.close{
    margin-top: -15px;
    margin-bottom: 10px;
    float: right;
}

.margin-top{
    margin-top: 40px;
}

.padding-bottom{
    padding-bottom: 250px!important;
}

img{max-width: 100%;}

.imagen-grafico {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: 2%;
	margin-bottom: 2%;
	max-width: 100%;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.parallax-top{
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position:50% 50%\9 !important;
    background-position: 50% 50%;
    padding: 220px 0 150px 0;
    margin-top: -70px;
}

.cover-admin{
	 background-image: url(../img/cover-admin.jpg);
    padding: 150px 0;
}
.cover-ecommerce{
    background-image: url(../img/cover-ecommerce.png);
    padding: 150px 0;
}
.cover-online{
    background-image: url(../img/cover-online.jpg);
    padding: 150px 0;
}

.cover-desarrolladores{
    background-image: url(../img/cover-desarrolladores.jpg);
    padding: 150px 0;
}

.cover-telefonico{
    background-image: url(../img/cover-telefonico.jpg);
    padding: 150px 0;
}

.cover-fisico{
    background-image: url(../img/cover-fisico.jpg);
    padding: 150px 0;
}

.cover-quienes h1,.cover-otros h1, .cover-telefonico h1, .cover-desarrolladores h1, .cover-ecommerce h1, .cover-fisico h1, .cover-online h1, .cover-movilidad h1, .cover-admin h1{
    color: #FFF;
    text-align: center;
    letter-spacing: 20px;
    text-shadow:0px 0px  10px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#555,direction=0);
}

.cover-desarrolladores h2{
    text-align: center;
    color: #DDD;
    font-size: 20px;
    font-weight: 300;
    text-shadow: 0px 0px 10px #000;
}
.cover-ecommerce h2{
    text-align: center;
    color: #DDD;
    font-size: 20px;
    font-weight: 300;
    text-shadow: 0px 0px 10px #000;
}
.cover-online h2{
    text-align: center;
    color: #DDD;
    font-size: 20px;
    font-weight: 300;
    text-shadow: 0px 0px 10px #000;
}
.cover-admin h2{
    text-align: center;
    color: #DDD;
    font-size: 20px;
    font-weight: 300;
    text-shadow: 0px 0px 10px #000;
}

.cover-movilidad {
    background-image: url(../img/cover-movilidad.jpg);
    padding: 150px 0;
}

.cuadro-top{
    background-image: url(../img/bg-white-ie.png);
    max-width: 600px;
    margin-left:auto;
    margin-right: auto;
    text-align: center;
    padding: 20px;
    border-radius:5px;
    background-color: rgba(255,255,255,0.3);
}

.cuadro-top h1{
    font-weight: 300;
    font-size: 26px;
    color: #333;
    text-shadow:none;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.cuadro-top h1 span{
    color: #e30613;
    font-weight: 400;
}

.cuadro-top h2{
    color: #555;
    font-weight: 300;
    font-size: 18px;
    margin-top: 0;
    text-shadow: none;
    line-height: 24px;
}

.cuadro-top p{
    color: #FFF;
    font-size: 17px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#555,direction=0);
}

ul.bullets{
    list-style-image: url('../img/bullet-n.png');
}

ul.bullets li{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
}

.img-grafico{
    display: block;
    margin: 20px auto;
}



.subapartado{
    padding-top: 160px;
    color: #FFF;
    display: none;
    height: 420px;
}

.subapartado .separator{
    margin: 10px auto;
}

.subapartado h3{
    font-weight: 300;
    font-size: 19px;
    max-width: 730px;
    margin: 10px auto 0 auto;
    text-transform: uppercase;
}

.subapartado h4{
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 300;
}

.subapartado p{
text-align: center;
    padding: 0 15px;
}

.subapartado .boton-descarga{
    margin:20px auto;
}


.subapartado .span6{
    background-color: rgba(0,0,0,0.5);
}

.servicio-salud h3 {
    text-align: center;
    font-weight: 300;
    margin: 0;
    color: #FFF;
}

.servicio-salud p{
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}

.servicio-salud img{
    max-width: 300px;
}

.titulo-azul{
    color: #007CA2;
    letter-spacing: 8px;
    text-align: center;
    font-size: 28px;
}

.cover-entidades h1{
    color: #007CA2;
    letter-spacing: 8px;
    text-align: center;
    font-size: 28px;
    background-color: rgba(255,255,255,0.7);
    /* color: #444; */
    padding: 15px;
    max-width: 100%;
    margin: 0 auto;
}

.accordion-group{
    border: none;
}

.accordion-inner{
    border-top: 0;
    padding-top: 0;
    padding-left: 40px;
}


.accordion-heading .accordion-toggle{
    color: #f37240;
}

.accordion-heading{
    background-image: url("../img/icon_mas.png");
    background-repeat: no-repeat;
    background-position: 0px center;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.accordion-heading.desplegado{
    background-image: url("../img/icon_menos.png");
}

.accordion-heading .accordion-toggle{
    padding: 15px 40px;
}

.btns-entidades{
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background-color: #FFF;
    display: table;
    margin: 0 auto;
    overflow: hidden;
    background-size: auto 150px;
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFF;

}

.btns-entidades h2{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}


.btns-entidades.emision{
    /*background-image: url("../img/grafico_emision.png");*/
    background-color: #e30613;
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    cursor: default;
}

.ch-info-wrap{
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    perspective: 800px;
    transition: all 0.4s ease-in-out;
    top: 20px;
    left: 20px;
    background: #DDD;
    box-shadow: 
        0 0 0 20px rgba(255,255,255,0.5), 
        inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info{
    position: absolute;
    width: 160px;
    height: 160px;
    display: block;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
    transform-style: preserve-3d;
}

.ch-info > div {
    display: block;
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
    backface-visibility: hidden;
    background-size: 160px;
}

.ch-img-1 .ch-info .ch-info-back{
    background: #e30613;
}

.ch-img-2 .ch-info .ch-info-back{
    background: #FFB612;
}

.ch-img-3 .ch-info .ch-info-back{
    background: #007CA2;
}


.ch-info .ch-info-back {
    transform: rotate3d(0,1,0,180deg);
    
}

.ch-img-1 { 
    background-image: url(../img/emision_circle.png);
}

.ch-img-2 { 
    background-image: url(../img/procesamiento_circle.png);
}

.ch-img-3 { 
    background-image: url(../img/adquirencia_circle.png);
}

.ch-info-wrap a{
    font-weight: 300;
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    margin: 0 15px;
    height: 90px;
    font-weight:300;
    line-height: 16px;
    display: table-cell;
    vertical-align: middle;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.parametro{
	font-style: italic;
}


.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
    display: block;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
    color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-wrap {
    box-shadow: 
        0 0 0 0 rgba(255,255,255,0.8), 
        inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
    transform: rotate3d(0,1,0,-180deg);
}

.bullet-point{
    list-style: none;
    padding:0;
    margin:0 0 15px 0;
}

.bullet-point li { 
    padding-left: 1em; 
    text-indent: -.7em;
    margin-bottom: 4px;
}

.bullet-point li:before {
    content: "• ";
    color: #e30613;
}

.bullet-point li a{
    color: #000;
}

.enlace-cuentas{margin-bottom: 20px;}

.enlace-cuentas  a.boton-descarga{
    font-weight: 700;
    max-width: 300px;
    margin: 0;
}


.accordion-inner h5{margin-bottom: 0;}

.btn-actividad{
    background-color: #FFF;
    color: #e30613;
    border:2px solid #e30613;
}

.btn-actividad:hover{background-image:none;}


.img-actividad{
    display: block;
    margin: 10px auto;
}

.close-button {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 25px;
}

.modal-top {
    margin-top: 100px;
}

#cookie-law { 
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 9999;
    border-top: 1px solid #EEE;
}
 
#cookie-law p { 
    padding:10px; 
    font-size:14px;  
    text-align:center; 
    color:#333; 
    margin:0;
}

.close-cookie-banner ,.close-cookie-banner:hover, .close-cookie-banner:focus{
    color: #FFF;
    background-color: #333;
    position: absolute;
    top: 5px;
    right: 5px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 12px;
    text-decoration: none;
}

.titulo-clientes{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: 300;
    text-transform: uppercase;
}

ul.clientes li{
    list-style: none;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    padding: 17px 0px;
    background-color: #f4f4f4;
    border: 1px solid #EEE;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

ul.clientes li:hover{
    background-color: #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.modal-header .close {
    width: auto;
}

.modal-header .close:hover{
    background-color: #FFF;
    background-image: none;
}

#form-descarga {
    width: 100%;
    margin: 0 auto;
    margin-top: 75px;
}

#form-descarga button{
    width: 100%;
    background-color: #565a5c;
    border:none;
    color: #FFF;
    padding: 10px;
    background-position: -30px center;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#form-descarga button:hover{
    background-color: #e30613;
    border-radius: 20px 0 20px 0;
    background-image: url('../img/img-btn.png');
    background-position: 15% center;
    background-repeat: no-repeat;

}

#form-descarga .modal-header {
	border-bottom: none;
	padding-top: 15px;
	padding-bottom: 0px;
}

#form-descarga .modal-title {
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 20px;
	padding: 0 7px;
}

#form-descarga .modal-title span {
	color: #e30613;
	font-size: 15px;
}

#form-descarga .modal-body{
    max-height: 550px;
    text-align: center;
    position: relative;
    width: 100%;
}

#form-descarga .boton-descarga{
    margin-top: 20px;
}

#form-descarga .desactivado {
    opacity: 0.3;
    cursor: not-allowed;
}

#form-descarga .modal-header h3{
    text-align: center;
    font-size: 18px;
}

#form-descarga .modal-body p {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    padding: 0 7px;
}

#form-descarga .modal-body p span{
    color: #e30613;
    font-size: 15px;
}

#form-descarga .modal-body label {
    text-align: center;
}

#formulario-descarga{
    width: 400px;
    margin: 0 auto;
}

#formulario-descarga input{
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0;
}

.label-check {
  position: relative;
  margin: .5rem;
  line-height: 135%;
  cursor: pointer;
}

.check {
  width: 23px!important;
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
.check:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  top: -2px;
  width: 15px;
  height: 15px;
  border: 2px solid #CCC;
  background-color: #FFF;
}
.check:checked:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: .5rem;
  border-color: #e30613;
  top: -2px;
  border-top-style: none;
  border-right-style: none;
}
.check:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 18px;
  height: 18px;
  background: #fff;
  cursor: pointer;
}



p#validadorMail, p#validadorSpam{
    margin-top: -5px!important;
    margin-bottom: 12px!important;
    font-size: 13px!important;
    display: none;
}

.error-validacion {
    margin-top: -5px!important;
    margin-bottom: 12px!important;
    font-size: 13px!important;
    color: #d61d21!important;
}

.input-ko{
    border:1px solid #d61d21!important;
}

#menu-desarrolladores {
    max-width: 300px;
    max-height: calc(100% - 180px);
    position: fixed;
    top: 80px;
    width: 100%;
    background-color: #FFF;
    margin-left: 1%;
    margin-top: 5%;
    overflow-y: scroll;
}


#menu-desarrolladores ul {
    padding:0;
    margin:0;
}

#menu-desarrolladores ul li {
    list-style: none;
    border-bottom: 1px solid #DDD;
    cursor: pointer;
}

#menu-desarrolladores ul li.active a {
    border-left: 3px solid #e30613;
    background-color: #f4f4f4;
    font-weight: bold;
    padding-left: 30px;
}

#menu-desarrolladores ul li a.active {
    border-left: 3px solid #e30613;
    background-color: #f4f4f4;
    font-weight: bold;
    padding-left: 30px;
}


#menu-desarrolladores ul li.active a:hover {
    padding-left: 30px;
    text-decoration: none;
    background-color: #f4f4f4;
}

#menu-desarrolladores ul li.active a.chevron:after {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #555;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#menu-desarrolladores ul li.active a.chevron.down:after {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #555;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 15px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#menu-desarrolladores ul li.active ul {
    padding-left: 30px;
    display: none;
}

#menu-desarrolladores ul li.active ul li {
    border-bottom: 0;
    padding: 0;
    position: relative;
}

#menu-desarrolladores ul li.active ul li a {
    padding: 7px 0;
    font-size: 12px;
    background-color: #FFF;
    border-left: none;
    font-weight: normal;
}


#menu-desarrolladores ul li.active ul li a:hover {
    padding-left: 0;
    background-color: #FFF;
    text-decoration: underline;
}

#menu-desarrolladores ul li.active ul li:before {
    font-family: 'FontAwesome';
    content: "\f0da";
    color: #e30613;
    font-size: 12px;
    position: absolute;
    left: -10px;
    top: 8px;
}

#menu-desarrolladores ul li.active ul li.active {
	text-decoration: underline;
}


#menu-desarrolladores ul li a {
    display: block;
    padding: 12px;
    color: #555;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#menu-desarrolladores ul li a:hover {
    padding-left: 30px;
    text-decoration: none;
    background-color: #f4f4f4;
}

#menu-desarrolladores ul li a.chevron:after {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #555;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 15px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#menu-desarrolladores ul li a.chevron.down:after {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #555;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 15px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#menu-desarrolladores ul li ul {
    padding-left: 30px;
    display: none;
}

#menu-desarrolladores ul li ul li {
    border-bottom: 0;
    padding: 0;
    position: relative;
}

#menu-desarrolladores ul li ul li a {
    padding: 7px 0;
    font-size: 12px;
}



#menu-desarrolladores ul li ul li a:hover {
    padding-left: 0;
    background-color: #FFF;
    text-decoration: underline;
}

#menu-desarrolladores ul li ul li:before {
    font-family: 'FontAwesome';
    content: "\f0da";
    color: #e30613;
    font-size: 12px;
    position: absolute;
    left: -10px;
    top: 8px;
}

#menu-desarrolladores.sticky {
    position: fixed;
    top: 5px;
    width: 100%;
    background-color: #FFF;
}


#menu-desarrolladores.sticky-special {
    position: relative;
    background-color: #FFF;
}

.RedyWs{
	font-weight: bold;
}

.telefono{
    margin:0;
}
.telefono i{
    color: #e30613;
    margin-right: 5px;
}

.contratar{
    float: right;
    color: #e30613;
    font-weight: bold;
    margin-right: -15px;
}

.contratar i{
    margin-left: 4px;
}

.contratar:hover{
    color: #555;
}

pre {
	padding: 0;
	border: 2px solid #a3a3a3;
	margin-top: 0px !important;
	background-color: rgb(244, 244, 244) ! important;
}

.subtitulo-seccion {
	position: relative;
	margin-top: 10px;
	font-size: 20px;
	margin-left: 25px;
}

.subtitulo-seccion:before {
	font-family: 'FontAwesome';
	content: "\f101";
	color: #e30613;
	font-size: 13px;
	position: absolute;
	left: -10px;
	top: 5px;
}

.subtitulo-desa{
    position: relative;
    margin-top: 15px;
}

.subtitulo-desa:before{
    font-family: 'FontAwesome';
    content: "\f0da";
    color: #e30613;
    font-size: 16px;
    position: absolute;
    left: -10px;
    top: 4px;
}

.tab-content>.tab-pane{
    border: 0px;
}

.token {
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 20px;
	padding: 0 7px;
	color: Gray;
}

.cta-contratar{
    color: #FFF;
    background-color: #e30613;
    padding: 20px;
    box-shadow:0px 5px 0 #bd4605;
    border-radius: 15px 0 15px 0;
    display: block;
    margin:30px auto;
    text-align: center;
    max-width: 250px;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.cta-contratar:hover{
    text-decoration: none;
    background-color: #e65a0d;
    color: #EEE;
    top: 2px;
}

.cta-contratar:focus{
    color: #FFF;
    box-shadow:0px 2px 0 #bd4605;
    text-decoration: none;
    margin-top: 33px;
}

.cta-contratar i{
    margin-left: 8px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.cta-contratar:hover i{
    margin-left: 12px;
}

.errores-sis thead tr th{
    background-color: #555;
    color: #FFF;
    border:1px solid #FFF;
}

.errores-sis tr td{
    border:1px solid #DDD;
}
.errores {
    margin-right:13px;
}


.hide{
    display: none;
}

.service-box{
    color: #555;
    text-align: center;
    text-transform: uppercase;
    display: block;
    padding: 20px 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.service-box:hover{
    text-decoration: none;
    color: #888;
}



.service-box:before {
    content: url(../img/bottom-line.png);
    position: absolute;
    bottom: -6px;
    left: 100px;
    margin: 0 auto;
}

.service-box:after {
    content: url(../img/right-line.png);
    position: absolute;
    right: -1px;
    top: 40px;
}

.service-box.last:after {
    content: none;
}

.service-box.desarrollo:before{
    content: none;
}

.icono img{
    max-width: 180px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.img-desarrollador{	
    display: block;
    margin: 20px auto;
    max-width: 260px 
    max-height: 240px 
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.service-box:hover .icono img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.icono h5{
    text-align: center;
    color: #555;
}

.lista-ordenada li{
    margin-bottom: 10px;
}

.infografia-full{
    margin: 30px auto 50px auto;
    display: block;
    max-width: 360px;
}

.infografia-full.grande{
    max-width: 500px;
}

.tablas {
	width:750px; 
	height:500px;
	overflow:auto; 
	margin-bottom:95px;
}

.tablas-error {
	width:750px; 
	overflow:auto;
	margin-bottom:95px;
}

div.card-footer.row {
	display: flex;
    justify-content: center;
}

/* MEDIA QUERIES
  ================================================== */
@media(max-width:1199px) {
    .service-box:before{left: 58px;}
}

@media(max-width:1199px) {
    .service-box:before{left: 20px;}
}

@media(max-width:1201px) {
    body{padding-right: 0;padding-left: 0;}
    .container{padding-left: 15px;padding-right: 15px;}
    #menu-principal ul li{margin-right: 30px;}
    .gradient-bottom{display: none;}
    .service-box{padding-top: 10px;padding-bottom: 10px;}
    .service-box p{display: none;}
    .service-box h3{font-size: 12px;line-height: 15px;}
    .service-box .icono{font-size: 30px;}
    .service-box .icono img{max-width: 60px;}
    .carousel-caption h1{font-size: 11px;}
    .carousel-caption h2{font-size: 12px;}
    .carousel-caption{top: 10px;margin-left: -125px;left: 0;right: 0;margin-right: auto;margin-left: auto;max-width: 220px;position: absolute;}
    .carousel-caption .cta-slide{font-size: 13px;margin-top: 10px;}
    .grafico{margin: 15px auto;}
    .logo-plataforma{max-width: 60px;padding-top: 13px;}
    #menu-principal{display: none;}
    .tabla-descargas th{font-size: 10px;}
    .tabla-descargas tbody tr td{padding: 10px 0;}
    #menu-principal{position: absolute;background-color: #FFF;right: 0;top: 54px;box-shadow: 0px 6px 10px #333;width: 210px;}
    #menu-principal ul li,#menu-principal.sticky ul li{display: block;margin-right: 0;text-align: left;padding: 10px 20px;width: 100%;}
    .burger-menu{display: block;}
    .datos-contacto{margin-top: 50px;}
    .descargar a i{font-size: 16px;}
    .ver-video a{font-size: 12px;}
    .service-box.activo:before{display: none;}
    .desplegable img{display: none;}
    li.selectedMenuItem{border-bottom: none;position: relative;}
    li.selectedMenuItem:before{font-family: FontAwesome;content: "\f0da";color: #e30613;position: absolute;left: 10px;}
    #menu-principal ul li:hover ul{display: none;}
    #menu-principal ul li ul{position: relative;box-shadow: none;top: 0;left: -10px;}
    #menu-principal.sticky ul li ul{top: 0}
    #menu-principal ul li ul li:before{display: none!important;}
    .servicios-ecommerce a span{display: none;}
    .carousel-caption h1, .carousel-caption h2{line-height: 21px;}
    #form-descarga{right: 0;left: 0; margin: 0 auto;top: 70px;}
    .cover-quienes h1, .cover-otros h1, .cover-telefonico h1, .cover-desarrolladores h1, .cover-ecommerce h1, .cover-fisico h1{font-size: 18px;letter-spacing: 0;}
    #menu-desarrolladores{position: relative!important;top:auto!important;margin-bottom: 30px;} 
    .service-box:before,.service-box:after{content: none;}
}


@media(max-width:450px) {
    .carousel-caption{top: 0;}
    .carousel-caption .cta-slide{padding: 8px;max-width: 150px;}
    .carousel-caption h2{padding: 8px 0;}
    .carousel-caption h1{padding:0;}
}

@media screen and (max-width: 1201px) , screen and (max-height: 1201px) {
    footer{padding: 5px 0;}
    .social{margin: 2px 0 5px 0;}
    .social li a{width: 20px;height: 20px;font-size: 11px;line-height: 18px;}
    footer p{margin-bottom: 0;}
    #menu-desarrolladores.sticky {background-color: #FFF;}

}

.subtituloLevel2-desa{
    position: relative;
    margin-top: 25px;
               margin-left: 10px;
               font-size: 17px;
               font-weight: 500;
}

.subtituloLevel2-desa:before{
    font-family: 'FontAwesome';
    content: "\f0da";
    color: #e30613;
    font-size: 16px;
    position: absolute;
    left: -10px;
    top: -1px;
}

/* CSS BOTONES */
.copy-code-button {
	color: #272822;
	font-color: #FFF;
	background-color: #FFF;
	border: 2px solid #a3a3a3;
	border-radius: 3px 3px 0px 0px;
	/* right-align */
	display: block;
	margin-left: auto;
	margin-right: 0;
	margin-top: 25px;
	margin-bottom: -2px;
	padding: 3px 8px;
	font-size: 0.9em;
}

.copy-code-button:hover {
	cursor: pointer;
	background-color: #F2F2F2;
}

.copy-code-button:focus {
	/* Avoid an ugly focus outline on click in Chrome,
       but darken the button for accessibility.
       See https://stackoverflow.com/a/25298082/1481479 */
	background-color: #E6E6E6;
	outline: 0;
}

.copy-code-button:active {
	background-color: #D9D9D9;
}

.row pre {
	/* Avoid pushing up the copy buttons. */
	margin: 0;
}

.cardNumber {
	white-space: nowrap;
}

.cardNumber span:nth-child(4n) {
	padding-right: 0.5em;
}

.imagen-ejemplo{
	display: block;
    width: auto;
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.boxPasos {
	padding: 20px;
    margin: 20px 0;
    background-color: #ebebeb;
    border-radius: 10px;
}

.listaDosColumnas{
	columns: 2; 
  	-webkit-columns: 2; 
  	-moz-columns: 2;
}

.listaDosColumnas > li { 
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin-right: 50px; 
}

ol {
	margin-bottom: 1.5em;
	counter-reset: item;
}

ol>li {
	margin: 0;
	padding-bottom: 1.5em;
	text-indent: 0em;
	list-style-type: none;
	counter-increment: item;
}

ol>li:before {
	display: inline-block;
	width: 1em;
	padding-right: 0.5em;
	font-weight: bold;
	text-align: right;
	content: counter(item) ".";
}

ul>li {
	padding: 0em 0 0.5em 0;
}

ul>li.nav-item {
	padding: 0em !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
 }

 .dropdown .dropdown-menu{
    -webkit-animation: swing-in-top-fwd 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.275) alternate both;
            animation: swing-in-top-fwd 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.275) alternate both;
}
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}

header{
/*	border-bottom: 0.75px solid rgba(50, 50, 50, 0.3); */
}

a {

	color: #e30613;
}

.nav-item-principal {
	
	font-weight: 500;
	margin-left: 10px
}

.card {
	
	margin-top: 20px;
	padding: 10px;
	background-color: rgb(240, 240, 240);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	transition: 0.25s ease-in-out;
}

#search-card:hover {
	
	margin-top: 20px;
	background-color: rgb(220, 220, 220);
	border-color: #e30613;
	padding: 20px;
}

.search-result:hover{

	text-decoration: none !important;
	color: #e30613;
}

@media (max-width: 600px) {
	.lupa-busqueda {
	  display: none;
	}
}