.d {
    border: 1px solid #000;
}

.loader-page {
  position: fixed;
  z-index: 25000;
  background: rgb(255, 255, 255);
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:all .3s ease;
}
.loader-page::before {
  content: "";
  position: absolute;
  border: 2px solid rgb(50, 150, 176);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-sizing: border-box;
  border-left: 2px solid rgba(50, 150, 176,0);
  border-top: 2px solid rgba(50, 150, 176,0);
  animation: rotarload 1s linear infinite;
  transform: rotate(0deg);
}
@keyframes rotarload {
    0%   {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}
.loader-page::after {
  content: "";
  position: absolute;
  border: 2px solid rgba(50, 150, 176,.5);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-sizing: border-box;
  border-left: 2px solid rgba(50, 150, 176, 0);
  border-top: 2px solid rgba(50, 150, 176, 0);
  animation: rotarload 1s ease-out infinite;
  transform: rotate(0deg);
}

.abajo {
  position: relative;
  top:4em;
}



.sliderr {
    /* position: relative;
	z-index: 1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center center; */
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.sliderr ul {
  display: flex;
  padding: 0;
  width: 400%;
  animation: cambio 20s infinite alternate;
  animation-timing-function: ease-in;
}

.sliderr li {
    list-style: none;
    width: 100%;
    position: relative;
	z-index: 1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}
.sliderr img{
    height: 350px;
    width: 100%;
}



@keyframes cambio {
  0% { margin-left:0;}
  20% { margin-left:0;}

  25% { margin-left:-100%;}
  45% { margin-left:-100%;}

  50% { margin-left:-200%;}
  70% { margin-left:-200%;}

  75% { margin-left:-200%;}
  100% { margin-left:-200%;}
}



.loader-page-invi {
    position: fixed;
    z-index: 25000;
    background: rgba(255, 255, 255, 0);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all .3s ease;
  }
  .loader-page-invi::before {
    content: "";
    position: absolute;
    border: 2px solid rgb(50, 150, 176);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176,0);
    border-top: 2px solid rgba(50, 150, 176,0);
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
  }
  @keyframes rotarload {
      0%   {transform: rotate(0deg)}
      100% {transform: rotate(360deg)}
  }
  .loader-page-invi::after {
    content: "";
    position: absolute;
    border: 2px solid rgba(50, 150, 176,.5);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176, 0);
    border-top: 2px solid rgba(50, 150, 176, 0);
    animation: rotarload 1s ease-out infinite;
    transform: rotate(0deg);
  }

.imgServ {
  width: 100%;
  height: 22em;
  /* border-radius: 50%; */
  /* border-radius: 60px 20px 5px; */
  border: 2px solid #000;
}


.haciabajo {
  position: relative;
  top: 7px;
}
.orden {
    display: flex;
    align-items: center;
    height: 22;
    text-align: justify;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.calificacion {
  height: 35em;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.img-port {
  border: 1px solid #000;
  border-radius: 50%;
}



@media screen and (min-width: 321px) and (max-width: 764px) {
  .padre {
    display: flex;
    flex-flow: row wrap-reverse;
  }
  .card-title {
    text-align: center;
  }
  .space {
    height: 30em;
  }
}


@media screen and (min-width: 321px) and (max-width: 500px) {
  .space {
    height: 45em;
  }
}