.fx_flipover {
  animation: fx_flipover 1s;
  transform: scale(1);
}
@keyframes fx_flipover {
  0% { transform: rotateX(0) scaleY(1); opacity: 1; }
  50% { transform: rotateX(90deg) scaleY(1); opacity: .7; }
  100% { transform: rotateX(0) scaleY(1); opacity: 1;}
}
.fx_bounce_in {
  animation: fx_bounce_in 1s;
  transform: scale(1);
}
@keyframes fx_bounce_in {
  0% { transform: scale(1); opacity: 1 }
  50% { transform: scale(.5); opacity: .7; }
  /* 60% { transform: scale(0.6); opacity: 1 }
  80% { transform: scale(1.1) } */
  100% { transform: scale(1) }
}
.fx_bounce_out {
  animation: fx_bounce_out 1s;
  transform: scale(1);
}
@keyframes fx_bounce_out {
  0% { transform: scale(1); opacity: 1 }
  50% { transform: scale(1.6); opacity: .7; }
  60% { transform: scale(0.6); opacity: 1 }
  80% { transform: scale(1.1) }
  100% { transform: scale(1) }
}
.fx_bounce_in_out {
  animation: fx_bounce_in_out 1s;
  transform: scale(1);
  transform-origin: center;
}
@keyframes fx_bounce_in_out {
  0% { transform: scale(1); opacity: 1 }
  30% { transform: scale(.5); opacity: .7; }
  70% { transform: scale(1.75); opacity: 1 }
  100% { transform: scale(1) }
}

/* tooltip */
.fx_tooltip {
	position: relative;
}
.fx_tooltip:before,
.fx_tooltip:after {
	position: absolute;
	z-index: 200;
	visibility: hidden;
	opacity: 0;
	transform: scale(.8);
	transform-origin: bottom center;
	transition: visibility 0s linear .5s, opacity .5s, transform .5s;
}
.fx_tooltip:hover:before,
.fx_tooltip:hover:after {
	transition-delay: 0s;
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
.fx_tooltip:before {
	border: 6px solid transparent;
	content: '';
	width: 0;
	z-index: 200;
}
.fx_tooltip:before,
.fx_tooltip_top_left:before,
.fx_tooltip_top_right:before,
.fx_tooltip_top:before {
	top: 0;
	right: 50%;
	margin-right: -6px;
	border-top-color: rgba(51,51,51,.9);
	transform-origin: top center;
}
.fx_tooltip_bottom_left:before,
.fx_tooltip_bottom_right:before,
.fx_tooltip_bottom:before {
	top: unset;
	bottom: 0;
	right: 50%;
	margin-right: -6px;
	border-bottom-color: rgba(51,51,51,.9);
	border-top-color: transparent;
	transform-origin: bottom center;
}
.fx_tooltip:after {
	content: attr(alt);
	background: rgba(51,51,51,.9);
	border-radius: 4px;
	color: white;
	font-size: 12px;
	line-height: 18px;
	padding: 9px 12px;
	text-align: center;
	white-space: pre-line;
	display: block;
    width: 180px;
}

.fx_tooltip:after,
.fx_tooltip_top_left:after,
.fx_tooltip_top_right:after,
.fx_tooltip_top:after {
	bottom: 100%;
}
.fx_tooltip_bottom_left:after,
.fx_tooltip_bottom_right:after,
.fx_tooltip_bottom:after {
	top: 100%;
	bottom: unset;
}
.fx_tooltip:after,
.fx_tooltip_top:after {
	left: auto;
	right: auto;
	margin: 0 auto;
    transform-origin: bottom center;
}
.fx_tooltip_top_left:after {
	right: 0;
    transform-origin: bottom right;
}
.fx_tooltip_top_right:after {
	left: 0;
    transform-origin: bottom left;
}
.fx_tooltip_bottom:after {
	left: auto;
	right: auto;
	margin: 0 auto;
    transform-origin: top center;
}
.fx_tooltip_bottom_left:after {
	right: 0;
    transform-origin: top right;
}
.fx_tooltip_bottom_right:after {
	left: 0;
    transform-origin: top left;
}

.fx_before_out_5:before {
	transition: margin .5s ease-in;
}
.fx_before_out_5:hover:before {
    margin: -5px;
	/* top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px; */
}
.fx_before_90:before {
	transition: transform .5s ease-in;
}
.fx_before_90:hover:before {
	transform: scale(.9);
}
.fx_before_110:before {
	transition: transform .5s ease-in;
}
.fx_before_110:hover:before {
	transform: scale(1.1);
}
.fx_before_125:before {
	transition: transform .5s ease-in;
}
.fx_before_125:hover:before {
	transform: scale(1.25);
}
.fx_before_150:before {
	transition: transform .5s ease-in;
}
.fx_before_150:hover:before {
	transform: scale(1.50);
}
.fx_hover_110:hover {
	transform: scale(1.10);
}
.fx_fadein_parent_hover {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.5s, opacity .5s;
}
:hover > .fx_fadein_parent_hover {
	transition-delay:0s;
	visibility: visible;
	opacity: 1;
}
.fx_translucent_hover {
	opacity: 1;
	transition: opacity .5s;
}
.fx_translucent_hover:hover {
	opacity: .85;
}
.fx_opaque_hover {
	opacity: .85;
	transition: opacity .5s;
}
.fx_opaque_hover:hover {
	opacity: 1;
}
/* .destacar_barra > a {
	position: relative;
} */
.destacar_barra {
	position: relative;
}
.destacar_barra > a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4px;
	opacity: 0;
}
.destacar_barra > a:hover:before {
	opacity: 1;
}

/********************************* responsive *********************************/
}
/*0001*/
/********* xs *********/
@media (max-width: 767px) {
}

/*0010*/
/********* sm *********/
@media (min-width: 768px) and (max-width: 991px) {
}

/*0011*/
/********* xs,sm *********/
@media (max-width: 991px) {
	.fx_toggle_cross .icon-bar {
		position: relative;
		transition: background-color .5s ease;
	}
	.fx_toggle_cross .icon-bar.middle:before,
	.fx_toggle_cross .icon-bar.middle:after {
		display: block;
		height: 2px;
		width: 22px;
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		transition: transform .5s ease;
	}
	.navbar-collapse.in + .fx_toggle_cross .icon-bar {
		background: transparent;
	}
	.navbar-collapse.in + .navbar-toggle.fx_toggle_cross .icon-bar.middle:before{
		-ms-transform: rotate3d(0,0,1,45deg);
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
	}
	.navbar-collapse.in + .navbar-toggle.fx_toggle_cross .icon-bar.middle:after {
		-ms-transform: rotate3d(0,0,1,-45deg);
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
	}
}

/*0100*/
/********* md *********/
@media (min-width: 992px) and (max-width: 1199px) {
}

/*0101*/

/*0110*/
/********* sm,md *********/
@media (min-width: 768px) and (max-width: 1199px) {
}

/*0111*/
/********* xs,sm,md *********/
@media (max-width: 1199px) {
}

/*1000*/
/********* lg *********/
@media (min-width: 1200px) {
}

/*1001*/
/*1010*/
/*1011*/

/*1100*/
/********* md,lg *********/
@media (min-width: 992px) {
	.destacar_filete:after {
		content: " ";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 0 7px;
		height: 2px;
		opacity: 0;
		transition: bottom .3s, opacity .3s;
	}
	.destacar_filete:hover:after,
	.destacar_filete.activo:after {
		bottom: 4px;
		opacity: 1;
	}
}

/*1110*/
/********* sm,md,lg *********/
@media (min-width: 768px) {
}
