
/*============================*/
/*	Helper
/*============================*/

// Opacity
@mixin opacity($opacity)
	opacity: $opacity
	// IE8 filter
	$opacity-ie: ($opacity * 100)
	filter: #{alpha(opacity=$opacity-ie)}

.transition
	transition: all 0.6s ease 0s

.bg-primary
	background-color: $main-color

.bg-secondary 
	background: #f7f7f7
	border: 1px solid #ededed
	border-width: 1px 0

.tb
	display: table
	height: 100%
	position: relative
	width: 100%

.tb-cell
	display: table-cell
	height: 100%
	text-align: center
	vertical-align: middle

.no-margin
	margin: 0 !important

.no-margin-top
	margin-top: 0

.no-margin-bottom
	margin-bottom: 0

.margin-bottom-10
	margin-bottom: 10px

.margin-bottom-20
	margin-bottom: 20px

.margin-bottom-30
	margin-bottom: 30px

.margin-bottom-40
	margin-bottom: 40px

.margin-bottom-60
	margin-bottom: 60px

.margin-bottom-80
	margin-bottom: 80px

.no-padding
	padding: 0

.padding
	padding: 80px 0

.padding-top
	padding: 80px 0 0

.padding-20
	padding: 20px 0

.padding-30
	padding: 30px 0

.padding-50
	padding: 50px 0

#wrap
	position: relative

.container
	position: relative


// .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
// 	@media (max-width: 990px)
// 		margin-bottom: 20px


#preloader
	background: url("../images/preloader.gif") no-repeat scroll center center #fff
	height: 100%
	position: fixed
	width: 100%
	z-index: 999999

.section
	overflow: hidden
	position: relative
	width: 100%
	z-index: 0

.parallax
	background-attachment: fixed
	background-image: url("../images/other/parallax.jpg")
	background-position: 50% 0
	background-repeat: no-repeat
	background-size: 100% auto

	@media (max-width: 990px)
		background-size: cover !important
		background-position: 50% 0 !important

.header-section
	margin: 0 0 60px
	text-align: center

	h2
		font-size: 26px
		margin: 0
		padding: 0 0 20px
		position: relative
		text-transform: uppercase

		&:after
			border: 1px solid
			border-width: 1px 0
			bottom: 0
			color: #ddd
			content: ""
			height: 3px
			left: 50%
			margin-left: -35px
			position: absolute
			width: 70px

	p
		margin: 20px auto 0
		max-width: 600px

	&.white
		h2, h2:after, p 
			color: #fff

	&.style-2
		margin: 0 0 40px
		text-align: left
		h2
			&:after
				left: 0
				margin-left: 0



.video-controls
	background: rgba(#fff, 0.1)
	bottom: 20px
	color: #fff
	display: inline-block
	font-size: 14px
	height: 25px
	left: 20px
	line-height: 25px
	overflow: hidden
	position: absolute
	text-align: center
	width: 25px

	.play, .pause 
		cursor: pointer

	&.style-2
		background: $main-color
		font-size: 32px
		height: 65px
		line-height: 65px
		margin: 30px 0 20px
		position: static
		width: 65px


.social-icons
	display: block
	margin: 0
	padding: 0
	font-size: 0

	a.fa
		background: #fff
		border: 1px solid #ededed
		color: #777
		margin: 0 5px 5px 0
		display: inline-block
		font-size: 16px
		height: 40px
		line-height: 40px
		position: relative
		text-align: center
		width: 40px

		&:hover
			background: #fafafa

		&.fa-rss
			&:hover
				color: #ee802f
		&.fa-facebook
			&:hover
				color: #3b5998
		&.fa-twitter
			&:hover
				color: #00acee
		&.fa-google-plus
			&:hover
				color: #dd4b39
		&.fa-pinterest
			&:hover
				color: #c8232c
		&.fa-youtube
			&:hover
				color: #c4302b
		&.fa-instagram
			&:hover
				color: #3f729b
		&.fa-dribbble
			&:hover
				color: #ea4c89
		&.fa-linkedin
			&:hover
				color: #0e76a8
		&.fa-flickr
			&:hover
				color: #ff0084
		&.fa-vimeo-square
			&:hover
				color: #44bbff
		&.fa-stumbleupon
			&:hover
				color: #f74425
		&.fa-tumblr
			&:hover
				color: #34526f
		&.fa-skype
			&:hover
				color: #00aff0
		&.fa-github
			&:hover
				color: #171515



.page-not-found
	font-size: 20px
	padding: 100px 0
	position: relative
	text-align: center
	.fa 
		color: #fafafa
		font-size: 280px
		left: 0
		position: absolute
		width: 100%
		z-index: -1
	h2 
		font-size: 180px
		font-weight: bold
		line-height: 1
		margin: 0 0 40px
