.no-feature + #body {
	padding-top: 100px;
}

.home #main-nav.affix-top .navbar {
	background: #000;
	/*background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );*/
}

.main-feature {
	position: relative;
	z-index: 0;
	overflow: hidden;
	background: #000;
}

.feature-video-container {
    overflow: hidden;
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.feature-video {
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background-size: cover;
    transition: 1s opacity;
    pointer-events: none;
}

/*
.main-feature:before {
	content: "";
	height: 100%;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	position: absolute;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}*/

.main-feature + #body,
.page-heading + #body {
	position: relative;
	padding-top: 30px;
}

.main-feature + #body > .container,
.page-heading + #body > .container {
	position: relative;
	z-index: 3;
}

.main-feature + #body:before,
.page-heading + #body:before {
	content: "";
	height: 200px;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	position: absolute;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}

.feature-slide__bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
}

.feature-slide__content {
	max-height: 100%;
}

.feature-slide__content:after {
	z-index: 10;
}

.feature-slide__content .container {
	position: relative;
	z-index: 15;
}

.feature-slide {
	width: 100%;
	height: 100%;
}

.feature-slide.js-slide {
	height: 100%;
}

.feature-slide__meta {
	background: #299b59;
	color: #fff;
	font-weight: 600;
	padding: 6px 20px 5px;
	border-radius: 3px;
}

/*.main-feature .page-heading {
	background: transparent !important;
}*/


.main-feature__pager {
	position: absolute;
	bottom: 5px;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 110;
/*	opacity: 0;*/
	transition: all 0.4s cubic-bezier(.17,.67,.72,.73);
	line-height: 1em;
}

.main-feature__pager span {
	width: 8px;
	height: 8px;
	margin: 0 10px;
	display: inline-block;
	background: #fff;
	border-radius: 3px;
	text-indent: -9999px;
	transition: all 0.2s linear;
	cursor: pointer;
	border-radius: 100%;
}

.main-feature .page-heading {
	padding-bottom: 160px;
}

@media (min-width: 480px) {
	.main-feature__pager {
		bottom: 20px;
		display: block;
	}
	.main-feature__pager span {
/*		width: 12px;
		height: 12px;*/
		margin: 0 8px;
	}
	.main-feature .page-heading {
		padding-bottom: 200px;
	}
}

@media (min-width: 768px) {
	.main-feature .page-heading {
		padding-bottom: 20% !important;
	}
}

@media (min-width: 1200px) {
	.main-feature .page-heading {
		padding-bottom: 240px !important;
	}
}

.main-feature__pager span.js-pager--active {
	background: #299b59;
}


.mod_js .feature-slide:not(.js-slide--active) .container > * {
    opacity: 0;
}

.mod_js .feature-slide.js-slide--active .container > *:nth-child(1) {
    opacity: 0;
    -webkit-animation: fadeIn 0.45s linear 0.4s forwards;
    -moz-animation: fadeIn 0.45s linear 0.4s forwards;
    -o-animation: fadeIn 0.45s linear 0.4s forwards;
    -ms-animation: fadeIn 0.45s linear 0.4s forwards;
    animation: fadeIn 0.45s linear 0.4s forwards;
}

.mod_js .feature-slide.js-slide--active .container > *:nth-child(2) {
    opacity: 0;
    -webkit-animation: fadeIn 0.45s linear 0.5s forwards;
    -moz-animation: fadeIn 0.45s linear 0.5s forwards;
    -o-animation: fadeIn 0.45s linear 0.5s forwards;
    -ms-animation: fadeIn 0.45s linear 0.5s forwards;
    animation: fadeIn 0.45s linear 0.5s forwards;
}

.mod_js .feature-slide.js-slide--active .container > *:nth-child(3) {
    opacity: 0;
    -webkit-animation: fadeIn 0.45s linear 0.6s forwards;
    -moz-animation: fadeIn 0.45s linear 0.6s forwards;
    -o-animation: fadeIn 0.45s linear 0.6s forwards;
    -ms-animation: fadeIn 0.45s linear 0.6s forwards;
    animation: fadeIn 0.45s linear 0.6s forwards;
}

.mod_js .feature-slide.js-slide--active .container > *:nth-child(4) {
    opacity: 0;
    -webkit-animation: fadeIn 0.45s linear 0.7s forwards;
    -moz-animation: fadeIn 0.45s linear 0.7s forwards;
    -o-animation: fadeIn 0.45s linear 0.7s forwards;
    -ms-animation: fadeIn 0.45s linear 0.7s forwards;
    animation: fadeIn 0.45s linear 0.7s forwards;
}

.mod_js .feature-slide.js-slide--active .container > *:nth-child(5) {
    opacity: 0;
    -webkit-animation: fadeIn 0.45s linear 0.8s forwards;
    -moz-animation: fadeIn 0.45s linear 0.8s forwards;
    -o-animation: fadeIn 0.45s linear 0.8s forwards;
    -ms-animation: fadeIn 0.45s linear 0.8s forwards;
    animation: fadeIn 0.45s linear 0.8s forwards;
}

.mod_js .feature-slide.js-slide--active .container > *:nth-child(6) {
    opacity: 0;
    -webkit-animation: fadeIn 0.45s linear 0.9s forwards;
    -moz-animation: fadeIn 0.45s linear 0.9s forwards;
    -o-animation: fadeIn 0.45s linear 0.9s forwards;
    -ms-animation: fadeIn 0.45s linear 0.9s forwards;
    animation: fadeIn 0.45s linear 0.9s forwards;
}