@font-face
{
	font-family: neon;
	src: url(../s.cdpn.io/707108/neon.ttf);
}

.neon
{
	font-family: a_AvanteTitulInline;
	color: #FB4264;
	font-size: 9vw;
	line-height: 9vw;
	text-shadow: 0 0 3vw #F40A35;
}

.flux {
    font-family: Conv_avantet;
    color: green;
    /*font-size: 9vw;*/
    line-height: 9vw;
    text-shadow: 0 0 3vw #2356FF;
}

.neon
{
	animation: neon 1s ease infinite;
	-moz-animation: neon 1s ease infinite;
	-webkit-animation: neon 1s ease infinite;
}

@keyframes neon
{
	0%, 100%
	{
		text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
		color: #FED128;
	}

	50%
	{
		text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
		color: #806914;
	}
}

.flux
{
	animation: flux 5s linear infinite;
	-moz-animation: flux 5s linear infinite;
	-webkit-animation: flux 5s linear infinite;
	-o-animation: flux 5s linear infinite;
}

@keyframes flux
{
	0%, 100%
	{
		text-shadow: 0 0 1vw #ccff00, 0 0 3vw #ccff00, 0 0 10vw #ccff00, 0 0 10vw #ccff00, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;
		color: #28D7FE;
	}

	50%
	{
		text-shadow: 0 0 .5vw #ccff00, 0 0 1.5vw #ccff00, 0 0 5vw #ccff00, 0 0 5vw #ccff00, 0 0 .2vw #ccff00, .5vw .5vw .1vw #0A3940;
		color: #146C80;
	}
}


.carousel-inner.vertical
{
	height: 100%; /*Note: set specific height here if not, there will be some issues with IE browser*/
}

	.carousel-inner.vertical > .item
	{
		-webkit-transition: .6s ease-in-out top;
		-o-transition: .6s ease-in-out top;
		transition: .6s ease-in-out top;
	}

@media all and (transform-3d), (-webkit-transform-3d)
{
	.carousel-inner.vertical > .item
	{
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		perspective: 1000;
	}

		.carousel-inner.vertical > .item.next,
		.carousel-inner.vertical > .item.active.right
		{
			-webkit-transform: translate3d(0, 33.33%, 0);
			transform: translate3d(0, 33.33%, 0);
			top: 0;
		}

		.carousel-inner.vertical > .item.prev,
		.carousel-inner.vertical > .item.active.left
		{
			-webkit-transform: translate3d(0, -33.33%, 0);
			transform: translate3d(0, -33.33%, 0);
			top: 0;
		}

			.carousel-inner.vertical > .item.next.left,
			.carousel-inner.vertical > .item.prev.right,
			.carousel-inner.vertical > .item.active
			{
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				top: 0;
			}
}

.carousel-inner.vertical > .active
{
	top: 0;
}

.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev
{
	top: 0;
	height: 100%;
	width: auto;
}

.carousel-inner.vertical > .next
{
	left: 0;
	top: 33.33%;
	right: 0;
}

.carousel-inner.vertical > .prev
{
	left: 0;
	top: -33.33%;
	right: 0;
}

	.carousel-inner.vertical > .next.left,
	.carousel-inner.vertical > .prev.right
	{
		top: 0;
	}

.carousel-inner.vertical > .active.left
{
	left: 0;
	top: -33.33%;
	right: 0;
}

.carousel-inner.vertical > .active.right
{
	left: 0;
	top: 33.33%;
	right: 0;
}

#carousel-pager .carousel-control.left
{
	bottom: initial;
	width: 100%;
}

#carousel-pager .carousel-control.right
{
	top: initial;
	width: 100%;
}

/*#####################
Additional Styles (required)
#####################*/
#myCarousel .carousel-caption
{
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
	padding: 10px;
	background: rgba(0,0,0,0.6);
	text-shadow: none;
}

#myCarousel .list-group
{
	position: absolute;
	top: 0;
	right: 0;
}

#myCarousel .list-group-item
{
	border-radius: 0px;
	cursor: pointer;
}

#myCarousel .list-group .active
{
	background-color: #eee;
}

@media (min-width: 992px)
{
	#myCarousel
	{
		padding-right: 33.3333%;
	}

		#myCarousel .carousel-controls
		{
			display: none;
		}
}

@media (max-width: 991px)
{
	.carousel-caption p,
	#myCarousel .list-group
	{
		display: none;
	}
}