/*  ================================================
	Author: Codeberry
	Name: Fusion
	URL: https://codeberry.net/product/fusion
	Version: 1.0
	================================================ */

/* Import fonts and icons */
@import url("font-awesome.min.css");
@import url("framework.css");
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,600");

/* 1. Content elements */
::selection {
	color:#ffffff;
	background: #222222;
}

::-moz-selection {
	color: #ffffff;
	background: #222222;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

body {
	font-family: "Nunito Sans", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	background: #ffffff;
	color: #555555;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

section {
	overflow: hidden;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	color: #333333;
	font-style: normal;
	line-height: 1.17em;
	margin: 0 0 15px;
}

h1 {
	font-size: 30px;
	letter-spacing: -0.05em;
}

h2 {
	font-size: 20px;
	letter-spacing: -0.05em;
}

h3 {
	font-size: 16px;
	letter-spacing: -0.05em;
}

h4 {
	font-size: 13px;
	letter-spacing: -0.05em;
	text-transform: uppercase;
}

h5 {
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
}

h6 {
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
}

p {
	font-size: 0.9em;
	color: #555555;
	line-height: 1.8em;
	margin: 0 0 0.7em;
}

@media (min-width: 1200px) {
	h1 {
		font-size: 48px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 15px;
	}

	h5 {
		font-size: 13px;
	}

	h6 {
		font-size: 13px;
	}

	p {
		font-size: 1em;
	}
}

@media (min-width: 768px) {
	h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 17px;
	}

	h4 {
		font-size: 14px;
	}

	h5 {
		font-size: 12px;
	}

	h6 {
		font-size: 12px;
	}

	p {
		font-size: 1em;
	}

	p.small {
		font-size: 14px;
	}
}

/* a,
 a:visited {
	color: #4285f4;
	font-weight: 400;
	text-decoration: none;
} */

a:hover {
	text-decoration: underline;
}

.highlight-text {
	color: #4285f4;
}

strong {
	font-weight: 600;
}

em {
	font-style: italic;
}

small {
	font-size: 0.8em;
}

.accent h1,
.accent h2,
.accent h3,
.accent h4,
.accent h5,
.accent h6,
.accent p {
	color: #ffffff;
}

.accent a,
.accent a:visited {
	color: #ffffff;
	text-decoration: underline;
	-webkit-transition: opacity 0.25s linear;
	   -moz-transition: opacity 0.25s linear;
		 -o-transition: opacity 0.25s linear;
			transition: opacity 0.25s linear;
}

.accent a:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: opacity 0.25s linear;
	   -moz-transition: opacity 0.25s linear;
		 -o-transition: opacity 0.25s linear;
			transition: opacity 0.25s linear;
}

/* Light and dark text */
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6 {
	color: #333333;
}

.light p {
	color: #7a7a7a;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
	color: #f2f2f1;
}

.dark p {
	color: #e0e0dd;
}

/* Content styling*/
.content {
	padding-top: 35px;
	padding-bottom: 25px;
}

.accent {
	background: rgba(26, 26, 26, 0.8);
}

.light {
	background: #f7f7f7;
}

.dark {
	background: #222222;
}

.title {
	padding-bottom: 15px;
}

.parallax {
	width: 100%;
	background-size: cover;
	background-attachment: scroll;
	background-position: top center;
}

.padded {
	padding-bottom: 10px;
}

.center {
	text-align: center;
}

.center-mobile {
	text-align: center;
}

@media (min-width: 1920px) {
	.parallax {
		background-size: cover;
	}

	.hero.parallax {
		background-size: contain;
	}
}

@media (min-width: 1200px) {
	.content {
		padding-top: 90px;
		padding-bottom: 80px;
	}

	.title {
		padding-bottom: 15px;
	}

	.parallax {
		background-position: 50%;
		background-size: auto;
		background-attachment: fixed;
	}
}

@media (max-width: 1200px) {
	.parallax {
		background-position: top center!important;
	}
}

@media (min-width: 768px) {
	.content {
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.center-mobile {
		text-align: left;
	}
}

/* Icon styling */
.icons {
	margin-left: 10px;
	margin-right: 10px;
}

.icons:hover {
	opacity: .95;
	-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
}

.icons.huge {
	font-size: 60px;
}

.icons.medium-huge {
	font-size: 50px;
}

.icons.medium {
	font-size: 40px;
}

.icons.medium-small {
	font-size: 30px;
}

.icons.small {
	font-size: 18px;
}

.icons.tiny {
	font-size: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

/* Button styling */
a.button {
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 25px;
	display: inline-block;
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
			border-radius: 1px;
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

a.button:hover {
	color: #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);
}

a.button.white {
	color: #ffffff;
	border: 1px solid rgb(255, 255, 255);
	border: 1px solid rgba(255, 255, 255, .7);
}

a.button.white:hover {
	background:rgba(255, 255, 255, .1);
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

a.button.gray {
	color: #333333;
	background: transparent;
	border: 1px solid rgb(51, 51, 51);
	border: 1px solid rgba(51, 51, 51, .5);
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

a.button.gray:hover {
	color: #f2f2f1;
	background: #333333;
	border: 1px solid #333333;
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

a.button.accent {
	color: #4285f4;
	background: transparent;
	border: 1px solid rgb(66, 133, 244);
	border: 1px solid rgba(66, 133, 244, .5);
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

a.button.accent:hover {
	color: #ffffff;
	background: #4285f4;
	border: 1px solid #4285f4;
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

a.button.accent-alt {
	color: #4285f4;
	background: transparent;
	border: 1px solid rgb(66, 133, 244);
	border: 1px solid rgba(66, 133, 244, .5);
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

a.button.accent-alt:hover {
	color: #ffffff;
	background: #4285f4;
	border: 1px solid #4285f4;
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

@media (min-width: 1200px) {
	a.button {
		font-size: 13px;
		padding: 15px 45px;
	}
}

@media (min-width: 768px) {
	a.button {
		font-size: 12px;
		padding: 12px 35px;
	}
}

/* Header and navigation */
header {
	position: absolute;
}

@media (min-width: 1200px) {
	nav {
		position: absolute;
	}
}

.sticky-header {
	display: none;
}

header.mobile {
	width: 100%;
	padding-top: 3px;
	top: auto!important;
	z-index: 99;
	overflow: hidden;
}

header.mobile .logo {
	width: 25px;
	height: 30px;
	margin-left: 20px;
	float: left;
}

header.mobile .nav-menu-button {
	display: block;
	background: transparent;
	padding: 0;
	/* margin-right: 11px; */
	float: right;
	width: 108px;
	border: none;
}

header.mobile .nav-menu-button .button-bars {
	height: 33px;
	width: 8px;
	display: block;
	padding-right: 53px;
	background: url(../images/icons/menu-lines.png) no-repeat;
	background-size: 10px 11px;
	background-position: center left;
	filter: invert(100%);
}

header.mobile .nav-menu-button.open .button-bars {
	background: url(../images/icons/menu-close.png) no-repeat;
	background-size: 11px 13px;
	background-position: center left;
	filter: invert(100%);
}

header.mobile .nav-menu-button .button-bars:after {
	font-size: 16px;
	color: color: #514f4e !important;
	line-height: 35px;
	display: block;
	margin-left: 15px;
	content: "Menu";
	text-transform: uppercase;
}

header.mobile .nav-menu-button.open .button-bars:after {
	font-size: 12px;
	color: #ffffff;
	line-height: 35px;
	display: block;
	margin-left: 15px;
	content: "Close";
	text-transform: uppercase;
	text-decoration: none;
}

nav.mobile {
	overflow: visible !important;
}

nav.mobile .navigation-content {
	margin: 0px 20px 20px 20px;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	display: block !important;
}

nav.mobile .navigation-content li {
	border-top: 1px solid #e8e8e8;
}

nav.mobile .navigation-content li.first,
nav.mobile #navigation-line {
	border-top: none;
}

nav.mobile a {
	font-size: 16px;
	color: #514f4e !important;
	display: block;
	padding: 12px 0px 12px 20px;
	margin-right: 20px;
	/* text-transform: uppercase; */
}

nav.mobile a:hover {
	text-decoration: none;
}

nav.mobile {
	display: none;
	margin-top: 38px;
	width: 100%;
}

nav.mobile .navigation-content li.drop a {
	background: url(../images/icons/drop.png) no-repeat;
	background-size: 9px 5px;
	background-position: right center;
}

nav.mobile .navigation-content li.drop a.open {
	background: url(../images/icons/drop-up.png) no-repeat;
	background-size: 9px 5px;
	background-position: right center;
}

nav.mobile .navigation-content .drop-down-list {
	display: none;
	margin-left: 20px;
}

nav.mobile .navigation-content .drop-down-list li:first-of-type {
	border-top: none;
}

nav.mobile .navigation-content .drop-down-list li:last-of-type {
	padding-bottom: 12px;
}

nav.mobile .navigation-content .drop-down-list li a {
	font-size: 11px;
	padding-left: 40px;
	background: none !important;
}

@media (min-width: 768px) {
	header.mobile {
		/* padding-top: 40px; */
	}

	header.mobile .logo {
		margin-left: 40px;
	}

	header.mobile .nav-menu-button {
		/* margin-right: 40px; */
		color: #514f4e;
	}

	header.mobile .nav-menu-button.open .button-bars:after,
	.nav-menu-button .button-bars:after {
		font-size: 16px;
	}

	nav.mobile .navigation-content {
		margin: 0px 40px 20px 40px;
	}

	nav.mobile a {
		font-size: 16px;
		padding: 16px 0px 16px 10px;
		margin-right: 40px;
	}
	
	nav.mobile .navigation-content .drop-down-list li:last-of-type {
		padding-bottom: 16px;
	}

	nav.mobile .navigation-content .drop-down-list li a { 
		font-size: 16px;
		padding-left: 80px;
	}
}

header.desktop {
	width: 20%;
	padding: 60px 0px 0px 5%;
	left: 0;
	z-index: 99;
}

header.desktop .nav-menu-button {
	display: none;
}

nav.desktop {
	width: 100%;
	overflow: visible !important;
	display: block !important;
	position: absolute;
	/* padding: 0px 5% 0px 0px; */
	right: 0;
	z-index: 99;
}

nav.desktop .navigation-content {
	float: right;
	position: relative;
}

nav.desktop .navigation-content li {
	font-size: 1em;
	font-weight: 600;
	line-height: 2.75em;
	margin-left: 2.188em;
	text-decoration: none;
	float:left;
	}

nav.desktop .navigation-content li a {
	color: #514f4e !important;
	font-size: 16px;
	line-height: 35px;
	/* text-transform: uppercase; */
	text-decoration: none;
	border-bottom: none !important;
}
nav.desktop .navigation-content li a:visited {
	color: #514f4e !important;
	border-bottom: none !important;
}

nav.desktop .navigation-content li a:hover {
	text-decoration: none;
}

nav.desktop .navigation-content li.drop a {
	padding-right: 15px;
	background: url(../images/icons/drop-white.png) no-repeat;
	background-size: 9px 5px;
	background-position: right center;
}

nav.desktop .navigation-content li.drop a.open {
	background: url(../images/icons/drop-up-white.png) no-repeat;
	background-size: 9px 5px;
	background-position: right center;
}

display: none;
	position: absolute;
	background: rgb(219 241 237);
	text-align: left;
	width: 200px;
	top: 100%;
	bottom: auto;
	left: 50%;
	margin-left: -70px;
	border: 1px solid rgb(255, 255, 255);
	border: 1px solid rgba(255, 255, 255, .7);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

nav.desktop .navigation-content .drop-down-list li {
	display: block;
	float: none;
	padding: 0;
}

nav.desktop .navigation-content .drop-down-list a {
	font-size: 12px;
	line-height: 1.2em;
	display: block;
	background: none !important;
	padding: 15px 0px 15px 25px !important;
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

nav.desktop .navigation-content .drop-down-list a:hover {
	background: rgba(255, 255, 255, .2) !important;
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
		 -o-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

#navigation-line {
	height: 1px;
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .7);
}

@media (min-width: 1200px) {
	.sticky-header {
		width: 100%;
		height: 65px;
		position: fixed;
		/* background: rgb(34, 34, 34);
		background: rgba(34, 34, 34, .95); */
		background: rgba(119, 246, 248, 0.8);
		display: none;
		z-index: 98;
		top:0;
		left:0;
	}
}

header.desktop.sticky,
nav.desktop.sticky {
	position: fixed;
	max-height: 65px;
	padding-top: 0;
}
nav.desktop.sticky .navigation-content {

	float: right;
	max-width: 1020px;
	margin-right: 48px;
}
nav.desktop.sticky .navigation-content ul {
	margin-right: 30px;
}
nav.desktop.sticky .navigation-content li a {
	font-size: 16px;
}

nav.desktop.sticky .drop-down-list {
	top: 50px;
	border: none;
	background: rgb(34, 34, 34);
	background: rgba(34, 34, 34, .95);
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
	-webkit-border-bottom-right-radius: 4px;
			border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
			border-bottom-left-radius: 4px;
	   -moz-border-radius-bottomright: 4px;
	   -moz-border-radius-bottomleft: 4px;
}

nav.desktop.sticky .navigation-content .drop-down-list a {
	font-size: 16px;
}

/* Hero section */
.hero { 
	min-height: 350px;
	text-align: center;
}

.hero-content {
	margin-top: 284px;
}

.hero-content-alt {
	margin-top: 260px;
}

.hero .line {
	width: 1px;
	height: 80px;
	display: none;
	margin: 25px auto 0px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .7);
}

.hero p {
	margin: 0;
}

@media (max-width: 768px) {
	.hero-content {
		margin-top: 138px;
	}

	.hero-content-alt {
		margin-top: 120px;
	}
}

@media (max-width: 480px) {
	.hero-content {
		margin-top: 138px;
	}

	.hero-content-alt {
		margin-top: 120px;
	}
}

@media (min-width: 768px) {
	.hero {
		min-height: 420px;
	}

	.hero .line {
		height: 40px;
		margin-top: 10px;
		display: block;
	}

	.hero-content {
		margin-top: 154px;
	}

	.hero-content-alt {
		margin-top: 150px;
	}
}

@media (min-width: 1200px) {
	.hero .line {
		height: 80px;
		margin-top: 50px;
	}

	.hero {
		min-height: 680px;
	}

	.hero-content {
		margin-top: 284px;
	}

	.hero-content-alt {
		margin-top: 260px;
	}
}

/* Project overview section */
.project-overview .button {
	margin-top: 15px;
}

@media (min-width: 768px) {
	.project-overview .button {
		margin-top: 25px;
	}
}

@media (min-width: 1200px) {
	.project-overview .button {
		margin-top: 40px;
	}
}

/* Features section */
.featured-project-image {
	width: 100%;
	min-height: 280px;
	position: static;
	display: block;
	background-position: 50% 20%;
	background-size: cover;
}

.featured-section .feature {
	padding-bottom: 25px;
}

.featured-section .feature h3,
.featured-section .feature p,
.featured-section .feature .social {
	display: inline-block;
}

.feature h3 {
	line-height: 26px;
	vertical-align: middle;
}

.featured-section .feature p {
	width: 100%;
}

.featured-section .feature .social li {
	float: left;
	margin-right: 10px;
}

.featured-section .feature .social li:last-of-type {
	margin-right: 0px;
}

.featured-section .feature .social a {
	color: #7a7a7a;
	-webkit-transition: opacity 0.25s linear;
	   -moz-transition: opacity 0.25s linear;
		 -o-transition: opacity 0.25s linear;
			transition: opacity 0.25s linear;
}

.featured-section .feature .social a:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: opacity 0.25s linear;
	   -moz-transition: opacity 0.25s linear;
		 -o-transition: opacity 0.25s linear;
			transition: opacity 0.25s linear;
}

@media (min-width: 768px) {
	.featured-section {
		position: relative;
	}

	.featured-section .feature h3,
	.featured-section .feature i.icon,
	.featured-section .feature p,
	.featured-section .feature .social {
		float: left;
	}

	.featured-section .feature h3 {
		line-height: 26px;
	}

	.featured-project-image {
		height: 100%;
		width: 40%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
	}
}

@media (min-width: 1200px) {
	.featured-section .feature {
		padding-bottom: 45px;
	}

	.featured-section .feature.last {
		padding-bottom: 0px;
	}
}

/* Hero small section */
.hero.small {
	min-height: 250px;
}

.hero.small .project-navigation {
	padding-top: 25px;
}

.hero.small .project-navigation li {
	margin-right: 35px;
	display: inline-block;
}

.hero.small .project-navigation li:last-of-type {
	margin-right: 0px;
}

.hero.small .project-navigation .icon {
	float: left;
}

.hero.small .project-navigation li a {
	font-size: 11px;
	font-weight: 400;
	line-height: 26px;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
}

.hero.small .project-navigation .previous-project a {
	background: url(../images/icons/white-controls-prev.png) no-repeat left center;
	background-size: 7px 12px;
	padding-left: 18px;
}

.hero.small .project-navigation .next-project a {
	background: url(../images/icons/white-controls-next.png) no-repeat right center;
	background-size: 7px 12px;
	padding-right: 18px;
}

@media (min-width: 768px) {
	.hero.small {
		min-height: 360px;
	}

	.hero.small .line {
		display: block;
		height: 80px;
		margin-top: 30px;
	}

	.hero.small .project-navigation {
		padding-top: 30px;
	}

	.hero.small .project-navigation li {
		margin-right: 70px;
	}

	.hero.small .project-navigation li a {
		font-size: 12px;
	}
}

@media (min-width: 1200px) {
	.hero.small .line {
		height: 80px;
		margin-top: 50px;
	}

	.hero.small {
		min-height: 480px;
	}

	.hero.small .project-navigation {
		padding-top: 70px;
	}

	.hero.small .project-navigation li {
		margin-right: 100px;
	}

	.hero.small .project-navigation li a {
		font-size: 13px;
	}
}

/* Project milestones section */
.project-milestones {
	text-align: center;
	padding-top: 25px;
}

.project-milestones:last-of-type {
	padding-bottom: 25px;
}

.project-milestones .value {
	font-size: 28px;
	color: #333333;
	padding-bottom: 15px;
	letter-spacing: -0.05em;
}

@media (min-width: 768px) {
	.project-milestones {
		text-align: center;
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.project-milestones .value {
		font-size: 38px;
	}
}

@media (min-width: 1200px) {
	.project-milestones {
		text-align: center;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.project-milestones .value {
		font-size: 48px;
	}
}

/* Call to Action section */
.call-to-action {
	text-align: center;
}

/* Project portfolio section */
.project-portfolio-section .title {
	margin-top: 35px;
	padding-bottom: 20px;
}

.project-portfolio-section .mix {
	opacity: 0;
	display: none;
}

.project-filtering {
	text-align: center;
	display: none;
}

.filter {
	font-size: 13px;
	font-weight: 400;
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
	margin: 25px 17px 0 17px;
	opacity: .35;
	filter: alpha(opacity=35);
	-webkit-transition: opacity 0.25s linear;
	   -moz-transition: opacity 0.25s linear;
		 -o-transition: opacity 0.25s linear;
			transition: opacity 0.25s linear;
}

.filter:last-of-type {
	margin-bottom: 25px;
}

.filter.active {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.25s linear;
	   -moz-transition: opacity 0.25s linear;
		 -o-transition: opacity 0.25s linear;
			transition: opacity 0.25s linear;
}

.filter:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.25s linear;
	   -moz-transition: opacity 0.25s linear;
		 -o-transition: opacity 0.25s linear;
			transition: opacity 0.25s linear;
}

.project-portfolio-grid {
	float: left;
	width: 100%;
}

.thumbnail img {
	width: 100%;
}

.thumbnail {
	overflow: hidden;
	width: 100%;
	position: relative;
	display: inline-block;
	float: left;
}

.project-information {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(66, 133, 244);
	background: rgba(66, 133, 244, .85);
	z-index: 2;
}

.project-information .meta-data {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -55px;
}

.project-information .meta-data:after {
	width: 45px;
	height: 1px;
	content: "";
	display: block;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .5);
	margin: 0 auto;
}

.project-information .meta-data h4 {
	color: #ffffff !important;
}

.project-gallery {
	position: relative;
}

.project-gallery,
.project-gallery img {
	width: 100%;
}

.project-gallery .project-previous .bx-prev,
.project-gallery .project-next .bx-next {
	width: 9px;
	height: 17px;
	display: block;
	position: absolute;
	text-indent: -999em;
	top: 50%;
	margin-top: -9px;
	z-index: 60;
}

.project-gallery .project-previous .bx-prev {
	background: url(../images/icons/black-controls-prev.png) no-repeat;
	background-size: 9px 17px;
	left: 5%;
}

.project-gallery .project-next .bx-next {
	background: url(../images/icons/black-controls-next.png) no-repeat;
	background-size: 9px 17px;
	right: 5%;
}

.project-gallery .project-previous .bx-prev.background--dark {
	background: url(../images/icons/white-controls-prev.png) no-repeat;
	background-size: 9px 17px;
}

.project-gallery .project-next .bx-next.background--dark {
	background: url(../images/icons/white-controls-next.png) no-repeat;
	background-size: 9px 17px;
}

.project-gallery .project-controls {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 5%;
	z-index: 60;
}

.project-gallery .project-controls .bx-pager {
	display: block;
}

.project-gallery .project-controls .bx-pager-item {
	display: inline-block;
	margin-right: 10px;
}

.project-gallery .project-controls .bx-pager-item:last-of-type {
	margin-right: 0px;
}

.project-gallery .project-controls .bx-pager-link {
	width: 10px;
	height: 10px;
	display: block;
	text-indent: -999em;
	background: url(../images/icons/slider-pager.png) no-repeat;
	background-size: 10px;
}

.project-gallery .project-controls .bx-pager-link.background--dark {
	background: url(../images/icons/slider-pager-white.png) no-repeat;
	background-size: 10px;
}

.project-gallery .project-controls .bx-pager-link.active {
	background: url(../images/icons/slider-pager-active.png) no-repeat;
	background-size: 10px;
}

.project-gallery .project-controls .bx-pager-link.active.background--dark {
	background: url(../images/icons/slider-pager-active-white.png) no-repeat;
	background-size: 10px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.thumbnail {
		width: 50%;
	}

	.thumbnail.last {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.project-portfolio-section .title {
		margin-top: 60px;
		padding-bottom: 0px;
	}

	.project-filtering {
		text-align: center;
		display: block;
	}

	.filter {
		margin-top: 35px;
	}

	.filter:last-of-type {
		margin-bottom: 35px;
	}

	.thumbnail {
		width: 50%;
	}

	.thumbnail.last {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.filter {
		margin-top: 40px;
	}

	.filter:last-of-type {
		margin-bottom: 40px;
	}

	.thumbnail {
		width: 33.3333333%;
	}

	.thumbnail.last {
		display: block !important;
	}
}

@media (min-width: 1200px) {
	.project-portfolio-section .title {
		margin-top: 90px;
	}

	.filter {
		margin-top: 50px;
	}

	.filter:last-of-type {
		margin-bottom: 50px;
	}
}

@media (min-width: 1921px) {
	.thumbnail {
		width: 25%;
	}

	.thumbnail.last {
		display: none !important;
	}
}

/* Featured absolute section */
.featured-section.absolute .content {
	padding-bottom: 0px;
}

.featured-section.absolute {
	background: -moz-linear-gradient(to top, #f2f2f1 0%, #f2f2f1 85%, #ffffff 85%, #ffffff 100%);
	background: -webkit-linear-gradient(to top, #f2f2f1 0%, #f2f2f1 85%, #ffffff 85%, #ffffff 100%);
	background: -o-linear-gradient(to top, #f2f2f1 0%, #f2f2f1 85%, #ffffff 85%, #ffffff 100%);
	background: linear-gradient(to top, #f2f2f1 0%, #f2f2f1 85%, #ffffff 85%, #ffffff 100%);
}

@media (min-width: 768px) {
	.featured-section.absolute .content {
		padding-bottom: 50px;
	}

	.featured-section.absolute {
		background: #f2f2f1;
		min-height: 765px;
		position: relative;
		overflow: visible;
		margin-bottom: 70px;
	}
}

@media (min-width: 1200px) {
	.featured-section.absolute .content {
		padding-bottom: 80px;
	}

	.featured-section.absolute {
		margin-bottom: 80px;
		min-height: 750px;
	}

	.featured-section.absolute .title {
		padding-bottom: 30px;
	}

	.featured-section.absolute .feature {
		padding-bottom: 25px;
	}
}

/* Contact form section */
#contact-form fieldset {
	padding: 0;
	margin: 0;
	border: none;
}

.form-field span {
	display: block;
}

.form-field span input,
.form-field span textarea {
	font-weight: 400;
	background: #ffffff;
	color: #6f7079;
	border: none;
	outline: none;
	padding: 12px 18px;
	margin-bottom: 16px;
	width: 100%;
	border: 1px solid #e0e0dd;
	-webkit-appearance: none;
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
			border-radius: 1px;
	-webkit-transition: border 0.25s linear;
	   -moz-transition: border 0.25s linear;
			transition: border 0.25s linear;
}

.form-field span input:focus,
.form-field span textarea:focus {
	border: 1px solid rgb(66, 133, 244);
	border: 1px solid rgba(66, 133, 244, .5);
	-webkit-transition: border 0.25s linear;
	   -moz-transition: border 0.25s linear;
			transition: border 0.25s linear;
}

.form-field span textarea {
	height: 180px;
	padding: 18px;
	overflow: auto;
}

.form-field label {
	font-size: 0.8em;
	display: block;
	padding-bottom: 8px;
}

.form-click input {
	font-size: 11px;
	color: #4285f4;
	background: #ffffff;
	margin-right: 15px;
	text-transform: uppercase;
	border: none;
	display: inline-block;
	padding: 10px 25px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	border: 1px solid rgb(66, 133, 244);
	border: 1px solid rgba(66, 133, 244, .5);
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
			border-radius: 1px;
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

.form-click input:hover {
	color: #ffffff;
	background: #4285f4;
	border: 1px solid #4285f4;
	-webkit-transition: background 0.25s linear;
	   -moz-transition: background 0.25s linear;
			transition: background 0.25s linear;
}

#alert {
	margin-top: 25px;
	display: none;
}

.notification {
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 18px;
	text-align: left;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.notification p {
	float: left;
	padding: 0;
	margin: 0;
}

.notification.success {
	border: 1px solid #b3dc82;
}

.notification.success p {
	color: #5f9025;
}

.notification.error {
	border: 1px solid #fbc4c4;
}

.notification.error p {
	color: #de5959;
}

@media (min-width: 768px) {
	.form-field span input,
	.form-field span textarea {
		margin-bottom: 20px;
	}

	.form-field label {
		font-size: 0.9em;
		padding-bottom: 10px;
	}

	.form-click input {
		padding: 12px 35px;
		font-size: 12px;
	}
}

@media (min-width: 1200px) {
	.form-field span input,
	.form-field span textarea {
		margin-bottom: 25px;
	}

	.form-field label {
		font-size: 1em;
		padding-bottom: 12px;
	}

	.form-click input {
		font-size: 12px;
		padding: 12px 35px;
	}
}

/* Footer section */
footer {
	color: #f2f2f1;
	background: #222222;
	padding-top: 50px;
	padding-bottom: 20px;
}

footer .footer-social { 
	padding: 50px 0px;
}

footer .footer-social,
footer .footer-info-list {
	padding: 15px 0px;
}

footer .footer-info-list {
	font-size: 14px;
	text-align: center;
}

footer .footer-social a,
footer .footer-info-list a {
	color: #f2f2f1;
	font-weight: 400;
	margin-left: 10px;
	opacity: .7;
	filter: alpha(opacity=70);
	-webkit-transition: opacity 0.15s linear;
	   -moz-transition: opacity 0.15s linear;
		 -o-transition: opacity 0.15s linear;
			transition: opacity 0.15s linear;
}

footer .footer-social a:hover,
footer .footer-info-list a:hover {
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.15s linear;
	   -moz-transition: opacity 0.15s linear;
		 -o-transition: opacity 0.15s linear;
			transition: opacity 0.15s linear;
}

footer .footer-social,
footer .footer-info-list {
	text-align: center;
}

footer .footer-social li {
	font-size: 16px;
	margin-right: 10px;
	display: inline-block;
}

.footer-info-list li {
	font-size: 14px;
	margin-bottom: 15px;
}

footer .footer-social li:last-of-type,
footer .footer-info-list li:last-of-type {
	margin-right: 0px;
}

footer .footer-social li.copyright,
footer .footer-info-list li.company {
	font-size: 14px;
	color: #aaaaaa;
}

@media (min-width: 768px) {
	footer .footer-social,
	footer .footer-info-list {
		text-align: center;
	}
}

@media (min-width: 992px) {
	footer .footer-social {
		text-align: center;
	}

	footer .footer-social li {
		margin-right: 10px;
	}
}