@charset "UTF-8";
/* CSS Document */
/*RESPONSIVE NAVBAR>>>>>><>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

:root {
--FOOTERdark: black}

.topnav {
  /*background-color: var(--primColor);*/
 /* background-image: linear-gradient(160deg, var(--primColor), var(--primColor), var(--primColor), var(--secondaryColor), var(--lightBackground));*/
 /*blur*/
    background-color: rgba(255, 255, 255, 1);

  padding: 0px;
  margin: 0px;
  position: fixed;
  top:0px;
  width: 100%;
  min-width: 300px;
  display: flex;
  justify-content: space-between;
  height: 90px;
  display: flex;
  align-items: center;
  z-index: 100000;


}

.vaquitaTopnav{
      background-color: #000000 !important;
      color: white;
      border-bottom: solid;

}
.topnav a{
}
.topnav li{
	display: inline;
	clear: both;
	font-size: 14px;
          font-family: 'raleway';

}
.activenav {
  display: flex;
  color:#15153A;
  width: 100px;
   	/*border: solid orange;*/

}

.navwave{
	top: 60px;
	position: fixed;
	width: 100%;
	z-index: 1;
	max-width: 2500px;
}
.logo{
    height: 80px;
    width: auto;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    cursor: pointer;
}
@media screen and (max-width: 468px) {
 .navwave{
  top: 55px;
 }
}
  .middle_hamb{
  	  	display: flex;
  	  	align-items: center;
  	  /*	border: solid salmon;*/
      cursor: pointer;
      width: 50%;
      justify-content: center;
      font-size: 10px;
  }
  .topnav .hamburguer{
  	font-size: 15px;
  	cursor: pointer;
  	/*border: solid cyan;*/
  	display: flex;
  	justify-content: flex-end;
      margin-right: 8px;

  }
  .hamburguer:hover{
    color: lightgray;
  }


.navy-wrap{
	display: flex;
	align-items: center;
    justify-content: flex-start;
    /*border: solid slateblue;*/
}

.knav{
		display: flex;
	align-items: center;
	justify-content: flex-end;
}	
.wrap-navcoll{
	height: 80px;
	display: flex;
 flex-direction: row;
 justify-content: flex-end;
 align-items: center;
 /*border: solid blue;*/
}
.navcollapse{
 display: none;
 flex-direction: row;
 justify-content: flex-end;
 align-items: center;
  padding-inline-start:0px;

  }
@media screen and (min-width: 3840px) {
.knav{
		height: 100px;
	}
}
.navcollapse li{
	 list-style-type: none;
	 margin-right:25px;
	 cursor: pointer;

}
@media screen and (max-width:5000px){
		.knav{
	    margin: 0px;
      width: 100%;
      position: absolute;
      right: 0px;
      top: 0px;
		}
		
	
	}

/*responsive>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
@media screen and (max-width: 5000px) {
/*  .topnav a:not(:first-child),*/
  .topnav li,
  .topnav nav {
    display: none;
  }
     .middle_hamb {
    display: flex;
    color: #071e42;

  }
.middle_hamb {
    display: flex;
        position: relative !important;

  }
}

@media screen and (max-width: 5000px) {
	.wrap-navcoll{
		height: 0px;
	}
    .topnav.responsive .navcollapse{
   	flex-direction: column;
   	align-items: flex-start;
   	position: absolute;
   	top: 60px;
   	right: 0px;
   	/*blur*/
  	background-color: rgba(255, 255, 255, 1);
  	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
    border: solid  red .5px;
    display: flex;
  }
  .topnav.responsive .navcollapse li{
   margin: 15px 25px;
   color: black;
  }
  .topnav.responsive {
	  position: fixed;
	  top: 0px;
	  background-color: ;
	  display: flex;
	}
  .topnav.responsive .hamburguer {
   
    
        position: relative !important;

  }

	.topnav.responsive li{
    display: block;
	}
  .topnav.responsive a {
    float: none;
    /*display: block;*/
  }

 

   .topnav.responsive nav{
    display: block;	
	text-align: left;
	}
 

}

/*end responsive*/


@media screen and (min-width: 5000px) {
.href-none {
	pointer-events: none;
  }
}




/*configuration dropdown>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.dropdown-content{
  display: none;
  overflow: auto;
  position: absolute;
  right: 0px;
  top: 60px;
  width: 200px;
  height: 245px;
}
.dropdown-content-inner {
    position: absolute;
    background-color: white;
    width: 200px;
  height: auto;
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);
    z-index: 15;
  border-radius: 5px;
  border: solid .5px #CACACA;
  right: 0px;
  top: 0px;
  padding: 10px;
  
}

@media screen and (max-width: 500px) {
  .knavdropdown-content{
    padding: 0px;
    position: relative;
    width: 100%;
    display: block;
    background-color: transparent;
}
  .dropdown-content-inner{
    margin: 0px;
    box-shadow: none;
    width: 100%;
    padding: 0px;
    top: 0px;
    left: 0px;
    border: none;
  }
  .knc-inner {
    background-color: transparent;
    color:  white;
 }
 .sub-dropd a{
  color: white;
 }
}

.dd-content-a {
    float: none;
    color: #15153A !important;
    text-decoration: none;
    display: flex;
  flex-direction: column;
  margin: 0px;
  font-size: 13px !important;
}

.reg{
  border: solid gray 1px;
  width: 175px;
  height: 25px;
  border-radius: 5px;
  margin: 4px 0px;
  padding: 0px 5px;
}
@media screen and (max-width: 500px) {
  .dd-content-a{
    flex-direction: block;
    padding-left: 5px;
  }
  .regtit{
  
  }
  .regwrap{
  display: flex;
  flex-direction: row;
    }
  .reg{
  border: solid gray 1px;
  height: 25px;
  width: 43vw;
  border-radius: 5px;
  margin: 4px 3px;
}
}
/*configuration dropdown<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*RESPONSIVE NAVBAR*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.knavdropdown-content{
  display: none;
  position: absolute;
  right: 0px;
  min-width: 80px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 30;
  background-color: transparent;
  border-top: solid 3px var(--emphaColor);
    border-radius: 0px 0px 5px 5px;

}

.knc-inner{
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  background-color: white;
border-radius: 0px 0px 5px 5px;
  color: black;
  
}
.knavdropdown-content a{
  color: black;
  font: 14px 'sf regular';
  padding: 12px 10px 6px;
}
.knavdropdown-content a:hover{
  color: white;
  background-color: var(--burgundy2);
}
.dropdown:hover .knavdropdown-content {
  display: block;
}
.sub-dropd{
  display: flex;
  flex-direction: column;
}
.sub-dropd a{
  padding: 10px 20px 10px 20px !important;
  font-size: 15px;
  color: dimgray;
  border-radius:  0px !important;

}


/*::::::::::::::::::::::::::::::footer::::::::::::::::::::::::::::::::::::::*/
footer{

	width: 100%;
  min-width: 350px;
    background-color: var(--footer);
  color: black;
  padding: 20px 0px 50px 0px;
  border-top: solid 1px black;
}

.footer_dark{
  background-color: var(--FOOTERdark); !important;
  color: white !important;
}
.line{
  width: 80%;
  height: 0px;
  border: solid 1px;
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: 35px;

}
.footer-innerwrap{
  display: flex;
  flex-direction: column;
  height: 300px;
  justify-content: space-between;
  padding-left: 10%;

}
.footer_title{
     margin-left: 15px;
     display: flex;
     font-size: 20px;
     padding-left: 20px;
     align-self: flex-start;

}
.fitem{
	display: flex;
  flex-direction: column;
	margin-left: 10px;
	margin-bottom: 0px;
  margin-top: 0px;
  cursor: pointer;
  width: max-content;
}
.contact_box{
	display: flex;
	flex-direction: column;
    align-items: flex-end;
    border: solid 1px;
    margin:0px 3% 0px 3%;
    align-self: flex-end;
}
@media screen and (max-width:600px){
   .contact_box{
   	flex-direction: column;
  }
}
.footer_content{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 10px;
  margin: 8px 0px;
}
.footer_content i:hover{
 color: var(--primColor);
  -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    font-weight: bold;
}
.footer_icon{
  font-size: 20px;
}

.footer_content:hover{
 color: var(--primColor);


}

.footer_content a{
  display: flex;
  flex-direction: row;
  align-items: center;
  word-break: break-all;
}

.mailwrap{
  padding: 0px;

}
.mail{
	    font-size: 2.25rem;
	    font-family: 'raleway';
      margin-top: 5px;
      font-weight: 800;
}
.whatssbox{
  margin-top: 30px;
  /*border: solid magenta;*/
}
.whatss{
      font-family: 'raleway bold';
      font-size: 1rem !important;
      color: mediumseagreen;
      border-radius: 50px;
      background-color: #dedef0;
     text-align: center;
     padding: 10px;
     margin: .51em 2px;
     width: 55px;
}
.wi{
 font-size: 45px;
    background-color: #0DC143;
    border-radius: 50%;
    color: white;
    padding: 5px 7.5px;
}
.wi:hover{
  color: var(--bright);
  background-color: white;
}



.reserve_butt_wrap{
  display: flex;
  flex-direction: column;
  width: 100px;
  align-items: center;
  height: 90px;
  justify-content: space-evenly;
  padding-right: 10px;
  padding-left: 3px;
}

.middle_hamb div{
  font-size: inherit;
}