@font-face {
	font-family: 'oswaldmedium';
	src: url('fonts/oswald-medium-webfont.eot');
	src: url('fonts/oswald-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-medium-webfont.woff2') format('woff2'), url('fonts/oswald-medium-webfont.woff') format('woff'), url('fonts/oswald-medium-webfont.svg#oswaldmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'futurabold';
	src: url('fonts/futura_bold-webfont.eot');
	src: url('fonts/futura_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/futura_bold-webfont.woff2') format('woff2'), url('fonts/futura_bold-webfont.woff') format('woff'), url('fonts/futura_bold-webfont.svg#futurabold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'futuramedium';
	src: url('fonts/futura_medium_bt-webfont.eot');
	src: url('fonts/futura_medium_bt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/futura_medium_bt-webfont.woff2') format('woff2'), url('fonts/futura_medium_bt-webfont.woff') format('woff'), url('fonts/futura_medium_bt-webfont.svg#futuramedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'arial-bold';
	src: url('fonts/arial-rounded-mt-bold.ttf') format('truetype');
	/* Safari, Android, iOS */
}


/*--------------------------------------------------------------------
                    Estilos Principales
--------------------------------------------------------------------*/

button:focus {
	outline: none !important;
}

.color-white {
	color: white !important;
}

.color-red {
	color: #FC0D1B !important;
}

.color-yellow {
	color: #FEDF32 !important;
}

.color-orange {
	color: #F07E22 !important;
}

.color-blue {
	color: #1680FB !important;
}

.scaleX1_5 {
	transform: scale(1.5);
}

.panman-icon {
	width: 10%;
	padding-top: 10%;
	border-radius: 50%;
	background: #FEDF32;
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-right: -0.2vh;
}

.panman-icon:after {
	content: '';
	display: block;
	width: 75%;
	height: 75%;
	position: absolute;
	background: black;
	transform: rotate(45deg);
	left: -30%;
	top: 14%;
}

.fruit-icon {
	width: 12%;
	padding-top: 12%;
	background: url(img/items.png) right center no-repeat;
	background-size: auto 120%;
	display: none;
	margin-top: -3%;
}

.fruit-icon-0 {
	background-position: 0% center;
	display: inline-block;
}

.fruit-icon-1 {
	background-position: 33.33% center;
	display: inline-block;
}

.fruit-icon-2 {
	background-position: 66.66% center;
	display: inline-block;
}

.fruit-icon-3 {
	background-position: 100% center;
	display: inline-block;
}

body {
	padding: 0;
	margin: 0;

}

#pacman {
	margin: auto;
}

#pacman canvas {
	width: 100%;
	display: block;
}

header .navbar {
	background: #FEDF32 !important;
	padding: 0;
	z-index: 2;
	position: relative;
}

header .navbar .navbar-brand {
	position: absolute;
	left: 0;
	right: 0;
	width: 8vw;
	height: 8vw;
	margin: auto;
	top: 0;
	border-radius: 8vw;
	background: #FEDF32 !important;
}

header .navbar .navbar-brand img {
	width: 100%;
}

header .navbar .nav-item {
	font-family: oswaldmedium;
	text-transform: uppercase;
}

header .navbar .nav-link:hover {
	color: white;
}

footer {
	position: relative;
}

footer .navbar {
	background: #FEDF32 !important;
	padding: 0;
	font-family: arial;
	font-weight: bold;
}

footer .navbar .incorp {
	line-height: 0.9em;
	font-size: 1.2vw;
}

#main {
	background: black url(img/bg_game.png);
	background-size: auto 100vh;
	overflow: hidden;
	font-family: futurabold;
	font-size: 1vh;
	position: relative;
}

#main .game_mark {
	position: relative;
	z-index: 1;
}

.logo-pacman {
	width: 50%;
	display: block;
	margin: auto;
}

.btn-pacman {
	border-radius: 2vh;
	background: gray;
	padding: 0.3vh;
	min-width: 80%;
	display: inline-block;
	border: 0;
	font-family: futuramedium;
	font-size: 1.5vw;
}

.btn-pacman span {
	display: block;
	padding: 1.5vh 2vh;
	border: 0.3vh solid black;
	border-radius: 2vh;
	color: white;
	box-shadow: inset 0px -0.4vh 0px 0px rgba(0, 0, 0, 0.25);
}

.btn:hover span {
	box-shadow: inset 0px 0.4vh 0px 0px rgba(0, 0, 0, 0.25);
}

.btn-blue {
	background: #2283F7;
}

.btn-green {
	background: #61BA4B;
}

form.reedem_box {
	position: relative;
}

form.reedem_box input {
	color: #BFBFBF;
	border: 0;
	font-size: 0.9vw;
	font-family: oswaldmedium;
	padding: 1vw;
	border-radius: 2vw;
}

form.reedem_box button {
	font-size: 1.5vw;
	font-family: futurabold;
	padding: 0;
	border-radius: 3vw;
	width: 3vw;
	height: 3vw;
	line-height: 0;
	background: #FC0D1B;
	border: 0;
	text-indent: 0.5vw;
	color: white;
	margin-left: -3vw;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

form.reedem_box button span {
	position: relative;
	top: -0.1vw;
	box-shadow: none !important;
}

.instructions small {
	font-family: oswaldmedium !important;
}

form.reedem_box input:focus {
	color: #BFBFBF !important;
}

.form-control::-webkit-input-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* WebKit, Blink, Edge */

.form-control:-moz-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* Mozilla Firefox 4 to 18 */

.form-control::-moz-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* Mozilla Firefox 19+ */

.form-control:-ms-input-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* Internet Explorer 10-11 */

.form-control::-ms-input-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* Microsoft Edge */

@media (max-width:991px) {
	.only-desk {
		display: none !important;
	}
	.btn-pacman {
		font-size: 4vw;
	}
	header .navbar .navbar-toggler {
		padding: 6px;
		border: 0;
		margin: auto;
		margin-right: 0;
	}
	header .navbar .navbar-toggler span {
		display: block;
		margin: 4px auto;
		height: 5px;
		width: 40px;
	}
	header .navbar .navbar-toggler span:nth-child(1) {
		background-color: #FC0D1B;
	}
	header .navbar .navbar-toggler span:nth-child(2) {
		background-color: #F07E22;
	}
	header .navbar .navbar-toggler span:nth-child(3) {
		background-color: #2283F7;
	}
	header .navbar .navbar-brand {
		width: 50px;
		height: 50px;
	}
	header .navbar .navbar-collapse {
		padding: 32px 0 !important;
	}
	header .navbar .nav-link {
		padding: 16px 24px;
		text-align: left;
	}
	header .mi_container {
		width: 100vw;
	}
	header .mi_container ul li a {
		color: white !important;
	}
	header .mi_container ul:nth-of-type(1) li:nth-of-type(1) {
		background-color: #FC0D1B;
	}
	header .mi_container ul:nth-of-type(1) li:nth-of-type(2) {
		background-color: #F07E22;
	}
	header .mi_container ul:nth-of-type(2) li:nth-of-type(1) {
		background-color: #5CB9E6;
	}
	footer .navbar-collapse.show {
		padding-bottom: 6vw;
	}
	footer .navbar-toggler {
		border: 0;
		padding: 6px;
	}
	footer .navbar-toggler span {
		display: inline-block;
		transform: rotate(-90deg);
		font-size: 18px;
		font-family: futurabold;
	}
	footer .navbar-toggler[aria-expanded="false"] span {
		transform: rotate(90deg);
	}
	footer .navbar-collapse ul {
		margin: 16px 0;
	}
	footer .navbar .nav-link {
		text-align: left;
	}
	footer .navbar .copyright {
		text-align: left;
		margin: 16px 0;
	}
	footer .navbar .incorp {
		text-align: left;
		font-size: 4vw;
		margin: 16px 0;
	}
	form.reedem_box input {
		font-size: 1.5vh;
		border-radius: 4vh;
		padding: 0.5vh 1vh;
	}
	form.reedem_box button {
		border-radius: 5vh;
		width: 5vh;
		height: 5vh;
		line-height: 4.5vh;
		text-indent: 1.5vw;
		margin-left: -5vh;
		right: -1px;
		font-size: 2.5vh;
	}
	#main {
		min-height: calc(100vh - 76px);
		padding: 4vh 0;
		background: black;
	}
	.game_mark h1 {
		font-size: 3vh !important;
		margin: 4vw
	}
	.game_mark p {
		font-size: 2.5vh !important;
		margin: 4vw
	}
	.game_mark p small {
		font-size: 2vh !important;
	}
	#game_game #game {
		width: 80% !important;
	}
	body.playing header {
		display: none !important;
	}
	body.playing footer {
		display: none !important;
	}
	body.playing #main {
		height: 100vh !important;
	}
	body.headMenuOpen #main {
		display: none;
	}
	body.headMenuOpen header .navbar .navbar-brand:after {
		content: '';
		display: block;
		width: 58vw;
		height: 12vw;
		background: url(../img/logo_pacmac_tm.png) center center no-repeat;
		background-size: cover;
		position: relative;
		left: -22vw;
		top: 2vw;
	}
	body.headMenuOpen header .mi_container {
		padding-top: 12vw;
	}
}

@media (min-width:768px) {
	.only-mobile {
		display: none !important;
	}
	header .navbar {
		font-size: 1vw;
	}
	header .navbar .nav-item {
		margin: 0 3px;
		border-top-width: 6px;
		border-top-style: solid;
		font-size: 1vw;
	}
	header .navbar .nav-link {
		padding: 1.5vw;
	}
	header .navbar .nav-item:nth-of-type(1) {
		border-top-color: #E21E20;
	}
	header .navbar .nav-item:nth-of-type(2) {
		border-top-color: #F28130;
	}
	header .navbar ul:nth-of-type(2) .nav-item {
		border-top-color: #5FBEED;
	}
	header .navbar .nav-item:nth-of-type(1) .nav-link:hover {
		background-color: #E21E20;
		color: white;
	}
	header .navbar .nav-item:nth-of-type(2) .nav-link:hover {
		background-color: #F28130;
		color: white;
	}
	header .navbar ul:nth-of-type(2) .nav-item .nav-link:hover {
		background-color: #5FBEED;
		color: white;
	}
	header .navbar .nav-item:nth-of-type(1) .nav-link.active {
		background-color: #E21E20;
		color: white;
	}
	header .navbar .nav-item:nth-of-type(2) .nav-link.active {
		background-color: #F28130;
		color: white;
	}
	header .navbar ul:nth-of-type(2) .nav-item .nav-link.active {
		background-color: #5FBEED;
		color: white;
	}
	footer .navbar {
		font-size: 1vw;
		font-family: arial-bold;
		line-height: 1.66vw;
	}
	footer .navbar .incorp small {
		font-size: 0.7291666666666666vw;
	}
	footer .navbar .nav-link {
		padding: 1vw 1vw 0;
	}
	footer .navbar .copyright {
		padding: 0 0 1vw;
	}
	header form.reedem_box input {
		width: 15vw !important;
	}
	#main {
		min-height: calc(100vh - 9.7vw);
	}
	#main .game_container {
		width: 30vw;
		max-width: 100vh;
		margin: auto;
		position: relative;
	}
	#main .game_container:before {
		content: '';
		display: block;
		position: absolute;
		right: calc(50% + 26vh);
		top: 50%;
		width: 30vw;
		height: 32vh;
		transform: translateY(-50%);
		background: url(img/pza1.png) right center no-repeat;
		background-size: contain;
	}
	#main .game_container:after {
		content: '';
		display: block;
		position: absolute;
		left: calc(50% + 23vh);
		top: 50%;
		width: 30vw;
		height: 32vh;
		transform: translateY(-50%);
		background: url(img/pza2.png) left center no-repeat;
		background-size: contain;
	}
	.game_mark {
		width: 100%;
		margin: auto;
		min-height: calc(100vh - 9.7vw);
		background: black;
		padding-top: 5vw;
	}
	.logo-pacman {
		margin-bottom: 1vw;
	}
	.game_mark h1 {
		font-size: 1.8vw;
		margin: 1.5vw;
	}
	.game_mark p {
		font-size: 1.3vw;
		margin: 1.5vw;
	}
	.game_mark p small {
		font-size: 1vw;
	}
	.mi_container {
		width: 90%;
		margin: auto;
	}
	.instructions small {
		font-size: 0.8vw;
		font-family: oswaldmedium;
	}
}

.game_mark h1 {
	text-align: center;
	color: #FEDF32;
}

.game_mark p {
	text-align: center;
	color: #FFFFFF;
}

.game_mark p small {}

#game_intro {
	padding: 4%;
}

#game_intro .intro_pacman {
	display: block;
	margin: auto;
	width: 30%;
}

#game_intro a {
	cursor: pointer;
	display: inline-block;
}

#game_intro .button-play:hover {
	transform: translateY(3%);
}

#game_intro .button-play {
	width: 28%;
	display: block;
	margin: auto;
}

#game_intro .button-play-text {
	width: 12vh;
	display: block;
	font-size: 2.5vh;
	text-align: center;
	margin: 2vh auto;
	color: #FFFFFF;
}

#game_game {
	padding: 1vh;
}

#game_game #game {
	width: 98%;
	margin: auto;
}

#game_game #game canvas {
	width: 100%;
}

#game_finish {
	padding-top: 10%;
}

#game_finish .game_crown {
	margin: auto;
	display: block;
	width: 24%;
}

#game_error {
	padding-top: 10%;
}

#game_error .game_error {
	margin: auto;
	display: block;
	width: 33%;
}

.game_mark section {
	display: none;
}

.doublelifes-on,
.doublepoints-on {
	display: none;
}

.doublelifes .doublelifes-on {
	display: inline-block !important;
}

.doublelifes .doublelifes-off {
	display: none;
}

.doublepoints .doublepoints-on {
	display: inline-block !important;
}

.doublepoints .doublepoints-off {
	display: none;
}

#aniversaryparticle {
	display: block;
	position: absolute;
	right: 32px;
	bottom: 7vw;
	width: 15vh;
}

.keyControl {
	position: relative;
	text-align: center;
	margin: 0 -15px;
}

.keyControl div {
	width: 26%;
	padding-top: 24%;
	margin: 0%;
	border: 2px solid gray;
	border-radius: 32%;
	position: relative;
	display: inline-block;
}

.keyControl div span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%);
	color: gray;
	display: block;
	font-size: 1vw;
}

.keyControl div:nth-child(1) {
	display: block;
	margin: 5% auto;
	transform: rotate(-90deg);
}

.keyControl div:nth-child(2) {
	transform: rotate(180deg);
}

.keyControl div:nth-child(3) {
	transform: rotate(90deg);
}

.up .keyControl div:nth-child(1),
.left .keyControl div:nth-child(2),
.down .keyControl div:nth-child(3),
.right .keyControl div:nth-child(4) {
	border-color: white;
}

.up .keyControl div:nth-child(1) span,
.left .keyControl div:nth-child(2) span,
.down .keyControl div:nth-child(3) span,
.right .keyControl div:nth-child(4) span {
	color: white;
}

.mobileControl {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1%;
	padding-top: 1%;
	margin: 0 -15px;
}

.mobileControl span {
	display: block;
	position: absolute;
}

.mobileControl span:nth-child(1) {
	font-size: 9vw;
	color: gray;
	left: -700%;
	top: 50%;
	transform: translateY(-50%);
}

.mobileControl span:nth-child(2) {
	font-size: 12vw;
	color: white;
	left: 700%;
	top: 50%;
	transform: translateY(-50%);
}

.up .mobileControl {
	transform: rotate(-90deg);
}

.left .mobileControl {
	transform: rotate(180deg);
}

.down .mobileControl {
	transform: rotate(90deg);
}

.particle_ghost {
	position: absolute;
	height: 4vw;
	background: center center no-repeat;
	background-size: contain;
	transform: translate(-50%, -50%);
}

.particle_ghost.ghost_1_RE {
	background-image: url(img/1red.png);
	left: 85vw;
	top: 15vh;
	width: 13vw;
}

.particle_ghost.ghost_2 {
	background-image: url(img/1red.png);
	left: 77vw;
	top: 20%;
	width: 10vw;
}

.particle_ghost.ghost_3 {
	background-image: url(img/4orange.png);
	left: 18vw;
	top: 85%;
	width: 13vw;
}

.particle_ghost.ghost_4_RE {
	background-image: url(img/4orange.png);
	left: 15vw;
	top: 85vh;
	width: 16vw;
}

.no-space {
	margin: 0 !important;
	padding: 0 !important
}


/* INICIA SECCION GENERAL */

body {
	font-family: 'futurabold';
  background-color: #FEDF32;
}

.general-background {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
}

.btn.focus,
.btn:focus {
	box-shadow: none;
}

.yellow {
	color: #FFE001;
}

.red {
	color: #E41912;
}

.blue {
	color: #13A5EE;
}

small {
	color: #000000;
	font-weight: bold;
}

.navbar-light .navbar-nav .nav-link {
	cursor: pointer;
	text-decoration: underline;
	color: #000000;
}

 ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

 ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0px;
	border-radius: 10px;
}

 ::-webkit-scrollbar-thumb {
	background: #3889B1;
	border-radius: 3px;
}

 ::-webkit-scrollbar-thumb:hover {
	background: #3889B1;
}

.form-control:focus {
	color: #5ABDEF;
	background-color: #057FBC;
	border-color: #057FBC;
	outline: 0;
	box-shadow: none;

}


/* TERMINA SECCION GENERAL */


/* INICIA SECCIÓN PAC-MAN */

.pac-man {
	background-image: url(../img/home/bg_ranking.png);
}

.pac-man .personaje {
	width: 9.58vw;
	top: 5.62vw;
	left: 21.04vw;
	z-index: 1
}

.pac-man .logo_pacmac_tm {
	width: 14.58vw;
	padding: 4.16vw 0 0 0;
}

.pac-man .juega {
	width: 41.66vw;
	padding: 1.04vw 0 0 0;
}

.pac-man .text-1 {
	font-family: 'futuramedium';
	font-size: 1.19vw;
	line-height: 1.45vw;
	width: 33.85vw;
	padding: 1.04vw 0 0 0;
}

.pac-man .form-control {
	border-radius: 1.97vw;
	font-size: 1.04vw;
	color: #BFBFBF;
	font-family: 'oswaldmedium';
	padding: 0 1vw;
	width: 26.04vw;
	height: 3.95vw;
}

.pac-man .form-control::-webkit-input-placeholder,
.pac-man .form-control:-ms-input-placeholder,
.pac-man .form-control::placeholder {
	color: #BFBFBF;
	font-family: 'oswaldmedium';
	font-size: 1.65vw;
	letter-spacing: 0.04vw;
	line-height: 2vw;
	padding: 0 0 1.04vw 0;
}

.pac-man .form-inline {
	position: relative;
	padding: 0 0 2.08vw 0;
	max-width: 26.04vw;
	margin: auto;
}

.pac-man .btn {
	right: -0.26vw;
	width: 4.79vw;
}

.pac-man .btn .btn_enviar {
	width: 4.79vw;
}

.pac-man .arte {
	width: 21.82vw;
	top: 25vw;
}

.pac-man .pleca {
	background-color: #EE2E24;
	width: 100%;
	height: 8.25vw;
	border: 0.52vw solid #E41912;
}

.pac-man .x2 {
	width: 5.57vw;
	margin: 0 1.56vw 0 1.56vw;
}

.pac-man .text-2 {
	font-size: 1.56vw;
	letter-spacing: -0.049vw;
	line-height: 1.55vw;
	width: 38.02vw;
	margin: 0;
}

.pac-man .text-3 {
	color: #FFB897;
	letter-spacing: 0.41vw;
	font-size: 1.77vw;
	margin: 0;
}


/* TERMINA SECCIÓN PAC-MAN */


/* INICIA SECCIÓN CARROUSEL  */

.carousel {
	background-color: #000000;
}

.carousel .text-1 {
	font-size: 3.12vw;
	letter-spacing: -0.098vw;
	line-height: 3.02vw;
	padding: 1.04vw 0 1.04vw 0;
}

.carousel .blue-background {
	background-image: url(../img/home/bg_premios.png);
}

.carousel .blue-background img {
	width: 21.87vw;
}

.carousel .blue-background .text-2 {
	color: #07405D;
	font-size: 1.6vw;
	letter-spacing: -0.057vw;
}

.carousel .blue-background .text-3 {
	color: #07405D;
	font-family: 'futuramedium';
	font-size: 0.72vw;
	letter-spacing: -0.022vw;
}

.carousel .blue-background .owl-nav .owl-prev .prev-slide {
	position: absolute;
	background: url(../img/home/btn_premio2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 5.62vw;
	height: 5.62vw;
	left: 7.29vw;
	top: 7.29vw;
}

.carousel .blue-background .owl-nav .owl-next .next-slide {
	position: absolute;
	background: url(../img/home/btn_premio.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 5.62vw;
	height: 5.62vw;
	right: 7.29vw;
	top: 7.29vw;
}

.carousel .yellow-background {
	background-color: #FFE001;
}

.carousel .yellow-background img {
	width: 15.88vw;
}

.carousel .yellow-background .text-2 {
	color: #07405D;
	font-size: 1.6vw;
	letter-spacing: -0.057vw;
	line-height: 3.02vw;
}

.carousel .yellow-background .forma1 {
	width: 8.17vw;
	left: 7.39vw;
	top: 12.5vw;
}

.carousel .yellow-background .forma2 {
	width: 8.17vw;
	right: 7.39vw;
	top: 12.5vw;
}

.carousel .yellow-background .owl-nav .owl-prev .prev-slide {
	position: absolute;
	background: url(../img/home/btn_producto2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 5.62vw;
	height: 5.62vw;
	left: 8.75vw;
	bottom: 0.62vw;
}

.carousel .yellow-background .owl-nav .owl-next .next-slide {
	position: absolute;
	background: url(../img/home/btn_producto.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 5.62vw;
	height: 5.62vw;
	right: 8.75vw;
	bottom: 0.62vw;
}


/* TERMINA SECCIÓN CARROUSEL */


/* INICIA SECCIÓN AVISO Y TERMINOS */

#modal_content_info .texto {
	font-size: 0.84vw;
	line-height: 0.84vw;
	height: 70vh;
	overflow: auto;
	padding: 1vw 1vw;
	pointer-events: auto;
}

.container_fluid .azul {
	height: 100vh
}


/* TERMINA SECCIÓN AVISO Y TERMINOS */


/* INICIA SECCIÓN MODALES ERROR */

.good {
	font-family: 'futurabold';
}

.good .text1 {
	color: #FFE001;
	font-size: 25px;
	margin: 0;
	padding: 20px 0;
}

.good .text2 {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 28px;
	margin: 0;
	padding: 20px 0;
}

.good .text2 #code {
	color: #E32313;
}

.good .text3 {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 28px;
	margin: 0;
	padding: 20px 0;
}

.good .text4 {
	color: #FFE001;
	font-size: 16px;
	line-height: 28px;
	margin: 0;
	padding: 20px 0;
}

.good .text5 {
	color: #FFFFFF;
	font-family: 'futuramedium';
	font-size: 12px;
	line-height: 14.38px;
	padding: 150px 0 0 0
}

.good .pac_2d {
	width: 168.02px;
}

.good .play {
	width: 119px;
}


/*----------------------------------
        Modal Registro Succ
    -----------------------------------*/

#send_success_new_user .form-control::-webkit-input-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* WebKit, Blink, Edge */

#send_success_new_user .form-control:-moz-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* Mozilla Firefox 4 to 18 */

#send_success_new_user .form-control::-moz-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* Mozilla Firefox 19+ */

#send_success_new_user .form-control:-ms-input-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* Internet Explorer 10-11 */

#send_success_new_user .form-control::-ms-input-placeholder {
	color: #BFBFBF;
	font-family: oswaldmedium
}


/* Microsoft Edge */

#send_success_new_user img {
	margin-top: 3vw;
	max-width: 60%;
}

#send_success_new_user form {
	margin: 0 auto;
}

#content-form_redeem {
	margin: 0 auto;
}

#content-form_redeem input {
	width: 100%
}


/* TERMINA SECCIÓN MODALES ERROR */


/*--------------------------------------------------------------------
                Termina Estilos Principales
    --------------------------------------------------------------------*/


/*--------------------------------------------------------------------
                Estilos Ranking
    --------------------------------------------------------------------*/

#section_ranking {
	background: url(../img/home/bg_ranking.png);
	background-size: auto 100vh;
	overflow: hidden;
	font-family: futurabold;
	font-size: 1vh;
	height: auto;
}

#section_ranking .title-ranking {
	color: #FFFFFF;
	font-family: futurabold;
	font-size: 3.125vw;
	letter-spacing: -0.09895833333333333vw;
	line-height: 3.0208333333333335vw;
	text-align: center;
	margin-top: 1vw;
	margin-bottom: 2vw;
}


/*-------- SWITCH BOTONES ------*/

.switch-container {
	width: 30vw;
	height: 6.3vh;
	position: relative;
	margin: 1% auto 0%;
	font-family: futurabold;
	background-color: #3732FF;
	border-radius: 50px;
}

.switch-container .switch-button {
	width: 29.5vw;
	height: 5.7vh;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3D(-50%, -50%, 0);
	will-change: transform;
	z-index: 197 !important;
	cursor: pointer;
	transition: 0.3s ease all;
}

.switch-container .switch-button-case {
	background: none;
	width: 49%;
	height: 99%;
	color: #FFFFFF;
	position: relative;
	border: none;
	transition: 0.3s ease all;
	text-transform: capitalize;
	letter-spacing: 0px;
	padding-bottom: 1px;
	cursor: pointer;
	font-size: 1.25vw;
	line-height: 0;
}

.switch-container .switch-button .active {
	color: #3732FF;
	background-color: #FFF600;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	border-radius: 50vw;
	z-index: -1;
	transition: 0.3s ease-out all;
}

.switch-container .switch-button .active-case {
	color: #3732FF;
}


/*-------- SEMANAS TEXTOS ------*/

.text_ranking_weeks {
	margin: 1.5vw;
	color: #FFFFFF;
	font-family: futurabold;
	font-size: 34px;
	line-height: 41px;
	text-align: center;
}

.text_ranking_weeks #fecha_date_act {
	color: #FFFFFF;
	font-family: futuramedium;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	margin-top: 1vw;
}

.text_ranking_weeks #arrow-left,
.text_ranking_weeks #arrow-right {
	font-size: 22px;
	vertical-align: bottom;
	line-height: 44px;
	margin: 0 0.9vw;
}


/*-------- FANTASMAS RANKING ------*/

.flx-cont {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ghost-1 {
	width: 14vw;
	margin-top: 11vw;
	display: inline-block;
	margin-left: 9vw;
}

.ghost-2 {
	width: 11vw;
	padding: 1vw 0vw;
}


/*-------- ESTILOS DATA TABLE COMPONENTE ------*/

#contenedor_tabla_data {
	/*padding: 0 5vw;*/
	padding: 2vw 5vw;
}

#ranking_container table {
	border-collapse: separate;
	border-spacing: 4px 5px;
}

#arrow-left {
	background-image: url(../img/arrow-izq.png);
	background-repeat: no-repeat;
	width: 1.28vw;
	height: 2.4vw;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5vw;
	background-size: 100%;
}

#arrow-right {
	background-image: url(../img/arrow-der.png);
	background-repeat: no-repeat;
	width: 1.28vw;
	height: 2.4vw;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.5vw;
	background-size: 100%;
}

#ranking_container .dataTables_scrollHeadInner {
	background-color: #FFF600;
	border: 5px solid #DCD400;
	max-width: 97%;
	margin: 0 auto;
}

#ranking_container .dataTables_scroll {
	height: auto;
	margin: auto;
	display: block;
}

#ranking_container .dataTables_scrollHead {
	color: #000000;
	font-family: futuramedium;
	font-size: 0.9375vw;
	line-height: 1.1458333333333333vw;
}

#ranking_container .dataTables_scrollBody tbody {
	background-color: transparent;
}

#ranking_container .dataTables_scrollBody tr td:nth-child(1) {
	width: 20%;
	background-color: #5BBDEF;
	color: #07405D;
	font-family: futurabold;
	font-size: 0.9375vw;
	line-height: 1.1458333333333333vw;
	padding: 0.52vw 0;
}

#ranking_container .dataTables_scrollBody tr td:nth-child(2) {
	width: 60%;
	background-color: #EE2E24;
	color: #FFFFFF;
	font-family: futuramedium;
	font-size: 0.9375vw;
	line-height: 1.1458333333333333vw;
	padding: 0.52vw 0;
}

#ranking_container .dataTables_scrollBody tr td:nth-child(3) {
	width: 20%;
	background-color: #EE7D00;
	color: #EE2E24;
	font-family: futurabold;
	font-size: 0.9375vw;
	line-height: 1.1458333333333333vw;
	padding: 0.52vw 0;
}

#ranking_container .dataTable tr th:nth-child(1) {
	width: 20% !important
}

#ranking_container .dataTable tr th:nth-child(2) {
	width: 60% !important
}

#ranking_container .dataTable tr th:nth-child(3) {
	width: 20% !important
}


/*-------- ESTILOS DATA TABLE COMPONENTE PAGINACION ------*/

#ranking_container .pagination {
	display: block;
	margin: auto;
}

#ranking_container .conent-imgs {
	position: relative;
}

#ranking_container .table-div-space {
	margin: 0;
	padding: 2vw 2vw;
}

#ranking_container #tabla_previous {
	position: relative;
	float: left;
	margin-top: 0;
}

#ranking_container #tabla_previous:focus,
#tabla_previous a:focus,
#tabla_previous span:focus {
	outline: 0 auto -webkit-focus-ring-color;
	outline: transparent !important;
}

#ranking_container #tabla_next {
	position: relative;
	float: right;
	margin-top: 0;
}

#ranking_container .page-link {
	background-color: transparent;
	border: 0;
}

#ranking_container .page-item.disabled .page-link {
	color: #FFFFFF;
	background-color: transparent;
	border-color: transparent;
}

#ranking_container .pagination li a {
	color: #FFFFFF;
	font-size: 1.3541666666666667vw;
	line-height: 1.5625vw;
}

#ranking_container .pagination li {
	display: inline-block;
	border-radius: 0;
	vertical-align: top;
	height: auto;
	margin-top: 1vw;
}

#ranking_container .pagination li.active {
	background-color: transparent;
}

#ranking_container .page-item.active .page-link {
	color: #FFE500;
	background-color: transparent;
	border-color: transparent;
}

#ranking_container .pagination .page-item .page-link {
	text-align: center;
	padding: 0.26vw;
}

#ranking_container .dataTables_paginate {
	padding: 1.04vw 0 0 0;
}

#ranking_container .botony {
	border: 0;
	border-radius: 0 0.052vw 0.052vw 0;
	width: 5.77vw;
	height: 4.1vw;
	align-items: center;
	justify-content: center;
}

#ranking_container .botony.izq {
	background-image: url(../img/home/btn_premio2.png);
	width: 3.87vw;
	height: 3.9vw;
	background-size: 100%;
	background-repeat: no-repeat;
}

#ranking_container .botony.drc {
	background-image: url(../img/home/btn_premio.png);
	width: 3.87vw;
	height: 3.9vw;
	background-size: 100%;
	background-repeat: no-repeat;
}

#ranking_container span:focus {
	outline: 0;
	outline: 0;
}

#ranking_container #tabla_previous:focus,
#tabla_previous a:focus,
#tabla_previous span:focus {
	outline: 0 !important;
	box-shadow: none;
}

.page-link:focus {
	box-shadow: none;
}

#ranking_container p {
	font-size: 0.93vw;
	letter-spacing: -0.029vw;
	line-height: 0.93vw;
}

#ranking_container .logo {
	display: none;
}


/*--------------------------------------------------------------------
            Termina Estilos Ranking
    --------------------------------------------------------------------*/


/*--------------------------------------------------------------------
            Estilos Perfil
    --------------------------------------------------------------------*/

.logo-pacman-general {
	width: 30%;
	display: block;
	margin: 5vw auto;
}


/*------------ INFORMACION USUARIO  ------------*/

#section_profile .green_user {
	background-color: #5CBC43;
	border-radius: 0.5208333333333334vw;
	margin: 0 1vw 0vw 9vw;
	padding: 0.5208333333333334vw;
	max-width: 46%;
}

#section_profile .green_user .user_det {
	background-color: #0F8C45;
	border-radius: 0.46875vw;
	width: 100%;
	box-shadow: 0 0.46875vw 0vw 0vw #047836;
}

#section_profile .user_points .user_det_ptn {
	background-color: #0971BE;
	border-radius: 0.46875vw;
	width: 100%;
	box-shadow: 0 0.46875vw 0vw 0vw #015796;
	padding: 1.0416666666666667vw 0 0.5208333333333334vw 0;
}

.center-user {
	margin: 0 0vw;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 1vw;
}

.pts-info {
	color: #FFFFFF;
	font-family: futuramedium;
	font-size: 0.9895833333333334vw;
	line-height: 1.0921875vw;
	margin: 1vw 1vw;
	padding-left: 0.5208333333333334vw;
}

.pts-number {
	color: #FFF000;
	font-family: futurabold;
	font-size: 1.5104166666666667vw;
	line-height: 1.3442708333333333vw;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0.052083333333333336vw 0 0 1.40625vw;
}

.king-pac {
	background-image: url('../img/perfil/icn_corona.png');
	background-size: 80%;
	background-repeat: no-repeat;
	display: inline-block;
	width: 3vw;
	height: 3vw;
	vertical-align: middle;
	margin-left: 14px;
}

.player-mbl {
	display: none;
}

.player {
	color: #FFFFFF;
	font-family: futuramedium;
	font-size: 1.0416666666666667vw;
	line-height: 1.2484375vw;
	margin: 2.0833333333333335vw 2.0833333333333335vw 1.40625vw 2.1875vw;
	display: inline-block;
}

.close-su {
	max-width: 57%;
}

.btn-blue-2 {
	font-size: 0.7291666666666666vw;
	min-width: 50%;
	float: right;
	display: inline-block;
	background-color: #4D49FF;
}

#section_profile .user_points {
	background-color: #36A4DF;
	border-radius: 0.5208333333333334vw;
	padding: 0.5208333333333334vw;
}

.user_active {
	color: #FFFFFF;
	font-family: futurabold;
	font-size: 1.5104166666666667vw;
	line-height: 1.5020833333333334vw;
	text-align: center;
	padding: 0 0 1.5104166666666667vw 0;
	margin-bottom: 0.5208333333333334vw;
}


/*------------ TABLA DE PUNTOS USUARIO DATATABLE ------------*/

#section_profile .bg-table-pts {
	background-color: #EE2E24;
	border-radius: 1.5625vw;
	padding: 0.6770833333333334vw 0.5729166666666666vw 1.1979166666666667vw 0.5729166666666666vw;
	min-height: calc(63vh - 10.2vw);
}

#section_profile #contenedor_tabla_data {
	padding: 0;
	margin: 0 0 0 7.906vw;
}

#section_profile table {
	border-collapse: collapse;
}

#section_profile .dataTables_scrollBody tr {
	border-bottom: 0.026041666666666668vw solid #FF5F56;
}

#section_profile .dataTables_scrollBody tr:last-child {
	border: none;
}

#arrow-left {
	background-image: url(../img/arrow-izq.png);
	background-repeat: no-repeat;
	width: 1.28vw;
	height: 2.4vw;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5vw;
	background-size: 100%;
}

#arrow-right {
	background-image: url(../img/arrow-der.png);
	background-repeat: no-repeat;
	width: 1.28vw;
	height: 2.4vw;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.5vw;
	background-size: 100%;
}

#section_profile .dataTables_scrollHeadInner {
	max-width: 96%;
	margin: 0 auto;
	background-color: #880700;
	padding: 0.625vw 0.78125vw;
	border-radius: 0.20833333333333334vw;
	color: #FFFFFF;
	font-family: futurabold;
	font-size: 1.0416666666666667vw;
	line-height: 1.0359375vw;
	text-align: center;
	text-transform: uppercase;
}

#section_profile .dataTables_scroll {
	margin: auto;
	display: block;
	background-color: #C3140B;
	border-radius: 1.0416666666666667vw;
	box-shadow: 0 0.7291666666666666vw 0vw 0vw #A40901;
	padding: 0.8333333333333334vw 0 0 0;
	min-height: 100%;
}

#section_profile .dataTables_scrollHead {
	color: #000000;
	font-family: futuramedium;
	font-size: 0.9375vw;
	line-height: 1.1458333333333333vw;
}

#section_profile .dataTables_scrollBody tbody {
	background-color: transparent;
	color: #FFFFFF;
	font-family: futuramedium;
	font-size: 0.8333333333333334vw;
	line-height: 0.9895833333333334vw;
	text-align: center;
}

#section_profile .dataTables_scrollBody tr td:nth-child(1) {
	width: 25%;
	padding-left: 2vw;
}

#section_profile .dataTables_scrollBody tr td:nth-child(2) {
	width: 35%;
	padding-left: 2vw;
}

#section_profile .dataTables_scrollBody tr td:nth-child(3) {
	width: 40%;
	padding: 0.52vw 0;
	padding-left: 2vw;
}

#section_profile .dataTable tr th:nth-child(1) {
	width: 25% !important
}

#section_profile .dataTable tr th:nth-child(2) {
	width: 35% !important
}

#section_profile .dataTable tr th:nth-child(3) {
	width: 40% !important
}


/*-------- ESTILOS DATA TABLE COMPONENTE PAGINACION ------*/

#section_profile .pagination {
	display: block;
	margin: auto;
}

#section_profile .conent-imgs {
	position: relative;
}

#section_profile .table-div-space {
	margin: 0;
	padding: 2vw 2vw;
}

#section_profile #user_pts_previous {
	position: absolute;
	bottom: 19vw;
	margin-top: 0;
	left: -5vw;
}

#section_profile #user_pts_previous:focus,
#tabla_previous a:focus,
#tabla_previous span:focus {
	outline: 0 auto -webkit-focus-ring-color;
	outline: transparent !important;
}

#section_profile #user_pts_next {
	/*    position: relative;
        float: right;
        margin-top: 0;*/
	position: absolute;
	bottom: 14vw;
	left: -5vw;
}

#section_profile .page-link {
	background-color: transparent;
	border: 0;
}

#section_profile .page-item.disabled .page-link {
	color: #FFFFFF;
	background-color: transparent;
	border-color: transparent;
}

#section_profile .pagination li a {
	color: #FFFFFF;
	font-size: 1.3541666666666667vw;
	line-height: 1.5625vw;
}

#section_profile .pagination li {
	display: inline-block;
	border-radius: 0;
	vertical-align: top;
	height: auto;
	margin-top: 1vw;
}

#section_profile .pagination li.active {
	background-color: transparent;
}

#section_profile .page-item.active .page-link {
	color: #FFE500;
	background-color: transparent;
	border-color: transparent;
}

#section_profile .pagination .page-item .page-link {
	text-align: center;
	padding: 0.26vw;
}

#section_profile .dataTables_paginate {
	padding: 1.04vw 0 0 0;
}

#section_profile .botony {
	border: 0;
	border-radius: 0 0.052vw 0.052vw 0;
	width: 5.77vw;
	height: 4.1vw;
	align-items: center;
	justify-content: center;
}

#section_profile .botony.izq {
	background-image: url(../img/home/btn_producto2.png);
	width: 3.87vw;
	height: 3.9vw;
	background-size: 100%;
	background-repeat: no-repeat;
}

#section_profile .botony.drc {
	background-image: url(../img/home/btn_producto.png);
	width: 3.87vw;
	height: 3.9vw;
	background-size: 100%;
	background-repeat: no-repeat;
}

#section_profile span:focus {
	outline: 0;
	outline: 0;
}

#section_profile #user_pts_previous:focus,
#tabla_previous a:focus,
#tabla_previous span:focus {
	outline: 0 !important;
	box-shadow: none;
}

.page-link:focus {
	box-shadow: none;
}


/*-------- IMG No  CARRUSEL DE PREMIOS ----------*/

#items_slider_prize {
	display: none;
}

#no_prize_user img {
	max-width: 15vw;
}


/*-------- CARRUSEL DE PREMIOS ----------*/

#user_prize .owl-nav,
#user_prize .owl-dots {
	text-align: right;
	padding: 1.56vw 0 1.56vw 0;
}

.prize_txt {
	color: #FFE001;
	font-size: 35px;
	letter-spacing: -1.11px;
	margin: -8% 0 0 0;
}

.prize_txt span {
	color: red;
}

#user_prize .owl-nav .owl-prev .prev-slide {
	background: url(../img/perfil/btn_tuspremios.png) 0 0;
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 5.8vw;
	height: 5.8vw;
	margin: 0 0 0 1.04vw;
}

#user_prize .owl-nav .owl-next .next-slide {
	background: url(../img/perfil/btn_tuspremios2.png) 0 0;
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 5.8vw;
	height: 5.8vw;
	margin: 0 0 0 1.04vw;
}

.own-prize {
	color: #FFFFFF;
	font-family: futurabold;
	font-size: 1.6145833333333333vw;
	line-height: 1.6057291666666667vw;
	text-align: center;
}

.slider_product .owl-prev,
.slider_product .owl-next {
	position: absolute;
	top: 38%;
	transform: translateY(-50%);
}

.slider_product .owl-prev {
	left: 0rem;
}

.slider_product .owl-next {
	right: 0rem;
}


/*--------------------------------------------------------------------
            Termina Estilos Perfil
    --------------------------------------------------------------------*/


/*--------------------------------------------------------------------
                    Estilos Modal
    --------------------------------------------------------------------*/

.general {
	background: url(../img/home/bg_ranking.png);
	background-size: auto 100vh;
}

#modal_content_info .all_modal {
	display: block;
}

#modal_content_info {
	background-color: #5ABDEF;
	width: 28.333333333333332vw;
	min-height: calc(100vh - 1.7vw);
}

#userCodesRedeem #modal_content_info {
	background-color: black;
}

#modal_content_info .iniciar-sesion {
	color: #07405D;
	font-family: futurabold;
	font-size: 35px;
	letter-spacing: -1.11px;
	line-height: 58px;
	margin: 2vw 0 0 0;
}

#modal_content_info .copy-1 {
	color: #07405D;
	font-family: futuramedium;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	padding: 0vw 4vw;
}

#modal_content_info .fb-cnt {
	max-width: 50%;
	margin: 3% 0 6% 0;
}

#modal_content_info .copy-2 {
	color: #07405D;
	font-family: futuramedium;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
}


/*------- Estilos Formularios -------------*/

form#loginuser {
	max-width: 17.083333333333332vw;
	margin: 0 auto;
}

form.rounder input[type=text],
form.rounder input[type=password],
form.rounder input[type=email],
form.rounder select {
	border-radius: 14px;
	background-color: #057FBC;
	color: #5ABDEF;
	height: 2.96875vw;
	width: 100%;
	border: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

form.rounder textarea {
	border-radius: 14px;
	background-color: #057FBC;
	color: white;
	height: 7.302083vw;
	width: 100%;
	border: 0;
}

form.rounder input[type=text]:focus,
form.rounder input[type=password]:focus,
form.rounder input[type=email]:focus {
	border-radius: 14px;
	background-color: #057FBC;
	color: white;
	height: 2.96875vw;
	width: 100%;
	border: 4px solid #FFFFFF;
}

form.rounder textarea:focus {
	color: white;
	background-color: #057FBC;
	border: 4px solid #FFFFFF;
}

form.rounder input[type=text].error,
form.rounder input[type=password].error,
form.rounder input[type=email].error {
	background-color: #FFA801;
	color: white;
	height: 2.96875vw;
	width: 100%;
	border: 4px solid #E02020;
}

.form-control.error {
	background-color: #FFA801;
	color: white;
	height: 2.96875vw;
	width: 100%;
	border: 4px solid #E02020;
}

form.rounder textarea.error {
	border: 4px solid red;
}

form.rounder input[type=text].valid,
form.rounder input[type=password].valid,
form.rounder input[type=email].valid {
	border-radius: 14px;
	background-color: #057FBC;
	color: white;
	height: 2.96875vw;
	width: 100%;
	border: 4px solid #FFFFFF;
}

form.rounder textarea.valid {
	border: 4px solid #FFFFFF;
}

form.rounder label.error {
	margin: 1% 0 0 7px;
	display: block;
	padding: 0;
	color: red;
	font-size: 0.92rem;
	font-family: futuramedium;
}

.form-control select:focus {
	border-radius: 14px;
	background-color: #057FBC;
	color: white;
	height: 2.96875vw;
	width: 100%;
	border: 4px solid #FFFFFF;
}

#modal_content_info ::placeholder {
	color: #5ABDEF;
	font-family: futuramedium;
	font-size: 18px;
	line-height: 35px;
}

#modal_content_info :-ms-input-placeholder {
	color: #5ABDEF;
	font-family: futuramedium;
	font-size: 18px;
	line-height: 35px;
}

#modal_content_info ::-ms-input-placeholder {
	color: #5ABDEF;
	font-family: futuramedium;
	font-size: 18px;
	line-height: 35px;
}

#modal_content_info .error::placeholder {
	color: white;
}

#modal_content_info .error:-ms-input-placeholder {
	color: white;
}

#modal_content_info .error::-ms-input-placeholder {
	color: white;
}

#modal_content_info .cont-passw-r {
	padding-left: 0.4vw;
}

#modal_content_info .btn_send_login {
	width: 100%;
	background: transparent;
	border: none;
	margin-top: 1.2vw;
}

#modal_content_info .lost_pass {
	color: #07405D;
	font-family: futuramedium;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	margin: 0 auto;
}

#modal_content_info .new_account {
	font-family: futuramedium;
	font-size: 23px;
	line-height: 35px;
	text-align: center;
	margin: 2vw 0 4vw 0;
}

#modal_content_info .new_account a {
	color: #FF4227;
}

.close-modal {
	position: absolute;
	width: 7%;
	right: 5%;
	top: 6%;
	cursor: pointer;
	z-index: 999999;
}

.general .modal-dialog {
	max-width: 100%;
	/*margin: 0 auto;*/
}

#mod_gen .p-5 {
	padding: 6rem 0 !important;
}

#mod_gen .p-5 .pza-1 {
	padding: 0 0vw 0vw 5vw;
	max-width: 100%;
}

#mod_gen .p-5 .pza-2 {
	padding: 0 5vw 0vw 0;
	max-width: 100%;
}


/*------ Modal Olvidaste Contraseña ------*/

#modal_content_info .modal-title {
	color: #07405D;
	font-family: futurabold;
	font-size: 1.9047619047619047vw;
	letter-spacing: -1.01px;
	line-height: 3.4523809523809526vw;
}

#modal_content_info .tira-pac {
	margin-top: 3vw;
	margin-bottom: 1vw;
	width: 20vw;
}

form#send_email_pass_reset {
	max-width: 17.083333333333332vw;
	margin: 0 auto;
}


/*------ Modal exito enviar correo ------*/

#send_success_modal .tira-pac {
	margin-top: 8vw;
	margin-bottom: 0;
}

#modal_content_info .pac-message {
	max-width: 40%;
	margin-top: 1vw;
}

#send_success_modal .copy-2 {
	margin: 2vw auto;
}

#modal_content_info #general_button img {
	max-width: 60%;
}

form#change_pass {
	max-width: 20.083vw;
	margin: 0 auto;
}


/* Formulario de Contacto */

form#contact_form {
	max-width: 23.083333vw;
	margin: 0 auto;
}

form#contact_form a {
	color: #07405D;
	font-size: 0.7291666666666666vw;
	line-height: 1.1458333333333333vw;
	vertical-align: super;
}

.container-inpt {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Formulario de Registro */

form#register_form {
	max-width: 100%;
	margin: 0 auto;
}

form#register_form a {
	color: #07405D;
	font-size: 0.7291666666666666vw;
	line-height: 1.1458333333333333vw;
	vertical-align: super;
}


/* Hide the browser's default radio button */

.container-inpt input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.container-inpt:hover input~.checkmark {
	background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.container-inpt input:checked~.checkmark {
	background-color: #2196F3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Show the indicator (dot/circle) when checked */

.container-inpt input:checked~.checkmark:after {
	display: block;
}


/* Style the indicator (dot/circle) */

.container-inpt .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/*----------------- Modal Error General -------------*/

#modal_content_info #general_error .iniciar-sesion {
	color: #E32313;
}

#modal_content_info #general_error .pac-message {
	max-width: 100%;
	margin-top: 3vw;
	margin-bottom: 4vw;
}

#general_error .copy-2 {
	color: #FFFFFF;
}


/*----------------- Modal Error General Redeem-------------*/

#modal_content_info #general_error_redeem .iniciar-sesion {
	color: #E32313;
}

#modal_content_info #general_error_redeem .pac-message {
	max-width: 100%;
	margin-top: 3vw;
	margin-bottom: 4vw;
}

#general_error_redeem .copy-2 {
	color: #FFFFFF;
}


/* INICIA LOADER */

.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid #fff60033;
	border-right: 1.1em solid #fff60033;
	border-bottom: 1.1em solid #fff60033;
	border-left: 1.1em solid #FFF600;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#loader-active {
	display: none;
}


/*--------------------------------------------------------------------
                    Termina Estilos Modal
    --------------------------------------------------------------------*/


/*--------------------------------------------------------------------
                    Estilos 404
    --------------------------------------------------------------------*/

#page_404 #main {
	background: url(../img/home/bg_ranking.png);
	background-size: auto 100vh;
	min-height: calc(100vh - 4.7vw);
}

#page_404 .sabritas {
	max-width: 15%;
	padding-top: 0.3vw;
}

#page_404 .logo-pacman-general {
	margin: 0.8vw auto 0 auto;
}

#page_404 .logo-404 {
	max-width: 20vw;
	margin: 3vw 0 0 0;
}

.lost {
	color: #FFFFFF;
	font-family: futurabold;
	font-size: 36px;
	letter-spacing: -1.14px;
	line-height: 32px;
	text-align: center;
	margin: 2vw 0 0.8vw 0;
}

.lost-p {
	font-family: futuramedium;
	font-size: 24px;
	letter-spacing: -0.14px;
	line-height: 27px;
	color: #FFFFFF;
}

.init-go {
	max-width: 37%;
	margin: 1vw 0 0 0;
}


/*--------------------------------------------------------------------
                    Termina Estilos 404
    --------------------------------------------------------------------*/


/*--------------------------------------------------------------------
                Mobile Secciones
    --------------------------------------------------------------------*/

@media (max-width:1024px) {
	/*--------------------------------------------------------------------
                Estilos Ranking
        --------------------------------------------------------------------*/
	/*#section_ranking .title-ranking{ color: pink; font-size: 50px; margin: 5% auto; }*/
	#ranking_container .dataTables_scroll {
		height: auto;
	}
	.text_ranking_weeks #arrow-left,
	.text_ranking_weeks #arrow-right {
		width: auto;
		height: auto;
		margin: 0 6%;
	}
	/*-------- BOTONES SWITCH ----------*/
	.switch-container {
		width: 35vw;
		height: 4vh;
	}
	.switch-container .switch-button {
		width: 34.5vw;
		height: 3.5vh;
	}
	/*---- COMPONENTE DATA TABLE ----------*/
	#contenedor_tabla_data {
		padding: 0 1vw;
	}
	#ranking_container .botony.izq,
	#ranking_container .botony.drc {
		width: 4.87vw;
		height: 4.9vw;
	}
	#ranking_container .pagination li a {
		font-size: 2.354vw;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Ranking
        --------------------------------------------------------------------*/
	#section_profile .bg-table-pts {
		min-height: calc(28vh - 10.2vw);
	}
	.modal-content {
		background-color: transparent;
	}
}


/*------------    TERMINA (max-width:1024px)     ---------------------*/

@media (max-width:992px) {
	#no_prize_user img {
		max-width: 500px;
		width: 100%;
	}
  .small, small {
    font-size: 20px;
    line-height: 20px;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 20px;
    line-height: 20px;
  }
  .text_ranking_weeks #fecha_date_act {
    font-size: 18px;
    line-height: 18px;
  }
	#first,
	#second {
		margin: 0 auto;
		max-width: 304px;
		width: auto;
	}
	#content-form-send-email {
		max-width: 80%;
		margin: auto;
	}
	#modal_content_info .tira-pac {
		margin-top: 20px;
		margin-bottom: 20px;
		max-width: 400px;
		width: auto;
	}
	form.rounder input[type=text].error,
	form.rounder input[type=password].error,
	form.rounder input[type=email].error {
		height: 56px;
	}
	form.rounder input[type=text].valid,
	form.rounder input[type=password].valid,
	form.rounder input[type=email].valid {
		height: 56px;
	}
	form#register_form a {
		font-size: 15px;
		line-height: 15px;
	}
	#modal_content_info .copy-1 {
		font-size: 18px;
		line-height: 18px;
		padding: 15px 0;
		margin: 0 auto;
    max-width: 80%;
	}
	#modal_content_info .fb-cnt {
		max-width: 50%;
		margin: 0 0 5% 0;
	}
	#modal_content_info .copy-2 {
		font-size: 18px;
		line-height: 18px;
	}
	form.rounder input[type=text],
	form.rounder input[type=password],
	form.rounder input[type=email],
	form.rounder select {
		height: 56px;
		width: 100%;
		border: 0;
	}
	form#loginuser {
		max-width: 340px;
		margin: 0 auto;
	}
	#modal_content_info .modal-title {
		font-size: 35px;
		letter-spacing: -1.01px;
		line-height: 35px;
	}
	form#send_email_pass_reset {
		max-width: 340px;
		margin: 0 auto;
	}
	form#change_pass {
		max-width: 280px;
		margin: 0 auto;
	}
	form#contact_form {
		max-width: 340px;
		margin: 0 auto;
	}
	form.rounder input[type=text]:focus,
	form.rounder input[type=password]:focus,
	form.rounder input[type=email]:focus {
		height: 56px;
	}
	form.rounder textarea {
		height: auto;
	}
	form#contact_form a {
		font-size: 15px;
		line-height: 15px;
		vertical-align: super;
	}
	#modal_content_info .btn_send_login {
		padding: 15px 0 15px 0;
	}
	#main {
		padding: 0;
	}
	#modal_content_info .texto {
		font-size: 18px;
		line-height: 18px;
		height: 70vh;
		overflow: auto;
		padding: 1vw 1vw;
    max-width: 80%;
	}
	#modal_content_info .texto {
		font-size: 18px;
		line-height: 18px;
		height: 80vh;
		overflow: auto;
		padding: 15px 20px;
    max-width: 80%;
	}
	.close-modal {
		position: absolute;
		width: 60px;
		right: 2px;
		top: 2px;
	}
	.logo-pacman-general {
		display: block;
		margin: auto;
		width: 200px;
		padding: 10% 0 0 0;
	}
	/* INICIA SECCIÓN PAC-MAN */
	.pac-man .personaje {
		display: none;
	}
	.pac-man .logo_pacmac_tm {
		width: 400px;
		padding: 5% 0 0 0;
	}
	.pac-man .juega {
		width: 500px;
		padding: 5% 0 0 0;
	}
	.pac-man .text-1 {
		font-size: 30px;
		line-height: 30px;
		width: 100%;
		padding: 5% 0 0 0;
	}
	.pac-man .form-control {
		border-radius: 40px;
		width: 500px;
		height: 80px;
    font-size: 20px;
	}
	.pac-man .form-inline {
		max-width: 500px;
		padding: 0 0 40px 0;
	}
	.pac-man .btn {
		right: -5px;
		width: 92px;
	}
  .pac-man .btn .btn_enviar {
    width: 92px;
  }
	.pac-man .arte {
		width: 300px;
		top: 0;
		padding: 0 0 20px 0;
	}
	.pac-man .pleca {
		background-color: #EE2E24;
		width: 100%;
		height: 120px;
		border: 10px solid #E41912;
	}
	.pac-man .x2 {
		width: 107px;
		margin: 0 30px 0 30px;
	}
	.pac-man .text-2 {
		font-size: 15px;
		letter-spacing: -0.95px;
		line-height: 15px;
		width: 730px;
		margin: 0;
	}
	.pac-man .text-3 {
		display: none;
	}
	/* TERMINA SECCIÓN PAC-MAN */
	/* INICIA SECCIÓN CARROUSEL  */
	.carousel {
		background-color: #000000;
	}
	.carousel .text-1 {
		font-size: 38px;
		letter-spacing: -1.9px;
		line-height: 38px;
		padding: 20px 0 20px 0;
	}
	.carousel .blue-background {
		background-image: url(../img/home/bg_premios.png);
	}
	.carousel .blue-background img {
		width: 420px;
	}
	.carousel .blue-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
	}
	.carousel .blue-background .text-3 {
		color: #07405D;
		font-family: 'futuramedium';
		font-size: 14px;
		letter-spacing: -0.44px;
	}
	.carousel .blue-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_premio2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		top: 0;
	}
	.carousel .blue-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_premio.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		top: 0;
	}
	.carousel .yellow-background {
		background-color: #FFE001;
	}
	.carousel .yellow-background img {
		width: 305px;
	}
	.carousel .yellow-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
		line-height: 25px;
	}
	.carousel .yellow-background .forma1 {
		width: 120px;
		left: 0;
		top: 240px;
	}
	.carousel .yellow-background .forma2 {
		width: 120px;
		right: 0;
		top: 240px;
	}
	.carousel .yellow-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_producto2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		bottom: 0;
	}
	.carousel .yellow-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_producto.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		bottom: 0;
	}
	.carousel .owl-prev,
	.carousel .owl-next {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	/* TERMINA SECCIÓN CARROUSEL */
	/*--------------------------------------------------------------------
                        Estilos Ranking
        --------------------------------------------------------------------*/
	#aniversaryparticle {
		display: none;
	}
	#section_ranking {
		background: url(../img/home/bg_ranking.png);
		height: auto;
		padding: 0 0 20% 0;
	}
	#ranking_container p {
		font-size: 18px;
		letter-spacing: -0.57px;
		line-height: 18px;
		margin: 0;
		padding: 15px 15px;
	}
	#ranking_container .logo {
		display: block;
		width: 140px;
		margin: auto;
		padding: 0;
	}
	#section_ranking .title-ranking {
		color: white;
		font-size: 50px;
		margin: 10% auto;
	}
	#section_ranking .reg {
		display: none;
	}
	/*------ SWITCH BOTONES -------*/
	.switch-container {
		width: 75%;
		height: 15%;
		margin: 0 auto;
	}
	.switch-container .switch-button {
		width: 99%;
		height: 93%;
	}
	.switch-container .switch-button-case {
		font-size: 25px;
	}
	/*------ ELEMENTOS SEMANAS -------*/
	.text_ranking_weeks {
		margin: 4% auto;
		font-size: 40px;
	}
	.text_ranking_weeks #arrow-left,
	.text_ranking_weeks #arrow-right {
		width: auto;
		height: auto;
		margin: 0 6%;
	}
	/*------ COMPONENTE TABLA -------*/
	#ranking_container .dataTables_scroll {
		height: auto;
	}
	#contenedor_tabla_data {
		margin: 0;
		padding: 0;
	}
	#ranking_container .dataTables_scrollHeadInner {
		max-width: 98%;
		padding: 0;
		margin: 0 auto;
		font-size: 20px;
		line-height: 20px;
		padding: 7px 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(1) {
		font-size: 20px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(2) {
		font-size: 20px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(3) {
		font-size: 20px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTable tr th:nth-child(3) {
		padding-right: 5%;
	}
	/*------ COMPONENTE TABLA  PAGINACION-------*/
	#ranking_container .pagination .page-item .page-link {
		padding: 0 10px;
	}
	#ranking_container .pagination li a {
		font-size: 28px;
		line-height: 40px;
	}
	#ranking_container .botony.izq,
	#ranking_container .botony.drc {
		width: 70px;
		height: 70px;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Ranking
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos Perfil
        --------------------------------------------------------------------*/
	/*------------ INFORMACION USUARIO  ------------*/
	/*--- BLOQUE VERDE ---*/
	#section_profile .green_user {
		max-width: 95%;
		margin: 13% auto 6% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .green_user .user_det {
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #047836;
		display: inline-block;
		margin-bottom: 9px;
	}
	.close-su {
		max-width: 50%;
		margin: 4% 0 0 0;
	}
	.player {
		display: none;
	}
	.player-mbl {
		display: block;
		color: #FFFFFF;
		font-family: futuramedium;
		font-size: 1.664705882352942rem;
		line-height: 0.9813542688910697rem;
		margin: 3% auto;
	}
	.user_active {
		color: #FFFFFF;
		font-family: futurabold;
		font-size: 1.5rem;
		line-height: 0.8378718056137411rem;
		text-align: center;
		margin-bottom: 3%;
	}
	/*--- BLOQUE AZUL ---*/
	#section_profile .user_points {
		max-width: 95%;
		margin: 0% auto 0% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .user_points .user_det_ptn {
		background-color: #0971BE;
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #015796;
		display: inline-block;
		margin-bottom: 9px;
	}
	.pts-info {
		font-size: 1.7rem;
		line-height: 0.9813542688910697rem;
		margin: 8% 0 5% 0;
		text-align: center;
	}
	.pts-number {
		font-size: 2.7rem;
		line-height: 39.79px;
		margin: 0% 0 3% 0;
		text-align: center;
		padding: 0;
	}
	.king-pac {
		width: 55px;
		height: 55px;
		background-size: 95%;
		margin-left: 7%;
	}
	/*------------ TABLA DE PUNTOS USUARIO DATATABLE ------------*/
	#section_profile .bg-table-pts {
		background-color: #EE2E24;
		border-radius: 16px;
		padding: 12px 6px 15px 6px;
		min-height: 0;
	}
	#section_profile .pad-tbl {
		padding: 0 2%;
	}
	#section_profile #contenedor_tabla_data {
		padding: 0;
		margin: 0;
	}
	#section_profile table {
		border-collapse: collapse;
	}
	#section_profile .dataTables_scrollBody tr {
		border-bottom: 2px solid #FF5F56;
	}
	#section_profile .dataTables_scrollBody tr:last-child {
		border: none;
	}
	#arrow-left {
		background-image: url(../img/arrow-izq.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-right: 1.5vw;
		background-size: 100%;
	}
	#arrow-right {
		background-image: url(../img/arrow-der.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-left: 1.5vw;
		background-size: 100%;
	}
	#section_profile .dataTables_scrollHeadInner {
		font-size: 1.119999999999rem;
		line-height: 20px;
		text-align: center;
		text-transform: capitalize;
		border-radius: 8px;
		padding: 4px 0;
	}
	#section_profile .dataTables_scroll {
		background-color: #C3140B;
		border-radius: 9px;
		box-shadow: 0 8px 0 #A40901;
		padding: 8px 0 0 0;
	}
	#section_profile .dataTables_scrollBody tbody {
		font-size: 17px;
		line-height: 20px;
		text-align: center;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(1) {
		width: 25%;
		padding-left: 6%;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(2) {
		width: 35%;
		padding-left: 7%;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(3) {
		width: 40%;
		padding: 2% 0px 2% 11%;
	}
	#section_profile .dataTable tr th:nth-child(1) {
		width: 25% !important
	}
	#section_profile .dataTable tr th:nth-child(2) {
		width: 35% !important
	}
	#section_profile .dataTable tr th:nth-child(3) {
		width: 40% !important;
		padding: 1% 0px 1% 30px;
	}
	/*-------- ESTILOS DATA TABLE COMPONENTE PAGINACION ------*/
	#section_profile .pagination {
		display: block;
		margin: auto;
	}
	#section_profile .conent-imgs {
		position: relative;
	}
	#section_profile .table-div-space {
		margin: 0;
		padding: 2vw 2vw;
	}
	#section_profile #user_pts_previous {
		position: relative;
		bottom: 0;
		margin-top: 0;
		left: 0;
		float: left;
	}
	#section_profile #user_pts_previous:focus,
	#tabla_previous a:focus,
	#tabla_previous span:focus {
		outline: 0 auto -webkit-focus-ring-color;
		outline: transparent !important;
	}
	#section_profile #user_pts_next {
		position: relative;
		float: right;
		margin-top: 0;
		left: 0;
		bottom: 0;
	}
	#section_profile .page-link {
		background-color: transparent;
		border: 0;
	}
	#section_profile .page-item.disabled .page-link {
		color: #FFFFFF;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination li a {
		font-size: 1.70rem;
		line-height: 20px;
	}
	#section_profile .pagination li {
		display: inline-block;
		border-radius: 0;
		vertical-align: top;
		height: auto;
		margin-top: 1vw;
	}
	#section_profile .pagination li.active {
		background-color: transparent;
	}
	#section_profile .page-item.active .page-link {
		color: #FFE500;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination .page-item .page-link {
		text-align: center;
		padding: 0.4rem;
	}
	#section_profile .dataTables_paginate {
		padding: 1rem 0 0 0;
	}
	#section_profile .botony.izq {
		width: 65px;
		height: 65px;
	}
	#section_profile .botony.drc {
		width: 65px;
		height: 65px;
	}
	/*-------- CARRUSEL DE PREMIOS ----------*/
	.own-prize {
		font-size: 2.25rem;
		line-height: 20px;
		text-align: center;
		margin: 10% 0 10% 0;
	}
	#user_prize .owl-nav,
	#user_prize .owl-dots {
		text-align: right;
		padding: 1.56vw 0 1.56vw 0;
	}
	#user_prize .owl-nav .owl-prev .prev-slide {
		width: 40px;
		height: 40px;
		margin: 0 0 0 20%;
	}
	#user_prize .owl-nav .owl-next .next-slide {
		width: 40px;
		height: 40px;
		margin: 0 8px 0 0;
	}
	/* Navegacion Carrusel*/
	.owl-prev,
	.owl-next {
		position: absolute;
		top: 30%;
		transform: translateY(-50%);
	}
	.owl-prev {
		left: 0rem;
	}
	.owl-next {
		right: 0rem;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Perfil
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos Contenedor Modal
        --------------------------------------------------------------------*/
	#mod_gen .p-5 .pza-1,
	#mod_gen .p-5 .pza-2,
	#mod_gen .p-5.cn-pza-1 {
		display: none !important;
	}
	/*--------------------------------------------------------------------
                        Estilos 404
    --------------------------------------------------------------------*/
	#page_404 .sabritas {
		max-width: 30%;
		padding-top: 4%;
	}
	#page_404 .logo-pacman-general {
		width: 70%;
		margin: 3% auto 0 auto;
	}
	#page_404 .logo-404 {
		max-width: 70%;
		margin: 15% 0 5% 0;
	}
	.lost {
		margin: 10% 0 10% 0;
		font-size: 30px;
	}
	.lost-p {
		font-size: 20px;
	}
	.init-go {
		max-width: 70%;
		margin: 6% 0 10% 0;
	}
	/*--------------------------------------------------------------------
                    Termina Estilos 404
    --------------------------------------------------------------------*/
}


/*------------    TERMINA (max-width:992px)     ---------------------*/


/* Estilos para Mobile*/

@media (max-width:768px) {
	#no_prize_user img {
		max-width: 500px;
		width: 100%;
	}
	#first,
	#second {
		margin: 0 auto;
		max-width: 304px;
		width: auto;
	}
	#content-form-send-email {
		max-width: 80%;
		margin: auto;
	}
	#modal_content_info .tira-pac {
		margin-top: 20px;
		margin-bottom: 20px;
		max-width: 220px;
		width: auto;
	}
	form.rounder input[type=text].error,
	form.rounder input[type=password].error,
	form.rounder input[type=email].error {
		height: 56px;
	}
	form.rounder input[type=text].valid,
	form.rounder input[type=password].valid,
	form.rounder input[type=email].valid {
		height: 56px;
	}
	form#register_form a {
		font-size: 15px;
		line-height: 15px;
	}
	#modal_content_info .copy-1 {
		font-size: 18px;
		line-height: 18px;
		padding: 15px 0;
		margin: 0 auto;
	}
	#modal_content_info .fb-cnt {
		max-width: 50%;
		margin: 0 0 5% 0;
	}
	#modal_content_info .copy-2 {
		font-size: 18px;
		line-height: 18px;
	}
	form.rounder input[type=text],
	form.rounder input[type=password],
	form.rounder input[type=email],
	form.rounder select {
		height: 56px;
		width: 100%;
		border: 0;
	}
	form#loginuser {
		max-width: 340px;
		margin: 0 auto;
	}
	#modal_content_info .modal-title {
		font-size: 35px;
		letter-spacing: -1.01px;
		line-height: 35px;
	}
	form#send_email_pass_reset {
		max-width: 340px;
		margin: 0 auto;
	}
	form#change_pass {
		max-width: 280px;
		margin: 0 auto;
	}
	form#contact_form {
		max-width: 340px;
		margin: 0 auto;
	}
	form.rounder input[type=text]:focus,
	form.rounder input[type=password]:focus,
	form.rounder input[type=email]:focus {
		height: 56px;
	}
	form.rounder textarea {
		height: auto;
	}
	form#contact_form a {
		font-size: 15px;
		line-height: 15px;
		vertical-align: super;
	}
	#modal_content_info .btn_send_login {
		padding: 15px 0 15px 0;
	}
	#main {
		padding: 0;
	}
	#modal_content_info .texto {
		font-size: 15px;
		line-height: 15px;
		height: 70vh;
		overflow: auto;
		padding: 1vw 1vw;
	}
	#modal_content_info .texto {
		font-size: 14px;
		line-height: 14px;
		height: 80vh;
		overflow: auto;
		padding: 15px 20px;
	}
	.close-modal {
		position: absolute;
		width: 42px;
		right: 2px;
		top: 2px;
	}
	.logo-pacman-general {
		display: block;
		margin: auto;
		width: 200px;
		padding: 10% 0 0 0;
	}
	/* INICIA SECCIÓN PAC-MAN */
	.pac-man .personaje {
		display: none;
	}
	.pac-man .logo_pacmac_tm {
		width: 200px;
		padding: 5% 0 0 0;
	}
	.pac-man .juega {
		width: 300px;
		padding: 5% 0 0 0;
	}
	.pac-man .text-1 {
		font-size: 18px;
		line-height: 18px;
		width: 100%;
		padding: 5% 0 0 0;
	}
	.pac-man .form-control {
		border-radius: 40px;
		width: 340px;
		height: 70px;
    font-size: 20px;
	}
	.pac-man .form-inline {
		max-width: 340px;
		padding: 0 0 40px 0;
	}
	.pac-man .btn {
		right: -5px;
		width: 92px;
	}
  .pac-man .btn .btn_enviar {
    width: 92px;
  }
	.pac-man .arte {
		width: 240px;
		top: 0;
		padding: 0 0 20px 0;
	}
	.pac-man .pleca {
		background-color: #EE2E24;
		width: 100%;
		height: 120px;
		border: 10px solid #E41912;
	}
	.pac-man .x2 {
		width: 107px;
		margin: 0 30px 0 30px;
	}
	.pac-man .text-2 {
		font-size: 14px;
		letter-spacing: -0.95px;
		line-height: 14px;
		width: 730px;
		margin: 0;
	}
	.pac-man .text-3 {
		display: none;
	}
	/* TERMINA SECCIÓN PAC-MAN */
	/* INICIA SECCIÓN CARROUSEL  */
	.carousel {
		background-color: #000000;
	}
	.carousel .text-1 {
		font-size: 38px;
		letter-spacing: -1.9px;
		line-height: 38px;
		padding: 20px 0 20px 0;
	}
	.carousel .blue-background {
		background-image: url(../img/home/bg_premios.png);
	}
	.carousel .blue-background img {
		width: 420px;
	}
	.carousel .blue-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
	}
	.carousel .blue-background .text-3 {
		color: #07405D;
		font-family: 'futuramedium';
		font-size: 14px;
		letter-spacing: -0.44px;
	}
	.carousel .blue-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_premio2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		top: 0;
	}
	.carousel .blue-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_premio.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		top: 0;
	}
	.carousel .yellow-background {
		background-color: #FFE001;
	}
	.carousel .yellow-background img {
		width: 305px;
	}
	.carousel .yellow-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
		line-height: 25px;
	}
	.carousel .yellow-background .forma1 {
		width: 120px;
		left: 0;
		top: 240px;
	}
	.carousel .yellow-background .forma2 {
		width: 120px;
		right: 0;
		top: 240px;
	}
	.carousel .yellow-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_producto2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		bottom: 0;
	}
	.carousel .yellow-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_producto.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		bottom: 0;
	}
	.carousel .owl-prev,
	.carousel .owl-next {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	/* TERMINA SECCIÓN CARROUSEL */
	/*--------------------------------------------------------------------
                        Estilos Ranking
        --------------------------------------------------------------------*/
	#section_ranking {
		background: url(../img/home/bg_ranking.png);
		height: auto;
		padding: 0 0 20% 0;
	}
	#ranking_container p {
		font-size: 15px;
		letter-spacing: -0.57px;
		line-height: 15px;
		margin: 0;
		padding: 15px 15px;
	}
	#ranking_container .logo {
		display: block;
		width: 150px;
		margin: auto;
		padding: 0;
	}
	#section_ranking .title-ranking {
		color: white;
		font-size: 50px;
		margin: 13% auto;
	}
	#section_ranking .reg {
		display: none;
	}
	/*-----------------------------------
                SWITCH BOTONES
            -----------------------------------*/
	.switch-container .switch-button-case {
		font-size: 19px;
	}
	.switch-container {
		width: 75%;
		height: 15%;
		margin: 0 auto;
	}
	.switch-container .switch-button {
		width: 98%;
		height: 93%;
	}
	/*------ ELEMENTOS SEMANAS -------*/
	.text_ranking_weeks {
		margin: 4% auto;
		font-size: 28px;
	}
	.text_ranking_weeks #arrow-left,
	.text_ranking_weeks #arrow-right {
		width: auto;
		height: auto;
		margin: 0 6%;
	}
	/*------ COMPONENTE TABLA -------*/
	#ranking_container .dataTables_scroll {
		height: auto;
	}
	#contenedor_tabla_data {
		margin: 0;
		padding: 0;
	}
	#ranking_container .dataTables_scrollHeadInner {
		max-width: 97%;
		padding: 0;
		margin: 0 auto;
		font-size: 14px;
		line-height: 20px;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(1) {
		font-size: 17px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(2) {
		font-size: 16px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(3) {
		font-size: 17px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTable tr th:nth-child(3) {
		padding-right: 5%;
	}
	/*------ COMPONENTE TABLA  PAGINACION-------*/
	#ranking_container .pagination .page-item .page-link {
		padding: 0 8px;
	}
	#ranking_container .pagination li a {
		font-size: 28px;
		line-height: 40px;
	}
	#ranking_container .botony.izq,
	#ranking_container .botony.drc {
		width: 60px;
		height: 60px;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Ranking
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos Perfil
        --------------------------------------------------------------------*/
	/*------------ INFORMACION USUARIO  ------------*/
	/*--- BLOQUE VERDE ---*/
	#section_profile .green_user {
		max-width: 95%;
		margin: 13% auto 6% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .green_user .user_det {
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #047836;
		display: inline-block;
		margin-bottom: 9px;
	}
	.close-su {
		max-width: 50%;
		margin: 4% 0 0 0;
	}
	.player {
		display: none;
	}
	.player-mbl {
		display: block;
		color: #FFFFFF;
		font-family: futuramedium;
		font-size: 1.664705882352942rem;
		line-height: 0.9813542688910697rem;
		margin: 3% auto;
	}
	.user_active {
		color: #FFFFFF;
		font-family: futurabold;
		font-size: 1.5rem;
		line-height: 0.8378718056137411rem;
		text-align: center;
		margin-bottom: 3%;
	}
	/*--- BLOQUE AZUL ---*/
	#section_profile .user_points {
		max-width: 95%;
		margin: 0% auto 0% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .user_points .user_det_ptn {
		background-color: #0971BE;
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #015796;
		display: inline-block;
		margin-bottom: 9px;
	}
	.pts-info {
		font-size: 1.7rem;
		line-height: 0.9813542688910697rem;
		margin: 8% 0 5% 0;
		text-align: center;
	}
	.pts-number {
		font-size: 2.7rem;
		line-height: 39.79px;
		margin: 0% 0 3% 0;
		text-align: center;
		padding: 0;
	}
	.king-pac {
		width: 55px;
		height: 55px;
		background-size: 95%;
		margin-left: 7%;
	}
	/*------------ TABLA DE PUNTOS USUARIO DATATABLE ------------*/
	#section_profile .bg-table-pts {
		background-color: #EE2E24;
		border-radius: 16px;
		padding: 12px 6px 15px 6px;
		min-height: 0;
	}
	#section_profile .pad-tbl {
		padding: 0 2%;
	}
	#section_profile #contenedor_tabla_data {
		padding: 0;
		margin: 0;
	}
	#section_profile table {
		border-collapse: collapse;
	}
	#section_profile .dataTables_scrollBody tr {
		border-bottom: 2px solid #FF5F56;
	}
	#section_profile .dataTables_scrollBody tr:last-child {
		border: none;
	}
	#arrow-left {
		background-image: url(../img/arrow-izq.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-right: 1.5vw;
		background-size: 100%;
	}
	#arrow-right {
		background-image: url(../img/arrow-der.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-left: 1.5vw;
		background-size: 100%;
	}
	#section_profile .dataTables_scrollHeadInner {
		font-size: 1.119999999999rem;
		line-height: 20px;
		text-align: center;
		text-transform: capitalize;
		border-radius: 8px;
		padding: 4px 0;
	}
	#section_profile .dataTables_scroll {
		background-color: #C3140B;
		border-radius: 9px;
		box-shadow: 0 8px 0 #A40901;
		padding: 8px 0 0 0;
	}
	#section_profile .dataTables_scrollBody tbody {
		font-size: 17px;
		line-height: 20px;
		text-align: center;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(1) {
		width: 25%;
		padding-left: 6%;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(2) {
		width: 35%;
		padding-left: 7%;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(3) {
		width: 40%;
		padding: 2% 0px 2% 11%;
	}
	#section_profile .dataTable tr th:nth-child(1) {
		width: 25% !important
	}
	#section_profile .dataTable tr th:nth-child(2) {
		width: 35% !important
	}
	#section_profile .dataTable tr th:nth-child(3) {
		width: 40% !important;
		padding: 1% 0px 1% 30px;
	}
	/*-------- ESTILOS DATA TABLE COMPONENTE PAGINACION ------*/
	#section_profile .pagination {
		display: block;
		margin: auto;
	}
	#section_profile .conent-imgs {
		position: relative;
	}
	#section_profile .table-div-space {
		margin: 0;
		padding: 2vw 2vw;
	}
	#section_profile #user_pts_previous {
		position: relative;
		bottom: 0;
		margin-top: 0;
		left: 0;
		float: left;
	}
	#section_profile #user_pts_previous:focus,
	#tabla_previous a:focus,
	#tabla_previous span:focus {
		outline: 0 auto -webkit-focus-ring-color;
		outline: transparent !important;
	}
	#section_profile #user_pts_next {
		position: relative;
		float: right;
		margin-top: 0;
		left: 0;
		bottom: 0;
	}
	#section_profile .page-link {
		background-color: transparent;
		border: 0;
	}
	#section_profile .page-item.disabled .page-link {
		color: #FFFFFF;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination li a {
		font-size: 1.70rem;
		line-height: 20px;
	}
	#section_profile .pagination li {
		display: inline-block;
		border-radius: 0;
		vertical-align: top;
		height: auto;
		margin-top: 1vw;
	}
	#section_profile .pagination li.active {
		background-color: transparent;
	}
	#section_profile .page-item.active .page-link {
		color: #FFE500;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination .page-item .page-link {
		text-align: center;
		padding: 0.4rem;
	}
	#section_profile .dataTables_paginate {
		padding: 1rem 0 0 0;
	}
	#section_profile .botony.izq {
		width: 65px;
		height: 65px;
	}
	#section_profile .botony.drc {
		width: 65px;
		height: 65px;
	}
	/*-------- CARRUSEL DE PREMIOS ----------*/
	.own-prize {
		font-size: 2.25rem;
		line-height: 20px;
		text-align: center;
		margin: 10% 0 10% 0;
	}
	#user_prize .owl-nav,
	#user_prize .owl-dots {
		text-align: right;
		padding: 1.56vw 0 1.56vw 0;
	}
	#user_prize .owl-nav .owl-prev .prev-slide {
		width: 40px;
		height: 40px;
		margin: 0 0 0 20%;
	}
	#user_prize .owl-nav .owl-next .next-slide {
		width: 40px;
		height: 40px;
		margin: 0 8px 0 0;
	}
	/* Navegacion Carrusel*/
	.owl-prev,
	.owl-next {
		position: absolute;
		top: 30%;
		transform: translateY(-50%);
	}
	.owl-prev {
		left: 0rem;
	}
	.owl-next {
		right: 0rem;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Perfil
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos 404
    --------------------------------------------------------------------*/
	#page_404 .sabritas {
		max-width: 30%;
		padding-top: 4%;
	}
	#page_404 .logo-pacman-general {
		width: 70%;
		margin: 3% auto 0 auto;
	}
	#page_404 .logo-404 {
		max-width: 70%;
		margin: 15% 0 5% 0;
	}
	.lost {
		margin: 10% 0 10% 0;
		font-size: 30px;
	}
	.lost-p {
		font-size: 20px;
	}
	.init-go {
		max-width: 70%;
		margin: 6% 0 10% 0;
	}
	/*--------------------------------------------------------------------
                    Termina Estilos 404
    --------------------------------------------------------------------*/
}


/*------------    TERMINA (max-width:768px)     ---------------------*/

@media (max-width: 560px) {
	#no_prize_user img {
		max-width: 500px;
		width: 100%;
	}
	#first,
	#second {
		margin: 0 auto;
		max-width: 304px;
		width: auto;
	}
	#content-form-send-email {
		max-width: 360px;
		margin: auto;
	}
	#modal_content_info .tira-pac {
		margin-top: 20px;
		margin-bottom: 20px;
		max-width: 220px;
		width: auto;
	}
	form.rounder input[type=text].error,
	form.rounder input[type=password].error,
	form.rounder input[type=email].error {
		height: 56px;
	}
	form.rounder input[type=text].valid,
	form.rounder input[type=password].valid,
	form.rounder input[type=email].valid {
		height: 56px;
	}
	form#register_form a {
		font-size: 15px;
		line-height: 15px;
	}
	#modal_content_info .copy-1 {
		font-size: 18px;
		line-height: 18px;
		padding: 15px 0;
		margin: 0 auto;
	}
	#modal_content_info .fb-cnt {
		max-width: 100%;
		margin: 0 0 5% 0;
	}
	#modal_content_info .copy-2 {
		font-size: 18px;
		line-height: 18px;
	}
	form.rounder input[type=text],
	form.rounder input[type=password],
	form.rounder input[type=email],
	form.rounder select {
		height: 56px;
		width: 100%;
		border: 0;
	}
	form#loginuser {
		max-width: 340px;
		margin: 0 auto;
	}
	#modal_content_info .modal-title {
		font-size: 35px;
		letter-spacing: -1.01px;
		line-height: 35px;
	}
	form#send_email_pass_reset {
		max-width: 340px;
		margin: 0 auto;
	}
	form#change_pass {
		max-width: 280px;
		margin: 0 auto;
	}
	form#contact_form {
		max-width: 340px;
		margin: 0 auto;
	}
	form.rounder input[type=text]:focus,
	form.rounder input[type=password]:focus,
	form.rounder input[type=email]:focus {
		height: 56px;
	}
	form.rounder textarea {
		height: auto;
	}
	form#contact_form a {
		font-size: 15px;
		line-height: 15px;
		vertical-align: super;
	}
	#modal_content_info .btn_send_login {
		padding: 15px 0 15px 0;
	}
	#main {
		padding: 0;
	}
	#modal_content_info .texto {
		font-size: 15px;
		line-height: 15px;
		height: 70vh;
		overflow: auto;
		padding: 1vw 1vw;
	}
	#modal_content_info .texto {
		font-size: 14px;
		line-height: 14px;
		height: 80vh;
		overflow: auto;
		padding: 15px 20px;
	}
	.close-modal {
		position: absolute;
		width: 42px;
		right: 2px;
		top: 2px;
	}
	.logo-pacman-general {
		display: block;
		margin: auto;
		width: 200px;
		padding: 10% 0 0 0;
	}
	/* INICIA SECCIÓN PAC-MAN */
	.pac-man .personaje {
		display: none;
	}
	.pac-man .logo_pacmac_tm {
		width: 200px;
		padding: 5% 0 0 0;
	}
	.pac-man .juega {
		width: 300px;
		padding: 5% 0 0 0;
	}
	.pac-man .text-1 {
		font-size: 15px;
		line-height: 15px;
		width: 100%;
		padding: 5% 0 0 0;
	}
	.pac-man .form-control {
		border-radius: 40px;
		width: 340px;
		height: 70px;
    font-size: 20px;
	}
	.pac-man .form-inline {
		max-width: 340px;
		padding: 0 0 40px 0;
	}
	.pac-man .btn {
		right: -5px;
		width: 92px;
	}
  .pac-man .btn .btn_enviar {
    width: 92px;
  }
	.pac-man .arte {
		width: 240px;
		top: 0;
		padding: 0 0 20px 0;
	}
	.pac-man .pleca {
		background-color: #EE2E24;
		width: 100%;
		height: 120px;
		border: 10px solid #E41912;
	}
	.pac-man .x2 {
		width: 107px;
		margin: 0 30px 0 30px;
	}
	.pac-man .text-2 {
		font-size: 14px;
		letter-spacing: -0.95px;
		line-height: 14px;
		width: 730px;
		margin: 0;
	}
	.pac-man .text-3 {
		display: none;
	}
	/* TERMINA SECCIÓN PAC-MAN */
	/* INICIA SECCIÓN CARROUSEL  */
	.carousel {
		background-color: #000000;
	}
	.carousel .text-1 {
		font-size: 38px;
		letter-spacing: -1.9px;
		line-height: 38px;
		padding: 20px 0 20px 0;
	}
	.carousel .blue-background {
		background-image: url(../img/home/bg_premios.png);
	}
	.carousel .blue-background img {
		width: 420px;
	}
	.carousel .blue-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
	}
	.carousel .blue-background .text-3 {
		color: #07405D;
		font-family: 'futuramedium';
		font-size: 14px;
		letter-spacing: -0.44px;
	}
	.carousel .blue-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_premio2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		top: 0;
	}
	.carousel .blue-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_premio.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		top: 0;
	}
	.carousel .yellow-background {
		background-color: #FFE001;
	}
	.carousel .yellow-background img {
		width: 305px;
	}
	.carousel .yellow-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
		line-height: 25px;
	}
	.carousel .yellow-background .forma1 {
		width: 80px;
		left: 0;
		top: 240px;
	}
	.carousel .yellow-background .forma2 {
		width: 80px;
		right: 0;
		top: 240px;
	}
	.carousel .yellow-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_producto2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		bottom: 0;
	}
	.carousel .yellow-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_producto.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		bottom: 0;
	}
	.carousel .owl-prev,
	.carousel .owl-next {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	/* TERMINA SECCIÓN CARROUSEL */
	/*--------------------------------------------------------------------
                        Estilos Ranking
        --------------------------------------------------------------------*/
	#section_ranking {
		background: url(../img/home/bg_ranking.png);
		height: auto;
		padding: 0 0 40% 0;
	}
	#ranking_container p {
		font-size: 15px;
		letter-spacing: -0.57px;
		line-height: 15px;
		margin: 0;
		padding: 15px 15px;
	}
	#ranking_container .logo {
		display: block;
		width: 80px;
		margin: auto;
		padding: 0;
	}
	#section_ranking .title-ranking {
		color: white;
		font-size: 50px;
		margin: 13% auto;
	}
	/*------ SWITCH BOTONES -------*/
	.switch-container {
		width: 95%;
		height: 15%;
		margin: 4% 0;
	}
	.switch-container .switch-button {
		width: 98%;
		height: 93%;
	}
	/*------ ELEMENTOS SEMANAS -------*/
	.text_ranking_weeks {
		margin: 4% auto;
		font-size: 28px;
	}
	.text_ranking_weeks #arrow-left,
	.text_ranking_weeks #arrow-right {
		width: auto;
		height: auto;
		margin: 0 6%;
	}
	/*------ COMPONENTE TABLA -------*/
	#ranking_container .dataTables_scroll {
		height: auto;
	}
	#contenedor_tabla_data {
		margin: 0;
		padding: 0;
	}
	#ranking_container .dataTables_scrollHeadInner {
		max-width: 95%;
		padding: 0;
		margin: 0 auto;
		font-size: 14px;
		line-height: 20px;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(1) {
		font-size: 17px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(2) {
		font-size: 16px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(3) {
		font-size: 17px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTable tr th:nth-child(3) {
		padding-right: 5%;
	}
	/*------ COMPONENTE TABLA  PAGINACION-------*/
	#ranking_container .pagination .page-item .page-link {
		padding: 0 4px;
	}
	#ranking_container .pagination li a {
		font-size: 20px;
		line-height: 40px;
	}
	#ranking_container .botony.izq,
	#ranking_container .botony.drc {
		width: 43px;
		height: 43px;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Ranking
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos Perfil
        --------------------------------------------------------------------*/
	/*------------ INFORMACION USUARIO  ------------*/
	/*--- BLOQUE VERDE ---*/
	#section_profile .green_user {
		max-width: 95%;
		margin: 13% auto 6% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .green_user .user_det {
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #047836;
	}
	.close-su {
		max-width: 70%;
		margin: 4% 0 0 0;
	}
	.player {
		display: none;
	}
	.player-mbl {
		display: block;
		color: #FFFFFF;
		font-family: futuramedium;
		font-size: 1.1764705882352942rem;
		line-height: 0.9813542688910697rem;
		margin: 3% auto;
	}
	.user_active {
		color: #FFFFFF;
		font-family: futurabold;
		font-size: 1.1111111111111112rem;
		line-height: 0.8378718056137411rem;
		text-align: center;
		margin-bottom: 10%;
	}
	/*--- BLOQUE AZUL ---*/
	#section_profile .user_points {
		max-width: 95%;
		margin: 0% auto 0% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .user_points .user_det_ptn {
		background-color: #0971BE;
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #015796;
	}
	.pts-info {
		font-size: 1.1764705882352942rem;
		line-height: 0.9813542688910697rem;
		margin: 8% 0 5% 0;
		text-align: center;
	}
	.pts-number {
		font-size: 31px;
		line-height: 39.79px;
		margin: 0% 0 7% 0;
		text-align: center;
	}
	.king-pac {
		width: 48px;
		height: 48px;
	}
	/*------------ TABLA DE PUNTOS USUARIO DATATABLE ------------*/
	#section_profile .bg-table-pts {
		background-color: #EE2E24;
		border-radius: 16px;
		padding: 12px 6px 15px 6px;
		min-height: 0;
	}
	#section_profile .pad-tbl {
		padding: 0 2%;
	}
	#section_profile #contenedor_tabla_data {
		padding: 0;
		margin: 0;
	}
	#section_profile table {
		border-collapse: collapse;
	}
	#section_profile .dataTables_scrollBody tr {
		border-bottom: 2px solid #FF5F56;
	}
	#section_profile .dataTables_scrollBody tr:last-child {
		border: none;
	}
	#arrow-left {
		background-image: url(../img/arrow-izq.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-right: 1.5vw;
		background-size: 100%;
	}
	#arrow-right {
		background-image: url(../img/arrow-der.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-left: 1.5vw;
		background-size: 100%;
	}
	#section_profile .dataTables_scrollHeadInner {
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		text-transform: capitalize;
		border-radius: 8px;
		padding: 4px 0;
	}
	#section_profile .dataTables_scroll {
		background-color: #C3140B;
		border-radius: 9px;
		box-shadow: 0 8px 0 #A40901;
		padding: 8px 0 0 0;
		/*padding: 3% 2% 0 0;*/
	}
	#section_profile .dataTables_scrollBody tbody {
		font-size: 11px;
		line-height: 20px;
		text-align: center;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(1) {
		width: 25%;
		padding-left: 9px;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(2) {
		width: 35%;
		padding-left: 9px;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(3) {
		width: 40%;
		padding: 2% 0px 2% 26px;
	}
	#section_profile .dataTable tr th:nth-child(1) {
		width: 25% !important
	}
	#section_profile .dataTable tr th:nth-child(2) {
		width: 35% !important
	}
	#section_profile .dataTable tr th:nth-child(3) {
		width: 40% !important;
		/*padding: 1% 0px 1% 30px;*/
		padding: 1% 0px 1% 1%;
		text-align: left;
	}
	/*-------- ESTILOS DATA TABLE COMPONENTE PAGINACION ------*/
	#section_profile .pagination {
		display: block;
		margin: auto;
	}
	#section_profile .conent-imgs {
		position: relative;
	}
	#section_profile .table-div-space {
		margin: 0;
		padding: 2vw 2vw;
	}
	#section_profile #user_pts_previous {
		position: relative;
		bottom: 0;
		margin-top: 0;
		left: 0;
		float: left;
	}
	#section_profile #user_pts_previous:focus,
	#tabla_previous a:focus,
	#tabla_previous span:focus {
		outline: 0 auto -webkit-focus-ring-color;
		outline: transparent !important;
	}
	#section_profile #user_pts_next {
		position: relative;
		float: right;
		margin-top: 0;
		left: 0;
		bottom: 0;
	}
	#section_profile .page-link {
		background-color: transparent;
		border: 0;
	}
	#section_profile .page-item.disabled .page-link {
		color: #FFFFFF;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination li a {
		font-size: 1.30rem;
		line-height: 20px;
	}
	#section_profile .pagination li {
		display: inline-block;
		border-radius: 0;
		vertical-align: top;
		height: auto;
		margin-top: 1vw;
	}
	#section_profile .pagination li.active {
		background-color: transparent;
	}
	#section_profile .page-item.active .page-link {
		color: #FFE500;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination .page-item .page-link {
		text-align: center;
		padding: 0.4rem;
	}
	#section_profile .dataTables_paginate {
		padding: 1rem 0 0 0;
	}
	#section_profile .botony.izq {
		width: 50px;
		height: 50px;
	}
	#section_profile .botony.drc {
		width: 50px;
		height: 50px;
	}
	/*-------- CARRUSEL DE PREMIOS ----------*/
	.own-prize {
		font-size: 2.25rem;
		line-height: 20px;
		text-align: center;
		margin: 10% 0 10% 0;
	}
	#user_prize .owl-nav,
	#user_prize .owl-dots {
		text-align: right;
		padding: 1.56vw 0 1.56vw 0;
	}
	#user_prize .owl-nav .owl-prev .prev-slide {
		width: 40px;
		height: 40px;
		margin: 0 0 0 20%;
	}
	#user_prize .owl-nav .owl-next .next-slide {
		width: 40px;
		height: 40px;
		margin: 0 8px 0 0;
	}
	/* Navegacion Carrusel*/
	.owl-prev,
	.owl-next {
		position: absolute;
		top: 30%;
		transform: translateY(-50%);
	}
	.owl-prev {
		left: 0rem;
	}
	.owl-next {
		right: 0rem;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Perfil
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos 404
    --------------------------------------------------------------------*/
	#page_404 .sabritas {
		max-width: 30%;
		padding-top: 4%;
	}
	#page_404 .logo-pacman-general {
		width: 70%;
		margin: 3% auto 0 auto;
	}
	#page_404 .logo-404 {
		max-width: 70%;
		margin: 15% 0 5% 0;
	}
	.lost {
		margin: 10% 0 10% 0;
		font-size: 30px;
	}
	.lost-p {
		font-size: 20px;
	}
	.init-go {
		max-width: 70%;
		margin: 6% 0 10% 0;
	}
	/*--------------------------------------------------------------------
                    Termina Estilos 404
    --------------------------------------------------------------------*/
}


/*------------    TERMINA (max-width:560px)     ---------------------*/

@media (max-width:425px) {
	#no_prize_user img {
		max-width: 500px;
		width: 100%;
	}
	.recap,
	#second {
		margin: 0 auto;
		max-width: 304px;
		width: auto;
	}
	#content-form-send-email {
		max-width: 360px;
		margin: auto;
	}
	#modal_content_info .tira-pac {
		margin-top: 20px;
		margin-bottom: 20px;
		max-width: 220px;
		width: auto;
	}
	form.rounder input[type=text].error,
	form.rounder input[type=password].error,
	form.rounder input[type=email].error {
		height: 56px;
	}
	form.rounder input[type=text].valid,
	form.rounder input[type=password].valid,
	form.rounder input[type=email].valid {
		height: 56px;
	}
	form#register_form a {
		font-size: 15px;
		line-height: 15px;
	}
	#modal_content_info .copy-1 {
		font-size: 18px;
		line-height: 18px;
		padding: 15px 0;
		margin: 0 auto;
	}
	#modal_content_info .fb-cnt {
		max-width: 100%;
		margin: 0 0 5% 0;
	}
	#modal_content_info .copy-2 {
		font-size: 18px;
		line-height: 18px;
	}
	form.rounder input[type=text],
	form.rounder input[type=password],
	form.rounder input[type=email],
	form.rounder select {
		height: 56px;
		width: 100%;
		border: 0;
	}
	form#loginuser {
		max-width: 340px;
		margin: 0 auto;
	}
	#modal_content_info .modal-title {
		font-size: 35px;
		letter-spacing: -1.01px;
		line-height: 35px;
	}
	form#send_email_pass_reset {
		max-width: 340px;
		margin: 0 auto;
	}
	form#change_pass {
		max-width: 280px;
		margin: 0 auto;
	}
	form#contact_form {
		max-width: 340px;
		margin: 0 auto;
	}
	form.rounder input[type=text]:focus,
	form.rounder input[type=password]:focus,
	form.rounder input[type=email]:focus {
		height: 56px;
	}
	form.rounder textarea {
		height: auto;
	}
	form#contact_form a {
		font-size: 15px;
		line-height: 15px;
		vertical-align: super;
	}
	#modal_content_info .btn_send_login {
		padding: 15px 0 15px 0;
	}
	#main {
		padding: 0;
	}
	#modal_content_info .texto {
		font-size: 15px;
		line-height: 15px;
		height: 70vh;
		overflow: auto;
		padding: 1vw 1vw;
	}
	#modal_content_info .texto {
		font-size: 14px;
		line-height: 14px;
		height: 80vh;
		overflow: auto;
		padding: 15px 20px;
	}
	.close-modal {
		position: absolute;
		width: 42px;
		right: 2px;
		top: 2px;
	}
	.logo-pacman-general {
		display: block;
		margin: auto;
		width: 200px;
		padding: 10% 0 0 0;
	}
	/* INICIA SECCIÓN PAC-MAN */
	.pac-man .personaje {
		display: none;
	}
	.pac-man .logo_pacmac_tm {
		width: 200px;
		padding: 5% 0 0 0;
	}
	.pac-man .juega {
		width: 300px;
		padding: 5% 0 0 0;
	}
	.pac-man .text-1 {
		font-size: 15px;
		line-height: 15px;
		width: 100%;
		padding: 5% 0 0 0;
	}
	.pac-man .form-control {
		border-radius: 40px;
		width: 340px;
		height: 70px;
    font-size: 20px;
	}
	.pac-man .form-inline {
		max-width: 340px;
		padding: 0 0 40px 0;
	}
	.pac-man .btn {
		right: -5px;
		width: 92px;
	}
  .pac-man .btn .btn_enviar {
    width: 92px;
  }
	.pac-man .arte {
		width: 240px;
		top: 0;
		padding: 0 0 20px 0;
	}
	.pac-man .pleca {
		background-color: #EE2E24;
		width: 100%;
		height: 120px;
		border: 10px solid #E41912;
	}
	.pac-man .x2 {
		width: 107px;
		margin: 0 30px 0 30px;
	}
	.pac-man .text-2 {
		font-size: 14px;
		letter-spacing: -0.95px;
		line-height: 14px;
		width: 730px;
		margin: 0;
	}
	.pac-man .text-3 {
		display: none;
	}
	/* TERMINA SECCIÓN PAC-MAN */
	/* INICIA SECCIÓN CARROUSEL  */
	.carousel {
		background-color: #000000;
	}
	.carousel .text-1 {
		font-size: 38px;
		letter-spacing: -1.9px;
		line-height: 38px;
		padding: 20px 0 20px 0;
	}
	.carousel .blue-background {
		background-image: url(../img/home/bg_premios.png);
	}
	.carousel .blue-background img {
		width: 420px;
	}
	.carousel .blue-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
	}
	.carousel .blue-background .text-3 {
		color: #07405D;
		font-family: 'futuramedium';
		font-size: 14px;
		letter-spacing: -0.44px;
	}
	.carousel .blue-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_premio2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		top: 0;
	}
	.carousel .blue-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_premio.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		top: 0;
	}
	.carousel .yellow-background {
		background-color: #FFE001;
	}
	.carousel .yellow-background img {
		width: 305px;
	}
	.carousel .yellow-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
		line-height: 25px;
	}
	.carousel .yellow-background .forma1 {
		width: 80px;
		left: 0;
		top: 240px;
	}
	.carousel .yellow-background .forma2 {
		width: 80px;
		right: 0;
		top: 240px;
	}
	.carousel .yellow-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_producto2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		bottom: 0;
	}
	.carousel .yellow-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_producto.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		bottom: 0;
	}
	.carousel .owl-prev,
	.carousel .owl-next {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	/* TERMINA SECCIÓN CARROUSEL */
	/*--------------------------------------------------------------------
                        Estilos Ranking
        --------------------------------------------------------------------*/
	#section_ranking .title-ranking {
		color: white;
		font-size: 50px;
		margin: 13% auto;
	}
	#ranking_container p {
		font-size: 15px;
		letter-spacing: -0.57px;
		line-height: 15px;
		margin: 0;
		padding: 15px 15px;
	}
	#ranking_container .logo {
		display: block;
		width: 80px;
		margin: auto;
		padding: 0;
	}
	/*------ SWITCH BOTONES -------*/
	.switch-container {
		width: 95%;
		height: 15%;
		margin: 4% 0;
	}
	.switch-container .switch-button {
		width: 98%;
		height: 93%;
	}
	/*------ ELEMENTOS SEMANAS -------*/
	.text_ranking_weeks {
		margin: 4% auto;
		font-size: 28px;
	}
	.text_ranking_weeks #arrow-left,
	.text_ranking_weeks #arrow-right {
		width: auto;
		height: auto;
		margin: 0 6%;
	}
	/*------ COMPONENTE TABLA -------*/
	#contenedor_tabla_data {
		margin: 0;
		padding: 0;
	}
	#ranking_container .dataTables_scroll {
		height: auto;
	}
	#ranking_container .dataTables_scrollHeadInner {
		max-width: 95%;
		padding: 0;
		margin: 0 auto;
		font-size: 14px;
		line-height: 20px;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(1) {
		font-size: 17px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(2) {
		font-size: 16px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(3) {
		font-size: 17px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTable tr th:nth-child(3) {
		padding-right: 5%;
	}
	/*------ COMPONENTE TABLA  PAGINACION-------*/
	#ranking_container .pagination .page-item .page-link {
		padding: 0 4px;
	}
	#ranking_container .pagination li a {
		font-size: 20px;
		line-height: 40px;
	}
	#ranking_container .botony.izq,
	#ranking_container .botony.drc {
		width: 43px;
		height: 43px;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Ranking
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos Perfil
        --------------------------------------------------------------------*/
	/*------------ INFORMACION USUARIO  ------------*/
	/*--- BLOQUE VERDE ---*/
	#section_profile .green_user {
		max-width: 95%;
		margin: 13% auto 6% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .green_user .user_det {
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #047836;
	}
	.close-su {
		max-width: 70%;
		margin: 4% 0 0 0;
	}
	.player {
		display: none;
	}
	.player-mbl {
		display: block;
		color: #FFFFFF;
		font-family: futuramedium;
		font-size: 1.1764705882352942rem;
		line-height: 0.9813542688910697rem;
		margin: 3% auto;
	}
	.user_active {
		color: #FFFFFF;
		font-family: futurabold;
		font-size: 1.1111111111111112rem;
		line-height: 0.8378718056137411rem;
		text-align: center;
		margin-bottom: 10%;
	}
	/*--- BLOQUE AZUL ---*/
	#section_profile .user_points {
		max-width: 95%;
		margin: 0% auto 0% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .user_points .user_det_ptn {
		background-color: #0971BE;
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #015796;
	}
	.pts-info {
		font-size: 1.1764705882352942rem;
		line-height: 0.9813542688910697rem;
		margin: 1vw 1vw;
		padding-left: 0;
		margin: 11% 0 6% 14%;
	}
	.pts-number {
		font-size: 31px;
		line-height: 39.79px;
		margin: 0% 0 7% 13%;
	}
	.king-pac {
		width: 48px;
		height: 48px;
	}
	/*------------ TABLA DE PUNTOS USUARIO DATATABLE ------------*/
	#section_profile .bg-table-pts {
		background-color: #EE2E24;
		border-radius: 16px;
		padding: 12px 6px 15px 6px;
		min-height: 0;
	}
	#section_profile .pad-tbl {
		padding: 0 2%;
	}
	#section_profile #contenedor_tabla_data {
		padding: 0;
		margin: 0;
	}
	#section_profile table {
		border-collapse: collapse;
	}
	#section_profile .dataTables_scrollBody tr {
		border-bottom: 2px solid #FF5F56;
	}
	#section_profile .dataTables_scrollBody tr:last-child {
		border: none;
	}
	#arrow-left {
		background-image: url(../img/arrow-izq.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-right: 1.5vw;
		background-size: 100%;
	}
	#arrow-right {
		background-image: url(../img/arrow-der.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-left: 1.5vw;
		background-size: 100%;
	}
	#section_profile .dataTables_scrollHeadInner {
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		text-transform: capitalize;
		border-radius: 8px;
		padding: 4px 0;
	}
	#section_profile .dataTables_scroll {
		background-color: #C3140B;
		border-radius: 9px;
		box-shadow: 0 8px 0 #A40901;
		padding: 8px 0 0 0;
		/*padding: 3% 2% 0 0;*/
	}
	#section_profile .dataTables_scrollBody tbody {
		font-size: 11px;
		line-height: 20px;
		text-align: center;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(1) {
		width: 25%;
		padding-left: 9px;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(2) {
		width: 35%;
		padding-left: 9px;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(3) {
		width: 40%;
		padding: 2% 0px 2% 26px;
	}
	#section_profile .dataTable tr th:nth-child(1) {
		width: 25% !important
	}
	#section_profile .dataTable tr th:nth-child(2) {
		width: 35% !important
	}
	#section_profile .dataTable tr th:nth-child(3) {
		width: 40% !important;
		padding: 1% 0px 1% 30px;
	}
	/*-------- ESTILOS DATA TABLE COMPONENTE PAGINACION ------*/
	#section_profile .pagination {
		display: block;
		margin: auto;
	}
	#section_profile .conent-imgs {
		position: relative;
	}
	#section_profile .table-div-space {
		margin: 0;
		padding: 2vw 2vw;
	}
	#section_profile #user_pts_previous {
		position: relative;
		bottom: 0;
		margin-top: 0;
		left: 0;
		float: left;
	}
	#section_profile #user_pts_previous:focus,
	#tabla_previous a:focus,
	#tabla_previous span:focus {
		outline: 0 auto -webkit-focus-ring-color;
		outline: transparent !important;
	}
	#section_profile #user_pts_next {
		position: relative;
		float: right;
		margin-top: 0;
		left: 0;
		bottom: 0;
	}
	#section_profile .page-link {
		background-color: transparent;
		border: 0;
	}
	#section_profile .page-item.disabled .page-link {
		color: #FFFFFF;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination li a {
		font-size: 1.30rem;
		line-height: 20px;
	}
	#section_profile .pagination li {
		display: inline-block;
		border-radius: 0;
		vertical-align: top;
		height: auto;
		margin-top: 1vw;
	}
	#section_profile .pagination li.active {
		background-color: transparent;
	}
	#section_profile .page-item.active .page-link {
		color: #FFE500;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination .page-item .page-link {
		text-align: center;
		padding: 0.4rem;
	}
	#section_profile .dataTables_paginate {
		padding: 1rem 0 0 0;
	}
	#section_profile .botony.izq {
		width: 50px;
		height: 50px;
	}
	#section_profile .botony.drc {
		width: 50px;
		height: 50px;
	}
	/*-------- CARRUSEL DE PREMIOS ----------*/
	.own-prize {
		font-size: 2.25rem;
		line-height: 20px;
		text-align: center;
		margin: 10% 0 10% 0;
	}
	#user_prize .owl-nav,
	#user_prize .owl-dots {
		text-align: right;
		padding: 1.56vw 0 1.56vw 0;
	}
	#user_prize .owl-nav .owl-prev .prev-slide {
		width: 40px;
		height: 40px;
		margin: 0 0 0 20%;
	}
	#user_prize .owl-nav .owl-next .next-slide {
		width: 40px;
		height: 40px;
		margin: 0 8px 0 0;
	}
	/* Navegacion Carrusel*/
	.owl-prev,
	.owl-next {
		position: absolute;
		top: 30%;
		transform: translateY(-50%);
	}
	.owl-prev {
		left: 0rem;
	}
	.owl-next {
		right: 0rem;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Perfil
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos 404
        --------------------------------------------------------------------*/
	#page_404 .sabritas {
		max-width: 30%;
		padding-top: 4%;
	}
	#page_404 .logo-pacman-general {
		width: 70%;
		margin: 3% auto 0 auto;
	}
	#page_404 .logo-404 {
		max-width: 70%;
		margin: 15% 0 5% 0;
	}
	.lost {
		margin: 10% 0 10% 0;
		font-size: 30px;
	}
	.lost-p {
		font-size: 20px;
	}
	.init-go {
		max-width: 70%;
		margin: 6% 0 10% 0;
	}
	/*--------------------------------------------------------------------
                    Termina Estilos 404
        --------------------------------------------------------------------*/
}


/*------------    TERMINA (max-width:425px)     ---------------------*/

@media (max-width:320px) {
	#no_prize_user img {
		max-width: 500px;
		width: 100%;
	}
	.recap,
	#second {
		margin: 0 auto;
		max-width: 304px;
		width: auto;
	}
	#content-form-send-email {
		max-width: 360px;
		margin: auto;
	}
	#modal_content_info .tira-pac {
		margin-top: 20px;
		margin-bottom: 20px;
		max-width: 220px;
		width: auto;
	}
	form.rounder input[type=text].error,
	form.rounder input[type=password].error,
	form.rounder input[type=email].error {
		height: 56px;
	}
	form.rounder input[type=text].valid,
	form.rounder input[type=password].valid,
	form.rounder input[type=email].valid {
		height: 56px;
	}
	form#register_form a {
		font-size: 15px;
		line-height: 15px;
	}
	#modal_content_info .copy-1 {
		font-size: 18px;
		line-height: 18px;
		padding: 15px 0;
		margin: 0 auto;
	}
	#modal_content_info .fb-cnt {
		max-width: 100%;
		margin: 0 0 5% 0;
	}
	#modal_content_info .copy-2 {
		font-size: 18px;
		line-height: 18px;
	}
	form.rounder input[type=text],
	form.rounder input[type=password],
	form.rounder input[type=email],
	form.rounder select {
		height: 56px;
		width: 100%;
		border: 0;
	}
	form#loginuser {
		max-width: 340px;
		margin: 0 auto;
	}
	#modal_content_info .modal-title {
		font-size: 35px;
		letter-spacing: -1.01px;
		line-height: 35px;
	}
	form#send_email_pass_reset {
		max-width: 340px;
		margin: 0 auto;
	}
	form#change_pass {
		max-width: 280px;
		margin: 0 auto;
	}
	form#contact_form {
		max-width: 340px;
		margin: 0 auto;
	}
	form.rounder input[type=text]:focus,
	form.rounder input[type=password]:focus,
	form.rounder input[type=email]:focus {
		height: 56px;
	}
	form.rounder textarea {
		height: auto;
	}
	form#contact_form a {
		font-size: 15px;
		line-height: 15px;
		vertical-align: super;
	}
	#modal_content_info .btn_send_login {
		padding: 15px 0 15px 0;
	}
	#main {
		padding: 0;
	}
	#modal_content_info .texto {
		font-size: 15px;
		line-height: 15px;
		height: 70vh;
		overflow: auto;
		padding: 1vw 1vw;
	}
	#modal_content_info .texto {
		font-size: 14px;
		line-height: 14px;
		height: 80vh;
		overflow: auto;
		padding: 15px 20px;
	}
	.close-modal {
		position: absolute;
		width: 42px;
		right: 2px;
		top: 2px;
	}
	.logo-pacman-general {
		display: block;
		margin: auto;
		width: 200px;
		padding: 10% 0 0 0;
	}
	/* INICIA SECCIÓN PAC-MAN */
	.pac-man .personaje {
		display: none;
	}
	.pac-man .logo_pacmac_tm {
		width: 200px;
		padding: 5% 0 0 0;
	}
	.pac-man .juega {
		width: 300px;
		padding: 5% 0 0 0;
	}
	.pac-man .text-1 {
		font-size: 15px;
		line-height: 15px;
		width: 100%;
		padding: 5% 0 0 0;
	}
	.pac-man .form-control {
		border-radius: 40px;
		width: 340px;
		height: 70px;
    font-size: 20px;
	}
	.pac-man .form-inline {
		max-width: 340px;
		padding: 0 0 40px 0;
	}
	.pac-man .btn {
		right: -5px;
		width: 92px;
	}
  .pac-man .btn .btn_enviar {
    width: 92px;
  }
	.pac-man .arte {
		width: 240px;
		top: 0;
		padding: 0 0 20px 0;
	}
	.pac-man .pleca {
		background-color: #EE2E24;
		width: 100%;
		height: 120px;
		border: 10px solid #E41912;
	}
	.pac-man .x2 {
		width: 107px;
		margin: 0 30px 0 30px;
	}
	.pac-man .text-2 {
		font-size: 14px;
		letter-spacing: -0.95px;
		line-height: 14px;
		width: 730px;
		margin: 0;
	}
	.pac-man .text-3 {
		display: none;
	}
	/* TERMINA SECCIÓN PAC-MAN */
	/* INICIA SECCIÓN CARROUSEL  */
	.carousel {
		background-color: #000000;
	}
	.carousel .text-1 {
		font-size: 38px;
		letter-spacing: -1.9px;
		line-height: 38px;
		padding: 20px 0 20px 0;
	}
	.carousel .blue-background {
		background-image: url(../img/home/bg_premios.png);
	}
	.carousel .blue-background img {
		width: 420px;
	}
	.carousel .blue-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
	}
	.carousel .blue-background .text-3 {
		color: #07405D;
		font-family: 'futuramedium';
		font-size: 14px;
		letter-spacing: -0.44px;
	}
	.carousel .blue-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_premio2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		top: 0;
	}
	.carousel .blue-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_premio.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		top: 0;
	}
	.carousel .yellow-background {
		background-color: #FFE001;
	}
	.carousel .yellow-background img {
		width: 305px;
	}
	.carousel .yellow-background .text-2 {
		color: #07405D;
		font-size: 25px;
		letter-spacing: -1.11px;
		line-height: 25px;
	}
	.carousel .yellow-background .forma1 {
		width: 70px;
		left: -10px;
		top: 240px;
	}
	.carousel .yellow-background .forma2 {
		width: 70px;
		right: -10px;
		top: 240px;
	}
	.carousel .yellow-background .owl-nav .owl-prev .prev-slide {
		position: relative;
		background: url(../img/home/btn_producto2.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		left: -5%;
		bottom: 0;
	}
	.carousel .yellow-background .owl-nav .owl-next .next-slide {
		position: relative;
		background: url(../img/home/btn_producto.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 108px;
		height: 108px;
		right: -5%;
		bottom: 0;
	}
	.carousel .owl-prev,
	.carousel .owl-next {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	/* TERMINA SECCIÓN CARROUSEL */
	/*--------------------------------------------------------------------
                        Estilos Ranking
        --------------------------------------------------------------------*/
	#section_ranking {
		background: url(../img/home/bg_ranking.png);
		height: auto;
		padding: 0 0 40% 0;
	}
	#ranking_container p {
		font-size: 15px;
		letter-spacing: -0.57px;
		line-height: 15px;
		margin: 0;
		padding: 15px 15px;
	}
	#ranking_container .logo {
		display: block;
		width: 80px;
		margin: auto;
		padding: 0;
	}
	#ranking_container .dataTables_scroll {
		height: auto;
	}
	#section_ranking .title-ranking {
		color: white;
		font-size: 50px;
		margin: 13% auto;
	}
	/*------ SWITCH BOTONES -------*/
	.switch-container {
		width: 95%;
		height: 15%;
		margin: 4% 0;
	}
	.switch-container .switch-button {
		width: 98%;
		height: 93%;
	}
	/*------ ELEMENTOS SEMANAS -------*/
	.text_ranking_weeks {
		margin: 4% auto;
		font-size: 28px;
	}
	.text_ranking_weeks #arrow-left,
	.text_ranking_weeks #arrow-right {
		width: auto;
		height: auto;
		margin: 0 6%;
	}
	/*------ COMPONENTE TABLA -------*/
	#contenedor_tabla_data {
		margin: 0;
		padding: 0;
	}
	#ranking_container .dataTables_scrollHeadInner {
		max-width: 95%;
		padding: 0;
		margin: 0 auto;
		font-size: 14px;
		line-height: 20px;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(1) {
		font-size: 17px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(2) {
		font-size: 16px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTables_scrollBody tr td:nth-child(3) {
		font-size: 17px;
		line-height: 20px;
		padding: 2% 0;
	}
	#ranking_container .dataTable tr th:nth-child(3) {
		padding-right: 5%;
	}
	/*------ COMPONENTE TABLA  PAGINACION-------*/
	#ranking_container .pagination .page-item .page-link {
		padding: 0 3px;
	}
	#ranking_container .pagination li a {
		font-size: 20px;
		line-height: 40px;
	}
	#ranking_container .botony.izq,
	#ranking_container .botony.drc {
		width: 43px;
		height: 43px;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Ranking
        --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos Perfil
        --------------------------------------------------------------------*/
	/*------------ INFORMACION USUARIO  ------------*/
	/*--- BLOQUE VERDE ---*/
	#section_profile .green_user {
		max-width: 95%;
		margin: 13% auto 6% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .green_user .user_det {
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #047836;
	}
	.close-su {
		max-width: 70%;
		margin: 4% 0 0 0;
	}
	.player {
		display: none;
	}
	.player-mbl {
		display: block;
		color: #FFFFFF;
		font-family: futuramedium;
		font-size: 1.1764705882352942rem;
		line-height: 0.9813542688910697rem;
		margin: 3% auto;
	}
	.user_active {
		color: #FFFFFF;
		font-family: futurabold;
		font-size: 1.1111111111111112rem;
		line-height: 0.8378718056137411rem;
		text-align: center;
		margin-bottom: 10%;
	}
	/*--- BLOQUE AZUL ---*/
	#section_profile .user_points {
		max-width: 95%;
		margin: 0% auto 0% auto;
		padding: 2%;
		border-radius: 9px;
	}
	#section_profile .user_points .user_det_ptn {
		background-color: #0971BE;
		border-radius: 9px;
		box-shadow: 0 9px 0 0 #015796;
	}
	.pts-info {
		font-size: 1.1764705882352942rem;
		line-height: 0.9813542688910697rem;
		margin: 1vw 1vw;
		padding-left: 0;
		margin: 11% 0 6% 14%;
	}
	.pts-number {
		font-size: 31px;
		line-height: 39.79px;
		margin: 0% 0 7% 13%;
	}
	.king-pac {
		width: 48px;
		height: 48px;
	}
	/*------------ TABLA DE PUNTOS USUARIO DATATABLE ------------*/
	#section_profile .bg-table-pts {
		background-color: #EE2E24;
		border-radius: 16px;
		padding: 12px 6px 15px 6px;
		min-height: 0;
	}
	#section_profile .pad-tbl {
		padding: 0 2%;
	}
	#section_profile #contenedor_tabla_data {
		padding: 0;
		margin: 0;
	}
	#section_profile table {
		border-collapse: collapse;
	}
	#section_profile .dataTables_scrollBody tr {
		border-bottom: 0.026041666666666668vw solid #FF5F56;
	}
	#section_profile .dataTables_scrollBody tr:last-child {
		border: none;
	}
	#arrow-left {
		background-image: url(../img/arrow-izq.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-right: 1.5vw;
		background-size: 100%;
	}
	#arrow-right {
		background-image: url(../img/arrow-der.png);
		background-repeat: no-repeat;
		width: 1.28vw;
		height: 2.4vw;
		display: inline-block;
		vertical-align: middle;
		margin-left: 1.5vw;
		background-size: 100%;
	}
	#section_profile .dataTables_scrollHeadInner {
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		text-transform: capitalize;
		border-radius: 8px;
		padding: 6px 5px;
	}
	#section_profile .dataTables_scroll {
		background-color: #C3140B;
		border-radius: 9px;
		box-shadow: 0 8px 0 #A40901;
		padding: 8px 0 0 0;
	}
	#section_profile .dataTables_scrollBody tbody {
		font-size: 11px;
		line-height: 20px;
		text-align: center;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(1) {
		width: 25%;
		padding-left: 9px;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(2) {
		width: 35%;
		padding-left: 9px;
	}
	#section_profile .dataTables_scrollBody tr td:nth-child(3) {
		width: 40%;
		padding-left: 13px;
	}
	#section_profile .dataTable tr th:nth-child(1) {
		width: 25% !important
	}
	#section_profile .dataTable tr th:nth-child(2) {
		width: 35% !important
	}
	#section_profile .dataTable tr th:nth-child(3) {
		width: 40% !important
	}
	/*-------- ESTILOS DATA TABLE COMPONENTE PAGINACION ------*/
	#section_profile .pagination {
		display: block;
		margin: auto;
	}
	#section_profile .conent-imgs {
		position: relative;
	}
	#section_profile .table-div-space {
		margin: 0;
		padding: 2vw 2vw;
	}
	#section_profile #user_pts_previous {
		position: relative;
		bottom: 0;
		margin-top: 0;
		left: 0;
		float: left;
	}
	#section_profile #user_pts_previous:focus,
	#tabla_previous a:focus,
	#tabla_previous span:focus {
		outline: 0 auto -webkit-focus-ring-color;
		outline: transparent !important;
	}
	#section_profile #user_pts_next {
		position: relative;
		float: right;
		margin-top: 0;
		left: 0;
		bottom: 0;
	}
	#section_profile .page-link {
		background-color: transparent;
		border: 0;
	}
	#section_profile .page-item.disabled .page-link {
		color: #FFFFFF;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination li a {
		font-size: 1.10rem;
		line-height: 20px;
	}
	#section_profile .pagination li {
		display: inline-block;
		border-radius: 0;
		vertical-align: top;
		height: auto;
		margin-top: 1vw;
	}
	#section_profile .pagination li.active {
		background-color: transparent;
	}
	#section_profile .page-item.active .page-link {
		color: #FFE500;
		background-color: transparent;
		border-color: transparent;
	}
	#section_profile .pagination .page-item .page-link {
		text-align: center;
		padding: 0.4rem;
	}
	#section_profile .dataTables_paginate {
		padding: 1rem 0 0 0;
	}
	#section_profile .botony.izq {
		width: 39px;
		height: 39px;
	}
	#section_profile .botony.drc {
		width: 39px;
		height: 39px;
	}
	/*-------- CARRUSEL DE PREMIOS ----------*/
	.own-prize {
		font-size: 2.25rem;
		line-height: 20px;
		text-align: center;
		margin: 10% 0 10% 0;
	}
	#user_prize .owl-nav,
	#user_prize .owl-dots {
		text-align: right;
		padding: 1.56vw 0 1.56vw 0;
	}
	#user_prize .owl-nav .owl-prev .prev-slide {
		width: 40px;
		height: 40px;
		margin: 0 0 0 20%;
	}
	#user_prize .owl-nav .owl-next .next-slide {
		width: 40px;
		height: 40px;
		margin: 0 8px 0 0;
	}
	/* Navegacion Carrusel*/
	.owl-prev,
	.owl-next {
		position: absolute;
		top: 30%;
		transform: translateY(-50%);
	}
	.owl-prev {
		left: 0rem;
	}
	.owl-next {
		right: 0rem;
	}
	/*--------------------------------------------------------------------
                        Termina Estilos Perfil
      --------------------------------------------------------------------*/
	/*--------------------------------------------------------------------
                        Estilos 404
    --------------------------------------------------------------------*/
	#page_404 .sabritas {
		max-width: 30%;
		padding-top: 4%;
	}
	#page_404 .logo-pacman-general {
		width: 70%;
		margin: 3% auto 0 auto;
	}
	#page_404 .logo-404 {
		max-width: 70%;
		margin: 15% 0 5% 0;
	}
	.lost {
		margin: 10% 0 10% 0;
		font-size: 30px;
	}
	.lost-p {
		font-size: 20px;
	}
	.init-go {
		max-width: 70%;
		margin: 6% 0 10% 0;
	}
	/*--------------------------------------------------------------------
                    Termina Estilos 404
    --------------------------------------------------------------------*/
}


/*------------    TERMINA (max-width:320px)     ---------------------*/