.slide-fade-enter-active {
   transition: all 0.3s ease;
}

.slide-fade-leave-active {
   transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter,
.slide-fade-leave-to

/* .slide-fade-leave-active below version 2.1.8 */
   {
   transform: translateX(10px);
   opacity: 0;
}


.lds-roller {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
}

.lds-roller div {
   animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   transform-origin: 40px 40px;
}

.lds-roller div:after {
   content: " ";
   display: block;
   position: absolute;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #ff66003e;
   margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
   animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
   top: 63px;
   left: 63px;
}

.lds-roller div:nth-child(2) {
   animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
   top: 68px;
   left: 56px;
}

.lds-roller div:nth-child(3) {
   animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
   top: 71px;
   left: 48px;
}

.lds-roller div:nth-child(4) {
   animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
   top: 72px;
   left: 40px;
}

.lds-roller div:nth-child(5) {
   animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
   top: 71px;
   left: 32px;
}

.lds-roller div:nth-child(6) {
   animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
   top: 68px;
   left: 24px;
}

.lds-roller div:nth-child(7) {
   animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
   top: 63px;
   left: 17px;
}

.lds-roller div:nth-child(8) {
   animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
   top: 56px;
   left: 12px;
}

@keyframes lds-roller {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.lds-circle {
   display: inline-block;
   transform: translateZ(1px);
}

.lds-circle>div {
   display: inline-block;
   width: 64px;
   height: 64px;
   margin: 8px;
   background-image: url('../images/logo_loading.png');
   background-repeat: no-repeat;
   background-size: contain;
   animation: lds-circle 3.4s cubic-bezier(0, 0.5, 0.8, 1) infinite;
}

@keyframes lds-circle {

   0% {
      transform: scale(0.95);
   }

   5% {
      transform: scale(1.1);
   }

   39% {
      transform: scale(0.85);
   }

   45% {
      transform: scale(1);
   }

   60% {
      transform: scale(0.95);
   }

   100% {
      transform: scale(0.9);
   }
}

.lds-ellipsis {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
}

.lds-ellipsis div {
   position: absolute;
   top: 33px;
   width: 13px;
   height: 13px;
   border-radius: 50%;
   background: #ff66003e;
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
   left: 8px;
   animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
   left: 8px;
   animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
   left: 32px;
   animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
   left: 56px;
   animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
   0% {
      transform: scale(0);
   }

   100% {
      transform: scale(1);
   }
}

@keyframes lds-ellipsis3 {
   0% {
      transform: scale(1);
   }

   100% {
      transform: scale(0);
   }
}

@keyframes lds-ellipsis2 {
   0% {
      transform: translate(0, 0);
   }

   100% {
      transform: translate(24px, 0);
   }
}

.btn-categoria {
   width: 70px;
   padding: 0;
   line-height: 70px;
   height: 70px;
   background-color: #fff;
   border: 1px solid var(--border-color);
   border-radius: var(--border-radius-base);
}

.title-categoria {
   font-size: 0.7em;
   font-weight: bold;
   margin-top: 10px;
}

.img-categoria {
   max-width: 100px !important;
}

.VueCarousel-navigation-prev {
   color: #472599 !important;
}

.VueCarousel-navigation-next {
   color: #472599 !important;
}

.contBtnWhatsapp {
   width: 90px;
   height: 240px;
   position: fixed;
   right: 0px;
   bottom: 40px;
   z-index: 10000;
}

.botonF1 {
   width: 60px;
   height: 60px;
   border-radius: 100%;
   background-color: #472599;
   right: 0;
   bottom: 0;
   position: absolute;
   margin-right: 28px;
   margin-bottom: 16px;
   border: none;
   outline: none;
   color: #FFF;
   font-size: 36px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
   transition: .3s;
}

.botonF1:hover span {
   transform: rotate(360deg);
}

.botonF1:active {
   transform: scale(1.1);
}

.app {
   background-image: url('../images/fondo_app_reddy.png');
   background-repeat: no-repeat;
   background-size: contain;

}

a.rating {
   text-align: center;
   padding: 5px 3px;
   font-size: 38px;
   opacity: .7;
   filter: grayscale(1);
}

/* a.rating:hover {
   font-size: 46px;
   filter: grayscale(0);
   opacity: 1;
   transform: scale(1.1);
}

a.rating:visited {
   font-size: 46px;
   filter: grayscale(0);
   opacity: 1;
   transform: scale(1.1);
} */

.rating-select {
   font-size: 46px;
   filter: grayscale(0);
   opacity: 1;
   transform: scale(1.1);
}

.my-textarea {
   border-radius: 25px !important;
}

.my-swal2-button {
   background-color: #e1652c !important;
   border: 0;
   border-radius: 1.35em !important;
}

.text-grey {
   color: rgb(115, 115, 115) !important;
}

label {
   font-weight: 600 !important;
}

.modal_puntos {
   padding: 2em !important;
   background-color: #472599 !important;
   color: #fff;
   border-radius: 0.7em !important;
}

.btn-orange {
   background-color: #e1652c !important;
   color: #fff;
   font-size: 1.3em;
   font-weight: bold;
}

.boton_atras {
   color: #e1652c !important
}

.boton_atras:hover {
   color: #e1652c !important
}

.boton_atras:active {
   color: #e1652c !important
}

.input_pass {
   padding: 0 40px 0 25px;
}

.input_icon_pass {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 15px;
}

.avatar-profile {
   display: table;
   margin: auto;
   background: #ffffff;
   border-radius: 100%;
   width: 128px;
}
.avatar-profile img.rounded-circle {
   object-fit: cover;
   height: 128px;
}

.form-control.form-control-lg.form-custom {
   height: 0;
   padding: 0.5rem 0.7rem;
   margin-top: 10px;
   text-align: center;
   border-color: #512e90;
   color: #512e90;
}

/*valoracion custom*/
.card.card-body.shadow.custom-valoracion {
   width: 50%;
   margin: 0 auto 30px;
   background: #DE6718;
}
.card.card-body.shadow.custom-valoracion a.nav-link {
   color: #ffffff;
}
.float-end.text-end.custom-warning {
   display: inline-flex;
   align-items: center;
}
.float-end.text-end.custom-warning p{
   margin: 0;
   color: #DE6718;
}
h4.title.title-custom i {
   margin: 0 10px;
   background: #DE6718;
   border-radius: 30px;
   padding: 3px 1px 1px;
}
button.btn-ciudad {
   border: none;
   background: transparent;
}

@media (min-width: 768px) {
   .dz-banner-heading .overlay-black-light .bnr-img {
      width: 100%;
      height: 450px;
      object-fit: cover;
   }
}
@media (max-width: 767.98px){
   .features-box .card-body{
      display: inline-block;
   }
   .modal_ciudad .card.card-body {
      display: block;
   }
}