:root {
--primColor: #daccb0;
--secondaryColor:#70cbbd;
--accentColor:#efefef;
--background:#f8f0ea;
--backgroundEmpha:white;
--iconEmpha: #20a7b4;
--lightBackground:#eae8e2;
--secondBackColor:#f0fffb;
--sandBackground: #fef3e1;
--formColor: #d8c8b7;
--mainBackColor:;
--dark:#;
--basicGradient: rgb(105 81 114 / 80%);
--mainText: #757574;
--footer: white;
--backVaquita: black;
--backMandala: black; /*#d2a227;*/
--backBagatelle:#07133e;
--backVIP: #f8f0ea ;
}

.try{
	border: solid red;
	background-color: white;
	margin-top: 100px;
	width: 200px;
	height: 100px;
	cursor: pointer;
	margin-left: 200px;
	z-index: 1000000;
}
.EmphaText{
 color: var(--secondaryColor) !important;
 font-family: 'gill semibold' !important;
}

#form_vaquita{
	color: black !important;
}


.colorMandala{
	background: var(--backMandala) !important;
	color: #bea161 !important;
}
.colorBagatelle{
	background: #f8f0ea !important;
	color: var(--backBagatelle) !important;

}
.textBagatelle{
	color: var(--backBagatelle) !important;
}
.colorVaquita{
background: var(--backVaquita) !important;
color: white !important;

}
.colorBajaVIP{
	background: var(--backVIP) !important;

}



.color_formBagatelle{
background-color: rgb(6 19 62) !important;
}
.color_formMandala{
 background-color:rgb(113 103 85 / 84%) !important;
}
.color_formVaquita{
 background-color:rgb(103 70 113 / 50%) !important;
}
.color_formBajasur{
}



nan{
	display: flex;
}

.main_animation{
 animate__bounce
}
.openbox, .closebox{
	background-color: purple;
	height: 100px;
	width: 100%;
}
.displayjs{
	display: flex !important;
}
.perfectcentering{
	display: flex;
	align-items: center;
	justify-content: center;
	/*border:  dashed 6px blueviolet;*/
}
.sevenh{
	width: 100px;
	height: 50px;
	background-color: deeppink;
	display: none;
}
.displayblock{
	display: block;
}
.displayblock-imp{
	display: block !important;
}
.relative{
	position: relative;
}
*{
	    font-family: 'gill light';
	    box-sizing: border-box;
	    font-size: 15px;
}
a{
	text-decoration: none;
	color:  inherit;
	word-break: break-word;
}

section{

	display: flex;
}
article{
	padding-bottom: 20px;
	display: flex;
	min-width: 350px;

}
html{
min-width: 300px;
display: flex;
flex-direction: column;
	flex-direction: column;
    align-items: center;
   /* border: dotted 10px coral;*/
   overflow:scroll
}
.above{
	z-index: 1;
}

.purrfect{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 40px 0px;
	position: relative;
}


.vaquitaprint{
	  /* background: url(../images/vaquitaprint.png);*/
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
}
.mandalalight{
   width: 15%;
   position: absolute;
   top: 0px;
   right: 0px;
   display: none;

}

.mandalaprint{
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
}
body{
	margin: 0px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-width: 350px;
    /*overflow-x: hidden;*/

}
body, .overpic, .videolarge{
       max-width: 2000px;

}
html{

}
@media screen and (max-width:1600px){
	body{
		

	}
	html{
	}

}
main{
	width: 100vw;
	display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 350px;
}
h1, h2, h3{
	font-weight: initial;
	cursor: default;
}
h1{
 font-size: 80px;
 font-family: 'gill bold';
 margin: 0px;
  margin-bottom: 10px;
  cursor: default;


}
h2{
 font-size: 18px;
 margin: 10px 0px 5px 0px;
 cursor: default;
     font-family: 'gill semibold';

}

h3{
 font-size: 20px;
 	font-family: 'gill semibold';
 cursor: default;
margin-top: 0px;
}

h4{
	 font-size: 20px;
	 cursor: default;
	 margin: 10px 0px;
    color: white;
     font-family: 'gill semibold';
     -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance:none;
      text-shadow: 1.5px 1.5px 4px #000000;
      -webkit-text-shadow: 1.5px 1.5px 4px #000000;
      font-weight: 100;

}

h5{
	 cursor: default;
	 margin: 0px 30px;
 	font-family: 'gill semibold';
 	font-size: 16px;
 	text-align: center;
 	font-weight: 100;


}
h6{
 font-size: 45px;
 	font-family: 'gill sans';
 margin: 0px 0px 5px 0px;

 cursor: default;
}

p{
	cursor: default;
}

b{
	font-family: 'gill semibold';
	display: inline;
	font-weight: 100;
}
em{
font-style: normal;

}
li{
	list-style: none;

}

.fake_close_style{
	background-color: white;
	cursor: pointer;
	z-index: 1000000;
	display: none;
	position: absolute;
	right: 20px;
	font-size: 12px;
	top: 190px;
	padding: 5px;
	color: black;
}
#idModal {
    padding-top: 180px;
}
.modal-notif{
display: flex;
    justify-content: center;
    position: fixed;
    z-index: 10000;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);;
    color: black;
    width: 100%;
}
.modal-notif2{
display: flex;
    justify-content: center;
    position: fixed;
    z-index: 10000;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);;
    color: black;
    width: 100%;
}
.modalk{
 display: none;
 position: fixed; 
  z-index: 100;
  padding-top: 35px; 
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.7); 
}
.inner-modal-notification{
 margin: 80px auto;
 background-color: white;
 max-width: 500px;
 width: 50vw;
 border-radius: 5px;
 padding: 50px 10px 20px;
 z-index: 22;
	}
.modal-text{
 margin: 10px 50px;
 text-align: center;
 font: 20px 'gill light';
}
.innermodal{	    
    height: 200px;
    max-width: 800px;
    background-color: var(--lightBackground);
    border-radius: 10px;
    margin-top: 200px;
    margin-left: 20px;
    margin-right: 20px;
        height: fit-content;


}

.innermodal2{	    
    height: 200px;
    max-width: 800px;
    background-color: var(--lightBackground);
    border-radius: 10px;
    margin-top: 200px;
    margin-left: 20px;
    margin-right: 20px;
        height: fit-content;


}
.closemodal-wrap{
	display: flex;
	justify-content: flex-end;
	width: 100%; 
	padding: 15px 0px;
	height: 20px;
}
.closemodal{
    text-align: right;
    margin: 0px;
    cursor: pointer;
    position: absolute;
    top: 110px;
    right: 25px;
    color:  white;
    width: 30px;
    height: 30px;
    z-index: 100000;
}
.closemodal::after{
	content: "\f00d";

	font-family: "Font Awesome 5 Free" ;
	margin-right:0px;
	font-size: 20px;
	padding: 0px 3px;
	width: 55px;
		cursor: pointer;
		color:white;
}
.closemodal:hover{
		color: #78c35e !important;

}
.wrap-error-handler{
	margin-left: 15px;
}

.wrong{
	color: red;
	font-size: 40px;
}
.right {
    background-color: white;
    padding: 20px;
    color: black;
        border-radius: 2px;
    text-align: center;
}

.right p{
color: #578c44;
	margin: 0px;
 /**/
}
.right p b{
color: #578c44;
 /**/
}

.right b{
	color: black;
	font-weight: 100;
}
 

 .right i{
	color: #78c35e;
	font-size: 20px;
	margin-right: 5px;
 }


/*::::::::::::::::::::::::::::::landing section::::::::::::::::::::::::::::::::::::::*/

.landing{
/*height: calc(100vh - 30vh); /* Subtract the height of the previous sections */
position: relative;
width: 100%;
display: flex;
flex-direction: column;

}
.portadafoto{
   font-style: normal;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: end;
  /* background: url(../images/portrait3.jpeg);*/
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 450px;
   padding: 20px;


}


.mtext_index_wrap{
	display: flex;
	justify-content: center;
    align-items: center;
	flex-direction: column;
	padding-top: 10vw;

}

.portraTitle{
 color: white;
    text-shadow: 5px 5px 5px #000000;
    font-size:20px!important;
    font-family: 'apercu light' !important;

}

.portraMidTitle{
 color: white;
    text-shadow: 5px 5px 5px #000000;
    font-size:calc(40px + 4vw);

}

.mtext_wrap .portraMidTitle{

    font-size:calc(20px + 4vw) !important;

}

.portraSubt{
color: white;
    text-shadow: 2px 2px 3px #000000;
         font-size:calc(25px + 3vw);
         padding: 0px 20px 20px;
    text-align: center;

}

.book{
	border-radius: 30px;
	background-color: var(--accentColor);
	color: white;
	font-size: 30px;
	border: none;
	padding: 13px 40px;
    box-shadow: 0px 3px 9px 1px rgb(0 0 0 / 56%);
     font-family: 'SofiaProBold';
         font-size:calc(12px + 2vw);



}



/*::::::::::::::::::::::::::::::booking section form::::::::::::::::::::::::::::::::::::::*/
.index_formwrap{

		 /*blur*/
    background-color: rgba(8, 85, 88, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    border-radius: 5px;
    padding: 15px;
    min-width:  250px;

}

.form_wrap_wrap{
 width: 50%;
 display: flex;
 flex-direction: column;
 align-items: center;
   /* background: url(../images/arena.jpeg);*/
   background-repeat: no-repeat;
   background-size: cover;
   padding: 90px 0px;

}
.sections_formwrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
			 /*blur*/
    background-color: rgba(94, 90, 84, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	width: 100%;
	padding: 5px 20px 25px 20px;
	min-width: 250px;

}

.bookform{
	border-radius: 5px;
	font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    justify-content: center;

}
.inputbobs-wrap{
	display: flex;
	flex-direction: row;

}
.bookform bob:nth-child(1){
	margin-bottom: 5px;
}

.bookform bob:nth-child(1) nan{
	width: 100%;
}

.bookform bob:nth-child(2){
	justify-content: flex-end;
  }

.bookform bob{
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

/* form screen */
@media screen and (max-width:700px){

	.inputbobs-wrap{
		flex-direction: column;
	}
 
 .bookform bob:nth-child(1){
    flex-direction:column;  
  }
  .bookform bob:nth-child(1) nan{
  	 margin-top: 5px;
  }
  .bookform bob:nth-child(2) .inputwrap{
  		width: 100%;
  }
   .bookform bob:nth-child(2){
   	flex-direction: column;
   }
  .sendButton{
  	border-radius: 2px !important;
  }
  .pdata{
   flex-wrap: wrap;
  }
    #pd1{
width:100%  
}
  /*
  #venuet{
  	border-radius: 2px;
  }
  #people{
  	border-radius: 0px 2px 2px 0px;
  }*/

 

}





lolo{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: self-start;
}


.inputwrap{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	position: relative;
	height: fit-content;
	flex-grow: 9;

}
mom{
	display: flex;
	flex-direction: row;
}

.pdata{
        display: none;
        flex-direction: row;
  }

 .pdata lux{
  	display: flex;
  	width: 100%;
  	    margin-bottom: 5px;
  }

 #pd1{
 }

 .pd1 lux .inputwrap:nth-child(1){
 	width: 40% !important;

 }
  .pd1 lux .inputwrap:nth-child(2){
 	width: 60% !important;

 }

#pd2 lux .inputwrap:nth-child(1){
 	width: 35% !important;

 }
  #pd2 lux .inputwrap:nth-child(2){
 	width: 70% !important;

 }
.textwrap{
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;

}
.textwrap li{
  width: 100%;
  display: flex;
  justify-content: center;
}
.inputwrap p{
	text-decoration: none;
	font-style: normal;
	width: 25%;
	font-size: 14px;
	    font-family: 'sofia pro light';
}
.inputwrap span i, .textwrap span i{
	position: absolute;
	top: 11px;
	left: 4px;
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;

}
.inputclass{
	width: 100%;
	padding: 4px 4px 4px 23px;
    background-color: white;
    border: none;
    font-size: 13px;
    border-radius: 0px;
    		border-right: solid #d8d9db .5px;

}

.dropdown-arrow{
	position: absolute;
	right: 1px;
	top: 14px;
    width: 10px;
    font-size: 10px;
    color: #273457;
}
.sendButton, .inputclass{
	height: 40px;
}

#datepicker{
	cursor: pointer;
	border-radius:  2px 0px 0px 2px;
	min-width: 90px;
}
#time{
	min-width: 100px;
}
#name{
 	border-radius:  2px 0px 0px 2px;

}
#people{
	min-width: 100px;
}
#venuet{
	width: fit-content;
	flex-grow: 10;
}
#teli{
	min-width: 100px;
}
#countrycode{
	min-width: 85px;

}

.icontext{
	position: absolute;
	font-size: 13px;
	top: 13px;
	right: 12px;
}

lux input{
  min-width: 80px
}
textarea.inputclass{
	width: 100% !important;
}

.inputclass::placeholder {
  color: #bebec2
}
.inputwrap span{
	display: flex;
	width: 100%;

}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance:none;
}

input[type=text]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=email]:focus, input[type=time]:focus, input[type=date]:focus, select:focus:not(.lang_s){
	border:3px solid var(--secondaryColor);
	color:gray;
	background-color:white;
-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance:none;
		outline: none;
	cursor: pointer;


}
 /*add color to i icons focus*/
form input:focus+i, form input[type=email]:focus+i, form textarea:focus+i, form select:focus+i{
	color: var(--secondaryColor);
	
}
textarea:focus{
    border:3px solid var(--secondaryColor);
	background-color:white; 
}



input:-webkit-autofill, select:-webkit-autofill{
    -webkit-text-fill-color: var(--secondaryColor) !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;


}

select.lang_s{
 -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance:none;
		outline: none;
		border: none;
		font-size: 10px;
		padding: 5px 3px;
		text-align: center;
}


select.lang_s:hover{
		color: var(--secondaryColor);

}

#popform{
	top: 140px;
	width: 100%;
}

#idModalNav{
}
#closeNav{
	color: gold;
	border: solid gold;
	background-color: green;
}

#closeNav:hover{
	background-color: red;
}


/*::::::::::::::::::::::::::::::booking section::::::::::::::::::::::::::::::::::::::*/

.bookingsection{
		background-color: var(--background);
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding-bottom: 60px;
		padding-top: 40px;
		width: 100%;
		height: auto;
		position: relative;
}
.cardwrap{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0px;

}
/*cards screen*/
@media screen and (max-width:400px){
	.cardwrap {
			flex-direction: column;
	}
	.card{
		width: 70vw !important;
		max-width: 240px !important;
		height: 260px!important;
	}
	.cardimg{
		  height: 100px!important;

	}
	.cardtext{
		height: 150px !important;
	}
	.cardtext p{
	  font-size: 11px !important;

    }
    .bookcard_button{
    }

}


.card{
	background-color: var(--backgroundEmpha);
	margin: 8px 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 0px;
	max-height: 780px;
	padding-bottom: 13px;
	width: 23%;
	/*flex-grow: 1;*/
	cursor: default;
	width: 180px;
	min-width: 180px;
	border-radius: 2px;
    height: 310px;
}

.card a{
		width: 100%;

}

.cardimg{
  object-fit: cover;
  width: 100%;
  height: 110px;
  vertical-align: middle;
  border-radius: 2px 2px 0px 0px;


}

.bookcard_button{
	background-color: var(--accentColor);
	color: #626060;
	font-size: 10px;
	border: none;
	padding: 6px 8px 6px 8px;
    cursor: pointer;
         font-family: 'gill semibold';
         word-break: keep-all;
         width: 140px;
         margin-top: 10px;

}

.bookcard_button div{
 font-size: inherit;
 font-family: inherit;
}

#navButton{
	width: 85px;
	font-size: 10px;
		padding: 6px 5px 6px 5px;
		border: solid .5px;
		background-color: white;
		color: black;

}
.bookcard_button::after {
  /*content: "MAKE A RESERVATION";*/
}
.bookcard_button:hover{
	background-color: var(--primColor);
	transition: all 0.4s ease 0s;
    scale: 110%;
}

.send-wrap{
	display: flex;
	justify-content: flex-end;
}
.sendButton{
	border-radius: 0PX 15PX 15PX 0PX;
	background-color: var(--secondaryColor);
	color: white;

	font-size: 10px;
	border: none;
	padding: 6px 8px 6px 8px;
    cursor: pointer;
         font-family: 'gill semibold';
         word-break: keep-all;
         width: 140px;
}


.sendButton::after {
  /*content: "SEND";*/
}

.cardtext{
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 14px;
padding-right: 14px;
	font-size: 11px;
	cursor: default;


}

.cardtext p{
 height: 30px;
 font-size: 10px !important;
   margin: 2px 0px;
}
.cardtext a{
	width: 100%;
	display: flex;
	justify-content: center;
}
.card li {
	height: fit-content;
	display: flex;
	align-items: center;
	margin-bottom: 2px;
}
.card li p{
	cursor: default;
	color:lightslategray;
	display: flex;
	font-size: 9px;
	align-items: baseline;
	flex-wrap: wrap;
	height: auto;
	margin: 0px;
	flex-wrap: wrap;
}
.cardtext li i{
	display: flex;
	flex-direction: row;
	justify-content: center;
    font-size: 10px;
    max-width: 15px;
    margin-right: 3px;
}
.cardtext li p b{
 margin: 1px;
 font-size: 9px;
}

.cardtext ul{
	display: flex;
	flex-direction: column;
	padding: 0px;
	height: 65px;
	margin: 3px 0px;

}
.learnmore{
	text-align: right;

}
.learnmore:hover{

    text-indent: 30px;
      transform: scale(1,1);
      text-indent: 0;
      cursor: pointer;
}
/*::::::::::::::::::::::::::::::animations::::::::::::::::::::::::::::::::::::::*/




.pop_card{
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background: #ed3330;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
}
.pop_card:hover {
 animation: pop 0.3s linear 1;
transition: all 0.4s ease 0s;
}

.popsimple{
    transition: all 0.5s ease 0s;

}

.popsimple:hover{
    transition: all 0.5s ease 0s;
        scale: 105%;
        cursor: pointer;
        border: red 20px;



    /* transform: translateY(-4px); */
}
.popcircle:hover{
	-webkit-transform: scale(1.15);
    -ms-transform: scale(1.015);
    transform: scale(1.05);
    cursor: default;
    transition: all 0.4s ease 0s;
    background: #dbf9e3;
    color: black !important;
}


@keyframes animationk{
	from{
    opacity: 0;
    scale: 25%;
  }
to{
    opacity: 1;
    scale: 100%;

  }
}

@keyframes fadek{
	from{
    opacity: 1;
    scale: 25%;
    color: gray;
  }
to{
    opacity: 1;
    scale: 150%;
    color: black;
          text-shadow: 1.5px 1.5px 2px #ffffff;
  }
}

.revealUp{
	animation: fadek 5s;
	view-timeline-name: --image;
	view-timeline-axis: block;
	animation-timeline: --image;
	animation-name: fadek;
	animation-range: entry 100% cover 30%;
	animation-fill-mode: both;
	animation-timeline: scroll;
	    transition: all 0.4s ease 0s;

}
/*::::::::::::::::::::::::::::::animations::::::::::::::::::::::::::::::::::::::*/


}
/*::::::::::::::::::::::::::::::stripe section::::::::::::::::::::::::::::::::::::::*/
.textsec{
		background-color: lightgoldenrodyellow;
		height: 900px;

}
.stripe1{
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
    padding: 25px 10vw 0px;
    width: 100%;


}

.stripe1 p{
  max-width: 1000px;
}

.stripe2{
	background-color: white;
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 150px 0px;
			position: relative;


}

/*@media screen and (min-width:1600px)*/
@media (min-width: 800px)  and (max-width: 8000px) {
	.stripe2{
		padding: 15vw 0px;
	}

}


.stripe5{
	background-color: white;
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 50px 30px;
			position: relative;


}


.stripe3{
		width: 100%;
			background-color: var(--background);
			min-width: 350px;
			display: flex;
			align-items: center;
			padding: 0px;
			position: relative;

}
.stripe4{
		width: 100%;
			display: flex;
			align-items: center;
			padding: 0px;
			justify-content: center;
			position: relative;

}

.stripe2 li{
	padding: 0px 10%;
	text-align: center;

}
/*::::::::::::::::::::::::::::::services section::::::::::::::::::::::::::::::::::::::*/
.how_wrap_wrap{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
		align-items: flex-start;



}
.howcircle_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 20%;
}

.howcircle{
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background-color: var(--iconEmpha);
	display: flex;
	justify-content: center;
	align-items: center;

}
span.columnhow{
 display: flex;
 flex-direction: column;
align-items: center;
 padding: 5px;
}
.howicon{
color: white;
font-size: 25px;
position: relative;
animation: animationk 5s;

}
img{

}
.howtitle{
 font-family: 'Gill';
 text-align: center;
}


.howtext{
 text-align: center;
}

/*::::::::::::::::::::::::::::::chat section::::::::::::::::::::::::::::::::::::::*/

.chaticon{
	font-size: 60px;
	color: #459342;
		transition: all 0.4s ease 0s;
		margin-top: 30px;

}

.chaticon:hover{
	    scale: 120%;
	    		transition: all 0.4s ease 0s;


}

/*::::::::::::::::::::::::::::::about us section::::::::::::::::::::::::::::::::::::::*/
.aboutus_pic{
   font-style: normal;
   display: flex;
   flex-direction: column;
   justify-content: center;
   background: url(../images/portrait4.jpeg);
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   align-items: center;
   height: 20vw;
   min-height: 600px;
   		padding: 0px!important;

}


.aboutus{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 60px;
}

.aboutus bob{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-end;
		padding-right: 30px;

}
.aboutus h3{
	font-size: 20px;
	display: flex;
	padding-top: 50px;
}
.aboutus p{
	font-size: 16px;
	width: 70%;
	text-align: right;

}

@media screen and (max-width: 800px) {

.aboutus p{ 
  }
}
.aboutus p span{
	display: inline;
	font-family: 'gill semibold';


}

/*::::::::::::::::::::::::::::::independent sections::::::::::::::::::::::::::::::::::::::*/
.logos{
	height: 70px;
}
@media screen and (max-width: 500px) {
		.logos{
	height: 50px;
}


}
.independent_info{
	padding: 0px;
	display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    width: 100%;
}
.cubic_gallery{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 20px 0px;
	width: 100vw;

}
.cubic_gallery bob{
	display: flex;
	flex-direction: row;
}

gem{
	display: flex;
	flex-direction: row;

}
.cubic_gallery span{
	display: flex;
	flex-direction: column;
	justify-content: center;
		border-radius: 10px;

}
.videolarge{
	display: flex;
	   object-fit: cover;
}
.videoshort{
	height: 150px;
	display: flex;
	   object-fit: cover;
}
.videolarge, .overpic{
		height: 200px;
	width: 100vw;

}
.overpic{
	background-color:rgb(19 19 20 / 90%);
	position: absolute;
	right: 0px;
	width: 100%;
}

.videoshort, .cubic_gallery span div{
	/*width: 258px;*/
	/* 516 w x 600 h tamaño del video*/
	width: 150px;

}

@media (min-width:350px) and (max-width:500px) {
 .videoshort{
 	width: 33vw;
 	height: 33vw;
 
  }
 }
 @media screen and (max-width:350px) {
 .videoshort{
 	width: 110px;


 }
 .cubic_gallery{

 }
}
.cubic_gallery span div{
	background-color: white;
	margin: 0px;
	height: 160px;
	display: none;

}
.cubic_gallery span div p{
 	padding: 10px 15px;
 	font-size: 11px;
    font-family: 'raleway';


}

.intro_each_wrap{
	width: 100%;
	min-width: 350px;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	justify-content: center;
	z-index: 10;
	margin-top: 90px;
	z-index: 10000;
}

.covergirl{
	position: absolute;
	width: 100%;
	height: 1000vw;
	background-color: rgba(94, 90, 84, 0.3);
    backdrop-filter: blur(10px);
}


.animatePop{
	padding-top: 250px;
	border: red 20px;
}


.bigtext{
	text-align: center;
}
.img_indep{
	object-fit: cover;
    width: 100%;
    min-height: 200px;
    height: 800px;
    z-index: -1;
    position: absolute;
}
.corte{
 width: 90vw;
 position: absolute;
 top:0px;
 right: 0px;
 height: 471px;
 min-width: 350px;
}

.video_indep_1{
	width: 29vw;
	min-width: 265px;
	position: absolute;
	top: 0px;
	z-index: -1;
	
}

@media (min-width:350px) and (max-width:750px) {
	.video_indep_1{
		width: 75vw;
	}
	.img_indep{
		height: 700px;
	}
}
@media (min-width:350px) and (max-width:500px) {
	.video_indep_1{
		width: 100vw;
		max-width: 100%;
	/*	height: 600px;*/
	}
}
@media screen and (max-width:350px) {

	.video_indep_1{
		width: 100%;
	}

}
/*::::::::::::::::::::::::::::::map section::::::::::::::::::::::::::::::::::::::*/

.map{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 0px !important;
}
.map iframe{
width: 90%;
max-width: 450px;
height: 200px;
}



/*::::::::::::::::::::::::::::::map section::::::::::::::::::::::::::::::::::::::*/
.services{
	display: flex;
	flex-direction: column;
}
.services span{
	display: flex;
	flex-direction: row;
	justify-content: center;
		flex-wrap: wrap;
}
.services div{
	padding: 4px;
	width: fit-content;
	text-align: center;
	font-size: 10px;

}


.okpath_bottom{
	position: absolute;
	bottom: 0px;

}

.okpath_top{
	position: absolute;
	top: 0px;
	width: 100%;
}

/*::::::::::::::::::::::::::::::map section::::::::::::::::::::::::::::::::::::::*/

.wa-me_wrap{
	z-index: 1;
}



/*::::::::::::::::::::::::::::::down::::::::::::::::::::::::::::::::::::::*/
.download{
	padding-top: 200px;
	padding-bottom: 100px;
	width: 100vw;
	height: auto;
		display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100vh;
}

.download form{
	max-width: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}
.admin_button{
	width: 200px;
	border: solid 2px;
	padding: 30px;
	background-color: white;
	margin: 20px 20px;
	font-family: 'gill semibold';
	cursor: pointer;
	color: black;
    text-align: center;

}
.admin_button:hover{
  color: var(--secondaryColor);

}
.admin_section_logo{
	width: 100px;
	position: absolute;
	bottom: 30px;
	left: 10%;
}

.adminform input{
 border: solid 2px;
 width: 200px;
 padding: 15px 5px;
}
.db_lines_wrap{
 }

.db_lines, .db_lines_wrap{
 display: flex;
 flex-direction: row;
 width: 90%;
 padding: 0px;
 	margin: 3px;

}

.db_lines li{
	padding: 3px;
	width: 120px;
	padding: 2px;
	display: flex;
	align-items: center;
}

.title_db li{
	font-family: 'gill semibold';
	padding: 2px;
}
.db_lines li:nth-child(1), .title_db li:nth-child(1){
	width: 25px;
}
.db_lines li:nth-child(2), .title_db li:nth-child(2){
	width: 100px !important;
}
.db_lines li:nth-child(3), .title_db li:nth-child(3){
	width: 120px !important;
	word-break: break-all;
}
.db_lines li:nth-child(4), .title_db li:nth-child(4){
	width: 25px;
}
.db_lines li:nth-child(5), .title_db li:nth-child(5){
	width: 100px !important;
}
.db_lines li:nth-child(6), .title_db li:nth-child(6){
	width: 80px;

}
.db_lines li:nth-child(7), .title_db li:nth-child(7){
	width: 100px;
}
.db_lines li:nth-child(8), .title_db li:nth-child(8){
	width: 90px;

}
.db_lines li:nth-child(9), .title_db li:nth-child(9){
	width: 70px;
}
.db_lines li:nth-child(10), .title_db li:nth-child(10){
	width: 140px;
}
/*::::::::::::::::::::::::::::::lang::::::::::::::::::::::::::::::::::::::*/

.lang{
	  	display: flex;
  	  	align-items: center;
      cursor: pointer;
      width: 50%;
      justify-content: center;
      font-size: 10px;
      border: none;
      background-color: transparent;
      margin: 5px 0px;
}
.lang:hover{
 color: var(--secondaryColor);
 font-family: 'gill semibold';
}