.ptt{
    padding-top: 80px;
}

.header-upper{
    background-color: rgb(255, 255, 255);
}


.theme-btn.style-two.bgc-secondary.bookUp{
    border-radius: 0px
}

.nav-outer.mx-lg-auto.ps-xxl-5.clearfix{
    width: 100%;
    padding-left: 0 !important;
}

.navigation.clearfix.N{
    width: 100%;
    justify-content: space-evenly;
    }

.navigation.clearfix.N li{
    width: 100%;
    height: 100px;
    text-align: center;
    justify-content: center;
    border-right: solid 1px darkgray;
}

.navigation.clearfix.N li:hover{
    background-color: #04979E !important;
}

.niggas a{
    color: #000 !important;
}

.navigation.clearfix.N li:last-child{
    border-right: none;
}

.navigation.clearfix.N li>a{
    font-weight: 300;
}

.far.fa-angle-down.flechita{
    display: block;
}

.dropdown-btn{
    display: none !important
}

.menu-btns.py-10.reserva{
    width: 250px;
    font-size: 18px;
    padding-top: 0;
}

.theme-btn.style-two.bgc-secondary.bookUp{
    padding-top: 37px;
    padding-bottom: 35px;
    padding-left:50px;
    padding-right: 60px;
}

.main.up{
    width: 100%;    
    background-color: #000;
    display: flex;
    align-items: center;
    padding: 10px 0 10px 0;   
}
.nombreUp{
    color: #a4a3a3;
    margin-left: 20px;
    
}
.TelUp{
    color:#d3ed0f;
    margin-left: 10px;
    font-weight: 700;
    font-size: 25px;
}
.shareUP{
    color: #fff;
    margin-left: 20px;
    font-size: 20px;    
}

.abajoMenu{
    width: 100%;
    height: 50px;
    background-color: #182752;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menuFondo{
    background-color: #f1eded;
}

.icon-bar{
    background: #000 !important;
}
.soloMovil{
    display: none !important;
}

.explore{
    text-align: center;
    color: #04979E;
    font-weight: 700;
    font-size: 35px;
}
.ligera{
    font-weight: 300;
}

.VideoBg{
    width: 100%;
}

.hero-area.bgc-black.pt-200.rpt-120.rel.z-2.aqui{
    padding-top: 350px;
}

/*dropdown*/
.dropMio{
    position: relative;
    display: inline-block;
}
.dropbtn {
  background-color: #f1f1f1;
  color: black;
  padding: 25px 20px 25px 20px;
  font-size: 18px;
  font-weight: 500;
  border: none;
  cursor: pointer;
}
.btnsinDrop {
  background-color: #f1f1f1;
  color: black;
  padding: 25px 20px 25px 20px;
  font-size: 18px;
  font-weight: 500;
  border: none;
  cursor: pointer;
}

.drop-cont {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.drop-cont a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.drop-cont a:hover {
    background-color: #EE8C21;
}


.dropMio:hover .drop-cont {
  display: block;
}
.dropMio:hover .dropbtn {
  background-color: #04979E;
  transition: all ease-in .25s;
  color: #fff;
}
.search-filter-inner.aos-init.aos-animate{
    flex-direction: column;
    background-color: #fff;
}
.fixMenu{
    display: flex;
}
.tituDrpMio{
   font-size: 30px;
   padding-bottom: 20px;
   font-weight: 700;
   color: #EE8C21;
}
/*fin de dropdown*/

.search-filter-inner div{
    border-color: darkgray !important;
    width: 100%;
    text-align: center;
}

.search-filter-inner div:last-child{
    border: none;
}

.text-white{
    color: #000;
}

.Acenter{
    text-align: center;
}

.textBlack{
    color: #000!important;
}


.bgc-verde{
    background-color: #ffffff;
    height: 323px;
}

.estasAqui{
    background-color: #04979E;

}

.page-banner-area{
    margin-top: 197px !important;
    border-radius: 0;
}
/*manuel antonio*/
.page-banner-area.manuelArea:before {
    display: none; }
.blanquito{
    color: #FFF;
}

.ResalteBlanco{
    font-weight: 700;
    color: #fff;
}
.read-more.botonAma{
    background-color: #f1c011;
    padding: 10px 70px;
    border-radius: 3px;
    color: #000 !important;
    font-weight: 700;
}

.read-more.botonAma:hover{
    background-color: #FFF;
    text-decoration: none;

}

.read-more.botonVer{
    background-color: #839f7a;
    padding: 15px;
    border-radius: 3px;
    color: #000 !important;
    font-weight: 700;
}

.read-more.botonVer:hover{
    background-color: #FFF;
    text-decoration: none;

}

.destination-footer{
    text-align: center;
}
.Cel{
    display: none;
}

.centrar{
    text-align: center;
}

.hotel-area{
    padding-left: 15px;
    padding-right: 15px
}

/*FORMS*/
.product-details{
    margin-bottom: 250px;
}
.personal{
    width: 100%;
}

.linea{
    margin: 0 !important;
}


.nice-select.selectpicker.childticket{
    margin-left: 40px !important;
}

/*boat detail*/
.listDetails{
    display: block;
    width: 50%;
}
.listDetails li{
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: 300;
}
.iconFaw{
    font-size: 25px;
    font-weight: 500;
    color: #5d614c;
}

/****DATEPICKER****/
#ui-datepicker-div{
    width: 20%;
    height: auto;
    background-color: #fff !important;
    padding: 20px 30px;
    border: solid 1px #afafaf;
}

.ui-datepicker-calendar{
    width: 100%;
	background-color: #FFFFFF;
	
	padding: 1.5rem;
	border-radius: 10px;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{
    background-color: #fff;
    margin: 0;
}

.ui-datepicker-title{
	color: #000 !important;
    text-align: center;
    width: 100%;
  
}
.ui-icon {
	text-indent: 1px !important;
	color: rgb(4, 56, 153);
}

.ui-datepicker-header{
    font-size: 1.2rem;
    padding: 5px;
    background-color: unset !important;
    display:flex ;
    flex-flow: wrap;
    
}
.ui-datepicker-prev.ui-corner-all{
    width: 50%;
}

.ui-datepicker-next.ui-corner-all{
    width: 50%;
    text-align: right;
}

.ui-datepicker-unselectable.ui-state-disabled{
    background-color: #cccccc;
}
.ui-state-default{
    border-radius: 4px;
}

.just{
    color: #fdaf08;
    text-align: center;
}

.prueba{
    color: #04979E !important;
    font-size: 100px !important;
}



/*medias querys nuevas*/
/*media para tabletas*/
/*media para celulares*/
@media only screen and (max-width: 991px) {
.ptt{
    padding-top: 237px;
}

.noseve{
    display: none !important;
}



    .main.up{
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

   .menuFondo{
    padding: 0 0 0 0;
   }
   .nombreUp{
    font-size: 15px;
    
    
   }
   .TelUp{
    font-size: 20px;
   
    
   }
   
   .menuFondo{
    background-color: #ffffff;
    
   }
   .main-menu.navbar-expand-lg{
    padding: 10px 15px 10px 15px;
   }

   .nigga{
    color: #fff;
   }

   .main-menu .navbar-collapse > ul{
    background-color: #171B0A;
   }
   .navigation.clearfix.N li{
    border: none;
   }
   .navigation.clearfix.N li:last-child{
    border: none;
   }
   .soloMovil{
    display:block !important;
   }
   .TelDrop{
    color:#d3ed0f !important;
    font-weight: 700 !important;
    font-size: 35px !important;
   }
   .explore, .ligera{
    font-size: 20px;
}

    .container-fluid.heroVid{
        padding: 0;
    }
    .hero-area.bgc-black.pt-200.rpt-120.rel.z-2.aqui{
    padding-top: 264px;
}

    .main-hero-image.bgs-cover{
        height: auto;
    }
    .fixMenu{
    flex-direction: column;
}
    .search-filter-inner div{
    border: none !important;
}
.search-filter-inner.aos-init.aos-animate{
    background-color: #232C26;
}

.dropbtn {
    background-color: #fff;
  }

  .filter-item.clearfix.noMar{
    margin-bottom: 5px;
    padding-right: 0;
   }
  .fixMenu div{
    border-radius: 5px;
  }

  .bgc-verde{
    height: auto;
}
/* about us*/
.page-banner-area{
    margin-left: 0;
    margin-right: 0;
    background-position: left;
}

.page-banner-area.manuelArea{
    background-size:100%;
    background-repeat: no-repeat;
    min-height: 208px;
}

/*Quepos*/
.destination-footer{
    justify-content: center !important;
    text-align: center;
}
.price{
    font-size: 30px !important;
    margin-bottom: 20px !important;
}

.Cel{
 display: initial;
}
.noCel{
    display: none;
}
.manuelArea{
    display: none;
}
.hotel-area{
    margin-top: 150px;
    padding-left: 0;
    padding-right: 0;
}

/* Boat Tour*/
.page-banner-area{
    display: none;
}

.text-justify{
    text-align: justify;
    padding: 0 10px;
}

.product-details{
    margin-top: 150px;
}

.tourDet{
    flex-wrap: wrap;
    
    background-color: #e6e6e6;
}
.listDetails{
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #c6c5c5;
    padding: 30px 0;
}
.listDetails h5{
    font-size: 50px;
    margin-bottom: 20px;
    color: #EE8C21;
}

.tourDet ul:last-child {
    border-bottom: none;
}

/*date picker*/
#ui-datepicker-div{
    width: 90%;
}


}