* {
    margin: 0;
    padding: 0;
  }
  
  body {
    overflow-x: hidden;
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Poppins', sans-serif;
    height: 120vh;
    background-color: #f2f2f2;
    scroll-behavior: smooth;
  }
  
  a{
    text-decoration: none;
  }
  
  .container {
      margin: 0 auto;
      width: 100%;
      max-width: 1200px;
    }
  
    /*Agregue este container para posisionarlo para arriba*/
    .container1 {
      margin: 0 auto;
      width: 100%;
      max-width: 700px;
      margin-top: 3rem;
      position: relative;
      }
  
      @media (max-width: 991px){
        .container1 {
          margin: 0 auto;
          width: 90%;
          max-width: 1000px;
          margin-top: -150px;
          position: relative;
          }
      }
  
        /* Termina Agregue este container para posisionarlo para arriba*/
  
  /* Prelaoder */
  #preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff  url("../img/inicio/preload/preload.svg") no-repeat center center;
  }
  
  /*============ NAVIGATION ============*/
  .navbar {
    padding: 0rem 1rem;
    /*text-transform: uppercase;*/
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    transition: background-color 0.5s ease 0s;
    background-color: #fff;
    z-index: 99;
    border-bottom: 1px solid #ffffff38;
  }

  @media (min-width: 991px){
    .navbar {
      padding: .5rem 1rem;
      /*text-transform: uppercase;*/
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 0.1rem;
      transition: background-color 0.5s ease 0s;
      background-color: #fff;
      z-index: 99;
      border-bottom: 1px solid #ffffff38;
  }
}
  
  /*span{
    color: #1da1f2;
  }*/
  
  .navbar-brand img {
    height: 3rem;
  }
  
  .navbar-brand {
    font-family: 'Dancing Script';
    font-size: 1.2rem;
    color: #d2ab67;
    /*font-style: italic;*/
    font-weight: 700;
  }
  
  
  .navbar-brand:hover {
    color: #777;
    text-decoration: none;
  }
  
  i {
    color: #fff;
    font-size: 1rem;
  }
  
  
  .navbar .fa-bars{
    font-size: 1.6rem;
    color: #d2ab67;
  }
  
  .gray {
    color: gray;
  }
  
  button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focusring-color;
  }
  
  .navbar-nav li {
    padding-right: 0.5rem;
    display: block;
    margin: 0 auto;
  }
  /* Aqui cambio la direcccion del navbar en responsive
  @media (max-width: 991px){
  .navbar-nav li {
    padding-right: 0.5rem;
    display: block;
    margin: 0 auto;
    margin-left: 1%;
  }
  }
  /*****/
  
  
  .navbar-nav .nav-link {
    color: #d2ab67;
    padding-top: 0.7rem;
    transition: ease-in .3s;
    font-size: 1.2rem;
    /*border-bottom: solid 1px rgba(255, 255, 255, 0.281);*/
  }
  
  /* Border de la lista */
  @media (max-width: 991px){
    .navbar-nav .nav-link {
    border-bottom: solid 1px #06060613;
   
  }
  }
  
  .navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{
    color: #ea899a;
    transition: ease-in .3s;
    transform: scale(1.04);
  }
  
  /* NavBar despues del scroll*/
  .navbar.solid {
    background: #fff !important;
    transition: background-color .3s ease-in 0s;
    box-shadow: 0px 0px 7px -2px #000;
  }
  
  /*============ LANDING PAGE IMAGE ============*/
  
  #slider-lavanderia{
    background-color: none;
    z-index: -1;
  }
  
  section{
    background: none;
  }
  
  /* Slider */
  .slider {
    height: 45vh;
    
  }
  
  .wallpaper {
    -webkit-animation: slider 1s ease infinite;
    animation: slider 14s ease infinite;
    background: linear-gradient(to bottom, #ea899b83 , #fa8ea285), url('../img/inicio/slider/1.jpeg') #fff center / cover no-repeat scroll;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    /*border-radius: 0 0 90% 90%/0 0 30% 30%;*/
  }
  
  .wallpaper:nth-child(2) {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
    background: linear-gradient(to bottom, #ea899b83 , #fa8ea285), url('../img/inicio/slider/2.jpeg') #fff center / cover no-repeat scroll;
  }
  
  .wallpaper:nth-child(3) {
    background: linear-gradient(to bottom, #ea899b83 , #fa8ea285), url('../img/inicio/slider/3.jpeg') #fff center / cover no-repeat scroll;
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
  }

  .ctn-content-slider h1 {
    color: #fff;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 0px;
    margin-top: 20%;
  }

  
  @media (max-width: 991px){
    .slider {
      height: 65vh;
      
    }
    
    .wallpaper {
      border-radius: 0 0 250% 250%/0 0 91% 91%;
    }
    
  
  .ctn-content-slider h1 {
    color: #fff;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 0px;
    margin-top: 0%;
  }
}
  
  .btn-slider {
    background-color: #ea899a;
    border-radius: 30px;
    font-size: 1.2rem;
    padding: 10px 20px;
    text-align: center;
  }
  
  .btn-slider:hover {
    background-color: #d2ab67;
    border-radius: 30px;
    font-size: 1.2rem;
    padding: 10px 20px;
    text-align: center;
  }
  
  .ctn-book-now {
    background-color: #000000;
    font: bold 18px sans-serif;
    padding: 0.5rem 1rem;
    right: calc(0% - 5px);
    transform: rotateZ(270deg) translateY(100%);
    z-index: 1;
  }
  
  
  @-webkit-keyframes slider {	
      20% {
          opacity: 1;
          visibility: visible;
    }
  }
  
  @keyframes slider {	
      20% {
          opacity: 1;
          visibility: visible;
    }
  }
  
  
  
  
  /* Brand */
  .ctn-brand {
    padding: 2rem;
  }
  
  .box-brand {
    box-shadow: 0 0 0 4px #d2ab67;
    color: #444;
    background-color: #fff;
  }
  
  .box-brand h2 {
    font: 700 25px 'Roboto', sans-serif;
    color: #ea899a;
  }
  
  .box-brand p {
    font-size: .9rem;
  }
  
  
  
  /****** SKILLS *******/
  /* 4- skills section */
  
  .grid2 {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 15px;
      padding: 0;
    } 
  
    @media (max-width: 991px){
      .grid2 {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 10px;
        padding: 0;
        }
      }
  
  #skills {
      margin-top: 0%;
      padding: 0px 0px;
      background-color: none;
      overflow-x: hidden;
    background-color: none;
    
    }
  
    #skills li {
      list-style-type: none;
    box-shadow: 0px 0px 7px -2px #000;
    transition: ease-in .3s;
    cursor: pointer;
    padding: 50%;
    }

    /* con esto le damos la instruccion de que la eqtiqueta para el link abarque todo el li*/
    #skills li a { 
      margin: 0px; 
      display: block; 
      width: 100%; 
      height: 100%; 
      text-decoration: none;
    }
     /*termina li de link */
  
    #skills li:hover {
      transform: scale(1.02);
      transition: ease-in .3s;
      list-style-type: none;
      box-shadow: 0px 0px 7px -2px #000;
      }
  
    #skills h4 {
      text-align: center;
      color: #fff;
      font-size: 1.2rem;
    }
  
    #skills h3 {
      text-align: center;
      color: #fff;
      font-size: 1.5rem;
    }
  
    #skills ul {
      /* Agregue el 10 por que cuando le pongo el hover se cortaba de los lados*/
      margin: 10px 10px;
    }
    #skills li {
      padding: 10px;
      background: linear-gradient(to bottom, /*#fac872*/ #f58ea1 , #ea899a);
      /*background-image: url("../recursos/img/landing-page/backgroundUX.png");
      background-repeat:no-repeat;
    background-position: center;*/
      grid-column: span 4;
      text-align: center;
    border-radius: 10px;
    }
    #skills img {
      height: 80px;
      margin: 10px auto;
    }
  
    @media (max-width: 700px) {
      #skills {
          margin-top: 15%;
          padding: 0px 0px;
          background-color: none;
          overflow-x: hidden;
        }
  }
  /****** TERMINA SKILLS ****/
  
  
  /*======== TEXTO E IMAGEN ===========*/
  
  
  .section .row{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .section .row .col-md-6{
    /*background: #f5f5f5;*/
    margin-right: -2%;
    padding: 4%;
  }
  .section h3{
    color: #d2ab67;
     border-bottom: solid 3px #2726260d;
     font-size: 1.5rem;
     font-weight: 700;
  }
  .section p{
    margin-top: 10%;
    color: #545b62;
    font-size: 1rem;
  }
  .section img
  {
    width: 100%;
    border-radius: 10px;
  }
  
  /*===== TERMINA TEXTO E IMAGEN =======*/
  




  
  
  
  /*===== CAROUSELL ======*/
 

  /*==== TERMINA CAROUSELL ======*/
  
  
  /* ====== FOOTER =======*/
  .footer img {
    max-width: 50%;
    height: auto;
    border-radius: 7px;
  }
    
  
  /*section {
            padding: 60px 0;
            min-height: 100vh;
        }
        */
  .footer {
    padding: 5% 5% 5% 5%;
    background-color: #fff;
    text-decoration: none;
  }
  
  footer span{
    color: #0177b5;
  }
  
  
  .footer .widget1 p {
    font-size: 1.2rem;
    color: #717171;
    margin-top: 26px;
  }
  
  .footer .socialLinks {
    margin-top: 28px;
  }
  
  .socialLinks ul li {
    display: inline-block;
  }
  
  ul{
    list-style-type: none;
  }
  
  
  .socialLinks ul li a i {
    display: block;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    background: #0000001c;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
    line-height: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .socialLinks li::marker{
    text-decoration: none;
  }
  
  .socialLinks ul li a .fa-facebook-f {
    color: #4267b2;
  }
  
  .socialLinks ul li a .fa-instagram {
    color: #1da1f2;
  }
  
  .socialLinks ul li a .fa-tiktok {
    color: #414141;
  }
  
  .socialLinks ul li a .fa-linkedin-in {
    color: #0177b5;
  }
  
  
  .socialLinks ul li a:hover i {
    color: #fff;
  }
  
  .socialLinks ul li a:hover .fa-facebook-f {
    background: #4267b2;
  }
  
  .socialLinks ul li a:hover .fa-instagram {
    background: #d80aaf;
  }
  
  .socialLinks ul li a:hover .fa-tiktok {
    background: #060606;
  }
  
  .socialLinks ul li a:hover .fa-linkedin-in {
    background: #0177b5;
    text-decoration: none;
  }
  footer .logo {
    max-width: 200px;
  }
  
  .footer h5 {
    font-weight: 500;
    margin-bottom: 28px;
    text-transform: capitalize;
    font-weight: 600;
    color: #d2ab67;
    font-size: 21px
  }
  
  .footer .widget2 .media img {
    margin-right: 20px;
    max-width: 100px;
  }
  .footer .widget2 .media p {
    font-size: 16px;
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 600;
    line-height: 26px;
  }
  
  .footer .widget2 .media span {
    font-size: 12px;
    color: #d2ab67;
    text-transform: uppercase;
    margin-top: 15px;
    display: block;
    font-weight: 900;
  }
  
  .footer .widget2 .media {
    margin-bottom: 20px;
  }
  
  .footer .widget3 ul li a,
  .footer .widget4 ul li a {
    font-size: 16px;
    color: #d2ab67;
    text-transform: capitalize;
    margin-bottom: 14px;
    /*display: block;*/
  }

  
  .footer .widget3 ul li a:hover,
  .footer .widget4 ul li a:hover,
  .footer .widget2 a:hover p {
    color: #e04e7c;
  }
  
  .footer .widget3 h5 {
    margin-bottom: 22px;
    font-weight: 600;
    color: #000;
    font-size: 21px;
    line-height: 32px;
  }
  
  .footer .widget4 h5 {
    margin-bottom: 22px;
    font-weight: 600;
    color: #000; 
    font-size: 21px;
  }
  
  .copyRightArea {
    margin-top: 83px;
    border-top: 2px solid #0000003d;
    padding: 25px 0px 28px;
  }
  
  .copyRightArea p {
    color: #000;
  }
  /* ===== TERMINA FOOTER ===========*/
  


  /*** ===== CAROUSEL OWL ====*/

  .team-list-slider{
  	display: flex;
  justify-content: center;
  align-items: center;
}
.team-list-slider .card {
    max-width:350px;
    background-color: transparent;
    margin: auto;
    z-index: 1;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border: none;
    box-shadow: 0px 0px 7px -7px #0000002d;
}
.card .card-body .card-category {
    margin-bottom: 5px;
    margin-top: 5px;
    color: #444;
}

.team-list-slider .card img {
    max-width: 100%;
    height: auto;
    border-radius: 12px 12px 0 0;
    /*border: #d2ab67 1px solid;*/
}
.card .card-title {
    color: #000 !important;
    margin-top: 5px!important;
    margin: 5px 0 0 0;
    font-size: 1.2rem;
}

.team-list-slider .card .card-description {
    color: #000;
    margin-bottom: 5px;
    margin-top: 15px;
}
.team-list-slider .card .card-plain {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.team-list-slider .card.card-plain img {
    border-radius: 12px;
}
.team-list-slider .card .card-plain .card-body {
    padding-left: 5px;
    padding-right: 5px;
}
.team-list-slider .card-profile {
    margin-top: 30px;
}
.team-list-slider .card-profile .card-avatar {
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto 0;
    border-radius: 10%;
    overflow: hidden;
}
.team-list-slider .card .card-avatar {
        margin-top: 15px;
}
.team-list-slider .card .card-body {
    padding: 20px;
}
.team-list-slider .card-body {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    /* padding: 1.25rem; */
}
.team-list-slider .card a:not(.btn) {
    color: #fff;
}
.team-list-slider .card .card-footer {
    padding: 15px;
    background: transparent;
    border-top: 0 none;
}
.team-list-slider .card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.team-list-slider .btn-center, .card-profile {
    text-align: center;
}
.team-list-slider .text-center {
    text-align: center!important;
}
.team-list-slider .brand,
.team-list-slider .h1,.team-list-slider .h2,.team-list-slider .h3,.team-list-slider .h4,.team-list-slider .h5,.team-list-slider .h6,.team-list-slider .navbar,.team-list-slider .td-name,.team-list-slider a,.team-list-slider button,.team-list-slider h1,.team-list-slider h2,.team-list-slider h3,.team-list-slider h4,.team-list-slider h5,.team-list-slider h6,.team-list-slider input,.team-list-slider p,.team-list-slider select,.team-list-slider td,.team-list-slider textarea {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    font-weight: 300;
}
.team-list-slider a {
    color: #51bcda;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.team-list-slider p {
    font-size: 15px;
    margin-bottom: 5px;
}
.team-list-slider .h6,.team-list-slider h6,.team-list-slider p {
    line-height: 1.5em;
}
.team-list-slider img {
    vertical-align: middle;
    border-style: none;
}

/*
.icon{
  padding:8px;
}
.fa-twitter{
  color:#1da1f2;
}
.fa-linkedin{
  color:#0077b5;
}
.fa-instagram{
  color:#c13584;
}
.fa-telegram{
  color:#0088cc;
}
*/


.team-list-slider .item {
  margin: 10px;
 
    margin-bottom: 20px;

}
  /*** === TERMINA CAROUSEL OWL =====*/


    /* dots de la galeria */
.owl-carousel .owl-dots{
	padding: 0 10px;
	text-align: center;
	margin-top: 0px;
}

.owl-carousel button.owl-dot{
	height: 19px;
	width: 19px;
  /*Agregue el important para que apreciera el color*/
	background-color: rgba(157, 157, 157, 0.267) !important;
	display: inline-block;
	margin: 0 4px;
	border-radius: 30px;
}
.owl-carousel button.owl-dot.active{
	background-color: #d2ab67 !important;
}



/*MAPA*/
.map-responsive{

  overflow:hidden;

  padding-bottom:20%;

  position:relative;

  height:0;
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 30px;
  width: 90%;
  border: 3px solid  #d2ab67;

}

.map-responsive iframe{

  left:0;

  top:0;

  height:100%;

  width:100%;

  position:absolute;

}

@media (max-width: 700px) {
  .map-responsive{

    overflow:hidden;
  
    padding-bottom:70%;
  
    position:relative;
  
    height:0;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 20px;
  
  }
}

/* Termina el mapa */

/**** TITULO ****/

.section-title{
  margin-top: 3rem;
	margin-bottom: 2rem;
}

.section-title h2{
	font-size: 1.5rem;
	color: #a0a0a0;
	font-weight: 700;
	text-align: center;
	margin: 0;
}

.section-title h2 span{
	color: #d2ab67;
  border-bottom: 3px solid #2726260d;;
}


/***** TERMINA TITULO *****/



/*** BOTONES DE WHATS Y MESSENEGR ***/
.float-whatsapp,
.float-messenger{
  display: block;
  position: fixed;
  width: 60px;
  height: auto;
  border-radius: 100%;
  border: 2px solid white;
  transition: 200ms all;
  padding: 12px;
  left: 2%;
  z-index: 2;
}
.float-whatsapp{
  bottom: 24px;
  background: #25d366; 
}
a.float-messenger {
  bottom: 2%;
  background: #FFF;
}
a.float-messenger:hover,
a.float-whatsapp:hover{
  transform: rotate(25deg) scale(1.2);
}
a.float-whatsapp path{
  fill: white;
}
a.float-messenger path{
  fill: #0084ff;
}

/*** TERMINAN BOTONES DE WHATS Y MESSENGER ***/



/* === CAROUSEL === */

/* start: properties styles */
.container-carousel {
  margin: 0 auto;
  width: 100%;
  max-width: 1100px;
  position: relative;
  }

  


#properties {
  margin: 3rem 0 2rem;
  position: relative;
}

#properties h2 {
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  color: #d2ab67;
  font-weight: 700;
  font-size: 1.5rem;
  /*border-bottom: solid 3px #2726260d;*/
}

#properties .container {
  position: relative;
}
/*
#properties .container:before {
  content: "/";
  position: absolute;
  right: 70px;
  top: 8px;
  color: #999;
}*/

#properties-slider a.slick-arrow {
  color: #d2ab67;
  position: absolute;
  top: -50px;
  right: 15px;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-decoration: none;
  font-size: 1rem;
}

#properties-slider i{
  color: #d2ab67;
  font-size: 1.2rem;
}

#properties-slider a.slick-prev {
  right: 80px;
}

#properties-slider .slick-slide {
  padding: 0 15px;
}

#properties-slider img {
  width: 100%;
  display: block;

  border-start-start-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 14px 10px rgba(34, 35, 58, 0.2);
}

#properties-slider .property-details {
  padding: 1rem;
  background-color: #fff;
  border-end-start-radius: 10px;
  border-bottom-right-radius: 10px;
}

#properties-slider .price {
  font-size: 1.2rem;
  color: #343a40;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
}

#properties-slider .property-details span {
  font-size: .8rem;
  padding-right: 15px;
}

#properties-slider .property-details span.baths {
  padding-left: 10px;
}

#properties-slider .property-details span.sqft {
  padding-right: 0;
  padding-left: 10px;
}

#properties-slider .property-details span.beds,
#properties-slider .property-details span.baths {
  border-right: 1px solid #888;
}

#properties-slider .property-details address {
  font-size: 1rem;
  font-style: normal;
  margin-top: 0.5rem;
}

#properties button.rounded {
  display: block;
  margin: 2rem auto 0;
  width: 350px;
}
/* end: properties styles */

/* === TERMINA CAROUSEL === */






/* === BANER   el baner es min width ojo cuando lo edites ===*/

.page {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3rem 0;
}

.page a{
  text-decoration: none;
}

.page h1{
font-size: 1.5rem;
color: #d2ab67;
}

.page h2{
  font-size: 1rem;
}

  .component {
    margin: 0 1rem;
    background: #fff;
    box-shadow: 0 0 0.25rem rgba(black, 0.3);
    border-radius: 10px;
    padding: 1rem;
    width: 30rem;
    font-size: 1rem;
    color: #747474;
   }
  .avatar {
    background-color: darken(white, 10%);
    background-image: url('../img/OlisticLogo.png');
    background-size: cover;
    border-radius: 0%;
    width: 10em;
    height: 10em;
    margin: 0 auto;
    /*border: 0.125rem solid #ccc;*/
  }
  .user_info {
    text-align: center;
    margin: 0.5rem 0 1.25rem;
  }

    /*
      h2:before {
        content: 'Last Updated: ';
      }
      */
    
  .btn2 {
    padding: 1rem;
    font-size: 1rem;
    text-align: center;
    background: #ea899a;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 2px rgba(grey, 0.5);
    transition: all 0.2s;
  }
    .btn2:hover {
      cursor: pointer;
      background: #d2ab67;
    }
  

@media (min-width: 768px) {
  .page {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5rem auto;
  }
    .component {
      display: flex;
      align-items: center;
      padding: 1rem ;
      width: 1070px;
      font-size: 10px;
    }
    .avatar, .user_info, .btn {
      flex: 1;
    }
    .avatar {
      max-width: 10em;
      height: 10em;
      margin: 0;
      border-radius: 0;
      border: 0;
    }
    .user_info {
      text-align: left;
      margin: 0 1rem 0 1rem;

    }
    .btn2 {
      padding: 1rem;
      font-size: 1rem;
      max-width: 10rem;
    }
  }
  
/* === TERMINA BANNER ===*/