/** DENTISTA 03 2022 **/

/** IMPORTANTE ** /

/** FUENTE DE TEXTO **/


/** COLORES **/
#content_main .color-fuente-destacado {color:#aa4f4f!important;}
.modulo-container .funcionalidad-contenidos #contenido-quien-ficha #lateral-derecho-quien-ficha #titulo-quien-ficha, .modulo-container .funcionalidad-contenidos .contenido-quien .informacion-quien .titulo-quien {color:#c13c3d!important;}

/* Color Negro */
/*color*/.promo-portada-productos .thumb *, .promocion, #content_main #info-categoria-quienes h2, .btn-primary , a.btn.boton-default, #content_top a.btn.boton-default, #content_main .ver-mas-quien a, #content_main .btn-link, .servicios-portada.style1 .bloque .icono-bloque i:hover, .modulo-articulo-observatorio .cab-texto-articulo-observatorio .titulo-articulo-observatorio, .modulo-articulo-observatorio .cab-texto-articulo-observatorio .subtitulo-articulo-observatorio, .nombre-comercial .color-fuente-secundario-2, ::placeholder, .price-old span {color: #000 !important;}
/*fondo*/ 
/*borde*/

/* Color Blanco */
/*color*/ .promociones-portada .thumb .label-promocion .badge_overlay span, .boton-default:hover {color: #fff !important;}
@media(max-width:767px){
#bajo-footer .versionmoviltfno .modulo-datos-contacto-extendidos a, #bajo-footer .versionmoviltfno .modulo-datos-contacto-extendidos .fa {color: #fff!important;}
}
/*fondo*/ 
/*borde*/ .modulo-redes-sociales .fa:hover {border-bottom: 3px solid #fff;}




/****** MODULOS ORDENADOS POR APARICIÓN EN LA WEB ******/



/* TODOS LOS ESLÓGANES */
.eslogan-servicios-dos-columnas .titulo-eslogan p, .eslogan-titular .titulo-eslogan,.eslogan-ancho-completo .titulo-eslogan,  .separador-bloques .titulo.extra-big,  .portada .modulo-datos-contacto-extendidos h3 {text-transform: uppercase;}
.portada .modulo-datos-contacto-extendidos h3 {margin-bottom: 0;}
@media (min-width:768px) and (max-width:991px){
    .col-xs-12.col-sm-12.col-md-12.full-width-div.text-center.eslogan-titular.margen-top-2x.margen-bottom-2x.margen-top-0x.margen-bottom-0x {min-height: 150px!important;}
}



/* ESLOGAN FULL WIDTH */
@media (min-width:992px) {.col-xs-12.col-sm-12.col-md-12.text-center.full-width-div.eslogan-cta {min-height: 320px!important;}}






















.modulo-container .funcionalidad-contenidos.ficha-observatorios, .titulo-categoria-producto-servicios, #info-categoria-columnas-resaltadas {text-align: left;}
@media(min-width:768px) {#main .resto_contenidos { padding: 0 30px;} }


.ajustado.menu-principal, .menu-principal .navbar-default .navbar-collapse {padding: 0;}













/*** ===== 01 - IMPORTANTE  ==== *** /

/*** ===== 02 - PAQUETE DE REGLAS DEFINITORIAS DE PORTFOLIO  ===== ***/

#content_main>.modulo-container .funcionalidad-contenidos #contenido-quien-ficha #lateral-derecho-quien-ficha {text-align: left;}
#content_main>.modulo-container .funcionalidad-contenidos.ficha-observatorios { text-align: left;}
#content_main>.modulo-container .funcionalidad-contenidos.columnas-resaltada { text-align: left;}
#info-categoria-quienes, #info-categoria-observatorios, #info-categoria-columnas-resaltadas  { text-align: left;}
div#main.row {margin: 0!important;}
#content_main>.modulo-container .funcionalidad-contenidos.columnas-resaltada .row {margin: 0;}
#content_main>.modulo-container { padding: 0;}
#contenido .observatorio.cabeceraCategoria, #contenido .observatorio.cabeceraContenido {margin-bottom: 0;}
#contenido .columnas-resalt.cabeceraCategoria, #contenido .columnas-resalt.cabeceraContenido {margin-bottom: 0;}
.listado-galerias .container-fluid {padding-left: 0;padding-right: 0;}
.listado-galerias div#content_main>.row>.col-sm-12>.modulo-container { padding: 0;}
.form .bordes-encuadrados { margin-left: 0; margin-right: 0;}
.form .bordes-encuadrados .content_form {padding: 20px 0;}
.bordes-encuadrados .encabezado-form {margin-top: 0;}
.bordes-encuadrados .alinear-vertical { align-items: flex-start;}
.bordes-encuadrados input#formulario_captcha {padding: 0;}
.bordes-encuadrados .row.controls .col-sm-12 { padding: 0;}

@media(max-width:767px) {
	.bordes-encuadrados .alinear-vertical {padding: 0;}
	.bordes-encuadrados .encabezado-form {padding: 20px 0;}
	.bordes-encuadrados.sin-icono .col-xl-12.col-lg-12.col-md-12.col-sm-12 { padding: 0;}
	.bordes-encuadrados.sin-icono .btn.boton-default { display: block;width: 100%;margin-bottom: 5px;}
	.bordes-encuadrados.sin-icono .row { margin-left: 0; margin-right: 0;}
	.bordes-encuadrados.sin-icono .content_form {padding: 0; overflow: hidden;}
	.bordes-encuadrados.sin-icono .borde-cuadrado {  border: none;}
	#menuMovil .navbar-header.menu-movil-config .iconos-movil>div[class^="icono-"] {display:block !important}
 	.iconos-movil.justify-center.color-custom-iconos-movil .fa {font-size:90% !important}
}

.pull-right .img-limit, .pull-left .img-limit {height: auto;margin-top: 20px;margin-bottom: 40px;}
.pull-right .img-limit{ margin-left: 0; }
.pull-left .img-limit{ margin-right: 0; }

@media (min-width: 768px) { 
	.img-derecha, .img-izquierda, .pull-right , .pull-left {width: 50%;}
	.pull-right, .img-derecha, .funcionalidad-contenidos.columnas .contenido-columnas .img-derecha { margin-left: 40px;}
	.pull-left, .img-izquierda{ margin-right: 40px;}
}

@media (min-width: 992px) { .img-derecha, .img-izquierda, .pull-right , .pull-left {width: 45%;}}
@media (min-width: 1600px) { .img-derecha, .img-izquierda, .pull-right , .pull-left {width: 40%;}}


#barra-opciones .lista-horizontal li {margin-bottom: 0;}
#barra-opciones .mod-utilidades-tienda .utilidad-idiomas .modulo-idiomas.banderas, #barra-opciones .mod-utilidades-tienda .utilidad-idiomas .modulo-idiomas.banderas-nombre { padding-top: 0;}

.boton-default { letter-spacing: .12em;}
span.heading { display: block; margin-top: 10px; margin-bottom: 10px;}
.modulo-bloques .bloque-texto .titulo.intenso {  display: block;}

@media (min-width: 992px) { 
    .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer { width: 98%!important;}
    .col-xs-12.col-sm-1.col-md-1.hidden-xs.hidden-sm.hidden-sm.hidden-xs.ajustado.logotipo-main {width:14%!Important}

}
@media (min-width: 1200px) { 
    .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera,   .ancho2 #bajo-footer>.bajo-footer { width: 94%!important;}
     .col-xs-12.col-sm-1.col-md-1.hidden-xs.hidden-sm.hidden-sm.hidden-xs.ajustado.logotipo-main {width:8.33333333%!Important}
}



/*** ===== 03 - CUSTOMIZACIÓN BÁSICA PARA CLIENTE ===== ***/

/** == Fuentes de Texto y personalización== **/
.eslogan-titular .titulo-eslogan, h1.heading, .formulario-de-contacto h1, #contenido .columnas-resalt.cabeceraCategoria figure .imageCabecera h1.tituloCat, #contenido .columnas-resalt.cabeceraContenido figure .imageCabecera h1.tituloCat, #contenido .columnas-resalt.cabeceraCategoria figure .imageCabecera h1.tituloCont, #contenido .columnas-resalt.cabeceraContenido figure .imageCabecera h1.tituloCont, .navbar-default, .modulo-categorias, .separador-bloques .titulo, .subtitulo-especial-contenidos, .boton-eslogan, .eslogan-servicios-dos-columnas.prueba-eslogan .titulo-eslogan, .modulo-container span.heading, a.btn.boton-default, .eslogan-ancho-completo .titulo-eslogan, .funcionalidad-contenidos.columnas-resaltada h2, .funcionalidad-contenidos.ficha-observatorios h2, div#info-categoria-quienes h2, div#info-categoria-columnas-resaltadas h2 {font-family:'Roboto', sans-serif!important;}

.servicios-fondo-color .heading, .bloque-principal .titulo, .modulo-datos-contacto-extendidos, blockquote, .listado-aire-2 , h3, .h3, .eslogan-servicios .titulo-eslogan{font-family:'Roboto', sans-serif!important;}

 h2.extra-big, .portada .modulo-datos-contacto-extendidos h3, blockquote h4, blockquote h3, a.btn.btn-primary, .boton-eslogan, .modulo-container span.heading, .funcionalidad-contenidos.columnas-resaltada h2, div#info-categoria-columnas-resaltadas h2 {font-weight:bold;}
#content_main .ver-mas-quien a, #content_main .btn-link, .eslogan-cta .titulo-eslogan p, .eslogan-titulo-servicios-dos-columnas .titulo-eslogan p,  .eslogan-ancho-completo .titulo-eslogan, .texto-destacado, #content_main a, .funcionalidad-contenidos.ficha-observatorios h2, #content_main .color-fuente-destacado, div#info-categoria-quienes h2 {font-weight:bold;}
.navbar-default, .modulo-categorias, .formulario-portada .form-actions .btn-primary, .formulario-portada .form-actions .btn-primary, a.btn.boton-default{font-weight:bold;}
.eslogan-servicios-dos-columnas .titulo-eslogan p, .separador-bloques .titulo.extra-big {font-weight: 100;}
.servicios-fondo-color .heading, .bloque-principal .titulo, #menuMovil, .eslogan-titular .titulo-eslogan, .modulo-datos-contacto-extendidos, .servicios-fondo-color .titulo-servicio-portada, .servicios-multiiconos .titulo-servicio-portada, .eslogan-servicios .titulo-eslogan  {font-weight:bold;}
.servicios-fondo-color .heading, .bloque-principal  .titulo.extra-big, #sobrecabecera .navbar-default, #menuMovil {text-transform:uppercase;}




/** ==  Colores Custom == **/

/* = Color Texto Oscuro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Texto Claro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Principal = */
/*color*/
/*fondo*/ .boton-default, .separador-bloques  .modulo-bloques .bloque-texto   a.btn.boton-default {background-color: #A7C637!important;}
/*borde*/
/*Hover*/

/* = Color Secundario = */

/*color*/
/*fondo*/ a.boton-eslogan:hover, a.boton-default:hover, .separador-bloques .modulo-bloques .bloque-texto a.btn.boton-default:hover { background-color: #a8a8ab!important;}
/*borde*/
/*Hover*/

/* = Color Tres = */

/*color*/
/*fondo*/ 
/*borde*/
/*Hover*/

/* = Color Cuatro = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Quinto = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Otro Color Usado = */

/*color*/
.text-muted {color: #2a2a2a;}
/*fondo*/
/*borde*/
/*Hover*/

/** == Ajustes de tamaños por jerarquías Mobile First - Excepciones para móvil solo cuando no es posible == **/

.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:30px!important}
.big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:24px!important}
.medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:22px!important}
.normal, .mod-eslogan .normal, .modulo-bloques .bloque-texto .normal {font-size:19px!important}
.small, .mod-eslogan .small, .modulo-bloques .bloque-texto .small {font-size:18px!important} 

@media (min-width:768px) {
	.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:32px!important;}
}
@media (min-width:992px) {
	.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:35px!important}
	.big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:26px!important}
	.medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:22px!important}
	.normal, .mod-eslogan .normal, .modulo-bloques .bloque-texto .normal {font-size:20px!important}
}
@media (min-width:1200px) {
    h1, .h1, .size-h1-producto,.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:40px!important}
    .bloque-principal  .titulo.extra-big{font-size:35px!important}
    h2, .h2,  .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:28px!important}
    h3, .h3, .medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:24px!important}      
}
@media (min-width:1600px) {
    h1, .h1, .size-h1-producto,.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:45px!important}
    .bloque-principal  .titulo.extra-big {font-size:38px!important}
    h2, .h2,  .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:30px!important}
}


/* == Botones ==  */

/*** 04 - CUSTOMIZACIÓN AVANZADA PARA CLIENTE ***/

/** == Módulos de portada == **/

/* Datos Contacto Superior*/
.ajustado.datos-contacto-superior { padding: 0;}

/* Logotipo */
.modulo-container.logotipo-main { padding: 15px 0 0;}

/* Redes Sociales */
.modulo-redes-sociales .inline {margin-left: 0px;}
.modulo-redes-sociales .grupo-redes-sociales.pequeno .fa {padding: 0 5px;}

/*Servicios Portada*/

@media (min-width:992px) {.servicios-portada .contenedor-servicios.ajustado {width: 80%;}}
@media (min-width:1200px) {.servicios-portada .contenedor-servicios.ajustado {width: 75%;}}
@media (min-width:1600px) {.servicios-portada .contenedor-servicios.ajustado {width: 70%;}}

/* Servicios con fondo de color */
.servicios-fondo-color .servicios-portada.style2 .servicio .contenido-bloque, .servicios-fondo-color .servicios-portada.style3 .servicio .contenido-bloque {padding: 30px 15px 0;}
.servicios-fondo-color .resto-contenido-bloque span {position: relative!important;width: 100%;display: block;padding-bottom: 10px;padding-top: 10px;}
@media (min-width:992px) and (max-width:1199px){.servicios-fondo-color .contenedor-servicios.ajustado {width: 90%;}}
@media (min-width:768px) {.servicios-fondo-color .servicios-portada.style2 .contenedor-servicios.ajustado {width:90%!important;}}   
@media (min-width:992px) { .servicios-fondo-color .servicios-portada.style2 .contenedor-servicios.ajustado {width:96%!important;}}
@media (min-width:1200px) { .servicios-fondo-color .servicios-portada.style2 .contenedor-servicios.ajustado{width:70%!important;}}

/* Separador Bloques */
@media (max-width:767px) {.modulo-bloques .bloque-texto .padding-2x { padding-top: 0!important;}}
@media (min-width:768px){.separador-bloques .modulo-bloques .w-100 {width: 130% !important;}}
@media (min-width:992px){ .separador-bloques .modulo-bloques .bloque-texto .normal {margin: 30px 0 50px 60px;}  .separador-bloques  .modulo-bloques .bloque-texto a.btn.boton-default{margin:0 0 0 60px;}}
 @media (min-width:1200px){.separador-bloques .contenido-bloque-texto{margin-left: 10% !important;}}
 @media (min-width:1500px){ .separador-bloques .contenido-bloque-texto{margin-left: 20% !important;}}

/* Formulario en Portada */
.portada .formulario-portada .form_encabezado{display:none;}
.formulario-portada .form-control{border-radius:10px}
.formulario-portada .form-control:active, .formulario-portada .form-control:focus{box-shadow:none !important;}
.formulario-portada .panel-default p {margin: 0;}
/* Redes sociales */ 
.modulo-redes-sociales .fa {border-bottom: 3px solid transparent;transition: 2s;}
.modulo-redes-sociales .fa-2x {
    font-size: 1.5em;
}
/* Mapa de Google */
.modulo-mapadegoogle { height: auto;}

/** == Módulos interiores == **/

/** == Vistas de Funcionalides == **/

/** == Ajustes de Accesibilidad == **/


/** == Construcciones de redactor y generadas por Tiny == **/
.listado-aire li {margin-bottom:1.2em;}
@media (max-width:767px) {ul.listado-aire { padding-left: 0;}}

.listado-well-02 .bloque-well {padding: 20px;}

.listado-well-02 .bloque-well .h4 { background-color: transparent!important; border: 0!important; border-bottom: 4px solid!important;  text-align: left!important; } 
.listado-well-02 .bloque-well .h4 {border-color: #A7C637!important;} 

@media(min-width:992px) {.listado-well-02 {display: flex;margin:30px 0;}}
@media(max-width:991px){ 
	.listado-well-02 .bloque-well{margin:10px 0!important;}
} 
.listado-well-02 p.well { margin-bottom: 15px; } 
.listado-well-02 .well { padding: 10px; margin-bottom: 1px; background-color: #ffffff; border: 0; border-radius: 0; -webkit-box-shadow: inset 0 0px 0px rgba(255,255,255); box-shadow: inset 0 0px 0px rgba(255,255,255); } 
.listado-well-02 .bloque-well { background-color: #f8f8f8; border: 1px solid #dedede; margin: 0 5px; } 

.jumbotron-enmarcado p {font-size: 20px!important;} 
.jumbotron.jumbotron-enmarcado{background-color: transparent;border: 1px solid;} 
.jumbotron-enmarcado h3 { font-size: 25px;} 
@media(min-width:768px) {.jumbotron-enmarcado h3 { font-size: 30px;}} 
@media(min-width:1200px) { .jumbotron-enmarcado h3 { font-size: 35px;}}


/** == Optimizacion Login - Carrito - Tienda == **/

.mi_cuenta .contenido.zona { width: 100%!important;}
.mi_cuenta .funcionalidad-carrito  a.btn.btn-default.btn-xs { display: block; margin-bottom: 0.5em; line-height: 1;}
.funcionalidad-carrito section.panel .controls, .mi_cuenta .funcionalidad-carrito section.panel {color: #000 !important;}

@media (min-width:768px) {
    	.mi_cuenta .contenido.zona { width: 90%!important;}
	.mi_cuenta .funcionalidad-carrito .col-sm-4 { width: 100%;}
	.mi_cuenta .funcionalidad-carrito .col-sm-8 { width: 100%;}
}  

@media (min-width:1200px) {
    	.mi_cuenta .funcionalidad-carrito .col-sm-4 { width: 20%;}
	.mi_cuenta .funcionalidad-carrito .col-sm-8 { width: 80%;}
}

/*botones carrito pedidos*/
.panel-body .btn-group .btn-primary {background-color: #004d92!important; border-color: transparent!important;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-pagado {background-color: #004b00;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-preparando {background-color: #ae5f00;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-cancelado {background-color: #8d0000;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-recibido {background-color: #8600a6;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-pendiente {background-color: #00524f;}
.funcionalidad-carrito .panel td .btn-default {color: #383838 !important;background-color: transparent !important; border-color: transparent!important;}


/** == Animaciones CSS == **/

@media all and (min-width: 1201px){
.animation-element {opacity: 0;}
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-200px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 1500ms linear;
  -webkit-transition: all 1500ms linear;
  -o-transition: all 1500ms linear;
  transition: all 1500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(200px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
/*transform:scale(1) !important;*/
-moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right.in-view{
  opacity: 1;
/*transform:scale(1) !important;*/
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);}   
}

.scale-in-center {-webkit-animation: scale-in-center 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: scale-in-center 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}

@-webkit-keyframes scale-in-center {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@keyframes scale-in-center {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}

.tilt-in-left-1 {-webkit-animation: tilt-in-left-1 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: tilt-in-left-1 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}

@-webkit-keyframes tilt-in-left-1 {
  0% {-webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);opacity: 0;}
  100% {-webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);transform: rotateX(0deg) translateX(0) skewX(0deg);opacity: 1;}
}
@keyframes tilt-in-left-1 {
  0% {-webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);opacity: 0;}
  100% {-webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);transform: rotateX(0deg) translateX(0) skewX(0deg);opacity: 1;}
}


.bloque-principal .contenido-bloque-texto.reducir-ancho-bloque{ width: 90% !important;  margin: 0 5%;}
.bloque-principal  .flex.align-center.texto.padding-2x { padding: 0!important;}

@media (min-width:768px) {
	.bloque-principal .col-md-8.bloque.texto { width: 60%;} 
	.bloque-principal .col-md-4.bloque.imagen { width: 40%;}
}
.controls .radio {font-size: 14px;}

 
blockquote { position: relative; border-left: 0;z-index:0;}
blockquote:before {  content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background-color: #d9ed8f; z-index: -1;}




.eslogan-servicios .col-sm-12.texto-eslogan { position: relative;z-index:0;} 
.eslogan-servicios .col-sm-12.texto-eslogan:before {  content: ""; position: absolute; left: 0; top: 0; width: 150px; height: 100px; background-color: #d9ed8f; z-index: -1;}
 

.eslogan-servicios .texto-contenido-eslogan { margin-bottom: 30px; margin-left: 50px;}
.eslogan-servicios  span.boton-eslogan { margin-right: 50px; text-align: right!important; display: block;}


@media (max-width:767px) {
    .eslogan-servicios .col-sm-12.texto-eslogan:before {left: -25px; }
    .eslogan-servicios .texto-contenido-eslogan { margin-left: 0px;}
}