/*============================*/
/*	Revolution slider
/*============================*/

#hero
	display: block
	width: 100%
	height: 100%
	overflow: hidden
	background: #f1f1f1
	position: relative

.banner
	width: 100%
	overflow: hidden
	position: relative

	> ul
		display: none

.tp-caption

	&.tp-heading
		font-weight: bold
		font-size: 60px
		text-transform: uppercase
		letter-spacing: 2px
		margin: 0
		font-family: $primary-font

	&.tp-heading2
		font-weight: 400
		font-size: 26px
		text-transform: uppercase
		letter-spacing: 6px
		margin: 0
		font-family: $primary-font

	&.tp-heading3
		font-size: 26px
		text-transform: uppercase
		letter-spacing: 0px
		display: inline-block
		padding: 0 80px
		margin: 0
		font-family: $primary-font

		&:after , &:before
			content: ""
			position: absolute
			width: 2em
			height: 4px
			border: 1px solid
			border-width: 1px 0
			left: 0
			top: 50%
			margin-top: -1.5px

		&:before
			left: auto
			right: 0

	.btn
		margin: 0 10px
		font-family: $primary-font
		font-size: 16px

		&.btn-default
			background-color: transparent
			color: #fff




.tp-bullets.simplebullets
	.bullet
		background: rgba( #fff , 0) !important
		box-shadow: none
		width: 16px !important
		height: 16px !important
		border: 2px solid #fff !important
		border-radius: 50%
		margin: 4px !important
		@extend .transition

		&.selected , &:hover
			background: rgba( #fff , 1) !important



.tp-leftarrow.default , .tp-rightarrow.default
	background: none  !important
	border: 2px solid #fff !important
	box-sizing: content
	border-radius: 50%
	line-height: 40px
	text-align: center
	font-size: 24px
	color: #fff
	+box-sizing(content-box)
	@extend .transition

	&:before
		content: "\f104"
		font-family: "FontAwesome"
		
	&:hover
		+opacity(.6)

.tp-rightarrow.default
	&:before
		content: "\f105"