* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Sintony', sans-serif
}
a {
    text-decoration: none
}
a:hover {
    text-decoration: none
}
body {
    overflow-x: hidden
}
p {
    margin: 0
}
.boton-arriba img {
    width: 3rem;
    height: 3rem
}
.boton-arriba {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 0rem 1rem 0.7rem 0;
    opacity: 0;
    cursor: pointer
}
.page-container {
    width: 100%;
    height: auto;
    position: absolute
}
.loged {
    width: 100%;
    height: 1.8rem;
    background-color: #d95098;
    color: #fff;
    font-weight: light;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.8rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.loged p {
    padding: 0 0.5rem 0 0.5rem
}
.loged a {
    color: #fff
}
.loged p:nth-child(2) {
    font-weight: bold;
    cursor: pointer
}
.loged a:hover {
    text-decoration: underline
}
.capa-gris-container {
    display: none
}
.capa-gris {
    width: 100%;
    height: 100%;
    background: rgba(156, 156, 156, 0.4);
    position: absolute;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed
}
.inicio-sesion-ceb {
    width: 60%;
    background-color: #fff
}
.close-ceb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #b6b6b6;
    font-size: 0.8rem;
    margin: 1rem;
    letter-spacing: 1px;
    cursor: pointer
}
.close-ceb:hover {
    text-decoration: underline
}
.close-ceb i {
    margin: 0 0.3rem 0 0
}
.foto-inicio {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 2rem 0
}
.foto-ceb {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.foto-ceb img {
    width: 25rem;
    height: 25rem
}
.inicio-sesion {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.inicio-sesion img {
    width: 12rem;
    height: 12rem
}
.contrasena i,
.usuario i {
    color: #d95098
}
.contrasena,
.usuario {
    border-bottom: 1px solid #e7e8ea;
    margin: 0 0 1rem 0;
    padding: 0 0 0.5rem 0;
    font-size: 1.4rem;
    width: 60%
}
.contrasena input,
.usuario input {
    border: none;
    width: 80%
}
.nuevo-miembro-iniciar {
    font-size: 0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.nuevo-miembro-iniciar p:first-child {
    padding: 0.5rem;
    font-size: 0.7rem;
    font-weight: bold;
    border: 2px solid #e7e8ea;
    border-radius: 20rem;
    text-transform: uppercase
}
.nuevo-miembro-iniciar a {
    color: #000
}
.nuevo-miembro-iniciar input {
    padding: 0.5rem 0.8rem;
    margin: 0 0 0 0.5rem;
    font-size: 0.7rem;
    font-weight: bold;
    border: 2px solid #d95098;
    border-radius: 20rem;
    background-color: #d95098;
    color: #fff;
    text-transform: uppercase
}
.recordar-olvidar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.6rem;
    margin: 1rem 0 0 0
}
.recordar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0.5rem 0 0
}
.recordar input {
    margin: 0 0.3rem 0 0
}
.olvido-contrasena a {
    color: #d95098
}
.header {
    width: 100%;
    height: 8em;
    background-color: #343434;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.logo {
    width: 30%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 0 5rem
}
.logo img {
    width: 12.5rem;
    height: 12.5rem;
    margin: -5em 0 0 0
}
.contacto-header {
    width: 70%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Sintony', sans-serif;
    color: #858585;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 2em 0 0 3em
}
.contacto-header-section {
    width: 19em;
    height: 4.2em;
    border-left: 0.04em solid #fff;
    padding: 0 0 0 1.5em;
    text-transform: uppercase;
    font-size: 0.7em
}
.contacto-header-section p {
    margin: 0
}
.contacto-header-section p:first-child {
    line-height: 1.8;
    color: #fff;
    font-size: 1.1em
}
.redes-sociales-header {
    width: 20%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 3em
}
.redes-sociales-header img {
    width: 2em;
    height: 2em;
    margin: 0 1.2em 0 0
}
.menu-container {
    width: 100%;
    height: 5em;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.nav {
    height: 100%
}
.nav>li {
    float: left
}
.nav li ul {
    position: absolute;
    z-index: 100
}
.nav li a {
    display: block
}
.lineas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.lineas img {
    width: 1em;
    height: 1em;
    margin: 2em 0.5em 0 0
}
.secciones {
    width: 70%;
    height: 100%;
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    color: #636c6f;
    font-weight: bold;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 5rem
}
.nav>li {
    margin: 0 0.5rem 0 0;
    height: 100%;
    padding: 2rem 0.5rem 0 0.5rem
}
.nav>li:hover {
    background-color: #eee;
    border-bottom: 5px solid #d95098
}
.nav a {
    color: #636c6f
}
.nav li {
    color: #636c6f
}
.nav li:hover {
    color: #d95098
}
.nav a:hover {
    color: #d95098
}
.menu-lineas {
    margin: 1.7rem 0 0 -0.5rem;
    background-color: #f7f7f7;
    width: 25rem;
    text-transform: capitalize;
    font-weight: normal;
    display: none
}
.menu-lineas li {
    padding: 0.8rem;
    border-bottom: 0.12em solid #e7e7e7
}
.lineas-arrow-down img {
    width: 1em;
    height: 1em;
    margin: 0em 0 0 0.5rem
}
.nuevo-miembro {
    background-color: #d95098;
    width: 30%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 5rem 0 0
}
.nuevo-miembro img {
    width: 2em;
    height: 2em;
    margin: 1.5em 1em 0 2em
}
.nuevo-miembro p {
    margin: 1.9em 0em 0 0
}
li {
    list-style: none
}
.slider-container {
    width: 100%;
    height: auto;
    overflow: hidden
}
.slides {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.slide {
    width: 100%;
    height: auto;
    float: left
}
.texto-derecha {
    margin: 0 0 -8.7em 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 40%;
    left: 20%
}
.texto-izquierda {
    margin: 0 0 -8.7em 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 40%;
    left: -25%
}
.slide .t-principal {
    font-size: 2.5em;
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #d95098;
    margin: 0 0 0.2em 0
}
.slide .t-secundario {
    font-size: 1.2em;
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    color: #d95098;
    letter-spacing: 2px;
    margin: 0 0 1em 0
}
.slide .cta {
    font-size: 1em;
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    color: #d95098;
    letter-spacing: 3px;
    padding: 0.2em 0.7em;
    border: 1px solid #d95098;
    width: 100%;
    text-align: center;
    cursor: pointer
}
.slide .cta:hover {
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.slide img {
    width: 100%;
    height: 100%
}
.slider-float {
    width: 100%;
    height: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -3em 0 1em 0;
    display: none
}
.slider-float svg {
    fill: #b0b0b0;
    width: 0.7em;
    height: 0.7em;
    margin: 0 0.5em 0 0
}
.euphab-experience {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.5rem 0 0 0
}
.mision-eupha {
    background-color: #f78dc5;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.vision-eupha img {
    width: 2.5em;
    height: 2.5em;
    margin: 0 0 1em 0
}
.mision-eupha svg {
    margin: 0 0 1em 0;
    width: 2.5em;
    height: 2.5em
}
.mision-eupha p,
.vision-eupha p {
    font-family: 'Sintony', sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
    color: #fff
}
.vision-eupha {
    background-color: #e766aa;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.experiencia {
    background-color: #5f5f5f;
    width: 50%
}
.experiencia p:first-child {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Sintony', sans-serif;
    font-weight: bolder;
    font-size: 1.1em;
    margin: 2.5em 0 0 2.2em
}
.experiencia p:nth-child(2) {
    color: #fff;
    font-family: 'Sintony', sans-serif;
    font-weight: light;
    font-size: 0.8em;
    width: 80%;
    color: #b3b2b2;
    margin: 0.5em 0 0 3em;
    line-height: 1.7em
}
.leer-mas-quienes {
    font-family: 'Sintony', sans-serif;
    background-color: #fff;
    width: 7em;
    font-size: 0.8em;
    padding: 0.3em 0.6em;
    border: 1px solid #fff;
    border-radius: 0.3em;
    margin: 2em 6.25em 2rem 0;
    float: right;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center
}
.experiencia p:nth-child(3):hover {
    background-color: #d95098;
    color: #fff;
    border: 1px solid #d95098;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.biotech-logo-description {
    border: none !important;
}
.show-productos-1 {
    height: auto;
    background-color: white
}
.titulo-encabezado {
    text-transform: uppercase;
    color: #c2c2c2;
    font-size: 1.3em;
    font-weight: bold;
    font-family: 'Sintony', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    padding: 2em 0 1.25em 0
}
hr {
    color: #c2c2c2;
    width: 70%;
    text-align: center;
    margin: 0 0 0 200px
}
.subtitulo {
    color: #c2c2c2;
    font-family: 'Sintony', sans-serif;
    font-size: 13px;
    text-align: center;
    margin: 1.2em 0 0 0
}
.marcas-productos {
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -2em 2em 0 2em
}
.lavigor-frame,
.medytox-frame,
.ocn-frame,
.tdc-frame,
.tegoder-frame,
.toskani-frame {
    height: auto;
    width: 15%;
    margin: 5rem 0rem 3rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 2rem 0
}
.lavigor-frame img,
.medytox-frame img,
.ocn-frame img,
.tdc-frame img,
.tegoder-frame img,
.toskani-frame img {
    width: 7em;
    height: 7em
}
.logo-producto img {
    width: 6.5em;
    height: 6.5em;
    margin: 6em 0 1em 0em
}
.logo-producto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.tegoder-frame .logo-producto img,
.toskani-frame .logo-producto img {
    width: 6em;
    height: 6em
}
.modelo-producto {
    width: 6em;
    height: 6em;
    margin: -5rem 0 5rem 0rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: absolute;
    z-index: 1;
}
.modelo-producto img {
    width: 100%;
    height: 100%;
    border: 3px solid #d9dad8;
    border-radius: 50%
}
.descripcion-producto {
    color: #c2c2c2;
    font-family: 'Sintony', sans-serif;
    font-size: 0.7em;
    line-height: 1.7em;
    width: 90%;
    margin: -4em 0 0 0.8rem;
    text-align: center
}
.ver-mas {
    margin: 0em 0 0 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ver-mas img {
    width: 1.7em;
    height: 1.7em;
    margin: 1.2em 0 0.3em 0em
}
.lavigor-frame .ver-mas p,
.medytox-frame .ver-mas p,
.ocn-frame .ver-mas p,
.tdc-frame .ver-mas p,
.tegoder-frame .ver-mas p,
.toskani-frame .ver-mas p {
    font-size: 0.8em;
    text-align: center;
    font-family: 'Sintony', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0.5em 0 0em 0
}
.medytox-frame .ver-mas p {
    color: #eb0029
}
.lavigor-frame .ver-mas p {
    color: #00bab1
}
.toskani-frame .ver-mas p {
    color: #babf10
}
.tegoder-frame .ver-mas p {
    color: #9a8150
}
.tdc-frame .ver-mas p {
    color: #6e298d
}
.ocn-frame .ver-mas p {
    color: #989400
}
.logo-descripcion-container {
    border-right: 0.1px solid #dbe1e7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 1rem 0
}
.ver-mapa {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url("../img/fondo-mapa.png");
    background-size: cover;
    background-position: center
}
.ver-mapa img {
    width: 5em;
    height: 5em;
    margin: 1.6em 0 0.7em 0
}
.ver-mapa p {
    font-weight: bolder;
    font-family: 'Sintony', sans-serif;
    color: #d95098;
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 0 0 1.2em 0
}
.detalle {
    background-image: url("../img/fondo-estadisticas.png");
    background-size: cover;
    background-position: center;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.detalle .calidad,
.detalle .clientes,
.detalle .presencia,
.detalle .productos {
    width: 20%;
    height: 100%;
    margin: 2.5rem 1.7em 2.5rem 0
}
.detalle .calidad img,
.detalle .clientes img,
.detalle .presencia img,
.detalle .productos img {
    width: 3em;
    height: 3em
}
.detalle .calidad,
.detalle .clientes,
.detalle .presencia,
.detalle .productos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Sintony', sans-serif;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.detalle .calidad .calidad-label,
.detalle .clientes .clientes-label,
.detalle .presencia .presencia-label,
.detalle .productos .producto-label {
    font-size: 1.5em;
    margin: 0 0 0 1.1em;
    text-align: center;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 300;
    width: 80%
}
.detalle .title-detalle {
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 0 0 0 1.3em
}
.porcentaje {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.porcentaje p:first-child,
.porcentaje p:nth-child(2) {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-weight: 2em;
    width: 50%
}
.porcentaje p:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 1.7em!important
}
.plus-clientes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.plus-clientes p:first-child,
.plus-clientes p:nth-child(2) {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-weight: 2em;
    width: 50%
}
.plus-clientes p:nth-child(2) {
    font-size: 1.7em!important
}
.blog-eupha-1 {
    height: auto;
    background-image: url("../img/fondo-blog.jpg");
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.blog-container-1 {
    width: 70%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.blog-container-1 .titulo-1 {
    text-transform: uppercase;
    color: #c2c2c2;
    font-size: 1.3em;
    font-weight: bold;
    font-family: 'Sintony', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    padding: 2em 0 0.5em 0
}
.blog-container-1 hr {
    margin: 0 0 0 0em;
    text-align: center
}
.blog-container-1 .sub-titulo-1 {
    color: #c2c2c2;
    font-family: 'Sintony', sans-serif;
    font-size: 0.8em;
    text-align: center;
    margin: 1em 0 0 0
}
.slider-posts-1 {
    width: 80%;
    height: 70%;
    background-color: #fff;
    margin: 2em 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.left-row-posts-1,
.right-row-posts-1 {
    width: 10%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.left-row-posts-1 img,
.right-row-posts-1 img {
    width: 3em;
    height: 3em;
    cursor: pointer
}
.content-posts-1 {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.post-1 {
    width: 40%;
    height: 100%;
    padding: 2em 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2rem 2rem 0
}
.leer-mas-blog p {
    color: #fff;
    background-color: #d95098;
    padding: 0.5rem;
    border: 1px solid #d95098;
    border-radius: 5px;
    font-size: 0.9rem;
    margin: 0 0 2rem 0;
    text-transform: uppercase
}
.leer-mas-blog p:hover {
    background-color: #f45bb3;
    -webkit-transition: 0.2 all;
    -o-transition: 0.2 all;
    transition: 0.2 all;
    border: 1px solid #f45bb3
}
.imagen-post-1 {
    width: 100%;
    height: auto;
    background-color: #fff
}
.imagen-post-1 img {
    width: 100%;
    height: 100%
}
.fecha-post-1 {
    width: 3.6em;
    height: 3.6em;
    background-color: #d95098;
    margin: -4.5em 15em 0 -2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.fecha-post-1 p:first-child {
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    font-family: 'Sintony', sans-serif
}
.fecha-post-1 p:nth-child(2) {
    color: #fff;
    font-size: 0.7em;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    line-height: 5px
}
.titulo-resumen-1 {
    margin: 1em 0 0 0.8em
}
.titulo-resumen-1 p:first-child {
    font-family: 'Sintony';
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin: 0 0 0.5em 0
}
.titulo-resumen-1 p:nth-child(2) {
    font-family: 'Sintony', sans-serif;
    color: #999;
    font-size: 0.8em;
    padding: 0 0 1em 0;
    width: 90%;
    border-bottom: 1px solid #999
}
.likes-views-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0.5em 0 0 0.5em
}
.likes-1 img,
.views-1 img {
    width: 1em;
    height: 1em;
    margin: 0 0.3em 0 0.5em
}
.likes-1,
.views-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.likes-1 p,
.views-1 p {
    font-family: 'Sintony', sans-serif;
    color: #999;
    font-size: 0.7em
}
.publicidad-eupha {
    width: 100%;
    height: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.contenedor-publicidad-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto
}
.publicidad-1 {
    width: 25%;
    height: auto
}
.publicidad-1 img {
    width: 100%;
    height: 100%
}
.publicidad-2 {
    width: 25%;
    height: 100%
}
.publicidad-2 img {
    width: 100%;
    height: 100%
}
.publicidad-3 {
    width: 50%;
    height: 100%
}
.publicidad-3 img {
    width: 100%;
    height: 100%!important
}
.testimonios {
    width: 100%;
    height: auto;
    background-image: url("../img/fondo-testimonios.png");
    background-size: cover;
    padding: 0 0 0 2em
}
.testimonios-container {
    width: 60%;
    padding: 10rem 0 10rem 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.quote {
    width: 100%;
    height: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.quote img {
    height: 3em;
    width: 3em
}
.quote p {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 0.8em;
    width: 40%;
    text-align: center;
    margin: 1em 0 0 0
}
.personas {
    width: 80%;
    height: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #fff
}
.no-seleccionada {
    width: 6em;
    height: 6em;
    border: 0px solid transparent;
    border-radius: 50%
}
.no-seleccionada img {
    width: 100%;
    height: 100%;
    border: 0px solid transparent;
    border-radius: 50%
}
.foto-persona {
    width: 9rem;
    height: 9rem;
    margin: 0.3em 0 0.5rem 0;
    border-radius: 50%;
    border: 4px solid #c2c2c2
}
.foto-persona img {
    width: 9em;
    height: 9em;
    border-radius: 50%;
    margin: 2em 0 0 0;
    background-color: #dbe1e7
}
.nombre-profesion {
    margin: 0.5em 0 0 0;
    text-align: center
}
.nombre-profesion p:first-child {
    font-family: 'Arvo', sans-serif;
    color: #383838;
    margin: 0.5em 0 0.8em 0;
    text-transform: uppercase
}
.nombre-profesion p:nth-child(2) {
    font-family: 'Sintony', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #c1bfc0;
    font-size: 0.8em
}
.nueva-pagina {
    width: 100%;
    height: auto;
    background-image: url("../img/fondo-nueva-pagina.png");
    background-size: cover;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3rem 0 3rem 0
}
.nueva-pagina p:first-child {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 0.7em 0;
    font-size: 1.3em
}
.nueva-pagina p:nth-child(2) {
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1.3em;
    font-style: italic
}
.suscripcion {
    width: 100%;
    height: auto;
    background-image: url("../img/fondo-suscripcion.png");
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.suscripcion p {
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px 200px
}
.suscripcion input:first-child {
    background: none;
    border: none;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Sintony', sans-serif;
    padding: 5px 10px;
    width: 49%;
    margin: 0 10px 0 200px
}
.suscripcion input:nth-child(2) {
    background-color: #fff;
    border: none;
    color: #d95098;
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    padding: 8px 10px;
    width: 15%
}
.suscripcion {
    width: 100%;
    height: auto;
    background-image: url("../img/fondo-suscripcion.png");
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7rem 0 7rem 0
}
.suscripcion p {
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px 200px
}
.suscripcion input:first-child {
    background: none;
    border: none;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Sintony', sans-serif;
    padding: 5px 10px;
    width: 49%;
    margin: 0 10px 0 200px
}
.suscripcion input:nth-child(2) {
    background-color: #fff;
    border: none;
    color: #d95098;
    font-family: 'Sintony', sans-serif;
    text-transform: uppercase;
    padding: 8px 10px;
    width: 15%
}
.footer-info {
    width: 100%;
    height: auto;
    background-color: #606060;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.info-euphab {
    height: 80%;
    width: 30%;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.info-euphab p:first-child {
    color: #fff;
    font-size: 1.2em;
    margin: 0.8em 0 1em 5em
}
.info-euphab p:nth-child(2) {
    font-size: 0.8em;
    width: 70%;
    color: #989898;
    margin: 0.8em 0 0 7.2em
}
.contacto {
    height: 80%;
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.contacto p:first-child {
    color: #fff;
    font-size: 1.2em;
    margin: 0.8em 0 1em 4.25em;
    font-family: 'Montserrat', sans-serif
}
.contacto .resumen {
    font-size: 0.78em;
    width: 70%;
    color: #989898;
    margin: 0 0 0 6.25em;
    font-family: 'Montserrat', sans-serif
}
.contenedor-contacto img {
    width: 1.25em;
    height: 1.25em;
    margin: 0.02em 0 0 4.5em
}
.contenedor-contacto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.2em 0 0 0
}
.contenedor-contacto p {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.76em;
    margin: 0.2em 0 0 1em
}
.ultimas-publicaciones {
    height: 80%;
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.publicacion p {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em
}
.publicacion {
    margin: 0.8em 0 0 0
}
.publicacion .fecha {
    color: #d95098;
    margin: 0.8em 0 0 2em
}
.publicacion img {
    width: 1.2em;
    height: 1.2em
}
.container-resumen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%
}
.container-resumen p {
    margin: 0 0 0 0.8em
}
.ultimas-publicaciones p:first-child {
    color: #fff;
    font-size: 1.2em;
    margin: 3em 0 1em 0px;
    font-family: 'Montserrat', sans-serif
}
.footer-row {
    width: 100%;
    height: auto;
    background-color: #343434;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.footer-row p {
    color: #fff;
    font-family: 'Sintony', sans-serif;
    font-size: 0.7em;
    margin: 2rem 0 0 1.5em;
    color: #717271
}
.derechos-reservados {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.row-up {
    width: 3em;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0 0 10em
}
.row-up img {
    width: 100%;
    height: 3em;
    cursor: pointer
}
.redes-sociales-footer {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 4rem 0 0
}
.redes-sociales-footer img {
    width: 5em;
    height: auto;
    margin: 0 1.5em 0 0em;
    
}

.cambio-de-opacidad-logo{
    opacity: 60%;
}
.euphab-experience-r,
.header-responsive,
.lineas-responsive-container,
.menu-responsive-completo,
.responsive {
    display: none
}
.imagen-lavigor-cambio {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0;
    animation-delay: 0
}
.llamar-correo p:hover {
    border-bottom: 1px solid #fff;
    padding: 0
}
.llamar-correo a {
    font-size: 0.7em
}
.contenedor-contacto p:first-child {
    margin: 0 0 0 0.5rem
}
.slider-container-r {
    display: none
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(214, 81, 148)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(214, 81, 148)' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

@media (min-width: 700px) and (max-width: 1300px) {

    .menu-container{
        height: 5em;
    }
    .menu-container .secciones{
        width: 100%;
    }

    .menu-container .nuevo-miembro{
        width: 5%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-container .nav li{
        font-size: 0.9em
    }

    .menu-container .nuevo-miembro p{
        display: none;
    }

    .menu-container .nuevo-miembro img{
        margin: 0 0 0 4.7em;
    }
}
@media (min-width: 0px) and (max-width: 900px) {
    .footer-container,
    .header,
    .menu-container,
    .no-reponsive,
    .slider-container {
        display: none
    }
    .slider-container-r {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto
    }
    .boton-arriba img {
        width: 2.5rem;
        height: 2.5rem
    }
    .boton-arriba {
        position: fixed;
        right: 0;
        bottom: 0;
        margin: 0rem 0.5rem 0.7rem 0;
        opacity: 0
    }
    .responsive {
        display: block
    }
    .testimonios-container {
        width: 90%;
        padding: 1.5rem 0 1.5rem 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .quote p {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        font-size: 0.8em;
        width: 70%;
        text-align: center;
        margin: 1em 0 0 0
    }
    .quote img {
        width: 2rem;
        height: 2rem
    }
    .header-responsive {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #343434;
        height: 4rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding: 0 1rem 0 1rem
    }
    .pagina-principal img {
        width: 1.5rem;
        height: 1.5rem
    }
    .redes img {
        width: 1.5rem;
        height: 1.5rem
    }
    #menu-seleccionar img {
        width: 1.5rem;
        height: 1.5rem
    }
    .menu-responsive-completo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        background-color: #fff;
        padding: 1rem 0 0 1rem;
        width: 60%;
        height: 30rem;
        display: none;
        z-index: 100
    }
    .lineas-r-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 0 1rem;
        display: none
    }
    .menu-responsive-completo a,
    .menu-responsive-completo p {
        margin: 0.3rem 0.5rem 0.3rem 0;
        color: #636c6f;
        text-transform: uppercase;
        font-size: 0.8rem
    }
    .footer-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .redes-sociales-footer img {
        width: 3rem;
        height: auto;
        margin: 0 1rem 0 0
    }
    .redes-sociales-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 0 1rem
    }
    .row-up img {
        height: 2.5rem;
        width: 2.5rem;
        margin: 0rem 0 1rem 0
    }
    .row-up {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 1rem 0 0 0em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .row-up img {
        width: 2.5rem;
        height: 2.5em;
        cursor: pointer
    }
    .derechos-reservados {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: -0.5rem 0 0 0
    }
    .euphab-experience {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0rem 0 0 0
    }
    .mision-eupha {
        width: 100%;
        padding: 0.5rem 0
    }
    .vision-eupha {
        width: 100%;
        padding: 0.5rem 0
    }
    .experiencia {
        width: 100%
    }
    .mision-eupha svg,
    .vision-eupha img,
    .vision-eupha svg {
        width: 2rem;
        height: 2rem
    }
    .experiencia p:first-child {
        margin: 1rem 0 0 1rem;
        font-size: 1rem
    }
    .experiencia p:nth-child(2) {
        margin: 0.5rem 0 0 1rem;
        width: 95%
    }
    .leer-mas-quienes {
        float: left;
        margin: 0.5rem 0 1rem 1rem
    }
    .ver-mapa img {
        width: 3rem;
        height: 3rem
    }
    .detalle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .detalle .calidad,
    .detalle .clientes,
    .detalle .presencia,
    .detalle .producto {
        width: 40%
    }
    .detalle .calidad img,
    .detalle .clientes img,
    .detalle .presencia img,
    .detalle .productos img {
        width: 2rem;
        height: 2rem;
        margin: 0 0.3rem 0 0.3rem
    }
    .detalle .calidad .calidad-label,
    .detalle .clientes .clientes-label,
    .detalle .presencia .presencia-label,
    .detalle .productos .producto-label {
        margin: 0 0 0 0.5rem
    }
    .detalle .title-detalle {
        font-size: 0.9rem
    }
    .detalle .calidad,
    .detalle .clientes,
    .detalle .presencia,
    .detalle .productos {
        width: 40%;
        margin: 1rem
    }
    .blog-container-1 {
        width: 100%
    }
    .titulo-1 {
        padding: 1rem 0 0 0
    }
    .sub-titulo-1 {
        width: 90%
    }
    .slider-posts-1 {
        width: 95%;
        margin: 0em 0 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 0 1.3rem
    }
    .content-posts-1 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .titulo-resumen-1 p:nth-child(2) {
        width: 95%
    }
    .post-1 {
        margin: 0 2rem 2rem 0
    }
    .fecha-post-1 {
        display: none
    }
    .nueva-pagina p:first-child {
        font-size: 1rem
    }
    .nueva-pagina p:nth-child(2) {
        font-size: 0.9rem
    }
    .suscripcion {
        padding: 2rem 0 2rem 0
    }
    .suscripcion p {
        margin: 1rem
    }
    .suscripcion input:first-child {
        margin: 0 0 0 1rem
    }
    .suscripcion input:first-child {
        width: 60%
    }
    .suscripcion input:nth-child(2) {
        width: 30%
    }
    .titulo-encabezado {
        font-size: 1rem;
        padding: 1.5em 0 1.1em 0
    }
    hr {
        margin: 0 0 0 4rem
    }
    .show-productos-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .marcas-productos {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .lavigor-frame,
    .medytox-frame,
    .tdc-frame,
    .tegoder-frame,
    .toskani-frame {
        width: 90%;
        padding: 0;
        margin: 1rem 0 1rem 0
    }
    .toskani-frame {
        margin: 1rem 0 3rem 0
    }
    .ocn-frame {
        margin: 1rem 0 3rem 0;
        width: 100%
    }
    .medytox-frame {
        margin: 4rem 0 1rem 0
    }
    .logo-descripcion-container {
        border: none
    }
    .numero-titulo,
    .porcentaje {
        font-size: 0.8rem
    }
    .lavigor-frame img,
    .medytox-frame img,
    .ocn-frame img,
    .tdc-frame img,
    .tegoder-frame img,
    .toskani-frame img {
        width: 6rem;
        height: 6rem
    }
    .descripcion-producto {
        margin: -5em 0 0 0.8rem
    }
    .medytox-frame .ver-mas p {
        font-size: 0.7rem
    }
    .ver-mas img {
        width: 1.3rem;
        height: 1.3rem
    }
    .logo-producto img {
        width: 5.5rem;
        height: 5.5rem;
        margin: 1rem 0 1rem 0
    }
    .ocn-frame .logo-producto {
        margin: 2rem 0 1rem 0
    }
    .modelo-producto {
        width: 3.5em;
        height: 3.5em;
        margin: -3.5em 0 0 0em
    }
    .no-responsive {
        display: none
    }
    .texto-derecha {
        top: 50%;
        left: 0%
    }
    .slide .t-principal {
        font-size: 1.5rem
    }
    .slide .t-secundario {
        font-size: 0.8rem;
        width: 80%;
        text-align: center
    }
    .slide .cta {
        font-size: 0.7rem
    }
    .texto-derecha {
        margin: 0 0 -7.7rem 0
    }
    .slider-float svg {
        width: 0.5rem;
        height: 0.5rem
    }
    .logo-producto {
        margin: 4rem 0 0 0
    }
    .modelo-producto {
        margin: -5.5em 0 0 -1.5em
    }
    .logo-descripcion-container {
        margin: 0
    }
    .titulo-productos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .subtitulo {
        width: 95%
    }
    .titulo-productos hr {
        margin: 0
    }
    .categorias {
        font-size: 0.8rem
    }
    .categoria-1,
    .categoria-2,
    .categoria-3 {
        height: 2rem!important;
        padding: 0 0.3rem 0 0.3rem!important;
        width: 7rem!important
    }
    .slide img {
        width: 100%;
        height: auto
    }
}
@media (min-width: 2000px) {
    .inicio-sesion-ceb {
        width: 40%;
        background-color: #fff
    }
    .logo {
        width: 30%;
        margin: 0 0 0 8rem
    }
    .secciones {
        width: 60%;
        margin: 0 0 0 25rem
    }
    .nuevo-miembro {
        width: 40%
    }
    .nav>li {
        padding: 2rem 1rem 0 1rem;
        margin: 0 2rem 0 0
    }
    .menu-lineas {
        margin: 1.8rem 0 0 -0.9rem
    }
    .menu-float-1 {
        position: absolute;
        z-index: 1;
        left: 42%;
        top: 13em;
        width: 30%;
        -webkit-box-shadow: 2px 2px 5px #999;
        box-shadow: 2px 2px 5px #999
    }
    .menu-container-float {
        width: 100%;
        height: 10em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        position: absolute;
        z-index: 1;
        width: 15%;
        margin: 0 0 0 59rem
    }
    .slide .t-principal {
        font-size: 3.5rem
    }
    .texto-derecha {
        margin: 0 0 -13.7em 0
    }
    .slide .t-secundario {
        font-size: 2.2rem
    }
    .slide .cta {
        font-size: 1.5rem
    }
    .euphab-experience {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .mision-eupha svg,
    .vision-eupha img {
        width: 3.5em;
        height: 3.5em;
        margin: 0 0 1em 0
    }
    .mision-eupha p,
    .vision-eupha p {
        font-size: 1.2em;
        letter-spacing: 1px
    }
    .experiencia p:first-child {
        font-size: 1.5em
    }
    .experiencia p:nth-child(2) {
        font-size: 1.2em;
        width: 75%;
        margin: 0.5em 0 0 3.2em
    }
    .experiencia p:nth-child(3) {
        width: 7em;
        font-size: 1em
    }
    .show-productos-1 {
        height: auto
    }
    .titulo-encabezado {
        font-size: 1.5em
    }
    hr {
        width: 80%
    }
    .subtitulo {
        font-size: 1em
    }
    .marcas-productos {
        height: auto
    }
    .lavigor-frame .ver-mas p,
    .medytox-frame .ver-mas p,
    .ocn-frame .ver-mas p,
    .tegoder-frame .ver-mas p,
    .toskani-frame .ver-mas p {
        font-size: 0.9em
    }
    .descripcion-producto {
        font-size: 0.76em
    }
    .lavigor-frame,
    .medytox-frame,
    .tdc-frame,
    .tegoder-frame,
    .toskani-frame {
        height: auto;
        width: 10%;
        position: relative
    }
    .testimonios-container {
        width: 40%;
        margin: 0 0 0 10rem
    }
    .quote p {
        width: 50%
    }
    .ver-mapa img {
        width: 7em;
        height: 7em
    }
    .ver-mapa p {
        font-size: 1.5em
    }
    .detalle .calidad,
    .detalle .clientes,
    .detalle .presencia,
    .detalle .productos {
        width: 15%
    }
    .detalle .calidad img,
    .detalle .clientes img,
    .detalle .presencia img,
    .detalle .productos img {
        width: 4em;
        height: 4em
    }
    .detalle .calidad p:first-child,
    .detalle .clientes p:first-child,
    .detalle .presencia p:first-child,
    .detalle .productos p:first-child {
        font-size: 2em
    }
    .detalle .calidad p:nth-child(2),
    .detalle .clientes p:nth-child(2),
    .detalle .presencia p:nth-child(2),
    .detalle .productos p:nth-child(2) {
        font-size: 1.6em
    }
    .blog-eupha-1 {
        height: auto
    }
    .blog-container-1 .titulo-1 {
        font-size: 1.7em
    }
    .blog-container-1 .sub-titulo-1 {
        font-size: 0.9em
    }
    .slider-posts-1 {
        width: 60%;
        background-color: #fff;
        margin: 2em 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .quote img {
        height: 5em;
        width: 5em
    }
    .quote p {
        font-size: 1.2em
    }
    .foto-persona img {
        width: 9em;
        height: 9em;
        border: 4px solid #c2c2c2;
        border-radius: 50%;
        margin: 5em 0 0 0
    }
    .nueva-pagina p:first-child,
    .nueva-pagina p:nth-child(2) {
        font-size: 2em
    }
    .suscripcion {
        height: auto
    }
    .suscripcion-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .suscripcion p {
        font-size: 1.35em
    }
    .suscripcion input:first-child,
    .suscripcion input:nth-child(2) {
        font-size: 1.1em
    }
    .footer-info {
        height: auto
    }
    .info-euphab p:first-child {
        font-size: 1.5em
    }
    .info-euphab p:nth-child(2) {
        font-size: 1em
    }
    .contacto p:first-child {
        font-size: 1.5em;
        margin: 40px 0 15px 3.5em
    }
    .contacto .resumen {
        font-size: 0.9em
    }
    .contenedor-contacto img {
        width: 1.4em;
        height: 1.4em;
        margin: 0.02em 0 0 4.5em
    }
    .contenedor-contacto p {
        font-size: 0.9em
    }
    .ultimas-publicaciones p:first-child {
        font-size: 1.5em
    }
    .publicacion img {
        width: 1.4em;
        height: 1.4em
    }
    .publicacion p {
        font-size: 0.9em
    }
    .row-up {
        width: 4em;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .row-up img {
        width: 100%;
        height: 4em;
        cursor: pointer
    }
    .redes-sociales-footer {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .redes-sociales-footer img {
        width: 4.5rem;
        height: auto;
        margin: 1rem 2rem 0 0
    }
}
@-moz-keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-o-keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-moz-keyframes fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@-o-keyframes fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}