/*** GENERAL ********************************************************************************************************************************************/
a:focus, a:active {
	outline: none;
}
img {
	max-width: 100%;
	max-height: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
	-webkit-touch-callout: none;
}
.bold {
	font-weight: 700;
}
.section-header .section-title:after {
	background: #777777;
}
.letra-azul {
	color: #006CB7;
}
.letra-naranja {
	color: #FF4C00;
}
.letra-gris {
	color: #BBBBBB;
}
[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
	font-size: inherit;
}
.marg-top-30 {
	margin-top: 30px;
}
.linea-horizontal {
	border-bottom: 2px solid #cccccc;
	height: 1px;
	position: absolute;
	width: 15px;
}
.arco-horizontal {
	width: 350px;
}
.imagen-centrada {
	display: block;
	margin: 0 auto;
}
.position-relative {
	position: relative;
}
.col-sin-padd {
	padding: 0;
}
.texto-derecha {
	text-align: right;
}
@media (max-width: 767px) {
	.imagen-centrada-xs {
		display: block;
		margin: 0 auto;
	}
	.section-header .section-title {
		font-size: 30px;
	}
}
@media (min-width: 768px) {
	.hidden-pc {
		display: none;
	}
}
/*** BOOTSTRAP ******************************************************************************************************************************************/
.btn {
	border-radius: 22px;
}
.btn.btn-primary {
	background: #FF0077;
    border: 0;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
	background: #d4004c;
}
.btn-lg {
	padding: 7px 70px;
}
/*** MENU ***********************************************************************************************************************************************/
.navbar-brand > img {
	display: inline-block;
	height: 57px;
}
#main-menu.navbar-default .navbar-nav > li.active > a, #main-menu.navbar-default .navbar-nav > li.open > a, #main-menu.navbar-default .navbar-nav > li:hover > a {
	border-top: 3px solid #FF0077;
}
@media (max-width: 1200px) {
	.nav > li > a {
		padding: 10px;
	}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.nav > li > a {
		padding: 8px;
		font-size: 13px;
	}
}
@media (max-width: 992px) {
	.navbar.navbar-default .navbar-brand {
		padding: 10px 15px;
	}
	.navbar-brand > img {
		display: block;
		height: 40px;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.nav > li > a {
		padding: 7px;
		font-size: 12px;
	}
}
@media (max-width: 767px) {
	body {
		padding-top: 74px;
	}
	.navbar-nav {
		margin: 0px -15px;
	}
	.navbar-default .navbar-nav > li > a {
		border-top: 3px solid #F8F8F8;
	}
	.navbar.navbar-default .navbar-brand { 
		padding: 17px 5px;
	}
	.navbar.navbar-default .navbar-toggle {
		margin-top: 20px;
	}
	.navbar-brand > img {
		display: initial;
		height: 40px;
	}
}
/*** SLIDER *********************************************************************************************************************************************/
#main-slider .slider-inner h2 {
	margin-top: 150px;
	text-transform: none;
}
#main-slider .slider-inner h3 {
	color: #FFFFFF;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 30px;
}
#main-slider .slider-inner h2, #main-slider .slider-inner h3 {
	text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}
#main-slider .slider-inner h2, #main-slider .slider-inner h3, #main-slider .slider-inner p {
	text-align: center;
}
#main-slider .link-demo {
	font-weight: 700;
	color: #36cf96;
	text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000
}
#main-slider .link-demo:hover, #main-slider .link-demo:focus {
	color: #FF0077;
}
/*** STORES *******************************************************************************************************************************/
#stores {
	padding: 30px 0;
}
#stores h2 {
	color: #484A49;
}
#stores p {
	margin: 0;
}
#stores .col-store {
	float: left;
	width: 50%;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
@media (max-width: 767px) {
	#stores .col-store {
		padding-left: 5px;
		padding-right: 5px;
	}
	#stores h2 {
		font-size: 25px;
	}
}
@media (max-width: 700px) {
	#stores .col-store {
		width: 100%;
	}
	#stores .col-store:last-child {
		margin-top: 25px;
	}
}
/*** FUNCIONALIDADES *************************************************************************************************************************************/
#funcionalidades img {
	max-width: 120px;
}
#funcionalidades .col-funcionalidad {
	float: left;
	margin-bottom: 30px;
}
#funcionalidades h4 {
	margin-top: 0;
	font-size: 16px;
}
#funcionalidades p {
	font-size: 12px;
	line-height: 13px;
}
@media (max-width: 992px) {
	#funcionalidades .col-funcionalidad {
		height: 180px;
	}
}
@media (max-width: 767px) {
	#funcionalidades .col-funcionalidad {
		width: 50%;
	}
}
@media (max-width: 400px) {
	#funcionalidades .col-funcionalidad {
		width: 100%;
	}
}
/*** DESCUBRIR *************************************************************************************************************/
#descubrir .logo-store {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
#descubrir .logo-store img {
	max-width: 250px;
}
#descubrir .logo-store h4 {
	text-align: center;
	margin-bottom: 0;
	font-size: 16px;
}
#descubrir .logo-store p {
	text-align: center;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 14px;
}
#descubrir .video-descubrir .linea-horizontal {
	right: 0;
	top: 150px;
}
#descubrir .logo-store .linea-horizontal {
	left: 0;
	top: 25px;
}
#descubrir .boton-imagen-movil {
	display: block;
	margin: 150px auto 0;
	padding: 0px 9px;
	background: none;
	color: #555555;
	border: 2px solid #555555;
}
#descubrir .boton-imagen-movil:hover {
	color: #FF0077;
	border: 2px solid #FF0077;
}
@media (max-width: 767px) {
	#descubrir .linea-horizontal {
		display: none;
	}
	#descubrir .video-descubrir {
		margin-bottom: 50px;
	}
}
@media (min-width: 768px) {
	#descubrir .video-descubrir img {
		float: right;
	}
	#descubrir .logos-store {
		border-left: 1px solid #CCCCCC;
		padding-left: 0;
	}
	#descubrir .logo-store {
		padding-left: 30px;
		max-width: 300px;
	}
	#descubrir .video-descubrir {
		padding-right: 30px;
		border-right: 1px solid #CCCCCC;
	}
	#descubrir .logos-store, #descubrir .video-descubrir {
		height: 750px;
	}
	#descubrir .imagen-movil-izquierda img, #descubrir .imagen-movil-derecha img {
		margin-top: 75px;
		width: 70%;
	}
	#descubrir .imagen-movil-centro img {
		width: 80%;
	}
}
/*** QUIENES SOMOS *********************************************************************************************************/
#quienes-somos {
	position: relative;
	padding: 100px 0 0;
}
#quienes-somos .contenido-quienes-somos {
	padding: 0px 200px;
}
#quienes-somos .mano-1, #quienes-somos .mano-2, #quienes-somos .mano-4, #quienes-somos .mano-5 {
	position: absolute;
}
#quienes-somos .mano-3 {
	position: relative;
}
#quienes-somos .mano-1, #quienes-somos .mano-2 {
	left: 0;
}
#quienes-somos .mano-4, #quienes-somos .mano-5 {
	right: 0;
}
@media (max-width: 992px) {
	#quienes-somos .contenido-quienes-somos {
		padding: 0px 150px;
	}
}
@media (max-width: 767px) {
	#quienes-somos {
		padding: 100px 0;
	}
	#quienes-somos .contenido-quienes-somos {
		padding: 0;
	}
	#quienes-somos .mano-1, #quienes-somos .mano-2, #quienes-somos .mano-3, #quienes-somos .mano-4, #quienes-somos .mano-5 {
		display: none;
	}
}
/*** POR QUE UNA APP *******************************************************************************************************/
#pqa {
  padding: 100px 0 75px;
}
#pqa .pqa-izquierda, #pqa .pqa-derecha {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
#pqa .pqa-izquierda {
	border-right: 1px solid #CCCCCC;
}
#pqa .pqa-derecha {
	border-left: 1px solid #CCCCCC;
}
#pqa .pqa-izquierda img, #pqa .pqa-derecha img {
	max-width: 120px;
	height: 100px;
}
#pqa .pqa-izquierda img {
	float: right;
}
#pqa .pqa-derecha img {
	float: left;
}
#pqa .pqa-izquierda p, #pqa .pqa-derecha p {
	height: 100px;
	max-width: 400px;
	margin-bottom: 0;
}
#pqa .pqa-izquierda p {
	float: right;
	text-align: right;
	padding-right: 10px;
}
#pqa .pqa-derecha p {
	padding-left: 10px;
}
#pqa .pqa-izquierda .linea-horizontal {
	top: 32px;
	right: 0;
}
#pqa .pqa-derecha .linea-horizontal {
	top: 32px;
	left: 0;
}
#pqa .grafico-pqa {
	margin-top: 30px;
}
#pqa .grafico-texto {
	float: left;
	width: 131px;
}
#pqa .grafico-texto img {
	margin-bottom: 5px;
}
#pqa .grafico-texto h3 {
	text-align: center;
	font-size: 20px;
	margin: 0;
}
#pqa .grafico-texto p {
	text-align: center;
	font-size: 11px;
	margin: 0;
}
#pqa .grafico-horas {
	float: left;
	width: 214px;
}
#pqa .fila-grafico-horas {
	margin-bottom: 13px;
	float: left;
	width: 100%;
}
#pqa .simbolo-persona {
	float: left;
	font-size: 30px !important;
}
#pqa .barra-porcentaje {
	float: left;
	position: relative;
	height: 26px;
}
#pqa .barra-porcentaje-1, #pqa .barra-porcentaje-3, #pqa .barra-porcentaje-5, #pqa .barra-porcentaje-7 {
	background-color: #006CB7;
}
#pqa .barra-porcentaje-2, #pqa .barra-porcentaje-4, #pqa .barra-porcentaje-6, #pqa .barra-porcentaje-8 {
	background-color: #FF4C00;
}
#pqa .barra-porcentaje-1 {
	width: 151px;
}
#pqa .barra-porcentaje-2 {
	width: 121px;
}
#pqa .barra-porcentaje-3 {
	width: 163px;
}
#pqa .barra-porcentaje-4 {
	width: 127px;
}
#pqa .barra-porcentaje-5 {
	width: 24px;
}
#pqa .barra-porcentaje-6 {
	width: 31px;
}
#pqa .barra-porcentaje-7 {
	width: 27px;
}
#pqa .barra-porcentaje-8 {
	width: 36px;
}
#pqa .barra-porcentaje-1 p, #pqa .barra-porcentaje-2 p, #pqa .barra-porcentaje-3 p, 
#pqa .barra-porcentaje-4 p {
	color: #FFFFFF;
	margin: 0 0 0 20px;
}
#pqa .barra-porcentaje-5 p, #pqa .barra-porcentaje-6 p, #pqa .barra-porcentaje-7 p, 
#pqa .barra-porcentaje-8 p {
	margin: 0 0 0 50px;
}
#pqa .barra-porcentaje p {
	position: absolute;
	width: 100px;
}
#pqa .flecha-1, #pqa .flecha-2 {
	position: absolute;
	width: 0; 
	height: 0; 
	top: -5px;
	left: -3px;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
}
#pqa .flecha-1 {
	border-left: 22px solid #006CB7;
}
#pqa .flecha-2 {
	border-left: 22px solid #FF4C00;
}
#pqa .leyenda-grafico-pqa {
	margin-top: 30px;
	text-align: center;
}
#pqa .leyenda-grafico-pqa .cuadro-azul, #pqa .leyenda-grafico-pqa .cuadro-naranja {
	width: 6px;
	height: 6px;
}
#pqa .leyenda-grafico-pqa .cuadro-azul {
	background-color: #006CB7;
}
#pqa .leyenda-grafico-pqa .cuadro-naranja {
	background-color: #FF4C00;
}
#pqa .leyenda-grafico-pqa span {
	margin: 0 5px 0 15px;
}
@media (max-width: 767px) {
	#pqa .grafico-pqa {
		display: table;
		float: none;
		margin: 30px auto 0px;
	}
}
@media (max-width: 500px) {
	#pqa .pqa-izquierda, #pqa .pqa-derecha {
		height: 200px;
	}
	#pqa .pqa-izquierda p, #pqa .pqa-derecha p {
		font-size: 11px;
	}
	#pqa .grafico-texto {
		width: 85px;
	}
	#pqa .grafico-texto img {
		width: 85px;
	}
	#pqa .grafico-texto p {
		display: none;
	}
}
/*** CONTACTO **************************************************************************************************************/
#contacto .contact-form {
	position: relative;
}
#contacto .contact-form .datos-contacto {
	float: left;
	width: 50%;
}
#contacto .contact-form p {
	margin-bottom: 5px;
}
#contacto .contact-form a {
	color: #FF0077;
}
#contacto .form_status {
	position: absolute;
	bottom: 15px;
	right: 15px;
	left: 15px;
	background-color: #3C763D;
}
#contacto .form_status p {
	margin: 0;
	color: #FFFFFF;
	padding: 20px;
}
@media (max-width: 350px) {
	#contacto .contact-form .datos-contacto {
		width: 100%;
	}
	#contacto .contact-form .texto-derecha {
		text-align: left;
	}
}
/*** BANDERA **************************************************************************************************************/
.enlace-bandera {
	position: fixed;
	right: 10px;
	bottom: 10px;
	opacity: 0.6;
	z-index: 1000;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.enlace-bandera:hover {
	opacity: 0.9;
}
.enlace-bandera img {
	width: 30px;
}
/*** PRELOADER ************************************************************************************************************/
.preloader {
    background-color: #222222;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.sk-circle {
    height: 60px;
    margin: 22% auto;
    position: relative;
    width: 60px;
}
.sk-circle .sk-child {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.sk-circle .sk-child::before {
    animation: 1.2s ease-in-out 0s normal both infinite running sk-circleBounceDelay;
    background-color: #FF0077;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15%;
    margin: 0 auto;
    width: 15%;
}
.sk-circle .sk-circle2 {
    transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
    transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
    transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
    transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
    transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
    transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
    transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
    transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
    transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
    transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
    transform: rotate(330deg);
}
.sk-circle .sk-circle2::before {
    animation-delay: -1.1s;
}
.sk-circle .sk-circle3::before {
    animation-delay: -1s;
}
.sk-circle .sk-circle4::before {
    animation-delay: -0.9s;
}
.sk-circle .sk-circle5::before {
    animation-delay: -0.8s;
}
.sk-circle .sk-circle6::before {
    animation-delay: -0.7s;
}
.sk-circle .sk-circle7::before {
    animation-delay: -0.6s;
}
.sk-circle .sk-circle8::before {
    animation-delay: -0.5s;
}
.sk-circle .sk-circle9::before {
    animation-delay: -0.4s;
}
.sk-circle .sk-circle10::before {
    animation-delay: -0.3s;
}
.sk-circle .sk-circle11::before {
    animation-delay: -0.2s;
}
.sk-circle .sk-circle12::before {
    animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
	    transform: scale(0);
	}
	40% {
	    transform: scale(1);
	}
}
@keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
	    transform: scale(0);
	}
	40% {
	    transform: scale(1);
	}
}