@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Terracom 2018
Theme URI: www.terracomtheater.com
Description: Website for Terracom
Version: 1.0
Author: Wes Jones
Author URI: www.wesajones.com
*/

/*****************************************************/
/***************   CSS Reset   ***********************/
/*****************************************************/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-family: 'Roboto', Helvetica, Verdana, Geneva, sans-serif;
	font-size: 100%;
	text-align: center;
	background-color: #b8b3b0;
}
html>body {
	font-size: 16px;
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
html>body {
	font-size: 14px;
}
body {
	font-size: 100%;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
html>body {
	font-size: 12px;
}
body {
	font-size: 100%;
}
}
ol, ul {
	list-style: none;
}
address, blockquote, q {
	quotes: none;
	font-style: italic;
	text-align: left;
	font-size: 1.35em;
	line-height: 1.5em;
	margin: 1.5em 0;
	padding: 0px;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*****************************************************/
/***************   CSS Reset   ***********************/
/*****************************************************/

h1, h2, h3, h4, h5, h6 {
	text-align: left;
	font-weight: 400;
	padding: 0;
	color: #000;
}
li {
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
}
h1 {
	font-size: 3.25em;
	font-size: 60px;
	font-size: 48px;
	line-height: 1.125em;
	margin: .65em 0 .25em 0;
	padding: 0 0 .25em 0;
	color: #1578df;
}
h2 {
	font-size: 1.8em;
	font-size: 1.8em;
	font-size: 28px;
	line-height: 1.25em;
	margin: 0.75em 0;
	color: #1578df;
}
h3 {
	font-size: 1.5em;
	line-height: 1.25em;
	margin: 1em 0;
}
h4 {
	font-size: 1.25em;
	line-height: 1.2em;
	margin: 1.2em 0;
}
h5 {
	font-size: 0.75em;
	line-height: 2em;
	margin: 2em 0;
}
h6 {
	font-size: 0.625em;
	line-height: 2.4em;
	margin: 2.4em 0;
}
p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 1.5em 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	color: #000;
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
h1 {
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
h3 {
}
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a {
	color: #333;
	color: #e87e04;
	text-decoration: none;
	font-weight: normal;
}
p a {
	text-decoration: none;
	font-weight: 500;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover {
	text-decoration: underline;
}
img {
	border: 0;
	line-height: 1;
	padding: 0;
	margin: 0;
	max-width: 100%;
	height: auto;
}
img.alignright {
	float: right;
	margin: 0 0 1em 1em
}
img.alignleft {
	float: left;
	margin: 0 1em 1em 0
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.list-column-container {
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
.list-column {
	float: left;
	width: 40%;
}
/*Responsive Video Styles*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 30px;*/
	margin-top: 1.5em;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container {
 *float:right;
 *position: relative;
 *padding-bottom:auto;
 *height:auto;
 *width:440px;
 *overflow:auto;
}
.video-container iframe, .video-container object, .video-container embed {
 *position:relative;
 *float:right;
 *top: auto;
 *left: auto;
 *right:0;
 *width: 440px;
 *height: 248px;
}

/*Responsive Video Styles*/





@media screen and (max-device-width: 1200px), (max-width: 1200px) {
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.mobile-phone-hide {
	display: none;
}
}
/* This style is added to all anchor tags so that content is not hidden by the top header bar. */
.anchor-tag-padding {
	float: left;
	width: 100%;
	visibility: hidden;
	padding-top: 140px;
	margin-top: -140px;
	padding-top: 180px;
	margin-top: -180px;
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
.anchor-tag-padding {
	padding-top: 100px;
	margin-top: -100px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
}
/* This style is added to all anchor tags so that content is not hidden by the top header bar. */









.action-bar-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 25px 0;
	background-color: #2f4053;
	overflow: hidden;
}
.action-bar-wrapper {
	/*margin:0 auto;
	width:1180px;*/
	margin: 0 10px;
}
.action-bar-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #2f4053;
}
.action-bar-container p {
	color: #fff;
	font-size: 18px;
	line-height: 1.35em;
	margin: 0 10px;
	padding: 10px 0;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
a.orange-button {
	background-color: #e87e04;
	border-radius: 3px;
	display: inline-block;
	padding: 10px 12px;
	margin: 0 10px;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.125em;
	color: #fff;
	text-decoration: none;
}
a.orange-button:hover {
	opacity: 9;
	text-decoration: none;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.action-bar-wrapper {
/*margin:0 10px;
		width:auto;*/
}
}










input[type=text], input[type=email], input[type=tel] {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 30px;
	padding: 0 10px;
	margin: 0 0 0 0;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 6px;
	
	
	font-size:16px;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus {
	border: 2px solid #111111;
}
textarea {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 100px;
	overflow: auto;
	padding: 10px;
	margin: 0 0 0 0;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 6px;
	
	
	font-size:16px;
}
textarea:focus {
	border: 2px solid #111111;
}
input[type=submit], input[type=button] {
	width: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 40px;
	padding: 0 20px;
	margin: 0 0 0 0;
	font-size: 16px;
	color: #fff;
	background-color: #df7c1e;
	border: none;
	border-radius: 6px;
	-webkit-appearance: none;
}
input[type=submit]:hover, input[type=button]:hover {
	background-color: #c97c32;
}

select {
    width: 100%;
    height: 30px;
    /* height: 30px; */
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    backghround-color: #fff;
    border: 1px solid #999;
    font-size: 1em;
    line-height: 1.125em;
    border-radius: 5px;
    -moz-appearance: none;
	
	
	font-size:16px;
}


/*select {
	margin:0 0 0 0;
	padding:5px;
	width:100%;
	
	font-size:16px;
	line-height:1.25em;
	color:#666;
	border:1px solid #666;
	
	-moz-appearance: none;
	cursor:pointer;
	
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
}*/

.standard-page-right-container p {
	margin:0 0 0 0;
	padding:5px 0;
}
.standard-page-right-container h2 {
    margin: .125em 0;
}
.standard-page-right-container h4 {
    margin: .25em 0;
}
.screen-reader-response,
.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
	color:red;
	text-align: left;
	font-size:14px;
}

/************************************************************************************/
/**************************             Header             **************************/
/************************************************************************************/

/*.site-wrapper {
	margin: 0 auto;
	width: 1280px;
	width: 1180px;
}*/

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
/*.site-wrapper {
	margin: 0 0;
	width: auto;
}*/
}
.header-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 120px;
	position: relative;
	background-color: #b8b3b0;
}
.header-wrapper {
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	float: left;
	width: 100%;
	height: 120px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.header-inner-wrapper {
	margin: 0 0;
	/*width: 1180px;*/
	width:100%;
}
.header-top-container {
	float: left;
	width: 100%;
	height: 35px;
	height:36px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #eee;
	background-color:#2f4053;
	/*border-bottom: 1px solid #999;*/
}
.header-top-inner-container,  .header-bottom-inner-container {
	margin: 0 auto;
	/*width: 1180px;*/
	width:100%;
	max-width:1800px;
}
.header-top-container-left {
	float: left;
	width: 48%;
	margin: 0 0 0 0;
	padding: 0 0 0 0
}
.header-top-container-left p {
	font-size: 14px;
	line-height: 25px;
	color: #666;
	color:#eee;
	text-align: left;
	margin: 0 0 0 30px;
	padding: 5px 0 5px 0;
	vertical-align: top;
}
.header-top-container-right {
	float: right;
	width: 50%;
}
.header-top-container-right p {
	font-size: 14px;
	line-height: 25px;
	color: #666;
	color:#eee;
	text-align: right;
	margin: 0 30px 0 0;
	padding: 5px 0 5px 0;
	vertical-align: top;
}
.header-top-container-right img {
	vertical-align: top;
	border-radius: 80%;
	filter: grayscale(50%);
}
.header-top-container-right img:hover {
	filter: grayscale(0);
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.header-top-container-right p {
	margin-top: 10px;
	margin-right: 60px;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
.header-top-container-right {
	display: none;
}
}
.header-bottom-container {
	position: relative;
	float: left;
	width: 100%;
	height: 84px;
	background-color: #fff;
	background: rgba(255,255,255,0.98);
	box-shadow: 0 3px 4px -2px #000;
}
.header-left-container {
	float: left;
	margin-right: -100%;
	width: 220px;
	padding: 19px 0 0 30px;
	margin: 0 0 0 0;
	text-align: left;
}
.header-left-container img {
	max-width: 100%;
	height: auto;
	padding: 0 0 0 0;
}
.header-right-wrapper {
	margin-left: 260px;
	margin-right: 0;
}
.header-right-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
}
.header-right-bottom-container {
	/*position:relative;*/
	
	
	float: left;
	width: 100%;
	height: 90px;
	height: 84px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;/*overflow:hidden;*/
}
.header-right-bottom-container ul {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.header-right-bottom-container li {
	/*display:inline-block;*/
	float: right;
	width: auto;
	margin: 16px 0 0 4px;
	padding: 0 0 0 0;
	color: #fff;
	position: relative;
}
			/*.header-right-bottom-container li:hover {
				background-color: #e87e04;
			}
			.header-right-bottom-container li:hover a {
				color: #fff;
			}*/
.header-right-container li a {
	float: left;
	width: auto;
	margin: 0 0 0 0;
	padding: 14px 10px 0 10px;
	height: 38px;
	color: #333;
	color:#59a6f6;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.125em;
	text-decoration: none;
	/*text-transform: uppercase;*/
}
.header-right-container li a:hover {
	color: #000;
	text-decoration: none;/*border-bottom:3px solid #e87e04;*/
												
}
.header-right-container li.current-menu-item a {
	color:#59a6f6;
}
.header-right-container li.current-menu-item a:hover {
	color: #000;
}
.header-right-container li.current-menu-item li a {
	color: #eeeeee;
}

		li.menu-item-385 {
			color:#fff;
			padding-left: 10px;
			padding-right: 10px;
		}
		li.menu-item-385 a {
			color:#fff;
			background-color: #1678df;
			border-radius:5px;
			padding-left: 15px;
			padding-right: 15px;
			border-radius:5px;
		}
		li.menu-item-385 a:hover {
			background-color:#1767bb;
			color:#fff;
		}

		li.menu-item-has-children {
			background-image: url(images/up-arrow-orange.png);
			background-position: 3000px 3000px;
			background-repeat: no-repeat;
		}
		li.menu-item-has-children:hover {
			background-position: center bottom;
		}

.header-right-bottom-container li ul {
	position: absolute;
	left: -77%;
	top: 50px;
	display: none;
	float: left;
	width: 300px;
	margin: 0 0 0 0;
	padding: 20px 10px 20px 10px;
	border-top: 4px solid #e87e04;
	border-bottom: 1px solid #e87e04;
	background-color: #2f4053;
	background-color: #eee;
	background-color: #2f4053;
	background: rgba(26, 35, 45, .95);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 2px 4px #000;
}
.header-right-bottom-container li:hover ul {
	display: block;
}
.header-right-bottom-container li li {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.header-right-bottom-container li li:hover {
	background-color: transparent;
}
.header-right-bottom-container li li a {
	float: left;
	width: 90%;
	height: auto;
	margin: 0 0 0 0;
	padding: 8px 5%;
	text-align: left;
	color: #1678df;
	color: #eee;
	font-size: 14px;
	text-transform: none;
	border-bottom: none;
}
.header-right-bottom-container li li.current-menu-item a {
	color: #81b8f3;
	color: #60a6f0;
}
.header-right-bottom-container li li a:hover {
	color: #e87e04;
	border-bottom: none;
	height: auto;
}
.mobile-header-navigation-container {
	display: none;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.header-outer-wrapper {
}
.header-wrapper {
}
.header-inner-wrapper {
	margin: 0 0;
	width: auto;
}
.header-top-inner-container,  .header-bottom-inner-container {
	margin: 0 0;
	width: auto;
}
.header-top-container {
}
.header-left-container {
}
.header-right-wrapper {
}
}

/*@media screen and (max-device-width: 767px), (max-width: 767px) {*/
@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.header-outer-wrapper {
	height: 50px;
	height: 50px;
}
.header-wrapper {
	height: 50px;
	height: 50px;
}
.header-inner-wrapper {
}
.header-top-container {
	display: none;
	padding: 0 0 0 0;
}
.header-left-container {
	float: left;
	margin-right: -100%;
	width: 150px;
	padding: 12px 0 0 0;
	margin: 0 0 0 0;
}
.header-left-container a {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.header-right-wrapper {
	margin-left: 200px;
}
.header-right-top-container {
	float: none;
	width: auto;
	height: auto;
	margin: 0 50px 0 0;
	padding: 0 0 0 0;
}
.header-right-top-container p {
	float: left;
	width: 100%;
	font-size: 1.25em;
	line-height: 1.125em;
	margin: 0 0 0 0;
	padding: 12px 0 0 0;
	text-align: center;
}
.header-bottom-container {
	height: 50px;
	height: 50px;
}
.header-right-bottom-container {
	float: right;
	width: 40px;
	height: auto;
	margin: 0 0 0 -100%;
	padding: 0 0 0 0;
}
.header-right-bottom-container ul {
	display: none;
}
}
/* Mobile Navigation Icon Button*/
.header-mobile-navigation-container {
	display: none;
}
#display-mobile-navigation {
	cursor: pointer;
}
.header-mobile-navigaiton-icon-container {
	display: none;
}
/* Mobile Popup Navigation */
#mobile-navigation {
	display: none;
}
#hide-mobile-navigation {
	cursor: pointer;
}
.mobile-navigation-wrapper {
	position: fixed;
	z-index: 1900;
	float: left;
	width: 100%;
	height: 100%;
	background-color: #444;
	top: 45px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: scroll;
}
.mobile-navigation-title-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 8px 0;
}
.mobile-navigation-title-container-margins {
	margin: 0 10px;
}
.mobile-navigation-title-left-container {
	display: none;
}
.mobile-navigation-title-right-container {
	float: right;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.mobile-navigation-title-right-container p {
	font-size: 20px;
	line-height: 1.125em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #ccc;
}
.mobile-navigation-navigation-container {
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.mobile-navigation-navigation-container ul {
	padding: 0 0 0 0;
	margin: -18px 0 0 0;
	line-height: 1;
}
.mobile-navigation-navigation-container li {
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}
.mobile-navigation-navigation-container li a {
	float: left;
	width: 100%;
	padding: 12px 0;
	font-size: 16px;
	line-height: 1.125em;
	text-decoration: none;
	background: none;
}
.mobile-navigation-navigation-container li a:hover {
	background-color: #73b1e1;
	color: #fff;
}
#mobile-navigation-close-button {
}
.mobile-navigation-navigation-container li.action-nav-items {
	float: left;
	width: 100%;
	padding: 15px 0 15px 0;
	margin: 0 0 0 0;
	list-style: none;
	border: none;
	border-bottom: 1px solid #222;
}
.mobile-navigation-navigation-container li.action-nav-items .action-nav-items-margins {
	margin: 0 20px 0 0;
}
.mobile-navigation-navigation-container li.action-nav-items.close-button .action-nav-items-margins {
	margin: 0 60px 0 60px;
}
.mobile-navigation-navigation-container li.action-nav-items a,  .mobile-navigation-navigation-container li.action-nav-items h6 {
	float: left;
	width: 100%;
	margin: 0 0;
	padding: 8px 0;
	border: none;
	font-size: 16px;
	line-height: 1.125em;
	color: #bcd9ef;
	text-decoration: none;
	text-align: center;
	font-weight: 300;
	background-color: #5391c7;
	background-color: transparent;
	background-color: #39688b;
	background-color: #3a76a4;
	text-shadow: 0 0 2px #10436b;
	border-radius: 5px;
}
.mobile-navigation-navigation-container li a:hover,  .mobile-navigation-navigation-container li h6:hover {
	background-color: #73b1e1;
	color: #fff;
}
.mobile-navigation-social-buttons {
	float: left;
	width: 100%;
	padding: 12px 0;
	margin: 0 0 0 0;
}
.mobile-navigation-social-buttons ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.mobile-navigation-social-buttons li {
	float: left;
	padding: 2%;
	margin: 0 0 0 0;
	width: 16%;
	border: none;
}
.mobile-navigation-social-buttons li a {
	float: left;
	padding: 2px;
	margin: 0 0 0 0;
	width: auto;
	border: none;
	line-height: 0;
	background-color: #96958d;
	/*background-color:#dad9d1;*/
	border-radius: 50%;
}
.mobile-navigation-social-buttons li:last-child a,  .mobile-navigation-social-buttons li:last-child {
	border: none;
}
/* Mobile Popup Navigation */

















.header-mobile-navigation-container {
	display: none;
	position: relative;
	float: right;
	width: 50px;
	height: 50px;
	margin: 5px 0 0 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #e87e04;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow: hidden;
}
.header-mobile-navigation-line-1 {
	position: absolute;
	top: 15px;
	left: 10px;
	float: left;
	width: 30px;
	height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
.header-mobile-navigation-container.hamburger-icon .header-mobile-navigation-line-1 {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	animation: line-1-rotate-back .25s linear 0s 1 normal;
	-moz-animation: line-1-rotate-back .25s linear 0s 1 normal;
	-webkit-animation: line-1-rotate-back .25s linear 0s 1 normal;
	-o-animation: line-1-rotate-back .25s linear 0s 1 normal;
}
.header-mobile-navigation-container.x-icon .header-mobile-navigation-line-1 {
	top: 25px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	animation: line-1-rotate .25s linear 0s 1 normal;
	-moz-animation: line-1-rotate .25s linear 0s 1 normal;
	-webkit-animation: line-1-rotate .25s linear 0s 1 normal;
	-o-animation: line-1-rotate .25s linear 0s 1 normal;
}
.header-mobile-navigation-line-2 {
	position: absolute;
	top: 25px;
	left: 10px;
	float: left;
	width: 30px;
	height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #000;
}
.header-mobile-navigation-container.hamburger-icon .header-mobile-navigation-line-2 {
	opacity: 1;
	animation: line-2-appear .5s linear 0s 1 normal;
	-moz-animation: line-2-appear .5s linear 0s 1 normal;
	-webkit-animation: line-2-appear .5s linear 0s 1 normal;
	-o-animation: line-2-appear .5s linear 0s 1 normal;
}
.header-mobile-navigation-container.x-icon .header-mobile-navigation-line-2 {
	/*opacity:0;*/
	display: none;
}
.header-mobile-navigation-line-3 {
	position: absolute;
	top: 35px;
	left: 10px;
	float: left;
	width: 30px;
	height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #000;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
.header-mobile-navigation-container.hamburger-icon .header-mobile-navigation-line-3 {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	animation: line-3-rotate-back .25s linear 0s 1 normal;
	-moz-animation: line-3-rotate-back .25s linear 0s 1 normal;
	-webkit-animation: line-3-rotate-back .25s linear 0s 1 normal;
	-o-animation: line-3-rotate-back .25s linear 0s 1 normal;
}
.header-mobile-navigation-container.x-icon .header-mobile-navigation-line-3 {
	top: 25px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	animation: line-3-rotate .25s linear 0s 1 normal;
	-moz-animation: line-3-rotate .25s linear 0s 1 normal;
	-webkit-animation: line-3-rotate .25s linear 0s 1 normal;
	-o-animation: line-3-rotate .25s linear 0s 1 normal;
}
 @keyframes line-1-rotate-back {
 0% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
top:25px;
}
 50% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:25px;
}
 100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:15px;
}
}
@-moz-keyframes line-1-rotate-back {
 0% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
top:25px;
}
 50% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:25px;
}
 100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:15px;
}
}
@-webkit-keyframes line-1-rotate-back {
 0% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
top:25px;
}
 50% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:25px;
}
 100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:15px;
}
}
@-o-keyframes line-1-rotate-back {
 0% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
top:25px;
}
 50% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:25px;
}
 100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:15px;
}
}
 @keyframes line-1-rotate {
 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@-moz-keyframes line-1-rotate {
 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@-webkit-keyframes line-1-rotate {
 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@-o-keyframes line-1-rotate {
 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
}
 @keyframes line-2-appear {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes line-2-appear {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes line-2-appear {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-o-keyframes line-2-appear {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @keyframes line-3-rotate-back {
 0% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
top:25px;
}
 50% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:25px;
}
 100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:35px
}
}
@-moz-keyframes line-3-rotate-back {
 0% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
top:25px;
}
 50% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:25px;
}
 100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:35px
}
}
@-webkit-keyframes line-3-rotate-back {
 0% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
top:25px;
}
 50% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:25px;
}
 100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:35px
}
}
@-o-keyframes line-3-rotate-back {
 0% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
top:25px;
}
 50% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:25px;
}
 100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
top:35px
}
}
 @keyframes line-3-rotate {
 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-moz-keyframes line-3-rotate {
 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes line-3-rotate {
 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-o-keyframes line-3-rotate {
 0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
/* Mobile Popup Navigation */
#mobile-navigation {
	display: none;
}
.mobile-navigation-wrapper {
	position: fixed;
	z-index: 1900;
	float: left;
	width: 100%;
	height: 100%;
	background-color: #333;
	background: rgba(60,60,60,.98);
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	overflow: hidden;
}
.mobile-navigation-navigation-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.mobile-navigation-contact-info-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 15px 0 13px 0;
}
.mobile-navigation-contact-info-container p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	text-align: center;
}
.mobile-navigation-contact-info-container p img {
	vertical-align: bottom;
}
.mobile-navigation-contact-info-container p a {
	color: #fff;
	color: #666;
	color: #26a1ff;
	text-decoration: none;
}
.mobile-navigation-product-pages-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}
.mobile-navigation-product-pages-container ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
.mobile-navigation-product-pages-container li {
	float: left;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 0 0;
	padding: 0 5px;
	list-style: none;
}
.mobile-navigation-product-pages-container li li {
	width: 50%;
}
.mobile-navigation-product-pages-container li a {
	float: left;
	width: 100%;
	margin: 3px 0;
	padding: 10px 0 0 0;
	height: 25px;
	font-size: 13px;
	line-height: 1.125em;
	color: #000;
	text-decoration: none;
	text-align: center;
	background-color: #eee;
	border-radius: 5px;
}
.mobile-navigation-navigation-margins {
	float: left;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #999;
}
.mobile-navigation-close-button-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0;
}
.mobile-navigation-close-button {
	position: relative;
	float: right;
	width: 25px;
	height: 25px;
	margin: 0 8px 0 0;
	padding: 0 0 0 0;
	border-radius: 50%;
	/*background-color:#fff;*/
	border: 2px solid #fff;
	border: 1px solid #333;
	cursor: pointer;
	overflow: hidden;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-navigation-close-button-line-1 {
	position: absolute;
	top: 12px;
	left: 4px;
	float: left;
	width: 17px;
	height: 0;
	border-top: 1px solid #fff;
	border-top: 1px solid #333;
}
.mobile-navigation-close-button-line-2 {
	position: absolute;
	top: 4px;
	left: 12px;
	float: left;
	width: 0;
	height: 17px;
	border-right: 1px solid #fff;
	border-right: 1px solid #333;
}

/* Mobile Popup Navigation */

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.header-navigation-container {
	display: none;
}
.header-mobile-navigation-container {
	display: block;
}
}




.header-services-bar-wrapper {
	float: left;
	width:100%;
	margin:0 0 0 0;
	padding:6px 0;
	background-color:#ccc;
	border-bottom: 1px solid #000;
}
.header-services-bar-wrapper ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.header-services-bar-wrapper ul li {
	display:inline-block;
	margin:0;
	padding: 0 5px;
	border-right: 1px solid #999;
}
.header-services-bar-wrapper ul li:last-child {
	border-right:none;
}
.header-services-bar-wrapper ul li a {
	display:inline-block;
	padding:12px 12px;
	color:#000;
	text-decoration: none;
}
@media screen and (max-device-width: 1000px), (max-width: 1000px) {
	.header-services-bar-wrapper ul li {
		border-right:none;
	}
}
/************************************************************************************/
/**************************             Header             **************************/
/************************************************************************************/



/************************************************************************************/
/**************************             Footer             **************************/
/************************************************************************************/
.footer-outer-wrapper {
	float: left;
	width: 100%;
	padding: 25px 0 30px 0;
	background-color: #334151;
	background-color: #2f4053;
}
.footer-wrapper {
	margin: 0 auto;
	width: 1180px;
}
.footer-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #999;
}
.footer-container ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.footer-container li {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 5px;
}
.footer-container li a {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 5px;
	font-size: 1.25em;
	line-height: 1.125em;
	color: #999;
	font-weight: 300;
	text-decoration: none;
}
.footer-container li a:hover {
	color: #ccc;
}
.footer-statement-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0 60px 0;
	color: #333;/*background-color:#334151;*/
}
.footer-statement-margins {
	margin: 0 10px;
}
.footer-statement-wrapper p {
	font-size: 1em;
	margin: .25em 0;
	color: #333;
	text-align: center;
}
.footer-statement-wrapper a,
.footer-statement-wrapper a:hover {
	color:#000;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.footer-wrapper {
	margin: 0 10px;
	width: auto;
}
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
/************************************************************************************/
/**************************             Footer             **************************/
/************************************************************************************/






.quote-module-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #1578df;
	background-color: #59a6f6;
}
.quote-module-margins {
	margin: 0 100px;
}
.quote-module-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0;
	color: #fff;
}
.quote-module-container p {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	padding: 10px 0;
	margin: 0 0 0 0;
}
.quote-module-container h3 {
	color: #2f4053;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	/*border-top: 1px solid #2f4053;*/
	
	padding: 10px 0;
	margin: 0 0 0 0;
}
.quote-module-container h3 .light-text {
	font-weight: 300;
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.quote-module-margins {
	margin: 0 50px;
}
.quote-module-container p {
	font-size: 14px;
}
.quote-module-container h3 {
	font-size: 14px;
}
}
/************************************************************************************/
/**************************            Homepage            **************************/
/************************************************************************************/
.homepage-hero-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #053451;
	max-height: 450px;
	overflow: hidden;
}
.homepage-hero-wrapper {
	margin: 0 0 0 0;
}
.homepage-hero-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff;
}
.homepage-hero-container h1 {
	font-size: 3.25em;
	line-height: 1.125em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 0 2px #000;
}
.bx-wrapper .bx-viewport, .homepage-hero-container li {
/*height: 450px !important;*/
}
.homepage-hero-container ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
}
.homepage-hero-container li {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: center center;
	background-size: cover;
	background-color: #fff;
}
.homepage-hero-container li.home-one {
	background-image: url(images/hero-1-2.jpg)
}
.homepage-hero-container li.home-two {
	background-image: url(images/custom-stadium-seating-denver-2.jpg)
}
.homepage-hero-container li.home-three {
	background-image: url(images/custom-home-theater-boulder.jpg)
}
.homepage-hero-container li a {
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.bx-wrapper .bx-viewport,  .homepage-hero-container li {
/*height: 400px !important;*/
}
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.bx-wrapper .bx-viewport,  .homepage-hero-container li {
/*height: 350px !important;*/
}
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
.bx-wrapper .bx-viewport,  .homepage-hero-container li {
/*height: 300px !important;*/
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.homepage-hero-outer-wrapper {
}
.homepage-hero-outer-wrapper {
}
.homepage-hero-container {
}
.homepage-hero-container h1 {
	font-size: 1.75em;
	line-height: 1.125em;
}
.bx-wrapper .bx-viewport,  .homepage-hero-container li {
/*height: 250px !important;*/
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
.homepage-hero-outer-wrapper {
}
.bx-wrapper .bx-viewport,  .homepage-hero-container li {
/*height: 200px !important;*/
}
}
.homepage-intro-module-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 75px 0 75px 0;
	background-color: #fff;
}
.homepage-intro-module-wrapper {
	margin: 0 100px 0 100px;
}
.homepage-intro-module-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-intro-module-left-wrapper {
	margin-right: 350px;
	margin-right: 0;
}
.homepage-intro-module-left-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-intro-module-left-container h1 {
	margin-top: 0;
	padding-top: 0;
}
.homepage-intro-module-right {
	float: right;
	width: 300px;
	margin: 0 0 0 -100%;
	padding: 10px 0;
	background-color: #eee;
}
.homepage-intro-module-right-container {
	margin: 0 30px;
}
.homepage-intro-module-right-container h5 {
	font-size: 24px;
	line-height: 1.125em;
	font-weight: 500;
	margin: .5em 0;
	color: #222;
	text-align: left;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.homepage-intro-module-outer-wrapper {
	padding: 40px 0 40px 0;
}
.homepage-intro-module-wrapper {
	margin: 0 50px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.homepage-intro-module-outer-wrapper {
	padding: 30px 0 30px 0;
}
.homepage-intro-module-wrapper {
	margin: 0 30px;
}
.homepage-intro-module-left-wrapper {
	margin-right: 0;
}
.homepage-intro-module-left-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-intro-module-left-container h1 {
	margin-top: 0;
	padding-top: 0;
}
.homepage-intro-module-right {
	float: right;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0;
	background-color: #eee;
}
.homepage-intro-module-right-container {
	margin: 0 10px;
}
.homepage-intro-module-right-container h5 {
	font-size: 24px;
	line-height: 1.125em;
	font-weight: 500;
	margin: .5em 0;
	color: #222;
	text-align: left;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
.homepage-service-icons-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
	background-color: #eee;
}
.homepage-service-icons-margins {
	margin: 0 10px;
}
.homepage-service-icons-wrapper h2 {
	display: block;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.homepage-service-icons-wrapper ul {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
}
.homepage-service-icons-wrapper li {
	display: inline-block;
	width: 31%;
	margin: 0 0 0 0;
	padding: 7px .5%;
	vertical-align: top;
}
.homepage-service-icons-wrapper li a {
	display: inline-block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 15px 1%;
	color: #333;
	border: 1px solid #999;
	text-decoration: none;
	background-color: #fff;
	box-sizing: border-box;
}
.homepage-service-icons-wrapper li a:hover {
	/*background-color:#ddd;*/
	border: 1px solid #333;
	box-shadow: 0 0 5px #000;
}
.homepage-service-icons-wrapper li a img {
	float: left;
	margin-top: 12px;
}
.homepage-service-icons-wrapper li a h3 {
	text-align: left;
	text-decoration: none;
	margin: 0 0 0 100px;
	padding: 10px 10px 0 10px;
	font-size: 20px;
	font-weight: 500;
	color: #2f4053;
}
.homepage-service-icons-wrapper li a p {
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	margin: 0 0 0 100px;
	padding: 5px 10px 0 10px;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.homepage-service-icons-wrapper li {
	width: 47%;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.homepage-service-icons-wrapper li {
	width: 100%;
}
.homepage-service-icons-wrapper li a img {
	margin-top: auto;
}
}
.homepage-module-2-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
	background-color: #ddd;
	background-color: #e8e4de;
}
.homepage-module-2-wrapper {
	margin: 0 15px;
}
.homepage-module-2-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-module-2-container p {
	margin-left: 45px;
	margin-right: 45px;
	padding: 15px 0;
}
.homepage-module-2-container-sub-module-wrapper {
	float: left;
	width: 50%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-module-2-container-sub-module-inner-wrapper {
	margin: 0 15px;
}
.homepage-module-2-container-sub-module-container {
	float: left;
	width: 100%;
	height: 360px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	background-color: #fff;
}
.homepage-module-2-container-sub-module-container h2 {
	margin: 0 30px;
	color: #1578df;
}
.homepage-module-2-container-sub-module-container p {
	margin: 0 0;
}
.homepage-module-2-container-sub-module-container ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
.homepage-module-2-container-sub-module-container li {
	float: none;
	width: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.25em;
	margin: .75em 0 .75em 4em;
	padding: 0 0 0 0;
	list-style: disc outside;
}
.homepage-module-2-container-sub-module-container li li {
	margin: .75em 0 .75em 2em;
	list-style: circle outside;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.homepage-module-2-wrapper {
}
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
.homepage-module-2-container-sub-module-container h2 {
	font-size: 20px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.homepage-module-2-container-sub-module-wrapper {
	width: 100%;
}
.homepage-module-2-container-sub-module-wrapper:last-child {
	margin-top: 30px;
}
.homepage-module-2-container-sub-module-container {
	height: auto;
	padding-bottom: 50px;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
.homepage-module-3-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0;
	background-color: #fff;
}
.homepage-module-3-wrapper {
	margin: 0 0 0 0;
}
.homepage-module-3-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-module-3-sub-module {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 60px 0;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 60px;
}
.homepage-module-3-sub-module ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
.homepage-module-3-sub-module li {
	float: none;
	width: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.25em;
	margin: .75em 0 .75em 90px;
	padding: 0 0 0 0;
	list-style: disc outside;
}
.homepage-module-3-sub-module li li {
	margin: .75em 0 .75em 2em;
	list-style: circle outside;
}
.homepage-module-3-sub-module:nth-child(2) {
	background-color: #ddd;
	background-color: #e8e4de;
}
.homepage-module-3-sub-module-left {
	float: left;
	width: 300px;
	width: 50%;
	margin: 0 -100% 0 0;
	padding: 0 0 0 0;
	line-height: 0;
}
.homepage-module-3-sub-module-left img {
	line-height: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.homepage-module-3-sub-module-right {
	margin-left: 350px;
	margin-left: 50%;
}
.homepage-module-3-sub-module-right-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-module-3-sub-module-right-container h2, .homepage-module-3-sub-module-right-container p {
	margin-left: 30px;
	margin-left: 60px;
	margin-right: 0;
}
.homepage-module-3-sub-module-right-container h2 {
	margin-top: 0;
}
.homepage-module-3-sub-module-right-alt {
	float: right;
	width: 50%;
	margin: 0 0 0 -100%;
	padding: 0 0 0 0;
	line-height: 0;
}
.homepage-module-3-sub-module-right-alt img {
	line-height: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.homepage-module-3-sub-module-left-alt {
	margin-right: 50%;
}
.homepage-module-3-sub-module-left-container-alt {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-module-3-sub-module-left-container-alt h2, .homepage-module-3-sub-module-left-container-alt p {
	margin-left: 0;
	margin-right: 30px;
	margin-right: 60px;
}
.homepage-module-3-sub-module-left-container-alt h2 {
	margin-top: 0;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.homepage-module-3-wrapper {
/*width:auto;
		margin:0 10px;*/
}
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.homepage-module-3-sub-module-left {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0;
}
.homepage-module-3-sub-module-left img {
	line-height: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.homepage-module-3-sub-module-right {
	margin-left: 0;
}
.homepage-module-3-sub-module-right-alt {
	width: 100%;
	margin: 0 0 0 0;
}
.homepage-module-3-sub-module-left-alt {
	margin-right: 0;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.homepage-module-3-sub-module-right-container h2,  .homepage-module-3-sub-module-right-container p,  .homepage-module-3-sub-module-left-container-alt h2,  .homepage-module-3-sub-module-left-container-alt p {
	margin-left: 0;
	margin-right: 0;
}
.homepage-module-3-sub-module {
	padding: 30px;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
.homepage-module-4-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 50px 0;
	background-color: #eee;
	background-color: #e8e4de;
}
.homepage-module-4-wrapper {
	/*margin:0 auto;
	width:1180px;*/
	margin: 0 60px
}
.homepage-module-4-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-module-4-container h2 {
	margin-top: 0;
	padding-top: 0;
}
.homepage-module-4-container img {
	margin: 0 0 50px 30px;
	border: 1px solid #333;
}
.homepage-module-4-container blockquote {
	text-align: center;
	font-size: 20px;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.homepage-module-4-wrapper {
/*width:auto;
		margin:0 10px;*/
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
.homepage-control-4-module-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 50px 0 285px 0;
	background-image: url(images/control4-installer-denver.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #000;
}
.homepage-control-4-module-wrapper p {
	text-align: center;
	color: #999;
	font-weight: 300;
}
.homepage-control-4-module-wrapper p a {
	font-weight: 900;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
.homepage-mobile-integration-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 100px 0 120px 0;
	background-color: #fff;
	background-image: url(images/mobile-integration-with-smart-homes.png);
	background-repeat: no-repeat;
	background-position: 40px bottom;
}
.homepage-mobile-integration-container {
	float: right;
	width: 50%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
.homepage-mobile-integration-container h2 {
	margin: 0 60px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 32px;
}
.homepage-mobile-integration-container p {
	margin: 0 60px;
	text-align: left;
}

/*.homepage-mobile-integration-container a {
	
	float:left;
	background-color:#e87e04;
	color:#fff;
	padding:8px 12px;
	margin-left:60px;
	
	text-decoration:none;
	border-radius:5px;
}*/

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.homepage-mobile-integration-wrapper {
	padding: 0 0 0 0;
	background-position: center bottom;
	background-size: contain;
	background: none;
}
.homepage-mobile-integration-container {
	width: 100%;
	padding: 50px 0;
	background-color: #fff;
}
.homepage-mobile-integration-container h2 {
	margin: 0 30px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 24px;
}
.homepage-mobile-integration-container p {
	margin: 0 30px;
	text-align: center;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
.homepage-module-locations-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 50px 0;
	background-color: #e8e4de;
}
.homepage-module-locations-wrapper {
	margin: 0 20px;
}
.homepage-module-locations-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.homepage-module-locations-container h2 {
	text-align: center;
	margin: 0 0 0 0;
}
.homepage-module-locations-container p {
	text-align: center;
	margin: 0 0 0 0;
}
.homepage-module-locations-container ul {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	list-style: none;
	text-align: center;
}
.homepage-module-locations-container li {
	float: none;
	display: inline-block;
	width: auto;
	margin: 0 0 0 0;
	padding: 5px;
	list-style: none;
}
.homepage-module-locations-container a {
	float: none;
	display: inline-block;
	width: auto;
	margin: 0 0 0 0;
	padding: 5px 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	color: #000;
	text-decoration: none;
	border: 1px solid #ccc;
	/*border-radius:5px;*/
	
	background-color: #fff;
}
.homepage-module-locations-container a:hover {
	background-color: #eee;
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
/*.homepage-module-locations-container li {
		width:50%;
	}*/
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
.homepage-module-locations-container li {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.homepage-module-locations-container li a {
	width: 100%;
}
}
/************************************************************************************/
/**************************            Homepage            **************************/
/************************************************************************************/




.home-top-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #f0f0f0;
}
.home-top-container {
	margin:0 auto;
	max-width:1800px;
	width:100%;
}
.home-hero-outer-wrapper {
	/*float: left;
	width: 50%;
	margin: 0 0 0 0;
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
	margin:0 570px 0 30px;
}
.home-hero-wrapper {
	margin: 0 0 0 0;
}
.home-hero-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0;
}
.home-hero-container ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
}
.home-hero-container li {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: center center;
	background-size: cover;
}
.home-hero-container li.home-one {
	background-image: url(images/hero-1-2.jpg)
}
.home-hero-container li.home-two {
	background-image: url(images/custom-stadium-seating-denver-2.jpg)
}
.home-hero-container li.home-three {
	background-image: url(images/custom-home-theater-boulder.jpg)
}
.home-hero-container li a {
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.bx-wrapper .bx-viewport,  .home-hero-container li {
/*height: 400px !important;*/
}
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.bx-wrapper .bx-viewport,  .home-hero-container li {
/*height: 350px !important;*/
}
.home-hero-outer-wrapper {
	width: auto;
	margin:0 20px;
}
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
.bx-wrapper .bx-viewport,  .home-hero-container li {
/*height: 300px !important;*/
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.home-hero-outer-wrapper {
}
.home-hero-outer-wrapper {
}
.home-hero-container {
}
.home-hero-container h1 {
	font-size: 1.75em;
	line-height: 1.125em;
}
.bx-wrapper .bx-viewport,  .home-hero-container li {
/*height: 250px !important;*/
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
.home-hero-outer-wrapper {
}
.bx-wrapper .bx-viewport,  .home-hero-container li {
/*height: 200px !important;*/
}
}
.home-main-module-outer-wrapper {
	float: right;
	width: 550px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.home-main-module-wrapper {
	margin: 0 0 0 0;
}
.home-main-module-container {
	float: left;
	width: 100%;
	height: 400px;
	margin: 0 0 0 0;
	padding: 40px 20px 0 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;/*background-color:#f6f6f6;*/
}
.home-main-module-container h1 {
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.home-main-module-outer-wrapper {
	padding: 40px 0 40px 0;
}
.home-main-module-wrapper {
	margin: 0 50px;
}
.home-main-module-outer-wrapper {
	width: 100%;
}
.home-main-module-container {
	height: auto;
	padding: 0 0 0 0;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.home-main-module-outer-wrapper {
	padding: 0 0 30px 0;
}
.home-main-module-wrapper {
	margin: 0 30px;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
/************************************************************************************/
/**************************         Portfolio Feed         **************************/
/************************************************************************************/
.portfolio-feed-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 15px 0 5px 0;
	background-color: #2f4053;
	color: #bebebe;
}
.portfolio-feed-wrapper {
	/*margin:0 auto;
	width:1050px;width:1180px;*/
	
	margin: 0 5px
}
.portfolio-feed-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
.portfolio-feed-container h2 {
	text-align: center;
	color: #bebebe;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}
.portfolio-feed-container-orange-button-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
a.portfolio-feed-container-orange-button {
	background-color: #e87e04;
	border-radius: 3px;
	display: inline-block;
	padding: 10px 12px;
	margin: 0 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	line-height: 1.125em;
	color: #fff;
	text-decoration: none;
}
a.portfolio-feed-container-orange-button:hover {
	opacity: .8;
	text-decoration: none;
}
.portfolio-feed-container ul {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.portfolio-feed-container li {
	float: left;
	width: 33.333%;
	margin: 0 0 0 0;
	padding: 5px;
	list-style: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.portfolio-feed-container li a {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0;
	color: #bebebe;/*#e87e04;*/
	text-decoration: none;
	/*background-color: #000;*/
}
.portfolio-feed-item-image-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.portfolio-feed-container li a img {
	opacity: 1;
	-webkit-transition: opacity .25s ease-out, color .25s ease-out;
	-moz-transition: opacity .25s ease-out, color .25s ease-out;
	-o-transition: opacity .25s ease-out, color .25s ease-out;
	transition: opacity .25s ease-out, color .25s ease-out;
}
.portfolio-feed-container li a:hover img {
	opacity: .3;
}
.portfolio-feed-item-title-container {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;/*background-color:#000;
	background:rgba(0,0,0,.5)*/
}
.portfolio-feed-container li a:hover {
	color: #e87e04;
}
.portfolio-feed-container li a h4 {
	display: inline-block;
	width: auto;
	line-height: 1.125em;
	color: #f9f9f9;/*color:#e87e04;*/
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px;
	margin: 32% 0 0 0;
	border: 1px solid #fff;
	visibility: hidden;
}
.portfolio-feed-container li a:hover h4 {
	visibility: visible;
}
.portfolio-feed-container li a p {
	color: #bebebe;
	margin: 0 0 0 0;
	padding: 10px 0;
}
.portfolio-feed-container li a:hover p {
	color: #e87e04;
}
.portfolio-feed-margins {
	margin: 0 25px;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.portfolio-feed-wrapper {
	width: auto;
	margin: 0 10px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.portfolio-feed-container li {
	width: 100%;
}
.portfolio-feed-container li a {
	background-color: transparent;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
/************************************************************************************/
/**************************         Portfolio Feed         **************************/
/************************************************************************************/





/************************************************************************************/
/**************************        Standard Page           **************************/
/************************************************************************************/
.standard-page-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff;
	background-color: #f9f9f9;
	border-top: 1px solid #ccc;
}
.standard-page-wrapper {
	width:1160px;
	margin:0 auto;
}
.standard-page-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 50px 0;/*background-color:#fff;*/
}
.standard-page-left-wrapper {
	margin-right: 290px;
	/*margin-right: 0;*/
}
.standard-page-left-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.standard-page-left-container img {
	border: 5px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 0 3px #ccc;
}
.standard-page-left-container-margins {
	margin: 0 30px;
}
.standard-page-right-wrapper {
	float: right;
	width: 290px;
	margin: 80px 0 0 -100%;
	padding: 20px 0;
	background-color: #eee;
}
.standard-page-right-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.standard-page-right-container-margins {
	margin: 0 20px;
}
.standard-page-container a {
	color: #df7c1e;
	font-weight: 500;
	text-decoration: none;
}
.standard-page-container a:hover {
	color: #df7c1e;
	text-decoration: underline;
}
.standard-page-container ul {
}
.standard-page-container li {
	float: none;
	width: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.25em;
	margin: .75em 0 .75em 3em;
	padding: 0 0 0 0;
	list-style: disc outside;
}
.standard-page-content-container-left-column li li {
	margin: .75em 0 .75em 2em;
	list-style: circle outside;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
	.standard-page-wrapper {
		width:auto;
		margin:0 20px;
	}
}

@media screen and (max-device-width: 890px), (max-width: 890px) {
.standard-page-wrapper {
	width: auto;
	margin: 0 10px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.standard-page-container {
	padding: 0 0;
}
.standard-page-left-container-margins {
	margin: 0 10px;
}
.standard-page-left-wrapper {
	margin-right: 0;
}
.standard-page-right-wrapper {
	width: 100%;
	margin: 30px 0 30px 0;
	padding: 20px 0;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
/************************************************************************************/
/**************************        Standard Page           **************************/
/************************************************************************************/



/************************************************************************************/
/**************************      Services Sub Page         **************************/
/************************************************************************************/
.services-sub-page-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #000;
	
	
	background-repeat:no-repeat;
	background-size:cover
}
.services-sub-page-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 180px 0;					/*padding:150px 0;*//*background-color:#000;
	background:rgba(0,0,0,.5);*/
}
.services-sub-page-wrapper h1 {
	font-size: 48px;
	line-height: 1.125em;
	color: #fff;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
.services-sub-page-container {
	padding: 100px 0;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.services-sub-page-container {
	padding: 50px 0;
}
}
/************************************************************************************/
/**************************      Services Sub Page         **************************/
/************************************************************************************/



/************************************************************************************/
/**************************         Process Page           **************************/
/************************************************************************************/
.process-page-navigation-outer-wrapper {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 50px;
	background-color: #fff;
}
.process-page-navigation-wrapper {
	position: fixed;
	z-index: 11;
	top: 120px;
	left: 0;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 49px;
	/*background-color:#eeeeee;
	background:rgba(238,238,238,0.98);
	
	border-top:1px solid #999;
	border-bottom:1px solid #999;*/
	
	
	background-color: #333333;
	background: rgba(51,51,51,0.98);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.process-page-navigation-container {
}
.process-page-navigation-outer-wrapper ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0
}
.process-page-navigation-outer-wrapper li {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 18px 0 0;
	background-image: url(images/process-page-nav-arrow.png);
	background-repeat: no-repeat;
	background-position: right 15px;
}
.process-page-navigation-outer-wrapper li:last-child {
	padding: 0 0 0 0;
	background-image: none;
}
.process-page-navigation-outer-wrapper li a {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 12px 10px 0 10px;
	height: 38px;
	font-size: 1.35em;
	line-height: 1.125em;
	font-weight: 300;
	text-decoration: none;
	/*color:#333;*/
	color: #f6f6f6;
}
.process-page-navigation-outer-wrapper li a:hover {
	color: #df7c1e;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.process-page-navigation-container {
}
}

/*@media screen and (max-device-width: 767px), (max-width: 767px) {*/
@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.process-page-navigation-wrapper {
	top: 45px;
	left: 0;
}
.process-page-navigation-outer-wrapper li {
	padding: 0 18px 0 0;
	background-position: right 13px;
}
}

/*@media screen and (max-device-width: 600px), (max-width: 600px) {*/
@media screen and (max-device-width: 960px), (max-width: 960px) {
.process-page-navigation-wrapper {
	width: 100%;
	overflow: hidden;
	background-color: #333;
	border-bottom: none;
}
.process-page-navigation-container {
	float: left;
	height: 68px;
	width: 100%;
	overflow: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.process-page-navigation-outer-wrapper ul {
	white-space: nowrap;
}
.process-page-navigation-outer-wrapper li {
	padding: 8px 23px 0 5px;/*padding:8px 5px 0 5px;*/
	background-position: right 16px;
	white-space: nowrap;
	animation: nav-opacity 1s ease-in 0s 1 normal;
	-moz-animation: nav-opacity 1s ease-in 0s 1 normal;
	-webkit-animation: nav-opacity 1s ease-in 0s 1 normal;
	-o-animation: nav-opacity 1s ease-in 0s 1 normal;
}
 @keyframes nav-opacity {
 from {
opacity:0;
}
 to {
opacity:1;
}
}
 @-moz-keyframes nav-opacity {
 from {
opacity:0;
}
 to {
opacity:1;
}
}
 @-webkit-keyframes nav-opacity {
 from {
opacity:0;
}
 to {
opacity:1;
}
}
 @-o-keyframes nav-opacity {
 from {
opacity:0;
}
 to {
opacity:1;
}
}
.process-page-navigation-outer-wrapper li:first-child {
	padding-left: 10px;
	margin-left: 0;
	animation: nav-slide-left .5s ease-out 0s 1 normal;
	-moz-animation: nav-slide-left .5s ease-out 0s 1 normal;
	-webkit-animation: nav-slide-left .5s ease-out 0s 1 normal;
	-o-animation: nav-slide-left .5s ease-out 0s 1 normal;
}
 @keyframes nav-slide-left {
 from {
margin-left:-80%;
opacity:0;
}
 to {
margin-left:0;
opacity:1;
}
}
 @-moz-keyframes nav-slide-left {
 from {
margin-left:-80%;
opacity:0;
}
 to {
margin-left:0;
opacity:1;
}
}
 @-webkit-keyframes nav-slide-left {
 from {
margin-left:-80%;
opacity:0;
}
 to {
margin-left:0;
opacity:1;
}
}
 @-o-keyframes nav-slide-left {
 from {
margin-left:-80%;
opacity:0;
}
 to {
margin-left:0;
opacity:1;
}
}
.process-page-navigation-outer-wrapper li:last-child {
	padding-right: 10px;
}
.process-page-navigation-outer-wrapper li a {
	padding: 8px 10px 0 10px;
	height: 25px;
	font-size: 1.2em;
	color: #333;
	background-color: #fff;
	border-radius: 5px;
}
}
.process-page-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*background-color:#f0f0f0;
	
	background: -webkit-radial-gradient(circle, #fcfcfc, #eeeeee);
	background: -o-radial-gradient(circle, #fcfcfc, #eeeeee);
	background: -moz-radial-gradient(circle, #fcfcfc, #eeeeee);
	background: radial-gradient(circle, #fcfcfc, #eeeeee);
	border-top:1px solid #999;*/
	
	background-color: #ffffff;/*background: -webkit-radial-gradient(circle, #ffffff, #f9f9f9);
	background: -o-radial-gradient(circle, #ffffff, #f9f9f9);
	background: -moz-radial-gradient(circle, #ffffff, #f9f9f9);
	background: radial-gradient(circle, #ffffff, #f9f9f9);*/
	
}
.process-page-wrapper {
	width: 1160px;
	margin: 0 auto;
}
.process-page-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
}
.process-page-left-wrapper {
	margin-right: 0;/*margin-right:290px;*/
}
.process-page-left-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.process-page-left-container-margins {
	margin: 0 30px;
}
.process-page-left-container h1 {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.process-page-left-container p {
	text-align: center;
	margin: 0 0 0 0;
	padding: 5px 0;
}
.process-page-left-container p.process-page-tagline {
	text-align: center;
	font-size: 1.25em;
	line-height: 1.125em;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}
.process-page-right-wrapper {
	display: none;
	float: right;
	width: 290px;
	margin: 50px 0 0 -100%;
	padding: 20px 0;
	background-color: #eee;
}
.process-page-right-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.process-page-right-container-margins {
	margin: 0 20px;
}
.process-page-container a {
	color: #df7c1e;
	font-weight: 300;
	text-decoration: none;
}
.process-page-container a:hover {
	color: #df7c1e;
	text-decoration: underline;
}
.process-page-container ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.process-page-container li {
	float: none;
	width: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.25em;
	margin: .75em 0 .75em 3em;
	padding: 0 0 0 0;
	list-style: disc outside;
}
.process-page-content-container-left-column li li {
	margin: .75em 0 .75em 2em;
	list-style: circle outside;
}
.process-page-intro-content-column {
	float: left;
	width: 100%; /*width:50%;*/
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	text-align: center;
}
.process-page-intro-content-column-margins {
	margin: 0 20px;
}
.process-page-intro-content-column h3 {
	text-align: center;
	font-size: 1.75em;
	font-style: italic;
	line-height: 1.125em;
	margin: 0 0 0 0;
	padding: 10px 0 5px 0;
}
.process-page-intro-content-column p {
	text-align: left;
	margin: 0 10px;
	display: inline-block;
}
.process-page-intro-content-column ul.if-statements {
}
.process-page-intro-content-column ul.if-statements li {
	float: left;
	width: 33%;
	padding: 10px;
	margin: 0 0 0 0;
	box-sizing: border-box;
	font-size: 1em;
	line-height: 1.35em;
	text-align: left;
	font-weight: normal;
	color: #333;
	list-style: none;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.process-page-wrapper {
	width: auto;
	margin: 0 20px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.process-page-left-wrapper {
	margin-right: 0;
}
.process-page-left-container-margins {
	margin: 0 0;
}
.process-page-right-wrapper {
	width: 100%;
	margin: 30px 0 30px 0;
	padding: 20px 0;
}
.process-page-intro-content-column {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.process-page-intro-content-column-margins {
	margin: 0 0;
}
}

@media screen and (max-device-width: 600px), (max-width: 600px) {
.process-page-intro-content-column ul.if-statements li {
	width: 100%;
	padding: 10px;
	margin: 0 0 0 0;
}
}
.process-page-module-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0;
	background-color: #555;
}
.process-page-module-wrapper {
	margin: 0 auto;
	width: 1160px
}
.process-page-module-container {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 0 0 0 0;
	background-color: #fff;/*border-radius:20px;
	overflow:hidden;*/
}
.process-page-module-image-column {
	float: left;
	width: 50%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0;
}
.process-page-module-image-column img {
	width: 100%;
	height: auto;
	line-height: 0;
}
.process-page-module-text-column {
	float: left;
	width: 50%;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	text-align: left;
}
.process-page-module-text-column h2 {
	font-size: 2.35em;
	line-height: 1.25em;
	margin: 0 0 0 0;
	padding: 5px 0;
	text-align: left;
}
.process-page-module-text-column p {
	font-size: 1.2em;
	line-height: 1.35em;
	font-style: italic;
	font-weight: 500;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	text-align: left;
}
.process-page-module-text-column ul {
	text-align: left;
}
.process-page-module-text-column li {
	font-size: 1em;
	line-height: 1.35em;
	margin-left: 20px;
	list-style: disc outside;
}
.process-page-module-text-column-inner-wrapper {
	float: left;
	width: 100%;/*width:550px;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.process-page-module-text-column-inner-margins {
	margin: 0 30px;
}
.process-page-module-container.process-module-image-right .process-page-module-image-column, .process-page-module-container.process-module-image-right .process-page-module-text-column-inner-wrapper {
	float: right;
}
.process-module-image-right {
}
.process-page-step-number-wrapper {
	display: none;
	position: relative;
	float: left;
	width: 100%;
	height: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.process-page-step-number-container {
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 20px;
	float: left;
	width: 60px;
	/*height:44px;
	padding:6px 0 0 0;*/
	height: 54px;
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
	/*font-size:36px;*/font-size: 48px;
	line-height: 1.0em;
	text-align: center;
	background-color: #fff;
	background: rgba(255,255,255,0.85);
	border-radius: 50%;
	box-shadow: 0 0 2px #000;
}
.process-page-step-number-container.right {
/*right:30px;
	left:auto;*/
}

@media screen and (max-device-width: 1140px), (max-width: 1140px) {
.process-page-module-wrapper {
	margin: 0 20px;
	width: auto;
}
}

@media screen and (max-device-width: 1140px), (max-width: 1140px) {
.process-page-module-text-column-inner-wrapper {
	width: 100%;
}
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.process-page-module-image-column {
	width: 100%;
	height: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.process-page-module-text-column {
	width: 100%;
	margin: 0 0 0 0;
	padding: 20px 0;
}
}
.process-page-bottom-contact-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 15px 0 15px 0;
	background-color: #fff;
}
.process-page-bottom-contact-wrapper {
	margin: 0 20px;
}
.process-page-bottom-contact-outer-wrapper h2 {
	display: inline-block;
	margin: 15px 0;
	padding: 0 0 0 0;
	font-size: 1.75em;
}
.process-page-bottom-contact-outer-wrapper a {
	display: inline-block;
	margin: 15px 30px;
	padding: 10px 20px;
	font-size: 1.75em;
	color: #fff;
	text-decoration: none;
	background-color: #f27d0c;
	border-radius: 5px;
}
.process-page-bottom-contact-outer-wrapper a:hover {
	background-color: #cd7622;
}
/************************************************************************************/
/**************************         Process Page           **************************/
/************************************************************************************/



/************************************************************************************/
/**************************         Services Page           **************************/
/************************************************************************************/
.services-page-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff;
	border-top: 1px solid #ccc;
}
.services-page-wrapper {
	width: 100%;
	margin: 0 0 0 0;
}
.services-page-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.services-hero-container {
	float: left;
	width: 100%;
	height: 375px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(images/control4-services.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
}
.services-hero-container h1 {
	color: #fff;
	font-size: 48px;
	line-height: 1.125em;
	padding: 150px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
}
.services-page-container h2 {
	font-size: 18px;
	line-height: 1.125em;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	text-align: left;
}
.services-page-container p {
	font-size: 12px;
	line-height: 1.25em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
}
.services-page-container a {
	color: #df7c1e;
	font-weight: 500;
	text-decoration: none;
}
.services-page-container a:hover {
	color: #df7c1e;
	text-decoration: underline;
}
.services-page-container ul {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 1px;
	background-color: #f6f6f6;
	background-color: #eee;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.services-page-container li {
	float: left;
	width: 50%;
	margin: 0 0 0 0;
	padding: 1px;
	list-style: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.services-page-container li a {
	float: left;
	width: 100%;
	height: 200px;
	height: 400px;
	height: 152px;
	margin: 0 0 0 0;
	padding: 20px;
	padding: 20px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	text-align: left;
	font-weight: 300;
	color: #666;
}
.services-page-container li a:hover {
	text-decoration: none;
	background-color: #f3f3f3;
	color: #000;
}
.services-page-container li a img {
	float: Left;
	width: 150px;
}
.services-page-container h2 {
	font-size: 20px;
	text-align: left;
	margin-left: 160px;
}
.services-page-container p {
	text-align: left;
	margin-left: 160px;
}
@media screen and (max-device-width: 20000px), (max-width: 20000px) {
	.services-page-container li {
		width:25%;
	}
}
@media screen and (max-device-width: 1800px), (max-width: 1800px) {
	.services-page-container li {
		width:33.333%;
	}
}
@media screen and (max-device-width: 1400px), (max-width: 1400px) {
	.services-page-container li {
		width:50%;
	}
}
@media screen and (max-device-width: 1200px), (max-width: 1200px) {

}

@media screen and (max-device-width: 960px), (max-width: 960px) {
.services-page-container li a {
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.services-page-container li {
	width: 100%;
}
.services-page-container li a {
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
.services-arrows-wrapper {
	float: left;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #999;
}
.services-arrows-left {
	float: right;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 10px;
}
.services-arrows-right {
	float: right;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 10px;
}
.services-arrows-wrapper a {
	font-size: 28px;
	font-weight: bold;
	color: #999;
}
.services-arrows-wrapper a:hover {
	color: #666;
}
.services-arrows-wrapper h2 {
	font-size: 24px;
}
.services-arrows-wrapper ul {
}
.services-arrows-wrapper li {
	float: left;
	width: auto;
	list-style: none;
	padding: 3px;
	margin: 0 0 0 0;
}
.services-arrows-wrapper li a {
	float: left;
	width: auto;
	padding: 8px;
	font-size: 18px;
	font-weight: 300;
	color: #777;
	background-color: #f0f0f0;
	border: 1px solid #ddd;
}
.services-arrows-wrapper li a:hover {
	color: #333;
	background-color: #ddd;
	text-decoration: none;
	border: 1px solid #ccc;
}
/************************************************************************************/
/**************************        Services Page           **************************/
/************************************************************************************/





/************************************************************************************/
/**************************        About Us Page           **************************/
/************************************************************************************/
.about-page-navigation-outer-wrapper {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 50px;
	background-color: #fff;
}
.about-page-navigation-wrapper {
	position: fixed;
	z-index: 11;
	top: 120px;
	left: 0;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 49px;
	background-color: #333333;
	background: rgba(51,51,51,0.98);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.about-page-navigation-container {
}
.about-page-navigation-outer-wrapper ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0
}
.about-page-navigation-outer-wrapper li {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 18px 0 0;
	background-image: url(images/process-page-nav-arrow.png);
	background-repeat: no-repeat;
	background-position: right 15px;
}
.about-page-navigation-outer-wrapper li:last-child {
	padding: 0 0 0 0;
	background-image: none;
}
.about-page-navigation-outer-wrapper li a {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 12px 10px 0 10px;
	height: 38px;
	font-size: 1.35em;
	line-height: 1.125em;
	font-weight: 300;
	text-decoration: none;
	color: #f6f6f6;
}
.about-page-navigation-outer-wrapper li a:hover {
	color: #df7c1e;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.about-page-navigation-container {
}
}

/*@media screen and (max-device-width: 767px), (max-width: 767px) {*/
@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.about-page-navigation-wrapper {
	top: 45px;
	left: 0;
}
.about-page-navigation-outer-wrapper li {
	padding: 0 18px 0 0;
	background-position: right 13px;
}
}

/*@media screen and (max-device-width: 600px), (max-width: 600px) {*/
@media screen and (max-device-width: 960px), (max-width: 960px) {
.about-page-navigation-wrapper {
	width: 100%;
	overflow: hidden;
	background-color: #333;
	border-bottom: none;
}
.about-page-navigation-container {
	float: left;
	height: 68px;
	width: 100%;
	overflow: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.about-page-navigation-outer-wrapper ul {
	white-space: nowrap;
}
.about-page-navigation-outer-wrapper li {
	padding: 8px 23px 0 5px;
	background-position: right 16px;
	white-space: nowrap;
	animation: nav-opacity 1s ease-in 0s 1 normal;
	-moz-animation: nav-opacity 1s ease-in 0s 1 normal;
	-webkit-animation: nav-opacity 1s ease-in 0s 1 normal;
	-o-animation: nav-opacity 1s ease-in 0s 1 normal;
}
 @keyframes nav-opacity {
 from {
opacity:0;
}
 to {
opacity:1;
}
}
 @-moz-keyframes nav-opacity {
 from {
opacity:0;
}
 to {
opacity:1;
}
}
 @-webkit-keyframes nav-opacity {
 from {
opacity:0;
}
 to {
opacity:1;
}
}
 @-o-keyframes nav-opacity {
 from {
opacity:0;
}
 to {
opacity:1;
}
}
.about-page-navigation-outer-wrapper li:first-child {
	padding-left: 10px;
	margin-left: 0;
	animation: nav-slide-left .5s ease-out 0s 1 normal;
	-moz-animation: nav-slide-left .5s ease-out 0s 1 normal;
	-webkit-animation: nav-slide-left .5s ease-out 0s 1 normal;
	-o-animation: nav-slide-left .5s ease-out 0s 1 normal;
}
 @keyframes nav-slide-left {
 from {
margin-left:-80%;
opacity:0;
}
 to {
margin-left:0;
opacity:1;
}
}
 @-moz-keyframes nav-slide-left {
 from {
margin-left:-80%;
opacity:0;
}
 to {
margin-left:0;
opacity:1;
}
}
 @-webkit-keyframes nav-slide-left {
 from {
margin-left:-80%;
opacity:0;
}
 to {
margin-left:0;
opacity:1;
}
}
 @-o-keyframes nav-slide-left {
 from {
margin-left:-80%;
opacity:0;
}
 to {
margin-left:0;
opacity:1;
}
}
.about-page-navigation-outer-wrapper li:last-child {
	padding-right: 10px;
}
.about-page-navigation-outer-wrapper li a {
	padding: 8px 10px 0 10px;
	height: 25px;
	font-size: 1.2em;
	color: #333;
	background-color: #fff;
	border-radius: 5px;
}
}
.about-page-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
}
.about-page-outer-wrapper.grey-background {
	background-color: #eee;
}
.about-page-wrapper {
	width: 1160px;
	margin: 0 auto;
}
.about-page-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
}
.about-page-left-wrapper {
	margin-right: 0;
}
.about-page-left-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.about-page-left-container-margins {
	margin: 0 30px;
}
.about-page-left-container h1 {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.about-page-left-container p {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0;
	display: block;
}
.about-page-intro-content-column p.about-page-tagline, .about-page-left-container p.about-page-tagline {
	display: block;
	text-align: center;
	font-style: italic;
	font-size: 1.25em;
	line-height: 1.125em;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}
/*.about-page-container a {
	color:#df7c1e;
	font-weight:300;
	text-decoration:none;
}
.about-page-container a:hover {
	color:#df7c1e;
	text-decoration:underline;
}*/

.about-page-container ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.about-page-container li {
	float: none;
	width: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.25em;
	margin: .75em 0 .75em 3em;
	padding: 0 0 0 0;
	list-style: disc outside;
}
.about-page-content-container-left-column li li {
	margin: .75em 0 .75em 2em;
	list-style: circle outside;
}
.about-list-third-width {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0;
}
.about-list-third-width p {
	float: left;
	width: 100%;
}
.about-list-third-width ul {
	clear: both;
	width: 100%;
}
.about-list-third-width ul li {
	float: left;
	width: 40%;
	list-style: disc outside;
}

@media screen and (max-device-width: 600px), (max-width: 600px) {
.about-list-third-width ul li {
	width: auto;
	clear: both;
}
}
.about-page-intro-content-column {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	text-align: left;
}
.about-page-intro-content-column-margins {
	margin: 0 20px;
}
.about-page-intro-content-column h2 {
	text-align: center;
	font-size: 2em;
	margin-bottom: 0;
}
.about-page-intro-content-column h3 {
	font-size: 1.75em;
	font-style: italic;
	line-height: 1.125em;
	margin: 0 0 0 0;
	padding: 10px 0 5px 0;
}
.about-page-intro-content-column p {
	text-align: left;
	margin: 0 0;
	display: block;
}
.about-page-intro-content-column ul.if-statements {
}
.about-page-intro-content-column ul.if-statements li {
	float: left;
	width: 33%;
	padding: 10px;
	margin: 0 0 0 0;
	box-sizing: border-box;
	font-size: 1em;
	line-height: 1.35em;
	text-align: left;
	font-weight: 300;
	color: #333;
	list-style: none;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.about-page-wrapper {
	width: auto;
	margin: 0 20px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.about-page-left-wrapper {
	margin-right: 0;
}
.about-page-left-container-margins {
	margin: 0 0;
}
.about-page-right-wrapper {
	width: 100%;
	margin: 30px 0 30px 0;
	padding: 20px 0;
}
.about-page-intro-content-column {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.about-page-intro-content-column-margins {
	margin: 0 0;
}
}

@media screen and (max-device-width: 600px), (max-width: 600px) {
.about-page-intro-content-column ul.if-statements li {
	width: 100%;
	padding: 10px;
	margin: 0 0 0 0;
}
}
.about-page-bottom-contact-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 15px 0 15px 0;
	background-color: #fff;
	border-top: 1px solid #aaa;
}
.about-page-bottom-contact-wrapper {
	margin: 0 20px;
}
.about-page-bottom-contact-outer-wrapper h2 {
	display: inline-block;
	margin: 15px 0;
	padding: 0 0 0 0;
	font-size: 1.75em;
}
.about-page-bottom-contact-outer-wrapper a {
	display: inline-block;
	margin: 15px 30px;
	padding: 10px 20px;
	font-size: 1.75em;
	color: #fff;
	text-decoration: none;
	background-color: #f27d0c;
	border-radius: 5px;
}
.about-page-bottom-contact-outer-wrapper a:hover {
	background-color: #cd7622;
}
/************************************************************************************/
/**************************        About Us Page           **************************/
/************************************************************************************/





/************************************************************************************/
/**************************        Blog Page               **************************/
/************************************************************************************/
.blog-page-introduction-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff;
	border-top: 1px solid #ccc;
}
.blog-page-introduction-wrapper {
	margin: 0 30px;
}
.blog-page-introduction-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 50px 0;
}
.blog-page-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff;
	background-color: #eee;
	background-color: #f9f9f9;
	border-top: 1px solid #ccc;
}
.blog-page-wrapper {
	/*width:1160px;
	margin:0 auto;*/
	margin: 0 15px;
}
.blog-page-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 15px 0;
}
.blog-page-container h1 {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.blog-page-container p {
	text-align: center;
	margin: 0 0 0 0;
	padding: 5px 0;
}
.blog-page-container p.blog-page-tagline {
	text-align: center;
	font-size: 1.25em;
	line-height: 1.125em;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}
.blog-page-left-wrapper {
	margin-right: 290px;
	margin-right: 0;
}
.blog-page-left-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.blog-page-left-container-margins {
	margin: 0 30px;
}
.blog-page-right-wrapper {
	display: none;
	float: right;
	width: 290px;
	margin: 80px 0 0 -100%;
	padding: 20px 0;
	background-color: #f6f6f6;
}
.blog-page-right-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.blog-page-right-container-margins {
	margin: 0 0 0 0;
}
.blog-page-container a {
	color: #df7c1e;
	font-weight: 300;
	text-decoration: none;
}
.blog-page-container a:hover {
	color: #df7c1e;
	text-decoration: none;
}
.blog-page-container ul {
}
.blog-page-container li {
	float: none;
	width: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.25em;
	margin: .75em 0 .75em 3em;
	padding: 0 0 0 0;
	list-style: disc outside;
}
.blog-page-content-container-left-column li li {
	margin: .75em 0 .75em 2em;
	list-style: circle outside;
}
.blog-page-list {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
.blog-page-list li {
	display: inline-block;
	width: 33%;
	max-width: 400px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
.blog-page-list-item-margins {
	margin: 0 0 0 0;
}
.blog-page-list-item-padding {
	margin: 0 10px;
}
.blog-page-list li a {
	display: inline-block;
	width: 100%;
	height: 350px;
	height: 400px;
	padding: 15px 0;
	margin: 0 0 0 0;
	text-decoration: none;
	color: #333;
	overflow: hidden;
}
.blog-page-list li a:hover {
}
.blog-page-list-image-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
.blog-page-list-title-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.blog-page-list li a img {
	max-width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	opacity: .9;
	line-height: 0;
	/*border:5px solid #fff;*/
	border: 5px solid #f6f6f6;
	-moz-box-sizing: border-box;
	box-sizing: border-box;/*box-shadow:0 0 3px #999;*/
}
.blog-page-list li a:hover img {
	opacity: 1;
	/*border:1px solid #689FE0*/
	
	border: 5px solid #f27d0c;
	box-shadow: none;
}
.blog-page-list li a h2 {
	font-size: 1.25em;
	line-height: 1.125em;
	margin: 0 5px;
	padding: 5px 0 0 0;
	color: #689FE0;
	color: #222;
	text-align: left;
	font-weight: 700;
}
.blog-page-list li a p {
	text-align: left;
	color: #222;
	margin: 0 5px;
}
.blog-page-list li a h3 {
	font-size: .95em;
	line-height: 1.125em;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
}
.case-studies-bottom-contact-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 15px 0 15px 0;
	background-color: #fff;
	border-top: 1px solid #ccc;
}
.case-studies-bottom-contact-wrapper {
	margin: 0 20px;
}
.case-studies-bottom-contact-outer-wrapper h2 {
	display: inline-block;
	margin: 15px 0;
	padding: 0 0 0 0;
	font-size: 1.75em;
}
.case-studies-bottom-contact-outer-wrapper a {
	display: inline-block;
	margin: 15px 30px;
	padding: 10px 20px;
	font-size: 1.75em;
	color: #fff;
	text-decoration: none;
	background-color: #f27d0c;
	border-radius: 5px;
}
.case-studies-bottom-contact-outer-wrapper a:hover {
	background-color: #cd7622;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.blog-page-introduction-wrapper {
	width: auto;
	margin: 0 10px;
}
.blog-page-wrapper {
	width: auto;
	margin: 0 20px;
}
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
.blog-page-list li {
	width: 50%;
}
.blog-page-left-container-margins {
	margin: 0 0;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.blog-page-left-wrapper {
	margin-right: 0;
}
.blog-page-right-wrapper {
	width: 100%;
	margin: 30px 0 30px 0;
	padding: 20px 0;
}
.blog-page-list li {
	width: 100%;
}
.blog-page-list li a {
	height: auto;
}
.blog-page-list-item-padding {
	margin: 0 0;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
/************************************************************************************/
/**************************        Blog Page               **************************/
/************************************************************************************/


/************************************************************************************/
/**************************     Porfolio Single Page       **************************/
/************************************************************************************/
.single-page-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff;
	border-top: 1px solid #ccc;
}
.single-page-wrapper {
	width:auto;
	margin:0 auto;
	max-width: 1750px;
}

@media screen and (max-device-height: 800px), (max-height: 800px) {
	.single-page-wrapper {
		max-width: 900px;
	}
}

.single-page-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0;
	padding: 0 0 30px 0;/*background-color:#fff;*/
}
.portfolio-back-button-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}
.portfolio-back-button-wrapper h1 {
	width: auto;
	float: left;
	font-size: 22px;
	line-height: 1.125em;
	margin: 0px 0 0 30px;
	padding: 5px 0 0 0;
}
.portfolio-back-button {
	float: left;
	width: auto;
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}
.portfolio-back-button a {
	float: left;
	width: auto;
	margin: 0 0 0 0;
	padding: 5px 10px 6px 10px;
	border: 1px solid #999;
	border-radius: 3px;
	font-size: 17px;
	line-height: 1.125em;
	color: #666 !important;
	background-color: #eee;
	text-decoration: none;
}
.portfolio-back-button a:hover {
	color: #333 !important;
	text-decoration: none !important;
	background-color: #ddd;
}
.portfolio-back-button a img {
	vertical-align: bottom;
	width: 18px;
	height: auto;
	background-color: transparent;
}
.single-page-left-wrapper {
	float: left;
	/*width:300px;
	margin:0 -100% 0 0;*/
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.single-page-left-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.single-page-left-container-margins {
	/*margin:0 0 0 30px;*/
	margin: 0 0 0 30px;
}
.single-page-left-container h1 {
	font-size: 24px;
	line-height: 1.25em;
	margin: 0 0 0 0;
	padding: 10px 0;
}
.single-page-container .single-page-left-container ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
.single-page-container .single-page-left-container li {
	float: left;
	width: auto;
	margin: 0 0 0 0;
	padding: 1px;
	list-style: none;
}
.single-page-container .single-page-left-container li a {
	float: left;
	width: auto;
	margin: 0 0 0 0;
	padding: 5px;
	list-style: none;
	color: #999;
	background-color: #eee;
}
.single-page-container .single-page-left-container li a:hover {
	text-decoration: none;
	background-color: #ccc;
}
.single-page-right-wrapper {
	/*margin-left:300px;*/
	margin-left: 0;
	
	
}
.single-page-right-container {
	float: right;
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
}
.single-page-right-container-margins {
	margin: 0 30px;
}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
.single-page-right-container-margins {
	margin: 0 30px;
}
}
.single-page-container a {
	color: #df7c1e;
	font-weight: 500;
	text-decoration: none;
}
.single-page-container a:hover {
	color: #df7c1e;
	text-decoration: underline;
}
.single-page-container ul {
}
.single-page-container li {
	float: none;
	width: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.25em;
	margin: .75em 0 .75em 3em;
	padding: 0 0 0 0;
	list-style: disc outside;
}
.single-page-content-container-left-column li li {
	margin: .75em 0 .75em 2em;
	list-style: circle outside;
}
.single-page-portfolio-feed-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ddd;
}
.single-page-portfolio-feed-container {
	margin:0 auto;
	width:1160px;
}
.single-page-portfolio-feed-wrapper ul {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 5px 0;
}
.single-page-portfolio-feed-wrapper li {
	float: left;
	width: 33.333%;
	margin: 0 0 0 0;
	padding: 5px 0;
}
.single-page-portfolio-feed-margins {
	margin: 0 5px;
}
.single-page-portfolio-feed-wrapper li a {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.single-page-portfolio-feed-image-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0;
}
.single-page-portfolio-feed-title-container {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #000;
	background: rgba(0,0,0,0.60);
	-webkit-transition: height .75s;
	transition: height .75s;
}
.single-page-portfolio-feed-title-container h4 {
	display: inline-block;
	float: none;
	width: auto;
	margin: 32% 0 0 0;
	padding: 10px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	line-height: 1.125em;
	text-align: center;
}
.single-page-portfolio-feed-wrapper li:hover .single-page-portfolio-feed-title-container {
	display: block;
	animation: job-title-fade-in .25s;
}
@keyframes job-title-fade-in {
    /*from {opacity:0;}
    to {opacity:1.0;}*/
	0% {
opacity:0;
}
 25% {
opacity:0;
}
 50% {
opacity:.35;
}
 75% {
opacity:.65;
}
 100% {
opacity:1.0;
}
}
.contact-page-captcha {
}
.homepage-recaptcha {
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
/*.single-page-wrapper {
		width:auto;
		margin:0 10px;
	}*/
	.single-page-portfolio-feed-container {
		margin:0 20px;
		width:auto;
	}
}

@media screen and (max-device-width: 890px), (max-width: 890px) {
.single-page-wrapper {
	width: auto;
	margin: 0 0;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.single-page-container {
	padding: 0 0;
}
.single-page-left-container-margins {
	margin: 0 10px;
}
.single-page-left-wrapper {
	margin-right: 0;
	width: 100%;
}
.single-page-right-wrapper {
	width: 100%;
	margin: 30px 0 30px 0;
	margin: 0 0 0 0;
	padding: 30px 0;
}
.single-page-right-container {
	padding: 0 0 30px 0;
}
.single-page-right-container-margins {
	margin: 0 30px;
}
.single-page-portfolio-feed-wrapper li {
	width: 50%;
}
.portfolio-back-button-wrapper h1 {
	margin: 0 0 0 10px;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
.single-page-portfolio-feed-wrapper li {
	width: 100%;
}
}
/************************************************************************************/
/**************************     Porfolio Single Page       **************************/
/************************************************************************************/





.page-outer-wrapper {
	float: left;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	
	background-color:#fff;
}
.page-wrapper {
	margin:0 auto;
	width:1160px;
}
.page-container {
	float: left;
	width:100%;
	margin:0 0 0 0;
	padding:50px 0;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
	.page-wrapper {
		width:auto;
		margin:0 20px;
	}
}

@media screen and (max-device-width: 890px), (max-width: 890px) {
.standard-page-wrapper {
	width: auto;
	margin: 0 10px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {

}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}






/************************************************************************************/
/**************************        Blog Sidebar            **************************/
/************************************************************************************/

.sidebar-blog-items-container {
	float: right;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.sidebar-blog-items-container h4 {
	float: left;
	width: 100%;
	line-height: 1.5em;
	margin: .5em 0 .125em 0;
	padding: .45em 0 .025em 0;
	border-bottom: 1px solid #333;
}
.sidebar-blog-items-container ul {
	list-style: none;
}
.sidebar-blog-items-container li {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px dashed #999;
	font-size: 1.25em;
	font-weight: bold;
	text-align: left;
}
.sidebar-blog-items-container li.side-bar-phone {
	padding: 11px 0;
}
.sidebar-blog-items-container li a {
	float: left;
	width: 100%;
	padding: 8px 0;
	color: #df7c1e;
	font-size: .75em;
	text-decoration: none;
	font-weight: 300;
	text-align: left;
	transition: background .3s;
	-moz-transition: background .3s;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
}
.sidebar-blog-items-container li a:hover {
	/*color:#fff;
	background-color:#51901f;*/
	text-decoration: underline;
}
.sidebar-blog-items-cloud-container {
	float: left;
	width: 100%;
}
.sidebar-blog-items-cloud-container a {
	color: #df7c1e;
	text-decoration: none;
}
.sidebar-blog-items-cloud-container a:hover {
	text-decoration: underline;
}

@media screen and (max-device-width: 960px), (max-width: 960px) {
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.sidebar-blog-items-container {
	width: 100%;
	margin-left: 0;
}
.sidebar-blog-items-container li a {
	text-align: center;
}
.sidebar-blog-items-container h4 {
	text-align: center;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
/************************************************************************************/
/**************************         Contact Page           **************************/
/************************************************************************************/

.contact-hero-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff;
	background-image: url(images/contact-page-hero-bg-2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-top: 1px solid #ccc;
}
.contact-hero-wrapper {
	margin: 0 30px;
}
.contact-hero-margins {
}
.contact-hero-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 150px 0;
}
.contact-hero-container h1 {
	text-align: center;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.contact-hero-container p {
	text-align: center;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 22px;
	font-weight: 300;
}
.contact-page-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #ccc;
	background-color: #f9f9f9;
}
.contact-page-wrapper {
	width: 1160px;
	margin: 0 auto;
}
.contact-page-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 50px 0;
}
.contact-page-left-wrapper {
	/*margin-right:290px;*/
	float: left;
	width: 50%;
}
.contact-page-left-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.contact-page-left-container-margins {
	margin: 0 30px;
}
.contact-page-right-wrapper {
	float: right;
	width: 50%;/*width:290px;
	margin:80px 0 0 -100%;
	padding:20px 0;
	
	background-color:#eee;*/
}
.contact-page-right-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.contact-page-right-container-margins {
	margin: 0 20px;
}
.contact-page-container a {
	color: #df7c1e;
	font-weight: 500;
	text-decoration: none;
}
.contact-page-container a:hover {
	color: #df7c1e;
	text-decoration: underline;
}
.contact-page-container ul {
}
.contact-page-container li {
	float: none;
	width: auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.25em;
	margin: .75em 0 .75em 3em;
	padding: 0 0 0 0;
	list-style: disc outside;
}
.contact-page-content-container-left-column li li {
	margin: .75em 0 .75em 2em;
	list-style: circle outside;
}
/*.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 40px;
	padding: 0 10px;
	margin: 0 0 0 0;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 6px;
}
.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus {
	border: 2px solid #111111;
}
.wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 150px;
	overflow: auto;
	padding: 10px;
	margin: 0 0 0 0;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 6px;
}
.wpcf7 textarea:focus {
	border: 2px solid #111111;
}
.wpcf7 input[type=submit], .wpcf7 input[type=button] {
	width: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 40px;
	padding: 0 20px;
	margin: 0 0 0 0;
	font-size: 1.25em;
	color: #fff;
	background-color: #df7c1e;
	border: none;
	border-radius: 6px;
	-webkit-appearance: none;
}
.wpcf7 input[type=submit]:hover, .wpcf7 input[type=button]:hover {
	background-color: #c97c32;
}*/
.homepage-form p {
	margin: .5em 0;
}
.homepage-form textarea {
	height: 100px;
}

@media screen and (max-device-width: 1200px), (max-width: 1200px) {
.contact-page-wrapper {
	width: auto;
	margin: 0 10px;
}
}

@media screen and (max-device-width: 767px), (max-width: 767px) {
.contact-page-container {
	padding: 0 0;
}
.contact-page-left-container-margins {
	margin: 0 10px;
}
.contact-page-left-wrapper {
	width: 100%;
	margin-right: 0;
}
.contact-page-right-wrapper {
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0;
}
.contact-page-right-container {
	padding: 0 0 0 0;
}
.contact-page-right-container-margins {
	margin: 0 10px;
}
}

@media screen and (max-device-width: 500px), (max-width: 500px) {
}
/************************************************************************************/
/**************************         Contact Page           **************************/
/************************************************************************************/


.services-page-hero-outer-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(images/services-hero-3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}
.services-page-hero-wrapper {
	margin: 0 10px;
}
.services-page-hero-container {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 150px 0;
	background: rgba(0,0,0,.65);
}
.services-page-hero-container h1 {
	text-align: center;
	margin: 0 0 0 0;
	padding: 5px 0;
	color: #fff;
}
.services-page-hero-container p {
	text-align: center;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 22px;
	font-weight: 300;
}































@media only screen and (min-width: 641px) {
.gform_wrapper textarea.large {
    height: 120px!important;
	margin-top:10px;
}
}


/*.captcha-container {float:left;width:230px;overflow:hidden;}

@media only screen and (min-width: 641px) {
.gform_wrapper ul.gform_fields li.gfield.captcha-container {
    overflow:hidden!important;
	width:232px;
}
}*/