/* @override 
	http://violi-20-dbox.site.192.168.1.35.xip.io/css/style.css
	http://violi-20-dbox.site.192.168.1.58.xip.io/css/style.css
	http://violi.site.192.168.1.63.xip.io/css/style.css
	http://violi.site/css/style.css
	http://violi-web.vhx.cloud:8080/css/style.css */

@charset "UTF-8";
@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Lato:300,400,900");

/*
	Twenty 1.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body, #skel-layers-wrapper {
		/*background: #f3f6fa;*/
		background: url(../images/bg/main_bg.png) repeat #f0f4f4;
	}

	body.loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

/*	body, input, select, textarea {
		color: #7c8081;
		font-family: 'Lato', sans-serif;
		font-size: 15pt;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}*/
	
	body{
		color: #7c8081;
		font-family: 'Lato', sans-serif;
		font-size: 15pt;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		/*color: #3fb1a3;*/
		color: #172934;
		text-decoration: none;
		border-bottom: dotted 1px;
	}

		a:hover {
			border-bottom-color: transparent;
		}

	strong, b {
		font-weight: 400;
		
		
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0;
	}
	
	
	
	
	
	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h2 {
		font-size: 1.5em;
		letter-spacing: 0.1em;
	}
	
	
	
	h3 {
		font-size: 1.15em;
		letter-spacing: 0.025em;
	}
	
	#projects h3 {
		/*text-transform: capitalize !important;*/
		/*font-size: 1em;*/
		letter-spacing: 0.015em;
		margin-bottom: 1.5em;
	}
	
	
	h5 {
		font-size: .95em;
		letter-spacing: 0.025em;
		color: #17252D;
		font-weight: 500;
		margin-bottom: .4em;
		line-height: 1.1em;
	}
	
	
	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.9);
		border: 0;
		margin-bottom: 1.5em;
	}

	/*blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}*/
	
	
	blockquote {
	  background: #f9f9f9;
	  border-left: 10px solid #ccc;
	  margin: 1.5em 10px 0;
	  padding: 0.5em 10px;
	  quotes: "\201C""\201D""\2018""\2019";
	}
	
	cite {
		display: inline-block;
		/*float: right;*/
		width: 100%;
		text-align: right;
		font-style: italic;
		font-size: .9em;
		padding-right: 25px;
		margin-bottom: 1.5em;
	}
	
	blockquote:before {
	  color: #ccc;
	  content: open-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  margin-right: 0.25em;
	  vertical-align: -0.4em;
	}
	blockquote p {
	  display: inline;
	}
	
	

	section.special, article.special {
		text-align: center;
	}
	
	#projects header {
		/*padding: 0px;
		margin: 0px;
		background: rgba(190, 181, 172, 1);*/
	}
	
	header.major {
		padding-bottom: 2em;
	}

	header.special {
		margin-bottom: 5em;
		padding-top: 7em;
		position: relative;
		text-align: center;
	}

header.special-alt {
	margin-bottom: 5em;
	padding-top: 0em;
	position: relative;
	text-align: center;
	
}
header.special-alt h2#af-logo,header.special-alt h2#vc-logo,header.special-alt h2#v-logo{
				text-indent: -9999px !important;
				display: block;
				width: 100%;
				/*height: 70px;*/
				height: 100px;
}
header.special-alt h2#af-logo {
	background: url('../images/logos/af-logo-long-sm.png') center top no-repeat;

}
header.special-alt h2#vc-logo {
	background: url('../images/logos/vc-logo-long-sm.png') center top no-repeat;
}
header.special-alt h2#v-logo {
	background: url('../images/logos/logo-dark.png') center top no-repeat;
}

		header.special:before, header.special:after {
			border-bottom: solid 1.5px;
			border-top: solid 1.5px;
			content: '';
			height: 7px;
			opacity: 0.1;
			position: absolute;
			/*top: 1.75em;*/
			/*top: 2.75em;*/
			top: 2em;
			/*width: 43%;*/
			width: 39%;
			/*width: 23%;*/
		}
		
				

		header.special:before {
			left: 0;
		}

		header.special:after {
			right: 0;
		}

		header.special h2 {
			margin-bottom: 0;
			margin-top: 20px;
		}
		
		
		header.special h2 + p {
			margin-bottom: 0;
			padding-top: 1.5em;
		}

		header.special .icon {
			cursor: default;
			height: 7em;
			left: 0;
			position: absolute;
			text-align: center;
			top: 1em;
			width: 100%;
			
			text-indent: -9999px;
		}
		header.special .icon#services-icon{
			/*background: url('../images/services-icon.png') center top no-repeat;*/
			background: url('../images/logos/vc-logo-long.png') center top no-repeat;
		}
		header.special .icon#outdoor-icon{
			/*background: url('../images/services-icon.png') center top no-repeat;*/
			/*background: url('../images/af_logo_long.png') center top no-repeat;*/
			background: url('../images/logos/af-logo-long.png') center top no-repeat;
		}
		header.special .icon#aria-fresca-icon{
			/*background: url('../images/services-icon.png') center top no-repeat;*/
			background: url('../images/logos/af-logo-long.png') center top no-repeat;
		}
		
		header#sect-devider.major h2 {
			border-bottom: solid 1px rgba(124, 128, 129, 0.9);
			border: 1;
			margin-bottom: .5em;
		}
		
		span#logo-icon.icon {
			background: url('../images/logo-icon.png') center top no-repeat;
		}
		span#logotype-icon.icon {
			background: url('../images/icons/icon-logotype.png') center top no-repeat;
		}
		
		header.special .icon:before {
				font-size: 3.5em;
				opacity: 0.35;
			}

	footer > :last-child {
		margin-bottom: 0;
	}

	footer.major {
		padding-top: 3em;
	}

/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(124, 128, 129, 0.2);
		color: inherit;
		display: block;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #091C27;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.5;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	::-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	:-ms-input-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	.formerize-placeholder {
		color: rgba(124, 128, 129, 0.5) !important;
	}

/* Image */

	.image {
		border: 0;
		position: relative;
	}
	
	#social-buttons img a {
		width: 200px;
		display: block;
		position: relative;
	}
	
	.image:before {
			/*background: url("images/overlay.png");*/
			content: '';
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

		.image.fit {
			display: block;
		}
		
		
		.imgLiquid{
			width: 100%;
			/*height: 500px;*/
			height: auto;
		}
		
		
		.heading-logo {
			margin: 0 auto 25px;
		}
		.heading-logo#hihlogo {
			margin: 0 auto 0px;
			max-width: 70px;
		}
		
		.image.fit img {
				display: block;
				width: 100%;
			}

		.image.feature {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.feature img {
				display: block;
				width: 100%;
			}

/* Icon */



	.icon {
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
		}

		.icon.circle {
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			border: 0;
			/*border-radius: 100%;*/
			border-radius: 20%;
			display: inline-block;
			font-size: 1.25em;
			height: 2.25em;
			left: 0;
			line-height: 2.25em;
			text-align: center;
			text-decoration: none;
			top: 0;
			width: 2.25em;
		}
		.icon.circle.bic-circ{
			/*height: 8.25em;*/
			height: 5.25em;
			/*width: 8.25em;*/
			width: 7.25em;
			/*line-height: 8.25em;*/
			line-height: 5.25em;
		}

			.icon.circle:hover {
				top: -0.2em;
			}

			.icon.circle.fa-twitter {
				background: #70aecd;
				color: white;
			}

				.icon.circle.fa-twitter:hover {
					background: #7fb7d2;
				}

			.icon.circle.fa-facebook {
				background: #7490c3;
				color: white;
			}

				.icon.circle.fa-facebook:hover {
					background: #829bc9;
				}

			.icon.circle.fa-google-plus {
				background: #db6b67;
				color: white;
			}

				.icon.circle.fa-google-plus:hover {
					background: #df7b77;
				}

			.icon.circle.fa-github {
				background: #dcad8b;
				color: white;
			}

				.icon.circle.fa-github:hover {
					background: #e1b89b;
				}

			.icon.circle.fa-dribbble {
				background: #da83ae;
				color: white;
			}

				.icon.circle.fa-dribbble:hover {
					background: #df93b8;
				}

		.icon.feature {
			cursor: default;
			display: block;
			margin: 0 0 1.5em 0;
			/*opacity: 0.35;*/
			text-align: center;
			
			
			text-indent: -9999px;
		}

			.icon.feature:before {
				font-size: 5em;
				line-height: 1em;
			}

		.icon > .label {
			display: none;
		}
		
		
		
		span#project-icon.icon.feature.fa-check {
			/*background: url('../images/project-icon.png') center top no-repeat;*/
			background: url('../images/fitout-icon.png') center top no-repeat;
		}
		span#fitout-icon.icon.feature.fa-check {
			background: url('../images/carpentary-icon.png') center top no-repeat;
		}
		span#additions-icon.icon.feature.fa-check {
			background: url('../images/additions-icon.png') center top no-repeat;
		}
		
		
		span#pergolas-icon.icon.feature.fa-check {
			background: url('../images/icons/pergola-icon.png') center top no-repeat;
		}
		
		span#landscape-icon.icon.feature.fa-check {
			background: url('../images/icons/landscape-icon.png') center top no-repeat;
		}
		
		span#pools-icon.icon.feature.fa-check {
			background: url('../images/icons/pool-icon.png') center top no-repeat;
		}
		
		
		span#houzz-icon.icon.feature.fa-check {
			background: url('../images/icons/social-houzz.png') center top no-repeat;
			max-height: 50px;
			max-width: 200px;
		}
		span#facebook-icon.icon.feature.fa-check {
			background: url('../images/icons/social-facebook.png') center top no-repeat;
			max-height: 50px;
			max-width: 200px;
		}
		
		a#facebook-icon.icon.feature.fa-check {
			background: url('../images/icons/social-facebook.png') center top no-repeat;
			display: block;
			max-height: 50px;
			max-width: 200px;
		}
		/*a#facebook-icon.icon.feature.fa-check img{
			width: 100%;
		}*/
		
		span.icon.fa-clock-o#enviro-icon {
			background: url('../images/enviro-sm-icon2.png') center top no-repeat;
		}
		span.icon.fa-volume-up#safety-icon {
			background: url('../images/safety-sm-icon2.png') center top no-repeat;
		}
		
		.icon.circle#softwoods-logo{
			background: url('../images/softwoods-lg-icon.png') center center no-repeat;
		}
		.icon.circle#hia-logo{
			background: url('../images/hia-lg-icon.png') center center no-repeat;
		}
		.icon.circle#banner-logo{
			background: url('../images/bannerhardware-lg-icon.png') center center no-repeat;
		}
		.icon.circle#csr-logo{
			background: url('../images/csr-lg-icon.png') center center no-repeat;
		}
		.icon.circle#filders-logo{
			background: url('../images/stratco-lg-icon.png') center center no-repeat;
		}
		
		
		#services_list h4, #services_list h3{
			margin-bottom: 5px;
		}
		
		div#services_list.row {
			margin-bottom: 2em;
		}
		
/* Lists */

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}
		
		ul.default li h4{
			margin-bottom: 5px;
		}

	ul.icons {
		cursor: default;
	}

		ul.icons li {
			display: inline-block;
			line-height: 1em;
			padding-left: 0.5em;
		}

			ul.icons li:first-child {
				padding-left: 0;
			}

	ul.feature-icons {
		cursor: default;
		margin: -0.75em 0 0 0;
		/*opacity: 0.35;*/
		overflow: hidden;
		position: relative;
	}

		ul.feature-icons li {
			display: block;
			float: left;
			text-align: center;
			width: 50%;
		}

			ul.feature-icons li .icon {
				display: inline-block;
				font-size: 6.25em;
				height: 1.25em;
				line-height: 1.25em;
				width: 1em;
				
				
				text-indent: -9999px;
			}

	ul.buttons {
		cursor: default;
	}
	
	ul.buttons#but-divider{
		/*padding-top: .5em;*/
	}

		ul.buttons:last-child {
			margin-bottom: 0;
		}

		ul.buttons li {
			display: inline-block;
			padding: 0 0 0 1.5em;
		}
		
		ul.buttons#but-divider li{
			/*width: 100px;*/
			position: relative;
			
		/*	max-width: 150px;*/
		}
		
		ul.buttons#but-divider li.h-splitter{
			/*padding: .5em 0 .5em 1.5em;
			margin-left: 1.5em;*/
			padding: .5em 0 .5em 2.5em;
			margin-left: 2.5em;
		
		}
		ul.buttons#but-divider li.h-splitter{
			/*border-left: 1px solid #fff;*/
			background: url('../images/h-divider.gif') left center repeat-y;
		
		}
			ul.buttons li:first-child {
				padding: 0;
			}

		ul.buttons.vertical li {
			display: block;
			padding: 1.5em 0 0 0;
		}

			ul.buttons.vertical li:first-child {
				padding: 0;
			}
			
			
			
.selectorr .titles li {
	display: block;
}			

/* Tables */

	table {
		width: 100%;
	}
	
	table.houzz-link tbody tr td a img{
		text-decoration: none !important;
	
	}
	
	
	
	table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}

/* Button */

	.button {
		background: none;
		border: solid 1px;
		color: inherit;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 600;
		letter-spacing: 2px;
		min-width: 18em;
		padding: 0.75em 0;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

		.button:hover {
			background: rgba(188, 202, 206, 0.15);
			border-color: inherit;
		}
		
		.button.special#vc-button{
			background: #091C27;
			border-color: #091C27;
			color: white !important;
			
			font-weight: 500;
		}
		.button.special#af-button{
			background: #46A5E5;
			border-color: #46A5E5;
			color: white !important;
			
			font-weight: 500;
		}
		.button.special#vc-button:hover{
			background: rgba(9, 28, 39, 0.6) !important;
			border-color: #091C27 !important;
			color: white !important;
		}
		.button.special#af-button:hover{
			background: rgba(70, 165, 229, 0.5) !important;
			border-color: #46A5E5 !important;
			color: white !important;
		}

		.button.special {
			background: #091C27;
			border-color: #091C27;
			color: white !important;
		}
		.button.white {
			background: #091C27;
			border-color: #ffffff;
			color: white !important;
		}
			.button.special:hover {
				background: #BEB5AC !important;
				border-color: #BEB5AC !important;
			}

		.button.fit {
			width: 100%;
		}

		.button.small {
			font-size: 0.7em;
			min-width: 14em;
			padding: 0.5em 0;
		}

/* Wrapper */

	.wrapper {
		margin-bottom: 5em;
		padding: 5em;
	}

		.wrapper.style1 {
			padding: 0;
		}

		.wrapper.style2 {
			background-color: #091C27;
			/*background-image: url("images/light-bl.svg"), url("images/light-br.svg");*/
			background-position: bottom left, bottom right;
			background-repeat: no-repeat, no-repeat;
			background-size: 25em, 25em;
			color: white;
		}

			.wrapper.style2 .button:hover {
				background: rgba(255, 255, 255, 0.15) !important;
			}

			.wrapper.style2 .button.special {
				background: white;
				border-color: white;
				color: #091C27 !important;
			}

				.wrapper.style2 .button.special:hover {
					border-color: inherit !important;
					color: white !important;
				}

		.wrapper.style3 {
			background: white;
			color: inherit;
		}

		.wrapper.style4 {
			background: white;
			color: inherit;
			padding: 4em;
			
			/*margin-top: -3em;*/
		
		}

/* Header */
	@-moz-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-webkit-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-o-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-ms-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }

	#header {
		/*background: white;*/
		/*background: rgba(188, 202, 206, 0.55);*/
		background: rgba(255, 255, 255, 0.85);
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
		color: inherit;
		cursor: default;
		font-size: 0.8em;
		left: 0;
		padding: 1em 1.5em;
		position: fixed;
		top: 0;
		width: 100%;
		/*z-index: 10000;*/
		z-index: 9999;
	}

		#header h1 {
			font-weight: 900;
			margin: 0;
			
			padding-left: 25px;
			background: url("../images/small-logotype.png") left center no-repeat;
		}

			#header h1 span {
				font-weight: 300;
				/*color: #BEB5AC;*/
				color: #17252D;
			}

/* Hide regular nav (only when "mobile and narrower" is active) */
		html.mobile #nav, html.narrower #nav {
			display: none;
		}



		#header nav {
			letter-spacing: 0.075em;
			position: absolute;
			right: 1.5em;
			text-transform: uppercase;
			top: 0.75em;
		}

			#header nav ul li {
				display: inline-block;
				margin-left: 1.5em;
			}

				#header nav ul li > ul {
					display: none;
				}

				#header nav ul li a {
					border: solid 1px transparent;
					color: inherit;
					display: inline-block;
					padding: 0em 0.75em;
					text-decoration: none;
				}

				#header nav ul li .button {
					font-size: 1em;
					min-width: 0;
					width: auto;
				}

				#header nav ul li.submenu > a:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
				}

				#header nav ul li.submenu > a:before {
					content: '\f107';
					margin-right: 0.65em;
				}

				#header nav ul li.active > a, #header nav ul li:hover > a {
					-moz-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
					/*background: rgba(188, 202, 206, 0.15);*/
					
					border: solid 1px;
				}

				#header nav ul li.current > a {
					/*font-weight: 900;*/
					border: solid 1px;
				}

		#header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-o-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-o-animation: none;
			-ms-animation: none;
			animation: none;
			/*background: transparent;*/
			/*background: rgba(188, 202, 206, 0.55);*/
			background: rgba(190, 181, 172, 0.65);
			/*background: rgba(9, 28, 39, 0.45);*/
			/*background: rgba(255, 255, 255, 0.80);*/
			
			box-shadow: none;
			color: white;
			padding: 2em 2.5em;
			position: absolute;
		}

			#header.alt nav {
				right: 2.5em;
				top: 1.75em;
			}

				#header.alt nav ul li.active > a, #header.alt nav ul li:hover > a {
					border: solid 1px;
				}

/* Dropotron */

	.dropotron {
		background: #fff;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
		line-height: 2.25em;
		min-width: 13em;
		padding: 1em 0;
		text-transform: uppercase;
	}

		.dropotron.level-0 {
			font-size: 0.7em;
			font-weight: 400;
			margin-top: 1.5em;
		}

			.dropotron.level-0:before {
				border-bottom: solid 0.5em #fff;
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				content: '';
				left: 0.75em;
				position: absolute;
				top: -0.45em;
			}

		.dropotron > li {
			border-top: solid 1px rgba(124, 128, 129, 0.2);
		}

			.dropotron > li > a {
				-moz-transition: none;
				-webkit-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
				color: inherit;
				text-decoration: none;
				padding: 0 1em;
				border: 0;
			}

			.dropotron > li:hover > a {
				background: #091C27;
				color: white;
			}

			.dropotron > li:first-child {
				border-top: 0;
			}

/* Banner */
	@-moz-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }

	#banner {
	
		background-attachment: scroll, scroll, scroll, scroll;
		background-color: #17252D;
		
		
		background-image: url("images/light-bl.svg"), url("images/light-br.svg"), url("images/overlay.png"),  url("../images/banners/hero-bathroom.jpg");
	
		background-position: bottom left, bottom right, top left, top center;
		
		background-repeat: no-repeat, no-repeat, repeat,  no-repeat;
		
		background-size: 25em, 25em,auto,  cover;
		color: white;
		cursor: default;
		padding: 6em 0 6em;
		text-align: center;
		
		
	}
	
	/*section#banner {
		height: auto;
		position: relative;
		display: block;
		width: 100%;
	}*/
	
		
	
	#banner .inner {
			-moz-animation: reveal-banner 1s 0.25s ease-in-out;
			-webkit-animation: reveal-banner 1s 0.25s ease-in-out;
			-o-animation: reveal-banner 1s 0.25s ease-in-out;
			-ms-animation: reveal-banner 1s 0.25s ease-in-out;
			animation: reveal-banner 1s 0.25s ease-in-out;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-fill-mode: forwards;
			-o-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			background: rgba(9, 28, 39, 0.25);
			/*background: rgba(190, 181, 172, 0.65);*/
			color: white;
			/*color: #172934;*/
			display: inline-block;
			opacity: 0;
			/*padding: 1.5em;*/
			padding: 2em;
			text-align: center;
		}
		
		#banner .inner-top {
			-moz-animation: reveal-banner 1s 0.25s ease-in-out;
			-webkit-animation: reveal-banner 1s 0.25s ease-in-out;
			-o-animation: reveal-banner 1s 0.25s ease-in-out;
			-ms-animation: reveal-banner 1s 0.25s ease-in-out;
			animation: reveal-banner 1s 0.25s ease-in-out;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-fill-mode: forwards;
			-o-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			/*background: rgba(9, 28, 39, 0.7);*/
			color: white;
			display: inline-block;
			opacity: 0;
			/*padding: 3em;*/
			padding: 2em;
			text-align: center;
		}
		
		#banner .inner1 {
			-moz-animation: reveal-banner 1s 0.25s ease-in-out;
			-webkit-animation: reveal-banner 1s 0.25s ease-in-out;
			-o-animation: reveal-banner 1s 0.25s ease-in-out;
			-ms-animation: reveal-banner 1s 0.25s ease-in-out;
			animation: reveal-banner 1s 0.25s ease-in-out;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-fill-mode: forwards;
			-o-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			
			background: rgba(9, 28, 39, 0.6);
			
			/*background: rgba(190, 181, 172, 0.6);*/
			color: white;
			display: inline-block;
			opacity: 0;
			/*padding: 3em;*/
			padding: 2em;
			text-align: center;
		}
		#banner .inner2 {
			-moz-animation: reveal-banner 1s 0.55s ease-in-out;
			-webkit-animation: reveal-banner 1s 0.55s ease-in-out;
			-o-animation: reveal-banner 1s 0.55s ease-in-out;
			-ms-animation: reveal-banner 1s 0.55s ease-in-out;
			animation: reveal-banner 1s 0.55s ease-in-out;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-fill-mode: forwards;
			-o-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			/*background: rgba(190, 181, 172, 0.7);*/
			/*background: rgba(80, 184, 71, 0.8);*/
			/*background: rgba(0, 0, 153, 0.8);*/
			
			background: rgba(70, 165, 229, 0.1);
			color: white;
			display: inline-block;
			opacity: 0;
			/*padding: 3em;*/
			padding: 2em;
			text-align: center;
		}

			#banner .inner1 header,#banner .inner2 header  {
				display: inline-block;
				/*border-bottom: solid 2px;
				border-top: solid 2px;*/
				margin: 0 0 .5em 0;
				padding: 3px 0 3px 0;
			}

				/*#banner .inner header h2 {
					border-bottom: solid 2px;
					border-top: solid 2px;
					font-size: 2.5em;
					font-weight: 900;
					letter-spacing: 0.2em;
					margin: 0;
					padding-left: 0.05em;
					position: relative;
					text-transform: uppercase;
				}*/
				
				#banner .inner header h2,#banner .inner1 header h2 a#vclogo span,#banner .inner2 header h2 a#aflogo,#banner div.inner header h2 a#vlogo 
				{
					color: inherit;
					display: block;
					/*width: 300px;*/
					width: 260px;
					height: 100px;
					
					text-indent: -9999px;
				}
				
				#banner div.inner header h2 {
				/*	background: url(../images/logo.png) center center no-repeat;*/
					/*margin-bottom: .5em;*/
					
					display: inline-block;
				
					
		
				}
			#banner div.inner header{
				/*height: 100px;*/
				height: 70px;
				/*height: auto;*/
			}
				
				
				/*#banner div.inner-top div.row div.6u div.inner1 header h2 {
				
					
					text-indent: -9999px;
					background: url(../images/logo.png) center center no-repeat;
				}*/
				
				#banner div.inner1 header h2, #banner div.inner2 header h2{
					margin-bottom: 0px;
				}
				#banner div.inner header h2 a#vlogo {
					/*background: url(../images/logo.png) center center no-repeat;*/
				/*	background: url(../images/logos/logo_w_sm.png) center center no-repeat;*/
					background: url(../images/logos/logo_violi_w.png) center center no-repeat;	
					
				
				}
				
				#banner div.inner1 header h2 a#vclogo span{
					/*background: url(../images/logo.png) center center no-repeat;*/
				/*	background: url(../images/logos/logo_w_sm.png) center center no-repeat;*/
					background: url(../images/logos/vc-logo_w_sm.png) center center no-repeat;
					
				}
				#banner .inner2 header h2 a#aflogo{
					background: url(../images/logos/af-logo_w_sm.png) center center no-repeat;
					
				}
				
				
				
				#banner .inner p span.byline {
				letter-spacing: 0.1em;
				margin: 0;
				text-transform: uppercase;
				font-weight: 400;
				
			}
			
			#banner .inner p span.byline#byline-construction{
				text-indent: -9999px;
				/*display: inline-block;*/
				display: block;
				margin: 0 auto;
				
				width: 200px;
				height: 50px;
				background: url(../images/logos/vc-logo_w_sm_200.png) center center no-repeat;
			}
			#banner .inner p span.byline#byline-ariafresca{
				text-indent: -9999px;
				/*display: inline-block;*/
				display: block;
				margin: 0 auto;
				
				width: 200px;
				height: 50px;
				background: url(../images/logos/af-logo_w_sm_200.png) center center no-repeat;
			}
			
			
			
			#banner div.inner-top div.inner h4 {
				line-height: 1.2em;
				font-weight: 500;
				
				margin-bottom: 1.4em;
				margin-top: 1em;
			}
			
			#aria_fresca header.special-alt h2 {
				margin-bottom: 0px;
			}
			
			#main header.special-alt h2 {
					margin-bottom: 0px;
			}
			
			#banner .inner p  {
				color: inherit;
				font-weight: 400;
				text-decoration: none;
				/*line-height: 1.5em;*/
				line-height: 1.2em;
				
				margin-bottom: 20px;
				font-size: .9em !important;
			}
			
			li.h-splitter {
				/*border-right: 1px solid #fff;*/
				
			}
			
			#banner .inner p a {
					color: inherit;
					font-weight: 400;
					text-decoration: none;
					line-height: .2em;
				}

			#banner .inner footer {
				margin: 1em 0 0 0;
			}


/*NICS UNSLIDER BANNER*/


.banner {
	/*position: relative;*/
	position: absolute;
	width: 100%;
	overflow: auto;
	
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	
	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		padding: 160px 0 110px;
		
		min-height: 350px;
		
/*		-webkit-background-size: 100% 100%;*/
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/
		
		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}

	

/* Main */

	#main {
		background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-bl.svg"), url("images/dark-br.svg");
		background-position: top left, top right, bottom left, bottom right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding: 7em 0;
	}

		#main > :last-child {
			margin-bottom: 0;
		}

		#main .sidebar section {
			border-top: solid 1px rgba(124, 128, 129, 0.2);
			margin: 3em 0 0 0;
			padding: 3em 0 0 0;
		}

			#main .sidebar section:first-child {
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}

	body.index #main {
		padding-top: 5em;
	}

/* CTA */

	#cta {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #645862;
		background-image: url("images/light-tl.svg"), url("images/light-tr.svg"), url("images/overlay.png"), url("../images/banner4.jpg");
		background-position: top left, top right, top left, bottom center;
		background-repeat: no-repeat, no-repeat, repeat, no-repeat;
		background-size: 25em, 25em, auto, cover;
		color: white;
		padding: 5em;
		text-align: center;
	}

		#cta header {
			margin-bottom: 2em;
		}

/* Footer */

	#footer {
		/*background: #e8eef4;*/
		background: #17252D;
		color: #7c8081;
		padding: 5em 5em 10em 5em;
		text-align: center;
	}

		#footer .copyright {
			font-size: 0.8em;
		}

			#footer .copyright a {
				color: inherit;
			}

/* Layers */

	#topButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}

		#topButton .toggle:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
		}

		#topButton .toggle:before {
			/*color: white;*/
			color: #172934;
			content: '\f039';
			font-size: 0.75em;
			height: 30px;
			left: 0;
			line-height: 30px;
			opacity: 0.5;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

		#topButton .toggle:after {
			/*background: rgba(163, 169, 170, 0.75);*/
			background: rgba(22, 40, 52, 0.92);
			/*background-color: #172934;*/
			/*border-radius: 0 0 4px 4px;*/
			content: '';
			height: 30px;
			left: 50%;
			margin-left: -40px;
			position: absolute;
			top: 0;
			width: 80px;
		}

	#sideButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		
		
	}

		#sideButton .toggle:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
		}

		#sideButton .toggle:before {
			/*color: white;*/
			color: #172934;
			content: '\f039';
			font-size: 1.5em;
			height: 40px;
			left: 10px;
			line-height: 40px;
			/*opacity: 0.5;*/
			opacity: 1;
			position: absolute;
			/*top: 11px;*/
			top: 5px;
			width: 60px;
			z-index: 1;
		}

		#sideButton .toggle:after {
			/*background: rgba(163, 169, 170, 0.75);*/
			background: rgba(22, 40, 52, 0);
			/*border-radius: 2px;*/
			content: '';
			/*height: 40px;*/
			height: 80%;
			left: 10px;
			position: absolute;
			/*top: 10px;*/
			top: 0px;
			width: 60px;
		}

	#topPanel,
	#sidePanel {
		background: #1c2021;
		color: white;
		font-size: 0.8em;
		letter-spacing: 0.075em;
		text-transform: uppercase;
	}

		#topPanel nav,
		#sidePanel nav {
			padding: 0.25em 0.5em 1em 0.5em;
		}

		#topPanel .link,
		#sidePanel .link {
			border: 0;
			border-top: solid 1px rgba(255, 255, 255, 0.05);
			color: inherit;
			display: block;
			height: 3em;
			line-height: 3em;
			opacity: 0.75;
			text-decoration: none;
		}

			#topPanel .link.depth-0,
			#sidePanel .link.depth-0 {
				font-weight: 900;
			}

			#topPanel .link:first-child,
			#sidePanel .link:first-child {
				border-top: 0;
			}

		#topPanel .indent-1,
		#sidePanel .indent-1 {
			display: inline-block;
			width: 1em;
		}

		#topPanel .indent-2,
		#sidePanel .indent-2 {
			display: inline-block;
			width: 2em;
		}

		#topPanel .indent-3,
		#sidePanel .indent-3 {
			display: inline-block;
			width: 3em;
		}

		#topPanel .indent-4,
		#sidePanel .indent-4 {
			display: inline-block;
			width: 4em;
		}

		#topPanel .indent-5,
		#sidePanel .indent-5 {
			display: inline-block;
			width: 5em;
		}
		
		
		
		
/*GELLERY	*/
.slide {
  position: relative;
        /*width: auto;*/
    width: 85%;

  
/*padding: 40px;*/

  background: #FFF;
	/*margin: 70px auto 40px;*/
	margin: 70px auto;
	/*margin: 70px 60px;*/
	display: block;
  /*max-width: 900px;*/
  max-width: 1200px;
 /* min-height: 640px;*/
/* min-height: 500px;*/
/* height: auto;*/
	padding: 20px;
}

div.3u.1u(narrow) {
	overflow: scroll;
	
}

.slide img {
  
 /* max-width: 820px;*/
  max-width: 100%;
 /* max-width: 980px;*/
 
}

.slide figcaption {
	font-size: .9em;
	line-height: 1.3em;
	color: #1c2021;
}

.slide h4{
	color: #1c2021;
	font-size: 1em;
	line-height: 1.3em;
}

/*.slide .row .3u{
	background: #ffffff !important;
	}*/
#projects header h4 {
	font-size: .8em;
	text-transform: capitalize;
	/*color: #17252D;*/
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	
	padding: 10px;
	/*padding: 0px;
	margin: 0px;*/
	background: rgba(190, 181, 172, 1);
	
	font-weight: 400;
	border-bottom: 1px dotted #ffffff;
	
	text-align: center;
	
	display: block;
	
}


/* Box */

	.box {
		border-radius: 4px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Thumbnail */

	ul#portfolio .mix{
	    display: none;
	}

	.thumbnail {
		display: block;
		/*width: 100%;*/

		
		background: #eee;
		border-radius: 4px;
		text-align: center;
		color: #aaa;
		font-size: 1.25em;
		padding: 1.75em 0;
		white-space: nowrap;
		

	
	}



a.iframe-gallery-link.image.fit.feature,a.open-gallery-link.image.fit.feature {
	margin-bottom: 0px;
	/*display: block;
	width: auto;
	height: 200px;
	overflow: hidden;*/
}


a.button.special.fit.iframe-gallery-link {
/*	line-height: 1em;*/
}
a.button.special.fit.iframe-gallery-link,a.button.special.fit.open-gallery-link {
	color: #091C27 !important;
	background: #BEB5AC !important;
	border-color: #BEB5AC !important;
	font-weight: 400;
	
	min-width: 2em;
	
	padding-left: 5px;
	padding-right: 5px;
}

#portfolio.filter.row li {
	/*margin-bottom: 2em;*/
	
}
#portfolio.filter.row{
	/*width: 100%;*/
}
/* Helpers */
.is-hidden {
  display: none;
}
.hidden {
    display: none;
}

a.show-btn {
	/*display: inline-block;
	margin: 0 0 2em 0;*/
}

.hide-class {
	margin: 0 0 2em 0;
}
.show-class {
	/*margin: 0 0 2em 0;*/
}
.show-class a.show-btn{
	/*display: inline;*/
}


a.button.special.fit.iframe-gallery-link:hover,a.button.special.fit.open-gallery-link:hover {
	background: #091C27 !important;
	border-color: #091C27 !important;
	color: white !important;
}

/*Image hover effect*/
/* CSS3 STYLE GENERIC */
/*.view {
 
   width: 100%;
   max-width: 473px;
   height: 209px;
   overflow: hidden;
   position: relative;
   text-align: center;
  
   cursor: default;
   
   margin: 0 0 2em 0;
   
}
.view .mask, .view .content {
     width: 100%;
    max-width: 473px;
    height: 209px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link.png) center no-repeat;
 
   display: inline-block;
   text-decoration: none;
   padding:0 !important;
   text-indent:-9999px;
      width: 473px;
   height: 209px;
  
}
.third-effect .mask {
   opacity: 0;
   overflow:visible;
   
   border:105px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
     top:-105px;
    left: -105px;
  
   
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
    border:105px solid rgba(0,0,0,0.7);
   
}
.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}*/






/*START Wrapper from Scalar*/

/*.wrapper {
		padding: 6em 0 4em 0 ;
	}*/

		/*.wrapper:after {
			clear: both;
			content: '';
			display: block;
		}*/

		.wrapper.split {
			overflow-x: hidden;
			padding: 0;
			margin-bottom: 0;
		}

			.wrapper.split .primary {
				padding: 6em 4em 4em 0 ;
				float: left;
				width: 50%;
			}

			.wrapper.split .secondary {
				/*color: #838886;*/
				color: #ffffff;
				float: left;
				width: 50%;
				
				/*padding: 6em 0em 4em 4em ;*/
				
			}

				.wrapper.split .secondary > section {
					/*padding: 4em 0 2em 4em ;*/
					padding: 6em 0em 4em 4em ;
					/*color: #868686;*/
					color: #ffffff;
					position: relative;
				}

					.wrapper.split .secondary > section > * {
						position: relative;
						z-index: 1;
					}

					.wrapper.split .secondary > section:before {
						content: '';
						display: block;
						height: 100%;
						left: 0;
						position: absolute;
						top: 0;
						width: 1000%;
						z-index: 0;
					}

					.wrapper.split .secondary > section:nth-child(2n):before {
						/*background: #ffffff;*/
						/*background-color: rgba(70, 165, 229, 0.9);*/
						background: #46A5E5;
					}

					.wrapper.split .secondary > section:nth-child(2n + 1):before {
						/*background: #f5f5f5;*/
						/*background-color: rgba(70, 165, 229, 0.9);*/
						background: #46A5E5;
					}

					.wrapper.split .secondary > section h1, .wrapper.split .secondary > section h2, .wrapper.split .secondary > section h3, .wrapper.split .secondary > section h4, .wrapper.split .secondary > section h5, .wrapper.split .secondary > section h6 {
						/*color: #7f7f7f;*/
						color: #ffffff;
					}

					.wrapper.split .secondary > section strong, .wrapper.split .secondary > section b {
						color: #7f7f7f;
					}

					.wrapper.split .secondary > section header p {
						color: #A5A5a5;
					}

					.wrapper.split .secondary > section input[type="submit"],
					.wrapper.split .secondary > section input[type="reset"],
					.wrapper.style1.split .secondary > section input[type="button"],
					.wrapper.style1 .split .secondary > section .button {
						border-color: #7f7f7f;
						color: #7f7f7f !important;
					}

						.wrapper.split .secondary > section input[type="submit"]:hover,
						.wrapper.split .secondary > section input[type="reset"]:hover,
						.wrapper.split .secondary > section input[type="button"]:hover,
						.wrapper.split .secondary > section .button:hover {
							background-color: rgba(144, 144, 144, 0.075);
						}

						.wrapper.split .secondary > section input[type="submit"]:active,
						.wrapper.split .secondary > section input[type="reset"]:active,
						.wrapper.split .secondary > section input[type="button"]:active,
						.wrapper.split .secondary > section .button:active {
							background-color: rgba(144, 144, 144, 0.2);
						}

					.wrapper.split .secondary > section .image.style2 {
						background: rgba(144, 144, 144, 0.075);
					}

		.wrapper.style1.split {
			/*background-color: #46A5E5;*/
			/*background-color: rgba(70, 165, 229, 0.9);*/
			background: #091C27;
			color: #fde2d7;
		}

			.wrapper.style1.split .secondary > section h1, .wrapper.style1.split .secondary > section h2, .wrapper.style1.split .secondary > section h3, .wrapper.style1.split .secondary > section h4, .wrapper.style1.split .secondary > section h5, .wrapper.style1.split .secondary > section h6 {
				/*color: #46A5E5;*/
				color: #46A5E5;
			}

			.wrapper.style1.split h1, .wrapper.style1.split h2, .wrapper.style1.split h3, .wrapper.style1.split h4, .wrapper.style1.split h5, .wrapper.style1.split h6, .wrapper.style1.split strong, .wrapper.style1.split b {
				color: #ffffff !important;
			}
			
			

			.wrapper.style1.split header p {
				color: #fcd1bf;
			}

			.wrapper.style1.split input[type="submit"],
			.wrapper.style1.split input[type="reset"],
			.wrapper.style1.split input[type="button"],
			.wrapper.style1.split .button {
				border-color: #ffffff !important;
				color: #ffffff !important;
			}

				.wrapper.style1.split input[type="submit"]:hover,
				.wrapper.style1.split input[type="reset"]:hover,
				.wrapper.style1.split input[type="button"]:hover,
				.wrapper.style1.split .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				.wrapper.style1.split input[type="submit"]:active,
				.wrapper.style1.split input[type="reset"]:active,
				.wrapper.style1.split input[type="button"]:active,
				.wrapper.style1.split .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

			.wrapper.style1.split .image.style2 {
				background: rgba(255, 255, 255, 0.2);
			}

			.wrapper.style1.split blockquote.testimonial p {
				background-color: rgba(0, 0, 0, 0.25);
			}

				.wrapper.style1.split blockquote.testimonial p:after {
					border-top-color: rgba(0, 0, 0, 0.25);
				}

			.wrapper.style1.split blockquote.testimonial cite .name {
				color: #ffffff;
			}

			.wrapper.style1.split blockquote.testimonial cite .title {
				color: #fcd1bf;
			}

			.wrapper.style1.split .tree:before {
				background: #ffffff;
			}

			.wrapper.style1.split .tree:after {
				background: #ffffff;
			}

			.wrapper.style1.split .icon.major:before {
				color: #46A5E5;
			}

			.wrapper.style1.split .icon.major:after {
				background: #ffffff;
			}

		/*.wrapper.style2 {
			background-color: #f5f5f5;
		}

		.wrapper.style3 {
			background-color: #ffffff;
		}

		.wrapper.style4 {
			background-color: #7b667b;
			color: #e0dbe0;
		}*/

			/*.wrapper.style4.split .secondary > section h1, .wrapper.style4.split .secondary > section h2, .wrapper.style4.split .secondary > section h3, .wrapper.style4.split .secondary > section h4, .wrapper.style4.split .secondary > section h5, .wrapper.style4.split .secondary > section h6 {
				color: #866f86;
			}

			.wrapper.style4 h1, .wrapper.style4 h2, .wrapper.style4 h3, .wrapper.style4 h4, .wrapper.style4 h5, .wrapper.style4 h6, .wrapper.style4 strong, .wrapper.style4 b {
				color: #ffffff;
			}

			.wrapper.style4 header p {
				color: #cec5ce;
			}

			.wrapper.style4 input[type="submit"],
			.wrapper.style4 input[type="reset"],
			.wrapper.style4 input[type="button"],
			.wrapper.style4 .button {
				border-color: #ffffff;
				color: #ffffff !important;
			}

				.wrapper.style4 input[type="submit"]:hover,
				.wrapper.style4 input[type="reset"]:hover,
				.wrapper.style4 input[type="button"]:hover,
				.wrapper.style4 .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				.wrapper.style4 input[type="submit"]:active,
				.wrapper.style4 input[type="reset"]:active,
				.wrapper.style4 input[type="button"]:active,
				.wrapper.style4 .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

			.wrapper.style4 .image.style2 {
				background: rgba(255, 255, 255, 0.075);
			}

			.wrapper.style4 blockquote.testimonial p {
				background-color: rgba(0, 0, 0, 0.25);
			}

				.wrapper.style4 blockquote.testimonial p:after {
					border-top-color: rgba(0, 0, 0, 0.25);
				}

			.wrapper.style4 blockquote.testimonial cite .name {
				color: #ffffff;
			}

			.wrapper.style4 blockquote.testimonial cite .title {
				color: #cec5ce;
			}

			.wrapper.style4 .tree:before {
				background: #ffffff;
			}

			.wrapper.style4 .tree:after {
				background: #ffffff;
			}

			.wrapper.style4 .icon.major:before {
				color: #866f86;
			}

			.wrapper.style4 .icon.major:after {
				background: #ffffff;
			}*/


/*FROM OPTICS*/

/*body#header-page #main{
	padding-top: 0;
}*/

/*#main > header {
	padding: 6em 0 4em 0 ;
	background-image: -moz-linear-gradient(top, rgba(166,148,232,0.25), rgba(102,143,193,0.35)), -moz-linear-gradient(top, rgba(0,0,0,0.75), rgba(0,0,0,0.75)), url("../../images/banner.jpg");
	background-image: -webkit-linear-gradient(top, rgba(166,148,232,0.25), rgba(102,143,193,0.35)), -webkit-linear-gradient(top, rgba(0,0,0,0.75), rgba(0,0,0,0.75)), url("../../images/banner.jpg");
	background-image: -ms-linear-gradient(top, rgba(166,148,232,0.25), rgba(102,143,193,0.35)), -ms-linear-gradient(top, rgba(0,0,0,0.75), rgba(0,0,0,0.75)), url("../../images/banner.jpg");
	background-image: linear-gradient(top, rgba(166,148,232,0.25), rgba(102,143,193,0.35)), linear-gradient(top, rgba(0,0,0,0.75), rgba(0,0,0,0.75)), url("../../images/banner.jpg");
	background-attachment: fixed, fixed, fixed;
	background-position: center 100%, center 100%, center 100%;
	background-repeat: repeat, repeat, no-repeat;
	background-size: cover, cover, cover;
	color: #ffffff;
	text-align: center;
	
	margin-bottom: 0em;
	z-index: 0 !important;
}*/



#main > header.special{
background-image: none;

	
}




/* Portfolio */

	#portfolio-preview {
		position: relative;
		overflow: hidden;
		text-align: center;
	}

	.poptrox-popup {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		background: #fff;
	}

		.poptrox-popup .loader {
			text-indent: -9999px;
			width: 48px;
			height: 48px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -24px;
			margin-top: -24px;
			background: url("images/loader.gif");
		}



	/* Portfolio */

			#portfolio-preview .content {
				padding: 0em 4em 3em 4em;
			}

			#portfolio-preview header {
				margin: 0 0 1.5em 0;
			}

				#portfolio-preview header h2 {
					display: block;
					font-size: 1.4em;
					text-align: left;
				}

				#portfolio-preview header .byline {
					position: absolute;
					top: 0;
					right: 0;
					font-size: 1.3em;
					padding: 0;
					margin: 0;
				}

			.poptrox-popup {
				padding: 0.5em;
				background: #fff;
				border-radius: 5px;
			}

				.poptrox-popup .closer, .poptrox-popup .nav-next, .poptrox-popup .nav-previous {
					display: inline-block;
					font-family: FontAwesome;
					font-size: 1.25em;
					text-decoration: none;
					font-style: normal;
					font-weight: normal;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					color: #fff;
				}

				.poptrox-popup .closer {
					width: 2em;
					height: 2em;
					line-height: 1.85em;
					font-size: 1em;
					text-align: center;
					border-radius: 100%;
					border: solid 2px #fff;
					position: absolute;
					top: -2.25em;
					right: -2.25em;
				}

					.poptrox-popup .closer:before {
						content: '\f00d';
					}

				.poptrox-popup .nav-next, .poptrox-popup .nav-previous {
					-moz-transition: opacity 0.25s ease-in-out;
					-webkit-transition: opacity 0.25s ease-in-out;
					-ms-transition: opacity 0.25s ease-in-out;
					transition: opacity 0.25s ease-in-out;
					position: absolute;
					top: 0;
					height: 100%;
					width: 50%;
					cursor: pointer;
					opacity: 0;
					font-size: 2em;
				}

					.poptrox-popup .nav-next:before, .poptrox-popup .nav-previous:before {
						position: absolute;
						top: 50%;
						width: 3em;
						height: 3em;
						line-height: 3em;
						margin-top: -1.5em;
						text-align: center;
					}

					.poptrox-popup .nav-next:hover, .poptrox-popup .nav-previous:hover {
						opacity: 1.0;
					}

				.poptrox-popup:hover .nav-next, .poptrox-popup:hover .nav-previous {
					opacity: 0.25;
				}

				.poptrox-popup .nav-next {
					right: 0;
				}

					.poptrox-popup .nav-next:before {
						content: '\f054';
						right: 0;
					}

				.poptrox-popup .nav-previous {
					left: 0;
				}

					.poptrox-popup .nav-previous:before {
						content: '\f053';
						left: 0;
					}


/* Portfolio */

			#portfolio-preview {
				overflow: hidden;
			}

				#portfolio-preview header h2 {
					font-size: 1.6em;
				}

				#portfolio-preview .content {
					padding: 0em 1em 0em 1em;
				}

				#portfolio-preview article, #portfolio-preview section {
					margin-bottom: 15px !important;
				}

				#portfolio-preview header .byline {
					font-size: 1.2em;
				}

			.poptrox-popup {
				border: solid 3px #fff;
				border-radius: 5px;
			}

				.poptrox-popup .closer {
					display: none;
				}

.selectorr {
		/*margin-top: 3em;*/
		margin-top: 0em;
	}
	
	
	
	.selectorr .titles, .option-set#filters {
			overflow: hidden;
			text-align: center;
			/*margin-bottom: 3em;*/
			margin-bottom: 3em;
			
			/*margin-top: -8em;*/
		}

			.selectorr .titles li, .option-set#filters li, .option-set#filters li button{
				display: inline-block;
				padding: 0.65em 1.25em;
				text-decoration: none;
				font-size: 1em;
				outline: 1px;
			}
			.option-set#filters li a, .option-set#filters li button{
				padding: 0.65em 1.25em;
				text-decoration: none;
				border: none;
				background: #f5f5f5;
			}

				.selectorr .titles li.active, .option-set#filters li a.selected, .option-set#filters li button.selected {
				/*	background: #555;*/
				/*background: #f5f5f5;*/
				background: rgba(190, 181, 172, .5);
					/*border-radius: 5px;*/
					/*color: #FFF;*/
					color: #333;
					font-weight: 600;
					/*border: 1px solid rgba(190, 181, 172, 1);*/
				}