:root{
	--main-header-color:linear-gradient(0deg,#fff,#005782);
	--main-red:#c71212;
	--main-orange:#ffa34f;
	--main-yellow:#fbf0b2;
	--main-green:#16c878;
}
*{
	font-family: 'Barlow', sans-serif;
}
body,html{
	margin: 0;
	padding: 0;
}
body{
	height: 100%;
  background-color: #fff;
}
.body-club{
	/* background-image: url(../assets/fondo-club.jpg); */
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
  height: 100%;
  background-color: #fff;
  width: 100%;
}
.body-office{
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
  height: 100%;
  background-color: #fff;
  width: 100%;
}
.body-index{
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
  height: 100%;
  background-color: #fff;
  width: 100%;
}
header{
  background: #284974;
  width: 100%;
  min-height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header-index{
	background: none;
	position: absolute;
}
.zona-header{
  padding: 2px 10px;
  width: calc(100% - 20px);
  max-width: 940px;
  display: flex;
  margin: auto;
}
.zona-headerindex{
	padding: 2px 10px;
  width: calc(100% - 20px);
  max-width: 940px;
  display: flex;
  margin: auto;
}
.video-box{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.video-box img{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
}
.videosombra{
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 199;
	background:linear-gradient(180deg,rgba(0, 0, 0, 0.81),rgba(0, 0, 0, 0));
}
.videoindex{
	min-width: 960px;
}
.logo-place{
  width: 200px;
  margin: 0 auto;
  display: block;
}
.logo-place img{
  width: 80%;
  display: block;
  margin: auto;
	filter: drop-shadow(0px 0px 3px #005782);
}
.cabe-p{
  display: flex;
  flex-direction: column;
  width: calc(100% - 200px);
}
.lista-op1{
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 40px);
  margin: 0;
  padding: 5px 0;
}
.zona-banner-mov{
	display: none;
}
.menucabe1 {
  margin: 0;
  list-style: none;
}
.menucabe1 > li{
  float: left;
}
.menucabe1 li{
  display: block;
  border-left: 2px solid #fff;
  width: auto;
  color: #fff;
  font-family: 'Rubik',sans-serif;
}
.menucabe1 li:first-child {
  border-left:none;
}
.menucabe1 li a {
	padding: 2px 10px;
	font-size: 14px;
	display: block;
	text-decoration: none;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 5px #1e5486;
}
.menucabe1 li a:hover{
	cursor: pointer;
  color: #000;
  text-shadow: 0 0 5px #fff;
}
.lista-op2{
  display: flex;
  width: calc(100% - 40px);
  margin: 0;
  padding: 0;
  justify-content: center;
}
.menucabe2 {
  margin: 0;
  list-style: none;
  justify-content: center;
}
.menucabe2 > li{
  float: left;
}
.menucabe2 li{
  display: block;
  border: none;
  width: auto;
  color: #fff;
  font-family: 'Rubik',sans-serif;
}
.menucabe2 li a {
	padding: 2px 10px;
	font-size: 18px;
	display: block;
	text-decoration: none;
  font-weight: bold;
  color: var(--main-yellow);
  text-shadow: 0 0 5px #1e5486;
}
.menucabe2 li a:hover{
  color: #000;
  text-shadow: 0 0 0 #fff;
  background: #fff;
  border-radius: 10px;
}
.botonmenuheader{
  display: none;
  background: #fff;
  border-radius: 8px;
  margin: 0;
  padding: 4px 6px;
  color: #454242;
}
.botonmenuheader:hover{
  cursor: pointer;
  color: #005782;
  background: var(--main-yellow);
}
.botonmenuheader h4{
  font-size: 14px;
  margin: 0;
  font-weight: normal;
}
.menunavmovil{
  background: #fff;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.menucabemovil{
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.menucabemovil li{
  width: 100%;
  text-align: center;
  padding: 2px 0;
}
.menucabemovil li a{
  display: block;
  width: 100%;
  text-decoration: none;
  color: #005782;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.menucabemovil li a:hover{
  background: #005782;
  color: var(--main-yellow);
}
.zonablanca{
  background: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.welcome-2{
	width: 100%;
	/*background: linear-gradient(180deg,#fff 85%,#053c57);*/
	background: #fff;
}
.welcome-2 h3{
	width: 50%;
	min-width: 300px;
	margin: auto;
	padding: 5px 0 60px 0;
	font-size: 30px;
	font-style: italic;
	text-align: center;
	color: #454242;
	font-family: 'Rubik',sans-serif;
	text-shadow: 0 0 4px #fff;
}
.videoinsert{
	width: 1200px;
	height: 675px;
	margin: auto;
	overflow: hidden;
}
.videoinsert iframe{
	width: 100%;
	height: 100%;
}
.welcome-3{
	width: 100%;
	background: #011620;
	display: flex;
	flex-direction: column;
}
.welcome-3 h2{
	width: 50%;
	min-width: 300px;
	padding-top: 10px;
	margin: 0 auto 10px auto;
	color: #fff;
	font-family: 'Rubik',sans-serif;
	font-size: 20px;
	text-align: center;
	font-style: italic;
}
.lista-membre{
	width: 65%;
	margin: auto;
	display: flex;
}
.lista-membre1{
	width: calc(200%/3);
	display: flex;
	margin: 0 auto auto;
}
.lista-membre2{
	width: 50%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.lista-membre2 img{
	width: 70%;
	display: block;
	margin: 0 auto;
}
.lista-membre2 ul, .lista-membre3 ul{
	width: 80%;
	padding: 0;
	margin: 0 auto 10px;
}
.lista-membre2 ul li, .lista-membre3 ul li{
	width: 100%;
	color: #fff;
	font-family: 'Rubik',sans-serif;
	list-style: none;
	text-align: center;
	font-size: 12px;
	margin: 4px auto;
	color: #fff;
}
.lista-membre2 ul li::before, .lista-membre3 ul li::before{
	content: "✈";
	/*content: "✈🛫";*/
}
.lista-membre3{
	width: calc(100%/3);
	margin: 0 auto;
}
.lista-membre3 img{
	display: block;
	width: 70%;
	margin: 0 auto;
}
.welcome-3but{
	width: 100%;
	height: 60px;

}
.welcome-3but a{
	display: block;
	text-decoration: none;
	width: 80px;
	background: var(--main-yellow);
	color: #454242;
	padding: 5px 10px;
	border-radius: 10px;
	margin: 5px auto;
	font-size: 15px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	text-align: center;
}
.welcome-3but a:hover{
	cursor: pointer;
	background: #fff;
}
.welcome-4{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.welcome-4 h1{
	margin: 40px auto 30px;
	color: #454242;
	text-align: center;
	font-size: 30px;
	font-style: italic;
	font-family: 'Rubik',sans-serif;
}
.listapaqindex0{
	overflow-x: scroll;
	width: 90%;
	margin: auto;
}
.listapaqindex0::-webkit-scrollbar {
    -webkit-appearance: none;
}

.listapaqindex0::-webkit-scrollbar:vertical {
    width:10px;
}

.listapaqindex0::-webkit-scrollbar-button:increment,.listapaqindex0::-webkit-scrollbar-button {
    display: none;
}

.listapaqindex0::-webkit-scrollbar:horizontal {
    height: 10px;
}

.listapaqindex0::-webkit-scrollbar-thumb {
    background-color: var(--main-yellow);
    border-radius: 20px;
    border: 2px solid #939090;
}

.listapaqindex0::-webkit-scrollbar-track {
    border-radius: 10px;
}
.sectionpaqs{
	position: relative;
	min-height: 600px;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.videopaqs{
	position: absolute;
	z-index: -4;
	top: 0;
	left: calc(60% - 1152px);
	min-width: 100%;
}
.ventuplaya{
	position: absolute;
	left: -40px;
	top: 0;
	width: 30%;
	min-width: 450px;
	z-index: -3;
}
.ventuplaya img{
	width: 100%;
	margin: auto;
	display: block;
}
.burbujaventu{
	position: absolute;
	z-index: -2;
	margin: 0;
	left: 10px;
	top: 10px;
	width: 100px;
	padding: 5px;
	font-size: 20px;
	color: #454242;
	border-radius: 10px;
	font-weight: normal;
	font-family: 'Russo One',sans-serif;
	background: #fff;
	font-style: italic;
}
.boxlistaindex0{
	width: 75%;
	display: flex;
	flex-direction: column;
}
.boxlistaindex1{
	width: calc(100% - 20px);
	margin: 10px;
	display: flex;
	flex-direction: column;
}
.capanegra{
	position: absolute;
	width: 100%;
	background: linear-gradient(90deg,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0.25) 40%,rgba(0, 0, 0, 0.85));
	height: 100%;
	z-index: -1
}
.capablanca{
	position: absolute;
	width: 100%;
	top: 0;
	background: #fff;
	height: 102%;
	z-index: -4;
}
.titlepaqindex{
	width: 100%;
	margin: 0;
	font-size: 25px;
	color: #454242;
	border-radius: 10px;
	text-align: center;
	font-weight: normal;
	font-family: 'Russo One',sans-serif;
	background: #fff;
	font-style: italic;
}
.listapaqindex1{
	display: flex;
	height: 250px;
	width: auto;
}
.paquete-boxindex{
	padding: 20px 0;
	width: 240px;
	height: 210px;
	position: relative;
}
.titulo-paqindex{
	width: 100%;
}
.titulo-paqindex h3{
	width: 100%;
	text-align: center;
	color: #454242;
	font-size: 15px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	margin: auto;
}
.info-paqindex1{
	width: 100%;
	display: flex;
}
.info-paqindex1 h4{
	width: 50%;
	text-align: center;
	color: #454242;
	font-size: 11px;
	font-family: 'Rubik',sans-serif;
	margin: auto;
}
.info-paqindex2{
	width: 100%;
}
.info-paqindex2 h4{
	width: 100%;
	text-align: center;
	color: #ff9494;
	font-size: 18px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	margin: auto;
	background: #454242;
}
.categoriapaq{
	position: absolute;
	width: 100%;
	top: 30px;
	left: 5px;
	z-index: 10;
}
.categoriapaq img{
	height: 100%;
	margin-left: 0;
}
.content-testim{
	display: table;
	width: 90%;
	margin: auto;
}
.fototestimonios{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.fototestimonios h2{
	width: 50%;
	min-width: 300px;
	padding-top: 10px;
	margin: 10px auto;
	color: #005782;
	font-family: 'Rubik',sans-serif;
	font-size: 20px;
	text-align: center;
	font-style: italic;
}
.fototest-box{
	width: 80%;
	margin: 10px auto;
	display: flex;
}
.fototest1{
	width: calc(50% - 10px);
	margin: 5px;
	display: flex;
}
.fototest1 a{
	display: block;
	width: 150px;
	justify-content: center;
	background:
}
.fototest1 a img{
	max-width: 100%;
	max-height: 300px;
	margin: auto 0;
}
.fototest1 a img:hover{
	width: calc(100% - 4px);
	border: 2px solid var(--main-green);
	opacity: 0.8;
}
.fototest2 {
	width: calc(100% - 160px);
	display: flex;
	margin: 0 5px;
	flex-direction: column;
}
.fototest2 h1{
	margin: 10px auto 1px;
	font-weight: bold;
	color: #454242;
	font-family: 'Rubik',sans-serif;
	font-size: 22px;
	text-align: center;
}
.fototest2 h3{
	font-weight: bold;
	margin: 1px auto 10px;
	color: #454242;
	font-family: 'Rubik',sans-serif;
	font-size: 18px;
	text-align: center;
}
.fototest2 h4{
	margin: 5px auto;
	color: #454242;
	font-family: 'Rubik',sans-serif;
	font-size: 14px;
	text-align: center;
	font-style: italic;
	font-weight: normal;
}
.testim-box{
	display: inline-table;
	width: calc(100%/3);
}
.testim-box iframe{
	margin: auto;
	display: block;
	height: 315px;
}
.testim-box h3{
	margin: 5px auto 20px;
	color: #454242;
	font-size: 18px;
	font-family: 'Rubik', sans-serif;
	text-align: center;
}
.welcome-2 img{
	width: 40%;
	min-width: 270px;
	display: block;
	margin: auto;
	filter: drop-shadow(0px 0px 3px #454242);
}
.welcome1{
	position: absolute;
	top: 200px;
	z-index: 300;
	width: 100%;
}
.wel1-box{
	width: 40%;
	min-width: 350px;
	border-radius: 15pX;
	background: rgba(34, 32, 32, 0.0);
	margin: auto;
	padding: 4px;
	display: flex;
	flex-direction: column;
}
.wel1-box h1{
	color: #fff;
	font-size: 30px;
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin: 0 auto 5px;
	text-shadow: 0 0 12px #000;
}
.wel1-box h3{
	color: #fff;
	font-size: 15px;
	font-family: 'Rubik', sans-serif;
	text-align: center;
	text-shadow: 0 0 10px #000;
}
.wel1-box input{
	border-style: none;
	border-radius: 8px;
	font-weight: bold;
	color: #454242;
	text-align: center;
	width: 50%;
	margin: 0px auto 2px;
	box-shadow: 0 0 4px 0px #000;
}
.wel1-box button{
	border-style: none;
	margin: 0 auto 10px;
	border-radius: 8px;
	background: var(--main-yellow);
	color: #005782;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 0 4px 0px #000;
}
.imgwel1{
	width: 150px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	margin: auto;
	filter: drop-shadow(0px 0px 8px #000);
}
.imgwel1 img{
	width: 100%;
	position: relative;
	display: block;
}
.wel1-p1{
	min-width: 120px;
	width: 40%;
	padding: 5px;
}
.wel1-p2{
	width:60%;
	max-width: calc(100% - 120px);
	display: flex;
	flex-direction: column;
}
.wel1-p2 h1{
	font-size: 40px;
}
.wel1-p2 h3{
	margin: 2px auto;
	font-size: 18px;
}
.wel1-p2 img{
	position: relative;
	width: 80%;
	display: block;
	margin: auto;
	filter: drop-shadow(0px 0px 8px #000);
}
.formupro{
	width: 100%;
	background: #000;
	display: flex;
}
.fotoformulario{
	width: 40%;
	display: flex;
	flex-direction: column;
	margin: auto;
}
.fotoformulario h1{
	margin: 10px auto;
	font-size: 25px;
	color: #fff;
	font-family: 'Rubik',sans-serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	width: 90%;
}
.fotoformulario img{
	width: 70%;
	display: block;
	margin: auto;
}
.formindex{
	width: calc(60% - 40px);
	background: #454242;
	display: flex;
	flex-direction: column;
	margin: 20px;
	border-radius: 15px;
}
.datoformindex{
	display: flex;
	flex-direction: column;
	width: calc(100% - 20px);
	margin: 10px 10px 0;
}
.datoformindex label{
	color: #fff;
	font-family: 'Rubik',sans-serif;
	font-size: 15px;
	margin: 0 0 3px;
	text-align: center;
}
.datoformindex input, .datoformindex select{
	border-style: none;;
	border-radius: 5px;
	font-size: 15px;
	color: #454242;
	font-family: 'Rubik',sans-serif;
	width: 70%;
	margin: auto;
	font-weight: bold;
}
.datoformindex select{
	width: calc(70% + 4px);
}
.formindex button{
	width: 50%;
	margin: 10px auto;
	color: #454242;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 5px;
	border-radius: 10px;
	background: var(--main-yellow);
}
.formindex button:hover{
	cursor: pointer;
	background: #005782;
	color: #fff;
}
.newtestimoniobox{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.contenedortestim{
	width: 100%;
	min-height: 360px;
}
.boxtestimonio11{
	width: 80%;
	max-width: 900px;
	margin: auto;
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 30px;
}
.imgtestim11{
	position: absolute;
	top: 0;
	left: 10%;
	width: 100%;
	height: 120px;
}
.imgtestim12{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}
.imgtestim11 a{
	text-decoration: none;
	position: relative;
	height: 120px;
	width: 100%;
}
.imgtestim12 a{
	text-decoration: none;
	display: block;
	position: relative;
	height: 200px;
	width: 200px;
	margin: auto;
}
.fototesti11{
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
}
.fototesti12{
	position: absolute;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
}
.fototesti11 img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
	opacity: 1;
}
.fototesti12 img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
	opacity: 1;
}
.perfiltesti, .perfiltesti2{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
	opacity: 1;
}
.perfiltesti:hover,.perfiltesti2:hover {
	opacity: 0.2!important;
}
.testicuadroblanco{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(255, 227, 173);
}
.gifavioncito{
	width: 100%;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	overflow: hidden;
}
.gifavioncito img{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.cabecera11{
	width: calc(80% - 120px);
	margin: auto;
	margin-right: 10%;
	height: 110px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.cabecera12{
	width: 100%;
	margin: auto;
	z-index: 100;
	margin-top: 90px;
	height: 90px;
	background: linear-gradient(0deg,rgba(255, 255, 255, 0),#fff 40%,#fff 60%,rgba(255, 255, 255, 0));
}
.cabecera11 h1{
	width: calc(100% - 10px);
	text-align: right;
	color: #3f4a53;
	margin: auto 5px;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
	margin-bottom: 1px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.cabecera11 h4{
	width: calc(100% - 10px);
	text-align: right;
	color: #3f4a53;
	margin: auto 5px;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
	margin-top: 1px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.cabecera12 h1,.cabecera12 h4{
	text-align: center;
}
.cuerpotesti11{
	width: 90%;
	margin: auto;
	position: relative;
	z-index: 400;
}
.cuadritochueco{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: polygon(0% 0%, 95% 10%, 85% 100%,10% 90%);
	background: rgb(205, 247, 234);
	z-index: -1;
}
.cuerpotesti11 h3{
	width: 90%;
	margin: 10px auto;
	font-size: 15px;
	text-align: center;
	font-style: italic;
	color: #454242;
	text-shadow: 0 0 4px #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
	overflow: hidden;
}
.newtestimoniobox h2{
	width: 50%;
	min-width: 300px;
	padding-top: 10px;
	margin: 10px auto;
	color: #005782;
	font-family: 'Rubik',sans-serif;
	font-size: 20px;
	text-align: center;
	font-style: italic;
}
/*ZONA lateral*/
.lateralbox{
	position: fixed;
	top: 280px;
	right: 30px;
	width: 100px;
	display: flex;
	flex-direction: column;
	z-index: 10;
}
.botonlate{
	width: 100%;
	display: block;
}
.botonlate a{
	width: 95%;
	display: block;
	margin: auto;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.botonlate a img{
	width: 100%;
}
.botonlate a:hover{
	width: 100%;
	opacity: 80%;
	filter: drop-shadow(0 0 4px #000);
}
/*ZONA lateral end*/
/*ZONA RETOS*/
.tablon-resultados{
	border-radius: 20px;
	padding: 5px;
	width: calc(100% - 20px);
	box-shadow: 0 0 13px 4px #005782;
	margin: 5px;
	background-position: center;
	background-size: cover;
}
.tablon-resultados h1{
	margin: auto;
	text-align: center;
	color: rgb(244, 229, 39);
	text-shadow: 0 0 3px rgba(244, 229, 39, 0.78);
	font-size: 30px;
	font-family: 'Rubik',sans-serif;
	font-style: italic;
	font-weight: bold;
}
.tablon-container{
	width: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin: auto;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;

}
.calificado{
	border: 3px solid var(--main-yellow);
	border-radius: 20px;
	margin: 5px auto;
	width: calc(100% - 16px);
	overflow: hidden;
	display: flex;
	background: rgba(12, 42, 70, 0.67);
	max-height: 180px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.califi-img{
	width: calc(20% - 20px);
	overflow: hidden;
	border-radius: 10px;
	padding: 10px;
	max-width: 80px;
}
.califi-img img {
	width: 100%;
	border-radius: 15px;
	margin: auto;
	display: block;
}
.calificado h1{
	width: 10%;
	margin: auto;
	text-align: center;
	color: rgb(244, 229, 39);
	text-shadow: 0 0 3px rgba(244, 229, 39, 0.78);
	font-size: 60px;
	font-family: 'Russo One',sans-serif;
	font-style: italic;
}
.califi-datos{
	width: 70%;
	display: flex;
	flex-direction: column;
	margin: auto;
}
.califi-datos h2{
	margin: auto;
	text-align: center;
	color:#fff;
	font-family: 'Rubik',sans-serif;
	font-size: 35px;
	font-style: italic;
}
.califi-req{
	width: 100%;
	display: flex;
}
.califi-req label{
	width: calc(40% - 10px);
	font-size: 32px;
	text-align: right;
	color: var(--main-orange);
	font-style: italic;
	font-family: 'Rubik',sans-serif;
	padding: 5px;
	margin: auto;
}
.califi-req h3{
	width: calc(60% - 10px);
	margin: auto;
	font-size: 30px;
	text-align: left;
	color: rgb(92, 227, 231);
	font-style: italic;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	padding: 5px;
}
.minitablones-result{
	width: 100%;
	display: flex;
}
.minitablon-result{
	border-radius: 20px;
	padding: 5px;
	width: calc(100%/3 - 20px);
	background: #454242;
	box-shadow: 0 0 13px 4px #005782;
	margin: 5px;
}
.minitablon-result h1{
	margin: auto;
	text-align: center;
	color: #454242;
	font-size: 20px;
	font-family: 'Rubik',sans-serif;
	font-style: italic;
	font-weight: bold;
}
.reloj-alerta {

}
.userpuesto-container{
	width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.userpuesto{
	border-radius: 20px;
	margin: 5px auto;
	width: calc(100% - 10px);
	overflow: hidden;
	display: flex;
	background: #454242;
	max-height: 180px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.userpuesto-img{
	width: calc(30% - 20px);
	overflow: hidden;
	border-radius: 10px;
	padding: 10px;
}
.userpuesto-img img{
	width: 100%;
	border-radius: 15px;
	margin: auto;
	display: block;
}
.userpuesto-datos{
	width: 80%;
	display: flex;
	flex-direction: column;
	margin: auto;
}
.userpuesto-datos h2{
	margin: 5px auto;
	text-align: center;
	color:#fff;
	font-family: 'Rubik',sans-serif;
	font-size: 18px;
	font-style: italic;
}
.userpuesto-datos h3{
	margin: 5px auto;
	text-align: center;
	color:var(--main-orange);
	font-family: 'Rubik',sans-serif;
	font-size: 15px;
	font-style: italic;
}
/*ZONA RETOS END*/
/*ZONA Footer START*/
footer{
  background: #284974;
  width: 100%;
}
.body-footer{
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 20px 0;
  bottom: 0;
}
.footer-up{
  width: 100%;
  display: flex;
}
.footer-up1{
  display: flex;
  flex-direction: column;
  width: 50%;
}
.footer-logo{
  display: block;
  margin: auto;
  width: 50%;
  max-width: 200px;
}
.footer-logo img{
  width: 100%;
  display: block;
  margin: auto;
}
.email-footer{
  text-align: center;
}
.email-footer h2{
  color: #fff;
  font-size: 15px;
  margin: 0;
  padding: 2px 0;
}
.email-footer h2 i{
  color: var(--main-yellow);
  font-size: 18px;
}
.footer-up2{
  width: 50%;
  display: flex;
  flex-direction: column;
}
.footer-siguenos{
  width: 100%;
}
.footer-siguenos h1{
  margin: 0;
  text-align: center;
  font-size: 20px;
  padding: 5px 0;
  color: #fff;
}
.rrss-footer{
  width: 100%;
  display: flex;
}
.boton-rsfooter{
  width: calc(100%/3);
  text-align: center;
}
.boton-rsfooter a{
  color: #fff;
  font-size: 40px;
}
.boton-rsfooter a:hover{
  color: var(--main-yellow);
}
center{
  color: #fff;
  font-size: 15px;
  width: 100%;
  background: #112630;
  margin: 0;
  padding: 5px 0;
}
center h5{
  margin: 0;
  font-weight: normal;
}
/*ZONA Footer END*/
/*ZONA NEWS START*/
.news-container{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.new-boxx{
	width: 100%;
	display: flex;
}
.new-box{
	width: 90%;
	display: flex;
	background: rgba(255, 255, 255, 0.6);
	margin: 10px 0;
}
.new-box-p1{
	width: 20%;
	overflow: hidden;
}
.new-box-p1 img{
	width: 100%;
}
.new-box-p2{
	width: 80%;
	display: flex;
	flex-direction: column;
}
.new-infobox1{
	width: 100%;
	display: flex;
	background: #005782;
}
.new-infobox1 h1{
	width: 70%;
	font-size: 14px;
	color: #fff;
	margin: 4px;
}
.new-infobox1 label{
	width: 30%;
	font-size: 14px;
	color: #fff;
	margin: 4px;
	text-align: right;
}
.new-infobox2{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.new-infobox2 h2{
	font-size: 13px;
	font-weight: bold;
	color: #454242;
	margin: 4px;
}
.new-infobox2 h4{
	font-size: 11px;
	color: #454242;
	margin: 4px;
}
.new-infobox3{
	width: 100%;
	display: flex;
}
.new-infobox3 a{
	width: 120px;
	margin: 4px;

	text-decoration: none;
}
.new-infobox3 a label{
	background: rgb(209, 45, 45);
	border-radius: 10px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
}
.new-infobox3 a label:hover{
	background: #454242;
	cursor: pointer;
}
/*ZONA NEWS END*/
/*ZONA LOGIN START*/
.body-login{
  background-image: url(../assets/newfondos/login.png);
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
  height: 100%;
  background-color: #fff;
  width: 100%;
}
.main-content-login{
  width: 100%;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  position: fixed;
}
.login-img {
  width: 80%;
  max-width: 500px;
  display: block;
  margin: 50px auto 0 auto;
	z-index: 1;
}
.login-img img{
  width: 100%;
  display: block;
  margin: auto;

	/* filter: drop-shadow(0px 0px 7px #005782); */
}
.login-box{
  width: calc(90% - 4px);
  max-width: 600px;
  display: flex;
  flex-direction: column;
  margin: 0 auto 100px auto;
  /* background: var(--main-yellow);
  border-radius: 20px;
  border: 2px solid #005782;
  box-shadow: 0 0 13px 1px #005782; */
	z-index: 2;
}
.login-box h1{
  text-align: center;
  font-size: 30px;
  color: #454242;
	font-weight: bold;
}
.login-box form{
  display: flex;
  flex-direction: column;
  width: calc(100% - 40px);
  padding: 20px;
}
.login-box form label{
  color: #454242;
  font-weight: bold;
  font-size: 14px;
  padding: 4px 0;
}
.login-box form input{
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: #454242;
  margin: 0 0 5px 0;
  font-size: 18px;
  padding: 2px;
  text-align: center;
}
.login-box button{
  width: calc(60% - 0px);
  border: 0px solid var(--main-yellow);
  background: linear-gradient(90deg,#1C3F7D,#0B75BB,#1C3F7D);
  border-radius: 10px;
  padding: 10px 0;
  margin: 10px auto;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.login-box button:hover{
  color: var(--main-orange);
  background: #fff;
}

.Registro{
	width: calc(60% - 0px);
	border: 0px solid var(--main-yellow);
	background: linear-gradient(90deg,#1C3F7D,#0B75BB,#1C3F7D);
	border-radius: 10px;
	padding: 10px 0;
	margin: 10px auto;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	color: #fff !important;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
  }
  .Registro:hover{
	color: var(--main-orange) !important;
	background: #fff;
  }


.login-box a{
  text-decoration: none;
  color: #454242;
  text-align: center;
}
.login-box a:hover{
  font-weight: bold;
}
.login-box p{
  color: var(--main-red);
  background: #000;
  text-align: center;
  font-size: 12px;
  margin: 2px 0;
  padding: 2px;
  border-radius: 5px;
}
.mantenerbox{
	display: flex;
	margin: 1px auto;
	justify-content: center;
}
.mantenerbox label{
	font-size: 18px!important;
	text-align: right;
	font-weight: normal!important;
}
.mantenerbox input{
	margin: auto 4px!important;
}
/*LOGIN END*/
.main-content{
  width: 100%;
  max-width: 940px;
  margin: 150px auto 100px auto;
	min-height: 532px;
	overflow: hidden;
}
.dashboard-container{
  width: 100%;
  display: flex;
  flex-direction: column;
	background: rgba(255, 255, 255, 0.25);
}
.barradash-1{
  width: 100%;
  display: flex;
}
.dashboard-butt{
  width: 50%;
  display: flex;
}
.boton-dash{
  width: calc(100%/3);
  display: block;
	position: relative;
	background: rgba(69, 66, 66, 0.10);
}
.boton-dash a{
  display: block;
  width: 100%;
  text-decoration: none;
  margin: 0;
  padding: 5px 0;
  text-align: center;
  font-size: 15px;
  font-family: 'Rubik',sans-serif;
  color: #454242;
}
.boton-dash img{
	position: absolute;
	width: 30px;
	right: -8px;
	bottom: -4px;
}
.boton-dash a:hover{
  background: #454242;
  color: #fff;
  font-weight: bold;
}
.contain-infodash{
  width: calc(100%);
  margin: 0;
  padding: 0px;
  display: flex;
  flex-direction: column;
	background: rgba(69, 66, 66, 0.15);
}
.barradash-2{
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.dashboard-butt2{
  width: 50%;
  display: flex;
  justify-content: flex-start;
}
.boton-dash2{
  display: block;
  width: calc(25% - 2px);
  border: 1px solid #454242;
  border-top: 0;
  border-bottom: 0;
}
.boton-dash2 a{
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  background: var(--main-yellow);
  color: #005782;
}
.boton-dash2 a:hover{
  font-weight: bold;
  background: #454242;
  color: var(--main-orange);
}
.resume-box{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.resume-box-p{
  width: 100%;
  display: flex;
}
.resume-box-p1{
  width: calc(50% - 20px);
  margin: 10px;
  background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	overflow: hidden;
}
.resume-box-title{
  width: 100%;
  background: #fff;
  color: #454242;
}
.resume-box-title h1{
  margin: 0;
  padding: 5px 0;
  text-align: center;
  font-size: 18px;
  font-family: 'Rubik',sans-serif;
  font-weight: bold;
}
.resume-minibox1{
  width: 100%;
  display: flex;
}
.resume-minibox1 label{
  width: calc(60% - 20px);
  text-align: left;
  font-size:13px;
  color: #454242;
  padding: 4px 10px;
}
.resume-minibox1 h4{
  width: calc(40% - 20px);
  text-align: right;
  font-size: 15px;
  font-weight: bold;
  color: #454242;
  margin: 0;
  padding: 4px 10px;
}
.resume-box-p2 {
	width: calc(50% - 20px);
  margin: 10px;
	display: flex;
	flex-direction: column;
}
.boton-resume-box{
	width: calc(50% - 10px);
	display: block;
	padding: 5px;
	border-radius: 10px;
	margin: auto;
}
.offiltros{
	width: calc(100%-10px);
	margin: 10px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.offiltros h2{
	margin: 5px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
	color: #005782;
	text-align: center;
}
.offiltros1{
	width: 100%;
	display: flex;
}
.offiltros1_1{
	width: 45%;
	display: flex;
	margin: 2px auto;
}
.offiltros1_1 label{
	width: calc(30% - 4px);
	font-size: 12px;
	color: #454242;
	font-family: 'Rubik',sans-serif;
	padding: 2px;
	font-weight: bold;
	text-align: right;
}
.offiltros1_1 select{
	width: calc(70% - 4px);
	border-style: none;
	border-radius: 4px;
	background: #454242;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	padding: 2px;
	text-align: center;
}
.offiltros1_1 input{
	width: calc(70% - 8px);
	border-style: none;
	border-radius: 4px;
	background: #454242;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	padding: 2px;
	text-align: center;
}
.offiltros button{
	width: 200px;
	border-style: none;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	background: var(--main-green);
	padding: 2px;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
	margin: 5px auto;
}
.offiltros button:hover{
	cursor: pointer;
	background: var(--main-orange);
}
.bamarillo a{
	padding: 5px 10px;
	width: calc(100% - 20px);
	text-decoration: none;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	display: block;
	background: #fff;
	color:#454242;
	font-weight: bold;
	box-shadow: 0 0 6px 1px rgba(69, 66, 66, 0.8);
}
.brojo a{
	padding: 5px 10px;
	width: calc(100% - 20px);
	text-decoration: none;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	display: block;
	background: var(--main-red);
	color:#fff;
	font-weight: bold;
	box-shadow: 0 0 6px 1px rgba(69, 66, 66, 0.8);
}
.bverde a{
	padding: 5px 10px;
	width: calc(100% - 20px);
	text-decoration: none;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	display: block;
	background: var(--main-green);
	color:#fff;
	font-weight: bold;
	box-shadow: 0 0 6px 1px rgba(69, 66, 66, 0.8);
}
.title-box-dashboard {
	display: block;
	margin: 5px;
	padding: 5px 10px;
	width: calc(100% - 30px);
	background: #454242;
}
.title-box-dashboard h1{
	margin: 0;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
}
.resume-box2-p{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.resume-box-cuadros{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.cuadro-p-resume{
	border-radius: 4px;
	padding: 10px;
	margin: 5px 10px;
	width: calc(100% - 40px);
	background: rgba(69, 66, 66, 0.8);
	display: flex;
}
.cuadro-p-resume label{
	width: calc(50% - 10px);
	text-align: right;
	font-size: 20px;
	font-style: italic;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	color: #fff;
}
.cuadro-p-resume h1{
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
	font-size: 20px;
	font-style: italic;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	color: var(--main-yellow);
}
.cuadro-p-resume h1 span{
	font-size: 16px;
	font-family: 'Rubik',sans-serif;
}
.cuadro-p-resume:hover{
	background: #284974;
	cursor: pointer;
}
.cuadro-p-resume label:hover{
	cursor: pointer;
}
.cuadro-p-resume h1:hover{
	cursor: pointer;
}
.cuadros-p-resume{
	width: calc(100% - 16px);
	display: flex;
	padding: 2px 8px;
}
.cuadros-parte{
	width: 100%;
	display: flex;
}
.cuadros-parte a{
	width: 50%;
	display: block;
	text-decoration: none;
}
.cuadros-parte a:hover{
	cursor: pointer;
}
.cuadrito-p-res{
	width: calc(100% - 24px);
	/*width: calc(100% - 28px);*/
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	/*border: 2px solid var(--main-yellow);*/
	padding: 10px;
	background: linear-gradient(225deg,rgb(94 143 208),rgb(40 73 116));
	/*background: rgba(255, 99, 0, 0.8);*/
	color: #fff;
	margin: 2px;
}
.cuadrito-p-res:hover{
	background: linear-gradient(225deg,rgb(17, 255, 119),rgb(37, 156, 88));
	/*border: 2px solid #005782;*/
	color: #454242;
	cursor: pointer;
}
.cuadrito-p-res label{
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-family: 'Rubik',sans-serif;
	font-style: italic;
	color: #fff;
}
.cuadrito-p-res h3{
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-family: 'Rubik',sans-serif;
	font-style: italic;
	color: #fff;
	margin: 2px auto;
	font-weight: bold;
}
.cuadrito-p-res h3 span{
	font-size: 10px;
}
.cuadrito-p-res label:hover, .cuadrito-p-res h3:hover{
	cursor: pointer;
}
.point-box-dash{
background: linear-gradient(225deg,rgb(255, 179, 32),rgb(208, 100, 0));
}
.zona-explicacion{
	margin: 5px;
	width: calc(100% - 10px);
}
.zona-explicacion h5{
	margin: 20px 0;
	text-align: justify;
	color: #454242;
	text-shadow: 0 0 3px #fff;
}
.zona-compratoken{
	margin: 15px 5px;
	display: flex;
	background: #fff;
	padding: 8px;
	border-radius: 5px;
	justify-content: center;
}
.zona-compratokenselects{
	display: flex;
	justify-content: center;
}
.selectcant-tokens, .selecttipo-tokens{
	margin: 5px;
	padding: 4px 8px;
	background: #454242;
	color: #fff;
	border: 0;
	border-radius: 4px;
	font-size: 15px;
	text-align: center;
}
.zona-compratoken label{
	margin: auto 8px;
	text-align: left;
	color: #454242;
	font-size: 15px;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
}
.zona-pagotoken{
	width: calc(100% - 10px);
	margin: 10px 5px 0 5px;
	display: flex;
	flex-direction: column;
	height: auto;
	-webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.zona-tipocambio{
	width: 100%;
	display: flex;
	margin-bottom: 10px;
}
.select-tipoc{
	width: 50%;
	display: flex;
}
.select-tipoc label{
	width: calc(60% - 5px);
	margin: auto;
	font-size: 14px;
	text-align: right;
	padding-right: 5px;
	color: #454242;
}
.select-tipoc h5{
	width: calc(40% - 5px);
	margin: auto;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
	color: #005782;
}
.pagotoken-tabs{
	display: flex;
	width: 100%;
}
.pagotoken-tab{
	display: block;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: #BAB9B9;
	color: #454242;
	border: 1px solid #454242;
	border-bottom: 0;
	width: calc(100% - 2px);
	padding: 4px 0;
	text-align: center;
	font-size: 12px;
}
.pagotoken-tab p{
	margin: 0;
}
.pagotoken-tab:hover{
	cursor: pointer;
	background: #fff;
	font-weight: bold;
}
.infopagotoken{
	display: none;
	border: 1px solid #454242;
	border-top: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-bottom: 20px;
	background: #fff;
}
.infocomision{
	display: flex;
	justify-content: center;
	margin: 20px auto;
}
.infocomision p{
	width: calc(55% - 8px);
	font-size: 18px;
	margin: 0;
	padding: 4px;
	text-align: right;
	color:#454242;
}
.infocomision label{
	width: calc(45% - 8px);
	font-size: 20px;
	margin: 0;
	padding: 4px;
	color: var(--main-green);
	text-align: left;
}
.infocomision label h5{
	margin: 0;
	font-weight: bold;
}
.infocomision label h5 span{
	font-size: 15px;
}
.infopagotoken button{
	border: 0!important;
	border-radius: 10px;
	background: var(--main-green)!important;
	display: block;
	margin: 15px auto!important;
	color: #fff;
	padding: 5px 10px;
	font-size: 20px;
	font-weight: bold;
}
.infopagotoken button:hover{
	cursor: pointer;
	background: #005782!important;
	color: var(--main-orange);
}
.contenedor-botonpaypal{
	margin: 20px auto;
	display: block;
	width: calc(90% - 40px);
	max-width: 500px;
}
.condicionesreporte{
	width: calc(100% - 40px);
	margin: 20px;
	background: #454242;
	border-style: none;
	border-radius: 20px;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	color: #fff;
}
.tyctitle{
	width: 100%;
	display: flex;
	position: relative;
}
.tyctitle h3{
	width: calc(100% - 80px);
	margin: 4px 40px;
	text-align: center;
	font-size: 13px;
	font-family: 'Rubik',sans-serif;
}
.tyctitle button{
	position: absolute;
	top: 0;
	right: 10px;
	border-style: none;
	background: none;
	color: var(--main-yellow);
	font-size: 18px;
	font-weight: bold;
}
.tyctitle button:hover{
	cursor: pointer;
	color: rgb(45, 223, 212);
}
.tyctext{
	width: calc(100% - 20px);
	margin: 0 10px;
	overflow: hidden;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.tyctext h5{
	text-align: justify;
	font-weight: normal;
	font-size: 11px;
	margin: 10px auto;
}
.tabla-token-pedidos{
	display: block;
	width: calc(100% - 10px);
	margin: 5px 5px;
}
.zona-tabla{
	margin: auto;
	max-height: 300px;
	overflow-x: scroll;
	overflow-y: auto;

}
.zona-tabla::-webkit-scrollbar {
    -webkit-appearance: none;
}

.zona-tabla::-webkit-scrollbar:vertical {
    width:8px;
}

.zona-tabla::-webkit-scrollbar-button:increment,.zona-tabla::-webkit-scrollbar-button {
    display: none;
}

.zona-tabla::-webkit-scrollbar:horizontal {
    height: 8px;
}

.zona-tabla::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #8f8989;
}

.zona-tabla::-webkit-scrollbar-track {
    border-radius: 10px;
}
.tabla-token-pedidos table{
	width: 928px;
	/*--border: 1px solid #454242;--*/
	margin: auto;
	background: #fff;
	border-spacing: 0;
}
.tabla-token-pedidos table th{
	width: auto;
	margin: 0;
	background: #454242;
	color: #fff;
	font-weight: bold;
	padding: 4px 2px;
	/*--border: 1px solid #454242;--*/
	font-size: 13px;
}
.tabla-token-pedidos table td{
	font-size: 12px;
	text-align: center;
	padding: 3px 4px;
}
.tabla-token-pedidos table tbody tr:nth-child(even){
	background: #ededed;
}
.tabla-token-pedidos table td button{
	width: 76px;
	border-style: none;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	background: var(--main-green);
	padding: 2px;
	font-size: 11px;
	font-family: 'Rubik',sans-serif;
	margin: auto;
}
.tabla-token-pedidos table td button:hover{
	cursor: pointer;
	background: var(--main-orange	);
}
.memberbox-act{
	display: flex;
	flex-direction: column;
	margin: 5px auto;
	width: calc(100% - 24px);
	border: 2px solid #454242;
	background: linear-gradient(135deg,#454242,#000);
	justify-content: center;
	border-radius: 20px;
	max-width: 400px;
}
.memberbox-act label{
	background: #fff;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	color: #454242;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	padding: 2px;
}
.memberbox-img{
	margin: auto;
	width: 80%;
}
.memberbox-img img{
	width: 100%;
	margin: auto;
	display: block;
}
.memberbox-act p{
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 4px 15px;
}
.reconsumo-box0{
	width: calc(100% - 10px);
	margin: 5px;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	border-radius: 20px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.boxupdatemem{
	border-radius: 15px;
	border: 1px solid #fff;
	display: flex;
	flex-direction: column;
	max-width: calc(100% - 30px);
	width: 300px;
	margin: auto;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.1);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.boxupdatemem h2{
	font-family: 'Rubik',sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: var(--main-yellow);
	padding: 10px;
	margin: 0;
	width: calc(100% - 20px);
	display: block;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.boxupdatemem h2:hover{
	cursor: pointer;
	background: rgba(255, 255, 255, 0.8);
	color: #005782;
}
.boxupdateop{
	display: flex;
	width: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.opcion-nivel1{
	border-radius: 15px;
	max-width: calc(100% - 30px);
	margin: 10px auto;
	padding: 10px;
	color: #fff;
	font-size: 20px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.opcion-nivel1 img{
	width: 100px;
	display: block;
	margin: auto;
}
.opcion-nivel1:hover{
	background: rgba(255, 227, 166, 0.9)!important;
	color: #454242!important;
	cursor: pointer;
}
.reconsumo-box{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.reconsumo-box0 button{
	border-style: none;
	min-width: 345px;
	border-radius: 20px;
	background: linear-gradient(225deg,rgb(94 143 208),rgb(40 73 116));
	color: #fff;
	font-size: 18px;
	font-family: 'Rubik',sans-serif;
	text-align: center;
	margin: 2px auto;
	padding: 5px 10px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.reconsumo-box0 button:hover{
	background: #454242;
	cursor: pointer;
}
.reconsumo-box button{
	border-style: none;
	max-width: 240px;
	border-radius: 20px;
	background: linear-gradient(225deg,#ffb320,#d06400);
	color: #fff;
	font-size: 14px;
	font-family: 'Rubik',sans-serif;
	text-align: center;
	margin: 1px auto;
	padding: 5px 5px;
}
.inscripcion-form{
	width: 100%;
	max-width: 800px;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.inscripcion-form h1{
	font-family: 'Rubik',sans-serif;
	font-size: 40px;
	text-align: center;
}
.inscripcion-form p{
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin: 2px auto;
}
.inscripcion-form p span{
	font-size: 25px;
	font-family: 'Rubik',sans-serif;
	color: var(--main-red);
}
.pasoinscrip-box {
	margin: 5px;
	width: calc(100% - 10px);
	background: rgba(69, 66, 66, 0.1);
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
}
.paso-title{
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	margin: 0;
	padding: 5px 10px;
	background: #454242;
}
.paso-title h1{
	font-size: 25px;
	color: #fff;
	text-align: left;
	margin: 0;
}
.plan-box{
	margin: 0;
	display: flex;

}
.plan-box input{
	width: 10%;
	cursor: pointer;
	margin: 10px auto;
}
.plan-info{
	width: 90%;
	margin: 0;
	display: flex;
}
.plan-info-p1{
	width: calc(70% - 10px);
	margin: 0;
	padding: 5px;
}
.plan-info-p1 h2{
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #454242;
	font-family: 'Rubik',sans-serif;
}
.plan-info-p1 li{
	list-style: none;
	font-size: 14px;
	color: #454242;
}
.plan-info-p1 li::before{
	content: "✈";
}
.plan-info-p2 {
	margin: auto;
	padding: 10px 20px;
	width: calc(30% - 40px);
	display: block;
	max-width: 320px;
}
.plan-info-p2 img{
	display: block;
	width: 100%;
	margin: auto;
	filter: drop-shadow(0 0 10px #454242);
}
.datos-parte{
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
}
.dato-box{
	width: calc(50% - 20px);
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
}
.dato-box h5{
	font-size: 12px;
	color: #454242;
	text-align: justify;
	margin: auto;
}
.dato-box label{
	font-size: 14px;
	font-weight: bold;
	color: #454242;
}
.dato-box input{
	border-radius: 15px;
	border:0;
	font-size: 15px;
	padding: 2px 4px;
	font-weight: bold;
	color:#454242;
}
.dato-box input::-webkit-input-placeholder{
	color: rgba(69, 66, 66, 0.3);
}
.dato-box input:-moz-placeholder{
	color: rgba(69, 66, 66, 0.3);
}
.dato-box input::-moz-placeholder{
	color: rgba(69, 66, 66, 0.3);
}
.dato-box input:-ms-input-placeholder{
	color: rgba(69, 66, 66, 0.3);
}
.dato-box select{
	border: 0;
	border-radius: 15px;
	font-size: 15px;
	padding: 2px 4px;
	font-weight: bold;
	color:#454242;
}
.pasoinscrip-box p{
	font-size: 14px;
	color: #454242;
	font-style: normal;
	padding: 0 10px;
}
.facturacion-opcion{
	display: flex;
	width: 100px;
	margin: 10px auto;
}
.opcion-facturacion {
	width: 50px;
	display: flex;
}
.opcion-facturacion input{
	margin: 2px;
}
.opcion-facturacion label{
	width: 60%;
	color: #454242;
	text-align: left;
	font-size: 13px;
	margin: auto;
}
.modosignup{
	background: #fff;
}
.modosignup p{
	width: 50%;
	text-align: right;
}
.modosignup input{
	width: calc(50% - 40px);
	margin: 0 30px 0 10px;
	border: 0;
	border-radius: 10px;
	color: var(--main-yellow);
	background: #454242;
}
.minititle{
	margin: 5px;
	border-radius: 10px;
	background: rgb(255, 211, 97);
	width: calc(100% - 10px);
	display: block;
}
.minititle h4{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #454242;
	margin: 4px;
}
.botonmpago{
	margin: 2px 10px;
	width:calc(100% - 20px);
	background:rgb(255, 211, 97);
	border-radius:5px;
}
.botonmpago:hover{
	background: #454242;
}
.botonmpago a{
	text-decoration:none;
	width: calc(100% - 10px);
	display: block;
	color:#454242;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding: 5px;
}
.botonmpago a:hover{
	color: #fff;
	cursor: pointer;
}
.fotoyape{
	width: 250px;
	height: 250px;
	border-radius: 15px;
	display: block;margin: auto;
	overflow: hidden;
}
.fotoyape img{
	width: 100%;
}
.bienvenida-box{
	width: calc(100% - 20px);
	max-width: 500px;
	margin: auto;
}
.bienvenida-box h1{
	font-family: 'Rubik',sans-serif;
	font-size: 40px;
	font-style: italic;
	color: #005782;
	text-align: center;
	font-weight: bold;
}
.bienvenida-box h2 {
	font-size: 30px;
	color: #454242;
	font-weight: bold;
	text-align: center;
}
.bienvenida-box h3{
	font-size: 25px;
	color: #454242;
	text-align: center;
}
.bienvenida-box h3 span{
	color: var(--main-green);
	font-weight: bold;
}
.bienvenida-box h4{
	font-size: 15px;
	color: #454242;
	text-align: center;
}
.bienvenida-box h4 span{
	color: var(--main-green);
	font-weight: bold;
}
.precio-total-wel{
	width: 100%;
}
.precio-total-wel h4{
	text-align: right;
}
.bienvenida-box table{
	width: 100%;
	font-size: 12px;
	text-align: center;
	background:var(--main-yellow);
}
.bienvenida-box a{
	width: 250px;
	display: block;
	background: var(--main-green);
	margin: auto;
	text-decoration: none;
	border-radius: 15px;
	color: #fff;
	cursor: pointer;
}
.bienvenida-box a:hover{
	background: #005782;
	color: #fff;
	cursor: pointer;
}
.bienvenida-box a label{
	display: block;
	text-align: center;
	font-size: 25px;
	font-family: 'Russo One',sans-serif;
}
.bienvenida-box a label:hover{
	cursor: pointer;
}
.globo-whatsapp{
	position: fixed;
	width: 80px;
	bottom: 50px;
	right: 30px;
	z-index: 500;
}
.globo-whatsapp a{
	display: block;
}
.globo-whatsapp a img{
	width: 100%;
	filter: drop-shadow(0px 0px 5px #000);
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;

}
.systemimgdash{
	min-width: 315px;
	width: 60%;
	margin: auto;
	position: relative;
}
.systemimgdash img{
	position: absolute;
	width: 100%;
	display: block;
	top: 0;
	left: 0;
}
.globo-whatsapp a img:hover{
	opacity: 70%;
	width: 110%;
	filter: drop-shadow(0px 0px 5px #d78421);
}
.zona-merch{
	width: 100%;
}
.nomerch{
	width: 100%;
}
.nomerch h1{
	text-align: center;
	font-family: 'Russo One',sans-serif;
	color: #ffd977;
	text-shadow: 0 0 4px #000;
}
.tabla-merch{
	display: table;
	width: 95%;
	margin: auto;
	margin-bottom: 20px;
}
.merchbox0{
	display: inline-table;
	width: 25%;
}
.merchbox1{
	margin: auto;
	width: 90%;
	overflow: hidden;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.4);
}
.merch-img{
	width: 100%;
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.imggrande{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}
.imggrande:hover{
	cursor: pointer;
}
.imggrande img{
	width: 100%;
	max-width: 500px;
	margin: auto;
	margin-top: 100px;
	display: block;
}
.merchcant{
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: space-around;
}
.merchcant input{
	width: 30px;
	margin: auto;
	padding: 4px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #454242;
}
.merchcant input::-webkit-inner-spin-button,
.merchcant input::-webkit-outer-spin-button{
	-webkit-appearance: none;
  margin: 0;
}
.merchimgx{
	width: 100%;
	display: block;
	margin: 0;
	opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.merchimgx:hover{
	opacity: 0.2;
	cursor: pointer;
}
.lupamerch{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}
.merchbox2{
	width: 100%;
	display: flex;
	flex-direction: column;
	background: #454242;
}
.merchbox2 h1{
	margin: 2px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
	text-align: center;
	height: 24px;
}
.merchbox2 h3{
	margin: 2px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Rubik',sans-serif;
	text-align: center;
}
.merchbox2 button{
	margin: 2px auto;
	color: #005782;
	border-style: none;
	border-radius: 5px;
	background: linear-gradient(135deg,rgb(255, 204, 144),rgb(224, 157, 86));
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
	text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.merchbox2 button:hover{
	background: linear-gradient(135deg,rgb(12, 62, 91),rgb(60, 125, 166));
	color: #fff;
	cursor: pointer;
}
/*UPDATE PERFIL START*/
.update-perfil{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.update-imgusu{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	margin: 10px 	auto;
	position: relative;
}
.update-imgusu img{
	position: absolute;
	width: 100%;
}
.update-imgform{
	width: 310px;
	height: 150px;
	position: relative;
	margin: 10px auto;
}
.update-imgform img{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.img-formperfil{
	width: 45%!important;
	top: 10px!important;
	left: 10px!important;
}
.heart-ex{
	width: 100%;
	position: absolute;
}
.heart-ex img{
	width: 100%;
}
.update-perfil button{
	background: #454242;
	border: 0px;
	color: #fff;
	width: 200px;
	border-radius: 10px;
	padding: 4px;
	font-size: 15px;
	margin: 4px auto;
}
.update-perfil button:hover{
	background: var(--main-green);
	cursor: pointer;
}
.update-perfil p{
	color: var(--main-red);
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.changeimg{
	margin: 2px auto;
	color: #454242;
	font-size: 11px;
	justify-content: center;
}
/*UPDATE PERFIL END*/
/*RED START*/
.comprapro{
	display: flex;
	width: 100%;
	background:linear-gradient(0deg,rgba(69, 66, 66, 0),rgba(69, 66, 66, 0.7) 20%,#454242 50%,rgba(69, 66, 66, 0.7) 80%,rgba(69, 66, 66, 0));
	flex-direction: column;
	min-height: 400px;
	justify-content: center;
}
.comprapro h1{
	text-align: center;
	color: #fff;
	font-size: 25px;
	margin: auto 20px;
	margin-bottom: 15px;
	text-shadow: 0 0 4px #000;
}
.comprapro img{
	width: 60%;
	max-width: 400px;
	margin: auto;
	margin-top: 15px;
}
.red-box{
	width: 100%;
	display: flex;
	flex-direction:column;
	background: rgba(69, 66, 66, 0.15);
}
.botoncilloredbox{
	height: 60px;
	width: 80px;
	background: #bb255b;
	margin: 10px auto;
	clip-path: polygon(50% 0,100% 60%,80% 60%,80% 100%,20% 100%,20% 60%,0 60%);
	font-size: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.botoncilloredbox:hover{
	background: #2c636f;
	height: 70px;
	width: 120px;
	font-size: 20px;
}
.botoncilloredbox a{
	display: block;
	height: 100%;
	text-decoration: none;
	justify-content: space-around;
	display: flex;
}
.botoncilloredbox h4{
	display: block;
	color: #fff;
	font-weight: bold;
	margin: auto;
	text-align: center;
}
.red-title{
	display: block;
	margin: 5px;
	padding: 5px 10px;
	width: calc(100% - 30px);
	background: #005782;
}
.red-title h1{
	margin: 0;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	font-family: 'Rubik',sans-serif;
}
.red-box1{
	width: calc(100% - 20px);
	padding: 10px;
	margin-bottom: 40px;
}
.zona-red-box2{
	width: 100%;
	overflow: auto;
}
.red-box2{
	display: table;
	margin: 10px auto 20px auto;
	max-width: 960px;
	justify-content: center;
}
.boxuser-red{
	width: 240px;
	display: inline-table;
	margin: auto;
	margin-bottom: 20px;
}

.card-user{
	position: relative;
	border: 2px solid #262525;
	border-radius: 10px;
	background: rgba(69, 66, 66, 0.9);
	width: 120px;
	margin: auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.card-user:hover{
	background: #005782;
}
.alert-box-netw{
	position: absolute;
	width: 30px;
	right: 0;
	top: -10px;
}
.alert-box-netw img{
	width: 100%;
}
.alert-box-netw2{
	position: absolute;
	position: absolute;
  width: 70px;
  left: -23px;
  top: 8px;
  filter: drop-shadow(0px 0px 1px black);
}
.alert-box-netw2 img{
	width: 100%;
}
.termobox{
	position: absolute;
	bottom: -20px;
	left:-2px;;
	border: 2px solid #454242;
	height: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 100%;
	display: flex;
	margin: 0;
}
.termobar{
	width: 80%;
	position: relative;
	background: #454242;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.termobar h4{
	width: 100%;
	text-align: center;
	font-size: 11px;
	font-family: 'Rubik',sans-serif;
	z-index: 2;
	margin: 3px auto;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	text-shadow: 0 0 4px #000;
}
.termobar1{
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 30%;
	background: #4cb5a1;
	z-index: 0;
	border-bottom-left-radius: 3px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.termorank{
	width: 20%;
	background: #fff;
}
.termorank h4{
	margin: 2px;
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #454242;
	text-align: center;
}
.card-userimg-box{
	border: 4px solid #454242;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 10px auto;
	box-shadow: 0 0 10px 1px #cfc6c6;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.card-userimg-box img{
	height: 100%;
	width: 100%;
}
.binariobox00{
	width: calc(100% - 10px);
	margin: 5px;
	overflow-x: auto;
}
.binariobox0{
	width: 100%;
	min-width: 600px;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.binariobox1{
	width: 100%;
	display: flex;
	margin: 5px 0;
}
.binariline1{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.binariline2{
	width: 100%;
	display: flex;
}
.binariline1-1{
	display: flex;
}
.binuserbox0{
	display: flex;
}
.botonred{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 20px;
	height: 20px;
	border-style: none;
	border-radius: 50%;
	background:#fff;
	padding: 0;
	color: #454242;
	text-align: center;
	font-size: 12px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.botonred:hover{
	cursor: pointer;
	background: #454242;
	color: #ffe8bb;
}
.card-blank{
	border: 3px dashed #454242;
	border-radius: 10px;
	width: 120px;
	margin: auto;
	height: 193px;
	color: #454242;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.card-blank-o{
	/* border: 3px dashed #454242; */
	border-radius: 50%;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 24px auto;
	display: flex;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.card-blank-o h1{
	text-align: center;
	margin: auto;
	font-size: 50px;
	text-align: center;
}
.card-blank:hover,.card-blank-o:hover{
	border: 3px dashed #06938a;
	color: #06938a;
	cursor: pointer;
}
.card-blank:hover ~ .card-blank-o{
	border: 3px dashed #06938a;
}
.bindirectbox{
	position: fixed;
	z-index: 999;
	background: rgba(0, 0, 0, 0.95);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}
.bindirectbox0{
	width: 300px;
	border-radius: 20px;
	margin: auto;
	background: #fff;
	position: relative;
	color: #454242;
}
.cerrarbindirect{
	border-style: none;
	background: none;
	color: #fff;
	width: 40px;
	height: 40px;
	font-size: 30px;
	position: absolute;
	right: 0;
	top: -40px;
}
.cerrarbindirect:hover{
	color: rgb(9, 180, 139);
	cursor: pointer;
}
.bindirectbox0 h1{
	text-align: center;
	font-size: 20px;
	margin: 10px 20px;
	font-weight: bold;
}
.bindirectbox0 h2{
	text-align: center;
	font-size: 15px;
	margin: 10px 20px;
	font-weight: normal;
}
.binlistdirect{
	display: flex;
	flex-direction: column;
	margin: 10px;
	width: calc(100% -20px);
}
.binlistdirect button{
	margin: 2px;
	border: 2px solid #454242;
	border-radius: 10px;
	width: calc(100% - 8px);
	color: #454242;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.binlistdirect button:hover{
	background: #454242;
	color: #fff;
	cursor: pointer;
}
.binariopuntos{
	width: 100%;
	min-width: 600px;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.binariopuntos0{
	width: calc(100% - 10px);
	display: flex;
}
.binariopuntos0 h1{
	font-family: 'Rubik',sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #454242;
	text-align: center;
	margin: 5px 0;
	width: 100%;
}
.binariopuntos1{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.binariopuntos1 h1{
	background: linear-gradient(90deg,#45424200,#454242 20%,#454242 80%,#45424200);
	color: #fff;
	font-size: 16px;
	margin-bottom: 0;
	padding: 4px 0;
}
.binariopuntos1 h3{
	background: linear-gradient(90deg,#ffffff00,#ffffff 20%,#ffffff 80%,#ffffff00);
	font-family: 'Rubik',sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #454242;
	text-align: center;
	margin: 5px 0;
	width: 100%;
	margin-top: 0;
	padding: 4px 0;
}
.binardatatable{
	width: 100%;
}
.binardatatable table{
	width: 90%;
	margin: auto;
}
.binardatatable table th{
	background: #454242;
	color: #fff;
	font-size: 12px;
}
.binardatatable table td{
	background: #fff;
	color: #454242;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}
.card-user-info1{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 1px auto 4px auto;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.card-user-info1 h2{
	margin: 1px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.card-user-info1 h3{
	margin: 1px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.card-user-info2{
	display: flex;
	flex-direction: column;
	padding: 2px;
	width: calc(100% - 4px);
	overflow: hidden;
}
.card-user-info2 a{
	text-decoration: none;
	background: var(--main-red);
	color: #fff;
	padding: 2px;
	margin: 4px auto 0 auto;
	border-radius: 10px;
	font-size: 12px;
	width: 150px;
	text-align: center;
	font-weight: bold;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.card-user-info2 a:hover{
	background: var(--main-green);
}
.card-dato{
	width: 100%;
	display: flex;
}
.card-dato label{
	width: calc(40% - 2px);
	font-size: 10px;
	color: var(--main-yellow);
	text-align: right;
	margin-top: 1px;
	padding: 0 2px 0 0;
}
.card-dato h4{
	width: 60%;
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
/*RED END*/
/*CLUB START*/
.search-pack{
	/* box-shadow: 4px 6px 14px 1px #454242; */
	background: #fff;
	margin: 20px 0 10px auto;
	padding:0;
	border: 2px solid #454242;
	border-radius: 20px;
	width: calc(50% - 4px);
	display: flex;
	flex-direction: column;
	color: #454242;
}
.search-pack-p0{
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.search-pack-p1{
	display: flex;
	width: 100%;
}
.search-select-1{
	width: 50%;
	display: flex;
}
.search-select{
	display: flex;
	flex-direction: column;
	width: calc(50% - 10px);
	padding: 5px 5px;
}
.search-select label{
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2px;
	text-shadow: 0 0 5px rgb(184, 120, 73);
	padding: 0 10px;
}
.search-select select{
	border-radius: 10px;
	padding: 5px 5px;
	width: calc(100% - 10px);
	color:#fff;
	background: #454242;
	font-weight: bold;
	font-size: 12px;
	margin: auto;
}
.search-pack-p2{
	width: 100%;
}
.search-pack-p2 input{
	border-radius: 10px;
	border: 2px solid var(--main-yellow);
	padding: 5px 5px;
	width: calc(100% - 34px);
	margin: 5px 10px;
	color:#454242;
	font-weight: bold;
	font-size: 12px;
}
.search-pack-p2 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #a6a2a2;
}
.search-pack-p2 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #a6a2a2;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
.search-pack-p2 input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #a6a2a2;
   opacity:  1;
}
.search-pack-p2 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #a6a2a2;
}
.search-pack button{
	display: block;
	width: 250px;
	border-style: none;
	border-radius: 10px;
	background: var(--main-green);
	font-weight: bold;
	font-size: 15px;
	font-family: 'Rubik',sans-serif;
	text-align: center;
	margin: auto auto 5px;
	padding: 5px 20px;
	justify-content: center;
	color: #fff;
}
.search-pack button:hover{
	background: #fff;
	color: #454242;
	cursor: pointer;
}
.botonpasado{
	display: block;
	width: 80%;
	min-width: 280px;
	max-width: 400px;
	margin: 10px auto;
	border-radius: 15px;
	overflow: hidden;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.botonpasado a{
	display: block;
	margin: 0;
	width: 100%;
}
.botonpasado a img{
	width: 100%;
	display: block;
}
.botonpasado:hover{
	width: 78%;
	min-width: 270px;
	max-width: 390px;
	opacity: 0.7;
}
.zona-paquetes {
	display: table;
	width: 100%;
}
.zona-rifas {
	display: table;
	width: 100%;
}
.paquete-box{
	display: inline-table;
	padding: 20px 0;
	width: calc(100%/3);
	height: 430px;
	position: relative;
}
.rifa-box0 {
	display: inline-table;
	width: calc(100%/4);
	height: 160px;
}
.rifa-box{
	padding: 0;
	width: calc(100% - 10px);
	display: flex;
	flex-direction: column;
	position: relative;
	background: #fcc566;
	border-radius: 10px;
	overflow: hidden;
	margin: 5px auto;
	box-shadow: 4px 6px 10px 0px #454242;
	text-decoration: none;
}
.rifa-box:hover{
	border: 2px solid var(--main-green);
	width: calc(100% - 14px);
}
.rifa-box-tit{
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: column;
}
.rifa-box-tit h1{
	color: #454242;
	font-size: 15px;
	font-family: 'Rubik',sans-serif;
	text-align: center;
	margin: auto 0px;
}
.rifa-boxp2{
	width: 100%;
	display: flex;
}
.preciorifa-box{
	width: 50%;
	background: #fff;
	display: flex;
	flex-direction: column;
	margin: 0;
}
.preciorifa-box h2{
	color: #005782;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 2px 2px 1px 2px;
}
.preciorifa-box h4{
	color: #005782;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 1px 2px 2px 2px;
}
.rifa-clock{
	border-style: none!important;
	margin: 0!important;
	width: 100%!important;
	border-radius: 0!important;
	display: block!important;
	border: 0 !important;
	padding: 8px 0!important;
}
.rifa-clock p{
	font-size: 9px!important;
}
.rifa-clock p span{
	font-size: 9px!important;
}
.paq-clock{
	position: absolute!important;
	left: calc(50% - 85px)!important;
	top: 10px!important;
	border-style: none!important;
	width: 165px!important;
	border-radius: 5px!important;
	display: block;
	border: 0 !important;
	padding: 4px 0!important;
}
.paq-clock p{
	font-size: 9px!important;
}
.paq-clock p span{
	font-size: 9px!important;
}
.paquete-box a{
	position: absolute;
	top: 20px;
	text-decoration: none;
	width: 100%;
	height: 90%;
}
.paquete{
	width: 80%;
	height: 95%;
	margin: auto;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	border: 2px solid #45424220;
	/* box-shadow: 4px 6px 10px 0px #454242; */
	background: #fff;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}
.paquete:hover{
	width: 95%;
	height: 100%;
}

.img-content{
	height: 150px;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
	background: #454242;

	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}
.paquete:hover > .img-content{
	height: 170px;
}
.img-content img{
	width: 100%;
	display: block;
	margin: auto;
	min-height: 100%;
}
.detail-title{
	display: flex;
	width: 100%;
	height: 70px;
}
.name-pack{
	width: calc(70% - 10px);
	padding: 5px;
}
.price-pack{
	width: calc(30% - 10px);
	padding: 5px;
	display: flex;
	flex-direction: column;
}
.name-pack h3{
	margin: 0;
	font-size: 23px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	color: #454242;
}
.price-pack h3{
	margin: 0;
	font-size: 23px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	color: #454242;
	text-align: center;
}
.price-pack h5{
	margin: 0;
	font-size: 8px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	color: #454242;
	text-align: center;
}
.detail-box{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.detail-box h4{
	width: calc(100% - 20px);
	padding: 10px;
	font-size: 12px;
	color: #454242;
	text-align: justify;
	margin: 0;
}
.datos-pack{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.datos-pack-1{
	display: flex;
	width: 100%;
}
.dato-pack{
	width: calc(50% - 30px);
	padding: 5px 10px 5px 20px;
	display: flex;
	justify-content: flex-start;
}
.dato-pack i{
	width: 15%;
	font-size: 15px;
	color: #454242;
	text-align: center;
}
.dato-pack h5{
	width: calc(85% - 10px);
	padding: 0 0 0 10px;
	font-size: 10px;
	margin: 0;
	color: #454242;
}
.zona-reserva-but{
	width: 100%;
	justify-content: center;
}
.zona-reserva-but h2{
	width: 80%;
	margin: 10px auto;
	padding: 8px 0;
	text-align: center;
	background: var(--main-yellow);
	color: #454242;
	/* text-shadow: 0 2px 4px rgb(209, 127, 60); */
	font-size: 20px;
	font-family: 'Rubik',sans-serif;
	font-weight: normal;
	border-radius: 10px;
}

.zona-reserva-but h2:hover{
	background: #454242;
	color: #fff;
}
.img-content img:hover{
	opacity: 0.9;
}
/*CLUB END*/
/*PAQUETE START*/
.body-paquete{
	background-position: center;
	background-position: top;
  background-attachment: fixed;
	background-repeat: no-repeat;
  height: 100%;
  background-color: #fff;
  width: 100%;
}
.main-paquete{
	background: none;
	border: 0px;
	margin-top: 100px;
}
.travelpack-info{
	margin-top: 10px;
	border-radius: 20px;
	background: #fff;
	/*box-shadow: 4px 4px 14px 1px #454242;*/
	overflow: hidden;
	border: 2px solid #454242;
	width: calc(100% - 4px);
}
.travel-title-z{
	width: 100%;
	display: flex;
}
.travel-title-z h1{
	margin: 0;
	padding: 10px 15px;
	width: calc(80% - 30px);
	color: #454242;
	font-family: 'Russo One', sans-serif;
	font-size: 50px;
}
.travel-title-z button{
	margin: 10px;
	border-top-right-radius: 16px;
	display: flex;
	padding: 0;
	border: 4px solid #454242;
	background: #fff;
	width: calc(20% - 20px);
}
.travel-title-z button:hover{
	cursor: pointer;
	background: var(--main-yellow);
}
.travel-title-z button i{
	width: 40%;
	font-size: 40px;
	color: #454242;
	margin: auto;
}
.travel-div-info1{
	width: 100%;
	position: relative;
	display: flex;
}
.datos-basicos{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 50%;
}
.datos-basicos img{
	display: block;
	width: 100%;
	height: auto;
}
.datos-basicos2{
	width: 100%;
	display: table;
}
.dato-basic0{
	display: inline-table;
	width: 25%;
}
.dato-basic{
	display: flex;
	border-radius: 25px;
	background: #fff;
	margin: 5px auto;
	color: #454242;
	justify-content: center;
}
.dato-basic i{
	font-size: 20px;
	margin-right: 5px;
	width: 40px;
	text-align: center;
}
.dato-basic h5{
	/* width: calc(100% - 30px); */
	font-size: 15px;
	margin: 0;
	text-align: left;
}
.travelimg-box{
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.travelimg-box img{
	width: 100%;
}
.butimgtrav{
	position: absolute;
	width: 60px;
	height: 60px;
	border-style: none;
	border-radius: 50%;
	background: #fff;
	color: #454242;
	opacity: 90%;
	font-size: 40px;
	right: 5px;
	top: calc(50% - 30px);
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.butimgtrav:hover{
	opacity: 70%;
	width: 50px;
	height: 50px;
	cursor: pointer;
	top: calc(50% - 25px);
	right: 10px;
	font-size: 35px;
}
.travel-titulo{
	width: 100%;
}
.travel-titulo h1{
	margin: 0;
	padding: 10px 20px;
	width: calc(100% - 40px);
	font-size: 25px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	color: #fff;
	background: #454242;
}
.travel-div-info2{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.travel-div-info2 img{
	width: 100%;
	display: block;
}
.traveldesc-box{
	width: 100%;
	position: relative;
}
.travelbox-texto{
	width: calc(100% - 30px);
	margin: 0;
	padding: 15px;
	text-align: justify;
}
.itiner-minibox{
	background: rgba(69, 66, 66, 0.2);
	width: 100%;
	display: flex;
	margin: 0;
	margin-bottom: 10px;
	height: 40px;
}
.itiner-minibox:hover{
	cursor: pointer;
}
.itiner-minibox i{
	margin: auto;
	width: calc(8% - 30px);
	font-size: 16px;
	color: #454242;
	text-align: center;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.itiner-minibox h2{
	width: calc(46% - 30px);
	margin:auto;
	font-size: 16px;
	font-weight: bold;
	color: #454242;
}
.itiner-text{
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.itiner-text h4{
	margin: 0;
	padding: 15px;
	font-size: 16px;
	font-weight: normal;
	color: #454242;
	text-align: justify;
}
.embed-map{
	width: 100%;
	height: 450px;
}
.reserva-but{
	width: calc(80% - 4px);
	min-width: 200px;
	margin: 20px auto;
	border-radius: 20px;
	border: 2px solid #454242;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: flex;
	text-decoration: none;
}
.reserva-but:hover{
	cursor: pointer;
	background: var(--main-green);
	color: #fff;
}
.reserva-but a{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	text-decoration: none;
	color: #454242;
}
.reserva-but a:hover{
	color: #fff;
}
.reserva-but a h1{
	margin: 5px auto;
	text-align: center;
	font-family: 'Rubik',sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.travelpack-info2{
	margin-top: 20px;
	width: 100%;
	border-radius: 20px;
	background: #454242;
	/*box-shadow: 4px 4px 14px 1px #454242;*/
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.tipohabbox0{
	width: calc(100% - 20px);
	margin: 10px;
	display: flex;
	flex-direction: column;
}
.tipohabbox{
	width: calc(100% - 4px);
	border: 2px solid #878282;
	margin: 0;
	background: #454242;
	display: flex;
	color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tipohabbox:hover{
	cursor: pointer;
	border: 2px solid #454242;
	background: #fff;
	color: #454242;
}
.imgtipohabbox{
	width: 15%;
	display: block;
}
.imgtipohabbox img{
	width: 100%;
	display: block;
}
.titlehabbox{
	width: 65%;
	margin: auto;
}
.titlehabbox h2{
	width: calc(100% - 10px);
	font-family: 'Rubik';
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	margin: 0;
}
.dispohabbox{
	width: 20%;
	margin: auto;
}
.dispohabbox h3{
	width: calc(100% - 10px);
	font-family: 'Rubik';
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	margin: 0;
}
.cuadrobuscador{
	position: absolute;
	left: 2px;
	top: 20px;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	z-index: 900;
	max-height: 120px;
	overflow: auto;
}
.listsharebox{
	width: calc(100% - 8px);
	margin: 2px 4px;
	display:flex;
	background:#fff;
	color: #454242;
	font-weight: normal;
}
.listsharebox:hover{
	background:#dfdcdc;
	font-weight: bold;
	cursor: pointer;
}
.listsharimg{
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 50%;
	overflow: hidden;
}
.listsharimg img{
	width: 100%;
}
.listsharetxt{
	width: calc(100% - 40px);
	display: flex;
}
.listsharetxt h4{
	margin: auto 4px;
	text-align: left;
	font-family: 'Rubik',sans-serif;
	font-size: 11px;
}
.pago-paquete{
	display: block;
}
.pago-paquete h1{
	display: block;
	margin: 10px;
	font-family: 'Rubik',sans-serif;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-shadow: 0 0 5px #000;
}
.precio-paq{
	display: block;
	margin: 10px auto 10px auto;
	font-family: 'Russo One',sans-serif;
	color: var(--main-yellow);
	font-size: 60px;
	font-style: italic;
	text-align: center;
	text-shadow: 0 0 5px var(--main-orange);
}
.pack-paypal{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.pack-paypal0{
	display: flex;
	width: 100%;
}
.pack-paypal1{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 10px 0;
}
.pack-paypal1-cup{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.pack-paypal2{
	display: flex;
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.paq-select{
	margin: 2px 0;
	display: flex;
	width: 100%;
}
.pack-paypal1 h3{
	position: relative;
	display: block;
	width: calc(100% - 20px);
	padding-left: 20px;
	margin:  0 auto;
	font-family: 'Rubik',sans-serif;
	font-size: 25px;
	color: #fff;
	text-shadow: 0 0 4px #000;
	text-align: left;
}
.paq-select label{
	margin: 4px 10px 4px 20px;
	text-align: right;
	width: calc(60% - 30px);
	font-size: 13px;
	text-shadow: 0 0 4px #000;
	color: #fff;
}
.pack-paypal2 label{
	margin: 4px 10px 4px 20px;
	text-align: right;
	width: calc(50% - 30px);
	font-size: 13px;
	text-shadow: 0 0 4px #000;
	color: #fff;
}
.paq-select select{
	border-style: none;
	border-radius: 10px;
	width: 20%;
	text-align-last: center;
	margin: auto auto auto 0;
	display: block;
	font-weight: bold;
}
.pack-paypal2 input{
	border-style: none;
	border-radius: 10px;
	width: 30%;
	text-align: center;
	margin: auto auto auto 0;
	display: block;
	font-weight: bold;
}
.pack-paypal1 button{
	margin: 2px auto;
	border-style: none;
	border-radius: 10px;
	background: var(--main-yellow);
	color: #454242;
	font-size: 12px;
	padding: 2px 4px;
	font-weight: bold;
}
.pack-paypal1-cup button{
	margin: 2px auto;
	border-style: none;
	border-radius: 10px;
	background: var(--main-yellow);
	color: #454242;
	font-size: 12px;
	padding: 2px 4px;
	font-weight: bold;
}
.pack-paypal1 button:hover{
	background: var(--main-orange);
	cursor: pointer;
}
.pack-paypal1-cup button:hover{
	background: var(--main-orange);
	cursor: pointer;
}
.zonacheckcup{
	width: 90%;
	margin: 5px auto;
	display: flex;
	overflow: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.zonacheckcup input{
	width: auto;
	margin: auto;
	margin-right: 2px;
}
.zonacheckcup input:hover{
	cursor: pointer;
}
.zonacheckcup label{
	width: auto;
	margin: auto;
	margin-left: 2px;
	font-size: 10px;
	color: #fff;
}
.zonacheckcup label:hover{
	cursor: pointer;
	color: var(--main-yellow);
}
.travelabrirbut{
	position: absolute;
	top: 0;
	right: 30px;
	background: none!important;
	color: var(--main-yellow)!important;
	font-size: 20px!important;
	font-weight: bold!important;
	text-align: center!important;
	width: 25px!important;
	height: 25px!important;
}
.travelabrirbut:hover{
	background: none!important;
	color: #fff!important;
	cursor: pointer;
}
.pack-paypal1 p,.pack-paypal1-cup p{
	width: calc(100% - 40px);
	padding: 0 20px;
	font-size: 12px;
	color: var(--main-orange);
	font-style: italic;
	text-shadow: 0 0 10px #000;
	margin: 4px 0;
	overflow: hidden;
	-webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.tipopagopack{
	width: calc(100% - 40px);
	background: rgba(255, 255, 255, 0.8);
	margin: 10px auto;
	border-radius: 15px;
	padding: 10px;
}
.tipopagopack button{
	max-width: 90%;
	width: 500px;
	height: 50px;
	font-family: 'Rubik', sans-serif;
	font-size: 25px;
	font-style: italic;
	text-align: center;
	color: #fff;
	background: #2b2a2a;
	border-style: none;
	margin: auto;
	display: block;
}
.tipopagopack button:hover{
	background: var(--main-green);
	cursor: pointer;
}
.puntoscuponbox:disabled{
	background: #000;
	color: var(--main-yellow);
}
.contenedor-paypalpack{
	margin: auto;
	max-width: 500px;
	overflow: hidden;
	-webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.trav-op1{
	margin: 2px;
	border-radius: 8px;
	background:#454242;
	padding: 3px 5px;
	color: #fff;
}
.habita-container{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.box-habita{
	border-radius: 15px;
	background: rgba(255, 255, 255, 1);
	display: flex;
	flex-direction: column;
	margin: 0 10px 10px 10px;
	overflow: hidden;
}
.box-habita-cabec{
	width: 100%;
	background: var(--main-yellow);
	display: flex;
}
.box-habita-cabec label{
	color: #454242;
	font-size: 16px;
	font-style: italic;
	font-family: 'Rubik', sans-serif;
	padding: 2px 5px;
	font-weight: bold;
	text-align: right;
}
.box-habita-cabec button{
	border-style: none;
	background: none;
	color: #005782;
	font-size: 20px;
	font-style: italic;
	text-align: right;
}
.box-habita-cabec button:hover{
	cursor: pointer;
	color: var(--main-green);
}
.box-habita-cabec input::-webkit-inner-spin-button,
.box-habita-cabec input::-webkit-outer-spin-button{
	-webkit-appearance: none;
  margin: 0;
}
.box-habita-cabec input{
	background: none;
	border-style: none;
	color: #005782;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
	width: 50px;
	text-align: center;
	padding: 0;
}
.box-habita-cabec input:disabled{
	background: none;
	border-style: none;
	color: #005782;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	width: 50px;
	text-align: center;
}
.box-habita-cabec p{
	display: block;
	margin: auto;
	font-size: 14px;
	color: #454242;
	font-style: italic;
	text-align: left;
}
.cliente-habit-box{
	border-top: 1px solid #454242;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.box-habitusu1{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.dato-habit-box1{
	width: 100%;
	display: flex;
}
.dato-habit-minibox1{
	width:70%;
	display: flex;
	flex-direction: column;
}
.dato-habit-minibox1 label{
	width: calc(100% - 10px);
	margin: 2px 5px;
	color: #454242;
	font-weight: bold;
	font-size: 12px;
}
.dato-habit-minibox1 input{
	border: 1px solid #454242;
	background: #fff;
	width: calc(100% - 16px);
	margin: 2px 5px;
	color: #454242;
	font-size: 12px;
}
.dato-habit-box1 button{
	border-radius: 50%;
	width: 50px;
	margin: auto;
	padding: auto;
	border: 0px solid #000;
	background: none;
	font-size: 35px;
	color: rgb(203, 34, 17);
}
.dato-habit-box1 button:hover{
	cursor: pointer;
	color: #000!important;
}
.dato-habit-box2{
	width: 100%;
	display: flex;
}
.dato-habit-minibox2{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.dato-habit-minibox2 label{
	width: calc(100% - 10px);
	margin: 2px 5px;
	color: #454242;
	font-weight: bold;
	font-size: 12px;
}
.dato-habit-minibox2 input{
	border: 1px solid #454242;
	background: #fff;
	width: calc(100% - 16px);
	margin: 2px 5px;
	color: #454242;
	font-size: 12px;
}
.box-habitusu2{
	width: 100%;
	display: flex;
}
.dato-habit-box3{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.dato-habit-minibox3{
	width: 100%;
	display: flex;
}
.dato-habit-minibox3 label{
	width: calc(50% - 10px);
	color: #454242;
	font-size: 12px;
	margin: 2px 5px;
	font-weight: bold;
	text-align: left;
}
.dato-habit-minibox3 input{
	border: 1px solid #454242;
	background: #fff;
	width: calc(20% - 16px);
	margin: 2px 5px;
	color: #454242;
	font-size: 12px;
}
.dato-habit-minibox3 input:disabled{
	background: rgb(189, 173, 158);
}
.checkhabit{
	width: auto!important;
	margin: 5px!important;
}
.dato-habit-minibox3 select{
	border: 1px solid #454242;
	border: 0px;
	background: #fff;
	width: calc(20% - 10px);
	margin: 2px 5px;
	color: #454242;
	font-size: 12px;
}
.box-habitusu3{
	width: 100%;
	display: flex;
}
.dato-habit-box4{
	width: 50%;
	display: flex;
}
.dato-habit-minibox4{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.dato-habit-minibox4 label{
	width: calc(100% - 10px);
	color: #454242;
	margin: 2px 5px;
	font-weight: bold;
	font-size: 12px;
}
.dato-habit-minibox4 input{
	border: 1px solid #454242;
	background: #fff;
	width: calc(100% - 16px);
	margin: 2px 5px;
	color: #454242;
}
.box-habitusu4{
	width: 100%;
	background: rgba(72, 93, 122, 0.75);
	display: flex;
	margin-top: 4px;
}
.box-habitusu4 label{
	width: 55%;
	text-align: right;
	font-size: 14px;
	color: #fff;
}
.box-habitusu5{
	background: var(--main-yellow);
	width: 100%;
	display: flex;
	padding-bottom: 10px;
}
.dato-habit-box5{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.dato-habit-box5 label{
	width: calc(100% - 10px);
	color: #454242;
	margin: 2px 5px;
	font-weight: bold;
	font-size: 12px;
}
.dato-habit-box5 input{
	border: 1px solid #454242;
	background: #fff;
	width: calc(100% - 16px);
	margin: 2px 5px;
	color: #454242;
}
/*PAQUETE END*/
/*RELOJ START*/
.reloj-temp{
	position: fixed;
	top:200px;
	right:30px;
	background: rgba(7, 15, 12, 0.8);
	border: 6px solid #005438;
	z-index: 9999;
	width: 40px;
	height: 40px;
	min-width: 60px;
	min-height: 60px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.reloj-temp:hover{
	cursor: pointer;
	box-shadow: 0 0 5px 1px #454242;
}
.reloj-img{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
	opacity: 100%;
}
.reloj-img h2{
	height: 100%;
	display: block;
	margin: 16px 0;
	text-align: center;
	font-family: 'Russo One',sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 0 4px #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.reloj-img h3{
	display: block;
	margin: 1px auto;
	text-align: center;
	font-family: 'Rubik',sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 0 4px #000;
	color:#fff;
}
.reloj-img h4{
	display: block;
	margin: 10px auto 1px;
	text-align: center;
	font-family: 'Rubik',sans-serif;
	font-size: 8px;
	font-weight: bold;
	text-shadow: 0 0 4px #000;
	color:#fff;
}
.relojes-box{
	width: 100%;
	height: 100%;
}
.reloj-box{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: auto 0;
}
.reloj-box h2{
	color: var(--main-yellow);
	font-size: 14px;
	margin: 4px;
	text-align: center;
	height: 34px;
}
.reloj-box h1{
	color: var(--main-yellow);
	font-size: 11px;
	margin: 1px auto;
	text-align: center;
}
.visual-relojbox{
	display: block;
	background: #000;
	border-radius: 10px;
	margin: 8px;
}
.visual-relojbox p{
	font-family: 'Rubik', sans-serif;
	margin: 8px 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.visual-relojbox p span{
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
/*RELOJ END*/
/*SOCIAL*/
.social-box{
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 0px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 5px 9px 11px 3px rgb(84,84,84,0.7);
}
.social-box select {
	max-width: 80%;
	border: 2px solid #454242;
	border-radius: 10px;
	font-size: 20px;
	text-align: center;
	padding: 3px 10px;
	font-weight: bold;
	font-style: italic;
	margin: 10px auto;
	box-shadow: 5px 9px 11px 3px rgb(84,84,84,0.6);
}
.contenedor-coment-contain{
	width: 100%;
	max-height: 800px;
	overflow: auto;
	margin-bottom: 20px;
}

.coment-contain{
	width: 100%;
	margin: 20px auto 0;
	display: flex;
	flex-direction: column;
	padding: 0 0 20px 0;
}
.coment-boxreal{
	max-width: 80%;
	margin: 4px 20px 4px auto;
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	/* background: linear-gradient(100deg, #6C5CE7, #8E44AD); */
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 5px 9px 11px 3px rgb(84,84,84,0.6);
}
.coment-box-p1{
	display: flex;
	justify-content: flex-end;
}
.coment-box-p1-1{
	display: flex;
	flex-direction: column;
	padding: 0 5px;
}
.coment-box-p1-1 label{
	font-size: 12px;
	font-style: italic;
	/* color: #fff; */
	text-align: right;
	margin: 2px;
	padding: 0;
}
.coment-box-p1-1 h3{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	/* color: #fff; */
	text-align: right;
	margin: 2px;
	padding: 0;
}
.coment-box-p1-2{
	margin: 2px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}
.coment-box-p1-2 img{
	width: 100%;
}
.coment-box-p2{
	width: calc(100% - 10px);
	margin: 5px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.coment-box-p2 iframe{
	max-width: 100%;
}
.public-op1{
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	width: calc(100% - 10px);
	padding: 5px;
	background: #fff;
	overflow: hidden;
}
.public-op1 h4{
	color: #454242;
	font-size: 12px;
	margin: 0;
	width: 100%;
	word-wrap: break-word;
}
.public-img{
	margin-top: 5px;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.public-img img{
	max-height: 500px;
	max-width: 100%;
	display: block;
	margin: auto;
}
.coment-box-p3{
	display: flex;
	justify-content: flex-end;
}
.coment-box-p3 button{
	background: var(--main-yellow);
	color: #454242;
	font-weight: bold;
	border-style: none;
	border-radius: 10px;
	font-size-adjust: 11px;
	padding: 2px 8px;
	margin: 2px 20px 5px;
	text-align: center;
}
.coment-box-p3 button:hover{
	background: var(--main-red);
	/* color: #fff; */
	cursor: pointer;
}
.container-publicador{
	margin: 2px 20px 20px 10px;
	border-radius: 20px;
	background-color: #999999;
	/* background: linear-gradient(100deg, #6C5CE7, #8E44AD); */
	display: flex;
	flex-direction: column;
	width: calc(100% - 30px);
	box-shadow: 5px 9px 11px 3px rgb(84,84,84,0.6);
}
.publi-publicador{
	display: flex;
	width: 100%;
	overflow: hidden;
}
.radiopubli{
	width: 5%;
	display: block;
	margin: auto;
}
.publicador-box{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.publicador-box h3{
	margin: 3px 10px 2px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.publicador-box p{
	margin: 2px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.publicador-box textarea{
	margin: 2px 10px;
	border-style: none;
	border-radius: 10px;
	padding: 4px;
	width: calc(100% - 28px);
	font-weight: bold;
	color: #454242;
}
.publicador-box input{
	margin: 2px 10px;
	border-style: none;
	color: #fff;
	font-size: 10px;
}
.container-publicador button{
	margin: 10px auto;
	border-style: none;
	border-radius: 15px;
	background: var(--main-yellow);
	padding: 4px 8px;
	font-size: 18px;
	font-weight: bold;
	width: 200px;
	color: #454242;
}
.container-publicador button:hover{
	background: #454242;
	color: var(--main-yellow);
	cursor: pointer;
}
.publired-box{
	width: 95%;
	display: flex;
	flex-direction: column;
	margin: 3px auto;
}
.publired-box label{
	width: 100%;
	font-size: 10px;
	color: #fff;
	padding: 2px 10px;
	font-weight: bold;
}
.publired-box input{
	width: calc(100% - 36px);
	margin: 0px 10px;
	border-style: none;
	border-radius: 10px;
	color:#454242;
	padding: 2px 8px;
	font-weight: bold;
	font-size: 10px;
}
.publired-box input::placeholder{
	color: #a7a4a4;
	font-weight: normal;
}
.publired-box input:-ms-input-placeholder{
	color: #a7a4a4;
	font-weight: normal;
}
.publired-box input::-webkit-input-placeholder{
	color: #a7a4a4;
	font-weight: normal;
}
.publired-box input::-moz-placeholder{
	color: #a7a4a4;
	font-weight: normal;
}
.publicador-box textarea::placeholder{
	color: #a7a4a4;
	font-weight: normal;
}
.publicador-box textarea:-ms-input-placeholder{
	color: #a7a4a4;
	font-weight: normal;
}
.publicador-box textarea::-webkit-input-placeholder{
	color: #a7a4a4;
	font-weight: normal;
}
.publicador-box textarea::-moz-placeholder{
	color: #a7a4a4;
	font-weight: normal;
}
.modo-public{
	box-shadow: none!important;
	color: var(--main-yellow);
	background: #454242;
	font-size: 12px!important;
	padding: 2px 4px!important;
	margin: 6px auto 2px 10px!important;
	border: 1px solid #454242!important;
}
.boton-packchat{
	width: 80px;
	height: 80px;
	position: fixed;
	top: 200px;
	right: 30px;
	border-radius: 50%;
	border: 2px solid #fff191;
	background: linear-gradient(45deg,#ffeea4,#ffb91f);
	box-shadow: 0px 0px 11px 3px rgb(84,84,84,0.6);
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.boton-packchat a{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #454242;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin: auto;
	padding: 25px 0;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.boton-packchat:hover{
	background: linear-gradient(45deg,#1c5cb1,#bd6ce3);
	right: 28px;
	width: 84px;
	height: 84px;
	opacity: 0.9;
}
.boton-packchat a:hover{
	padding: 27px 0;
	color: #fff;
}
/*SOCIAL*/
/*CLUB DATOS*/
.novedadesclub-box{
	width: 100%;
	border-radius: 12px;
	background: linear-gradient(135deg,rgba(94, 97, 99, 0.9),rgba(35, 36, 38, 0.9));
	display: flex;
	flex-direction: column;
	margin: 10px auto;
	overflow: hidden;
}
.novedadesclub-box h1{
	margin: 0;
	padding: 4px 8px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	position: relative;
	text-align: left;
	cursor: pointer;
}
.novedadesclub-box h1 p{
	position: absolute;
	margin: 0;
	right: 8px;
	top: 0px;
	font-size: 18px;
	text-align: right;
}
.novedadesclub-box a{
	overflow: hidden;
	width: 100%;
	margin: 0;
	display: block;
	border: 0px solid #c3c3c3;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.novedadesclub-box a:hover{
	border: 20px solid #454242;
	width: calc(100% - 40px);
	margin: 0;
	display: block;
}
.novedadesclub-box a img{
	width: 100%;
	display: block;
}
.alertaavion{
	width:100px;
	position:absolute;
	top:10px;
	right:0px;
	z-index: 999;
	filter: drop-shadow(0 0 4px #454242);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.alertaavion:hover{
	width: 120px;
	filter: drop-shadow(0 0 10px #454242);
}
.myplacefilterbox{
	border: 2px solid #454242;
	border-radius: 5px;
	width: calc(100% - 4px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	color: #454242;
	font-family: 'Rubik',sans-serif;
}
.myplacefilterbox h1{
	margin: 0;
	padding: 5px 10px;
	font-size: 15px;
	text-align: center;
	position: relative;
}
.myplacefilterbox h1 button{
	position: absolute;
	top: 5px;
	right: 5px;
	background: #454242;
	color: #fff;
	font-weight: bold;
	border-style: none;
	border-radius: 3px;
}
.myplacefilterbox h1 button:hover{
	background: #fff;
	color: #454242;
	cursor: pointer;
}
.myplacefilter00{
	width: 100%;
	display: flex;
}
.myplacefilter00 label{
	margin: 5px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 1px;
}
.myplacefilter00 select{
	border-style: none;
	border-radius: 3px;
	background: #e6e2e2;
	color: #454242;
	font-weight: bold;
	margin: 5px;
	margin-top: 1px;
	padding: 2px;
	width: calc(100% - 10px);
}
.myplacefilter00 input{
	border-style: none;
	border-radius: 3px;
	background: #e6e2e2;
	color: #454242;
	font-weight: bold;
	margin: 5px;
	margin-top: 1px;
	padding: 2px;
	width: calc(100% - 14px);
}
.myplacefilter01{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.myplacefilter02{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.myplacefilter03{
	width: 100%;
	display: flex;
}
.myplacefilter04{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.resumeptos-box{
	width: 100%;
	border-radius: 20px;
	background: linear-gradient(135deg,rgba(94, 97, 99, 0.9),rgba(35, 36, 38, 0.9));
	display: flex;
	flex-direction: column;
	margin: 10px auto;
	overflow: hidden;
}
.resumeptos-boxp0{
	width: 100%;
	display: flex;
	overflow: hidden;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.resumeptos-boxp00{
	width: 100%;
	display: flex;
}
.filtro-clubbox{
	width: 100%;
	display: flex;
}
.resumeptos-boxp1{
	width: 25%;
	display: flex;
	flex-direction: column;
}
.resumeptos-img{
	width: calc(100% - 40px);
	overflow: hidden;
	margin: 20px auto 4px;
	border-radius: 50%;
	max-width: 195px;
}
.resumeptos-img img{
	display: block;
	margin: auto;
	width: 100%;
}
.resumeptos-boxp1 h2{
	width: calc(100% - 20px);
	margin: 2px auto 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 10px;
	font-family: 'Rubik', sans-serif;
	font-style: italic;
}
.resumeptos-boxp2{
	width: 75%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.resumeptos-boxp00 h1{
	width: calc(100% - 40px);
	margin: 6px auto;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-family: 'Rubik', sans-serif;
	font-style: italic;
}
.resumeptos-boxp00 button{
	width: 30px;
	margin: 5px;
	color: #fff;
	background: rgba(69, 66, 66, 0);
	border-style: none;
	border-radius: 10px;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	font-family: 'Rubik', sans-serif;
}
.resumeptos-boxp00 button:hover{
	cursor: pointer;
	color: #454242;
	background: #fff;
}
.filtro-clubbox h1{
	width: calc(100% - 40px);
	margin: 2px auto;
	color: #454242;
	font-size: 15px;
	text-align: center;
	font-family: 'Rubik', sans-serif;
	font-style: italic;
}
.filtro-clubbox button{
	width: 30px;
	margin: 3px;
	color: #454242;
	background: rgba(69, 66, 66, 0);
	border-style: none;
	border-radius: 10px;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	font-family: 'Rubik', sans-serif;
}
.filtro-clubbox button:hover{
	cursor: pointer;
	color: #fff;
	background: #454242;
}
.rsmptos-p2-p1{
	width: 100%;
	display: flex;
}
.rsmptos-p2-p1 label{
	width: 60%;
	font-size: 15px;
	color: #fff;
	margin: auto 4px;
	text-align: right;
}
.rsmptos-p2-p1 h3{
	width: 40%;
	font-size: 22px;
	color: var(--main-yellow);
	margin: 4px;
	text-align: left;
}
.rsmptos-p2-p1 h4{
	width: 40%;
	font-size: 20px;
	color: var(--main-yellow);
	margin: 4px;
	text-align: left;
}
.rsmptos-p2-p2{
	width: 100%;
	display: flex;
}
.rsmptos-mini{
	width: calc(50% - 8px);
	display: flex;
	margin: 2px 4px;
	background: rgba(37, 37, 37, 0.5);
}
.rsmptos-mini label{
	width: calc(60% - 40px);
	font-size: 12px;
	color: #fff;
	margin: auto 4px;
	text-align: left;
	padding: 0 20px;
}
.rsmptos-mini label a{
	background: var(--main-yellow);
	border-radius: 50%;
	width: 20px;
	color: #454242;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 4px;
}
.rsmptos-mini label a:hover{
	background: var(--main-green);
	color: #fff;
	cursor: pointer;
}
.rsmptos-mini h4{
	width: 40%;
	font-size: 15px;
	color: var(--main-yellow);
	margin: 4px;
	text-align: center;
}
.titulo-club{
	width: 100%;
	margin: 10px 0;
	background: rgba(69, 66, 66, 0.2);
	border-radius: 20px;
	display: flex;
	min-height: 40px;
	justify-content: center;
}
.titulo-club h1{
	width: calc(100% - 20px);
	color: #454242;
	font-size: 30px;
	text-align: center;
	text-shadow: 0 0 4px #fff;
	margin: auto 10px;
	display: block;
	font-family: 'Rubik',sans-serif;
	font-style: italic;
}
/*CLUB DATOS*/
/*RETO DEFINITIVO START*/
.promo-resultados{
	border-radius: 15px;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 20px 0;
	background: linear-gradient(135deg,rgba(250, 212, 137, 0.7),rgba(191, 139, 70, 0.7));
}
.promo-resultados h1{
	color: #454242;
	font-size: 25px;
	text-align: left;
	margin:10px;
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
	font-style: italic;
}
.promo-container{
	width: calc(100% - 20px);
	display: flex;
	flex-direction: column;
	margin:10px;
	margin-top: 0;
	opacity: 1;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.ganadorpromo{
	border-radius: 10px;
	width: calc(100% - 4px);
	margin: 2px 0;
	border: solid 2px #8c8c8c;
	background: linear-gradient(135deg,#454242,#1a1919);
	display: flex;
	height: 80px;
	overflow: hidden;
}
.ganador-img{
	margin: 4px;
	height: 72px;
	width: 72px;
	border-radius: 10px;
	overflow: hidden;
}
.ganador-img img{
	width: 100%;
	height: 100%;
}
.ganadorpromo h1{
	width: 30px;
	font-size: 35px;
	color: #a4ffef;
	margin: auto 0;
}
.ganador-datos{
	width: calc(100% - 110px);
	display: flex;
}
.ganador-datos h2{
	width: calc(50% - 15px);
	margin: auto;
	margin-left: 15px;
	font-size: 25px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-family: 'Rubik',sans-serif;
}
.ganador-req{
	width: 50%;
	display: flex;
}
.ganador-req label{
	width: 30%;
	color: #fff;
	text-align: center;
	font-size: 30%;
	font-size: 10px;
	margin: auto 0;
}
.ganador-req h3{
	width: 70%;
	color: #fff;
	text-align: center;
	font-size: 30%;
	font-size: 11px;
	margin: auto 0;
}
.minitablones-promo{
	width: 100%;
}
.minitablon-promo{
	border-radius: 15px;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 20px 0;
	background: linear-gradient(135deg,rgba(69, 66, 66, 0.8),rgba(23, 22, 22, 0.8));
}
.minitablon-promo h1{
	color: #fff;
	font-size: 20px;
	text-align: left;
	margin:10px;
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
	font-style: italic;
}
.userpromo-container{
	width: calc(100% - 20px);
	display: flex;
	flex-direction: column;
	margin:10px;
	margin-top: 0;
	opacity: 1;
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.userpromo{
	border-radius: 10px;
	width: calc(100% - 4px);
	margin: 2px 0;
	border: solid 2px #8c8c8c;
	background: linear-gradient(135deg,#fff,#f4efe9);
	display: flex;
	height: 50px;
	overflow: hidden;
}
.userpromo-img{
	margin: 4px;
	height: 42px;
	width: 42px;
	border-radius: 10px;
	overflow: hidden;
}
.userpromo-img img{
	width: 100%;
	height: 100%;
}
.userpromo-datos{
	width: calc(100% - 50px);
	display: flex;
}
.userpromo-datos h2{
	width: 75%;
	margin: auto;
	margin-left: 15px;
	font-size: 18px;
	color: #454242;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-family: 'Rubik',sans-serif;
}
.userpromo-datos h3{
	width: 25%;
	margin: auto;
	margin-right: 15px;
	font-size: 15px;
	color: #454242;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	font-family: 'Rubik',sans-serif;
}
.reloj-reto{
	width: 280px;
	margin: auto;
	border-radius: 20px;
	background: linear-gradient(135deg,#047952,#001710);
	overflow: hidden;
}
.reloj-reto p{
	margin: 10px;
	text-align: center;
	font-family: 'Russo One',sans-serif;
	color: rgb(255, 241, 143);
	font-size: 15px;
}
.reloj-reto p span{
	margin: 4px;
	text-align: center;
	font-family: 'Russo One',sans-serif;
	color: rgb(255, 235, 99);
	font-size: 20px;
}
.tituloreto{
	font-size: 30px;
	font-family: 'Russo One',sans-serif;
	color: #454242;
	text-align: center;
	display: block;
}
.descripreto{
	font-size: 14px;
	font-family: 'Rubik',sans-serif;
	color: #454242;
	text-align: center;
	display: block;
	max-width: 300px;
	margin:0 auto 20px;
}
/*RETO DEFINITIVO END*/
/*ZONA RANGO START*/
.rankbox-0{
	width: 100%;
	height: 120px;
	background: linear-gradient(180deg,rgb(41, 39, 39) 30%,rgba(255, 255, 255, 0.8));
}
.rankbox-1{
	margin: 10px;
	width: calc(100% - 20px);
	display: flex;
}
.rankbox-imgusu{
	border-radius: 10px;
	width: 96px;
	height: 96px;
	overflow: hidden;
	position: relative;
}
.rankname{
	width: 100%;
	height: 30px;
	position: absolute;
	display: flex;
	bottom: 0;
	left: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.rankname p{
	display: block;
	text-align: center;
	font-size: 12px;
	margin: auto;
	font-weight: bold;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.rankbox-imgusu img{
	width: 100%;
}
.barradirect-usu{
	width: calc(100% - 96px);
	display: flex;
	flex-direction: column;
}
.barradirect-usu h2{
	width: 100%;
	height: 48px;
	font-size: 20px;
	margin: auto;
	font-family: 'Rubik',sans-serif;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.barradedirect{
	position: relative;
	width: calc(100% - 8px);
	height: 42px;
	overflow: hidden;
	border-radius: 5px;
	border: 2px solid #fff;
	margin: 2px;
}
.barradedirect h4{
	color: #fff;
	text-shadow: 0 0 4px #000;
	font-size: 15px;
	font-family: 'Russo One', sans-serif;
	font-weight: bold;
	text-align: center;
	margin: auto;
	position: absolute;
	width: 100%;
	top: calc(50% - 10px);
	left: 0;
	z-index: 3;
}
.barracolor-dir1{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-right: 2px solid #454242;
	z-index: 2;
}
.barracolor-dir2{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1;
}
.rankbox-15{
	width: 100%;
	margin: 0;
	background: rgba(255, 255, 255, 0.8);
}
.rankbox-15 h2{
	color: #454242;
	font-size: 15px;
	font-family: 'Rubik',sans-serif;
	text-align: center;
	margin: 10px;
	width: calc(100% - 20px);
}
.rankbox-2{
	width: 100%;
	height: 430px;
	display: flex;;
	flex-direction: column;
}
.rankbox-3{
	width: 80%;
	margin: auto;
}
.barrasbox{
	width: 100%;
	height: 100%;
	overflow-x: auto;
	background: rgba(255, 255, 255, 0.8);
}
.division-rango{
	width: 100%;
	height: 300px;
	display: flex;
}
.barrabase-rango{
	width: calc(100%/8);
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	min-width: 80px;
}
.barrabase-rango h4{
	margin: auto;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
	width: 80px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	color: #454242;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.contenedorbarra-rango{
	display: block;
	border: 2px solid #fff;
	background: rgba(69, 66, 66, 0.8);
	border-bottom: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 40px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nombrebarra{
	margin: auto;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 20%;
	left: 0;
}
.nombrebarra h3{
	transform: rotate(270deg);
	transform-origin: 50% 50% 0;
	font-family: 'Rubik',sans-serif;
	color: #fff;
	text-shadow: 0 0 4px #000;
	text-align: center;
	font-size: 12px;
}
.barracolor-rango{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgb(27, 203, 166);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.boxnombrerank{
	display: flex;
	width: 100%;
	height: 112px;
}
.mininombrebox{
	width: calc(100%/8);
	min-width: 80px;
}
.mininombrebox h3{
	transform: rotate(315deg);
	transform-origin: 85% 100% 0;
	font-family: 'Rubik',sans-serif;
	color: #005782;
	text-align: center;
	font-size: 15px;
	margin: auto;
	width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.gifbox{
	width: 50px;
	margin: auto;
	margin-bottom: 0;
  -webkit-transition: all 4s ease;
  -moz-transition: all 4s ease;
  -ms-transition: all 4s ease;
  -o-transition: all 4s ease;
  transition: all 4s ease;
}
.gifbox img{
	width: 100%;
	display: block;
	margin: auto;
}
/*ZONA RANGO END*/
/*RIFA START*/
.cajaloto0{
	display: flex;
	margin: auto;
	flex-direction: column;
	border-radius: 20px;
	overflow: hidden;
	background: rgba(69, 66, 66, 0.75);
	max-width: 700px;
}
.cajaloto0 h1{
	width: 100%;
	font-family: 'Russo One',sans-serif;
	font-size: 30px;
	color:#fff;
	text-align: center;
	margin: 5px auto;
	font-weight: normal;
}
.cajaloto{
	width: auto;
	display: flex;
	margin: 10px auto;
}
.reloj-loto{
	padding: 8px 10px;
	margin: 0 auto;
	background: #112a27;
	color: #49f0a5;
	border: 2px solid var(--main-yellow);
	border-radius: 10px;
}
.reloj-loto p{
	text-align: center;
	margin: auto;
	font-family: 'Press Start 2P',sans-serif;
	font-size: 15px;
}
.reloj-loto p span{
	font-size:15px;
	font-family: 'Press Start 2P',sans-serif!important;
}
.lotoimg{
	width: 375px;
	position: relative;
}
.img-loto{
	width: 100%;
	margin: auto;
}
.img-loto img{
	width: 100%;
}
.lotoimg input{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 70px;
	text-align: center;
	padding: 5px;
	border-style: none;
	background: #005782;
	border-radius: 50%;
	color: var(--main-yellow);
	text-shadow: 0 0 6px #000;
	font-family: 'Russo One',sans-serif;
	font-size: 60px;
}
.ticketero{
	max-width: 200px;
	margin: 20px 5px 0 20px;
	border: 4px solid #f1b05a;
	border-radius: 12px;
	background: #df9d45;
	display: flex;
	flex-direction: column;
	box-shadow: -5px -5px 0 5px #f1cd9e;
}
.ticketero h2{
	margin: 2px auto;
	text-align: center;
	font-family: 'Rubik',sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8b6839;
	text-shadow: 1px 1px 0 #f6bb6e;
}
.ticketerodata{
	width: 100%;
	display: flex;
	height: 200px;
}
.ticketnum{
	margin: 8px;
	background: #112a27;
	border: 5px solid #ad8247;
	border-radius: 10px;
	box-shadow: 1px 1px 0px 1px #f1cd9e;
	display: flex;
	flex-direction: column;
	width: calc(50% - 26px);
	height: calc(100% - 26px);
}
.numticket{
	font-family: 'Press Start 2P', sans-serif;
	color: #49f0a5;
	background: none;
	border-style: none;
	font-size: 25px;
	text-align: center;
	margin: 10px 0 0 0;
	width: 100%;
	padding: 0;
	height: calc(35% - 10px);
}
.cajaloto0 input[type=number]{
	-moz-appearance:textfield;
}
.cajaloto0 input[type=number]::-webkit-inner-spin-button{
	-webkit-appearance: none;
}
.cajaloto0 input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance: none;
}
.ticketnum h3{
	width: 100%;
	padding: 4px 0;
	text-align: center;
	font-family: 'Press Start 2P', sans-serif;
	color: #49f0a5;
	font-size: 8px;
	border-bottom: 1px dashed #49f0a5;
	margin: 0;
	height: calc(15% - 9px);
}
.precioticket{
	font-family: 'Press Start 2P', sans-serif;
	color: #f7ff61;
	background: none;
	border-style: none;
	font-size: 15px;
	text-align: center;
	margin: 8px 0 2px 0;
	width: 100%;
	padding: 0;
	height: calc(35% - 10px);
}
.ticketnum h4{
	width: 100%;
	padding: 2px 0;
	text-align: center;
	font-family: 'Press Start 2P', sans-serif;
	color: #f7ff61;
	font-size: 7px;
	margin: 0;
	height: calc(15% - 4px);
}
.ticketrows{
	width: 30%;
	display: flex;
	flex-direction:column;
	height: calc(100% - 16px);
	margin: 8px 0;
}
.ticketrows button{
	width: 100%;
	height: 50%;
	border-style: none;
	background: none;
	font-size: 40px;
	-webkit-text-stroke: 4px #ad8247;
	text-shadow: 0 0 4px #ad8247;
	color: #8ff2c2;
}
.ticketrows button:hover{
	color: var(--main-yellow);
	cursor: pointer;
}
.ticketpalanca{
	width: 20%;
	position: relative;
}
.huecopalanca{
	height: calc(100% - 16px);
	width: 20px;
	background: #454242;
	border: 4px solid #ad8247;
	margin: auto;
	border-radius: 10px;
}
.bolitapalanca{
	position: absolute;
	padding: 0;
	top: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	border: 4px solid #251818;
	background: #94230f;
	border-radius: 50%;
	z-index: 5;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.bolitapalanca:hover{
	cursor: pointer;
	border: 4px solid #fff;
}
.barrapalanca1{
	width: 16px;
	background: #676262;
	height:30%;
	border-radius: 10px;
	bottom: 50%;
	position: absolute;
	left: calc(50% - 8px);
	z-index: 4;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.barrapalanca2{
	width: 16px;
	background: #9d9797;
	height:0;
	border-radius: 10px;
	top: 50%;
	position: absolute;
	left: calc(50% - 8px);
	z-index: 4;
	-webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.cajapremio0{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.cajapremio0 h1{
	text-align: center;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	font-size: 30px;
	color: #005782;
	margin: 20px auto 5px;
}
.titllll{
	width: 100%;
	margin: auto;
	background: rgba(69, 66, 66, 0.75);
	border-radius: 20px;
	color: #fff!important;
}
.cancelbox{
	width: 100%;
	display: block;
}
.cancelbox h1{
	text-align: center;
	font-size: 45px;
	color: rgb(255, 181, 162);
}
.cupon-grande{
	background: linear-gradient(20deg,#ffd473 20%,#eda84e 35%,#ffd474 50%,#ffe2a8);
	border-radius: 3px;
	width: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 2px 2px 6px 4px rgba(0, 0, 0, 0.5);
}
.cupon-grande h1, .cupon-grande h3, .cupon-grande h4{
	text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
.cupon-p1{
	display: flex;
	width: calc(100% - 6px);
	margin: 3px 3px 0 3px;
	border-bottom: 4px dotted #454242;
}
.cupon-title{
	display: flex;
	width: 60%;
}
.cupon-title h1{
	width: calc(100% - 177px);
	color: #454242;
	font-family: 'Russo One',sans-serif;
	font-size: 30px;
	text-align: left;
	margin: auto 2px auto 5px;
}
#tituchiqui{
	display: none;
}
.cupon-imgx{
	width: 170px;
	display: block;
}
.cupon-imgx img{
	max-height: 72px;
	width: 100%;
	display: block;
	margin-right: 0;
	filter: drop-shadow(0 0 4px #454242);
}
.cupon-ptos{
	width: 40%;
	display: flex;
	flex-direction: column;
	margin: auto 0px;
}
.cupon-ptos h1{
	text-align: right;
	color: #454242;
	font-family: 'Russo One', sans-serif;
	font-size: 38px;
	margin: 2px;
	margin-bottom: 0;
}
.cupon-ptos p{
	text-align: right;
	color: #454242;
	font-family: 'Russo One', sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin: 2px;
	margin-top: 1px;
}
.cupon-p2{
	width: 100%;
	display: flex;
}
.img-cupon{
	width: 40%;
}
.img-cupon img{
	width: 100%;
	display: block;

}
.cupondatos{
	display: flex;
	flex-direction: column;
	width: 60%;
}
.cupondatos h1{
	text-align: right;
	color: #454242;
	font-family: 'Russo One', sans-serif;
	font-size: 35px;
	margin: 2px;
	padding: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.cupondatos h3{
	text-align: right;
	color: #454242;
	font-family: 'Russo One', sans-serif;
	font-size: 15px;
	margin: 2px;
	padding: 5px;
	padding-top: 0;
	margin-top: 0;
}
.cupondatos h4{
	text-align: right;
	color: #454242;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	margin: 2px;
	padding: 5px;
	padding-top: 0;
	margin-top: 0;
}
.cupondatos a{
	text-decoration: none;
	color: var(--main-yellow);
	background: #454242;
	border-radius: 12px;
	padding: 4px 8px;
	margin: 10px auto;
	font-size: 20px;
	font-weight: bold;
}
.cupondatos a:hover{
	background: var(--main-green);
	cursor: pointer;
}
.ganadorbox{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.ganadorminibox{
	width: 100%;
	max-width: 500px;
	display: flex;
	margin: auto;
}
.ganadorimg{
	width: 150px;
	height:150px;
	margin: 5px;
	border-radius: 50%;
	overflow: hidden;
}
.ganadorimg img{
	width: 100%;
}
.ganadordata{
	width: calc(100% - 160px);
	display: flex;
	flex-direction: column;
	margin: auto;
}
.ganadordata h2{
	text-align: center;
	color: #fff;
	font-size: 25px;
	font-family: 'Rubik',sans-serif;
	margin: 2px auto;
}
.ganadordata h4{
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: 'Rubik',sans-serif;
	margin: 2px auto;
}
.ganadordata h1{
	color: var(--main-yellow);
}
/*RIFA END*/
/*SYSTEM START*/
.presentoffice{
	position: fixed;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	left: 0;
	overflow: hidden;
	background: rgba(29, 30, 32, 0.9);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.presentoffbox{
	position: relative;
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
.preoffim1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.preoffim1 img{
	width: 100%;
}
/*SYSTEM END*/
/*prereg START*/
.prepre00{
	width: calc(100% - 10px);
	display: flex;
	padding: 0 0 80px 0;
	margin: auto;
	overflow: auto;
}
.prepre0{
	margin: auto;
	max-width: 600px;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.prepre0 h1{
	text-align: center;
	color: #535252;
	font-size: 25px;
	margin: 20px auto;
}
.prepre0 h2{
	text-align: center;
	color: #535252;
	font-size: 14px;
	margin: 20px auto;
}
.prepre1{
	width: 100%;
	display: flex;
	justify-content: center;
	min-height: 300px;
}
.prepre2{
	text-decoration: none;
	width: calc(80% - 8px);
	border-radius: 20px;
	background: linear-gradient(10deg,rgba(134, 134, 134, 0.5),rgba(255, 255, 255, 0.2) 30%,rgba(255, 255, 255, 0.2) 80%,rgba(198, 198, 198, 0.5));
	display: flex;
	flex-direction: column;
	margin: 4px;
	justify-content: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.prepre2:hover{
	cursor: pointer;
	background: linear-gradient(10deg,#c2c8cf,#e1f1f9 40%,#ddeff9 80%,#d6d7d7);
}
.prepre2 h1{
	font-size: 20px;
	font-weight: bold;
}
.prepreimg{
	width: 100%;
	display: block;
}
.prepreimg img{
	display: block;
	margin: auto;
	width: 95%;
}
/*prereg END*/
/*HALL START*/
.selectorhall{
	width: 100%;
	display: flex;
}
.hallselect{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: calc(50% - 24px);
	border: 2px solid var(--main-yellow);
	border-radius: 25px;
	padding: 5px;
	background: #121111;
	color: var(--main-yellow);
	font-size: 20px;
	font-style: italic;
	font-family: 'Russo One',sans-serif;
	text-align: center;
	margin: 2px 10px 20px;
	text-shadow: 0 0 4px rgb(203, 172, 78);
}
.hallselect:hover{
	cursor: pointer;
	background:var(--main-yellow);
	color: #454242;
}
.logohall{
	width: 100%;
}
.logohall img{
	width: 100%;
}
.hallbox0{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.hallbox1{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.hallboxtit{
	width: 100%;
	background-position: 50%;
	overflow: hidden;
	-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
.hallboxtit h1{
	width: 100%;
	margin: 12px auto;
	font-size: 28px;
	font-family: 'Russo One',sans-serif;
	text-align: center;
	text-shadow: 0 0 30px #fff;
}
.hallbox2{
	width: calc(100% - 10px);
	margin: 5px;
	overflow-y: auto;
	overflow-x: hidden;
}
.hallbox2::-webkit-scrollbar {
    -webkit-appearance: none;
}

.hallbox2::-webkit-scrollbar:vertical {
    width:8px;
}

.hallbox2::-webkit-scrollbar-button:increment,.hallbox2::-webkit-scrollbar-button {
    display: none;
}

.hallbox2::-webkit-scrollbar:horizontal {
    height: 8px;
}

.hallbox2::-webkit-scrollbar-thumb {
    background-color: #454242;
    border-radius: 20px;
    border: 2px solid #85857f;
}

.hallbox2::-webkit-scrollbar-track {
    border-radius: 10px;
}
.hallboxtab{
	display: table;
	width: 100%;
	margin: auto;
	justify-content: center;
}
.hallusu0{
	display: inline-table;
	margin: 4px;
	position: relative;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.hallusu1{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
.hallrank1usu1{
	background: linear-gradient(60deg, #999ea2 15%,#e1e4e4,#999ea2 55%);
	box-shadow: inset 0 0 14px #fff;
}
.hallrank2usu1{
	background: linear-gradient(45deg, #bb8e3f 15%,#ffd162,#bb8e3f 55%);
	box-shadow: inset 0 0 14px #ffd162;
}
.hallrank3usu1{
	background: linear-gradient(45deg, #b5a39a 15%,#fff 25%,#b5a39a 35%,#fff 55%,#625651 70%,#b5a39a);
	box-shadow: inset 0 0 14px #fff;
}
.hallrank4usu1{
	background: linear-gradient(45deg, #139145, #5ac485 15%,#7adbb8 16%,#7adbb8 25%,#2fab60 26%,#139145,#5fdd91 35%,#a4f5d8 36%,#a4f5d8 55%,#5fdd91 56%,#0e6330,#139145);
	box-shadow: inset 0 0 14px #fff;
}
.hallrank5usu1{
	background: linear-gradient(45deg, #91133d, #c45a7a 15%,#db7a94 16%,#db7a97 25%,#ab2f4d 26%,#911335,#dd5f81 35%,#f5a4b7 36%,#f5a4b7 55%,#dd5f81 56%,#630e32,#911339);
	box-shadow: inset 0 0 14px #fff;
}
.hallrank6usu1{
	background: linear-gradient(45deg, #819394, #abc1c0 15%,#e6f4f4 16%,#def0f0 25%,#8eaaaa 26%,#769393,#95a9ab 29%,#c4d9db 30%,#c2dbdb 35%,#ffffff 36%,#ffffff 55%,#84a4a4 56%,#344040 70%,#495c5c 75%,#8aa4a4 79%,#fff 80%);
	box-shadow: inset 0 0 14px #fff;
}
.hallrank7usu1{
	background: linear-gradient(45deg, #747474,#e1e4e4,#747474);
	box-shadow: inset 0 0 14px #fff;
}
.hallrank8usu1{
	background: linear-gradient(45deg, #747474,#e1e4e4,#747474);
	box-shadow: inset 0 0 14px #fff;
}
.hallfoto{
	/* width: calc(100% - 40px); */
	width: 14vw;
	height: 14vw;
	margin: 20px auto;
	max-width: 120px;
	max-height: 120px;
	min-width: 70px;
	min-height: 70px;
	margin-bottom:2px;
}
.minihall{
	width: 60px;
	height: 60px;
}
.hallfoto img{
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 50%;
	overflow: hidden;
	filter: drop-shadow(0 0 3px #fff);
}
.hallusu1 h1{
	margin: 2px auto 20px;
	border-radius: 10px;
	padding: 3px 10px;
	font-size: 14px;
	font-family: 'Rubik',sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 3px 1px #fff;
}
.hallnew{
	position: absolute;
	width: 40%;
	left: 30%;
	top: -10px;
}
.hallnew img{
	width: 100%;
}
.hallstars{
	position: absolute;
	width: 120%;
	left: -10%;
	top: -20px;
	-webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.hallstars img{
	width: 100%;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*HALL END*/
@media(max-width: 1200px){
	.testim-box{
		width: 50%;
	}
	.fototest-box{
		width: 100%;
	}
	.videoinsert{
		width: 896px;
		height: 504px;
	}
}
@media(max-width: 900px){
	.capanegra{
		background: linear-gradient(180deg,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0.25) 40%,rgba(0, 0, 0, 0.85));
	}
	.sectionpaqs{
		height: 1000px;
		flex-direction: column;
	}
	.videopaqs{
		left: calc(45% - 864px);
	}
	.ventuplaya{
		left: calc(50% - 225px);
	}
	.videoinsert{
		width: 736px;
		height: 414px;
	}
	.titlepaqindex{
		font-size: 20px;
	}
	.boxlistaindex0{
		width: 100%;
	}
	.lista-membre2 ul li, .lista-membre3 ul li{
		font-size: 12px;
	}
	.lista-op2{
		justify-content: flex-end;
	}
  .lista-op2 nav{
    display: none;
  }
	.botonmenuheader{
		display: block;
	}
	.testim-box{
		width: 100%;
	}
	.testim-box iframe{
		height: 250px;
	}
	.main-content{
		width: calc(100% - 10px);
		margin: 200px 5px 100px 5px;
	}
	.main-paquete {
		/* margin-top: 70px; */
	}
	.paquete-box{
		width: 50%;
		height: 500px;
	}
	.search-pack-p1{
		flex-direction: column;
	}
	.search-select-1{
		width: 100%;
	}
	.img-content {
		height:200px;
	}
	.paquete:hover > .img-content{
		height: 220px;
	}
	.tablon-resultados h1{
		font-size: 5vw;
	}
	.calificado h1{
		font-size: 9vw;
	}
	.calificado h2{
		font-size: 5vw;
	}
	.calificado h3{
		font-size: 4vw;
	}
	.calificado label{
		font-size: 3vw;
	}
	.minitablones-result{
		flex-direction: column;
	}
	.minitablon-result{
		width: calc(100% - 24px);
	}
	.minitablon-result h1{
		font-size: 4vw;
	}
	.userpuesto-img{
		width: calc(10% - 10px);
		padding: 5px;
	}
	.userpuesto-datos{
		width: 90%;
	}
	.userpuesto-datos h2{
		font-size: 3vw;
		margin: auto;
	}
	.userpuesto-datos h3{
		font-size: 2vw;
		margin: auto;
	}
	.dato-habit-box4{
		flex-direction: column;
	}
	.dato-habit-minibox4{
		width: 100%;
	}
	.welcome-2 h3{
		font-size: 18px;
	}
	.welcome-3 h2{
		font-size: 16px;
	}
	.welcome-3but a{
		font-size:13px;
		padding: 3px 4px;
	}
	.offiltros1_1{
		flex-direction: column;
	}
	.offiltros1_1 label{
		width: calc(100% - 4px);
		text-align: left;
	}
	.offiltros1_1 select{
		width: calc(100% - 4px);
	}
	.offiltros1_1 input{
		width: calc(100% - 8px);
	}
	.fototest-box{
		flex-direction: column;
		width: 90%;
	}
	.fototest1{
		width: 90%;
		margin: 5px auto 5px 0;
	}
	.fototestxx{
		margin: 5px 0 5px auto;
		flex-direction: row-reverse;
	}
}
@media(max-width: 750px){
	header{
		height: 150px;
		position: absolute;
	}
	.zona-header{
		flex-direction: column;
		padding: 2px 2px;
		width: calc(100% - 4px);
	}
	.zona-headerindex{
		flex-direction: column;
		padding: 2px 2px;
		width: calc(100% - 4px);
	}
	.welcome1{
		top: 240px;
	}
	.wel1-box{
		min-width: 300px;
	}
	.wel1-box h1{
		font-size: 20px;
	}
	.wel1-box h3{
		font-size: 13px;
	}
	.cabe-p{
		width: 100%;
	}
	.lista-op1{
		width: 100%;
		justify-content: center;
	}
	.lista-op2{
		width: 100%;
	}
	.zona-compratoken{
		flex-direction: column;
	}
	.zona-compratoken label{
		text-align: center;
	}
	.resume-box-p{
		flex-direction: column;
	}
	.resume-box-p1{
		width: calc(100% - 20px);
	}
	.resume-box-p2{
		width: calc(100% - 20px);
		flex-direction: row;
	}
	.cuadros-p-resume{
		flex-direction: column;
	}
	.cuadro-p-resume{
		flex-direction: column;
	}
	.cuadro-p-resume label{
		width: 100%;
		padding: 0;
		font-size: 18px;
		text-align: center;
	}
	.cuadro-p-resume h1{
		width: 100%;
		padding: 0;
		font-size: 20px;
		text-align: center;
	}
	.cuadro-p-resume h1 span{
		font-size: 15px;
	}
	.travel-title-z h1{
		font-size: 30px;
	}
	.travel-title-z button i{
		font-size: 20px;
	}
	.travel-title-z button p{
		font-size: 10px;
	}
	.zona-tipocambio{
		flex-direction: column;
	}
	.select-tipoc{
		width: 100%;
	}
	.pack-paypal0{
		flex-direction: column;
	}
	.pack-paypal1{
		width: 100%;
	}
	.paq-select label{
		width: calc(50% - 30px);
		text-align: left;
	}
	.pack-paypal2 label{
		width: calc(50% - 30px);
		text-align: left;
	}
	.rsmptos-p2-p2{
		flex-direction: column;
	}
	.rsmptos-mini{
		width: calc(100% - 8px);
	}
	.rsmptos-p2-p1 label{
		width: 70%;
	}
	.rsmptos-p2-p1 h3{
		width: 30%;
	}
	.rsmptos-p2-p1 h4{
		width: 30%;
	}
	.video-box{
		height: 506px;
	}
	.videoindex{
		position: absolute;
		left: calc(50% - 480px);
	}
	.rifa-box0{
		width: calc(100%/3);
	}
	.promo-resultados h1{
		font-size: 20px;
	}
	.ganadorpromo{
		height: 50px;
	}
	.ganador-img{
		height: 42px;
		width: 42px;
	}
	.ganador-datos h2{
		font-size: 18px;
		margin-left: 2px;
		width: calc(70% - 2px);
	}
	.ganador-req{
		width: 30%;
		flex-direction: column;
	}
	.ganador-req label,.ganador-req h3{
		width: 100%;
	}
	.minitablon-promo h1{
		font-size: 15px;
	}
	.userpromo{
		height: 40px;
	}
	.userpromo-img{
		height: 32px;
		width: 32px;
	}
	.userpromo-datos h2{
		font-size: 12px;
		margin-left: 10px;
	}
	.userpromo-datos h3{
		font-size: 14px;
		margin-right: 10px;
	}
	.merchbox0{
		width: calc(100%/3);
	}
	.merchbox2 h1{
		font-size: 12px;
	}
	.merchbox2 h3{
		font-size: 9px;
	}
	.videoinsert{
		width: 624px;
		height: 351px;
	}
}
@media(max-width: 630px){
	.ticketero{
		max-width: 270px;
		margin: 5px auto 0;
	}
	.cajaloto{
		flex-direction: column-reverse;
		width: 100%;
	}
	.lotoimg{
		max-width: 400px;
		width:calc(100% - 10px);
		margin: auto;
	}
	.fototest1{
		width: 100%;
	}
	.videoinsert{
		width: 592px;
		height: 333px;
	}
	.cabecera11 h1{
		font-size: 18px;
	}
	.cabecera11 h4{
		font-size: 10px;
	}
	.imgtestim11{
		left: 0;
	}
	.cabecera11{
		width: calc(90% - 120px);
	}
	.cabecera12{
		width: 100%;
	}
}
@media(max-width: 600px){
	.titlehabbox h2{
		font-size: 11px;
	}
	.dispohabbox h3{
		font-size: 11px;
	}
	.hallusu1 h1{
		font-size: 10px;
	}
	.lateralbox{
		width: 80px;
		right: 12px;
	}
	.formupro{
		flex-direction: column;
	}
	.fotoformulario{
		width: 100%;
	}
	.formindex {
		width: calc(100% - 40px);
	}
	.lista-op1 nav{
		display: none;
	}
	.zona-banner-mov{
		display: flex;
		width: 100%;
	}
	.zona-mov-ban1{
		display: flex;
		flex-direction: column;
		width: 50%;
	}
	.zona-mov-ban1 a{
		text-decoration: none;
		color: #fff;
		text-shadow: 0 0 8px #005782;
		text-align: center;
	}
	.zona-mov-ban1 a:hover{
		color: #454242;
		text-shadow: 0 0 8px #fff;
	}
	.zona-mov-ban1 a h4{
		margin: 0;
		padding: 2px;
		font-size: 14px;
	}
	.menucabemovil li a{
		font-size: 14px;
	}
	.barradash-1{
		flex-direction: column;
	}
	.dashboard-butt{
		width: 100%;
	}
	.barradash-2{
		flex-direction: column;
	}
	.dashboard-butt2{
		width: 100%;
	}
	.zona-compratokenselects{
		flex-direction: column;
	}
	.selectcant-tokens, .selecttipo-tokens{
		font-size: 12px;
	}
	.datos-parte{
		flex-direction: column;
	}
	.dato-box{
		width: calc(80% - 20px);
		margin: auto;
	}
	.plan-info{
		flex-direction: column-reverse;
	}
	.plan-info-p1{
		width: calc(100% - 10px);
	}
	.plan-info-p1 h2{
		font-size: 15px;
	}
	.plan-box input{
		margin: 50px auto;
	}
	.plan-info-p2{
		width: calc(100% - 20px);
		padding: 10px;
	}
	.plan-info-p2 img{
		width: 100%;
		margin: 0;
	}
	.infocomision p{
		font-size: 14px;
	}
	.modosignup .infocomision {
		display: flex;
		flex-direction: column;
	}
	.modosignup p{
		width: calc(100% - 20px);
		text-align: center;
	}
	.modosignup input{
		width: calc(100% - 40px);
		margin: 0 20px;
		text-align: center;
	}
	.paquete-box{
		width: 100%;
		height: auto;
	}
	.paquete-box a{
		position: relative;
		top:0;
	}
	.paquete{
		width: 95%;
		height: auto;
	}
	.paquete:hover{
		width: 95%;
		height: auto;
	}
	.img-content{
		height: auto;
	}
	.paquete:hover > .img-content{
		height: auto;
	}

	.img-content-index{
		height: 128px!important;
	}
	.search-pack{
		width: calc(100% - 10px);
	}
	.search-select-1{
		flex-direction: column;
	}
	.search-select{
		width: calc(100% - 10px);
	}
	.search-select label{
		text-align: center;
	}
	.search-select select{
		text-align-last: center;
	}
	.search-pack-p2 input{
		text-align: center;
		margin: 10px;
	}
	.detail-title{
		height: auto;
	}
	.cuadros-parte{
		flex-direction: column;
	}
	.cuadros-parte a{
		width: 100%;
	}
	.cuadrito-p-res{
		flex-direction: row;
	}
	.cuadrito-p-res label{
		text-align: left;
	}
	.cuadrito-p-res h3{
		text-align: right;
	}
	.calificado{
		max-height: 120px;
	}
	.califi-img{
		width: calc(20% - 4px);
		padding: 2px;
	}
	.userpuesto-img{
		width: calc(20% - 4px);
		padding: 2px;
	}
	.userpuesto-datos{
		width: 80%;
	}
	.userpuesto-datos h2{
		font-size: 4vw;
	}
	.userpuesto-datos h3{
		font-size: 3vw;
	}
	.globo-whatsapp{
		width: 50px;
		bottom:15px;
		right: 12px;
	}
	.new-box{
		width: 100%;
	}
	.new-box-p1{
		width: 80px;
	}
	.new-box-p2{
		width: calc(100% - 80px);
	}
	.new-infobox1{
		flex-direction: column;
	}
	.new-infobox1 h1{
		width: 100%;
		text-align: center;
		margin: 2px;
	}
	.new-infobox1 label{
		width: 100%;
		text-align: center;
		margin: 2px;
	}
	.boton-packchat{
		width: 50px;
		height: 50px;
		right: 12px;
	}
	.boton-packchat a{
		font-size: 18px;
		padding: 15px 0;
	}
	.precio-paq{
		font-size: 30px;
	}
	.pago-paquete h1{
		font-size: 12px;
	}
	.lista-membre{
		flex-direction: column;
		width: 100%;
	}
	.lista-membre1{
		width: 100%;
	}
	.lista-membre3{
		width: 70%;
	}
	.rifa-box0{
		width: 50%;
	}
	.reloj-temp{
		right: 12px;
		min-width: 40px;
		min-height:40px;
	}
	.contador-temp{
		min-width: 60px!important;
		min-height:60px!important;
	}
	.reloj-img h2{
		margin: 11px 0;
		font-size: 16px;
	}
	.reloj-img h3{
		margin: 1px 0;
		font-size: 10px;
	}
	.reloj-img h4{
		margin: 5px 0 1px;
		font-size: 6px;
	}
	.videoinsert{
		width: 496px;
		height: 279px;
	}
	.presentoffbox{
		margin-top: 100px;
	}
}
@media(max-width: 500px){
	.regresaroffice{
		display: none;
	}
	.perfil-content{
		margin-top: 10px;
	}
	.login-box h1{
		margin-bottom: 0;
	}
	.footer-up{
		flex-direction: column;
	}
	.footer-logo{
		display: none;
	}
	.footer-up1{
		width: 100%;
	}
	.footer-up2{
		width: 100%;
	}
	.cuadrito-p-res label{
		font-size: 10px;
	}
	.cuadrito-p-res h3{
		font-size: 14px;
	}
	.cuadrito-p-res h3 span{
		font-size: 10px;
	}
	.resume-box-p2{
		flex-direction: column;
	}
	.boton-resume-box{
		width: calc(100% - 10px);
	}
	.travel-title-z{
		flex-direction: column;
	}
	.travel-title-z h1{
		text-align: center;
		width: calc(100% - 30px);
	}
	.travel-title-z button{
		width: 40%;
		margin: 5px auto;
		border-radius: 0px;
	}
	.travel-title-z button i{
		width: calc(20% - 8px);
		font-size: 25px;
		padding: 4px;
	}
	.travel-title-z button p{
		width: 80%;
		text-align: center;
		font-size: 12px;
		margin: auto;
	}
	.dato-basic{
		margin-bottom: 4px;
	}
	.dato-basic i{
		font-size: 20px;
		width: 20px;
	}
	.dato-basic h5{
		font-size: 12px;
	}
	.dato-basic0{
		width: 50%;
	}
	.travel-titulo h1{
		font-size: 18px;
	}
	.travelbox-texto{
		font-size: 14px;
	}
	.itiner-minibox i{
		font-size: 15px;
		width: calc(8% - 20px);
	}
	.itiner-minibox h2{
		font-size: 15px;
		width: calc(46% - 20px);
	}
	.itiner-text h4{
		font-size: 14px;
	}
	.calificado{
		max-height: 120px;
	}
	.pack-paypal1 h3{
		padding: 0;
		font-size: 15px;
		/* text-align: center; */
	}
	.pack-paypal1 p{
		/* text-align: left; */
	}
	.travelabrirbut{
		width: 20px!important;
		height: 20px!important;
		font-size: 14px!important;
	}
	.box-habitusu3{
		flex-direction: column;
	}
	.dato-habit-box4{
		width: 100%;
	}
	.dato-habit-minibox3 label{
		width: calc(60% - 10px);
	}
	.dato-habit-minibox3 input{
		width: calc(40% - 16px);
	}
	.dato-habit-minibox3 select{
		width: calc(40% - 10px);
	}
	.coment-boxreal {
		max-width: 85%;
	}
	.resumeptos-box{
		flex-direction: column;
	}
	.resumeptos-boxp0{
		width: 100%;
		flex-direction: column;
	}
	.resumeptos-boxp1{
		width: 100%;
	}
	.resumeptos-boxp2{
		width: 100%;
	}
	.titulo-club h1{
		font-size: 20px;
	}
	.resumeptos-img{
		max-width: 120px;
	}
	.resumeptos-boxp1 h2{
		margin: 2px auto;
	}
	.offiltros1{
		flex-direction: column;
	}
	.offiltros1_1{
		width: 90%;
	}
	.cupon-grande{
		background: linear-gradient(60deg,#ffd473 20%,#eda84e 35%,#ffd474 50%,#ffe2a8);
	}
	.cupon-title{
		flex-direction: column;
	}
	.cupon-title h1{
		width: calc(100% - 10px);
		font-size: 18px;
		margin: 2px 5px;
	}
	#titugrande{
		display: none;
	}
	#tituchiqui{
		display: block;
	}
	.cupon-imgx{
		width: 100%;
	}
	.cupon-imgx img{
		width: auto;
		margin: 1px 10px;
		height: 60px;
		/*filter: drop-shadow(-1px -1px 0px #696259);*/
	}
	.cupon-p2{
		flex-direction: column-reverse;
	}
	.img-cupon{
		width: 100%;
	}
	.cupondatos{
		width: 100%;
	}
	.cupondatos h1{
		font-size: 25px;
		text-align: center;
	}
	.cupondatos h3{
		font-size: 12px;
		text-align: center;
	}
	.cupondatos h4{
		text-align: justify;
		font-size: 12px;
	}
	.videoinsert{
		width: 100%;
		height: 240px;
	}
}