/*
Theme Name: Club Metrogas
Theme URI: http://wordpress.org/
Description: 
Author: AMS / Vivi MS
Author URI: http://www.ams.asicom.cl/
Version: 1.0
License: 
Tags: 
color: #952a86 #d92177 #fecb00 #0095d4 #76b82a #014165 #aec0ca;
*/

/*******************************************
				BASIC
*******************************************/
@font-face {
	font-family: "Khand-Medium";
	src: url("fonts/Khand-Medium.eot");
	src: url("fonts/Khand-Medium.eot?#iefix") format("embedded-opentype"),
		url("fonts/Khand-Medium.otf") format("opentype"),
		url("fonts/Khand-Medium.svg") format("svg"),
		url("fonts/Khand-Medium.ttf") format("truetype"),
		url("fonts/Khand-Medium.woff") format("woff"),
		url("fonts/Khand-Medium.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Khand-Bold";
	src: url("fonts/Khand-Bold.eot");
	src: url("fonts/Khand-Bold.eot?#iefix") format("embedded-opentype"),
		url("fonts/Khand-Bold.otf") format("opentype"),
		url("fonts/Khand-Bold.svg") format("svg"),
		url("fonts/Khand-Bold.ttf") format("truetype"),
		url("fonts/Khand-Bold.woff") format("woff"),
		url("fonts/Khand-Bold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "FrankfurterPlain";
	src: url("fonts/FrankfurterPlain.eot");
	src: url("fonts/FrankfurterPlain.eot?#iefix") format("embedded-opentype"),
		url("fonts/FrankfurterPlain.otf") format("opentype"),
		url("fonts/FrankfurterPlain.svg") format("svg"),
		url("fonts/FrankfurterPlain.ttf") format("truetype"),
		url("fonts/FrankfurterPlain.woff") format("woff"),
		url("fonts/FrankfurterPlain.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "FrankfurterSB-Bold";
	src: url("fonts/FrankfurterSB-Bold.eot");
	src: url("fonts/FrankfurterSB-Bold.eot?#iefix") format("embedded-opentype"),
		url("fonts/FrankfurterSB-Bold.otf") format("opentype"),
		url("fonts/FrankfurterSB-Bold.svg") format("svg"),
		url("fonts/FrankfurterSB-Bold.ttf") format("truetype"),
		url("fonts/FrankfurterSB-Bold.woff") format("woff"),
		url("fonts/FrankfurterSB-Bold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Gotham-Black";
	src: url("fonts/GothamBlack.eot");
	src: url("fonts/GothamBlack.eot?#iefix") format("embedded-opentype"),
		url("fonts/GothamBlack.otf") format("opentype"),
		url("fonts/GothamBlack.svg") format("svg"),
		url("fonts/GothamBlack.ttf") format("truetype"),
		url("fonts/GothamBlack.woff") format("woff"),
		url("fonts/GothamBlack.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
._1drm ._1drn{border:1px solid #fff !important}
body {
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #00263b;
	margin: 0;
	overflow: hidden;
}
a {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	outline: none;
}
a:focus {
	text-decoration: none;
	outline: none;
}
a:active,
a:hover {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
	outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 25px;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 18px;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}
:-moz-placeholder {
	color: #7d7b6d;
}
::-moz-placeholder {
	color: #7d7b6d;
}
:-ms-input-placeholder {
	color: #7d7b6d;
}
p{
	text-align: justify;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 55%;
	background-color: #ffffff;
	color: #008BCF;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
	background-color: white;
	background-image: url(images/flecha-izq.svg);
   

}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
	background-image: url(images/flecha-der.svg);
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
	background-color: white;
}

.caja {
	border: 1px solid #ababad;
	height:40px;
	overflow: hidden;
	position:relative;
	border-radius: 26px;
}
.caja::after{
	content:url(images/down.svg);
	display:table-cell;
	padding-top:7px;
	text-align:center;
	width: 50px;
	height:40px;
	background-color:#f6f7f9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
}
select.form-control {
	border: 0 none;
	box-shadow: 0 0 0;
	border-radius: 26px;
	background: #f6f7f9;
}
.form-control {
	border: 1px solid #ababad;
	height: 40px;
	padding: 8px 12px;
	border-radius: 26px;
	background-color:#f6f7f9;
	color:#014165;
}
.filtro-anio .caja {
	border: 1px solid #ababad;
	height:30px;
	overflow: hidden;
	position:relative;
	border-radius: 15px;
	max-width: 180px;
	display: inline-block;
	vertical-align: middle;
}
.filtro-anio .caja::after{
	content: '';
	display:table-cell;
	padding-top: 8px;
	text-align:center;
	width: 30px;
	height: 30px;
	background: url(images/down.svg) no-repeat center #f6f7f9;
	background-size: 20px;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
}
.filtro-anio select.form-control {
	border: 0 none;
	box-shadow: 0 0 0;
	border-radius: 15px;
	background: #f6f7f9;
	height: 30px;
	padding: 5px 12px;
}
/*******************************************
				HEADER
*******************************************/
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand{
	margin: 0 auto;
}
.navbar-brand{
	height: 60px;
	padding: 0 15px;
	width: 1170px;
	float: none;
	display: block;
	position: absolute;
	top: 76px;
	right: 0;
	left: 0;
}
.navbar-brand img{
	width: 154px;
	height: 60px;
}
.navbar-collapse.collapse{
	display: none !important;
}
.buscador-registro-tablet,
.buscador-registro-mobile{
	display: none;
}
.bloqueado{
	padding: 30px 0;
	text-align: center;
	text-transform: uppercase;
}
.busqueda,
.logueado,
.login,
.color-menu-invertido {
	z-index: 2;
}
.nav-desk{
	float: right;
}
/*******************************************
				NAVEGACION
*******************************************/
/*general*/
.navbar {
	border: 0px solid transparent;
	margin: 0 auto;
	border-radius: 0;
}
.navbar ul{
	list-style: none;
}
.navbar li {
	display: inline-block;
}
.navbar-nav {
	float: none;
}
.navbar-nav ul{
	padding: 0;
	margin: 0;
	text-align: right;
}

/*menu superior*/
.nav-sup{
	background: #014165;
	height: 45px;
	min-height: inherit;
	margin-right: -15px;
	margin-left: -15px;
}
.nav.navbar-nav.navbar-right > li > a{
	padding: 0 40px;
	line-height: 45px;
}
.nav.navbar-nav.navbar-right > li.color-menu-invertido > a,
.color-menu-invertido .btn-group button{
	display: block;
	padding: 0 25px;
	line-height: 45px;
	font-size: 14px;
	color: #014165;
	background: #fff;
	border:0 none;
	border-right: 1px solid #9fafbe;
	font-weight: bold;
	border-radius: 0;
	float: left;
}
.color-menu-invertido .btn-logueado{
	display: block;
	padding: 0 25px;
	line-height: 45px;
	font-size: 14px;
	color: #fff;
	background: #76B82A;
	border:0 none;
	border-right: 1px solid #9fafbe;
	font-weight: bold;
	border-radius: 0;
	float: left;
}
.menu-menu-superior-container {
	display: inline-block;
	float: right;
	overflow: hidden;
}
.nav-menu-sup{
	max-height: 45px;
	padding: 0;
	margin: 0; 
}
.nav-menu-sup > li > a{
	display: block;
	padding: 0 10px;
	line-height: 45px;
	font-size: 12px;
	color: #fff;
	border-right: 1px solid #22587a;
	font-weight: bold;
}
/*Menu inferior*/
.nav-inf {
	position: relative;
	border: 0 none;
	background: none;
	min-height: 32px;
	margin: 45px 0;	
	text-align: right;
	float: right;
}
.nav-menu-inf li a{
	display: block;
	padding: 0 15px;
	line-height: 32px;
	font-size: 14px;
	color: #014165;
	font-weight: bold;
}
/*dropdown login logueado*/
.dropdown-menu{
	min-width: 320px;
	padding: 10px;
}
.color-menu-invertido .form-control{
	border-radius: 4px;
}
.ingresar {
	background: #0095d4 !important;
	color: #fff !important;
	border: 2px solid #0095d4 !important;
	padding: 8px 0 !important;
	line-height: 1.2 !important;
}
.ingresar:hover{
	background: #fff !important;
	color: #0095d4 !important;	
}
.logueado.color-menu-invertido {
	padding-right: 100px;
}
.logueado .txt-login{
	position: relative;
	padding: 0 25px;
}
.logueado .txt-login:after{
	content: url(images/flecha.svg);
	position: absolute;
	top: -6px;
	right: -13px;
	-webkit-filter: grayscale(100%) brightness(100);
	-moz-filter: grayscale(100%) brightness(100);
	-ms-filter: grayscale(100%) brightness(100);
	-o-filter: grayscale(100%) brightness(100);
	filter: grayscale(100%) brightness(100);
}
.logueado .txt-login:before{
	content: url(images/perfil.svg);
	position: absolute;
	top: -6px;
	left: -13px;
	-webkit-filter: grayscale(100%) brightness(100);
	-moz-filter: grayscale(100%) brightness(100);
	-ms-filter: grayscale(100%) brightness(100);
	-o-filter: grayscale(100%) brightness(100);
	filter: grayscale(100%) brightness(100);
}
.puntos {
	display: inline-block;
	position: absolute;
	top: 0;
	background: #fff;
	text-align: center;
	height: 45px;
	font-size: 18px;
	font-weight: bold;
	width: 100px;
	line-height: 1;
	padding: 3px 0;
}
.puntos small {
	font-size: 11px;
	display: block;
	line-height: 1;
	font-weight: normal;
}
.logueado .dropdown-menu {
	min-width: 190px;
	padding: 15px;
	top: 50px;
}
.logueado .dropdown-menu li{
	display: block;
}
.dropdown-menu .divider{
	display: block;
}
/*Busqueda*/
.nav-sup .navbar-nav > .open.busqueda > a,
.nav-sup .navbar-nav > .open.busqueda > a:focus,
.nav-sup .navbar-nav > .open.busqueda > a:hover{
	background-color: #00A5DB;
}
.busqueda input[type="search"]{
	border: 1px solid #ababad;
	height: 40px;
	padding: 8px 12px;
	border-radius: 26px;
	background-color:#f6f7f9;
	color:#014165;
	width: 100%;
}
.busqueda .dropdown-menu{
	background-color: #00A5DB;
	padding: 15px 10px;
	min-width: 600px;
}
.btn-buscar {
	width: 100%;
	border: 1px solid #014165;
	padding: 8px 0;
	background: #014165;
	color: #fff;
	border-radius: 20px;
}
.login {
    position: relative;
    z-index: 99;
}
/*******************************************
				INDEX
*******************************************/
/*------------------------------------------
				POPUP
------------------------------------------*/
.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (.5rem * 2));
}
.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - (.5rem * 2));
	content: "";
}
#popupModal .modal-header,
#popupModal .modal-body,
#popupModal .modal-footer {
	padding: 0;
	border: 0 none;
}
#popupModal .modal-header .close {
	display: block !important;
	position: absolute;
	top: -30px;
	right: -30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: #FFFFFF;
	background: #014165;
	text-shadow: 0 0 0 #FFFFFF;
	opacity: 1;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	z-index: 1;
}
@media (min-width: 768px) {
	.modal-dialog.modal-dialog-centered {
	    margin: 0 auto;
	}
}
@media (min-width: 576px) {
	.modal-dialog-centered::before {
		height: calc(100vh - (1.75rem * 2));
	}
	.modal-dialog-centered {
		min-height: calc(100% - (1.75rem * 2));
	}
}
@media (max-width: 767px) {
	.modal-dialog.modal-dialog-centered {
		position: relative;
		width: auto;
		margin: 10px;
	}
	#popupModal .modal-header .close {
		margin: 0 auto;
		left: 0px;
		right: 0px;
	}
}

/*------------------------------------------
				NOTIFICACIONES
------------------------------------------*/
.site-main{
	position: relative;
}
.notificaciones{
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: center;
}
.cont-notifica{
	background: #F5F18D;
	padding: 15px 30px;
	color: #000;
	font-size: 12px; 
	margin: 0 auto;
	display: inline-block;
	max-width: 1170px;
}
.cont-notifica p{
	margin: 0;
	text-align: center;
}
/*------------------------------------------
				SLIDER
------------------------------------------*/
#myslider .carousel-control.left,
#myslider .carousel-control.right{
	background: transparent;
}
#myslider .carousel-control.left span,
#myslider .carousel-control.right span{
	top: 45%;
	position: absolute;
	z-index: 2;
}
#myslider .carousel-control.left span {
	left: 25px;
}
#myslider .carousel-control.right span {
	right: 25px;
}
.carousel-indicators {
	bottom: 0;
}
.carousel-indicators li{
	border: 1px solid #8C8C8C;
}
.carousel-indicators li.active{
	border: 1px solid #595959;
}
.slider{
	margin-bottom: 30px;
	line-height: 1;
	position: relative;
}
.slider .item {
	padding: 20px 70px 60px;
	height: 480px;
	line-height: 1;
}
.slider .item span{
	display: block;
}

.tit-slider-1,
.txt-slider-1{
	float: right;
	font-family: "FrankfurterSB-Bold";
	margin-bottom: 20px;
}
.tit-slider-1 p,
.txt-slider-1 p{
	margin: 0;
}
.img-slider-1{
	float: left;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 480px;
	padding: 0 40px 0 0;
}
.btn-slider-1{
	float: right;
}
.img-slider-1 img{
	max-height: 430px;
}
.btn-slider-link1{
	width: 100%;
	padding: 10px 40px;
	border-radius: 150px;
	text-align: center;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}
.btn-slider-link1:hover{
	background: transparent !important;
}


.tit-slider-2,
.txt-slider-2{
	font-family: "FrankfurterSB-Bold";
}
.txt-slider2-2{
	font-family: "FrankfurterSB-Bold";
	margin-bottom: 20px;
}
.tit-slider-2 p,
.txt-slider-2 p,
.txt-slider2-2 p{
	margin: 0;
}
.img-slider-2{
	float: right;
	top: 0;
	right: 0;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 480px;
	padding: 0 0 0 40px;
}
.btn-slider-2{
}
.img-slider-2 img{
	max-height: 430px;
}
.btn-slider-link2{
	width: 100%;
	padding: 10px 40px;
	border-radius: 150px;
	text-align: center;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}
.btn-slider-link2:hover{
	background: transparent !important;
}


.tit-slider-3,
.txt-slider-3{
	float: left;
	font-family: "FrankfurterSB-Bold";
	margin-bottom: 20px;
}
.tit-slider-3 p,
.txt-slider-3 p{
	margin: 0;
}
.img-slider-3{
	float: right;
	right: 0;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 80%;
	padding: 0 0 0 40px;
	top: 0;
}
.btn-slider-3{
	float: right;
	bottom: 30px;
	position: absolute;
	right: 0;
}
.img-slider-3 img{
	max-height: 60vh;
}
.btn-slider-link3{
	width: 100%;
	padding: 10px 40px;
	border-radius: 150px;
	text-align: center;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}
.btn-slider-link3:hover{
	background: transparent !important;
}
.log-slider-3 {
	float: left;
	text-align: center;
}
.log-slider-3 img{
	max-height: 140px;
}
.link-slider{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.carousel-indicators{
	z-index: 2;
}
/*------------------------------------------
				BANNER
------------------------------------------*/
.banner{
	margin-bottom: 30px;
	position: relative;
}
.banner .carousel-control.right,
.banner .carousel-control.left{
	background: none;
}
.link-banner{
	position: absolute;
	width: 100%;
	height: 100%;
}
/*------------------------------------------
				DESTACADOS
------------------------------------------*/
.titulo-destacados{
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	margin: 0 0 30px;
	text-transform: uppercase;
}
.subtitulo-destacados{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px;
	text-transform: uppercase;
	color: #952a86;
}
/*------------------------------------------
				EVENTOS-FACEBOOK
------------------------------------------*/
.cont-eventos{
	border:1px solid #aec0ca;
	border-radius: 15px;
	height: 550px;
	padding: 20px 40px;
	overflow: hidden;
}
.tit-eventos{
	background: url(images/cat-iconos/entretencion.svg) no-repeat;
	background-position: left center;
	background-size: 25px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 30px;
	color: #952a86;
	margin-bottom: 30px;
}
.fecha-home{
	color: #fff;
	text-align: center;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	padding: 20px 0;
	font-size: 55px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 125px;
	background: #952a86;
}
.fecha-home span{
	display: block;
	font-size: 30px;
	font-weight: normal;
}
.fecha-home.trailer-home{
	overflow: hidden;
	padding: 0;
}
.fecha-home.trailer-home img {
    width: auto;
    height: 100%;
}
.descripcion-home {
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: left;
	height: 125px;
}
.descripcion-home.trailer-desc .evento{
	color: #952a86;	
}
.evento{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.excerpt{
	font-size: 12px;
	margin-bottom: 10px;
}
.excerpt p{
	height: 50px;
	overflow: hidden;
	margin: 0;
}
.ver-mas-home{
	display: block;
	padding-right: 20px;
	max-width: 70px;
	font-size: 12px;
	color: #952a86;
	background: url(images/mas-entretencion.png) no-repeat center right;
}
.metropuntos-home{
	text-align: center;
	font-size: 35px;
	line-height: 1;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 125px;
	color: #952a86;
	border-left: 1px solid #aec0ca;
}
.metropuntos-home span{
	font-size: 12px;
	display: block;
}
.ver-todos{
	background: #952a86;
	border:2px solid #952a86;
	padding: 10px 35px;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	max-width: 160px;
	display: block;
	margin: 0 auto;
}
.ver-todos:hover{
	background: #fff;
	color: #952a86;
}
.calendario{
	background: url(images/ico-calendario.svg) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.testimonios{
	background: url(images/ico-testimonios.svg) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.txt-calendario,
.txt-testimonios{
	line-height: 24px;
	display: inline-block;
	float: left;
}
.txt-calendario h2,
.txt-testimonios h2{
	line-height: 24px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}
.txt-calendario h2{
	color: #952a86;
}
.txt-testimonios h2{
	color: #00315c;
}
.ultimos-eventos{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 430px;
}
.cont-trailer-home {
	margin-right: 10px;
}
.sin-resultados {
	text-transform: uppercase;
	text-align: center;
}
#accordion_calendario a,
#accordion_testimonios a{
	display: block;
	overflow: hidden;
}
#accordion_calendario.panel-group .panel,
#accordion_testimonios.panel-group .panel{
	border-radius: 0;
}
#accordion_testimonios .panel-default,
#accordion_calendario .panel-default {
	background: transparent;
	box-shadow: 0 0 0;
}
#accordion_calendario .panel-default {
	border: 2px solid #952a86;
}
#accordion_testimonios .panel-default {
	border: 2px solid #00315c;
}
#accordion_testimonios .panel-body {
	padding: 20px;
}
/*------------------------------------------
				SOCIALES - TESTIMONIOS
------------------------------------------*/
.sociales-testimonios{
	padding: 40px 0;
}
.sociales{

}
.ver-mas-sociales{
	display: none;
}
.titulo-sociales{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px;
	text-transform: uppercase;
	color: #952a86;
}
.bg-social-home{
	height: 190px;
	margin-bottom: 30px;
	position: relative;
}
.cont-social-home{
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
}
.tit-social-home{
	position: absolute;
	bottom: 10px;
	right: 0;
	background-color: rgba(149,42,134,0.7);
	background-image: url(images/tag.svg);
	background-position: 5px center;
	background-size: 18px;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 30px;
	color: #fff;
	text-align: right;
	font-size: 13px;
	letter-spacing: 2px;	
}
.sociales .cont-social-home:nth-child(2) .bg-social-home,
.sociales .cont-social-home:nth-child(3) .bg-social-home{
	height: 295px;
}
.sociales .cont-social-home:nth-child(3) .bg-social-home{
	margin-top: -105px;
}
.img-responsive{
	margin: 0 auto;
}
.testimonio{
	border: 2px solid #00315c;
	padding: 30px;
	border-radius: 15px;
	min-height: 570px;
}
.titulo-testimonio{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 30px;
	text-transform: uppercase;
	color: #952a86;
}
.flechas-testimonio{
	position: relative;
	top: 1px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.left-test,
.right-test{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	width: 30px;
	height: 30px;
}
.left-test{
	left: 50%;
	margin-left: -10px;
}
.right-test{
	right: 50%;
	margin-right: -10px;
}
.testimonio .carousel-control.right,
.testimonio .carousel-control.left{
	background-image: none; 
}
.testimonio .item{
	height: inherit;
	min-height: inherit;
	max-height: inherit;
}
.testimonio .carousel-indicators li{
	background-color: #b8c9d0;
	border: 1px solid #b8c9d0;
}
.testimonio .carousel-indicators .active {
	background-color: #4b6e8c;
	border: 1px solid #4b6e8c;
}
.img-test{
	border-radius: 50%;
	border:2px solid #00315c;
	background: #00315c;
	margin: 0 auto 30px;
	overflow: hidden;
	max-width: 200px;
}
.img-test img{
	border-radius: 50%;
	max-width: 200px;
}
.txt-test{
	width: 100%;
	margin: 0 auto 30px;
	max-width: 300px;
	text-align: center;
}
.tit-test{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}

/*******************************************
				INGRESO - DATOS
*******************************************/
.btn-registrarse{
	text-align: center;
	text-decoration: underline;
	color: #00263b;
	display: block;
	letter-spacing: 1px;
	font-weight: 700;
}
.ingreso-img {
	margin: -170px auto 0;
	display: block;
	max-width: 100%;
	position: relative;
	z-index: -1;
}
input[type="date"].form-control{
	line-height: initial;
}
#cambioDatos .modal-body {
	padding: 25px 40px 0;
}
#cambioDatos .modal-header {
	border-bottom: 0 none;
	background: #29455E;
	color: #fff;
	text-align: center;
}
#cambioDatos .modal-header .close {
	margin-top: 0;
	color: #fff;
	opacity: 1;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 26px;
}
#cambioDatos .modal-footer {
	padding: 0px 15px 30px;
	text-align: center;
	border-top: 0 none;
}
.datos{
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0;
	font-weight: 400;
}
.datos img{
	width: 60px;
}
.datos span.azul{color: #0097D7;}
.datos span.verde{color: #49BA12;}
.datos span.naranjo{color: #FF8B00;}
.datos + .tooltip > .tooltip-inner {
	background-color: #29455E;
	padding: 15px;
	text-align: center;
}
.bs-tooltip-bottom .arrow::before {
	border-bottom-color: #29455E;
}
.etapas{
	padding-bottom: 50px;
}
.guardar-datos{
	border: 2px solid #4AA2DF;
	height: 45px;
	border-radius: 50px;
	text-align: center;
	font-weight: bold;
	background: #4aa2df;
	color: #fff;
	display: block;
	padding: 0 20px;
	line-height: 41px;
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
}
.img-datos{
	width: 80px;
	margin:0 auto 30px;
}
.txt-datos{
	color: #5F676E;
	font-weight: 700;
	font-size: 24px;
	margin:0 auto 30px;
}
/*******************************************
				PAGES
*******************************************/
/*------------------------------------------
				FAQ
------------------------------------------*/
.faq{
	padding: 40px 0 100px;
	overflow: hidden;
}
.set{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
}
.set > a{
	display: block;
	padding: 10px 30px 10px 15px;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #ddd;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
	cursor: pointer;
	background:#014165;
}
.set > a i{
	position: absolute;
	right: 10px;
	top:15px;
	color: #fff;
}
.set > a.active{
	background-color:#AEC0CA;
	color: #212121;
}
.set > a.active i{
	color: #212121;
}
.content{
	position:relative;
	width: 100%;
	height: auto;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	display:none;
	padding: 30px 25px;
}
.content p{
	line-height: 1.3;
}
#faq .panel-default > .panel-heading {
	color: #fff;
	background-color: #00A5DB;
	border-color: #00A5DB;
	padding: 0;
}
#faq .panel-default {
	border-color: #00a5db;
}
.btn-faq{
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
}

/*------------------------------------------
				MI PERFIL
------------------------------------------*/
.busqueda-int{
	background: #0095d4;
	padding: 40px 0;
	text-align: center;
	margin-bottom: 30px;
}
.tit-busqueda{
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.tit-busqueda span {
	background: #fff;
}
.btn-descarga-boleta{
	color: #FF8B00;
}
/*------------------------------------------
				MI PERFIL
------------------------------------------*/
.mis-datos {
	border: 1px solid #00a5db;
}
.tit-datos {
	text-align: center;
	padding: 5px 0;
	border-bottom: 1px solid #00a5db;
	font-weight: bold;
	text-transform: uppercase;
}
.info-datos {
	padding: 20px;
}
#cambiarpass .well,
#cambiardatos .well {
	min-height: 20px;
	padding: 20px;
	margin-bottom: 0;
	background-color: #F6F7F9;
	border: 0 none;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
#cambiarpass .well input,
#cambiardatos .well input{
	background-attachment: #fff;
}
.btn-gris {
	width: 100%;
	margin-bottom: 8px;
	background: #00a5db;
	color: #fff;
}
.mod-pass,
.mod-data{
	border: 2px solid #4AA2DF;
	height: 45px;
	border-radius: 50px;
	text-align: center;
	font-weight: bold;
	color: #014165;
	display: block;
	padding: 0 20px;
	line-height: 41px;
}
.mod-pass{
	float: left;
}
.mod-data{
	float: right;
}
.mod-pass:hover,
.mod-data:hover{
	background: #4aa2df;
	color: #fff;
}
.info-datos, .info-metro {
	min-height: 310px;
}
.mis-metropuntos{
	background: #00a5db;
	border-bottom: 1px solid #00a5db;
}
.tit-metro {
	text-align: center;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
.info-metro {
	padding: 20px;
}
.box-info-metro {
	color: #fff;
	text-align: center;
	padding-top: 0;
	min-height: 148px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sep {
	border-right: 1px solid #fff;
}
.sep2 {
	border-top: 1px solid #fff;
}
.total-metropuntos{
	font-size: 40px;
	font-weight: bold;
}
.tit-metro-box {
	font-size: 16px;
	height: 50px;
	position: relative;
}
.proximo:after,
.total:after,
.acumulados:after,
.facturacion:after{
	position: absolute;
	bottom: 5px;
       
	right: 0;
	left: 0;
	font-size: 16px;
}
.proximo:after{
	content: 'Por vencer pr\00f3ximos 3 meses';
}
.total:after{
	content: 'A la fecha';
}
.facturacion:after{
	content: 'Hasta la \00faltima facturaci\00f3n';
}
.acumulados:after{
    content:'Hasta la \00faltima facturaci\00f3n';
}
.mis-cosas{
	border:1px solid #ccc;
}
.medio{
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
ul.nav.nav-pills.nav-justified {
	margin-bottom: 20px;
}
.mis-cosas .nav-pills > li.active > a,
.mis-cosas .nav-pills > li.active > a:focus,
.mis-cosas .nav-pills > li.active > a:hover {
	color: #fff;
	background-color: #00a5db;
}
.mis-cosas .nav-pills > li > a {
	border-radius: 0;
	background: #014165;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.mis-cosas .nav > li > a:focus,
.mis-cosas .nav > li > a:hover {
	text-decoration: none;
	background-color: #00a5db;
}
.trash{
	position: absolute;
	top: 40px;
	right: 15px;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	background: url(images/trash.svg) no-repeat;
	background-size: 25px;
}
.filtro-anio{
	text-align: right;
	padding-right: 20px;
	padding-left: 20px;
}
.filtro-anio span {
	font-weight: bold;
	cursor: pointer;
}
.table-movimientos thead{
	background: #014165;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
.mis-cosas .pagination{
	margin: 0 auto;
}
.year-selected{
	background: #00a5dc;
	padding: 5px;
	color: white;
}
.movimientos_imprimir,
#cupones_SAP_wrapper{
	padding: 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
	color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #ffff !important;
	border: 1px solid #00A5DB;
	background: #00A5DB;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #ffff !important;
	border: 1px solid #014165;
	background: #014165;
}
.dataTables_filter label,
.dataTables_length label,
.ellipsis{
	color: #00263b !important;
}
/*------------------------------------------
				CONOCE EL CLUB
------------------------------------------*/
.bg-conoce{
	background: url(images/conoce/bg-conoce-d.jpg) center top;
	height: 720px;
	margin-bottom: 50px;
}
.info-imagen-conoce {
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 720px;
	text-align: center;
	color: #fff;
}
.tit-imagen-conoce {
	background: url(images/conoce/bg-tit.svg) center no-repeat;
	background-size: 720px 200px;
	padding: 20px 0;
	text-transform: uppercase;
	font-size: 70px;
	font-weight: bold;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}
.txt-imagen-conoce p {
	text-align: center;
	font-size: 28px;
	margin-bottom: 20px;
}
.btn-imagen-conoce {
	display: block;
	background: #d92177;
	line-height: 54px;
	border:2px solid #d92177;
	width: 340px;
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bolder;
	border-radius: 30px;
	-webkit-transition:all 0.25s ease-out;
	   -moz-transition:all 0.25s ease-out;
		-ms-transition:all 0.25s ease-out;
		 -o-transition:all 0.25s ease-out;
			transition:all 0.25s ease-out;
}
.btn-imagen-conoce:hover {
	border:2px solid #d92177;
	background: #E3EDF2;
	color: #d92177;
}
.pepa {
	position: absolute;
	right: 0;
	bottom: -120px;
	z-index: 30;
}
.pepo {
	position: absolute;
	left: 0;
	bottom: -120px;
	z-index: 30;
}
.cuadro {
	position: absolute;
	top: 30px;
	right: 140px;
	z-index: 20;
}
h2.tit-info-conoce{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
	font-weight: 900;
	font-size: 18px;
}
.info-como-sumo{
	padding-top: 40px;
	clear: both;
}
.cont-sumo-puntos {
	background: #00a5db;
	padding: 25px;
	text-align: center;
	color: #fff;
	border-radius: 25px;
	margin: 20px 0 40px;
	position: relative;
	min-height: 160px;
}
.cont-sumo-puntos .imagen{
	position: absolute;
	top: -60px;
}
.info-como-sumo .col-xs-12:nth-child(1) .cont-sumo-puntos .imagen{
	left: 0;
}
.info-como-sumo .col-xs-12:nth-child(2) .cont-sumo-puntos .imagen{
	left: 0;
	right: 0;
}
.info-como-sumo .col-xs-12:nth-child(3) .cont-sumo-puntos .imagen{
	right: 0;
}
.cont-sumo-puntos .titulo {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.cont-sumo-puntos .texto p {
	text-align: center;
	margin: 0;
}
.info-como-canjeo{
	padding-top: 100px;
	clear: both;
}
.cont-canjeo-bene{
	text-align: center;
}
.cont-canjeo-bene .titulo {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.cont-canjeo-bene .texto p {
	text-align: center;
	margin: 0;
}
.num-como-canjeo{
	text-align: center;
}
.num-como-canjeo .num{
	width: 65px;
	height: 65px;
	line-height: 65px;
	font-size: 28px;
	background: #00315c;
	border-radius: 50%;
	margin: 0 auto;
	color: #fff;
	position: relative;
	z-index: 2;
}
.num-como-canjeo .col-xs-12:nth-child(1) .num:after,
.num-como-canjeo .col-xs-12:nth-child(2) .num:after{
	position: absolute;
	content: url(images/linea.jpg);
	top: -9px;
	right: -302px;
	z-index: 0;
	width: 280px;
	overflow: hidden;
}
.tit-conoce-mas {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.btn-conoce-mas{
	background: #014165;
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	max-width: 210px;
	border-radius: 20px;
	border:2px solid #014165;
	padding: 8px 0;
	text-align: center;
	font-weight: bold;
}
.btn-conoce-mas:hover{
	border:2px solid #014165;
	color: #014165;
	background: #fff;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}
.tit-des-bene{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}
.bg-descubre-beneficios{
	background: #00a5db;
	padding: 60px 0;
}
.menu-menu-inferior-container {
	text-align: center;
}
.nav-menu-descubre {
	padding: 0;
	margin: 0;
}
.nav-menu-descubre li {
	display: inline-block;
}
.nav-menu-descubre li a {
	display: block;
	padding: 8px 25px;
	border: 1px solid #fff;
	margin: 0 5px 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 26px;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}
.nav-menu-descubre li a:hover {
	background: #fff;
	color: #00a5db;
}

/*******************************************
				CATEGORIAS
*******************************************/
.bg-categoria{
	height: 150px;
	background: #333;
	font-family: "Gotham-Black";
	text-align: right;
	text-transform: uppercase;
}
h1.tit-categoria{
	color: #fff;
	height: 150px;
	margin: 0;
	font-size: 40px;
	font-weight: normal;
	display: flex;
	flex-direction: column;
	justify-content:center;
	position: relative;
	padding-right: 130px;
	float: right;
	line-height: 1.2;
}
.bg-categoria.entretencion,
.bg-categoria.panoramas{
	background:#952a86;
}
.bg-categoria.gastronomia{
	background:#fecb00;
}
.bg-categoria.educacion,
.bg-categoria.descuentos{
	background:#0195D5;
}
.bg-categoria.salud-y-belleza{
	background:#d92177;
}
.bg-categoria.tiendas-y-servicios{
	background:#77B82A;
}
.bg-categoria.entretencion .tit-categoria:after,
.bg-categoria.gastronomia .tit-categoria:after,
.bg-categoria.educacion .tit-categoria:after,
.bg-categoria.salud-y-belleza .tit-categoria:after,
.bg-categoria.tiendas-y-servicios .tit-categoria:after,
.bg-categoria.panoramas .tit-categoria:after,
.bg-categoria.descuentos .tit-categoria:after{
	position: absolute;
	content: '';
	width: 120px;
	height: 120px;
	right: 0;
	top: 15px;
}
.bg-categoria.entretencion .tit-categoria:after{
	background: url(images/cat-iconos/entretencion-inv.svg) no-repeat;
	background-size: 120px;
}
.bg-categoria.gastronomia .tit-categoria:after{
	background: url(images/cat-iconos/gastronomia-inv.svg) no-repeat;
	background-size: 120px;
}
.bg-categoria.educacion .tit-categoria:after{
	background: url(images/cat-iconos/educacion-inv.svg) no-repeat;
	background-size: 120px;
}
.bg-categoria.salud-y-belleza .tit-categoria:after{
	background: url(images/cat-iconos/salud-y-belleza-inv.svg) no-repeat;
	background-size: 120px;
}
.bg-categoria.tiendas-y-servicios .tit-categoria:after{
	background: url(images/cat-iconos/tiendas-y-servicios-int.svg) no-repeat;
	background-size: 120px;
}
.bg-categoria.panoramas .tit-categoria:after{
	background: url(images/cat-iconos/panoramas-int.svg) no-repeat;
	background-size: 120px;
}
.bg-categoria.descuentos .tit-categoria:after{
	background: url(images/cat-iconos/solo-descuentos-inv.svg) no-repeat;
	background-size: 120px;
}
.box-categoria{
	border:1px solid #aec0ca;
	position: relative;
	min-height: 327px;
}
.vista-cat{
	text-align: right;
	margin-bottom: 20px;
}
.vista-cat .glyphicon {
	font-size: 20px;
	color: #014165 !important;
	position: relative;
}
.vista-cat span:nth-child(1){
	margin-right: 10px;
}
.box-categoria img{
	border-right:1px solid #aec0ca;
}
.info-beneficio{
	padding: 20px;
	color: #00263b;
	min-height: 190px;
	position: relative;
	text-align: justify;
	word-wrap: break-word;
}
.info-beneficio p {
	height: 88px;
	overflow: hidden;
	font-size: 12px;
}
.canjea{
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 10px;
	text-transform: uppercase;
	width: 100%;
	left: 0;
}
.btns{
	border-top:1px solid #aec0ca;
	height: 82px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.tit-beneficio{
	color: #fff;
	padding: 0 15px 0 50px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	height: 52px;
	line-height: 1.2;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
	word-wrap: break-word;
}
.entretencion .tit-beneficio{
	background: url(images/cat-iconos/entretencion-inv.svg) no-repeat #952a86;
	background-position: 15px center;
	background-size: 25px;
}
.gastronomia .tit-beneficio{
	background: url(images/cat-iconos/gastronomia-inv.svg) no-repeat #fecb00;
	background-position: 15px center;
	background-size: 25px;
}
.educacion .tit-beneficio{
	background: url(images/cat-iconos/educacion-inv.svg) no-repeat #0095d4;
	background-position: 15px center;
	background-size: 25px;
}
.salud-y-belleza .tit-beneficio{
	background: url(images/cat-iconos/salud-y-belleza-inv.svg) no-repeat #d92177;
	background-position: 15px center;
	background-size: 25px;
}
.tiendas-y-servicios .tit-beneficio{
	background: url(images/cat-iconos/tiendas-y-servicios-int.svg) no-repeat #76b82a;
	background-position: 15px center;
	background-size: 25px;
}
.panoramas .tit-beneficio{
	background: url(images/cat-iconos/panoramas-int.svg) no-repeat #952a86;
	background-position: 15px center;
	background-size: 25px;
}
.descuentos .tit-beneficio{
	background: url(images/cat-iconos/solo-descuentos-inv.svg) no-repeat #0095d4;
	background-position: 15px center;
	background-size: 25px;
}
.cont-btn-canjear {
	border-right: 1px solid #aec0ca;
	border-left: 1px solid #aec0ca;
	height: 82px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.btn-canjear{
	background: #014165;
	border:2px solid #014165;
	padding: 4px 0;
	border-radius: 15px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	width: 110px;
}
.btn-canjear-active {
	color: #014165;
	border: 2px solid #014165;
	background: #fff;
}
.btn-canjear:hover{
	color: #014165;
	border:2px solid #014165;
	background: #fff;
}
.entretencion .btn-canjear{
	background: #952a86;
	border:2px solid #952a86;
}
.gastronomia .btn-canjear{
	background: #fecb00;
	border:2px solid #fecb00;
}
.educacion .btn-canjear,
.descuentos .btn-canjear{
	background: #0095d4;
	border:2px solid #0095d4;
}
.salud-y-belleza .btn-canjear{
	background: #d92177;
	border:2px solid #d92177;
}
.tiendas-y-servicios .btn-canjear{
	background: #76b82a;
	border:2px solid #76b82a;
}
.entretencion .btn-canjear:hover{
	color: #952a86;
	border:2px solid #952a86;
	background: #fff;
}
.gastronomia .btn-canjear:hover{
	color: #fecb00;
	border:2px solid #fecb00;
	background: #fff;
}
.educacion .btn-canjear:hover,
.descuentos .btn-canjear:hover{
	color: #0095d4;
	border:2px solid #0095d4;
	background: #fff;
}
.salud-y-belleza .btn-canjear:hover{
	color: #d92177;
	border:2px solid #d92177;
	background: #fff;
}
.tiendas-y-servicios .btn-canjear:hover{
	color: #76b82a;
	border:2px solid #76b82a;
	background: #fff;
}
.btn-trailer{
	min-width: 130px;
	margin: 0 auto;
}
.cont-corazon{
	position: relative;
}
.like,
.nolike {
	position: absolute;
	top: 30px;
	right: 15px;
	width: 25px;
	height: 25px;
	margin: 0 auto;
}
.entretencion .like {
	background: url(images/corazones/heart-relleno-entretencion.svg) no-repeat;
	background-size: 25px;
}
.gastronomia .like {
	background: url(images/corazones/heart-relleno-gastronomia.svg) no-repeat;
	background-size: 25px;
}
.educacion .like {
	background: url(images/corazones/heart-relleno-educacion.svg) no-repeat;
	background-size: 25px;
}
.salud-y-belleza .like {
	background: url(images/corazones/heart-relleno-salud.svg) no-repeat;
	background-size: 25px;
}
.tiendas-y-servicios .like {
	background: url(images/corazones/heart-relleno-tiendas.svg) no-repeat;
	background-size: 25px;
}
.entretencion .nolike {
	background: url(images/corazones/heart-vacio-entretencion.svg) no-repeat;
	background-size: 25px;
}
.gastronomia .nolike {
	background: url(images/corazones/heart-vacio-gastronomia.svg) no-repeat;
	background-size: 25px;
}
.educacion .nolike {
	background: url(images/corazones/heart-vacio-educacion.svg) no-repeat;
	background-size: 25px;
}
.salud-y-belleza .nolike {
	background: url(images/corazones/heart-vacio-salud.svg) no-repeat;
	background-size: 25px;
}
.tiendas-y-servicios .nolike {
	background: url(images/corazones/heart-vacio-tiendas.svg) no-repeat;
	background-size: 25px;
}
.like:hover,
.nolike:hover{
	animation:pulse 0.8s infinite;
	width: 29px;
	height: 29px;
	right: 11px;
}
.metropuntos{
	text-align: center;
	font-size: 32px;
	line-height: 1;
	font-weight: bold;
	height: 82px;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.metropuntos span{
	font-size: 11px;
	display: block;
	font-weight: 700;
}
.entretencion .metropuntos{
	color: #952a86;
}
.gastronomia .metropuntos{
	color: #fecb00;
}
.educacion .metropuntos,
.descuentos .metropuntos{
	color: #0095d4;
}
.salud-y-belleza .metropuntos{
	color: #d92177;
}
.tiendas-y-servicios .metropuntos{
	color: #76b82a;
}
/* Lista visual*/
.lista .info-beneficio{
	min-height: 260px;
}
.lista .info-beneficio p {
	height: 190px;
	overflow: hidden;
}
.lista .cont-btn-canjear {
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 82px;
}
.lista .btn-canjear {
	padding: 6px 0;
	width: 130px;
}
.lista .like,
.lista .nolike {
	right: 60px;
}
.lista .metropuntos{
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height: 82px;
}
.btn-success{
	background-color: #3bac3b;
	border-color: #3bac3b;
	padding: 10px 15px;
	border-radius: 5px;
	min-width: 120px;
	text-transform: uppercase;
	border: 2px solid transparent;
	font-weight: 700;
}
.modal-backdrop ~ .modal-backdrop {
	z-index: 1050;
}
.modal.in ~ .modal.in {
	z-index: 1060;
}
#modalMensaje {
	z-index: 1070;
}
/*******************************************
				BENEFICIOS / CANJES
*******************************************/
.img-dest{
	border: 1px solid #aec0ca;
}
.video{
	float: right;
	margin-bottom: 20px;
}
.titulo-interior-benecan{
	padding: 0 0 10px 35px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 25px;
	color: #014165;
}
.entretencion .titulo-interior-benecan{
	background: url(images/cat-iconos/entretencion.svg) no-repeat;
	background-size: 25px;
	border-bottom:2px solid #952a86;
}
.gastronomia .titulo-interior-benecan{
	background: url(images/cat-iconos/gastronomia.svg) no-repeat;
	background-size: 25px;
	border-bottom:2px solid #fecb00;
}
.educacion .titulo-interior-benecan{
	background: url(images/cat-iconos/educacion.svg) no-repeat;
	background-size: 25px;
	border-bottom:2px solid #0095d4;
}
.descuentos .titulo-interior-benecan{
	background: url(images/cat-iconos/solo-descuentos.svg) no-repeat;
	background-size: 25px;
	border-bottom:2px solid #0095d4;
}
.salud-y-belleza .titulo-interior-benecan{
	background: url(images/cat-iconos/salud-y-belleza.svg) no-repeat;
	background-size: 25px;
	border-bottom:2px solid #d92177;
}
.tiendas-y-servicios .titulo-interior-benecan{
	background: url(images/cat-iconos/tiendas-y-servicios.svg) no-repeat;
	background-size: 25px;
	border-bottom:2px solid #76b82a;
}
.panoramas .titulo-interior-benecan{
	background: url(images/cat-iconos/panoramas.svg) no-repeat;
	background-size: 25px;
	border-bottom:2px solid #952a86;
}
.cont-canje{
	border: 1px solid #aec0ca;
	border-radius: 15px;
}
.fecha{
	color: #fff;
	text-align: center;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	padding: 10px 0;
	font-size: 55px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
	height: 105px;
}
.fecha span{
	display: block;
	font-size: 30px;
	font-weight: normal;
}
.entretencion .fecha{
	background: #952a86;
}
.gastronomia .fecha{
	background: #fecb00;
}
.educacion .fecha,
.descuentos .fecha{
	background: #0095d4;
}
.salud-y-belleza .fecha{
	background: #d92177;
}
.tiendas-y-servicios .fecha{
	background: #76b82a;
}
.descripcion {
	padding-top: 20px;
	font-size: 13px;
	height: 105px;
}
.educacion .descripcion,
.gastronomia .descripcion,
.salud-y-belleza .descripcion,
.tiendas-y-servicios .descripcion {
	padding-top: 15px;
	text-align: justify;
}
.metropuntos-int{
	border-left: 1px solid #aec0ca;
	border-right: 1px solid #aec0ca;
	text-align: center;
	padding: 0;
	font-size: 35px;
	line-height: 1;
	font-weight: bold;
	height: 105px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.metropuntos-int span{
	font-size: 12px;
	display: block;
}
.entretencion .metropuntos-int{
	color: #952a86;
}
.gastronomia .metropuntos-int{
	color: #fecb00;
}
.educacion .metropuntos-int,
.descuentos .metropuntos-int{
	color: #0095d4;
}
.salud-y-belleza .metropuntos-int{
	color: #d92177;
}
.tiendas-y-servicios .metropuntos-int{
	color: #76b82a;
}
.cantidad{
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	height: 105px;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.btn-menos-mas{
	width: 150px;
	margin: 10px auto 0;
}
.btn-canjear-int{
	border-left: 1px solid #aec0ca;
	height: 105px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.btn-canjear-int a{
	margin: 0 auto;
	display: block;
	padding: 4px 0;
	border-radius: 15px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	width: 130px;
}
.cont-descripcion-descuento{
	height: 105px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.tit-condiciones{
	background: url(images/condiciones.png) top left no-repeat;
	padding-left: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aec0ca;
	line-height: 33px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}
.tit-relacionados{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	max-width: 300px;
	margin-bottom: 20px;
}
.entretencion .tit-relacionados{
	color: #952a86;
	border-bottom: 2px solid #952a86;
}
.gastronomia .tit-relacionados{
	color: #fecb00;
	border-bottom: 2px solid #fecb00;
}
.educacion .tit-relacionados,
.descuentos .tit-relacionados{
	color: #0095d4;
	border-bottom: 2px solid #0095d4;
}
.salud-y-belleza .tit-relacionados{
	color: #d92177;
	border-bottom: 2px solid #d92177;
}
.tiendas-y-servicios .tit-relacionados{
	color: #76b82a;
	border-bottom: 2px solid #76b82a;
}
.cont-relacionados{
	margin-bottom: 20px;
}
.entretencion .cont-relacionados{
	border: 1px solid #952a86;
}
.gastronomia .cont-relacionados{
	border: 1px solid #fecb00;
}
.educacion .cont-relacionados,
.descuentos .cont-relacionados{
	border: 1px solid #0095d4;
}
.salud-y-belleza .cont-relacionados{
	border: 1px solid #d92177;
}
.tiendas-y-servicios .cont-relacionados{
	border: 1px solid #76b82a;
}
.info-rel {
	text-align: center;
	font-size: 12px;
	padding: 8px;
	font-weight: bold;
}
.entretencion .info-rel {
	border-top: 1px solid #952a86;
}
.gastronomia .info-rel {
	border-top: 1px solid #fecb00;
}
.educacion .info-rel,
.descuentos .info-rel {
	border-top: 1px solid #0095d4;
}
.salud-y-belleza .info-rel {
	border-top: 1px solid #d92177;
}
.tiendas-y-servicios .info-rel {
	border-top: 1px solid #76b82a;
}
.ver-mas-rel {
	display: block;
	padding-right: 20px;
	max-width: 70px;
	margin: 0 auto;
}
.entretencion .cont-relacionados a{
	color: #952a86;
}
.gastronomia .cont-relacionados a{
	color: #fecb00;
}
.educacion .cont-relacionados a,
.descuentos .cont-relacionados a{
	color: #0095d4;
}
.salud-y-belleza .cont-relacionados a{
	color: #d92177;
}
.tiendas-y-servicios .cont-relacionados a{
	color: #76b82a;
}
.entretencion .ver-mas-rel{
	background: url(images/mas-entretencion.png) no-repeat center right;
}
.gastronomia .ver-mas-rel{
	background: url(images/mas-gastronomia.png) no-repeat center right;
}
.educacion .ver-mas-rel{
	background: url(images/mas-educacion.png) no-repeat center right;
}
.salud-y-belleza .ver-mas-rel{
	background: url(images/mas-salud-y-belleza.png) no-repeat center right;
}
.tiendas-y-servicios .ver-mas-rel{
	background: url(images/mas-tiendas-y-servicios.png) no-repeat center right;
}

/*******************************************
				SOCIALES
*******************************************/
.bg-sociales{
	height: 150px;
	background: #333;
	font-family: "Gotham-Black";
	text-align: right;
	text-transform: uppercase;
}
.tit-social-2{
	color: #fff;
	height: 150px;
	margin: 0;
	font-size: 40px;
	flex-direction: column;
	font-weight: normal;
	display: flex;
	justify-content: center;
	position: relative;
	line-height: 1;
	overflow-wrap: break-word;
	text-align: center;
}
.sub-sociales{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 30px;
}
.bg-sociales.social{
	background:#952a86;
}
.cont-social{
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	float: none;
	margin-bottom: 30px;
}
.tit-social {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.dat-social {
	color: #9c9c9c;
	text-align: left;
	margin-bottom: 8px;
}
.btn-social {
	text-align: right;
	display: block;
	text-transform: uppercase;
	color: #0095d4;
	background: url(images/mas-entretencion.png) center right no-repeat;
	padding-right: 30px;
}
.ordenamiento{
	height: 40px;	
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: right;
}
.buscar-social{
	position: relative;
}
.buscar-social:after{
	content: url(images/search-sociales.svg);
	position: absolute;
	top: 9px;
	right: 10px;
}

/*INTERIOR*/
.titulo-cont-social{
	text-align: center;
}
.gal-sociales{
	position: relative;
	height: 560px;
}
.thumbnails{
	padding: 0;
	margin: 30px 0 0 0;
	list-style: none;
}
.thumbnails li {
	display: inline-block;
	float: none;
}
.thumbnail{
	padding: 0;
	border: 0 none;
	cursor: pointer;
}
#slider .carousel-control{
	width: 5%;
	font-size: 60px;
}
#carousel-bounding-box .carousel-control {
	top: 41%;
	background: transparent !important;
}
.tit-social-int{
	position: absolute;
	bottom: 10px;
	right: 0;
	background-color: rgba(1,65,105,0.7);
	background-image: url(images/tag.svg);
	background-position: 5px center;
	background-size: 18px;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 30px;
	color: #fff;
	text-align: right;
	font-size: 13px;
	letter-spacing: 2px;
}
.addthis_inline_share_toolbox {
	display: inline-block;
	vertical-align: middle;
}
.btn-bck {
	border: 2px solid #014165;
	padding: 6px 20px;
	border-radius: 25px;
	background: #014165;
	color: #fff;
	text-transform: uppercase;
	webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}
.btn-bck:hover {
	background: #fff;
	color: #014165;
}
/*******************************************
				PAGINACION
*******************************************/
.pagination{
	display: block;
	padding: 0;
	margin: 20px auto 50px;
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
}
.pagination > li {
	display: inline-block;
	margin-right: -4px;
}
.pagination.entretencion > li > a,
.pagination.entretencion > li > span{
	color: #952a86;
}
.pagination.gastronomia > li > a,
.pagination.gastronomia > li > span{
	color: #fecb00;
}
.pagination.educacion > li > a,
.pagination.educacion > li > span,
.pagination.descuentos > li > a,
.pagination.descuentos > li > span{
	color: #0095d4;
}
.pagination.salud-y-belleza > li > a,
.pagination.salud-y-belleza > li > span{
	color: #d92177;
}
.pagination.tiendas-y-servicios > li > a,
.pagination.tiendas-y-servicios > li > span{
	color: #76b82a;
}
.pagination.entretencion > .active > a,
.pagination.entretencion > .active > a:focus,
.pagination.entretencion > .active > a:hover,
.pagination.entretencion > .active > span,
.pagination.entretencion > .active > span:focus,
.pagination.entretencion > .active > span:hover{
	background-color: #952a86;
	border-color: #952a86;
	color: #fff;
}
.pagination.gastronomia > .active > a,
.pagination.gastronomia > .active > a:focus,
.pagination.gastronomia > .active > a:hover,
.pagination.gastronomia > .active > span,
.pagination.gastronomia > .active > span:focus,
.pagination.gastronomia > .active > span:hover{
	background-color: #fecb00;
	border-color: #fecb00;
	color: #fff;
}
.pagination.educacion > .active > a,
.pagination.educacion > .active > a:focus,
.pagination.educacion > .active > a:hover,
.pagination.educacion > .active > span,
.pagination.educacion > .active > span:focus,
.pagination.educacion > .active > span:hover,
.pagination.descuentos > .active > a,
.pagination.descuentos > .active > a:focus,
.pagination.descuentos > .active > a:hover,
.pagination.descuentos > .active > span,
.pagination.descuentos > .active > span:focus,
.pagination.descuentos > .active > span:hover{
	background-color: #0095d4;
	border-color: #0095d4;
	color: #fff;
}
.pagination.salud-y-belleza > .active > a,
.pagination.salud-y-belleza > .active > a:focus,
.pagination.salud-y-belleza > .active > a:hover,
.pagination.salud-y-belleza > .active > span,
.pagination.salud-y-belleza > .active > span:focus,
.pagination.salud-y-belleza > .active > span:hover{
	background-color: #d92177;
	border-color: #d92177;
	color: #fff;
}
.pagination.tiendas-y-servicios > .active > a,
.pagination.tiendas-y-servicios > .active > a:focus,
.pagination.tiendas-y-servicios > .active > a:hover,
.pagination.tiendas-y-servicios > .active > span,
.pagination.tiendas-y-servicios > .active > span:focus,
.pagination.tiendas-y-servicios > .active > span:hover{
	background-color: #76b82a;
	border-color: #76b82a;
	color: #fff;
}

/*******************************************
				MANTENCIÓN
*******************************************/
body > .main-container::after {
	background-color: transparent !important;
}
.logotype{
	display: none !important;
}
.bg-img img{
	object-fit: contain !important;
}
/*******************************************
				FOOTER
*******************************************/
.site-footer {
	background: #aec0ca;
	padding: 50px 0 0;
	overflow: hidden;
	color: #014165;
	font-size: 12px;
}
.site-footer a{
	color: #014165;	
}
.logo-metrogas{
	margin-bottom: 25px;
	width: 190px;
	height: 50px;
}
.logo-ams{
	height:15px;
	margin-left: 8px;
	width: 76px;
}
.contacto p,
.direcciones p{
	margin: 0;
}
.direcciones{
	margin-bottom: 10px;
}
.site-footer hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 2px solid #839dae;
	max-width: 330px;
	margin-left: 0;
}
.tit-footer{
	font-size: 18px;
	font-weight: 700;
}
.logo-footer{
	margin: 0 0 30px;
	width: 190px;
	height: 75px;
}
.nav-footer{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-footer > li > a {
	margin: 0 0 10px;
	display: block;
	padding: 3px 0;
	text-align: left;
}
.instagram {
	display: block;
	background: url(images/instagram.png) no-repeat center left;
	padding-left: 25px;
	margin-bottom: 15px;
}
.facebook{
	display: block;
	background: url(images/facebook.png) no-repeat center left;
	padding-left: 25px;
	margin-bottom: 15px;
}
.twitter{
	display: block;
	background: url(images/twitter.png) no-repeat center left;
	padding-left: 25px;
	margin-bottom: 15px;
}
.youtube{
	display: block;
	background: url(images/youtube.png) no-repeat center left;
	padding-left: 25px;
	margin-bottom: 15px;
}
.revista{
	display: block;
	background: url(images/revista.png) no-repeat center left;
	padding-left: 45px;
	font-weight: bold;
	text-transform: uppercase;
}
.rrss{
	text-align: inherit;
}
.creditos{
	background: #014165;
	color: #aec0ca;
	padding: 35px 0;
	font-size: 14px;
}
.creditos a{
	color: #aec0ca;	
}
/************************************************
				BOTON SUBIR
************************************************/
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	border-radius: 50%;
	text-decoration: none;
	background-color: rgba(0,165,219,0.5);
	font-size: 12px;
	padding: 0.5em 1em;
	display: none;
	z-index: 99999;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}

.go-top:hover {
	background-color: rgba(0,165,219,0.9);
}
.go-top .fa{
	color: #fff;
	font-size: 25px;
}

/************************************************
				FORMULARIO INSCRIPCION
************************************************/
.inscripcion .breadcrumb{
	margin-bottom: 0;
}
.franja-morada{
	background: #762097;
	text-align: center;
	height: 100px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.franja-morada img{
	width: 100%;
	max-width: 240px;
	margin:0 auto; 
}
.form-inscripcion{
	background: url(images/inscripcion/bg-nubes.png) no-repeat center -50px #008bcf;
	padding: 100px 0 0;
}
.formulario_inscripcion {
	padding-bottom: 80px;
}
.formulario_inscripcion .form-group{
	margin-bottom: 10px;
}
.formulario_inscripcion .form-control{
	border-radius: 10px;
	height: 32px;
	border:0 none;
}
.tit-inscripcion{
	font-size: 47px;
	font-family: "FrankfurterPlain";
	color: #fff;
	line-height: 1;
}
.cont-sub{
	position: relative;
	width: 100%;
	max-width: 780px;
	margin: 120px auto 40px;
}
.cont-sub:after{
	content: '';
	background: url(images/inscripcion/nino.png) no-repeat;
	position: absolute;
	width: 171px;
	height: 150px;
	top: -128px;
	left: 20px;
}
.cont-sub:before{
	content: '';
	background: url(images/inscripcion/nina.png) no-repeat;
	position: absolute;
	width: 625px;
	height: 396px;
	top: -390px;
	right: -180px;
}
.sub-inscripcion{
	font-size: 37px;
	color: #008bcf;
	text-align: center;
	background: #fff;
	-webkit-clip-path: polygon(0 1%, 100% 0, 95% 97%, 2% 100%);
	clip-path: polygon(0 1%, 100% 0, 95% 97%, 2% 100%);
	margin: 0 auto;
	font-family: "Khand-Bold";
	line-height: 1.2;
	padding: 10px 120px;
}
.txt-premios{
	font-size: 47px;
	font-family: "Khand-Bold";
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}
.btn-enviar-inscripcion{
	background: #762097;
	width: 100%;
	max-width: 340px;
	height: 80px;
	border-radius: 26px;
	font-size: 55px;
	font-family: "Khand-Bold";
	line-height: 80px;
	text-align: center;
	color: #fff;
	border:0 none;
	margin: 0 auto;
	display: block;
}
.sep-inscripcion{
	margin: 10px 2px;
	border-top: 2px dashed #008bcf;
}
.tit-premio{
	font-size: 33px;
	font-family: "Khand-Bold";
	text-align: center;
	color: #008BCF;
	line-height: 1;
	margin-bottom: 15px;
}
.tit-premio span{
	font-size: 39px;
	display: block;
}
.txt-promo-premio {
	font-size: 24px;
	font-family: 'Khand-Medium';
	color: #008BCF;
	text-align: center;
	line-height: 28px;
	min-height: 90px;
}
.premio{
	background: #fff;
	padding: 2px 2px 70px 2px;
	width: 249px;
	border-radius: 12px;
	margin: 0 17% 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: 20px 20px 0 #006199; 
	vertical-align: top;
	min-height: 750px;
}
.premio img{
	margin-bottom: 8px;
}
/* Hide the browser's default checkbox */
.premio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	height: 46px;
	width: 46px;
	margin: 0 auto;
	border: 3px solid #333;
}
/* On mouse-over, add a grey background color */
.premio:hover input ~ .checkmark {
	/*background-color: #ccc;*/
}
/* When the checkbox is checked, add a blue background */
.premio input:checked ~ .checkmark {
	/*background-color: #2196F3;*/
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.premio input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.premio .checkmark:after {
	left: 19px;
	top: -25px;
	width: 25px;
	height: 55px;
	border: solid #008BCF;
	border-width: 0 5px 5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.formulario_inscripcion .form-group.bg-pepa {
	margin-bottom: 110px;
}
.bg-pepa:after{
	content: '';
	background: url(images/inscripcion/pepa.png) no-repeat;
	width: 262px;
	height: 277px;
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.borde-inscripcion{
	background: #762097;
	height: 15px;
	width: 100%;
}
.final-inscripcion{
	background: #fff;
	padding: 40px 0;
}
.siguenos{
	border-top: 1px solid #9b9ea9;
	border-bottom: 1px solid #9b9ea9;
	padding: 2px 0;
	overflow: hidden;
}
.txt-terms{
	color: #858a98;
	font-size: 12px;
	text-align: justify;
}
.valido{
	min-height: 60px;
	text-align: center;
	color: #006ba2;
	margin-bottom: 30px;
}
.captcha{
	display: block;
	margin: 0 auto 40px;
	text-align: center;
	width: 100%;
	max-width: 300px;
}
/************************************************
				RECUPERAR CONTRASEÑA
************************************************/
.form-recuperar{
	height: 40px;
	padding: 8px 12px;
	border-radius: 20px;
	border: 1px solid #ababad;
	color: #014165;
	background: #f6f7f9;
	min-width: 200px;
}
.form-dv{
	min-width: inherit;
	width: 60px;
}
.btn-clave{
	width: 100%;
	max-width: 150px;
	border: 1px solid #014165;
	padding: 8px 0;
	background: #014165;
	color: #fff;
	border-radius: 20px;
}
/************************************************
				LIGHTBOX
************************************************/
.ekko-lightbox .modal-header {
	height: 45px;
}
.ekko-lightbox .modal-dialog {
	width: 1000px;
}
.ekko-lightbox-nav-overlay {
	position: absolute;
	top: 45%;
	width: 100%;
	right: 0;
	left: 0;
}
.ekko-lightbox-nav-overlay a span{
	font-size: 30px;
	color: #fff;
}
.ekko-lightbox-nav-overlay a:nth-child(1){
	left: 40px;
	position: absolute;
}
.ekko-lightbox-nav-overlay a:nth-child(2){
	margin-right: 20px;
	right: 20px;
	position: absolute;
}
/*
.bg-success, .bg-warning, .bg-danger{
		background: transparent;
}
.bg-success .glyphicon-ok-circle{font-size: 36px; text-align: center; color:#779d2e; display: block;}
.bg-warning .glyphicon-warning-sign{font-size: 36px; text-align: center; color:#f0a92e; display: block;}
.glyphicon-remove-circle{font-size: 36px; text-align: center; color:#c84d5e; display: block;}
*/

/*******************************************
				MENU RESPONSIVE LOGUEAR / LOGUEADO
*******************************************/
.nav-menu-mobile{
	padding: 20px 0;
	margin: 0; 
}
.nav-menu-mobile li{
	display: block;
}
.nav-menu-mobile li a {
	text-align: left;
	display: block;
	padding: 10px;
	font-weight: bold;
	color: #014165;
	background: #fff;
	border-bottom:1px solid #e1e5e6;
}
.nav-menu-mobile .mob-invertido a {
	color: #fff;
	background: #014165;
}
.nav-menu-mobile .mob-inicio a {
	border-bottom: 2px solid #ea8300;
}
.nav-menu-mobile-logueado{
	padding: 20px 0;
	margin: 0; 	
}
.nav-menu-mobile-logueado li{
	display: block;
}
.nav-menu-mobile-logueado li a {
	text-align: left;
	display: block;
	padding: 10px;
	font-weight: bold;
	color: #014165;
	background: #fff;
	border-bottom:1px solid #e1e5e6;
}
.navbar-collapse.collapse .logueado.color-menu-invertido {
	padding: 20px 100px 20px 20px;
	width: 100%;
	border-bottom: 2px solid #ea8300;
}
.navbar-collapse.collapse .color-menu-invertido .btn-logueado{
	border:0 none;
}
.navbar-collapse.collapse .logueado {
	position: relative;
}
.navbar-collapse.collapse .logueado .puntos {
	top: 20px;
}
.nav-menu-mobile-logueado .mob-invertido-log a{
	color: #fff;
	background: #014165;
	position: relative;
}
.nav-menu-mobile-logueado .mob-invertido-log a:after{
	content: url(images/down-white.svg);
	position: absolute;
	top: 10px;
	right: 10px;
}
.mob-invertido-log .sub-menu li a{
	color: #014165 !important;
	background: #fff !important;
}
.mob-invertido-log a:after{
	content:'';
}
/*******************************************
				LANDING
*******************************************/
.fnd-landing{
	background: url(images/bg-landing.png) center #3aabce;
	padding-bottom: 60px;
}
.fnd-landing #breadcrumb-bg{
	background: #fff;
	margin-bottom: 100px;
}
.landing-header{
	position: relative;
	min-height: 420px;
}
.title-landing{
	margin: 0;
	font-size: 80px;
	line-height: 1;
	font-family: "FrankfurterPlain";
	color: #f4ff3e;
	text-transform: uppercase;
	overflow: hidden;
}
.title-landing span{
	color: #8639aa;	
}
.sub-landing{
	background: #8639aa;
	color: #f4ff3e;
	text-align: center;
	-webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 2% 100%);
	clip-path: polygon(0 0, 100% 0, 95% 100%, 2% 100%);
	padding: 0 40px;
	font-size: 35px;
	line-height: 50px;
	width: max-content;
	width: -moz-max-content;
	width: -webkit-max-content;
}
.imagen-landing{
	position: absolute;
	top: -40px;
	right: -100px;
	max-width: 480px;
}
.container-landing{
	padding-left: 15px;
	padding-right: 15px;
	max-width: 830px;
	margin: 0 auto;
}
.cont-landing{
	margin-bottom: 100px;
	color: #fff;
	font-family: Arial, serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
}
.cont-landing img{
	margin-bottom: 15px;
}
.txt-landing{
	margin-bottom: 15px;
	min-height: 130px;
}
.btn-landing{
	width: 100%;
	max-width: 130px;
	margin: 0 auto;
	background: #f4ff3e;
	color: #8639aa;
	border-radius: 10px;
	display: block;
	line-height: 26px;
	text-align: center;
	font-family: Arial, serif;
	font-weight: 700;
}
/*******************************************
				VARIOS
*******************************************/

.breadcrumb{
	border-top:1px solid #aec0ca;
	border-bottom: 1px solid #aec0ca;
	background-color: transparent;
	border-radius: 0;
	list-style: outside none none;
	margin-bottom: 30px;
	font-size: 12px;
	color: #014165;
	text-transform: uppercase;
}
.breadcrumb a{
	font-weight: bold;
	color: #014165;
}
.title-page{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.title-page span{
	margin: 10px auto 20px;
	display: block;
	height: 2px;
	width: 50px;
	background: #0095d4;
}
.margin-bottom-15{
	margin-bottom: 15px;
}
.margin-bottom,
.margin-bottom-30{
	margin-bottom: 30px;
}
.margin-bottom-40{
	margin-bottom: 40px;
}
.margin-bottom-60{
	margin-bottom: 60px;
}
.nopadding {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.nopadding-right {
	padding-right: 0 !important;
	position: inherit;
}
.nopadding-left {
	padding-left: 0 !important;
	position: inherit;
}
.text-right{
	text-align: right;
}
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}
/* Images WordPress */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}
img.alignright {
	margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}
img.aligncenter {
	margin: 5px auto;
}
img.alignnone {
	margin: 5px 0;
}
.wp-caption {
	color: #333;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}

/*******************************************
				CONFIRMACIÓN
*******************************************/
.espera{
	background: #014165;
	border-radius: 15px;
	padding: 20px;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	color: #fff;
	position: relative;
}
/*.espera:before{
	position: absolute;
	content: url(images/bg-espera.png);
	bottom: 0;
	left: -70px;
}*/
.felicitaciones{
	background: #0095d4;
	border-radius: 15px;
	padding: 20px;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	color: #fff;
	position: relative;
}
/*.felicitaciones:before{
	position: absolute;
	content: url(images/bg-felicita.png);
	bottom: 0;
	left: -70px;
}*/
.fallido{
	background: #952a86;
	border-radius: 15px;
	padding: 20px;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	color: #fff;
	position: relative;
}
/*.fallido:before{
	position: absolute;
	content: url(images/bg-fallido.png);
	bottom: 0;
	left: -70px;
}*/
.ico-confirmacion {
	font-size: 50px;
	margin-bottom: 10px;
}
.tit-confirmacion{
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.txt-confirmacion{
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
}
.txt-confirmacion a {
	color: white;
}
/*******************************************
				PAGINACION
*******************************************/
.pagination {
	clear:both;
	position:relative;
	font-size:12px; /* Pagination text size */
	line-height:13px;
	/*float:right; /* Pagination float direction */
}
.pagination span, .pagination a {
	display: inline-block;
	float: none;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #0095d4;
	background: #fff;
	-webkit-transition: background .15s ease-in-out;
	-moz-transition: background .15s ease-in-out;
	-ms-transition: background .15s ease-in-out;
	-o-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
	border: 1px solid #0095d4;
	font-weight: bold;
}
.pagination a:hover{
	color:#fff;
	background: #0095d4; /* Pagination background on hover */
}
.pagination .current{
	padding:6px 9px 5px 9px;
	background: #0095d4; /* Current page background */
	color:#fff;
}

/*******************************************
				MODALES
*******************************************/

.modal-header{
	background: #004863;
	text-align: center;
	color: #fff;
	padding: 15px 15px 15px 15px;
	position: relative;
}
.modal-header h4 {
	font-size: 16px;
	font-weight: bold;
}
.modal-body{

}
.btn-canjear-modal{
	padding:10px 15px;
	border-radius: 5px;
	min-width: 120px;
	background-color: #3bac3b;
	border-color: #3bac3b;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
.btn-canjear-modal:hover{
	background-color: #298a29;
	border-color: #298a29;
	color: #fff;
}
.btn-salir{
	padding:10px 15px;
	border-radius: 5px;
	min-width: 120px;
	border: 1px solid #d43f3a;
	text-transform: uppercase;
	font-weight: bold;
}
.modal-header .close{
	display: none !important;
}
.modal-footer{text-align: center;border-top: none !important;}

#modalMensaje .bg-warning,
#modal-politicas .bg-warning,
#modalMensaje .bg-success,
#modalMensaje .bg-danger{
	background: transparent;
}
.mensaje span.glyphicon-ok-circle {
	color: #008000;
	display: inline-block;
	font-size: 50px;
	margin-right: 15px;
}
.mensaje span.glyphicon-warning-sign {
	color: #f7ca16;
	display: inline-block;
	font-size: 50px;
	margin-right: 15px;
}
.mensaje span.glyphicon-remove-circle{
	color: #d9534f;
	display: inline-block;
	font-size: 50px;
	margin-right: 15px;
}
.mensaje span.glyphicon-remove-circle{
	color: #d9534f;
	display: inline-block;
	font-size: 50px;
	margin-right: 15px;
}
.mensaje span.mensaje-span {
	display: block;
}
/*******************************************
				MEDIA QUERY
*******************************************/
@media (max-width: 1199px) {
	.navbar-brand{width: 940px;}
	.espera:before, .felicitaciones:before, .fallido:before{left: -130px;}
	.cont-descripcion-canjes {padding-top: 15px;height: 140px;}
	.cont-descripcion-canjes .descripcion{height: inherit;padding: 0;}
	.fecha {height: 140px;padding: 26px 0;}
	.metropuntos-int{height: 140px;padding: 45px 0;}
	.btn-canjear-int {padding: 54px 0;height: 140px;}
	.cantidad{height: 140px;padding: 40px 0 0 0;}
	.info-beneficio{padding: 15px;min-height: 130px;font-size: 12px;}
	.like, .nolike, .trash{top: 25px;right: 10px;}
	.like:hover, .nolike:hover{right: 6px;}
	.btn-canjear{font-size: 11px;padding: 6px 0;width: 90px;}
	.cont-btn-canjear, .metropuntos{height: 70px;}
	.box-categoria{min-height: 267px;}
	.lista .cont-btn-canjear{padding-top: 0;padding-bottom: 0;}
	.lista .info-beneficio p {height: 139px;}
	.cuadro{right: 80px;}
	.cont-sumo-puntos{min-height: 185px;}
	.num-como-canjeo .col-xs-12:nth-child(1) .num::after, .num-como-canjeo .col-xs-12:nth-child(2) .num::after {right: -240px;width: 220px;}
	.mod-pass, .mod-data{width: 100%;padding: 0;}
	.premio{margin: 0 15% 60px;}
	.cont-trailer-home .btn-canjear.btn-trailer {min-width: 130px;}
	.lista .info-beneficio {min-height: 180px;}
}
@media (max-width: 991px) {
	.mod-pass, .mod-data{font-weight: normal;font-size: 13px;}
	.slider .item, .img-slider-1, .img-slider-2{height: 413px;}
	.img-slider-3 {height: 70%;}
	.btn-slider-3 {bottom: 50px;}
	.header{border-bottom: 5px solid #00315c;}
	.buscador-registro-tablet{display: inline-block;margin-right: 30px;}
	.nav.navbar-nav.navbar-right{display: block;}
	.navbar-inverse, .nav.navbar-nav{display: none;}
	.navbar-header {float: none;}
	.navbar-left,.navbar-right {float: none !important;}
	.navbar-toggle {display: block;margin-top: 9px;margin-right: 0;margin-bottom: 0;border: 0px solid transparent;z-index: 10;}
	.navbar li{vertical-align: top;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
	.navbar-collapse {}
	.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;}
	.navbar-nav>li {float: none;margin-right: -4px;}
	.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
	.collapse.in{display:block !important;}
	.navbar-default .navbar-toggle .icon-bar{background: #01305c;}
	.navbar-toggle .icon-bar {width: 30px;height: 3px;background: #01305c;}
	.nav-menu-sup, .nav-inf{display: none;}
	.nav-sup{background: transparent;position: absolute;top: 0;right: 90px;width: 330px;height: 50px;}
	.nav-sup .container {width: auto;text-align: right;}
	.navbar-default{margin: 0;}
	.navbar-brand{top: 10px;}
	.navbar-brand img{height: 35px;}
	.navbar-default{min-height: 62px;}
	.nav.navbar-nav.navbar-right > li > a {padding: 0 15px;line-height: 50px;border-right: 1px solid #9fafbe;}
	.nav.navbar-nav.navbar-right > li.color-menu-invertido > a,
	.color-menu-invertido .btn-group button, .color-menu-invertido .btn-logueado{line-height: 50px;border-right: 1px solid #9fafbe;font-size: 13px;padding: 0 15px;}
	.logo-metrogas{width: 100%;height: auto;}
	.logo-footer {margin: 30px auto; width: 170px; height: 75px;display: block;}
	.metropuntos-int{font-size: 30px;}
	.btn-canjear{padding: 6px 0;font-size: 10px;width: 110px;}
	.fecha {font-size: 45px;padding: 35px 0;}
	.fecha span{font-size: 25px;}
	.educacion .descripcion, .gastronomia .descripcion, .salud-y-belleza .descripcion, .tiendas-y-servicios .descripcion {font-size: 11px;}
	.info-beneficio {padding: 7px;min-height: 200px;border-bottom: 1px solid #aec0ca;border-right: 1px solid #aec0ca;}
	.lista .info-beneficio {padding: 20px;min-height: 260px;}
	.info-beneficio p {height: 106px;}
	.box-categoria{margin-bottom: 110px;border: 0 none;}
	.box-categoria.lista{margin-bottom: 30px;border: 0 none;}
	.btns{position: absolute;bottom: -60px;width: 100%;left: 0;right: 0;border: 1px solid #aec0ca;border-top: 0 none;height: 74px;}
	.lista .btns{position: relative;border-left:0 none;bottom: 0;}
	.box-categoria img {border-bottom: 1px solid #aec0ca;}
	.cont-btn-canjear, .metropuntos {height: 74px;}
	.metropuntos {font-size: 25px;}
	.metropuntos span{letter-spacing: -0.3px;}
	.box-categoria img {border-left: 1px solid #aec0ca;}
	.like, .nolike, .trash {top: 24px;right: 30px;}
	.like:hover, .nolike:hover {right: 26px;}
	.eventos-facebook{background: #e1eef4;padding: 40px 0; margin-bottom: 30px;}
	.cont-eventos{padding: 0;border: 0 none;height: inherit;}
	.cont-canje{background: #fff;}
	.bene-similares .rel-tablet:nth-child(5), .bene-similares .rel-tablet:nth-child(6){display: none;}
	.pepa {right: -60px;}
	.pepo {left: -60px;}
	.cuadro {right: -30px;}
	.cont-sumo-puntos{min-height: 250px;}
	.num-como-canjeo .col-xs-12:nth-child(1) .num::after, .num-como-canjeo .col-xs-12:nth-child(2) .num::after {right: -170px;width: 150px;}
	.ver-mas-sociales{display: block;margin: 0 auto 40px;color: #fff;background: #952a86;padding: 6px 20px;border-radius: 26px;border:2px solid #952a86;font-weight: bold;max-width: 180px;text-align: center;-webkit-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
	.ver-mas-sociales:hover{color: #952a86;background: #fff;}
	.info-datos, .info-metro {min-height: 350px;}
	.busqueda .dropdown-menu{min-width: 300px;}
	.busqueda input[type="search"]{margin: 10px 0;}
	.title-landing{font-size: 60px;}
	.imagen-landing{max-width: 410px;}
	.container-landing{max-width: 670px;}
	.premio{margin: 0 8% 60px;}
	.bg-pepa::after{display: none;}
	.notificaciones{position: relative;top: 0;background: #F5F18D;}
	.bg-conoce{background: url(images/conoce/bg-conoce-t.jpg) center top;height: 550px;}
	.info-imagen-conoce{height: 550px;}
	.tit-imagen-conoce{background-size: 660px 165px;font-size: 60px;max-width: 660px;line-height: 1.1;}
	.txt-imagen-conoce p{font-size: 26px;}
	.cont-trailer-home .btn-canjear.btn-trailer {min-width: 110px;}
	.ultimos-eventos{height: inherit;}
	.lista .cont-btn-canjear{height: 74px;}
	.lista .metropuntos{height: 74px;}
}
@media (max-width: 767px) {
	.mobile-banner{display: block;height: 400px;}
	/*.desktop-banner,*/
	.carousel-indicators {display: none !important;}
	.slider .item, .img-slider-1, .img-slider-2{height: 343px;}
	.espera::before, .felicitaciones::before, .fallido::before {content: '';}
	.navbar-default {min-height: 45px;}
	.nav.navbar-nav.navbar-right > li > a{line-height: 50px;border-right: 0px solid #9fafbe;}
	.navbar-brand {top: 10px;height: 35px;}
	.navbar-brand img {height: auto;width: 100px;}
	.navbar-nav {margin: 0;}
	.navbar-toggle{margin-right: 15px;}
	.navbar-nav .open .dropdown-menu{position: absolute;background-color: #00A5DB;right: 0;left: inherit;}
	.navbar-nav .login .open .dropdown-menu, .navbar-nav .logueado .open .dropdown-menu{background-color: #fff;border: 1px solid rgba(0,0,0,.15);}
	.busqueda{border-right: 1px solid #9fafbe;}
	.creditos{text-align: center;padding: 20px 0;}
	.creditos .text-right{text-align: center;}
	.logo-metrogas{width: 190px;height: inherit;margin: 0 auto 15px;display: block;}
	.contacto, .direcciones, .direcciones p{text-align: center;}
	.site-footer hr{border-top: 1px solid #00305e;max-width: inherit;}
	.rrss{text-align: center}
	.facebook, .twitter, .instagram, .youtube{width: 100%;margin: 0 0 30px;display: inline-block;}
	.facebook, .twitter, .instagram, .youtube{max-width: 143px;text-align: left;}
	.revista{clear: both;margin: 0 auto;width: 100%;max-width: 120px;}
	.metropuntos-int{border-right: 0 none;}
	.fecha{border-bottom-left-radius: 0;}
	.border-top{border-top: 1px solid #aec0ca;}
	.box-categoria{max-width: 350px;margin: 0 auto 60px;}
	.info-beneficio {min-height: 203px;}
	.bene-similares .rel-mobile:nth-child(3), .bene-similares .rel-mobile:nth-child(4){display: none;}
	.box-categoria.lista{margin-bottom: 110px;border: 0 none;}
	.lista .info-beneficio {padding: 7px;min-height: 204px;border-bottom: 1px solid #aec0ca;border-right: 1px solid #aec0ca;}
	.lista .info-beneficio p {height: 106px;}
	.lista .btns{position: absolute;bottom: -60px;width: 100%;left: 0;right: 0;border: 1px solid #aec0ca;border-top: 0 none;}
	.lista .cont-btn-canjear, .lista .metropuntos{height: 69px;}
	.lista .like, .lista .nolike {right: 30px;top: 20px;}
	.pepa, .pepo, .cuadro{display: none;}
	.cont-sumo-puntos{margin: 20px auto 80px;min-height: inherit;max-width: 350px;}
	.info-como-canjeo {padding-top: 50px;}
	.cont-canjeo-bene {margin: 0 auto 100px;max-width: 350px;position: relative;}
	.cont-canjeo-bene .texto p {text-align: justify;}
	.info-como-canjeo .col-xs-12:nth-child(1) .cont-canjeo-bene:before, .info-como-canjeo .col-xs-12:nth-child(2) .cont-canjeo-bene:before, .info-como-canjeo .col-xs-12:nth-child(3) .cont-canjeo-bene:before{position: absolute;top: -60px;right: 0;left: 0;width: 40px;height: 40px;line-height: 40px;font-size: 20px;background: #00315c;border-radius: 50%;margin: 0 auto;color: #fff;}
	.info-como-canjeo .col-xs-12:nth-child(1) .cont-canjeo-bene:before{content: '1';}
	.info-como-canjeo .col-xs-12:nth-child(2) .cont-canjeo-bene:before{content: '2';}
	.info-como-canjeo .col-xs-12:nth-child(3) .cont-canjeo-bene:before{content: '3';}
	.info-como-canjeo .col-xs-12:nth-child(3) .cont-canjeo-bene{margin: 0 auto;}
	.ordenamiento{align-items: center;}
	.caja{margin-bottom: 20px;}
	.mis-datos {overflow: hidden;margin-bottom: 30px;}
	.info-datos, .info-metro {min-height: inherit;}
	.box-info-metro {color: #fff;text-align: center;padding-top: 20px;min-height: inherit;}
	.sep {border-right: 0 none;border-bottom: 1px solid #fff;}
	.total-metropuntos{margin-bottom: 20px;}
	.medio {border:0 none;}
	.mis-cosas .pagination{margin: 20px auto;}
	.btns, .cont-btn-canjear, .metropuntos {height: 72px;}
	.like, .nolike, .trash {top: 24px;right: 30px;}
	.like:hover, .nolike:hover {right: 26px;}
	.eventos-facebook {background: transparent;padding: 20px 0;}
	.form-search{margin-bottom: 20px;}
	.cont-eventos{height: inherit;border-radius: 0;}
	.logueado .txt-login::after{right: -8px;}
	.logueado .txt-login::before{left: -8px;}
	.logueado.color-menu-invertido {padding-right: 0;}
	.txt-login-menu, .puntos-menu{display: inline-block;vertical-align: top;width: 50%;text-align: center;margin-right: -4px;height: 100px;display: flex;flex-direction: column;justify-content: center;float: left;border-bottom: 2px solid #E98300;margin-bottom: 20px;}
	.txt-login-menu{font-size: 16px;}
	.puntos-menu{color: #E98300;font-size: 22px;}
	.puntos-menu small {color: #00315C;font-size: 11px;display: block;line-height: 1;font-weight: normal;}
	.contacto p{text-align: center;}
	.cont-sub::after{display: none;}
	.form-inscripcion{padding: 40px 0 0;}
	.tit-inscripcion{text-align: center;font-size: 30px;}
	.cont-sub::before{width: 320px;height: 203px;top: -200px;right: 0;left: 0;margin: 0 auto;background-size: 320px 203px;}
	.cont-sub{margin: 200px auto 40px;}
	.form-inscripcion {background: url(images/inscripcion/bg-nubes.png) no-repeat center top #008bcf;background-size: contain;}
	.sub-inscripcion {font-size: 16px;padding: 10px 20px;}
	.txt-premios {font-size: 29px;}
	.premio{margin: 0 auto 100px;display: block;}
	.premio.checkbox-inline + .premio.checkbox-inline, .premio.radio-inline + .premio.radio-inline{margin: 0 auto 60px}
	.btn-enviar-inscripcion{max-width: 170px;height: 40px;font-size: 28px;line-height: 40px;}
	.final-inscripcion{padding: 40px 10px;}
	.siguenos img {height: 35px;}
	.title-landing {font-size: 28px;text-align: center;}
	.imagen-landing {position: relative;top: 0;right: 0;max-width: 290px;margin: 0 auto 20px;}
	.sub-landing{font-size: 17px;line-height: 26px;margin: 0 auto;}
	.cont-landing{max-width: 270px;margin: 0 auto 50px;display: block;}
	.cont-landing img{margin: 0 auto 15px;display: block;}
	.fnd-landing #breadcrumb-bg{margin-bottom: 50px;}
	.landing-header{min-height: inherit;margin-bottom: 30px;overflow: hidden;}
	.valido{bottom: -70px;}
	.formulario_inscripcion .form-group.bg-pepa {margin-bottom: 100px;}
	.ver-mas-home {overflow: initial !important;}
	.cont-notifica{padding: 15px 0px;}
	.bg-conoce{background: url(images/conoce/bg-conoce-m.jpg) center top;height: 397px;}
	.info-imagen-conoce{height: 397px;}
	.tit-imagen-conoce{background-size: 230px 80px;font-size: 23px;max-width: 230px;}
	.txt-imagen-conoce p {font-size: 14px;max-width: 240px;}
	.btn-imagen-conoce{line-height: 34px;width: 200px;font-size: 16px;}
	.panel-body p{text-align: left;}
	.nav-footer > li > a {text-align: center;}
}
@media (max-width: 650px) {
	.col-650-12{width: 100%;}
	.slider .item{height: 476px;}
	.img-slider-1, .img-slider-2, .img-slider-3{height: inherit;position: relative;display: block;padding: 0 15px;}
	.img-slider-1 img, .img-slider-2 img, .img-slider-3 img{max-width: 200px;margin: 0 auto 10px;}
	.log-slider-3 img{max-height: 80px;}
	h1.tit-categoria{font-size: 30px;height: 110px;padding-right: 90px;}
	.bg-categoria {height: 110px;}
	.bg-categoria.entretencion .tit-categoria:after,
	.bg-categoria.gastronomia .tit-categoria:after,
	.bg-categoria.educacion .tit-categoria:after,
	.bg-categoria.salud-y-belleza .tit-categoria:after,
	.bg-categoria.tiendas-y-servicios .tit-categoria:after,
	.bg-categoria.panoramas .tit-categoria:after,
	.bg-categoria.descuentos .tit-categoria:after{position: absolute;content: '';width: 80px;height: 80px;right: 0;}
	.bg-categoria.entretencion .tit-categoria:after{background: url(images/cat-iconos/entretencion-inv.svg) no-repeat;background-size: 80px;}
	.bg-categoria.gastronomia .tit-categoria:after{background: url(images/cat-iconos/gastronomia-inv.svg) no-repeat;background-size: 80px;}
	.bg-categoria.educacion .tit-categoria:after{background: url(images/cat-iconos/educacion-inv.svg) no-repeat;background-size: 80px;}
	.bg-categoria.salud-y-belleza .tit-categoria:after{background: url(images/cat-iconos/salud-y-belleza-inv.svg) no-repeat;background-size: 80px;}
	.bg-categoria.tiendas-y-servicios .tit-categoria:after{background: url(images/cat-iconos/tiendas-y-servicios-int.svg) no-repeat;background-size: 80px;}
	.bg-categoria.panoramas .tit-categoria:after{background: url(images/cat-iconos/panoramas-int.svg) no-repeat;background-size: 80px;}
	.bg-categoria.descuentos .tit-categoria:after{background: url(images/cat-iconos/solo-descuentos-inv.svg) no-repeat;background-size: 80px;}
}
@media (max-width: 550px) {
	.cont-eventos {max-width: 300px;margin: 0 auto;}
	.col-550-6{width: 50%;}
	.col-550-12{width: 100%;float: right;}
	.descripcion-home {padding: 20px;border-top: 1px solid #aec0ca;}
	.fecha-home{border-bottom-left-radius: 0;border-top-right-radius: 15px;}
	.cont-trailer-home .nopadding-right{padding-right: 15px !important;}
	.cont-trailer-home .nopadding-left{padding-left: 15px !important;}
	.cont-trailer-home .descripcion-home {padding: 10px;display: block;flex-direction: inherit;justify-content: inherit;align-items: inherit;height: 80px;overflow: hidden;}
	.cont-trailer-home .excerpt{margin-bottom: 0;height: 35px;overflow: hidden;}
	.cont-trailer-home .metropuntos-home{border-top: 1px solid #aec0ca;border-left: 0 none;height: 65px;}
	.box-categoria{margin: 0 auto 50px;}
}
@media (max-width: 480px) {
	.metropuntos-int {font-size: 20px;}
	.metropuntos-int span {font-size: 11px;letter-spacing: -1px;}
	.fecha {font-size: 35px;padding: 42px 0;}
	.fecha span {font-size: 20px;}
	.descripcion{font-size: 12px;}
	.cont-canje .row{margin-left: -10px;margin-right: -10px;}
	.cont-canje .col-xs-3, .cont-canje .col-xs-6, .cont-canje .col-xs-12{padding-left: 10px;padding-right: 10px;}
	.cont-trailer-home .nopadding-right {padding-right: 10px !important;}
	.cont-trailer-home .nopadding-left {padding-left: 10px !important;}
	.tit-categoria{padding-right: 100px;font-size: 30px;}
	h1.tit-categoria {font-size: 25px;}
}
@media (max-width: 460px){
	.col-460{width: 100%;}
	.nav-menu-descubre li {display: block;max-width: 300px;margin: 0 auto;}
	.sociales .cont-social-home:nth-child(2) .bg-social-home,
	.sociales .cont-social-home:nth-child(3) .bg-social-home{height: 190px;}
	.sociales .cont-social-home:nth-child(3) .bg-social-home{margin-top: 0;}
}
@media (max-width: 420px) {
	.txt-login::before {display: none;}
	.navbar-collapse.collapse .logueado.color-menu-invertido {padding: 20px 100px 20px 0;}
	.color-menu-invertido .btn-logueado{padding: 0 25px 0 0;}
	#bootstrap-touch-slider .carousel-control.left span {left: 15px;}
	#bootstrap-touch-slider .carousel-control.right span {right: 15px;}
	.slider .item{padding: 10px 50px 40px;}
	.nav-sup .container{padding: 0;}
	.navbar-brand img{width: 90px;}
	.navbar-nav .login .open .dropdown-menu {right: -50px;min-width: 190px;width: 260px;}
	.navbar-nav .busqueda.open .dropdown-menu{right: -100px;min-width: 250px;}
	#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
	.captcha{max-width: 235px;}
}
@media (max-width: 410px) {
	.bg-categoria.entretencion .tit-categoria::after,
	.bg-categoria.gastronomia .tit-categoria::after,
	.bg-categoria.educacion .tit-categoria::after,
	.bg-categoria.salud-y-belleza .tit-categoria::after,
	.bg-categoria.tiendas-y-servicios .tit-categoria::after,
	.bg-categoria.panoramas .tit-categoria:after,
	.bg-categoria.descuentos .tit-categoria:after{width: 60px;height: 60px;}
	.bg-categoria.entretencion .tit-categoria:after{background: url(images/cat-iconos/entretencion-inv.svg) no-repeat;background-size: 60px;}
	.bg-categoria.gastronomia .tit-categoria:after{background: url(images/cat-iconos/gastronomia-inv.svg) no-repeat;background-size: 60px;}
	.bg-categoria.educacion .tit-categoria:after{background: url(images/cat-iconos/educacion-inv.svg) no-repeat;background-size: 60px;}
	.bg-categoria.salud-y-belleza .tit-categoria:after{background: url(images/cat-iconos/salud-y-belleza-inv.svg) no-repeat;background-size: 60px;}
	.bg-categoria.tiendas-y-servicios .tit-categoria:after{background: url(images/cat-iconos/tiendas-y-servicios-int.svg) no-repeat;background-size: 60px;}
	.bg-categoria.panoramas .tit-categoria:after{background: url(images/cat-iconos/panoramas-int.svg) no-repeat;background-size: 60px;}
	.bg-categoria.descuentos .tit-categoria:after{background: url(images/cat-iconos/solo-descuentos-inv.svg) no-repeat;background-size: 60px;}
	h1.tit-categoria{height: 90px;padding-right: 70px;font-size: 18px;}
	.bg-categoria {height: 90px;}
}
@media (max-width: 380px){
	.box-categoria, .box-categoria.lista{max-width: 290px;}
	.info-beneficio, .lista .info-beneficio {min-height: 167px;font-size: 11px;}
	.info-beneficio p {height: 105px;}
	.like, .nolike, .trash, .lista .like, .lista .nolike{right: 24px;top: 25px;}
	.like:hover, .nolike:hover{right: 20px;}
	.lista .btn-canjear{width: 90px;}
	.btns {bottom: -25px;}
	.form-recuperar{min-width: 160px;}
	.form-dv{min-width: inherit;}
	.lista .btns {bottom: -25px;}
	.box-categoria.lista {margin-bottom: 60px;}
}
@media (max-width: 370px){
	.nav.navbar-nav.navbar-right > li > a{padding: 0 10px;}
	.cont-canje .row{margin-left: -5px;margin-right: -5px;}
	.cont-canje .col-xs-3, .cont-canje .col-xs-6, .cont-canje .col-xs-12, .cont-canje .col-320-12{padding-left: 5px;padding-right: 5px;}	
	.cont-trailer-home .nopadding-right {padding-right: 5px !important;}
	.cont-trailer-home .nopadding-left {padding-left: 5px !important;}
	.buscador-registro-mobile .navbar-nav li {display: inline-block;margin-right: -4px;}
}
@media (max-width: 360px){
	.tit-imagen-conoce{font-size: 22px;}
	.txt-imagen-conoce p{font-size: 16px;}
	.btn-imagen-conoce{line-height: 40px;width: 260px;font-size: 18px;}
	.navbar-toggle {margin-right: 5px;}
	.nav-sup{right: 80px;}
	.txt-login {width: 50px;display: block;line-height: 1;padding: 12px 0;}
}
@media (max-width: 320px){
	.col-320-4{width: 25%;}
	.col-320-6{width: 50%;}
	.col-320-8{width: 66.66666667%;}
	.col-320-12{width: 100%;display: block !important;float: left;}
	.hidden-320{display: none;}
	.metropuntos-int {border-left: 0 none;border-right: 1px solid #aec0ca;height: 100px;padding: 35px 0;}
	.btn-canjear-int{border-left: 0 none;padding: 34px 0;height: 100px;}
	.cantidad {height: 100px;padding: 15px 0 0 0;}
	.fecha {font-size: 30px;}
	.fecha span {font-size: 18px;letter-spacing: -1px;}
	.info-beneficio p {height: 100px;}
}

/*******************************************
				MEDIA PRINT
*******************************************/
@media print{
	* { overflow: visible !important; }
	.email, .celular, .direccion, .mod-pass, .mod-data, .mis-metropuntos, .nav.nav-pills.nav-justified, .dataTables_filter, 
	.botones-print, footer, .dataTables_paginate, .dataTables_info, .dataTables_length
	,.no_imprimir, .mis-datos-print, .info-datos
	{
		display: none !important;
	}
	/*.nombre, .appaterno, .apmaterno{
			width: 33.333333% !important;
			float:left;
			
	}*/
	.titulo_imprimir{
		width: 100% !important;
		float: center;
		display: block !important;
		font-size: 18px !important;
		font-weight: bold !important;
		text-align: center !important;
	}
	.datos_imprimir{
		width: 100% !important;
		float: left;
		display: block !important;
		font-size: 14px !important;
		font-weight: bold !important;
		text-align: center !important;
		padding: 5px 2px 5px 2px; /* top, right, bottom, left*/
	}
	/*.datos_imprimir::before{
			content: "nweaor";
	}*/
	.texto_imprimir{
		width: 100% !important;
		font-size: 16px !important;
		font-weight: bold !important;
		text-align: center !important;
		float: center !important;
		display: block !important;
		order: 1;
	}
	/*.mis-datos-print{
			width: 100%;
	}
	.mis-datos-print::before{
			content: "holalalalala";
	}
	.info-datos {
			min-height: 130px !important;
			height: 130px !important;
	}
	.margin-bottom-60{
			margin-bottom: 20px;
	}*/
	.table-movimientos{
		width: 100%  !important;
		order: 2;
	}
}