.banner{
  height: 520px;
  margin-top: 0px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.banner::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.31);
}
.banner h2{
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 105px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}
.banner__contenedor {
    margin: 0px 0px 60px 150px;
}
.banner__contenedor::before {
    content: "";
    width: 12%;
    height: 1px;
    position: absolute;
    background: #fbb900;
    left: -5%;
    bottom: 0;
    top: -15px;
    margin: auto;
}
.banner h3{
  font-family: Raleway;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
}
/* NOSOTROS **********************************************/
.Pnosotros{
  padding-top: 100px;
}
.Pnosotros__intro__rigth {
    background: rgba(114, 112, 110, 0.8392156862745098);
    position: relative;
    margin-top: 55px;
    box-shadow: 0px 8px 16px rgba(13, 19, 25, 0.04);
}
.Pnosotros__intro__rigth h3 {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    padding-left: 50px;
    position: relative;
}
.Pnosotros__intro__rigth h3:before {
    left: 0;
    content: "";
    height: 1px;
    width: 36px;
    background: #FBB900;
    top: 8px;
    position: absolute;
}
.Pnosotros__intro__rigth h2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 52px;
    letter-spacing: 0.1em;
    color: #fff;
}
.Pnosotros__intro__rigth p {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding-bottom: 25px;
}
.Pnosotros__left__img {
    max-width: inherit;
}
/************************NOSOTROS**************************************/
/****************************SERVICIOS********************************/
.Pservicios{
  padding-top: 50px;
}

.Pservicios__intro__left h3 {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #C5C6C8;
    padding-left: 50px;
    position: relative;
}
.Pservicios__intro__left a:hover {
    color: #FBB900;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}
.Pservicios__intro__left a:after {
    right: -25px;
    content: "";
    height: 1px;
    width: 15px;
    background: #FBB900;
    top: 8px;
    position: absolute;
}
.Pservicios__intro__left a:before {
    left: -25px;
    content: "";
    height: 1px;
    width: 15px;
    background: #FBB900;
    top: 8px;
    position: absolute;
}
.Pservicios__intro__left a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1em;
    color: #0D1319;
    position: relative;
    top: 15px;
    margin: 0 25px;
}
.Pservicios__intro__left h3:before {
    left: 0;
    content: "";
    height: 1px;
    width: 36px;
    background: #FBB900;
    top: 8px;
    position: absolute;
}
.Pservicios__intro__left h2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 52px;
    letter-spacing: 0.1em;
    color: #0D1319;
}
.Pservicios__intro__left p {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #6E7175;
}
.Pservicios__contenedor__servicios {
    text-align: center;
    height: 250px;
    border-bottom: 2px solid #FBB900;
    margin-top: 80px;
}
.Pservicios__contenedor__servicios img{
  margin-bottom: 15px;
}
.Pservicios__contenedor__servicios h2{
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.1em;
  color: #0D1319;
}
.Pservicios__contenedor__servicios h3{
  font-family: Raleway;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #6E7175;
}


/************************INSTALACIONES***************************************/
.Pinstalaciones{
  padding-top: 50px;
}
.Pinstalaciones b{
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: #FBB900;
}
/*****************************************DETALLES*********************************************/


.Pdetalles{
  padding-top: 50px;
}
.Pdetalles-slider .carousel-cell h2{
  font-family: Poppins;
  font-style: normal;
  font-weight: 200;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  position: absolute;
  bottom: 48px;
  left: 0;
  right: 0;
}
.Pdetalles .flickity-slider{
  background: #fff;
}
.Pdetalles .flickity-viewport {
    height: 400px!important;
    background: #fff;
}
.Pdetalles .carousel-cell {
  width: 100%;
  height: 100%;
  margin-right: 10px;
  background: transparent;
}

.Pdetalles .carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.slider-desktop{
  display: none;
}


.habitaciones__titulo h2 {
    font-size: 35px;
}

@media (max-width: 576px){
	.Pservicios__contenedor__servicios h2 {
		margin-top: 0px!important;
	}
	.Pnosotros__intro__rigth{
		padding:25px;
	}
	.Pnosotros__left__img{
		max-width:100%;
	}
}
 @media (min-width: 576px) and (max-width: 767.98px) {  
	.Pservicios__contenedor__servicios h2 {
		margin-top: 0px!important;
	}
	.Pnosotros__intro__rigth{
		padding:25px;
	}
	.Pnosotros__left__img{
		max-width:100%;
	}
}

 @media (min-width: 768px) and (max-width: 991.98px) {
	 .Pservicios__contenedor__servicios h2{
		margin-top: 0px!important; 
	 }
	 .Pnosotros__intro__rigth{
		 padding:25px;
	 }
	 .Pnosotros__left__img {
    	max-width: 100%;
	}
   .banner h2 {
    font-size: 70px;
  }
}

 @media (min-width: 992px) and (max-width: 1199.98px) {
	 .navbar-nav li {
    	margin-right: 25px;
		font-size: 10px;
	 }
	 .Pdetalles-slider .carousel-cell h2{
		 bottom:100px;
	 }
	 .banner h2 {
	 	font-size: 50px;
	 }
	 .Pservicios__contenedor__servicios h2{
		margin-top: 0px!important; 
	 }
	 .Pnosotros__intro__rigth{
		 padding:25px;
	 }
	 .Pnosotros__left__img {
    	max-width: 100%;
	}
   .Pdetalles .carousel-cell {
    width: 30%;
    }
   .slider-desktop{
     display: block;
   }
   .slider-responsive{
     display: none;
   }
 }
@media (min-width: 1400px) {
	 .Pdetalles-slider .carousel-cell h2{
	    bottom: 100px!important;	 
	 }	
	.Pnosotros__intro__rigth {
		padding-top: 125px!important;
		padding-left: 150px!important;
		padding-right: 175px!important;
	}
}
 @media (min-width: 1200px) {
	 
	 .Pdetalles-slider .carousel-cell h2{
	    bottom: 100px;	 
	 }
   .slider-desktop{
     display: block;
   }
   .slider-responsive{
     display: none;
   }

   .banner h2{
     font-size: 45px;
     line-height: 67px;
   }
   /* NOSOTROS **********************************************/
   .Pnosotros{
     padding-top: 100px;
   }
   .Pnosotros__intro__rigth {
  padding-top: 125px;
    padding-left: 85px;
    padding-right: 175px;
       padding-bottom: 120px;
       position: absolute;
       width: 100%;
       top: 100px;
   }

   .Pnosotros__intro__rigth p {
       padding-left: 50px;
      padding-bottom: 0px;
   }
   .Pnosotros__left__img {
       width: auto;
   }
   /************************NOSOTROS**************************************/
   /****************************SERVICIOS********************************/
   .Pservicios{
     padding-top: 100px;
   }

   .Pservicios__intro__left p {
       padding-left: 50px;
   }
   .Pservicios__contenedor__servicios {
       margin-bottom: 80px;
       margin-top: 0;
   }
   .Pservicios__contenedor__servicios img{
     margin-bottom: 15px;
   }


   /************************INSTALACIONES***************************************/
   .Pinstalaciones{
     padding-top: 50px;
   }
   .Pinstalaciones b{
     padding-left: 50px;
   }
   /*****************************************DETALLES*********************************************/


   .Pdetalles{
     padding-top: 100px;
   }

   .Pdetalles .flickity-slider{
     background: #fff;
   }
   .Pdetalles .flickity-viewport {
       height: 600px!important;
       background: #fff;
   }
   .Pdetalles .carousel-cell {
     width: 30%;
   }


 }