.unc-slider-buttons
	animation: start 1.5s forwards
	background-color rgba(0,0,0,0.9)
	height 100%
	left 0
	opacity 0
	position absolute
	top 0
	width 100%
	z-index 1
	
	.unc-sb-slide
		align-items center
		color white
		display flex
		height calc(100% - 100px)
		padding 1em
		
		.unc-sb-content
			max-width 400px
			
			&.animated
				animation-duration 1s					
		
		.unc-sb-title
			margin-bottom 2em
		
		h1, h2, h3, h4, h5, h6
			color white
	
	.unc-sb-menu
		align-items center
		display flex
		height 100px
		justify-content space-around
		width 100%
		
		.unc-sb-menu-item
			.unc-sb-menu-title
				color #888
				font-size .85em

			.unc-sb-menu-circle
				border 4px solid #888
				border-radius 50%
				cursor pointer
				height 20px
				margin 0 auto
				margin-top 8px
				position relative
				width 20px
				
			&.currentSlide
				.unc-sb-menu-title
					color white

				.unc-sb-menu-circle
					border-color white
					animation circleActived 1s infinite

					&:after
						animation circleWave 1s infinite
						border thin solid white
						border-radius 50%
						content: ''
						height 20px
						left -4px
						position absolute
						top -4px
						width 20px

@keyframes start
	from {
		opacity 0
	}
	to {
		opacity 1
	}

@keyframes circleActived
	0%
		border-color #777
	
	50%
		border-color white
	
	100%
		border-color #777

@keyframes circleWave
	from
		transform scale(1.2)
		border-color white
	to
		transform scale(1.7)
		border-color #777