@charset "utf-8";

/*
Theme Name: DLC Construction Group
Theme URI: http://www.dlcconstructiongroup.com
Author: sales@stitchedproduction.com
Author URI: http://www.stitchedproduction.com
Description: DLC Construction Group | Miami General Contractor Residential & Commercial
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
  font-family: 'DINPro-Regular';
  src: url('fonts/DINPro-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'GurmukhiMN';
  src: url('fonts/GurmukhiMN.ttc') format('opentype');
}


/* RESET
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
caption,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
sidebar,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: Verdana, sans-serif;
  /*-webkit-font-smoothing: antialiased;*/

}
article,
aside,
caption,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
sidebar {
  display: block;
}
p,
span,
strong,
a,
li,
input,
textarea,
select,
button,
label,
table,
time {
  color: #2d302b;
  font-size: 13px;
}
p span, p strong {
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'DINPro-Regular', sans-serif;
  color: #2fa745;
  font-weight: normal;
  font-size: 21px;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: 'DINPro-Regular', sans-serif;
  font-size: 100%;
  color: #2d302b;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: Verdana, sans-serif;
  font-size: 100%;
}
ul li {
  list-style: none;
  float: left;
}
a {
  text-decoration: none;
  border: 0;
}
a span {
  font-size: 100%;
}
img {
  border: 0;
}
input, textarea, button {
  border: 0;
  margin: 0;
  padding: 0;
}
.clearFix {
  clear: both;
  display: block;
}
.fix {
  clear: both;
}
.bold {
  font-weight: bold;
}
/**************************************************************************************
**************************************************************************************
	Header
**************************************************************************************
**************************************************************************************/
body {
}
.subHead {
	clear: both;
	width: 100%;
	height: 30px;
	background: #f1f1f1;
}
.subHeadRight {
	float: right;
	color: #828282;
	padding: 10px 0;
	font-weight: bold;
	font-style: italic;
}
.mainHeader {
	width: 100%;
	height: 110px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	box-shadow: 0 5px 10px -6px #000;
	border-bottom: 7px solid #a3cd39;
}
.innerHeader {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
.inner {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
a#logo {
	float: left;
	display: block;
	margin: 0;
	padding-top: 15px;
}
a#logo a {
	float: left;
	display: block;
}
a#logo a img {
	width: 264px;
	height: 111px;
}
#headright {
	float: right;
	display: block;
	padding: 0;
	width: 617px;
	text-align: right;
}
#hcontact {
	display: block;
	position: relative;
	width: 100%;
	color: #828282;
	float: right;
	font-size: 15px;
}
#htelephone a {
	font-size: 30px;
	color: #6fbe42;
	font-weight: bold;
}
#htelephone a:hover {
	color: #518b2f;
}
.container {
	clear: both;
	float: left;
	width: 100%;
	padding-top: 8px;
	display: block;
	z-index: 9999;
}
.mobileMenu, .toggleMenu {
	display: none;
	background: #0065a6;
	padding: 0;
	color: #fff;
	font-weight: bold;
}
.mobileMenu, .toggleMenu img {
	float: left;
}
.nav, .sf-menu {
	list-style: none;
	height: 35px;
	margin-bottom: 0!important;
}
.nav li, .sf-menu li {
	float: left;
	position: relative;
	list-style: none;
	border-right: 1px solid #ccc;
}
.nav li:last-child, .sf-menu li:last-child {
	border-right: none;
}
.nav li a, .sf-menu li a, .sf-menu a:visited {
	padding: 10px 11px 12px 11px;
	text-transform: uppercase;
	font-family: 'DINPro-Regular';
	font-size: 16px;
	font-weight: normal;
	background: none;
	color: #2d302b;
	border-left: none!important;
	border-top: none!important;
}
.nav li a:hover, .sf-menu li a:hover {
	color: #ffffff;
	background: #a3cd39;
}
.nav li:last-child a, .sf-menu li:last-child a {
	padding: 10px 10px 12px 10px;
}
/**************************************************************************************
**************************************************************************************
	Slider
**************************************************************************************
**************************************************************************************/
.slider {
	width: 100%;
	height: 570px;
	padding: 0;
	margin: 0 auto;
}
.innerSlider {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
.slide {
	position: relative;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
.slide img {
	float: left;
	display: block;
	width: 100%;
	height: auto;
}
.nivoSlider {
	overflow: inherit;
}
.nivo-caption {
	display: none!important;
}
a#prev, .nivo-prevNav {
	position: absolute;
	z-index: 9999;
	top: 250px;
	left: -70px;
	display: block;
	width: 55px;
	height: 70px;
	background: url(images/prev.png) no-repeat;
	text-indent: -99999px;
	opacity: 0.7;
}
a#next, .nivo-nextNav {
	position: absolute;
	z-index: 9999;
	top: 250px;
	right: -70px;
	display: block;
	width: 55px;
	height: 70px;
	background: url(images/next.png) no-repeat;
	text-indent: -99999px;
	opacity: 0.7;
}
a#prev:hover, a#next:hover, .nivo-nextNav:hover, .nivo-prevNav:hover {
	opacity: 0.3;
}

/**************************************************************************************
**************************************************************************************
	Home
**************************************************************************************
**************************************************************************************/
.main {
	clear: both;
	float: left;
	width: 100%;
	background: #fff url(images/body-bg.png) repeat-x;
}
#home {
	padding: 30px 0 50px 0;
}
.bgHome {
	position: absolute;
	right: 10%;
}
.innerMain {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0 0 70px 0;
	min-height: 650px;
}
.whitebg {
	background: #fff;
	width: 920px;
	padding: 20px 20px 50px 20px;
	float: left;
}
.homeLeft {
	position: relative;
	float: left;
	width: 630px;
	padding-right: 25px;
}
.sectionTitle {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(images/ruler.png)bottom repeat-x;
}
.sectionTitle h2 {
	position: relative;
	float: left;
	font-size: 17px;
	line-height: 19px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.sectionTitle h2 span {
	font-size: 24px;
}
.sectionTitle a {
	float: right;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #a3cd39;
	padding: 25px 0 0 0;
}
.sectionTitle a:hover {
	color: #2fa745;
}
.hFP {
	display: block;
	position: relative;
	float: left;
	padding: 0 0 30px 0;
}
.hFP li:first-child {
	padding: 0 0 10px 0;
}
.hFP li {
	position: relative;
	width: 100%;
	float: left;
	padding: 20px 0 10px 0;
}
.hFP li img {
	padding-bottom: 10px;
}
.hFP li p {
	padding-bottom: 20px;
}
.hFP li a.button {
	position: relative;
	float: left;
	color: #fff;
	font-size: 12px;
	background: #a3cd39;
	padding: 10px 12px;
	text-transform: uppercase;
	font-weight: bold;
}
.hFP li a.button:hover {
	background: #248d3a;
}
.hFP li:first-child .hFPtitle {
	top: 193px;
}
.hFP .hFPtitle {
	position: absolute;
	top: 213px;
	width: 97%;
	padding: 10px 0 10px 19px;
	background-color: rgba(0,0,0, 0.6);
}
.hFP .hFPtitle p {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	padding-bottom: 0;
}
.homeRight {
	position: relative;
	float: left;
	width: 305px;
}
.hServices {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 50px 0;
	background: url(images/side-shadow.png)bottom no-repeat;
}
.hServices li:first-child {
	padding: 0 0 4px 0;
	margin-bottom: 4px;
}
.hServices li {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 4px 0;
	background: url(images/services-bg.png)no-repeat;
}
.hServices li a {
	display: block;
	font-size: 19px;
	text-transform: uppercase;
	padding: 5px 0 5px 10px;
}
.hServices li:hover {
	background: #a3cd39;
}
.hServices li a:hover {
	color: #fff;
}
.hContact {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 50px 0;
	background: url(images/side-shadow.png)bottom no-repeat;
}
.hContact .QC img:hover {
	opacity: 0.6;
}
/* Contact Form */
#homeContact {
	float: left;
	display: block;
	padding: 0 10px 0 10px;
}
#homeContact input {
	width: 100%;
	height: 33px;
	border: 1px solid #ebebeb;
	margin: 5px 0;
}
#homeContact textarea {
	width: 100%;
	height: 110px;
	border: 1px solid #ebebeb
}
#homeContact button {
	clear: both;
	float: left;
	display: block;
	font-size: 13px;
	color: #fff;
	background: #69bc3b;
	padding: 8px 20px;
	margin-top: 15px;
	text-transform: uppercase;
}
#homeContact button:hover {
	background: #518b2f;
}
/**************************************************************************************
**************************************************************************************
	About Us & Default
**************************************************************************************
**************************************************************************************/
.pageTitle {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 30px;
	background: url(images/ruler.png)bottom repeat-x;
}
.pageTitle h1 {
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
	padding: 20px 0 0 0;
}
.contentLeft {
	display: block;
	position: relative;
	float: left;
	width: 610px;
	padding: 0 25px 0 0;
}
.contentLeft p {
	float: left;
	line-height: 19px;
	font-weight: normal;
	padding: 10px 0 0 0;
}
.contentLeft img {
	float: left;
	width: 100%;
	height: auto;
}
.contentLeft .aboutPeople {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}
.aboutPeople li {
	float: left;
	width: 100%;
	padding: 25px 0 20px 0;
	border-bottom: 1px solid #dcdcdc;
}
.aboutPeople li:first-child {
	padding: 0 0 30px 0;
}
.aboutPeople li:last-child {
	border-bottom: none;
}
.aboutPeople img {
	float: left;
}
.aboutPeople img:hover {
	opacity: 0.6;
}
.aboutPeople .pName {
	height: auto;
	border-bottom: 1px solid #dcdcdc;
}
.aboutPeople .pName, .aboutPeople .pExcerpt {
	float: left;
	width: 68%;
	padding: 0 0 10px 0;
	margin-left: 10px;
	text-align: justify;
}
.aboutPeople .pName h2 a{
	float: left;
	font-size: 20px;
}
.aboutPeople .pName h2 a:hover {
	color: #69bc3b;
}
.aboutPeople .pName span {
	float: left;
}
.aboutPeople .pName .pDiv {
	color: #636363;
	padding: 5px 6px 0 8px;
}
.aboutPeople .pName .pTitle {
	font-style: italic;
	font-size: 15px;
	color: #636363;
	padding: 5px 0 0 0;
}
.aboutPeople p {
	line-height: 17px;
}
.aboutPeople .pExcerpt a {
	position: relative;
	float: left;
	color: #a3cd39;
	font-size: 16px;
	margin-top: 13px;
}
.aboutPeople .pExcerpt a:hover {
	color: #248d3a;
}
.aboutPeople .pExcerpt .moreButton {
	float: right;
	display: block;
	border: none;
	cursor: pointer;
	color: #ffffff;
	background: #a3cd39;
	padding: 8px 8px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.aboutPeople .pExcerpt .moreButton:hover {
	color: #ffffff;
	background: #248d3a;
}
.sidebarShadow {
	position: absolute;
	right: 295px;
	background: url(images/sidebar-shadow.png) no-repeat;
	width: 24px;
	height: 689px;
}
.contentRight {
	display: block;
	position: relative;
	float: right;
	width: 285px;
}
.contactinfo {
	display: block;
	float: left;
	padding: 15px 0 15px 0;
	line-height: 21px;
}
.contactinfo a:hover  {
	color: #a3cd39;
}
.sidebarTitle {
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
	background: url(images/ruler.png)bottom repeat-x;
}
.sidebarTitle h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #2d302b;
}
.sideServices {
	position: relative;
	display: block;
	float: left;
	padding: 0 0 50px 20px;
	background: #fff url(images/side-shadow.png)no-repeat bottom;
}
.sideServices li {
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
}
.sideServices li:last-child {
	border-bottom: none;
}
.sideServices li a {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	padding: 7px 0 5px 0;
}
.sideServices li a:hover {
	color: #248d3a;
}
.sideForm {
	position: relative;
	display: block;
	float: left;
	padding: 30px 0 30px 20px;
	background: #fff url(images/side-shadow.png)no-repeat bottom;
}
.designConsult {
	float: left;
}
.sideForm .quickContact input {
	width: 98%!important;
	height: 33px;
	border: 1px solid #ebebeb;
	margin: 5px 0;
	background: #e9e9e9;
	padding: 0 0 0 10px;
}
.gform_wrapper .top_label textarea.textarea {
	width: 96%!important;
}
.gform_wrapper textarea.medium {
	height: 105px;
}
.gform_wrapper ul {
	width: 100%;
}
.sideForm .quickContact li {
	width: 100%;
}
.sideForm .quickContact p {
	font-weight: normal;
}
.sideForm .quickContact textarea {
	width: 95%;
	height: 100px;
	border: 1px solid #ebebeb;
	background: #e9e9e9;
	padding: 0 0 0 10px;
}
.sideForm .quickContact button {
	clear: both;
	float: right;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #a3cd39;
	padding: 8px 8px;
	margin: 15px 0 13px 0;
	text-transform: uppercase;
}
.sideForm .quickContact button:hover {
	background: #248d3a;
}
/* Project grid */
.projectP {
	line-height: 19px;
	padding: 0 0 30px 0;
}
.projectGrid P{
	min-height: 500px;
}
.projectGrid .projectFilter {
	padding: 0 0 30px 0;
}
.projectGrid .projectFilterMobile {
	display: none;
}
.projectGrid .projectFilter label {
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	background: #a3cd39;
	padding: 11px 12px;
	display: block;
	float: left;
	height: 72px;
	line-height: 70px;
	margin-right: 10px;
}
.projectGrid .projectFilter button {
	font-size: 16px;
	color: #ffffff;
	background: #2fa745;
	padding: 12px 12px;
	margin-bottom: 10px;
}
.projectGrid .projectFilter button:hover {
	background: #248d3a;
}
.projectFilterMobile {
	padding-bottom: 10px;
}
.projectFilterMobile label {
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	background: #a3cd39;
	padding: 0 15px;
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
}
.projectFilterMobile #FilterSelect {
	display: block;
	width: 75%;
	color: #fff;
	background: #2fa745;
	font-size: 16px;
	overflow: hidden;
	height: 40px;
}
#projectGrid .mix {
	display: none;
	width: 306px;
	height: auto;
	padding: 0 7px 0 0;
	margin-bottom: 30px;
}
#projectGrid .mix img {
	width: 100%;
	height: auto;
}
.projectFilter .active {
	background: #248d3a!important;
	outline: -webkit-focus-ring-color auto 1px;
}
/* Project Single */
.projectLeft {
	display: block;
	position: relative;
	float: left;
	width: 660px;
	padding-right: 30px;
}
.projectLeft p {
	float: left;
	line-height: 19px;
	text-align: justify;
	padding: 25px 0 0 0;
}
.projectThumbs {
	padding: 10px 0 0 0;
}
.projectThumbs li {
	padding-right: 8px;
}
.projectThumbs li:last-child {
	padding-right: 0;
}
.projectRight {
	display: block;
	position: relative;
	float: left;
	width: 230px;
}
.projectDetails p {
	float: left;
	padding: 15px 0 0 0;
	font-size: 14px;
}
.projectDetails li {
	width: 100%;
	line-height: 19px;
}
.projectDetails li a {
	font-size: 14px;
	color: #2fa745; 
}
.projectDetails li a:hover {
	color: #248d3a;
}
.projectSimilar {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 0 20px 0;
	margin: 60px 0 20px 0;
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
}
.projectSimilar h4 {
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #636363;
	text-transform: uppercase;
	padding: 0 0 20px 0;
}
.projectSimilar .projSimTitle {
	line-height: 21px;
}
.projectSimilar .projSimTitle h3 {
	font-size: 16px;
}
.projectSimilar li:hover {
	opacity: 0.7;
}
.projectSimilar li {
	max-width: 210px;
	padding-right: 25px;
}
.projectSimilar li:last-child {
	padding-right: 0;
}
.projectSimilar img {
	max-width: 210px;
	height: 140px;
}
.flexslider {
	margin: 0 0 10px!important;
}
.flex-direction-nav .flex-prev { 
	left: -0px!important; 
}
.flex-direction-nav .flex-next { 
	right: 0!important; 
	
}
.flexslider:hover .flex-prev { 
	opacity: 0.7;
}
.flexslider:hover .flex-next { 
	opacity: 0.7;
}
.flex-direction-nav .flex-disabled {
	opacity: 0.7!important; filter:alpha(opacity=0.7); cursor: default; 
}

/* Get quote */
.sideprojects {
	position: relative;
	display: block;
	float: left;
	padding: 0 0 50px 20px;
	background: #fff url(images/side-shadow.png)no-repeat bottom;
}
.sideprojects li {
	padding: 0 0 10px 0;
}
.sideprojects li:hover {
	opacity: 0.7;
}
.sideprojects li img {
	float: left;
	max-width: 155px;
	height: auto;
	padding-right: 6px;
}
.sideprojects li span {
	position: relative;
	float: left;
	color: #a3cd39;
	font-size: 12px;
	padding: 8px 0;
	text-transform: uppercase;
	font-weight: bold;
}
.stat .gform_wrapper ul li {
	width: 100%;
	padding: 0;
	background: none;
}
.stat .gform_wrapper ul.gfield_checkbox li {
	width: 50%;
}

.gform_wrapper input[type=submit] {
	position: relative;
	float: left;
	color: #fff;
	font-size: 12px;
	background: #a3cd39;
	padding: 10px;
	text-transform: uppercase;
	font-weight: bold;
	width: 20%;
	height: auto;
	text-indent: 0;
}
.gform_wrapper input[type=submit]:hover {
	background: #248d3a;
}
.gform_wrapper input[type=checkbox] {
	height: auto;
}
/**************************************************************************************
**************************************************************************************
	Services
**************************************************************************************
**************************************************************************************/
.full {
	clear: both;
	width: 100%;
}
.servicesList li img {
	width: 100%;
	height: auto;
	display: block;
}
.servicesList li {
	position: relative;
	width: 225px;
	margin: 0 18px 50px 0;
	background: #f5f5f5;
}
.servicesList li:hover {
	background: #e3e3e3;
	opacity: 0.7;
}
.servicesList li:nth-child(4n+4) {
	margin: 0 0 40px 0;
}
.servicesList li h2 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #518b2f;
	padding-bottom: 20px;
}
.servicesList .servicesContent {
	position: relative;
	float: left;
	text-align: center;
	width: 86%;
	padding: 10px 15px 0 15px;
}
.servicesList .servicesContent p {
	line-height: 19px;
}
/* Single */
.singleTitle h1 {
	font-size: 17px;
}
.singleTitle h1 span {
	font-size: 22px;
	color: #2fa745;
}
.sService img:first-child {
	width: 100%;
	height: auto;
	padding: 0 0 20px 0;
}
.sService img {
	max-height: 473px;
	overflow: hidden;
}
.sService #serviceSlider .nivo-prevNav {
	background-size: 70%;
	left: 0;
	top: 225px;
	opacity: 0.9;
}
.sService #serviceSlider.nivoSlider img, #serviceSlider.nivoSlider {
	max-height: 450px!important;
}
.sService #serviceSlider .nivo-nextNav {
	background-size: 70%;
	right: -15px;
	top: 225px;
	opacity: 0.9;
}
.sService p {
	text-align: justify;
}
.serviceGallery {
	float: left;
	padding: 20px 0 0 0;
	margin: 40px 0 0 0;
	width: 100%;
	border-top: 3px double #ccc;
}
.serviceGallery li {
	padding-right: 30px;
}
.serviceGallery li:last-child {
	padding-right: 0;
}
.serviceGallery .miniTitle h4, .serviceTestimonial .miniTitle h4 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #636363;
	padding: 0 0 15px 0;
}
.serviceGallery .miniTitle h4 a {
	float: right;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #2fa745;
}
.serviceGallery img {
	max-width: 170px;
	height: auto;
}
.serviceTestimonial {
	float: left;
	border-top: 3px double #ccc;
	padding: 20px 0 10px 0;
	margin: 40px 0 20px 0;
}
.serviceTestimonial span {
	float: right;
	color: #636363;
	padding-right: 20px;
}
.serviceTestimonial p {
	font-style: italic;
	color: #636363;
}

/**************************************************************************************
**************************************************************************************
	Static
**************************************************************************************
**************************************************************************************/
.stat {
	float: left;
	position: relative;
	display: block;
	width: 64.3%;
	padding: 0 25px 0 0;
	
}
.stat h1 {
	font-size: 28px;
	margin-top: 20px;
	text-transform: uppercase;
}
.stat h2 {
	font-size: 25px;
	text-transform: uppercase;
}
.stat h3 {
	font-size: 23px;
	text-transform: uppercase;
}
.stat h4 {
	font-size: 20px;
	text-transform: uppercase;
}
.stat h5 {
	font-size: 18px;
	text-transform: uppercase;
}
.stat h6 {
	font-size: 16px;
	text-transform: uppercase;
}
.stat hr {
	clear: both;
	display: block;
	margin: 15px 0;
	height: 1px;
	background: #e5e5e5;
	border: 0;
}
.stat h1.centerH1 {
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
	color: #2fa745;
	font-weight: lighter;
}
.stat ul {
	float: left;
 	padding: 10px 20px;
}
.stat ul li {
	display: block;
	width: 100%;
	padding: 0 0 10px 21px;
	background: url(images/arrow.png) no-repeat 0 7px;
}
.stat ol {
	padding: 10px 20px;
}
.stat ol li {
	float: left;
	padding: 0 0 10px 0;
	list-style: inside decimal;
}
.stat p {
	line-height: 15px;
	padding-bottom: 10px;
}
.stat p a {
	color: #a3cd39;
}
.stat p a:hover {
	color: #248d3a;	
}
.stat p.bolder {
	color: #2fa745;
	font-size: 14px;
	font-weight: bold;
}
.stat form label {
	display: block;
	padding: 10px 0 10px 0;
}
.stat form input {
	display: block;
	width: 319px;
	height: 29px;
	background: #f0f0f1;
	font-size: 12px;
	text-indent: 10px;
}
.stat form textarea {
	display: block;
	margin: 0 0 1em 0;
	padding: 10px;
	width: 299px;
	height: 63px;
	background: #f0f0f1;
	font-size: 12px;
}
.stat form span.select {
	position: absolute;
	display: block;
	width: 319px;
	height: 29px;
	background: url(i/select.jpg) no-repeat;
	font-size: 12px;
	line-height: 29px;
	text-indent: 10px;
	overflow: hidden;
}
.stat form select.styled {
	display: block;
	width: 319px;
	height: 29px;
	border: 0;
	background: none;
}
section.imgLeft {
	clear: both;
	float: left;
	margin: 0 0 15px 0;
	width: 100%;
}
section.imgLeft:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
section.imgLeft img {
	float: left;
	display: block;
	width: 49%;
}
section.imgLeft div {
	float: right;
	width: 49%;
}
section.imgLeft div h1,
section.imgLeft div h2,
section.imgLeft div h3,
section.imgLeft div h4,
section.imgLeft div h5,
section.imgLeft div h6 {
	padding: 7px 0 7px 0;
	color: #1d2c39;
	font-size: 18px;
}
section.imgLeft div p {
	display: block;
	padding: 0 0 1em 0;
}
section.imgRight {
	clear: both;
	float: left;
	margin: 0 0 15px 0;
	width: 100%;
}
section.imgRight:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
section.imgRight img {
	float: right;
	display: block;
	width: 49%;
}
section.imgRight div {
	float: left;
	width: 49%;
}
section.imgRight div h1,
section.imgRight div h2,
section.imgRight div h3,
section.imgRight div h4,
section.imgRight div h5,
section.imgRight div h6 {
	padding: 7px 0 7px 0;
	color: #1d2c39;
	font-size: 18px;
}
section.imgRight div p {
	display: block;
	padding: 0 0 1em 0;
}
section.twoCol {
	clear: both;
	float: left;
	width: 100%;
}
section.twoCol .twoColItem {
	width: 47%;
	float: left;
	padding-right: 30px;
}
section.twoCol .twoColItem:last-child {
	padding-right: 0;
}
section.twoCol .twoColItem h5 {
	text-align: center;
	font-size: 15px;
	padding: 0 0 10px 0;
	color: #2fa745;
	text-transform: uppercase;
}
section.twoCol .twoColItem img {
	border: 0;
	display: block;
	width: 100%;
	height: auto;
}
section.twoCol .twoColItem p {
	display: block;
	padding: 10px 0 20px 0;
}

/**************************************************************************************
**************************************************************************************
	Footer
**************************************************************************************
**************************************************************************************/
.mainFooter {
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: 250px;
	border-top: 7px solid #a3cd39;
}
.innerFooter {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	padding-top: 30px;
	min-height: 250px;
}
.fAddress {
	position: relative;
	float: left;
	width: 200px;
	margin-right: 30px;
}
.fAddress p {
	float: left;
	width: 100%;
	line-height: 22px;
}
.fAddress a.clickgoogle {
	color: #6fbe42;
}
.fAddress a.clickgoogle:hover {
	color: #248d3a;
}
.fAddress p a:hover {
	color: #6fbe42;
}
.fTitle {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.fTitle h4 {
	font-size: 20px;
	padding-bottom: 10px;
}
.fTitle h4 span {
	float: right;
	font-size: 13px;
	font-style: italic;
	font-family: Verdana;
	color: #828282;
	padding-top: 10px;
}
.fconnect, .fservices {
	position: relative;
	float: left;
	width: 200px;
	margin-right: 30px;
}
.fservices li {
	width: 100%;
	padding: 3px 0;
	border-bottom: 1px solid #e6e4e4;
}
.fservices li:last-child {
	border-bottom: none;
}
.fservices li a:hover {
	color: #6fbe42;	
}
/*
.fconnect form {
	padding: 15px 0 0 0;
}
.fconnect input {
	width: 51%;
	height: 27px;
	border: 1px solid #ebebeb;
}
.fconnect button {
	font-size: 12px;
	color: #fff;
	background: url(images/subscribe-btn.png)repeat-x;
	padding: 0 15px;
	text-transform: uppercase;
	width: 95px;
	height: 27px;
	cursor: hand;
}
.fconnect button:hover {
	background: #518b2f;
}
*/
.fabout {
	position: relative;
	float: left;
	width: 500px;
}
.fabout p {
	line-height: 22px;
}
.fabout .flogos {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
}
.fabout .flogos li {
	padding: 2% 2% 0 0;
}
.fabout .flogos li img {
	width: 100%;
	height: auto;
}
.fCopyright {
	clear: both;
	float: left;
	width: 100%;
	padding: 15px 0;
	background: #f1f1f1;
}
.fCopyright div {
	float: left;
	color: #646464;
	font-size: 13px;
}
.fCopyright div a  {
	font-size: 12px;
}
.fCopyright .stitchedproduction {
	float: right;
}
.fCopyright a:hover {
	color: #6fbe42;
}
/**************************************************************************************
**************************************************************************************
	Gravity Forms
**************************************************************************************
**************************************************************************************/
.gform_wrapper, .gform_heading {
	max-width: 100%;
}
/* contact */
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	width: 66.5%;
}
.gform_wrapper .ginput_complex .ginput_left {
	width: 70%;
}
.gform_wrapper .ginput_complex .ginput_right {
	float: left;
	width: 70%;
}
/* end contact */
.designConsult .gform_wrapper label {
	display: none!important;
}
.gform_wrapper div.validation_error {
	font-size: 14px!important;
}
.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required, #homeContact .gform_wrapper li.gfield.gfield_error.gfield_contains_required  {
	margin-top: 0;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, #homeContact .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0!important;
}
.gform_wrapper .ginput_container + .gfield_description.validation_message, #homeContact .gform_wrapper .ginput_container + .gfield_description.validation_message  {
	margin-top: 0;	
}
.gform_wrapper .top_label .gfield_description.validation_message, #homeContact .gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message, #homeContact .gform_wrapper .gfield_description.validation_message {
	padding: 0!important;
}
.gform_confirmation_message_3, .gform_confirmation_message {
	font-weight: bold;
	color: #407d5e;
}
.gform_wrapper li.gfield.gfield_error, #homeContact .gform_wrapper li.gfield.gfield_error, #homeContact .gform_wrapper li.gfield.gfield_error, #homeContact .gform_wrapper li.gfield.gfield_error {
	background-color: #fff;
	margin-bottom: 0!important;
	padding: 0!important;
	border-top: none!important;
	border-bottom: none!important;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {
	font-size: 13px!important;
	background: #fff!important;
	border: 1px solid #dcdcdc;
}
.quickContact .gform_wrapper textarea.medium {
	height: 100px;
}
.quickContact textarea {
	padding: 5px 5px 0 2px!important;
}
#input_2_4_4, #input_2_6, .gfield_select {
	display: block;
	width: 67%!important;
	background: url(images/select.jpg) no-repeat;
	font-size: 16px;
	overflow: hidden;
	height: 39px;
}
/*****************************************************************************************************
******************************************************************************************************
******************************************************************************************************

MEDIA QUERYS

*****************************************************************************************************
*****************************************************************************************************
*****************************************************************************************************/
@media screen and (max-width:960px) {
  .mainHeader {
	width: 100%;
	height: auto;
	float: left;
  }
  .innerHeader, .inner {
	width: 96%;
	padding: 2% 2%;
  }
  .subHeadRight {
	padding: 0;
  }
  #logo {
	width: 35%;
	
  }
  #logo img {
  	width: 100%;
  	height: auto;
	max-width: 260px;
  }
  #headright {
	width: 64%;
  }
  .nav li a, .sf-menu li a, .sf-menu a:visited {
	font-size: 13px;
	padding: 10px 6px 10px 6px;
  }
  .slider {
	float: left;
	height: auto;
  }
  .bgHome {
	right: -10%;
  }
  /* about */
  .whitebg {
	width: 94%;
	padding: 2% 3% 1% 3%;
  }
  .contentLeft {
	width: 65.6%;
	padding: 0 2% 0 0;
  }
  .contentRight {
	width: 31.6%;
	float: left;
  }
  .sidebarShadow {
	right: 32%;
  }
  /* projects */
  .projectGrid  .projectFilter label {
	font-size: 15px;
	padding: 5px 8px;
	height: 35px;
	line-height: 40px;
  }
  #projectGrid .mix {
	width: 32%;
  }
  #projectGrid .mix img {
	width: 100%;
	height: auto;
  }
  #projectGrid .mix .projTitle h3 {
	  font-size: 18px;
  }
  .projectLeft {
	width: 71.7%;
	padding-right: 3%;
  }
  .projectRight {
	width: 25%;
  }
  /* footer */
  .fAddress {
	width: 28%;
	margin-right: 2%;
  }
  .fservices {
	width: 22%;
	margin-right: 2%;
  }
  .fabout {
	width: 46%;
  }
  .flogos li {
  	width: 16%;
	padding: 2% 2% 0 0;
  }
  .fCopyright {
	padding: 1% 0;
  }
  .fCopyright div {
	font-size: 12px;
  }
  /* stat */
  .stat {
	width: 64.3%;
	padding: 0 2% 0 0;
  }
}
/*960*/
@media screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
  .mainHeader {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .innerHeader, .inner {
    width: 94%;
    padding: 1% 3% 1% 3%;
    height: auto;
    float: left;
  }
  .subHeadRight {
	padding: 0;
  }
  #logo img {
	width: 100%;
	height: auto;
  }
  #headright {
	padding-top: 15px;
  }
  .slider {
	float: left;
	height: auto;
  }
  .innerSlider {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  a#prev, .nivo-prevNav {
	left: 0%;
	background-size: 62%;
  }
  a#next, .nivo-nextNav {
	right: 0%;
	background-size: 62%;
  }
  .innerMain{
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 94%;
    padding: 2% 3% 3% 3%;
  }
  .container {
	display: none;
  }
  .bgHome {
	  display: none;
  }
  .mobileMenu, .toggleMenu {
	display: block;
  }
  #sidebarMenu li {
	width: 100%;
  }
  #sidebarMenu.sidr ul {
	  border-bottom: 0px;
  }
  #sidebarMemu li:last-child a {
	padding: 0 15px;
  }
  .homeLeft, .homeRight {
	width: 100%;
	padding-right: 0;
  }
  .hFP, .hFP li a {
	width: 100%;
  }
  .hFP li a.button {
	width: 17%;
  }
  .hFP li img {
	width: 99.4%;
	height: auto;
  }
  .hFP li .hFPtitle {
	width: 96%;
	top: 52%;
  }
  .hFP .hFPtitle p {
	font-size: 13px;
  }
  .hFP li:first-child .hFPtitle {
    top: 49.7%;
  }
  /* about */
  .whitebg {
	width: 96%;
	padding: 2% 2% 4% 2%;
  }
  .contentLeft {
	width: 60%;
	padding-right: 4%;
  }
  .sidebarShadow {
	display: none;
  }
  .contentRight {
    float: left;
    width: 36%;
  }
  .contentRight .sideServices {
	padding: 0 0 17% 0;
  }
  .contentRight .sideForm, .contentRight .sideprojects {
	padding: 0 0 17% 0;
	margin-top: 2%;
  }
  /* services */
  .servicesList li {
	width: 30%;
	min-height: 206px;
	margin: 0 4% 5% 0;
  }
  .servicesList li:nth-child(3n+3){
	margin: 0 0 5% 0!important;
  }
  .servicesList li:nth-child(4n+4) {
	margin: 0 4% 5% 0;
  }
  .servicesList .servicesContent {
	min-height: 60px;
  }
  /* projects */
  .projectGrid .projectFilter {
	display: none;
  }
  .projectGrid .projectFilterMobile {
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 10px;
  }
  /* footer */
  .mainFooter {
	float: left;
	height: auto;
  }
  .innerFooter {
  	width: 94%!important;
	padding: 2% 3% 2% 3%;
  }
  .fAddress {
	width: 45%;
	margin-right: 30px;
  }
  .fAddress p, .fAddress p a, .fservices a {
	font-size: 15px;
  }
  .fservices {
	width: 45%;
  }
  .fabout {
	width: 100%;
	padding-top: 10px;
  }
  .fCopyright .stitchedproduction {
    float: left;
  }
  /* stat */
  .stat {
	width: 61.3%;
  }
}
/*768*/
@media screen and (max-width: 640px) {

  /*menu*/
  .container {
    clear: both;
    float: none;
    width: 100%;
    display: none;
  }
  #home {
	float: left;
  }
  .toggleMenu {
	height: 40px;
    background: #f1f1f1;
  }
  .subHeadRight {
	position: relative;
	top: -20px;
  }
  .subHead {
	float: left;
	height: 0;
  }
  .subHead .inner {
	padding: 0;
	float: 	none;
  }
  .active {
    display: block;
  }
  a#logo, #headright {
	padding-top: 0;
  }
  #htelephone a {
	font-size: 23px;
  }
  #home {
	padding: 15px 0 20px 0;
  }
  .hFP .hFPtitle {
	  width: 95.6%;
  }
  .hFP li:first-child .hFPtitle, .hFP li .hFPtitle {
	position: relative;
	float: left;
	top: 0;
  }
  .hFP li a.button {
	width: 27%;
  }
  .hServices li {
	background: #ededed;
  }
  .QC {
	width: 100%;
	text-align: center;
  }
  /* about */
  .contentLeft, .contentRight {
	width: 100%;
	border-top: 1px solid #ececec;
	margin-top: 4%;
  }
  .contentRight {
	  padding: 3% 0;
  }
  .contentRight .sideServices {
	width: 44%;
	margin: 0 4% 0 0;
	padding: 0 0 7% 0;
  }
  .contentRight .sideForm, .contentRight .sideprojects {
	width: 50%;
	margin-top: 0;
	padding: 0 0 5% 0;
  }
  /* services */
  .servicesList li {
	width: 47%;
	margin: 0 4% 6% 0;
  }
  .servicesList li:nth-child(3n+0) {
	margin: 0 4% 5% 0!important;
  }
  .servicesList li:nth-child(2n+0) {
	margin: 0 0 5% 0!important;
  }
  .servicesList .servicesContent {
	min-height: 60px;
  }
  /* projects */
  #projectGrid .mix {
	width: 48%;
  }
  .projectLeft, .projectRight {
	width: 100%;
  }
  .projectSimilar li {
	width: 42%;
	padding-right: 3%;
  }
  .projectSimilar img {
	width: 100%;
	height: auto;
  }
  .projectFilterMobile label {
	font-size: 15px;
	padding: 0 9px;
  }
  /* footer */
  .fAddress {
	width: 48%;
	margin-right: 25px;
  }
  .fservices {
	width: 44%;
	margin-right: 0;
  }
  .fCopyright {
	height: auto;
  }
  /* stat */
  .sideprojects li {
	padding: 0 0 20px 0;
  }
  .sideprojects li img {
	max-width: 105px;
  }
  .sideprojects li span {
	font-size: 11px;
  }
  .stat {
	width: 100%;
	padding: 0;
  }
}
/*640*/
@media screen and (max-width: 480px) {
  .fAddress {
	width: 100%;
	margin-right: 0;
  }
  .fservices {
	width: 100%;
	padding: 15px 0 15px 0;
  }
  .hFP .hFPtitle {
	width: 94%!important;
	padding: 2% 2.7% 2% 2.7%;
  }
  .hFP li a.button {
	width: 31%;
  }
  /* about */
  .contentRight  .sideServices {
	width: 100%;
	margin: 0;
  }
  .contentRight  .sideForm {
	width: 100%;
	margin-top: 0;
	padding: 0; 
  }
  /* project */
  .projectSimilar li {
	width: 42%;
	padding-right: 3%;
  }
  .projectFilterMobile label {
	font-size: 13px;
	padding: 0 4px;
  }
  /* services */
  .servicesList li {
	width: 100%;
	margin: 0 0 6% 0;
  }
  .servicesList li:nth-child(3n+0) {
	margin: 0 0 5% 0!important;
  }
  .servicesList li:nth-child(2n+0) {
	margin: 0 0 5% 0!important;
  }
  /* stat */
  .contentRight  .sideprojects {
	width: 100%;
  }
  .contentRight .sideprojects li img {
	max-width: 200px;
  }
  .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    font-size: 13px;
  }
}
/*480*/
@media screen and (max-width: 320px) {
  
  
  

}
/*320*/