@charset "utf-8";
/* CSS Document */
.reduccion20 {
    font-size: 99%;
}
/*in the case bootstrap can cause problems with some third party software like Google Maps and Google Custom Search Engine (With the tag, nested elements—including generated content via ::before and ::after—will all inherit the specified box-sizing for that .selector-for-some-widget.)call this tag: */
.selector-for-some-widget {
  box-sizing: content-box;
}
/*Fin 3rd software */



/* Whatsapp flotante */
.whatsapp-float {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999;
}
/*Fin Whatsapp flotante */
/*  Formas de contacto */
.asterisco {
    font-size: 1.2rem;
    }
.obligatorio {
    font-size: .7rem;
        
    }    


/*Menu */

.bg-grayLt {
    background-color: #F3F3F3;
    color: rgba(0,0,0,0.75); /* #334E85 */ 
}

.bg-grayDark {
    background-color: #DBDBDB; /*#D0D0D0*/
    color: #353637;    
}
.bg-baseLt {
    background-color: #FFFFFF;
    color: #334E85;
}

.bg-baseDark {
    background-color: #2A2F33;/*#373F45*/
    color: #b3b3b5;
}
.bg-basePrim {
    background-color: #334E85;
    color: #ffffff;
}
.bg-baseSecun {
    background-color: #94bf3e;
    color: #ffffff; /*#daf79f verde claro*/
}

.bg-white {
    background-color: #fff;
}
.deco-secun {
    border-bottom-style: solid;
    border-bottom-color: #94bf3e;
    border-bottom-width: thick;
    box-shadow:  5px, 5px, 35px, 30px, #334E85;
/*Dejar las sig caracteristicas solo en "nav-fijo" (vER Style.css) y agregar esta clase al navbar
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;*/
}

.bg-blanco {
    background-color:#ffffff;
    color: #191616;
        
}
.bg-negro1 {
    background-color: #000000;
    color: #FFFFFF;
    
}
.txtCNeg {
    color: #000000; 
}
.txtCBlanc {
    color: #ffffff;
	font-size: 1.4rem !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
	
}

.txtProdHover {
    color: #ffffff !important;
	font-size: 1rem !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;	
}

.txtC1 {
    color: #334E85;
	background-color: rgba(51,78,133,0.28);
}
.txtB1 {
    color: #334E85;
	
}

.txtC2 {
    color: #83A936; 
}
.txtC3G {
    color: #b3b3b5; 
}

.mtNav {
    margin-top: 7.7rem;
}
.jumboatTop {
    margin-top: -2rem;
}
/*Fin Menu */

/* Icons */

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

/*fin Icons */

.titulo {
    padding-top: 3rem;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 2.5rem;
    
}
.txtLight{
    color: aliceblue;
}
/*------ INICIO TITULO E ICONOS A SERVICIOS ------*/

#inicioTemas h1 {
	font-size: 4.5rem;
}
#inicioTemas h2 {
	font-size: 2.5rem;
}

#iconTemas h2 {
	font-size: 1.8rem;	}

#iconTemas h3 {
	font-size: 1rem;
	line-height: 1.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	
}

.marcoTemas {
	border-style: solid;
    border-width: .05rem;
    border-color: #FFFFFF;
	margin-bottom: 0.25rem;    
}

/* -----Carrucel3 inferior---- */
#carousel3.cards-wrapper {
  display: flex;
  justify-content: center;
}
#carousel3.card img {
  max-width: 100%;
  /*max-height: 100%;*/
} 

#carousel3.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.25);
  border: none;
  border-radius: 0;
}
#carousel3.carousel-inner {
  padding: 1em;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: transparent;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

/* @media (min-width: 768px) { /* not jump*/
 /*   .card img {      
      height: 11em;
    } */
	
/*}*/

/* Fin carrousel 3*/
 
   .centrado {
      display: flex;
      justify-content: center;
      align-items: center;
      /*height: 100vh;  Establece la altura del contenedor al 100% del viewport height */
      border: 1px solid #9C1E20; /* Añade un borde para visualizar el contenedor */
       background-color: burlywood;
    } 
    
     
.contenedor {
      display: flex;
      justify-content: center;
      align-items: center;
     /* height: 100vh;  Establece la altura del contenedor al 100% del viewport height  puede ser util para sliders o imagenes de banner*/
     text-align: center; /*.columna  Centra el contenido horizontalmente en la columna */
   
    /* Estilo personalizado para la imagen dentro del contenedor */
    }

     
 .contenedor img {
      max-width: 100%; /* Asegura que la imagen no exceda el ancho del contenedor */
    height: auto; /*   Hace que la altura de la imagen sea automática para mantener la proporción */
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0rem;
     margin-top: 0rem;
    }


/* --------------- Logo CENTRADO con imagen con links en los lados (Ejemplo 8 Cetilia.com )-------------- */
.CentraLogo {
      display: flex;
      align-items: center; /* da la alineacion vertical entre bloques */
      /*height: 100vh;  Establece la altura del contenedor al 100% del viewport height */
      justify-content: center; /*centra el contenedor en el espacio que queda horizontalmente*/
      
      /*border: 1px solid #9C1E20;  Añade un borde para visualizar el contenedor */
      background-color: transparent;
}
.imgLogo {
    width: 250px;
}
.iconstyle {         /* Se configura el fondo de icono */
    /*display: flex;*/
    font-size: 1.3rem;
    background-color: transparent;
    /*text-align:center; /* alineacion vertical -- requiere el display flex*/
    height: auto;
    width: auto;
    border-top-style: solid;
    border-top-color: #314b84;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #314b84;
    border-bottom-width: 1px;
    border-radius: 5%;
    margin-right: .2rem; /* separacion a la derecha hacia el siguiente icono*/
    margin-bottom: .3rem;/* separacion a bajo hacia el siguiente icono cuando se despliega en vertical*/
    color:  #314b84;
}

a.nav-link {
    color: #314b84 !important;
}

.icon2 {  /*Se configura el color y posicion centrada del icono */
    color: #314b84;
}
.iconX {  /*Se Pone blanco para que que no se vea y solo ocupe el lugar  y posicion centrada del icono */
    color: #FFFFFF;
}
.botonstyle {                 /* Se configura el fondo de icono */
    /*display: flex;*/
    font-size: 1rem;
    background-color: transparent;
    /*text-align:center; /* alineacion vertical -- requiere el display flex*/
    height: auto;
    width: auto;
    padding-bottom: 0.7rem;
    padding-top: 0.8rem;
    border-top-style: solid;
    border-top-color: #314b84;
    border-top-width: 1px;
    border-top-left-radius: 6%;
    border-top-right-radius: 6%;
    border-bottom-style: solid;
    border-bottom-color: #314b84;
    border-bottom-width: 1px;
    border-bottom-left-radius: 6%;
    border-bottom-right-radius: 6%;
    margin-right: .2rem; /* separacion a la derecha hacia el siguiente icono*/
    margin-bottom: .3rem;/* separacion a bajo hacia el siguiente icono cuando se despliega en vertical*/
    color:  #314b84;
}
.imgLogo {
    width: 150px;
    }
@media (hover: hover){ /*detecta si hay un cursor para saber si es una computadora, de ser asi, realiza la accion hover. Si no hay cursor entonces es un dispositivo digital y no le aplica el comportamiento HOVER evitando problemas de comportamiento */
    a:hover.iconstyle {
    transform: translate(0%, -25%)
    }
     a:hover.botonstyle {
    transform: translate(0%, -25%)
    }
    
    
    
}

/*Small devices (landscape phones, less than 768px)*/
    @media (max-width: 991.98px) {
    .iconstyle {
    justify-content: center;
    text-align: center;    
    width: 6.5rem; /* A diferencia para pantallas mas grandes (width:auto) aqui se requiere poner un ancho para que el recuadro del fondo no se vea de lado a lado, si va ha ser transparente esta caracteristica NO es necesaria y se puede borrar */
       
    margin-left: auto;
    margin-right: auto; /*----- al aplicar auto en margene left y right se CENTRA el fondo del icono y el icono.
    
    Si se quiere que los iconos se vayan a un lado se pone el margen contrario en auto. Ej se deja solo margin-left: auto para que los iconos se vayan a la DERECHA y el otro para que se queden en la IZQUIERDA.
    
    OJO : si no se da un width especifico y se tiene fondo este se vera de lado a lado en los telefonos, tablas y pandallas de md para abajo.*/
    }

   
    a:hover.iconstyle {
        transform: translate(0%,0%); /* Para pantallas de md para abajo se mueve no se mueve
        */
    }
    .botonstyle {
    justify-content: center;
    text-align: center;    
    width: 7.5rem; /* A diferencia para pantallas mas grandes (width:auto) aqui se requiere poner un ancho para que el recuadro del fondo no se vea de lado a lado, si va ha ser transparente esta caracteristica NO es necesaria y se puede borrar */
       
    margin-left: auto;
    margin-right: auto; /*----- al aplicar auto en margene left y right se CENTRA el fondo del icono y el icono.
    
    Si se quiere que los iconos se vayan a un lado se pone el margen contrario en auto. Ej se deja solo margin-left: auto para que los iconos se vayan a la DERECHA y el otro para que se queden en la IZQUIERDA.
    
    OJO : si no se da un width especifico y se tiene fondo este se vera de lado a lado en los telefonos, tablas y pandallas de md para abajo.*/
    }

   
    a:hover.botonstyle {
        transform: translate(0%,0%); /* Para pantallas de md para abajo se mueve no se mueve
        */
    }    
        
 } 

  

/* -----CARRUSEL MyCorrusel -----*/

/*Carousel*/
.slider {
	position: fixed;
	top: 8rem;
	height: 100%;
	width: 100%;
	z-index: 5;

}
.absolute__img {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -49px;
	z-index: 99;
}
.slider .btn {
	margin: 0px 10px 0;
}
.carousel-caption {
	top: 50%;
	margin-top: -270px;
	font-size: 24px;
	color: #fff;
	text-transform: none;
}
.carousel-caption p.blue {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	/*font-family: Calibri, Arial, sans-serif;*/
	background-color: #9b1e26;
	padding: 10px 20px;
	display: inline-block;
}
.carousel-caption h1 {
	text-transform: uppercase;
	color: #fff;
	font-size: 38px;
	line-height: 40px;
}
.carousel-caption p {
	text-shadow: 1px 1px 3px #666666;
	font-weight: 400;
	/*font-family: Calibri, Arial, sans-serif;*/
	color: #e0e0e0;
	font-size: 26px;
	text-transform: none;
	margin: 35px 0 20px 0;
}
.carousel-caption h1 span {
	color: #ffdd3c;
	border: 2px solid #fff;
	padding: 0 4px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.carousel-control {
	background: none;
	opacity: 1;
	position: absolute;
	top: 0%;
	margin-top: 0px;
	-moz-opacity: 1;
}
.carousel-control span {
	position: absolute;
	top: 50%;
	margin-top: -70px;
}
.carousel-control .carousel-control-left {
	background: url('../images/slider/prev.png') no-repeat;
	width: 57px;
	height: 57px;
	left: 25px;
}
.carousel-control .carousel-control-right {
	background: url('../images/slider/next.png') no-repeat;
	width: 57px;
	height: 57px;
	right: 25px;
}
.carousel-control .carousel-control-left:hover {
	background: url('../images/slider/prev_a.png') no-repeat;
}
.carousel-control .carousel-control-right:hover {
	background: url('../images/slider/next_a.png') no-repeat;
}
.boxess .carousel-control .carousel-control-left {
	top: 50%;
	margin-top: -7px;
}
.col-md-4 h3{
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 32px;
}
.col-md-5 h3{
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 32px;
}
.col-md-8 figcaption {
	font-size: 14px;
	padding-top: 10px;
}
	
.boxess .carousel-control .carousel-control-right {
	top: 50%;
	margin-top: -7px;
}
.boxess .carousel-caption {
	top: 110px;
	margin-top: 0;
}
.boxess {
	background-color: #fff;
	position: relative;
	margin-bottom: 82px;
}
.boxess .carousel-caption h1 {
	font-size: 40px;
	line-height: 40px;
}

/*--------MyCarrusel -----*/

/* ------------  JUMBOTRON  ------------*/

.bg-jumbo {
    background-image: url( "../images/logos/logo-jumbo.jpg");/* The image used */
    background-color: #FFFFFF;
    margin-bottom: -2rem;
    height: 100%;/* Full height */

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: luminosity;  

}

.Tit-G {
    font-size: 2.3rem;
    font-weight: 700;
    color:  rgba(0,0,0,0.75);/*#334E85;*/
    
    /*background: linear-gradient(to bottom ,rgba(148,191,62,0.88),rgba(241,241,241,0.84));*/

}
.Tit-M {
    font-size: 1.9rem;
    color: #334E85;
}

.Tit-G2{
    font-size: 2.3rem;
    font-weight: 300;
    color:  #FFFFFF;
/*    background-color: rgba(148,191,62,0.55); */

}
.Tit-M2 {
    font-size: 1.9rem;
    color: #94bf3e;
    padding-bottom: 1rem;
}

/* ------------fIN  JUMBOTRON  ------------*/

/* ------------servicios  ------------*/

.Tit-img {
    font-size: 1.8rem;
    color: rgba(0,0,0,0.75); /*#94bf3e*/
}

#cnt1 {            
     background-color:rgba(215, 212, 212, 0.30);
   /*  width:90%;*/
     margin-bottom: 2rem;
 }
 
#cnt1> div> div> div> a {
    color: #334E85;
}

#cnt1> div> div> div> a:hover {
    color: #759731;
}

 .feature{
    padding-top : 30px 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px; 
    text-align: center;
     
    border-bottom: 1px solid #334E85;
    border-bottom-right-radius: .7rem;
     border-bottom-left-radius: .7rem;
         
 }
 .feature > div > div{
    padding: 10px;
    border-bottom: 1px solid #94bf3e;
    border-radius: 4px;
    transition: 0.2s;
    margin-bottom: 2rem;
 }
 .feature > div:hover > div{
    margin-top: -10px;
    border: thin solid #94bf3e;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 5px;
    background: rgba(232, 215, 215, 0.10);
    transition: 0.3s;
 }
ul li::marker {
    color: #94bf3e;
}
ul li ul li::marker {
    color: #334E85;
    padding-left: 1.5rem;
}

#cnt1 .feature  div> div> a> ul> li {
    list-style: square;
    padding-left: .5rem;
    margin-left: 3rem;
    text-align: left;
    font-weight: 400;
    
}
.cont-serv {
   text-align: justify;
}

.lower {
    margin-bottom: .1rem;
}

.marco {
    border-top-style: solid;
    border-top-width: .2rem;
    border-top-color: #94bf3e;
    border-bottom-style: solid;
    border-bottom-width: .1rem;
    border-bottom-color: #94bf3e;
}


/* ------------fIN  Servicios  ------------*/
/*---------------2secc --------------------*/

.imgFondo{
	background-image:url('../images/chihuahua/fondo-proveedores-imperpayset.jpg');
	height: auto;
	padding: 0.0rem .0rem;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: #FFFFFF;	
}

a:link {
    text-decoration: none;
}

.btn-claro {
    background-color: #FFFFFF; 
    border: thin solid #ffffff;
    color: rgba(49,52,59,0.71) !important;
    box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5);
    padding: rem;
    
}

.btn-claro:hover {
    background-color: transparent;
    border: thin solid #ffffff;
    color: #FFFFFF !important;
    
}
a .btn-claro:hover {
    background-color: red;
    border: thin solid #ffffff;
    color: red;/*#334E85*/
    
}


.btn-2secc {
    background-color: #334E85;
    border: thin solid #ffffff;
    color: #FFFFFF !important;
    box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5);
    
}

.btn-2secc:hover {
    background-color: rgba(51,78,133,0.81);
    border-style: solid;
    border-color: #334E85;
    border-width: thin;
    color: #FFFFFF;
    
}


.btn-1secc {
    background-color: #94bf3e;
    border: thin solid #ffffff;
    color: #FFFFFF !important;
	box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5);
    
}

.btn-1secc:hover {
    background-color: rgba(148,191,62,0.86);
    border-style: solid;
    border-color: #94bf3e;
    border-width: thin;
    color: #334E85;
    
}

.btn-dark {
    background-color: #515151;
    border: thin solid #ffffff;
    color: #FFFFFF !important;
    box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5);
    
}

.btn-dark:hover {
    background-color: rgba(143,143,143,0.86);
    border-style: solid;
    border-color: #94bf3e;
    border-width: thin;
    color: #334E85;
    
}


/*--------------fin 2secc------------------*/

/*-----SUCURSALES -----------#334E85-------------*/

.h2Chico {
    font-size: 1.8rem;
    color: #94bf3e; 
}
.btn-local {
    background-color: #FFFFFF;
    color: #334E85;
    
}

.btn-local:hover {
    background-color: transparent;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: thin;
    color: #FFFFFF;
    
}

.br-t{
    border-top-style: solid;
    border-top-color: #FFFFFF; /*334E85*/
    border-top-width: thin;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    padding-top: 1rem;
    

        
}
    
    
.br-b{
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-bottom-width: thin;
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
    padding-bottom: 1rem;
    
}   
    
.faStyle {
    font-size: 3.5rem;
    align-items: center;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

/*-----FIN  SUCURSALES ------------------------*/



/*****carrousel 3d automatique*****/

*{box-sizing : border-box}

img{max-width:100%}

.contenu_carou_auto{

margin:2rem auto;
width:420px;
height:279px;
perspective:8000px
	
	}
		
.caroussel3D-image{
	
animation:rotation 24s infinite alternate linear;	
transform-style:preserve-3d;
position:relative;	

}

.caroussel3D-image img{
	
position: absolute;
top:0;
left: 0;
	
	
	}


		
.caroussel3D-image img{
	
filter:drop-shadow(0 12px 5px hsla(0,0%,0%,.4));
width:400px;
height:266px;
left:10px;
outline:1px solid transparent;
backface-visibility:hidden;
	
	}
		
.caroussel3D-image img:nth-child(1){
	
transform:translate3d(0,0,495px)  
		}
		
.caroussel3D-image img:nth-child(2){
transform:rotateY(45deg) translateZ(495px)/*El prmer angulo es el de los extremos*/
	
		}
		
.caroussel3D-image img:nth-child(3){
	
	transform:rotateY(90deg) translateZ(495px)
	
	}
	
.caroussel3D-image img:nth-child(4){
	
	transform:rotateY(135deg) translateZ(495px)
	
	}
	
.caroussel3D-image img:nth-child(5){
	
	transform:rotateY(180deg) translateZ(495px)
	
	}
	
.caroussel3D-image img:nth-child(6){
	
	transform:rotateY(225deg) translateZ(495px)
	
	}
	
.caroussel3D-image img:nth-child(7){
	
	transform:rotateY(270deg) translateZ(495px)
	
	}
	
.caroussel3D-image img:nth-child(8){
	
	transform:rotateY(315deg) translateZ(495px)
	
	}

	

	
@keyframes rotation{
from{transform:rotatey(0)}
to{transform:rotatey(0.5turn)}}


.carrucel3D-tit {
    padding: 3rem;
    text-align: center;
    color: #94bf3e;/*#334E85*/
    background-color: #373F45;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,0.75);
    border-bottom-width: thin;
}
	
/*****fin carrousel 3d automatique*****/


/* ------------  Footer  ------------*/
.barr-datos {
    background-color: rgba(0,0,0,0.75);/*rgba(51,78,133,1.00);*/
    color:aliceblue;
}
.barr-soc {
    background-color: rgba(255,255,255,0.15);
    color:aliceblue;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #7cbf23;
}

.barr-copy {
    background-color: rgba(0,0,0,0.75);
    color:aliceblue;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #7cbf23;
}

.icon-bg {
    width: auto;
    height: auto;
    background-color: #94BF3E;
    box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5);
    padding: 15px;
   /* -webkit-box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5);*/
}
.line-deco {
    color: #7CBF23;
    border-bottom-style: solid;
    border-bottom-width: thin;
    
}
footer div a {
    color: #96DA3A;
    text-decoration: none;
}

footer a {
    color: #96DA3A;
    text-decoration: none;
}

footer a:link {
    color: #96DA3A;
    text-decoration: none;
}
footer a:valid {
    color: rgba(227,237,54,1.00);
    text-decoration: none;
}
footer a:hover {
    color: #96DA3A;
    text-decoration: none;
    font-weight: bold;
}
footer a:focus {
    color: #DFFCB8;
    text-decoration: none;
    font-weight: bolder;
}
/* ------------fIN  Footer  ------------*/

/* ------- Localizacion y contacto  ----*/

.img-localiza {
    text-align: center;
    vertical-align: middle;
    background-color: #96DA3A;
}
.h1chico {
    font-size: 2rem;
   font-weight: 300;
}

.linea {
    border-top: 1px solid #96DA3A;
    border-bottom: 1px solid #96DA3A;
 }

/*----------------- SUCURSALES --------------- ---*/


#listaSucursales .titulo {
    font-size: 1.9rem;
    text-align: center;
    color: #334E85; 
    border-top: 1px solid #334E85;
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
        
}

#listaSucursales a {
    color: #FFFFFF;
}

#listaSucursales a:hover {
    color: #C9D4EA;
}

#listaSucursales .ciudad {
    margin-left: 1rem;
    margin-right: 1rem;
}
.btn-sucurDk {
    font-size: 1.2rem;
    text-align: center;
    background-color: #334E85;
    color: #FFFFFF; 
    padding: .3rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
} 

.btn-sucurDk:hover {
    background-color: #3C5B9C;
    color: #C9D4EA;    
     } 

@media (min-width: 576px) { /* sm */
    
    #listaSucursales .titulo {
        font-size: 2rem;
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    } 
    #listaSucursales .ciudad {
    margin-left: 2rem;
    margin-right: 2rem;
}
    .btn-sucurDk {
        font-size: 1.2rem;
        padding-top: 1.4rem !important;
        padding-bottom: 1.4rem !important;
    } 

    .btn-sucurDk:hover {
        font-size: 1.2rem;
       } 
    }
    


@media (min-width: 768px) { /* md */
    
    #listaSucursales .titulo {
        font-size: 2.2rem;
         padding: .8rem; 
    } 
    #listaSucursales .ciudad {
    margin-left: 6rem;
    margin-right: 6rem;
}
    .btn-sucurDk {
        font-size: 1.1rem;
        padding: .3rem;
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .btn-sucurDk:hover {
        font-size: 1.1rem;
    }
}

@media (min-width: 768px){
    #listaSucursales .ciudad {
    margin-left: 6rem;
    margin-right: 6rem;
}
    .btn-sucurDk {
        font-size: 1.4rem;
        padding: .3rem;
        padding-top: 1.6rem !important;
        padding-bottom: 1.6rem !important;
    }
    .btn-sucurDk:hover {
        font-size: 1.4rem;
    }
}

@media (min-width: 1200px) {
    #listaSucursales .ciudad {
    margin-left: 15rem;
    margin-right: 15rem;
}
    
    .btn-sucurDk {
        font-size: 1.6rem;
        padding: .8rem; 
    }
    .btn-sucurDk:hover {
        font-size: 1.6rem;
        padding: .8rem; 
    }
}

#ServiciosContacto .titu {
        font-size: 2.5rem;
        text-align: center;
        color: #2B2B2B; /*#334E85;#000000*/
    /*    border-top: 1rem solid #334E85;*/
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    
        
        
}

.list-serv {
    font-size: 1.5rem !important;
    padding-bottom: 1rem;
    padding-left: 0rem;
}

#ServiciosContacto div> ul> li {
    font-size: 1.5rem;
    color: #2B2B2B;
    margin-left: 0rem;
    padding-bottom: 1rem;
}
#ServiciosContacto a:link {
    color: #334E85;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}
#ServiciosContacto a:hover{
    color: #2B2B2B;
    font-size: 2.3rem;
}
@media (min-width: 576px) { /* sm */
    
    #ServiciosContacto .titu {
        font-size: 2rem;
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    } 
    
 }


@media (min-width: 768px) { /* md */
    
    #ServiciosContacto .titu {
        font-size: 2.2rem;
         padding: .8rem; }
    
    #ServiciosContacto a:link {
     font-size: 1.5rem;
    font-weight: 300;
}
    
 }

/*-----   PROMOCION   -------*/

.imgShadow {
    box-shadow: 10px 10px 20px 3px #334E85;
    border-top-style: solid;
    border-top-width: .2rem;
    border-top-color: #94bf3e;
    border-bottom-style: solid;
    border-bottom-width: .1rem;
    border-bottom-color: #94bf3e;
    border-left-style: solid;
    border-left-width: .2rem;
    border-left-color: #94bf3e;
    border-right-style: solid;
    border-right-width: .1rem;
    border-right-color: #94bf3e;
}
    .prom-dato {
        font-size: 1.3rem !important;
        color: #334E85;
    }
    .vigencia {
        
        margin-top: -.9rem;
        background-color: #94bf3e;
        padding-top: 1.3rem;
        padding-bottom: 1.3rem;
        z-index: -1;  
     }
@media (min-width: 576px) { /*sm*/
        
    .prom-dato {
        font-size: 1.4rem !important;
        color: #334E85;
    }
    .vigencia {
        
        margin-top: -.8rem;
        background-color: #94bf3e;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        z-index: -1;  
     }
}

@media (min-width: 768px) { /* md */
        
    .prom-dato {
        font-size: 1.7rem !important;
        color: #334E85;
    }
    .vigencia {
        
        margin-top: -.8rem;
        background-color: #94bf3e;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        z-index: -1;  
     }
}

@media (min-width: 992px) { /* lg  */

    .prom-dato {
        font-size: 1.8rem !important;
        color: #334E85;
    }
    .vigencia {    
        margin-top: -1rem;
        background-color: #94bf3e;
        padding-top: 2rem;
        padding-bottom: 2rem;
        z-index: -1;  
     }
}



.divUl li a {
    color: #334E85;
}
.subULli {
    font-size: 1.2rem;
    color: #334E85;
}

.imgCentarla {
    display:block;
    margin:auto;
}
.vigencia-left {
    display:block;
    margin-left: auto;
    margin-right: auto;
}

/*----------------- SERVICIOS BANER AREA --------------- ---*/

#servicioBaner .im-aislante {
  width: 100%;
  object-fit: cover;
  object-position: bottom;  
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #064D82;  
}