@font-face {
  font-family: Cairo;
  src: url(../Cairo/Cairo-Light.ttf);
}
body{
  font-family: Cairo;
}

.BoxCieEntreCutro{
  position: relative;
  width: 100%;
  height: auto;


  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.BoxCuatro{
  width: 140px;
  height: auto;
  overflow: hidden;
  margin: 2%;
}
.BoxCuatro > a > h5{
  width: 140px;
  height: 20px;
  font-size: 1.2em !important;
  overflow: hidden;

  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.borderwhite{
  border: solid 1px white;
}

.btn-pri {
    color: #fff;
    background-color: #007bff00;
    border-color: #007bff;
}

.div-titulo {
position: absolute;
padding: 15px 15px;
text-align: center;
border: solid 2px rgba(255,255,255,1.00);
z-index: 10;
width: auto;
height: auto;
display: flex;
align-items: stretch;
justify-content: center;
background-color: #0d0f2240;
}
.div-titulo > h1{
color: white !important;
font-size: 2em !important;
height: 50px;
padding-top: 8px;
padding-left: 8px;
}

.div-titulo > img{
width: 50px;
height: 50px;
}
.box_banner{
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boximgbanner{
  position: relative;
  width: 100%;
  height: auto;
}
.txtTresPuntos{
  width: 150px;
  overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.LinkProduct{
  width: 100px;
  height: 100px;

  display: flex;
  justify-content: center;
  align-items: center;
}
.ImgCir{
  height: 100%;
  margin-top: 5%;
  margin-bottom: 5%;
}
.CenterXY > a > img{
  height: 100% !important;
}

.CenterXY > a{
  height: 100% !important;
}
.ImgProductMin{

  margin-right: 10px;
  border: solid 1px #007bff;
  border-radius: 5px;
  overflow: hidden;
}

.colorGreyBlue{
  color: #768ca4 !important;
}

@media (max-width: 768px) {
  .div-titulo > h1{
    font-size: 1em !important;
    padding-top: 8px;
    padding-left: 8px;
    height: 30px;
  }
  .div-titulo > img{
  width: 30px;
  height: 30px;
  }
  .LinkProduct{
    width: 50px;
    height: 50px;

  }

}


/* .LinkProduct{
  width: 100%;
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
} */

.BackObs{
  background: rgb(1,43,222);
    background: linear-gradient(45deg, rgb(22, 28, 51) 0%, rgb(43, 38, 66) 35%, rgb(8, 11, 29) 100%);
    color: #768ca4;
}
  /* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: auto;
  }
  .background-grid {
      position: absolute;
      background: url(../img/grid-2.png);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      overflow: hidden;
      opacity: 0.4;
  }
  .btn-banner {
    color: #fff;
    background-color: #007bff82;
    border-color: #007bff;
}
.img-marcas-axalta{
  margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}
.dropdown-item{
  color: #768ca4 !important;
}
.dropdown-menu{
  background: rgba(7, 27, 76, 1) !important;
  color: #768ca4 !important;
}

.BoximgBanner{
  width: 100%;
  height: auto;
}

.Index {
    background: rgb(1,43,222);
    background: linear-gradient(45deg, rgb(22, 28, 51) 0%, rgb(43, 38, 66) 35%, rgb(8, 11, 29) 100%);
    color: #768ca4;
}
.bg-color-grad{
  background: linear-gradient(45deg, rgba(22, 28, 51, 1) 0%, rgba(43, 38, 66, 1) 35%, rgba(8, 11, 29, 1) 100%);

}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.BoxMarcas{
  position: relative;
  width: auto;
  padding: 15px;
  margin: 0px auto 0px auto;
  background-color: white;
}

.FlexXY{
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}