/*------SECCIÓN ROOMS & VILLA -------*/
  
.villasejemplo1{
  background-image: url(../images/rooms/villas/slider/slider1.jpg)
}
.villasejemplo2{
  background-image: url(../images/rooms/villas/slider/slider2.jpg)
}
.villasejemplo3{
  background-image: url(../images/rooms/villas/slider/slider3.jpg)
}
.villasejemplo4{
  background-image: url(../images/rooms/villas/slider/slider4.jpg)
}
.villasejemplo5{
  background-image: url(../images/rooms/villas/slider/slider5.jpg)
}
/*AIRE SUITE*/
  .airesuite-1{
  background-image: url(../images/rooms/villas/slider/aire-suite/aire-suite-1.jpg)
}
    .airesuite-2{
  background-image: url(../images/rooms/villas/slider/aire-suite/aire-suite-2.jpg)
}
  /*tierra SUITE*/
  .tierrasuite-1{
  background-image: url(../images/rooms/villas/slider/tierra-suite/tierra-suite-1.jpg)
}
    .tierrasuite-2{
  background-image: url(../images/rooms/villas/slider/tierra-suite/tierra-suite-2.jpg)
}
    /*PREMIER-JUNGLE*/
  .premierjungle-1{
  background-image: url(../images/rooms/villas/slider/premier-jungle/premier-suite-1.jpg)
}
  .premierjungle-2{
  background-image: url(../images/rooms/villas/slider/premier-jungle/premier-suite-2.jpg)
}
      /*PREMIER-SUITE*/
  .premiersuite-1{
  background-image: url(../images/rooms/villas/slider/premier-suite/premier-suite-1.jpg)
}
  .premiersuite-2{
  background-image: url(../images/rooms/villas/slider/premier-suite/premier-suite-2.jpg)
}
        /*MASTER-SUITE*/
  .mastersuite-1{
  background-image: url(../images/rooms/villas/slider/master-suite/master-suit-3.jpg)
}
  .mastersuite-2{
  background-image: url(../images/rooms/villas/slider/master-suite/master-suit-1.jpg)
} 

.icon-amenities img {
  width: 65px;
  height: auto;
  margin: 0 20px;
  cursor: pointer;
}
.icon-amenities{
border-bottom: none;
}
.villa-right{
border-right: 2px solid #6c6867;
height: 18rem;
margin-bottom: 2rem;
}
.icon-villas{
margin-top: 3rem;
}
.villas-btn{
  color: #474241 !important;
  background-color: transparent !important;
  border-color: #474241 !important;
  height: 3rem;
  font-family: 'nexa';
  font-size: 1rem;
  letter-spacing: .4em;
  border-radius: 1px;
  padding: 0px 20px 1px 20px;
  line-height: 1.2;
  margin-top: 2rem;
  font-size: .9rem;
  margin-left: 1rem;
}
.iconvillas {
margin-top: 1rem;
margin-bottom: 1rem;
}
.iconamenities{
border-bottom: none;
}
.iconamenities img {
width: 50px;
height: auto;
margin: 0 10px;
cursor: pointer;
}
.villaright {
border-right: 2px solid #6c6867;
height: 18rem;
padding-right: 1rem;
}
.villa-234{
  border-right: 2px solid #6c6867;
  height: 9rem;
  padding-right: 1rem;
}
.villa-233{
  border-right: 2px solid #6c6867;
  height: 11rem;
  padding-right: 1rem; 
}
.mrgt-345{
  margin-top: -4rem;
  margin-bottom: 1.5rem;
}
.mgtop-801{
  margin-top: 80px;
}
.header_content {
  width: 129% !important;
}
.badge-new{
  background-color: #ff8f2e;
}
.img-villas{
  width: 3rem;
}
.img-villasv{
  width: 10rem;
}
.art-villas{
  position: absolute;
  top: 280px;
  z-index: 100;
  left: 0px;
}
.art-villass{position: absolute;
top: 186px;
z-index: 100;
left: 0px;
}


/*imagen de efecto*/
.div-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.div-img .img{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.div-img .text {
  font-family: 'nexa';
  font-size: 10px;
  padding-top: 9px;
  display: block;
  text-align: center;
  width: 100%;
  letter-spacing: initial;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.tex-xt{
  padding-top: 15px !important;
  letter-spacing: initial;
  margin-right: .3rem;
}
.div-img:hover .img{
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-img:hover .text {
  transform: translate(0px, -20px);
  opacity: 1;
}
/*fin*/

/*FIn de nuevos estilos*/
/*responsivos*/
@media (min-width: 400px) and (max-width: 414px) {
  .floot-center{
    text-align: center;
  }
  .mgtop-801{
    margin-top: 0px;
  }
  .resp-vb{
    margin-top: -4rem !important;
  }
  .villa-right {
    border-right: none;
    height: 18rem;
    margin-bottom: 2rem;
}
.mrgt-345 {
  margin-top: 2.6rem;
}
.villa-234 {
  border-right: none;
  height: 12rem;
}
.villa-233{
  border-right: none;
  height: 12rem;
}
.iconamenities img {
  margin: 0 20px;
}
}
@media (min-width: 351px) and (max-width: 399px) {
.mgtop-801{
  margin-top: 0px;
}
.floot-center{
  text-align: center;
}
.resp-vb{
  margin-top: -4rem !important;
}
.villa-right {
  border-right: none;
  height: 18rem;
  margin-bottom: 2rem;
}
.mrgt-345 {
  margin-top: 2.5rem;
}
.villa-234 {
  border-right: none;
  height: 12rem;
}
.villa-233{
  border-right: none;
  height: 18rem;
}
.iconamenities img {
  margin: 0 20px;
}
}
/*Pequeños-ultra*/
@media (min-width: 250px) and (max-width: 350px) {
  .mgtop-801{
    margin-top: 0px;
  }
	.floot-center{
    text-align: center;
  }
  .resp-vb{
    margin-top: -4rem;
  }
  .villa-right {
    border-right: none;
    height: 18rem;
    margin-bottom: 2rem;
}
.servp{
  margin-top: 7rem;
}
.mgt-btn001{
  margin-top: -8rem;
}
.title-serv{
  font-size: 1rem;
}
.icon-amenities img {
  width: 50px;
  height: auto;
  margin: 0px 10px;
}
.mrgt-345 {
  margin-top: 1rem;
}
.villa-234 {
  border-right: none;
  height: 18rem;
  padding-right: 1rem;
}
.villa-233{
  border-right: none;
  height: 18rem;
}
.text-aire{
  font-size: 13px !important;
}
	/* Solo se aplicarán entre los tamaños indicados */
}