/*
Theme Name: Avaibook Sports Theme
Theme URI: http://www.avaibooksports.com
Version: 1.0
Description: Tema Avaibook Sports
Author: Victor Vispe
Author URI: http://www.avaibooksports.com
Template: dt-the7
*/
 
@import url("../dt-the7/style.css");

/*************/
/*  COLORES  */
/*************/

/* Naranja corporativo

color: #FF6600;
background-color: #FF6600;
background-color: rgba(100, 40, 0, 1);

/* Naranja corporativo hover

color: #ff9651;
background-color: #ff9651;
background-color: rgba(255, 150, 81, 1);


/* Azul

color: #429bf0;
background-color: #429bf0;
background-color: rgba(26, 61, 94, 1);

/* Azul hover

color: #7AB6EF;
background-color: #7AB6EF;
background-color: rgba(122, 182, 239, 1);


/*********************/
/* Estilos generales */
/*********************/

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

p, p a {	
	font-size: calc(13px + (20 - 13)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(14px + (22 - 14)*((100vw - 320px)/(1920 - 320))) !important;
}

h1 {
	text-align: center;
	font-size: calc(17px + (32 - 17)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(20px + (35 - 20)*((100vw - 320px)/(1920 - 320))) !important;
}

h2 {
	text-align: center;
	font-size: calc(16px + (30 - 16)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(17px + (33 - 17)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: 700;
}

h3 {
	text-align: center;
	font-size: calc(15px + (28 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(15px + (28 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: 700;
	color: #FF6600;
}

h4 {
	text-align: center;
	font-size: calc(14px + (26 - 14)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(14px + (26 - 14)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: 700;
}

h5 {
	color: #429bf0;
	font-size: calc(14px + (26 - 14)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(14px + (26 - 14)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: 700;
}

label {	
	font-size: calc(12px + (20 - 12)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(12px + (20 - 12)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: 400 !important;
}

a.avaibook-booking {
	text-decoration: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	color: #107f73;
}

a.avaibook-booking:hover {
	color: #11b3a2;
}

.centrado {
	text-align: center;
}

.centrado-margin {
	margin: 0 auto;
}

.naranja {
	color: #FF6600;
}

.ancho-maximo-1000 {
	max-width: 1000px;
	margin: 0 auto;
}

.fondo-gris {
	background-color: #ededed;
}

.fondo-naranja {
	background-color: #ffe5d7;
}

.bloque-contenido, .separacion-bottom {
	margin-bottom: calc(20px + (40 - 20)*((100vw - 320px)/(1920 - 320))) !important;
}

.separacion-top {
	margin-top: calc(20px + (40 - 20)*((100vw - 320px)/(1920 - 320))) !important;
}

.titulo-adorno {
	display: flex;
	align-items: center;
	justify-content: center;
}

.titulo-adorno h1, .titulo-adorno h2 {
	margin-bottom: 0px;
	padding: 0  calc(10px + (20 - 10)*((100vw - 320px)/(1920 - 320)));
}

.titulo-adorno img {
	width: 10%;
    max-width: 50px;
}

.call-to-action {
	display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: calc(15px + (30 - 15)*((100vw - 320px)/(1920 - 320))) calc(15px + (30 - 15)*((100vw - 320px)/(1920 - 320))) !important;
    flex-wrap: wrap;
}

.call-to-action .wpb_column {
	padding: calc(10px + (25 - 10)*((100vw - 320px)/(1920 - 320))) 0 !important;
}

.call-to-action .wpb_text_column {
	margin-bottom: 0px;
}

.call-to-action .wpb_text_column p,
.call-to-action p {
	font-size: calc(15px + (28 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(18px + (35 - 18)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: 700 !important;
}

.call-to-action a {
	background-color: rgba(26, 61, 94, 0) !important;
	background-image: unset !important;
	border: 3px solid #429bf0 !important;
	font-size:calc(15px + (20 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: 700 !important;
	color: #429bf0 !important;
	border-radius: 50px !important;
}

.call-to-action .subtitulo {
	font-size: calc(13px + (20 - 13)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(13px + (20 - 13)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: inherit;
}

.call-to-action .vc_btn3-container {
	margin-bottom: 0;
}

.call-to-action a:hover {
	background-color: #429bf0 !important;
	color: #ffffff !important;
}

.call-to-action .max-width-640 {
	max-width: 640px;
}

.bloque-imagenes-texto {
	margin-bottom: calc(40px + (100 - 40)*((100vw - 320px)/(1920 - 320))) !important;
}


.imagen-con-texto img {
	width: 100px;
}

.texto-estrecho {
	max-width: 221px;
    margin: 0 auto;
}

.texto-bottom {
	margin-bottom: calc(35px + (20px + (40 - 20)*((100vw - 320px)/(1920 - 320)))) !important;
}

@media screen and (max-width: 767px) {
	.texto-con-imagen {
		margin-bottom: calc(35px + (20px + (40 - 20)*((100vw - 320px)/(1920 - 320)))) !important;
	}

	.bloque-imagenes-texto {
		margin-bottom: 0px !important;
	}

	.texto-estrecho {
		max-width: 250px;
	}
}

.boton-principal  {
	text-align: center;
}

.boton-principal .wpb_wrapper {
	margin: 0 auto;
}

.boton-principal a, .boton-cookies {
	text-decoration: none;
	color: #ff6600 !important;
	background-color: rgba(100, 40, 0, 0) !important;
	border-radius: 50px !important;
	border: 3px solid #ff6600 !important;
    background-image: unset !important;
	font-size:calc(15px + (20 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	font-weight: 700;
	padding: 14px 20px !important;
	min-width: 200px;
    display: inline-block !important;
    -webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
  	transition: all .3s;
}

.boton-principal a:hover, .boton-cookies:hover {
	background-color: #ff6600 !important;
	color: #ffffff !important;
}

.boton-cookies {
	padding: 5px 0 !important;
}

.boton-secundario a {
	background-color: rgba(100, 40, 0, 0) !important;
	border: 3px solid #429bf0 !important;
    background-image: unset !important;
    color: #429bf0 !important;
}

.boton-secundario a:hover {
	background-color: #429bf0 !important;
	color: #ffffff !important;
}

.scroll-top {
	background-color: rgba(0, 0, 0, 0) !important;
	left: calc(50% - 22px);
	right: unset !important;
}

.scroll-top:hover {
	background-color: rgba(0, 0, 0, 0) !important;
}

.scroll-top:before {
    background-image: url(/wp-content/uploads/2020/02/circulo.2.png) !important;
    background-size: contain;
}

.scroll-top:hover:before {
	filter: brightness(1.3);
}

 .alinear-centrado {
 	display: flex;
 	align-items: center;
 }

 @media screen and (max-width: 767px) {
 	.alinear-centrado {
	 	display: block;
	 }

	 .bloque-contenido h5, .bloque-principios h5  {
	 	text-align: center;
	 }
 }

 .alinear-iconos {
 	display: flex;
 	align-items: center;
	margin-bottom: calc(55px + (75 - 55)*((100vw - 320px)/(1920 - 320))) !important;
 }

 .alinear-iconos .wpb_content_element {
	margin-bottom: 0;
 }

 @media screen and (max-width: 767px) {
 	.alinear-iconos {
	 	display: block;
	 }

	 .vc_column_container {
		 margin-bottom: 15px;
	 }
 }

/******************/
/*   Bocadillos   */
/******************/

/* General */
.bloque-bocadillo {
	z-index: 1;
}

.bloque-bocadillo .wpb_content_element {
	margin-bottom: 0 !important;
}

.bocadillo p {
	color: #ff6600;
	font-weight: 700;
	position: absolute;
	z-index: 1;
	transform: rotate(-6deg);
	text-align: center;
}

.bocadillo img {
	position: absolute;
	max-width: 210px;
}

@media screen and (min-width: 1250px) {
	#bocadillo-principios, #bocadillo-circuitos {
		height: 45px;
	}

	#bocadillo-principios img, #bocadillo-circuitos img {
	    width: 18%;
		left: calc(50% + (120 - 50)*((100vw - 1250px)/(1920 - 1250))) !important;
		bottom: -35px;
	}

	#bocadillo-principios p, #bocadillo-circuitos p {
		font-size:18px !important;
		left: calc(51.6% + (121.6 - 51.6)*((100vw - 1250px)/(1920 - 1250))) !important;
		bottom: 17px;
	}

	#bocadillo-principios.bocadillo-principles img {
		left: calc(45% + (108 - 45)*((100vw - 1250px)/(1920 - 1250))) !important;
	}

	#bocadillo-principios.bocadillo-principles p {
		left: calc(46.6% + (109.6 - 46.6)*((100vw - 1250px)/(1920 - 1250))) !important;
	}	
}

@media screen and (min-width: 768px) and (max-width: 1249px) {
	#bocadillo-principios, #bocadillo-circuitos {
		height: calc(10px + (50 - 10)*((100vw - 768px)/(1249 - 768))) !important;
	}

	#bocadillo-principios img, #bocadillo-circuitos img {
		width: 18%;
		left: calc(67% + (-140 - 67)*((100vw - 768px)/(1249 - 768))) !important;
		bottom: -32px;
	}

	#bocadillo-principios p, #bocadillo-circuitos p {
		font-size:calc(12px + (18 - 12)*((100vw - 768px)/(1249 - 768))) !important;
		left: calc(68.6% + (-139.6 - 68.6)*((100vw - 768px)/(1249 - 768))) !important;
		bottom: calc(0px + 26*((100vw - 768px)/(1249 - 768))) !important;
	}

	#bocadillo-principios.bocadillo-principles img {
		left: calc(457px + (560 - 457)*((100vw - 768px)/(1249 - 768))) !important;
	}


	#bocadillo-principios.bocadillo-principles p {
		left: calc(469px + (580 - 469)*((100vw - 768px)/(1249 - 768))) !important
	}
}

@media screen and (max-width: 767px) {
	#bocadillo-principios, #bocadillo-circuitos {
		display: none;
	}
}

/* Tarifas */
#bocadillo-tarifas {
	height: 60px;
}

#bocadillo-tarifas img {
	bottom: -55px;
}

#bocadillo-tarifas p {
	bottom: -5px;
}

.bocadillo-tarifas-aleman p {
	bottom: -22px !important;
	left: 15.1% !important;
}

@media screen and (min-width: 1250px) {

	#bocadillo-tarifas img {
		width: 18%;
		left: 14% !important;
	}

	#bocadillo-tarifas p {
		font-size:18px !important;
		left: 15.7%;
	}
}

@media screen and (min-width: 480px) and (max-width: 1249px) {

	#bocadillo-tarifas img {
		width: 45%;
    	left: calc(20px + (120 - 20)*((100vw - 320px)/(1249 - 320))) !important;
		bottom: -55px;
	}

	#bocadillo-tarifas p {
		font-size:18px !important;
		left: calc(42.6px + (141.6 - 42.6)*((100vw - 320px)/(1249 - 320))) !important;
	}

	#bocadillo-tarifas.bocadillo-tarifas-aleman p {
		left: calc(37.6px + (136.6 - 37.6)*((100vw - 320px)/(1249 - 320))) !important;
	}
}

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

	#bocadillo-tarifas {
		height: calc(10px + (60 - 10)*((100vw - 320px)/(479 - 320))) !important;
	}

	#bocadillo-tarifas img {
		width: 45%;
    	left: 20px !important;
		bottom: -45px;
	}

	#bocadillo-tarifas p {
		font-size: calc(12px + (18 - 12)*((100vw - 320px)/(479 - 320))) !important;
		left:  calc(34px + (42 - 34)*((100vw - 320px)/(479 - 320))) !important;
		bottom: calc(-19px + (5 + 19)*((100vw - 320px)/(479 - 320))) !important;
	}

	#bocadillo-tarifas.bocadillo-tarifas-aleman p {
		left:  calc(29px + (37 - 29)*((100vw - 320px)/(479 - 320))) !important;
		bottom: calc(-24px + (1 + 24)*((100vw - 320px)/(479 - 320))) !important;
	}
}

/* Quienes somos y Cronometradores */
#bocadillo-quienes-somos, #bocadillo-cronometradores {
	display: block;
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
	width: -ms-fit-content;
	width: -o-fit-content;
	width: -webkit-fit-content;
    margin: 0 auto;
}

#bocadillo-quienes-somos img, #bocadillo-cronometradores img {
	position: relative;
}

#bocadillo-quienes-somos p, #bocadillo-cronometradores p {
	top: 38px;
    left: 21px;
    font-size: 16px !important;
}

#bocadillo-quienes-somos.bocadillo-quienes-somos-en p {
    left: 41px;
}

#bocadillo-quienes-somos.bocadillo-quienes-somos-aleman p {
	left: 18px;
    font-size: 15px !important;
}

/* Cronometradores */
#bocadillo-cronometradores img {
	top: -20px;
}

#bocadillo-cronometradores p {
	top: 11px;
	left: 39px;
}

#bocadillo-cronometradores.bocadillo-cronometradores-aleman p {
	left: 22px;
}

@media screen and (max-width: 1249px) {
	#bocadillo-cronometradores p {
		top: 20px;
	}
}

/* Circuitos */
@media screen and (min-width: 1250px) {
	
	#bocadillo-circuitos {
	    height: 55px !important;
	}

	#bocadillo-circuitos img {
	    left: calc(45% + (240 - 45)*((100vw - 1250px)/(1920 - 1250))) !important;
    	bottom: -20px;
	}

	#bocadillo-circuitos p {
		left: calc(47.6% + (234.6 - 47.6)*((100vw - 1250px)/(1920 - 1250))) !important;
    	bottom: 29px !important;
   	}
}

@media screen and (max-width: 1249px) and (min-width: 768px) {
	
	#bocadillo-circuitos {
	    height: calc(40px + (80 - 40)*((100vw - 768px)/(1249 - 768))) !important;
	}

	#bocadillo-circuitos img {
	    left: calc(52% + (-80 - 52)*((100vw - 768px)/(1249 - 768))) !important;
	    bottom: -5px;
	}

	#bocadillo-circuitos p {
		left: calc(53.6% + (-79.6 - 53.6)*((100vw - 768px)/(1249 - 768))) !important;
	    bottom: calc(19px + (50 - 19)*((100vw - 768px)/(1249 - 768))) !important;
   	}
}



/* Registrarse */
#bocadillo-registrarse {
	height: 60px;
}

#bocadillo-registrarse img {
	bottom: -85px;
	max-width: 260px;
}

#bocadillo-registrarse p {
	bottom: -26px;
}


#bocadillo-registrarse.bocadillo-registrarse-de p {
	bottom: -37px;
}

@media screen and (min-width: 1250px) {

	#bocadillo-registrarse img {
		width: 21%;
	    left: 70% !important;
	}

	#bocadillo-registrarse p {
		font-size:18px !important;
		left: 71.7%;
	}

	#bocadillo-registrarse.bocadillo-registrarse-de p {
		left: 72.8%;
		font-size: 16px !important;
	}
}

@media screen and (min-width: 480px) and (max-width: 1249px) {

	#bocadillo-registrarse {
		height: 25px;
	}

	#bocadillo-registrarse img {
		width: 57%;
    	right: calc(40px + (120 - 40)*((100vw - 600px)/(1249 - 600))) !important;
	}

	#bocadillo-registrarse p {
		bottom: -16px;
		font-size:18px !important;
		right: calc(68.6px + (151.6 - 68.6)*((100vw - 600px)/(1249 - 600))) !important;
	}

	#bocadillo-registrarse.bocadillo-registrarse-de p {
		bottom: -29px;
		font-size: 17px !important;
	}
}

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

	#bocadillo-registrarse {
		height: calc(10px + (35 + 10)*((100vw - 320px)/(479 - 320))) !important;
	}

	#bocadillo-registrarse img {
		width: 55%;
    	right: 30px !important;
		bottom: calc(-50px + (-75 + 50)*((100vw - 320px)/(479 - 320))) !important;
	}

	#bocadillo-registrarse p {
		font-size: calc(12px + (18 - 12)*((100vw - 320px)/(479 - 320))) !important;
		right: calc(49px + (57 - 49)*((100vw - 320px)/(479 - 320))) !important;
    	bottom: calc(-19px + (-5 + 19)*((100vw - 320px)/(479 - 320))) !important;
	}

	#bocadillo-registrarse.bocadillo-registrarse-de p {
	    font-size: calc(11px + (16 - 11)*((100vw - 320px)/(479 - 320))) !important;
	    right: calc(49px + (65 - 49)*((100vw - 320px)/(479 - 320))) !important;
	    bottom: calc(-21px + (-5 + 21)*((100vw - 320px)/(479 - 320))) !important;
	}
}

/* Federaciones */
@media screen and (min-width: 1250px) {
	#bocadillo-federaciones {
		height: 45px;
	}

	#bocadillo-federaciones img {
	    width: 18%;
	    left: 79%;
	    bottom: -18px;
	}

	#bocadillo-federaciones.bocadillo-federaciones-aleman img {
	    bottom: -36px;
	    left: 80%;
	}

	#bocadillo-federaciones p {
		font-size: 18px !important;
	    left: 83.6%;
	    bottom: 77px;
	}
	
	#bocadillo-federaciones p {
		left: 81.6%;
	    bottom: 26px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1249px) {
	#bocadillo-federaciones {
		height: 0 !important;
	}

	#bocadillo-federaciones img {
		width: 18%;
	    left: calc(76% + (40 - 76)*((100vw - 768px)/(1249 - 768))) !important;
	    bottom: 8px;
	}

	#bocadillo-federaciones.bocadillo-federaciones-aleman img {
		bottom: -61px;
	}

	#bocadillo-federaciones p {
		font-size: calc(12px + (18 - 12)*((100vw - 768px)/(1249 - 768))) !important;
	    left: calc(79.6% + (20 - 79.6)*((100vw - 768px)/(1249 - 768))) !important;
	    bottom: calc(40px + (70 - 40)*((100vw - 768px)/(1249 - 768))) !important;
	}

	#bocadillo-federaciones.bocadillo-federaciones-aleman p {
	    left: calc(77.6% + (40 - 77.6)*((100vw - 768px)/(1249 - 768))) !important;
	    bottom: calc(-25px + (7 + 25)*((100vw - 768px)/(1249 - 768))) !important;
	}
}

@media screen and (max-width: 767px) {
	#bocadillo-federaciones {
		display: none;
	}
}

/* Plataforma */
#bocadillo-plataforma {
	height: 60px;
}

#bocadillo-plataforma img {
	bottom: -60px;
	max-width: 320px;
}

#bocadillo-plataforma p {
	bottom: 28px;
}


@media screen and (min-width: 1250px) {

	#bocadillo-plataforma img {
		width: 26%;
	    left: 70% !important;
	}

	#bocadillo-plataforma p {
		font-size:18px !important;
		left: 71.7%;
	}
	
	#bocadillo-plataforma.bocadillo-plataforma-it p {
		font-size: 15px !important;
		left: 72.7%;
	}
}

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

	#bocadillo-plataforma {
		display: block;
	    position: relative;
	    width: fit-content;
	    width: -moz-fit-content;
	width: -ms-fit-content;
	width: -o-fit-content;
	width: -webkit-fit-content;
	    margin: 0 auto;
	    height: 120px
	}

	#bocadillo-plataforma img {
		position: relative;
	    display: block;
	    bottom: 100px;
	}

	#bocadillo-plataforma p {
		left: 19px;
    	bottom: 78px;
		font-size:18px !important;
	}

	#bocadillo-plataforma.bocadillo-plataforma-it p {
		font-size: 15px !important;
		left: 30px;
	}
}

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

	#bocadillo-plataforma {
		height: calc(120px + (-50 + 120)*((100vw - 320px)/(767 - 320))) !important;
	}

	#bocadillo-plataforma img {
		width: 77%;
	    right: -30px !important;
	    bottom: calc(35px + (0 - 35)*((100vw - 320px)/(767 - 320))) !important;
	}

	#bocadillo-plataforma p {
		font-size: calc(12px + (13 - 12)*((100vw - 320px)/(767 - 320))) !important;
	    left: calc(43px + (50 - 43)*((100vw - 320px)/(767 - 320))) !important;
	    bottom: calc(48px + (-25 + 48)*((100vw - 320px)/(767 - 320))) !important;
	}

	#bocadillo-plataforma.bocadillo-plataforma-it p {
		font-size: calc(10px + (12 - 10)*((100vw - 320px)/(767 - 320))) !important;
	    left: 50px !important;
	}
}

/*******************/
/* Estilos Top Bar */
/*******************/

.masthead,
.top-bar .mini-widgets .mini-wpml #lang_sel,
.top-bar.solid-bg:before,
#lang_sel li > ul,
#lang_sel_click li > ul {
	background-color: rgba(0, 0, 0, 0) !important;
}

.masthead .header-bar {
	background-color: rgba(255, 255, 255, .95);
	width: fit-content;
	width: -moz-fit-content;
	width: -ms-fit-content;
	width: -o-fit-content;
	width: -webkit-fit-content;
	padding-right: 20px;
}

.register {
	display: flex;
}

.register .bloque-bienvenido {
	margin-right: 10px;
}

.register .bienvenido {
	color: #ffffff;
	font-size: 13px !important;
	line-height: 13px !important;
}

.mobile-mini-widgets-in-menu {
	flex-direction: row;
	align-items: flex-end;
	flex-wrap: nowrap;
}

.mobile-mini-widgets-in-menu .register {
	flex-wrap: wrap;
}

.mobile-mini-widgets-in-menu .register .bienvenido {
	color: #000000;
	width: 100%
}

html[lang=de-DE] .mobile-mini-widgets-in-menu .register .entraSale,
html[lang=de-DE] .mobile-mini-widgets-in-menu .register .registroPrivada {
	font-size: 14px;
    padding: 5px 5px;
}

.register .entraSale, .register .registroPrivada {
	padding: 5px 16px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
  	transition: all .3s;
  	background-color: rgba(255, 255, 255, 0.8) !important;
}

.register .entraSale {
	color: #ff6600 !important;
	border: 3px solid #ff6600 !important;
}

.register .entraSale:hover {
	color: #ffffff !important;
	background-color: #ff6600 !important;
}

.register .registroPrivada {
	color: #429bf0 !important;
	border: 3px solid #429bf0 !important;
}

.register .registroPrivada:hover {
	color: #ffffff !important;
	background-color: #429bf0 !important;
}

#lang_sel li > ul,
#lang_sel_click li > ul {
	-webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

.top-bar .mini-wpml {
	display: flex !important;
}

.top-bar #lang_sel > ul > li:after, .top-bar #lang_sel_click > ul > li:after {
    background-image: url(/wp-content/uploads/flags/dropdown.png) !important;
    filter: invert(100%);
}

#lang_sel li a.lang_sel_sel {
	min-width: 75px;
	display: flex;
}

#lang_sel li a.lang_sel_sel:hover,
#lang_sel li > ul > li a:hover {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
  	transition: all .3s;
}

#lang_sel li a.lang_sel_sel:hover,
#lang_sel li > ul > li a:hover {
	filter: brightness(1.3);
	opacity: 1;
	background-color: rgba(0, 0, 0, 0) !important;
}

.wpml-ls-menu-item .wpml-ls-flag, .wpml-ls-item .wpml-ls-flag {
  height: 35px !important;
  width: 35px !important;
}

.top-bar .mini-wpml .wpml-ls-sub-menu {
	width: 55px !important;
	padding: 0px !important;
}

.top-bar .mini-wpml .wpml-ls-sub-menu li a {
	padding: 7px 10px !important;
	display: flex !important;
	min-width: unset !important;
}

@media screen and (max-width: 900px) and (min-width: 900px) {
	.mobile-mini-widgets-in-menu .in-menu-second-switch, .masthead.widgets .show-on-second-switch {
	    display: inherit !important;
	}
}

@media screen and (min-width: 900px) {
	.phantom-shadow-decoration.phantom-sticky.sticky-on .masthead:not(.side-header):not(.mixed-header),
	.phantom-shadow-decoration.phantom-sticky.sticky-on .mixed-header.side-header-h-stroke {
	    -webkit-box-shadow: unset !important;
	    box-shadow: unset !important;
	}
	.masthead .header-bar {
		-webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.1);
	    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.1);
	}

}

@media screen and (max-width: 900px) {
	.masthead {
		background-color: rgba(255, 255, 255, .9) !important;
		}

	.mobile-mini-widgets-in-menu {
		flex-direction: row;
	}

	.mobile-mini-widgets-in-menu .mini-nav,
	.mobile-mini-widgets-in-menu .mini-wpml,
	.mobile-mini-widgets-in-menu .mini-nav:not(.select-type-menu) > ul > li {
		margin-right: 0px;
	}

	#lang_sel li a.lang_sel_sel {
	    min-width: 50px;
	}
	
	.wpml-ls-menu-item .wpml-ls-flag, .wpml-ls-item .wpml-ls-flag {
	    height: 25px !important;
	    width: 25px !important;
	}

	.lang_sel_sel,
	.dt-mobile-header #lang_sel {
	    background: rgba(255,255,255,0) !important;
	}

	#lang_sel ul > li > ul {
		padding-bottom: 0;
	}

	.dt-mobile-header #lang_sel li > ul > li a {
		padding-left: 0px;
	}
}

/*****************/
/* MENÚ ITALIANO */
/*****************/

@media screen and (min-width: 900px) and (max-width: 1074px) {

	html[lang=it-IT] .masthead:not(.side-header).full-height .main-nav > li > a {
		padding: 4px 8px 4px 8px;
	}
	html[lang=es-ES] .masthead:not(.side-header).full-height .main-nav > li > a {
		padding: 4px 8px 4px 8px;
	}
}

@media screen and (min-width: 900px) and (max-width: 990px) {

	html[lang=it-IT] .masthead:not(.side-header).full-height .main-nav > li > a .menu-text {
		font-size: calc(14px + (16 - 14)*((100vw - 900px)/(990 - 900))) !important;
	}
	html[lang=es-ES] .masthead:not(.side-header).full-height .main-nav > li > a .menu-text {
		font-size: calc(14px + (16 - 14)*((100vw - 900px)/(990 - 900))) !important;
	}
}

/*********************************/
/* Formularios acceso aplicacion */
/*********************************/

.acceso-aplicacion {
	background-color: #ffe5d7;
	padding: calc(30px + (50 - 30)*((100vw - 320px)/(1920 - 320)))  calc(20px + (120 - 20)*((100vw - 320px)/(1920 - 320)));
	max-width: 800px;
	margin: 0 auto;
	box-sizing: border-box;
}

.acceso-aplicacion #login-form,
.acceso-aplicacion #recupera-form {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.acceso-aplicacion #login-form .label-form,
.acceso-aplicacion #recupera-form .label-form {
	margin-bottom: 5px;
}

.asterisco {
	color: #ff0000;
}

.acceso-aplicacion #login-form input,
.acceso-aplicacion #recupera-form input,
.acceso-aplicacion .texto-form {
	width: 100%;
	margin-bottom: 20px;
}

.acceso-aplicacion #login-form input:not(.submit),
.acceso-aplicacion #recupera-form input:not(.submit) {
	min-height: 40px;
	border: 0px;
	border-radius: 0px;
}

.acceso-aplicacion #login-form input.submit,
.acceso-aplicacion #recupera-form input.submit {
	font-size:calc(15px + (20 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(12px + (20 - 12)*((100vw - 320px)/(1920 - 320))) !important;
	border-radius: 50px;
	padding: 14px 20px;
	min-width: 200px;
	width: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	background-color: rgba(255, 102, 0, 0);
	border: solid 3px #ff6600;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
  	transition: all .3s;
  	font-size: 14px !important;
    line-height: 14px !important;
    margin-bottom: 10px;
}

.acceso-aplicacion #login-form input.submit:hover,
.acceso-aplicacion #recupera-form input.submit:hover {
	background-color: rgba(255, 102, 0, 1);
	color: #ffffff;
}

.acceso-aplicacion .cta {
	text-align: center;
}

.acceso-aplicacion .cta a {
	text-decoration: none;
}

.acceso-aplicacion .cta a:hover {
	color: #ff9651;
}

.columna-login .wpb_text_column br{
	display: none;
}

.columna-login .wpb_text_column a {
	text-decoration: none;
}

.columna-login .wpb_text_column a:hover {
	color: #ff9651;
}

/******************/
/* Estilos Footer */
/******************/

#footer {
	background-size: cover !important;
	background-position: top center !important;
}

#footer .wf-wrap {
	width: 100%;
}

#footer #custom_html-2 {
	margin-left: -4%;
}

#footer #custom_html-3 {
	margin-left: 4%;
}

#footer .widget-title{
	font-weight: 700;
}

#footer .custom-menu .menu-item, #footer .widget_pages .page_item {
	border: 0px;
	padding: 0;
	margin: 0;
}

#footer .custom-menu a {
	background-image: unset;
	padding-left: 0px;
}

#footer .custom-menu a:before {
	background-color: unset;
	display: none;
}

#footer #custom_html-2 .widget-title{
	text-align: center;
	font-size: 18px;
}

#footer .rrss-icons {
	display: flex;
	align-items: center;
	justify-content: center;
}

#footer .rrss-icons a {
	margin: 5px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-size: 100%;
}

#footer .rrss-icons a img {
	width: 100%;
}

#footer .rrss-icons a:hover {
	background-color: #FF6600;
	transform: rotate(20deg);
}

#footer .rrss-icons a img {
	width: 100%;
}

#footer #custom_html-2 .idealista .widget-title {
	margin-top: 20px;
}

#footer #custom_html-2 .idealista a {
	display: block;
	margin: 0 auto;
	max-width: 140px;
}

#footer #custom_html-2 .idealista a img {
	width: 100%
}

#footer a {
	text-decoration: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
  	transition: all .3s;
  	font-size: 14px !important;
    line-height: 14px !important;
    margin-bottom: 10px;
}

#footer a:hover {
	color: #FF6600;
}


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


	#footer #custom_html-2, #footer #custom_html-3 {
		margin-left: 0;
	}

	#footer #custom_html-2 .widget-title {
		text-align: left;
	}

	#footer .rrss-icons {
		justify-content: unset;
	}

	#footer #custom_html-2 .idealista a {
		margin: unset;
	}
}

/******************/
/*      HOME      */
/******************/

.slider-home {
	padding: 0px 30px;
}

#bloque-inicial {
	padding-top: calc(10px + (30 - 10)*((100vw - 320px)/(1920 - 320)));
}

#bibApp {
	margin-top: calc(20px + (40 - 20)*((100vw - 320px)/(1920 - 320))) !important;
}

#bibApp .boton-bibapp-slide {
	font-size: calc(15px + (20 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(15px + (20 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	padding: 14px 20px !important;
	border: 3px solid #ff6600 !important;
}

#logos-carrusel {
	padding: calc(20px + (50 - 20)*((100vw - 320px)/(1920 - 320))) !important;
}

.negrita-slide {
	font-weight: 700 !important;
	font-size: calc(15px + (25 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(15px + (25 - 15)*((100vw - 320px)/(1920 - 320))) !important;
}
/*************************/
/*  NUESTROS PRINCIPIOS  */
/*************************/

.bloque-principios {
	margin-bottom: calc(20px + (40 - 20)*((100vw - 320px)/(1920 - 320))) !important;
}

.bloque-principios .wpb_single_image {
	margin-bottom: calc(15px + (35 - 15)*((100vw - 320px)/(1920 - 320)));
}

/*************/
/*  TARIFAS  */
/*************/

/*.banderas .wpb_wrapper {
	display: flex;
	justify-content: center;
}

.banderas .wpb_wrapper .wpb_single_image {
	padding: 0 5px;
}

.tabla-precios {
	display: flex;
	flex-direction: column;
}

.tabla-precios .fila {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.tabla-precios .fila.encabezado {
	border-radius: 4px 4px 0 0;
}

.tabla-precios .fila:last-child {
	border-radius: 0 0 4px 4px;
}

.tabla-precios .fila div {
	text-align: center;
	padding: 0 calc(3px + (10 - 3)*((100vw - 320px)/(1920 - 320)));
	padding-top: 8px;
	padding-bottom: 8px;
}

.tabla-precios.nuestro-tpv .fila div {
	width: 33%;
}

.tabla-precios.tu-tpv .fila div {
	width: 50%;
}

.tabla-precios .fila.encabezado div h4 {
	color: #ffffff;
	margin: 10px 0;
}

.tabla-precios .fila div p {
	padding: 12px;
	display: initial;
	vertical-align: middle;
}

.tabla-precios .fila .inscripciones {
	z-index: 1;
}

.tabla-precios .fila .inscripciones p {
	border-radius: 50px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.tabla-precios .fila:not(.encabezado) {
	transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.tabla-precios .fila:not(.encabezado):hover .inscripciones p {
	background-color: #ff6600;
	color: #ffffff;
}

.tabla-precios .fila:not(.encabezado):nth-child(odd) {
	background-color: #FBD9C5;
}

.tabla-precios .fila:not(.encabezado):nth-child(even) {
	background-color: #eaeaea;
}

.tabla-precios .fila:not(.encabezado):nth-child(odd):hover {
	background-color: #ffb88e;
}

.tabla-precios .fila:not(.encabezado):nth-child(even):hover {
	background-color: #ffffff;
}

.tabla-precios .fila.encabezado {
	background-color: #FF6600;
}*/

/**************************/
/*  PREGUNTAS FRECUENTES  */
/**************************/

 .bloque-faqs {
 	padding-top: 70px;
 }
 
.iconos-faqs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.iconos-faqs .icono-faqs {
	width: 20%;
	text-align: center;
	margin-bottom: 20px;
} 

.iconos-faqs .icono-faqs img {
	padding-bottom: 20px;
	width: 70%;
    position: relative;
    max-width: 80px;
}

.iconos-faqs .icono-faqs a {
	text-decoration: none !important;
}

#general-faqs h2,
#configuracion-faqs h2,
#promocion-faqs h2,
#gestion-faqs h2,
#economico-faqs h2 {
	text-align: left;
}

.vc_tta-panel-title a {
	text-align: left !important;
}

@media  screen and (max-width: 767px) {
	.iconos-faqs .icono-faqs {
		width: 120px;
	} 
	
	.iconos-faqs {
		justify-content: center;
	}
}




/**************************/
/*  FORMULARIOS CONTACTO  */
/**************************/

#bloque-formulario, .bloque-formulario {
	background-color: #ffe5d7;
	margin: 0 auto;
}

#bloque-formulario .wpb_content_element, .bloque-formulario .wpb_content_element {
	margin-bottom: 0 !important;
}

#bloque-formulario {
	max-width: 800px;
}

#bloque-formulario {
	padding: calc(30px + (50 - 30)*((100vw - 320px)/(1920 - 320)))  calc(20px + (80 - 20)*((100vw - 320px)/(1920 - 320)));
}

.bloque-formulario {
	padding: calc(30px + (50 - 30)*((100vw - 320px)/(1920 - 320)))  calc(20px + (40 - 20)*((100vw - 320px)/(1920 - 320)));
}


#contactar-form,
#login-form,
#recupera-form {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: baseline;
}

.formulario-contacto #contactar-form > .ancho-50,
.formulario-contacto #login-form > .ancho-50,
.formulario-contacto #recupera-form > .ancho-50 {
	width: 50%;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.formulario-contacto #contactar-form .ancho-50 .acceptance:first-child,
.formulario-contacto #login-form .ancho-50 .acceptance:first-child,
.formulario-contacto #recupera-form .ancho-50 .acceptance:first-child {
	padding-top: 40px;
}

#contactar-form .campo,
#login-form .campo,
#recupera-form .campo,
.advertencia {
	width: 100%;
	margin-bottom: 20px;
	padding: 0 calc(5px + (15 - 5)*((100vw - 320px)/(1920 - 320)));
}

#contactar-form .campo input:not([type="submit"]),
#contactar-form .campo select,
#contactar-form .campo textarea,
#contactar-form .campo .acceptance,
#login-form .campo input:not([type="submit"]),
#login-form .campo select,
#login-form .campo textarea,
#login-form .campo .acceptance,
#recupera-form .campo input:not([type="submit"]),
#recupera-form .campo select,
#recupera-form .campo textarea,
#recupera-form .campo .acceptance {
	width: 100%;
}

 #login-form .campo.ancho-50,
 #contactar-form .campo.ancho-50,
 #recupera-form .campo.ancho-50 {
	width: 50%;
}

#contactar-form .campo input:not([type="checkbox"]),
#contactar-form .campo select,
#login-form .campo input:not([type="checkbox"]),
#login-form .campo select,
#recupera-form .campo input:not([type="checkbox"]),
#recupera-form .campo select {
	min-height: 40px; 
}

#contactar-form #campo-prefijo,
#login-form #campo-prefijo,
#recupera-form #campo-prefijo {
	width: 30%;
}

#contactar-form #campo-telefono,
#login-form #campo-telefono,
#recupera-form #campo-telefono {
	width: 70%;
}

#contactar-form .campo.submit-form,
#login-form .campo.submit-form,
#recupera-form .campo.submit-form {
	text-align: center;
}

#contactar-form .campo input,
#contactar-form .campo select,
#contactar-form .campo textarea,
#login-form .campo input,
#login-form .campo select,
#login-form .campo textarea,
#recupera-form .campo input,
#recupera-form .campo select,
#recupera-form .campo textarea {
	border: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
}

#contactar-form .campo textarea,
#login-form .campo textarea,
#recupera-form .campo textarea {
	min-height: 150px;
	max-width: 100%;
}

#contactar-form .campo input[type="submit"],
#login-form .campo input[type="submit"],
#recupera-form .campo input[type="submit"] {
	font-size:calc(15px + (20 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(15px + (20 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	border-radius: 50px;
	padding: 14px 20px;
	min-width: 200px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
  	transition: all .3s;
  	background-color: rgba(0, 0, 0, 0);
  	border: 3px solid #ff6600;
}

#contactar-form .campo input[type="submit"]:hover,
#login-form .campo input[type="submit"]:hover,
#recupera-form .campo input[type="submit"]:hover {
	background-color: #ff6600;
}

.acceptance {
    display: flex;
    flex-flow: nowrap;
    flex-direction: row;
}

.acceptance input {
	width: 14px !important;
	margin-right: 8px;
}

.acceptance label {
	width: calc(100% - 32px);
	margin-bottom: 0px;
}

.acceptance label,
.advertencia {
	font-size: calc(12px + (16 - 12)*((100vw - 320px)/(1920 - 320))) !important;
}

.acceptance label a {
	text-decoration: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
  	transition: all .3s;
}

.acceptance label a:hover {
	color: #ff9651;
}

#sel_prefijo {
	padding: 5px;
}

#respuesta {
	min-width: 100%;
	text-align: center;
}

@media  screen and (max-width: 767px) {
	#bloque-formulario {
		margin-left: -15px;
		margin-right: -15px;
	}

	.formulario-contacto #contactar-form .ancho-50 {
		width: 100%;
	}
}

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

	#contactar-form .campo.ancho-50 {
		width: 100%;
	}

	#contactar-form .campo input,
	#contactar-form .campo select,
	#contactar-form .campo textarea {
		padding: 5px;
	}
}

@media  screen and (max-width: 370px) {
	#contactar-form #campo-prefijo {
	width: 35%;
	}

	#contactar-form #campo-telefono {
		width: 65%;
	}
}

/*********************/
/*  FORMULARIO DEMO  */
/*********************/

#loading-demo {
	width: 60px;
	vertical-align: middle;
	display: none;
}

/**************************/
/*  TRABAJA CON NOSOTROS  */
/**************************/

.trabaja-con-nosotros-img .vc_single_image-wrapper {
	width: 100px;
	height: 100px;
    border: 10px solid #ff6600;
    border-radius: 100px;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}

.trabaja-con-nosotros-img img {
	width: 50px;
    margin-top: 15px;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}

.trabaja-con-nosotros-img .vc_single_image-wrapper:hover {
	border-color: #ffffff;
    background-color: #ff6600;
}

.trabaja-con-nosotros-img .vc_single_image-wrapper:hover img {
	filter: invert(100%);
}

/********************************/
/*  PLATAFORMA GESTION EVENTOS  */
/********************************/

.bloque-vertical-sup {
	padding-top: calc(35px + (20px + (40 - 20)*((100vw - 320px)/(1920 - 320)))) !important;
}

.bloque-vertical {
	margin: 0 2.5px; 
}

@media (min-width: 768px) {
	.bloque-vertical {
	    width: calc(33.33333333% - 5px);
	}
}

@media (max-width: 767px) {
	.bloque-vertical-sup:not(:first-child) {
		padding-top: 0 !important;
	}
}

/****************************/
/*  CREAR EVENTO DEPORTIVO  */
/****************************/

#sencillos-pasos .boton-principal a {
	font-size: calc(12px + (15 - 12)*((100vw - 320px)/(1920 - 320))) !important;
	padding-left: calc(4px + (20 - 4)*((100vw - 320px)/(1920 - 320))) !important;
	padding-right: calc(4px + (20 - 4)*((100vw - 320px)/(1920 - 320))) !important;
}

.gif-animado h2 {
	font-size: calc(15px + (25 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(15px + (25 - 15)*((100vw - 320px)/(1920 - 320))) !important;
	color: #ff6600;
}

@media (max-width: 767px) {
	#sencillos-pasos .boton-principal a {
		font-size: 15px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/*******************/
/*  EMPIEZA AHORA  */
/*******************/

.empieza-ahora-accordion .vc_tta-title-text {
	color: #429bf0;
    font-size: calc(14px + (26 - 14)*((100vw - 320px)/(1920 - 320))) !important;
    line-height: calc(14px + (26 - 14)*((100vw - 320px)/(1920 - 320))) !important;
    font-weight: 700;
}

/****************/
/*  PACCO GARA  */
/****************/

.pacco-gara-header {
	text-align: left !important;
	margin-top: 30px;
	font-size: calc(17px + (32 - 17)*((100vw - 320px)/(1920 - 320))) !important;
	line-height: calc(20px + (35 - 20)*((100vw - 320px)/(1920 - 320))) !important;
}

/*********************************************************/
/*  AVAIBOOK SPORTS BIBAPP / AVAIBOOK SPORTS PRO LICENSE */
/*********************************************************/

.slider-mini .vc_column-inner {
	justify-content: center;
}

.iconos-lateral .vc_column-inner div {
	height: 100%;
}

.iconos-lateral .bloque-iconos-lateral{
	width: fit-content;
	width: -moz-fit-content;
	width: -ms-fit-content;
	width: -o-fit-content;
	width: -webkit-fit-content;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding-left: calc(15px + (40 - 15)*((100vw - 320px)/(1920 - 320)));
	padding-right: calc(15px + (40 - 15)*((100vw - 320px)/(1920 - 320)));
}

.iconos-lateral .bloque-iconos-lateral .icono-lateral{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.iconos-lateral .bloque-iconos-lateral .icono-lateral .img-icono-lateral {
	margin-right: calc(15px + (40 - 15)*((100vw - 320px)/(1920 - 320)));
}

.iconos-lateral .bloque-iconos-lateral .icono-lateral .texto-icono-lateral {
	margin-bottom: 0px !important;
	max-width: 400px;
}

.bloque-servicios {
	justify-content: center;
}

@media (max-width: 1399px) {
	.columna-boton {
		width: 100%;
	}
}