/* Fine Line Masonry 
/* Author: Jason Ryan
/* Company: 34ONE Design Studio
/* Year: 2013
/* Copyright 2013 - All Rights Reserved
================================================== */


/* Fonts 
================================================== */

@import url("fonts/font-awesome.css");
@import url("fonts/font-awesome-ie7.min.css");

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,300italic,400italic,600,600italic,700,700italic,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* Body 
================================================== */

body {
	background: #f9f9f9;
	height: auto;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
}

a.phone[href^=tel]:link { color: #98012e; }

a,a:hover {
	color: #98012e;
	outline: none;
	text-decoration: none;
}

h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
}

h3 { color: #000000; font-size: 18px; }

ol.circle-list { margin: 10px 0 10px 40px; padding: 0px; }

ol.circle-list li { 
	min-height: 40px;
	padding-left: 18px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

ol.circle-list li:before {
	background: #ffffff;
	width: 40px;
	height: 40px;
	content: "";
  border: 4px solid #000000;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	left: -36px;
	z-index: -1;
}

/* Misc Helpers
================================================= */

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

.no-margin { margin: 0px !important; }
.shiv-top { margin-top: 20px; }
.shiv-bottom { margin-bottom: 20px; }
.no-padding { padding: 0px !important;}
.strong { font-weight: bold; }
.centered { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.fl-left { float: left; }
.fl-right { float: right; }
.fl-none { float: none; }

.input-container .placeholder { color: #333333; font-family: Arial, Helvetica, sans-serif; }

.title-container { margin: 0 0 20px; }

.title-container h2, .title-container h3 {
	color: #ffffff;
	font-weight: 100;
	text-transform: uppercase;
}

.title-container h2 { font-size: 48px; }
.title-container h3 { font-size: 32px; }

.sub-title {
	color: #ffffff;
	font-size: 12px;
	font-weight: 300;
}
 
.btn {
	margin: 5px 0;
	padding: 0 15px;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	line-height: 40px;
}

.btn span { margin-right: 10px; }

a.btn:hover { color: #ffffff; }

.btn.blk { 
	background: #000000;
	-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.btn.blk:hover {
	background: #98012E;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.btn.red { 
	background: #98012e; 
	-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.btn.red:hover { 
	background: #C5003B; 
	-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.monty-sig {
	background: url("../images/monty-sig.jpg") no-repeat;
	width: 168px;
	height: 30px;
	display: inline-block;
	text-indent: -9999px;
}

.image-holder {
	background: #ffffff;
	width: auto;
	height: 100%;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #dedede;
	position: relative;
}

.image-holder:before, .image-holder:after {
  background: rgba(0, 0, 0, 0.7);
  bottom: 15px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  content: "";
  left: 10px;
  max-width: 300px;
  position: absolute;
  top: 80%;
  -webkit-transform: rotate(-3deg);    
  -moz-transform: rotate(-3deg);   
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  width: 50%;
  z-index: -1;
}

.image-holder:after {
  left: auto;
  right: 10px;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

blockquote {
	background: #f0f0f0;
	width: auto;
	margin: 0px;
	padding: 10px 20px 10px 60px;
	position: relative;
	border-left: 20px solid #dbdbdb;
}

blockquote:before {
	background: url("../images/blockquotes.png") no-repeat;
	width: 36px;
	height: 28px;
	content: "";
	position: absolute;
	top: 24px;
	left: 10px;
}

#quotes { margin: 0px; padding: 0px; list-style-type: none; }

#backtotop.showme {
  height: 39px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#backtotop {
	width: 40px;
	height: 0;
	position: fixed;
	right: 20px;
  bottom: 46px;
	cursor: pointer;
	overflow: hidden;
	z-index: 999;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

#backtotop .bttbg {
  background: #E8E8E8 url("../images/nav-top.png") no-repeat;
  width: 40px;
	height: 40px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

#backtotop .bttbg:hover {
  background-color: #69001F;
  background-position: 0 -40px;
}

.service-list-container { height: auto; margin: 15px 0;}
.service-list { margin: 0px; padding: 0 0 0 10px; list-style-type: none; }
.service-list li { padding: 3px 0; }
.service-list li i { margin-right: 8px; color: #73CF3C; }

.page-border-container { 
	margin-top: 20px;
	padding: 20px 0px;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}

.border-top { border-top: 1px dotted #000000; }
.border-bottom { border-bottom: 1px dotted #000000; }

.big-icon-content-container { text-align: center; }
.big-icon { margin: 0px auto 25px; display: table; }

.big-icon i.icn {
	width: 90px;
	height: 90px;
	color: #000000;
	font-size: 40px;
	display: table-cell;
	font-weight: 100;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	border: 5px solid #000000;
	border-radius: 50% 50% 50% 50%;
	-webkit-transition: all 200ms ease-in 0s;
	-moz-transition: all 200ms ease-in 0s;
	-o-transition: all 200ms ease-in 0s;
	-ms-transition: all 200ms ease-in 0s;
	transition: all 200ms ease-in 0s;
}

.big-icon-wrapper .four:hover i.icn {
	background: #000000;
	color: #f9f9f9;
	-webkit-transition: all 200ms ease-in 0s;
	-moz-transition: all 200ms ease-in 0s;
	-o-transition: all 200ms ease-in 0s;
	-ms-transition: all 200ms ease-in 0s;
	transition: all 200ms ease-in 0s;
}

.big-quote-container {
  background: url("../images/project-bg-blue.jpg") repeat scroll 0 0 transparent;
  border-bottom: 5px solid #394045;
  border-top: 5px solid #394045;
  color: #f9f9f9;
  padding: 40px 0 30px;
  text-align: center;
}

.big-quote-container p {
	margin: 0 0 10px;
	padding: 0 0 0 44px;
	font-size: 24px;
	font-weight: 400;
	position: relative;
}



.dark-full-width-container {
  background: url("../images/project-bg-blue.jpg") repeat;
  border-bottom: 5px solid #394045;
  border-top: 5px solid #394045;
  color: #f9f9f9;
  padding: 40px 0 30px;
}

.dark-full-width-container h3 { color: #f9f9f9; }

.service-full-width-container, .testimonial-full-width-container {
	border-bottom: 1px solid #222222;
  border-top: 1px solid #222222;
  color: #f9f9f9;
  padding: 20px 0;
}

.service-full-width-container.stucco { 
	background: url("../images/stucco-full-width-bg-1.jpg") no-repeat bottom center;
	background-size: cover;
}

.service-full-width-container.stone { 
	background: url("../images/stone-full-width-bg-1.jpg") no-repeat bottom center;
	background-size: cover;
}

.service-full-width-container.eifs { 
	background: url("../images/services/eifs/eifs-full-width-bg-1.jpg") no-repeat bottom center;
	background-size: cover;
}

.service-full-width-container.trim { 
	background: url("../images/services/trim/trim-full-width-bg-1.jpg") no-repeat bottom center;
	background-size: cover;
}

.service-full-width-container.mold { 
	background: url("../images/services/mold/mold-full-width-bg-1.jpg") no-repeat bottom center;
	background-size: cover;
}

.testimonial-full-width-container.about-us { 
	background: url("../images/testimonials/about-us-full-width-bg-1.jpg") no-repeat bottom center;
	background-size: cover;
}

.testimonial-full-width-container.testimonials { 
	background: url("../images/testimonials/testimonials-full-width-bg-3.jpg") no-repeat bottom center;
	background-size: cover;
}

.service-full-width-content-container, .testimonial-full-width-content-container {
	background: url("../images/blk-overlay-70.png") repeat; 
	padding: 10px;
}

.service-full-width-content-container h2 {
	color: #f9f9f9;
	text-align: center;
}

.testimonial-full-width-content-container p {
	margin: 0 0 10px;
	padding: 0 0 0 44px;
	font-size: 24px;
	font-weight: 400;
	position: relative;
	text-align: center;
}

.testimonial-full-width-content-container p:first-child:before {
	background: url("../images/blockquotes-white.png") no-repeat;
	width: 36px;
	height: 28px;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
}

#map-container img { max-width: none !important; }
.map-info-box { max-width: 340px; }
.map-info-box p { font-size: 14px; }

/* Wrappers
================================================= */

#wrapper, #header-wrapper, #nav-wrapper,
#banner-wrapper, #main-cta-wrapper, #main-content-wrapper,
#page-title-wrapper, #full-width, #pre-footer-wrapper, 
#meta-footer-wrapper {
	width: 100%;
	height: auto;
	position: relative;
}

/* Sidebars
================================================= */

#sidebar { 
	padding: 20px 0;
}

/* Header Section
================================================= */

#header-container {
	height: 100px;
	position: relative;
	overflow: visible;
}

#logo {
	background: url("../images/fine-line-masonry-logo.png") no-repeat;
	width: 298px;
	height: 94px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	position: absolute;
	bottom: -28px;
	left: 0px;
}

#logo a {
	width: 298px;
	height: 94px;
	display: block;
}

#header-contact-container {
	width: auto;
	margin: 0px;
	position: absolute;
	top: 10px;
	right: 0px;
}

.contact-content-container {
	font-size: 14px;
	float: left;
}

span.email-contact {
	background: url("../images/email-icon.png") no-repeat;
	height: 18px;
	margin-right: 30px;
	padding-left: 26px;
	line-height: 18px;
}

span.phone-contact {
	background: url("../images/phone-icon.png") no-repeat;
	height: 18px;
	padding-left: 26px;
	line-height: 18px;
}

/* Primary Navigation 
================================================= */

#nav-wrapper { 
	height: 60px;
	border-bottom: 8px solid #98012e;
}

#primary-nav { 
	width: auto;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#primary-nav ul { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#primary-nav ul li {
	position: relative;
	float: left;
}

#primary-nav ul li a {
	width: auto;
	height: 40px;
	margin: 0px;
	padding: 0 12px;
	display: block;
	color: #000000;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
}

#primary-nav ul li a:hover, #primary-nav ul li:hover a,
#primary-nav ul li a.active:hover, #primary-nav ul li:hover a.active,
#primary-nav ul li a.active {
	color: #98012e;
}

/* Sub Menu */

#primary-nav ul li ul.sub:before {
  background: #1E2022;
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: -6px;
  left: 40px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari and Chrome */
  -o-transform: rotate(45deg); /* Opera */
  transform: rotate(45deg);
}

#primary-nav ul li ul.sub {
  background: #1E2022;
  height: auto;
  min-width: 100%;
  margin: 0px;
  padding: 1px 0;
  position: absolute;
  top: 40px;
  left: 4px;
  display: none;
  box-shadow: 0px 1px 8px rgba(0,0,0,0.4);
  z-index: 999;
}

#primary-nav ul li ul.sub li {
  float: none;
  white-space: nowrap;
}

#primary-nav ul li ul.sub li:before, #primary-nav ul li ul.sub li:after {
  border: none !important;
}

#primary-nav ul li ul.sub li a {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0 16px 0 10px;
  display: block;
  color: #f9f9f9;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-align: left;
  line-height: 50px;
  border-top: 1px solid #212426;
  border-bottom: 1px solid #000000;
}

#primary-nav ul li ul.sub > li:first-child > a {
  border-top: none;
}

#primary-nav ul li ul.sub > li:last-child > a {
 border-bottom: none; 
}

#primary-nav ul li ul.sub li a:hover {
  background: #98012E;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* Main Slider Section
================================================= */

#banner-container {
	width: 100% !important;
	max-height: 480px;
	padding: 0;
  position: relative;
  overflow: hidden;
  z-index: 10;
}

#banner-caption-wrapper {
	background: url("../images/blk-overlay-70.png") repeat;
	width: 100%;
	height: 118px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 100;
}

.fullwidthbanner {
	z-index: 10;
}

.slotholder { z-index: 20; }
.tp-caption { z-index: 999; }

/* Main CTA Section
================================================= */

#main-cta-wrapper {
	background: url("../images/cta-bg-grey.jpg") repeat;
	padding: 30px 0;
	border-top: 1px solid #dededd;
	border-bottom: 1px solid #dededd;
}

.cta-container {
	text-align: center;
}

h3.cta {
	width: auto;
	margin: 0 auto 10px;
	padding-left: 54px;
	color: #000000;
	line-height: 52px;
	display: table;
}

h3.company {
	background: url("../images/cta-icons.png") no-repeat;
	background-position: 0px 0px;
}

h3.services {
	background: url("../images/cta-icons.png") no-repeat;
	background-position: 0px -52px;
}

h3.testimonials {
	background: url("../images/cta-icons.png") no-repeat;
	background-position: 0px -104px;
}

/* Main Content Section
================================================= */

#main-content-wrapper, #page-title-wrapper { padding: 30px 0; }

.inner-content-wrapper { padding-bottom: 20px; }

.section-title-container { width: 100%; padding: 0 0 20px; }

.title-desc-link { margin-left: 10px; display: inline-block; font-size: 12px; line-height: 26px; }
.title-desc-link a { color: #000000; }
.title-desc-link a:hover { color: #98012e; }

#info-image-container { padding: 20px 0 0; }

#page-title-wrapper {
	background: url("../images/cta-bg-grey.jpg") repeat;
	padding: 30px 0;
	border-bottom: 1px solid #dededd;
}

.page-title-container h1 { color: #000000; font-size: 30px; text-transform: uppercase; }

/* Tech Info */

.inner-content-wrapper.tech-info { padding-top: 30px; }
.tech-title-container { margin-top: 20px; }
.tech-title-container h2 { color: #000000; font-size: 30px; text-transform: uppercase; }

.tech-sub-title {
	color: #000000;
	font-size: 14px;
	font-weight: 300;
}

.tech-info-wrapper { position: relative; z-index: 10; overflow: visible; }

.tech-number { width: 40px; height: 40px; position: absolute; z-index: 10; }

span.circle { 
	background: #ffffff;
	width: 40px;
	height: 40px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	border: 4px solid #000000;
	border-radius: 50%;
	display: table-cell;
	vertical-align: middle;
}

.tech-marker { width: 40px; height: 40px; display: block; }
.tech-label { 
	background: url("../images/blk-overlay-70.png") repeat; 
	padding: 0 40px; 
	color: #ffffff; 
	font-size: 22px;  
	line-height: 46px;
	border-radius: 50px;
	position: absolute;
	white-space: nowrap;
}

.tech-label:before {
	background: url("../images/blk-overlay-70.png") repeat; 
	width: 10px;
	height: 4px;
	content: "";
	position: absolute;
	left: -10px;
	top: 22px;
}

.tech-label.right-side:before { right: -10px; left: auto; }

.stucco-tech-desc { 
	background: url("../images/blk-overlay-70.png") repeat; 
	width: 640px; 
	margin: 0 0 0 -320px !important;
	padding: 20px;
	color: #f9f9f9; 
	font-size: 20px; 
	text-align: center; 
	position: absolute; 
	left: 50%; 
	bottom: 180px;
}

.stone-tech-desc { 
	background: url("../images/blk-overlay-70.png") repeat; 
	width: 640px; 
	margin: 0 0 0 -320px !important;
	padding: 20px;
	color: #f9f9f9; 
	font-size: 20px; 
	text-align: center; 
	position: absolute; 
	left: 50%; 
	bottom: 190px;  
}

.eifs-tech-desc { 
	background: url("../images/blk-overlay-70.png") repeat; 
	width: 640px; 
	margin: 0 0 0 -320px !important;
	padding: 20px;
	color: #f9f9f9; 
	font-size: 20px; 
	text-align: center; 
	position: absolute; 
	left: 50%; 
	bottom: 80px;   
}

.tech-label, .stucco-tech-desc, .stone-tech-desc, .eifs-tech-desc {
	margin-left: -9999px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.2s ease 0s, margin 0s ease 0.3s;
	-moz-transition: opacity 0.2s ease 0s, margin 0s ease 0.3s;
	-o-transition: opacity 0.2s ease 0s, margin 0s ease 0.3s;
	-ms-transition: opacity 0.2s ease 0s, margin 0s ease 0.3s;
	transition: opacity 0.2s ease 0s, margin 0s ease 0.3s;
}

.tech-label.show, .stucco-tech-desc.show, .stone-tech-desc.show, .eifs-tech-desc.show {
	margin: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: opacity 0.2s ease 0s;
	-moz-transition: opacity 0.2s ease 0s;
	-o-transition: opacity 0.2s ease 0s;
	-ms-transition: opacity 0.2s ease 0s;
	transition: opacity 0.2s ease 0s;
	z-index: 500;
}

/* Stucco */

.tech-number.stucco.one { top: 210px; left: 210px; }
.tech-number.stucco.two { top: 446px; left: 234px; }
.tech-number.stucco.three { bottom: 134px; left: 244px; }
.tech-number.stucco.four { top: 426px; left: 320px; }
.tech-number.stucco.five { top: 408px; left: 396px; }
.tech-number.stucco.six { top: 384px; left: 510px; }
.tech-number.stucco.seven { top: 356px; left: 628px; }

.tech-label.stucco.sheathing { top: 206px; left: 260px; }
.tech-label.stucco.paper { top: 442px; left: 284px; }
.tech-label.stucco.scread { bottom: 132px; left: 294px; }
.tech-label.stucco.lath { top: 423px; left: 370px; }
.tech-label.stucco.scratch { top: 404px; left: 446px; }
.tech-label.stucco.brown { top: 380px; left: 560px; }
.tech-label.stucco.finish { top: 352px; left: 678px; }

/* Stone */

.tech-number.stone.one { top: 400px; left: 160px; }
.tech-number.stone.two { top: 400px; left: 308px; }
.tech-number.stone.three { top: 400px; left: 372px; }
.tech-number.stone.four { top: 400px; right: 456px; }
.tech-number.stone.five { top: 400px; right: 370px; }
.tech-number.stone.six { top: 400px; right: 264px; }
.tech-number.stone.seven { top: 400px; right: 88px; }

.tech-label.stone.veneer { top: 397px; left: 210px; }
.tech-label.stone.mortar { top: 397px; left: 358px; }
.tech-label.stone.scratch { top: 397px; left: 422px; }
.tech-label.stone.lath { top: 397px; right: 268px; }
.tech-label.stone.paper { top: 397px; left: 200px; }
.tech-label.stone.sheathing { top: 397px; right: 314px; }
.tech-label.stone.framing { top: 397px; right: 136px; }

/* EFIS */

.tech-number.eifs.one { top: 298px; right: 300px; }
.tech-number.eifs.two { top: 344px; right: 362px; }
.tech-number.eifs.three { bottom: 200px; right: 332px; }
.tech-number.eifs.four { top: 426px; left: 478px; }
.tech-number.eifs.five { top: 408px; left: 330px; }

.tech-label.eifs.sheathing { top: 295px; right: 116px; }
.tech-label.eifs.adhesive { top: 340px; left: 138px; }
.tech-label.eifs.insulation { bottom: 197px; right: 90px; }
.tech-label.eifs.mesh { top: 424px; left: 524px; }
.tech-label.eifs.finish { top: 406px; left: 379px; }

/* Projects Section
================================================= */

.projects {
	background: url("../images/project-bg-blue.jpg") repeat;
	padding: 0px;
	border-top: 10px solid #394045;
	border-bottom: 5px solid #394045;
}

.slider-wrapper {
	width: 100%;
	padding-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.fws-wrapper {
	width: 100%;
	padding: 2px 0 10px;
  overflow: visible;
  position: relative;
}

.fullwidth-slider {
	width: 100px;
	height: 200px;
	padding: 2px;
	overflow: visible;
	position: relative; 
}

.fs-entry {
	/*
	background: #FFFFFF;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.4);
  */
  overflow: hidden;
  position: absolute;
}

.fs-entry .image-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.fs-entry .image-wrapper .image-innerwrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.fs-entry .imageholder {
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	z-index: 1;
}

.fs-entry span.project-hover {
	background: #f9f9f9;
	width: 40px;
	height: 40px;
	color: #000000;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
	-o-transition: all 200ms ease-out 0s;
	-ms-transition: all 200ms ease-out 0s;
	transition: all 200ms ease-out 0s;
}

.fs-entry:hover span.project-hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
	-o-transition: all 200ms ease-out 0s;
	-ms-transition: all 200ms ease-out 0s;
	transition: all 200ms ease-out 0s;
}

/* Home Page Testimonial Section
================================================= */



/* Gallery Page
================================================= */
/*
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}

.isotope {
  -webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope, .isotope .item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
*/

.preloader { 
  background: url("../images/preloader.gif") center center no-repeat #ffffff;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope-item {
    z-index: 2;
}

#filter-nav-container {
	height: auto;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	position: relative;
	z-index: 10;
}

.desktop-gallery-nav-container { display: block; }

.mobile-gallery-nav-container { display: none; }

.desktop-filter-nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.desktop-filter-nav li {
	height: 50px;
	color: #000000;
	font-size: 16px;
  font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	float: left;
	line-height: 50px;
}

.desktop-filter-nav li a {
	-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
	width: auto;
	padding: 0 14px;
	text-align: center;
	color: #000000;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	display: block;
}

.desktop-filter-nav li.first a:before { content: none; }

.desktop-filter-nav li a:before {
	content: "/";
	position: relative;
	left: -14px;
	color: #000000 !important;
}

.desktop-filter-nav li a:hover, .desktop-filter-nav li a.active {
	-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
	color: #98012E;
}

.portfolio-wrapper {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.portfolio-wrapper li {
	margin-bottom: 30px;
}

.portfolio-wrapper li a {
	width: 100%;
	height: 100%;
	display: block;
}

.thumb-overlay a span {
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	z-index: 100;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.15) inset;
}

.thumb-overlay a span i {
	width: 24px;
	height: 20px;
	margin: -10px 0 0 -12px;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
}

.thumb-overlay a span:before {
  border: 2px solid #FFFFFF;
  border-radius: 46px 46px 46px 46px;
  content: "";
  display: inline-block;
  height: 46px;
  left: 50%;
  line-height: 1;
  margin: -23px 0 0 -23px;
  padding-top: 12px;
  position: absolute;
  top: 50%;
  width: 46px;
}

/* Testimonials Page
================================================= */

.testimonial-container.row { margin-bottom: 60px; }
.testimonial-image-container { position: relative; }

/* Contact Us Page 
================================================= */

#map-container {
	background: #ffffff url("../images/rev/loader.gif") no-repeat center center;
	width: 100%;
	height: 380px;
	max-height: 380px;
	display: block;
	border-bottom: 1px solid #DEDEDD;
}

#contact-form-inner-container {
	width: 100%;
	height: auto;
	min-height: 400px;
	margin: 0px;
	padding: 3px 20px 10px 0;
	overflow: hidden;
	border-right: 1px dotted #000000; 
}

/* Pre-Footer Section
================================================= */

#pre-footer-wrapper {
	background: url("../images/pre-footer-bg-red.jpg") repeat;
	padding: 8px 0 0;
	color: #ffffff;
	border-top: 5px solid #69001f;
}

#inner-pre-footer-content-container { margin-bottom: 10px; padding-right: 20px; }
#inner-pre-footer-content-container span.phone { color: #ffffff !important; text-decoration: none; }
#inner-pre-footer-content-container a.btn { text-decoration: none; }
#inner-pre-footer-content-container a.btn:hover, #pre-footer-ninja-wrap a.btn:hover { background: #69001f; }



#pre-footer-content-container p, 
#pre-footer-ninja-wrap p  { 
	font-size: 16px; 
	margin: 6px 0; 
}

#pre-footer-house-container { 
	height: 184px; 
	position: relative;
	overflow: visible;
}

.house-container {
	width: 460px;
	height: 235px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* Footer Section
================================================= */

#footer-wrapper {
	background: url("../images/footer-bg-dark-grey.jpg") repeat;
	padding: 30px 0;
	border-top: 1px solid #f9f9f9;
}

.footer-inner-cta-container {
	color: #ffffff;
}

.footer-inner-cta-container h3 {
	color: #ffffff;
	padding-bottom: 4px;
	border-bottom: 1px dashed #5b5b5b;
}

.social-icon-container {
	margin-bottom: 20px;
}

.social-icon-container ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.social-icon-container ul li {
	float: left;
}

.social-icon-container ul li a {
	width: 45px;
	height: 45px;
	margin-left: 10px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.social-icon-container ul li.fade a { 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.social-icon-container ul li a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.social-icon-container ul li:first-child a { margin: 0px; }

.social-icon-container ul li a.facebook {
	background: url("../images/social-icons.png") no-repeat;
	background-position: 0px 0px;
}

.social-icon-container ul li a.google {
	background: url("../images/social-icons.png") no-repeat;
	background-position: 0px -45px;
}

.social-icon-container ul li a.linkedin {
	background: url("../images/social-icons.png") no-repeat;
	background-position: 0px -90px;
}

.social-icon-container ul li a.youtube {
	background: url("../images/social-icons.png") no-repeat;
	background-position: 0px -135px;
}

.footer-nav-container {
	width: 150px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}

.footer-nav-container ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.footer-nav-container ul li {
	margin: 2px 0;
}

.footer-nav-container ul li a {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #ffffff;
	line-height: 20px;
}

.footer-nav-container ul ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.footer-nav-container ul ul li {
	background: url("../images/footer-subnav-tree-1.png") no-repeat;
	margin: 0px;
	padding: 0 0 0 22px;
}

.footer-nav-container ul ul li.last {
	background: url("../images/footer-subnav-tree-last.png") no-repeat;
}

.footer-nav-container ul ul li a {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #ffffff;
	line-height: 18px;
}

.footer-nav-container ul li a:hover,
.footer-nav-container ul ul li a:hover  {
	color: #8497A4;
}

.footer-nav-container ul li a.active,
.footer-nav-container ul ul li a.active  {
	color: #8497A4;
}

/* Meta Footer Section
================================================= */

#meta-footer-wrapper {
	background: #222222;
	padding: 10px 0;
	color: #9c9c9c;
	font-size: 12px;
}

.copyright { float: left; }
.meta-info { float: right; }

/* Form Elements
================================================= */

#newsletter-form-container {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#newsletter-form, #contact-form { margin: 0px; padding: 0px; }

.input-container { width: 100%; height: auto; }
.submit-container { position: relative; }

#newsletter-form input[type="email"] {
	background: #333333;
	color: #f5f5f5;
	border: none;
}

textarea, input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"] {
	background: #ffffff;
	width: 100%;
	max-width: 100%;
	height: 40px;
	margin-bottom: 5px;
	padding: 4px 10px;
	color: #333333;
	font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #dedede;
  box-shadow: none;
  outline: none;
}

textarea:focus, input[type="text"]:focus, 
input[type="password"]:focus, input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, input[type="date"]:focus,
input[type="month"]:focus, input[type="time"]:focus, 
input[type="week"]:focus, input[type="number"]:focus, 
input[type="email"]:focus, input[type="url"]:focus, 
input[type="search"]:focus, input[type="tel"]:focus {
	border: 1px solid #aaa;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); 
}

textarea {
	min-height: 150px !important;
  resize: vertical;
}

button[type=submit] {
	border: none;
	cursor: pointer;
}

#news-loading, #loading {
	background: url("../images/preloader.gif") no-repeat;
	width: 16px;
	height: 16px;
	margin-top: -2px;
	position: absolute;
	top: 40%;
	left: 120px;
	display: none;
}

#news-loading { background: url("../images/news-preloader.gif") no-repeat; left: 140px; }

.news-notification-ok, .notification-ok {
	width: 100%;
  height: auto;
  padding: 4px 10px;
  font-size: 14px;
  text-align: left;
  border: 1px solid #468847;
}

.news-notification-error, .notification-error {
	width: 100%;
  height: auto;
  padding: 4px 10px;
  font-size: 14px;
  text-align: left;
  border: 1px solid #A25965;
}

.news-notification-ok { background: #AAF48E; margin-bottom: 10px; color: #337134; }
.notification-ok { background: #DFF0D8; margin: 0 0 20px; color: #468847; }

.news-notification-error { background: #E8C3C8; margin-bottom: 10px; color: #732330; }
.notification-error { background: #F8F0F1; margin-bottom: 20px; color: #853240; }

/* Everything for Responsive - This stuff is needed
===================================================*/

#top-nav-bar, #responsive-nav-wrap, #responsive-nav > ul,
#pre-footer-ninja-wrap, .peekaboo {
  display: none;
}

/* Media Queries - Do not remove
==================================================*/

/* Smaller than standard 960
 * On smaller viewports a top-nav-bar is added
 * to the page and the Primary Nav is removed
===================================================*/

@media only screen and (max-width: 959px) {
  #nav-wrapper {
    display: none;
  }

  #top-nav-bar {
    background: #333333;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  
  #nav-toggle-btn-container {
    width: auto;
    height: 50px;
    margin: 0px;
    padding: 0px;
    float: right;
  }
  
  #nav-toggle-btn-container a {
    background: #4D4D4D;
    width: auto;
    height: 50px;
    padding: 0 20px;
    color: #f9f9f9;
    font-size: 26px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: block; 
    line-height: 50px;
  }

  #nav-toggle-btn-container a:hover, #nav-toggle-btn-container a.active {
    background: #8497A4;
  }
  
  /* Responsive Secondary Navigation */

  #responsive-nav-wrap {
    background: #111111;
    width: 100%;
    padding: 0px;
  }
  
  #responsive-nav-container {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
  }
  
  #responsive-nav > ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
  }
  
  #responsive-nav > ul > li {
    float: none;
  }
  
  #responsive-nav > ul > li > a {
    background: #4D4D4D;
    width: auto;
    height: 40px;
    margin: 2px 0;
    padding: 0 10px;
    display: block;
    color: #f9f9f9;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 40px;
  }

  #responsive-nav li.hover > a.dropdown {
    background: #4D4D4D url('../images/responsive-dropdown-up.png') no-repeat 98.4% center;
  }

  #responsive-nav li.hover > a.dropdown:hover {
    background: #8497A4 url('../images/responsive-dropdown-up.png') no-repeat 98.4% center;
  }

  #responsive-nav li > a.dropdown {
    background:  #4D4D4D url('../images/responsive-dropdown-down.png') no-repeat 98.4% center;
  }

  #responsive-nav li > a.dropdown:hover {
    background: #8497A4 url('../images/responsive-dropdown-down.png') no-repeat 98.4% center;
  }

  #responsive-nav > ul > li > a:hover {
    background: #8497A4;
  }
  
  #responsive-nav ul.sub {
    display: none;
  }
  
  #responsive-nav li.hover ul.sub {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
  }

  #responsive-nav ul.sub > li {
    float: none;
  }
  
  #responsive-nav ul.sub > li > a {
    background: #636363;
    width: auto;
    height: 40px;
    margin: 2px 0;
    padding: 0 10px;
    display: block;
    color: #f9f9f9;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 40px;
  }
  
  #responsive-nav ul.sub > li > a:hover {
    background: #8497A4;
  }

  #header-container { height: 120px; }
  #logo { bottom: 12px; }

  #page-title-wrapper { border-top: 1px solid #DEDEDD; }
	
	#pre-footer-wrapper { padding: 20px 0;}
  #pre-footer-ghost-wrap { display: none; }
	#pre-footer-ninja-wrap { display: block; }

	.footer-nav-wrapper .first { display: none; }
  .peekaboo { display: block; }

  /* Stucco */

  .stucco-tech-desc { 
		padding: 10px; 
		font-size: 16px;  
		bottom: 162px;
	}

	.stone-tech-desc { 
		padding: 10px; 
		font-size: 16px;  
		bottom: 140px;  
	}

	.eifs-tech-desc { 
		padding: 10px; 
		font-size: 16px;  
		bottom: 60px; 
	}

	.tech-number.stucco.one { top: 180px; left: 170px; }
	.tech-number.stucco.two { top: 355px; left: 185px; }
	.tech-number.stucco.three { bottom: 104px; left: 190px; }
	.tech-number.stucco.four { top: 344px; left: 248px; }
	.tech-number.stucco.five { top: 335px; left: 302px; }
	.tech-number.stucco.six { top: 318px; left: 386px; }
	.tech-number.stucco.seven { top: 300px; left: 500px; }

	.tech-label.stucco.sheathing { top: 176px; left: 220px; }
	.tech-label.stucco.paper { top: 352px; left: 234px; }
	.tech-label.stucco.scread { bottom: 100px; left: 240px; }
	.tech-label.stucco.lath { top: 340px; left: 296px; }
	.tech-label.stucco.scratch { top: 332px; left: 352px; }
	.tech-label.stucco.brown { top: 314px; left: 436px; }
	.tech-label.stucco.finish { top: 298px; left: 546px; }

	/* Stone */

	.tech-number.stone.one { top: 300px; left: 114px; }
	.tech-number.stone.two { top: 300px; left: 232px; }
	.tech-number.stone.three { top: 300px; left: 284px; }
	.tech-number.stone.four { top: 300px; right: 368px; }
	.tech-number.stone.five { top: 300px; right: 300px; }
	.tech-number.stone.six { top: 300px; right: 220px; }
	.tech-number.stone.seven { top: 300px; right: 74px; }

	.tech-label.stone.veneer { top: 297px; left: 164px; }
	.tech-label.stone.mortar { top: 297px; left: 282px; }
	.tech-label.stone.scratch { top: 297px; left: 332px; }
	.tech-label.stone.lath { top: 297px; right: 182px; }
	.tech-label.stone.paper { top: 297px; left: 76px; }
	.tech-label.stone.sheathing { top: 297px; right: 270px; }
	.tech-label.stone.framing { top: 297px; right: 124px; }

	/* EFIS */

	.tech-number.eifs.one { top: 230px; right: 230px; }
	.tech-number.eifs.two { top: 294px; right: 264px; }
	.tech-number.eifs.three { bottom: 144px; right: 262px; }
	.tech-number.eifs.four { top: 294px; left: 358px; }
	.tech-number.eifs.five { top: 350px; left: 270px; }

	.tech-label.eifs.sheathing { top: 227px; right: 47px; }
	.tech-label.eifs.adhesive { top: 290px; left: 42px; }
	.tech-label.eifs.insulation { bottom: 140px; right: 22px; }
	.tech-label.eifs.mesh { top: 292px; left: 406px; }
	.tech-label.eifs.finish { top: 348px; left: 318px; }

}

/* Mobile Landscape Size to Tablet Portrait
===================================================*/

@media only screen and (max-width: 767px) {
	#banner-wrapper, #pre-footer-house-container, 
	#footer-container .foot-nav {
		display: none;
	}

	#sidebar { padding: 0px; }

	#header-container {
		height: auto;
		padding: 20px 0;
	}

	#logo, #header-contact-container {
		margin: 0px auto;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
	}

	#header-contact-container { margin-top: 10px !important; display: table; }

	#main-cta-wrapper { padding-bottom: 10px; border-top: 8px solid #98012E; }

	#main-cta-container .cta-container, #footer-container 
	.footer-content-container {
		margin-bottom: 30px;
	}

	.cta-container {
		position: relative;
	}

	.cta-container.first:before, .cta-container.last:after { border: none; }

	.cta-container:before {
		border-top: 1px dotted #222222;
		position: absolute;
		left: 50px;
		right: 50px;
		top: -8px;
		content: "";
	}

	.cta-container:after {
		border-bottom: 1px dotted #222222;
		position: absolute;
		left: 30px;
		right: 30px;
		content: "";
		bottom: -18px;
	}

	.service-list.one-third { width: 400px !important; }

	#testimonial-slider { margin-bottom: 50px; }
	
	.testimonial-container.row { margin-bottom: 0px; }
	.testimonial-content-container { margin-bottom: 20px !important; }
	.testimonial-image-container { margin-bottom: 20px !important; }

	.big-quote-container p { font-size: 18px; }

	.title-container h2 { font-size: 30px;}
	.title-container h3 { font-size: 22px;}

	.accordion-container { margin-top: 60px; }

	.portfolio-wrapper li { margin-bottom: 20px !important; }

	#contact-form-container { margin-bottom: 40px !important; }

	#pre-footer-wrapper { padding-bottom: 20px; }

	#copytight-container, #meta-info-container {
		margin-bottom: 6px;
		text-align: center;
	}

	.copyright, .meta-info { float: none;	}

	#map-container { display: none; }

	#contact-form-inner-container {
		min-height: none;
		padding: 0px;
		border-right: none; 
	}

	.fancybox-nav { display: none; }
	.fancybox-close { width: 20px !important; height: 20px !important; }

	.tech-info { display: none; }

	.page-border-container { 
		border-bottom: none; 
		padding-bottom: 0px;
		margin-top: 0px;
	}

	.desktop-gallery-nav-container { display: none; }

	.mobile-gallery-nav-container { display: block; }

	.mobile-filter-nav:before {
	  border-bottom: 5px solid #1E2022;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  content: "";
	  display: block;
	  height: 10px;
	  position: absolute;
	  left: 15px;
	  top: -10px;
	  width: 0;
	}

	.mobile-filter-nav {
		background: #1E2022;
		width: 200px;
	  height: auto;
	  margin: 5px 0 0;
	  padding: 1px 0;
	  list-style-type: none;
	  position: absolute;
	  top: 100%;
	  left: 0px;
	  display: none;
	  box-shadow: 0px 1px 8px rgba(0,0,0,0.4);
	  z-index: 999;
	}

	.mobile-filter-nav li {
		margin: 0px;
		padding: 0px;
		white-space: nowrap;
	}

	.mobile-filter-nav li a {
		-webkit-transition: all 0.3s ease-out 0s;
	  -moz-transition: all 0.3s ease-out 0s;
	  -o-transition: all 0.3s ease-out 0s;
	  -ms-transition: all 0.3s ease-out 0s;
	  transition: all 0.3s ease-out 0s;
	  width: auto;
	  height: auto;
	  margin: 0px;
	  padding: 0 16px 0 10px;
	  display: block;
	  color: #f9f9f9;
	  font-size: 14px;
	  font-family: 'Open Sans', sans-serif;
		font-weight: 700;
	  text-align: left;
	  text-transform: uppercase;
	  line-height: 50px;
	  border-top: 1px solid #212426;
	  border-bottom: 1px solid #000000;
	}

	.mobile-filter-nav li a:hover, .mobile-filter-nav li a.active {
		-webkit-transition: all 0.3s ease-out 0s;
	  -moz-transition: all 0.3s ease-out 0s;
	  -o-transition: all 0.3s ease-out 0s;
	  -ms-transition: all 0.3s ease-out 0s;
	  transition: all 0.3s ease-out 0s;
	  background: #98012E;
	}

	.mobile-filter-nav li:first-child a {
		border-top: none;
	}

	.mobile-filter-nav li:last-child a {
		border-bottom: none;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size
===================================================*/

@media only screen and (max-width: 479px) {
	#header-contact-container {
		text-align: center;
	}

	.service-list.one-third { width: 280px !important; }

	.contact-content-container {
		float: none;
	}

	span.email-contact {
		margin-right: 0px;
		margin-bottom: 10px;
	}

}

/* Accordion CSS
===================================================*/

.accordion { margin-bottom: 20px; }

.accordion dd, .accordion dt {
  border-color: #111111;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  padding: 0px;
}

.accordion dd {
	background: #ffffff;
	padding: 10px;
  border-top: none;
  font-size: 16px;
}

.accordion dd a, .accordion dt a {
	background: #222222 url("../images/accordion-open-icon.png") no-repeat 98% center;
	padding: 10px;
  color: #ffffff;
  font-size: 18px;
  display: block;
  font-weight: bold;
}

.accordion dd:last-of-type {
  border-top: 1px solid #FFFFFF;
  position: relative;
  top: -1px;
}

.accordion dd:last-of-type, .accordion dt:last-of-type {
  border-bottom: 1px solid #111111;
}

.accordion dt a.open { background: #222222 url("../images/accordion-close-icon.png") no-repeat 98% center; }