/* Cookie consent */
.termsfeed-com---nb {
	max-width: 450px !important;
	border: #fff !important;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.termsfeed-com---nb-simple {
	top: auto !important;
	right: auto !important;
	bottom: 0 !important;
	left: 0 !important;
}
.termsfeed-com---nb .cc-nb-main-container {
	padding: 2.25rem 2.75rem 2.75rem !important;
}

/* Start - Efectos boton llamada permanente y whatsapp */
.back-to-top {
	position: fixed;
	z-index: 1049;
	left: 50%;
	bottom: 10px;
	width: auto;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webit-transform: translateX(-50%);
}
.back-to-top a {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	padding: 0;
	background-color: #27b3e4; /*#e43027;*/ /*rgba(228, 48, 39, 1)*/
	text-align: center;
	cursor: pointer;
	color: #ffffff !important;
	font-size: 25px;
	margin: 0 10px;
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
.back-to-top2 {
	position: fixed;
	right: 20px;
	bottom: 70px;
	z-index: 1049;
}
.back-to-top2 a {
	color: #ffffff;
	font-size: 25px;
	display: inline-block;
	margin: 0 5px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	padding: 0;
	text-align: center;
	cursor: pointer;
	background-color: rgba(37, 211, 102, 1);
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
.btn-whatsapp, .back-to-top .btn-whatsapp {
	color: #fff !important;
	background-color: #25D366 !important;
}
.back-to-top .btn-whatsapp, .back-to-top2 .btn-whatsapp {
	font-size: 30px;
}

/*
@media (min-width:768px) {
	.back-to-top {
		left: 50px;
		margin-top: 0;
		bottom: 15px;
	}
	.back-to-top .btn-whatsapp.button-pulse {
		display:none;
	}
}
*/
@media (max-width: 991px) {
	.back-to-top2 {
		right: 20px;
	}
}
@media (max-width: 767px) {
	.footer-wrap .footer-bottom {
		padding-bottom: 80px !important;
	}
	.back-to-top2 {
		display: none;
	}
}
/* Pulse */
.button-pulse {
	box-shadow: 0 0 0 0 rgb(39, 179, 228);
	transform: scale(1);
	animation: pulseButton 2s infinite;
}

/*
@media (min-width: 768px) {
	.btn-whatsapp:not(.button-pulse) {
		box-shadow: 0 0 0 0 rgba(228, 48, 39, 1);
		transform: scale(1);
		animation: pulseButton 2s infinite;
	}
}
 */

@keyframes pulseButton {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(39, 179, 228, .7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
.whatsapp-pulse {
	box-shadow: 0 0 0 0 rgba(37, 211, 102, 1);
	transform: scale(1);
	animation: pulseWhatsapp 2s infinite;
	transition: all;
}
@keyframes pulseWhatsapp {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
/* Waves - para que funcione, la etiqueta <a> tiene que tener dentro <span class="liquid"></span> */
a:not(.button-waves) .liquid {
						 display: none;
					 }
.button-waves {
	position: relative;
	overflow: hidden;
	background-color: #4973ff !important;
	border: 2px solid white !important;
	width: 56px !important;
	height: 56px !important;
	line-height: 56px !important;
	box-sizing: content-box;
}
.button-waves i {
	position: relative;
	z-index: 5;
	color: #fff;
}
.button-waves .liquid {
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 56px;
	background-color: #4973ff;
	/*box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);/**/
	/*box-shadow: inset 0 0 50px rgba(0, 0, 0, 1);/**/
	transition: .5s;
	/* Esto adicional es para iphone */
	z-index: 1;
	overflow: hidden;
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
.button-waves.btn-whatsapp, .button-waves.btn-whatsapp .liquid {
	background-color: #4973ff !important;
	/*background-color: #25D366 !important;/**/
}
.button-waves .liquid::after,
.button-waves .liquid::before {
	content: '';
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -75%);
	background: #000;
}
.button-waves .liquid::before {
	border-radius: 45%; /*45%*/
	background-color: rgba(228, 48, 39, 1);
	animation: wavesButton 5s linear infinite;
	z-index: 1;
}
.button-waves.btn-whatsapp .liquid::before {
	background-color: rgba(37, 211, 102, 1);
}
.button-waves .liquid::after {
	border-radius: 35%; /*40%*/
	background-color: rgba(20, 20, 20, .5);
	animation: wavesButton 10s linear infinite;
	z-index: 0;
}
/*.button-waves:hover .liquid {
	top: -120%;
}/**/
@keyframes wavesButton {
	0% {
		transform: translate(-50%, -75%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -75%) rotate(360deg);
	}
}
/* End - Efectos boton llamada permanente y whatsapp */

/*
@media (min-width:768px){
	.back-to-top{
		display:none;
	}
	footer {
		padding-bottom: 25px !important;
	}
}
*/

/* MODALES */
.modales {
	display: none;
	position: fixed;
	color: #676767;
}

.modales > div {
	position: relative;
	padding: 28px;
	font-family: verdana;
	font-size: 12px;
}

/* MODAL RGPD */
#modal-rgpd {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
	z-index: 999991;
	background-color: rgba(0, 0, 0, .44);
}

#modal-rgpd > div {
	position: relative;
	width: 900px;
	max-width: calc(100% - 30px);
	background-color: rgba(255, 255, 255, .96);
	margin: 15px auto;
	border: 1px solid #aaa;
	border-radius: 5px;
}

#modal-rgpd > div label.aceptar {
	margin: 25px 0 0;
	font-size: 13px;
}

#modal-rgpd > div label.aceptar input {
	vertical-align: -2px;
}

#modal-rgpd > div label.aceptar a {
	color: #000;
}

/* MODAL RGPD2 */
#modal-rgpd2 {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	text-align: left !important;
	z-index: 999991 !important;
	background-color: rgba(0, 0, 0, .44) !important;
}

#modal-rgpd2 h4 {
	color: inherit !important;
	line-height: 1.1 !important;
	font-weight: 500 !important;
	font-style: inherit !important;
	font-family: 'Roboto', sans-serif !important;
	text-align: inherit !important;
	font-size: 18px !important;
	margin: 10px 0 20px !important;
}

#modal-rgpd2 > div {
	position: relative !important;
	width: 900px !important;
	max-width: calc(100% - 30px) !important;
	background-color: rgba(255, 255, 255, .96) !important;
	margin: 15px auto !important;
	border: 1px solid #aaa !important;
	border-radius: 5px !important;
}

#modal-rgpd2 > div label.aceptar {
	margin: 25px 0 0 !important;
	font-size: 13px !important;
}

#modal-rgpd2 > div label.aceptar input {
	vertical-align: -2px !important;
}

#modal-rgpd2 > div label.aceptar a {
	color: #000 !important;
}

/* MODAL COOKIES */
#modal-cookies {
	left: 0;
	bottom: 15px;
	max-width: 360px;
	text-align: center;
	background-color: rgba(255, 255, 255, .9);
	z-index: 999990;
	border: 1px solid #aaa;
	border-radius: 0 5px 5px 0;
	box-shadow: 1px 1px 10px rgba(120, 120, 120, .5);
}


/* BOTONES */
button.modal-rgpd-button, button.modal-rgpd-button2 {
	visibility: hidden;
}

a.form-btn {

}

.modales a {
	cursor: pointer;
}

a.modal-ko {
	padding: 8px 0;
	background: #fff;
	color: #676767;
	border: 1px solid #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 38px;
	border-radius: 50%;
	cursor: pointer;
}

a.modal-ko:hover {
	background: #676767;
	color: #fff;
	border: 1px solid #fff;
}

a.modal-btn {
	font-size: 14px;
	margin: 4px 1px 4px 0;
	padding: 6px 18px;
	text-decoration: none;
	display: inline-block;
	width: auto;
	color: #676767;
	background: #fff;
	/*border: 1px solid #676767;*/
}

a.modal-btn.modal-ok {
	color: #fff !important;
	background: #fd0002;
	border: 1px solid #fff;
}

a.modal-btn:hover {
	color: #fff;
	background: #000; /*#676767;*/
	border: 1px solid #fff;
}

a.modal-btn.disabled, a.modal-btn.disabled:hover {
	color: #fff;
	background: #ccc;
	border: 1px solid #fff;
	cursor: default;
}

.ui-autocomplete { position: absolute; cursor: default; z-index:999930 !important; }
.ui-front { z-index: 99999; }

.d-none-soft {
	height: 0 !important;
	opacity: 0 !important;
	transition: all 2s;
}
.d-none-soft.show-soft {
	height: auto !important;
	opacity: 1 !important;
	transition: all 2s;
}

.vc-captcha::first-letter, .vc-captcha span { font-size: 0; }

.ofu {
	cursor: pointer;
}
.shake {
	/* Start the shake animation and make the animation last for 0.5 seconds */
	animation: shake 2.5s;

	/* When the animation is finished, start again */
	animation-iteration-count: infinite;
	animation-delay: .25s;
}
.shake:hover {
	animation-play-state: paused;
}

.always-move {
	/* Start the shake animation and make the animation last for 0.5 seconds */
	animation: move 0.6s;

	/* When the animation is finished, start again */
	animation-iteration-count: infinite;
}

.pulse {
	animation: pulse .75s;
	animation-iteration-count: infinite;
}

.always-pulse {
	/* Start the shake animation and make the animation last for 0.5 seconds */
	animation: light-pulse .75s;
	transition: all .4s;

	/* When the animation is finished, start again */
	animation-iteration-count: infinite;
}
.always-pulse:hover {
	animation: none;
	transition: all .4s;
}
.always-pulse:hover .fas {
	display: inline-block;
	margin-top: 1px;
}

.hue-rotate {
	animation: hue-rotate 10s;
	animation-iteration-count: infinite;
	color: #dcaeff !important;
}
@keyframes hue-rotate {
	0% { filter: hue-rotate(0deg); }
	25% { filter: hue-rotate(90deg); }
	50% { filter: hue-rotate(180deg); }
	75% { filter: hue-rotate(270deg); }
	100% { filter: hue-rotate(359deg); }
}

@keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
	2% { transform: translate(-1px, -2px) rotate(-1deg); }
	4% { transform: translate(-3px, 0px) rotate(1deg); }
	6% { transform: translate(3px, 2px) rotate(0deg); }
	8% { transform: translate(1px, -1px) rotate(1deg); }
	10% { transform: translate(-1px, 2px) rotate(-1deg); }
	12% { transform: translate(-3px, 1px) rotate(0deg); }
	14% { transform: translate(3px, 1px) rotate(-1deg); }
	16% { transform: translate(-1px, -1px) rotate(1deg); }
	18% { transform: translate(1px, 2px) rotate(0deg); }
	20% { transform: translate(1px, -2px) rotate(-1deg); }
	22% { transform: translate(1px, 1px) rotate(0deg); }
	24% { transform: translate(-1px, -2px) rotate(-1deg); }
	26% { transform: translate(-3px, 0px) rotate(1deg); }
	28% { transform: translate(3px, 2px) rotate(0deg); }
	30% { transform: translate(1px, -1px) rotate(1deg); }
	32% { transform: translate(-1px, 2px) rotate(-1deg); }
	34% { transform: translate(-3px, 1px) rotate(0deg); }
	36% { transform: translate(3px, 1px) rotate(-1deg); }
	38% { transform: translate(-1px, -1px) rotate(1deg); }
	40% { transform: translate(1px, 2px) rotate(0deg); }
	42% { transform: translate(1px, -2px) rotate(-1deg); }
	44% { transform: translate(1px, 1px) rotate(-1deg); }
	46% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes move {
	0% { transform: translate(-6px, 0) rotate(0deg); }
	50% { transform: translate(0, 0) rotate(-1deg); }
	100% { transform: translate(-6px, 0) rotate(-1deg); }
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

@keyframes light-pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.05); }
	100% { transform: scale(1); }
}