/* Add here all your CSS customizations */
.padding-container{
	padding: 73.846px 0;
    padding: 4.6153846154rem 0;
}
.color-blue{
	color: #1a75bb !important;
}
.color-black{
	color: black !important;
}
.color-white{color: white !important;}
.fs-16{font-size: 16px !important;}
.fs-18{font-size: 18px !important;}
.fs-20{font-size: 20px !important;}
.fs-24{font-size: 24px !important;}
.lh{line-height: 1.4;}
.uppercase{text-transform: uppercase;}
.btn-bd{
	background: #1a75bb;
	color: white;
	border-radius: 5px;
	font-size: 18px;
	padding-left: 20px;
	padding-right: 20px;
}
.bg-blue-dark{background-color: #1a75bb !important;}
.bg-blue{background-color: #26a9e1 !important;}
#suministro #header a.suministro{color: #1a75bb !important;}
#diseno #header a.diseno{color: #1a75bb !important;}
#implementacion #header a.implementacion{color: #1a75bb !important;}
#servicio #header a.servicio{color: #1a75bb !important;}
#baterias #header a.bateria{color: #1a75bb !important;}
#ups #header a.up{color: #1a75bb !important;}
#contacto #header a.contacto{color: #1a75bb !important;}
ul.blue li {
  color: #3c3c3c; 
  /* set color of list item text */

  list-style: none; 
}

 ul.blue li::before {
	color: #1a75bb;
	content: "\2022";
	font-size: 20px;
	padding-right: 10px;
	position: relative;
	top: 3px;

}
.col5{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
.page-header h1{font-size: 40px !important;}


.redes-side{
	position: fixed;
	bottom: 45%;
	right: -3px;
	z-index: 999;
	text-align: center;
	z-index: 9999999;
	background: white;
	padding: 15px 5px 0px 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 6px 3px #d3d0d0;
}
.redes-side *:hover,.redes-side *:active{text-decoration: none;}
.redes-side a{display: block;}

.cont-bandera-whats{
    font-size: 38px;
    margin-bottom: 20px;
    color: #009639 !important;
}
.cont-bandera-mail{
    font-size: 30px;
    margin-bottom: 20px;
    color: black !important;
}
.cont-bandera-tel{
    font-size: 27px;
    margin-bottom: 20px;
    color: black !important;
}
.cont-bandera-linkedin{
    font-size: 30px;
    margin-bottom: 20px;
    color: #116d9e !important;
}
.txt-bandera{display: none;}
.desabled{
	background: gray;
	pointer-events:none 
}
.web{display: block;}
.mov{display: none;}
.process .process-step-circle{
	background-image: url(../img/circulos.png); 
	background-size: contain;
	background-repeat: no-repeat;
}
.process .process-step-circle{border-color: transparent !important;}



/*CSS By AGRA*/
.img-diseno{width: 70%;}
.svg-clients{height: 138px; width: 210px!important; margin: 0 auto;}
.logo-leadme{width: 175px; margin-top: 15px;}
.w-500{font-weight: 500!important;}
.w-600{font-weight: 600!important;}
.w-700{font-weight: 700!important;}
.lh-normal{line-height: normal;}
.l-negra{color: #000;}
.l-blanca{color: #fff;}
.fs-32{font-size: 32px;}
.p-tb0{padding: 0px;}
.p-tb40{padding: 40px 0;}
.p-tb70{padding: 70px 0;}
.p-lr0{padding-left: 0; padding-right: 0;}
.p-b70{padding-bottom: 70px;}
.p-l0{padding-left: 0px!important;}
.m-t25{margin-top: 25px;}
.m-b0{margin-bottom: 0px;}

.flex-bateries{display: flex; align-items: center;}
.btn-collapse{padding: 5px 0 5px 15px; font-size: 20px; cursor: pointer; color: #fff; position: relative;}
.btn-collapse:before{content: "+"; position: absolute; right: 15px; top: 0; color: #fff; font-weight: 700; height: 100%; font-size: 20px; display: flex; align-items: center;}
.btn-collapse.active:before{content: "-";}
.card-bateries .card-header{background-color: rgba(27, 117, 186, 1);}
.card-bateries .card-header:hover{background: rgba(27, 117, 186, .75); opacity: .5;}
.card-bateries .card-body{text-align: center;}
.card-bateries .card-body img{margin-bottom: 15px; width: 200px;}
.table-bateries{width: 100%;}
.table-descriptions td{font-weight: 700; padding: 10px 0; color: rgba(27, 117, 186, 1); font-size: 18px;}
.table-bateries td{width: 50%; border: 1px solid rgba(0, 0, 0, .2); text-align: center;}
.owl-bateries{border-top: 1px solid; border-bottom: 1px solid;}
.table-bateries td i{font-size: 18px; position: absolute; top: 0; right: 15px; display: flex; align-items: center; height: 100%; color: #1b75ba;}
.download-baterie{position: relative;}
.title-divider-section{text-align: center; padding: 40px; background: rgba(27, 117, 186, 1); width: 100%; margin-bottom: 40px;}
.title-divider-section p{width: fit-content; margin:0 auto;}
.col-bd-global img{max-width: 500px;}
.owl-maintance{margin-bottom: 0;}
.owl-maintance .owl-dots{line-height: normal;}
.img-maintance{margin: 0 auto; max-width: 490px;}
.pago-america{height: 60px; width: 85px;}
.pago-master{height: 60px; width: 96px;}
.pago-visa{width: 85px;height: 56px;}
.pago-pay{width: 92px;}
.pago-form{margin-top: 100px;}
.bg-blue-light{background: #e6e6e6;}
.title-ups-box, .title-bateries-box{font-size: 26px; font-weight: 700; color: #000; margin: 0; line-height: normal;}
.flex-boxs-ups, .flex-boxs-bateries{display: flex; align-items: center;}
.flex-boxs-ups .bg-blue-medium, .flex-boxs-bateries .bg-blue-medium{background: #26a9e1;}
.flex-boxs-ups .bg-blue-strong, .flex-boxs-bateries .bg-blue-strong{background: #1a75bb;}
.flex-boxs-ups .contentBx, .flex-boxs-bateries .contentBx{padding: 50px 30px;}
.flex-boxs-ups .contentBx img, .flex-boxs-bateries .contentBx img{width: 65px; height: 65px; margin-bottom: 25px;}
.flex-boxs-ups .contentBx p, .flex-boxs-bateries .contentBx p{font-size: 17px; color: #fff; font-weight: 500; line-height: normal; white-space: pre-line; margin-bottom: 0;}
.flex-col-services{display: flex; align-items: center;}
/*.flex-col-services .img-maintance{margin: 0;}*/
.list.list-services-section{padding-left: 0;}
#carousel-services .img-maintance{max-width: 400px; max-height: 400px;}
#footer .justifyCenter{justify-content: center;}
/**/


@media (max-width: 1550px){
	.header-body{
		padding: 0 6%;
	}
}
@media (max-width: 1500px) {
	.col5{
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
@media (max-width: 1441px) {
	.svg-clients{height: 125px;}
}
@media (max-width: 1281px) {
	.svg-clients{height: 96px;}
}
@media (max-width: 1000px) {
	.redes-side{right: 0;}
	.header-body{padding: 0;}
	#header .header-logo img{height: 70px !important;}
	.col5{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.curved-border:after{height: 25%;}
	.blocks-colors .col5:nth-child(1){background-color: #1a75bb !important;}
	.blocks-colors .col5:nth-child(2){background-color: #26a9e1 !important; }
	.blocks-colors .col5:nth-child(3){background-color: #26a9e1 !important; }
	.blocks-colors .col5:nth-child(4){background-color: #1a75bb !important;}
	.blocks-colors .col5:nth-child(5){background-color: #1a75bb !important; }
	/*.cont-bandera-whats{
		bottom: 0;
	    background: white;
	    padding: 5px;
	}
	.circle{
		display: inline-block;
		margin-bottom: 0;
		margin-right: 10px;
		height: auto;
		width: auto;
		padding: 0;
		background: transparent;
	}
	.circle i{font-size: 30px;color: #009639;}
	.bandera-whats{
		width: auto;
		display: inline-block;
		line-height: 30px;
		padding: 0;
		font-size: 22px;
		background: transparent;
		color: #1a75bb;
	}*/
	.mapa-mex{width: 100%;}
	footer{padding-bottom: 30px !important;}
	.logo-leadme{width: 175px; margin-top: 0px; margin-bottom: 15px;}
} 
@media (max-width: 500px) {
	.redes-side{
		width: 100%;
		bottom: 0;
		background: white;
		border-radius: 0;
    	box-shadow: none;
    	padding: 10px 0;
		display: flex;
	}
	.redes-side a{display: inline-block;padding: 0 3%;border-right: 1px solid #2972b7; flex: 0 0 20%;}
	.redes-side a:last-child{border: none;}
	.redes-side i{font-size: 30px;margin-top: 0px;margin-bottom: 0px;}
	.txt-bandera{display: inline-block; color: #1a75bb;padding-right: 5px;font-size: 14px;position: relative; width: 145px; height: 30px;}
	.txt-bandera div{position: absolute; top: 10px;}
	/*.cont-bandera-tel{font-size: 26px !important;}*/
	.web{display: none;}
	.mov{display: block;}
	/* #contacto .web{display: block;}
	#contacto .mov{display: none;} */
	.col5{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.blocks-colors .col5:nth-child(1){background-color: #1a75bb !important;}
	.blocks-colors .col5:nth-child(2){background-color: #26a9e1 !important; }
	.blocks-colors .col5:nth-child(3){background-color: #1a75bb !important; }
	.blocks-colors .col5:nth-child(4){background-color: #26a9e1 !important;}
	.blocks-colors .col5:nth-child(5){background-color: #1a75bb !important; }
	.curved-border-2:after{bottom: -25px;height: 10%;}
	.padding-container{padding: 4.6153846154rem 15px;}
	/*.curved-border-2:after{bottom: 300px;}*/
	.page-header.page-header-modern.page-header-background.page-header-background-md{padding: 23% 0;}
	.page-header h1{font-size: 25px !important;}
	ul.blue{margin-bottom: 0;}
	.bold-mov{font-weight: bold;}
	.p-0-r{padding: 0 !important;}
	#features .text-center{text-align: justify !important;}
	.svg-clients{height: 168px; width: 240px!important; margin: 0 auto;}
	.justi-center-sm{text-align: justify!important;}
	#bateries .bd-global{margin-bottom: 40px;}
	.owl-maintance{margin-bottom: 20px;}
	.col-bd-global img{max-width: 75%;}
	.card-bateries .card-body{padding: 2rem 0;}
	.table-bateries td{text-align: left; padding-left: 15px;}
	.table-bateries td i{right: 10px; font-size: 15px;}
	.fs-27-sm{font-size: 27px;}
  .p-b25-sm{padding-bottom: 25px;}
  .p-b40-sm{padding-bottom: 40px;}
	.pagos-space{margin-bottom: 30px!important;}
  .flex-col-services.reverse{flex-direction: column-reverse;}


	/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
.pago-america-d{height: 55px!important; width: 80px!important;}
.pago-master-d{height: 55px!important; width: 88px!important;}
.pago-visa-d{width: 80px!important; height: 50px!important;}
.pago-pay-d{width: 85px!important;}
} 


.myaccordion {
  max-width: 500px;
  margin: 50px auto;
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
}
 
.myaccordion .card,

}
 
.myaccordion .card-header {
  border-bottom-color: #1b75ba;
  background: #1b75ba;
  border-radius: 5px;
  margin-bottom: 3px;
  padding-bottom: 6px;
  padding-top: 6px;
}
 
.myaccordion .fa-stack {
  font-size: 18px;
}
 
.myaccordion .btn {
  width: 100%;
  padding: 0;
}
 
.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}
 
.myaccordion li + li {
  margin-top: 10px;
}

.tam-icon{font-size: 12px;}

.margin-img{border: 5px #1b75ba solid;}


/*POP PO*/

.link_pop{
    font-size: 20px;
    /* cursor: pointer; */
    color: #fff;
    /* position: relative; */
    margin: 0px;
    text-align: left;
}


#popup1,#popup2,#popup3,#popup4,#popup5,#popup6,#popup7,#popup8,#popup9,#popup10,#popup11,#popup12 {
    visibility:hidden;
position:absolute;
padding:0px;
top:30%;
z-index:3;
background:#fff;
border:1px solid #000; }
  #popup1:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
        overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
   #popup2:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
#popup3:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
 #popup4:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
#popup5:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
 #popup6:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #popup7:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #popup8:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #popup9:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
#popup10:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #popup11:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
  }
  #popup12:target {
    visibility:visible;
    opacity: 1;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    z-index: 999999999;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
  }
  .popup-contenedor {
    position: relative;
    margin:7% auto;
    padding:30px 0px;
    background-color: #fafafa;
    color:#333;
    border-radius: 3px;
    width:100%;
  }
  a.popup-cerrar {
    position: absolute;
    top:3px;
    right:3px;
    background-color: #333;
    padding:7px 10px;
    font-size: 20px;
    text-decoration: none;
    line-height: 1;
    color:#fff;
  }
 
    /* estilos para el enlace */
    
  a.popup-link {
      text-align: center;
      display: block;
      margin: 0px;
  }

  .alert {
    text-align: center;
    font-size: 22px;
    margin-bottom: 0rem !important;
   }
   .breadcrumb {
    background-color: #1b75ba;
    border-radius: .25rem;
    color: white;
    font-size: 1.5rem; 
  }



  .iconos_s1{
    width: 20%;
    margin-bottom:20px;
  }
    .iconos_s2{
    width: 25%;
    margin-bottom:3px;
  }
    .iconos_s3{
    width: 25%;
    margin-bottom:3px;
  }

  .p0{
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .btn.btn-py-2x {
    padding-top: .35rem;
    padding-bottom: .35rem;
    color: white !important;
}
#zona-envio
{
    margin-bottom: 120px !important;
}

.table thead th {
    vertical-align: middle !important;
}


  thead.tabla_primario tr{
        margin-bottom: 15px;
  }


  .footable > thead.tabla_secundario > tr > th > span.footable-sort-indicator {
    display: none !important;
}
  
  thead.tabla_secundario tr{
       white-space: nowrap;
  }

   thead.tabla_secundario tr{
    background: #1b75ba;
    color: white;
    text-align: center;
  }

  tbody{
    border-bottom: 1px solid #1b75ba;
   }

  .table td {
    border-right: 1px solid #1b75ba;
  }

  .table td.footable-first-column {
    border-left: 1px solid #1b75ba;
  }

  .m90{
    margin-top: -90px;
}

 .m60{
    margin-top: -60px;
    padding-bottom: 0px;
}
.mf10{
  margin-left: 10%;
}

.mayus{
    text-transform: uppercase;
}
.w100{
  font-weight: 100 !important;
}


/* Mobile */
@media only screen and (max-width: 767px) {

  .hidden{
    display: none !important;
   }

   .ver{
    display: block !important;
   }

  .parrafo_envio {
    margin-bottom: 10px;
  }

  .iconos_s1 {
    margin-bottom: 0px;
  }
  .iconos_s2 {
    margin-bottom: -15px;
  }
  .iconos_s3 {
    margin-bottom: 0px;
  }
  .p0 {
    margin-bottom: 20px;
}

.m30 {
    margin-bottom: 30px !important;
}

 
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
 
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 }

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {


  thead.tabla_secundario th:nth-child(1){
           width: 10%;
  }
   thead.tabla_secundario th:nth-child(2){
           width: 10%;
  }
   thead.tabla_secundario  th:nth-child(3){
           width: 10%;
  }
   thead.tabla_secundario  th:nth-child(4){
           width: 10%;
  }

  thead.tabla_secundario th:nth-child(5), th:nth-child(6), th:nth-child(7), th:nth-child(8){
           width: 15%;
  }
  .m4{
    margin-top: -4rem !important;
}


}

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
 /* .table thead th {
    width: 12.5%;
  }*/
  .m4{
    margin-top: -4rem !important;
}
}

.play_video {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.play_video a.video_popup {
    display: inline-block;
    width: 115px;
    height: 115px;
    border-radius: 0;
    position: relative;
    background: #e62b4a;
    color: #fff;
    font-size: 30px;
    line-height: .8;
    padding: 42px 0;
    margin-bottom: 31px;
}


.center-t{
  text-align: center !important;
}