/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background:transparent url(../img/bg.jpg) repeat fixed top left;}

body { margin: 0; font-size: 15px; line-height: 1.5em; padding: 0;}

body, button, input, select, textarea { font-family: arial, helvetica, sans-serif; color: #222; }

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #0AE; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
a:visited { color: #0AE; }
a:focus { outline: none; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0 1em; padding: 0 0 0 2em;}
ul li, ol li {  padding: 0 0 2px 0;   color: #575757;}
ul { list-style-image:url(../img/bullet.png); }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }
img.alignleft{float:left;margin:0px 30px 20px 0px;width: 30%;}
img.alignright{float:right;margin:0px 00px 20px 30px;width: 30%;}

@media screen and (max-width:480px){
    img.alignleft,img.alignright{float:none; margin:0px;width:100%;}
}

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/**
 * @license
 * MyFonts Webfont Build ID 3050367, 2015-06-29T00:14:26-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AvenirLTStd-Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/35-light/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3050367
 *
 * © 2015 MyFonts Inc
*/

@font-face {
  font-family: 'AvenirLTStd-Light';
  src:  url('../fonts/2E8B7F_0_0.eot');
  src:  url('../fonts/2E8B7F_0_0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/2E8B7F_0_0.woff2') format('woff2'),
        url('../fonts/2E8B7F_0_0.woff') format('woff'),
        url('../fonts/2E8B7F_0_0.ttf') format('truetype');
  }


/* @font-face {
    font-family: 'Museo700';
    src: url('../fonts/museo700-regular_0-webfont.eot');
    src: url('../fonts/museo700-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo700-regular_0-webfont.woff') format('woff'),
         url('../fonts/museo700-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/museo700-regular_0-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;

} */


#wrap{
width: 100%;
margin:0 auto;
background: rgba(255, 255, 255, 0.2);
box-shadow: 0px 0px 200px rgba(68, 68, 68, 0.13);
overflow: hidden;
}
.inner960{
margin:0 auto;
width: 100%;
padding: 0 2em;
max-width: 1100px;
}
#header{
width: 100%;
background: #FFF;
box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.07);
position: relative;
z-index: 99;
background: #201E1F;
}
#header  a.logo{
width: 230px;
height: 100px;
background: transparent url(../img/kineticLogo.gif) no-repeat scroll top left;
float: left;
background-size: 100% auto;
margin: -5px 0 0 -15px;
display: block;
margin:0px;
}
#header form{
width: 200px;
height: 32px;
background: rgb(53, 53, 53);
border-radius: 3px;
float: right;
position: relative;
margin: 1em 0 0;
}
#header form input#search{
border: none;
font-family: arial, helvetica, sans-serif;
color: #FFFFFF;
font-size: 13px;
width: 100%;
background: transparent;
outline: none;
font-style: italic;
height: inherit;
padding: 0.5em 40px 0.5em 0.7em;
line-height: 1em;
}
#header form input#submit{
width: 32px;
height: 100%;
background: #D1D1D1 url(../img/searchIcon.png) no-repeat center;
right: 0px;
background-size: 13px;
position: absolute;
margin: 0px;
padding: 0px;
top: 0;
border: none;
display: block;
background: #353535;
font-family: "Kinetic";
font-size: 14px;
color: #595656;
}
#header form input#submit:hover{     color: #FFF;
;
}
.imglink{
display:block;
font-size:0px;
line-height:0px;
min-height:10px;
line-height:10px;
color:transparent;
text-decoration:none;
z-index: 100;
}
#nav{
width: 100%;
height: 37px;
background: #F2F2F2;
margin: 0;
font-size: 14px;
}
#nav ul{
list-style: none;
margin: 0 auto;
padding: 0px;
max-width: 1100px;
}
#nav ul li{
float: left;
z-index:100;
padding: 0;
}
#nav > ul > li > a{
color: #3D3739;
font-size: 13px;
text-decoration: none;
padding: 0px 30px;
line-height: 37px;
height: 37px;
display: block;
border-right: 1px solid rgba(0, 0, 0, 0.06);
}

#nav > ul > li:last-child > a { border:none; }

#nav > ul > li.current_page_item a,
#nav > ul > li.current_page_parent a,
#nav > ul > li.current_page_ancestor a{
background: #0AE;
border: 0px;
color: white;
}

#nav > ul > li.current_page_item > a { background: #0AE !important; }

#nav > ul > li.current_page_item ul li a,
#nav > ul > li.current_page_parent ul li a,
#nav > ul > li.current_page_ancestor ul li a {
background: none;
}

#nav ul li ul.children li.current_page_item a { background: #373737; }

#nav ul li ul li a {
background: none;
color: #F2F2F2;
line-height: 1.2em;
height: auto;
text-decoration: none;
padding: 1em 1.2em;
display: block;
border: none;
}
@media screen and (min-width:1101px){
#nav ul li ul li a:hover{
background: #373737;
}
#nav ul li:hover {
    position: relative;
}
}
#nav ul li ul.children {
display: block;
left: -999em;
position: absolute;
width: 300px;
z-index: 99999;
padding-top: 10px;
background: #242021;
padding: 0;
}

#nav ul li.horizontal ul.children { width: 600px; }
#nav ul li.horizontal ul.children li  { width:50%; }

#nav ul li ul.children:after {
display: block;
height: 0;
background: transparent;
content: "";
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
border-bottom: 8px solid #231F20;
width: 0px;
border-top: 0;
margin-left: 0.8em;
top: -6px;
bottom: auto;
left: auto;
position: absolute;
}

#nav ul li ul.children li  {
width: 100%;
border-right: 1px solid rgba(255,255,255,0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-left: none;
border-top: none;
}

#nav ul li:hover ul {
position: absolute;
left: 0;
}
#nav ul li.horizontal:hover ul.children {
}

#nav ul li ul.children li:last-child { border-bottom:none; }
#nav ul li ul.children li:nth-child(2n){ border-right-color:transparent; }


/*--  end header styles  --*/

.contentWrap{

}
#slider{
position: relative;
}
#slider a#slideLeft{
width: 38px;
height: 37px;
position: absolute;
background: transparent url(../img/leftRight.png) no-repeat scroll top left;
top: 50%;
left: -20px;
-webkit-transition: none;     -moz-transition: none;     -o-transition: none;     transition: none;
margin-top: -18px;
}
#slider a#slideLeft:hover{
background: transparent url(../img/leftRight.png) no-repeat scroll bottom left;
}
#slider a#slideRight{
width: 38px;
height: 37px;
position: absolute;
background: transparent url(../img/leftRight.png) no-repeat scroll top right;
top: 50%;
right: -20px;
margin-top: -18px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
#slider a#slideRight:hover{
background: transparent url(../img/leftRight.png) no-repeat scroll bottom right;
}
#slider ul#slides{
list-style: none;
padding: 0px;
margin: 0;
overflow: hidden;
width: 100%;
height: 400px;
overflow: hidden;
}
#slider ul#slides li{
    width: 100%;

    padding: 0;
}
#slider ul#slides li img{
margin: 0px;
padding: 0px;
height: auto;
width: 100%;
}
#slider ul#slides li .slideCaption{
width: 940px;
background: #F2F2F2;
height: 43px;
}
#slider ul#slides li .slideCaption p{
margin: 0px;
text-align: center;
padding-top: 13px;
color: #3D3739;
font-style: italic;
font-size: 12px;
}
#slider ul#slides li .slideCaption p a{
color: #3D3739;
font-weight:normal;
text-decoration: none;
}
#slider ul#slides li .slideCaption p a:hover{
color:#0AE;
}

/*-- end slider styles --*/

.col2{
padding: 24px 12px;
padding: 2em 0;
}
#contentLeft{
max-width: 70%;
width: 100%;
float: left;
padding-bottom: 2em;
}
.page-template-template-services-php .col2{
}

.page-template-template-services-php #contentLeft,
.page-template-template-locations-php #contentLeft{
    max-width: 100%;
    width: 100%;
}

#servicesLeft { float: left; width: 50%; padding-right: 1.5em; color: #3D3739;}
#servicesRight { float: left; width: 50%; padding-left: 1.5em;}

#sideBar{
width: 30%;
padding-left: 2em;
float:right;
}
#sideBar h2 { font-size:1.2em; margin:1.5em 0 1em }
.clear{
clear:both;
}
h1, h2{
font-family: 'AvenirLTStd-Light';
color: #333;
font-size: 2.4em;
margin: 0.5em 0 0.8em;
line-height: 1.1;
font-weight: normal;
font-family: 'AvenirLTStd-Light';
}
h3{font-family: 'AvenirLTStd-Light';font-weight: normal;color: #00AAEE;font-size: 1.5em;margin: 0.5em 0 0.8em;line-height: 1.5em;}

h3 strong, h2 strong, h4 strong { font-weight:normal; }

p{
font-size: 1em;
line-height: 1.7em;
color: #575757;
}
a.btnBlack{
display: inline-block;
text-decoration: none;
color: white;
background: transparent url(../img/button.gif) no-repeat scroll top right;
line-height: 30px;
padding: 0.9em 1em;
margin-right: 13px;
border-radius: 3px;
margin-top: 14px;
background: #eee;
background: #DFDFDF;
font-size: 14px;
color: #797979;
line-height: 1;
font-weight:normal;
font-family: 'AvenirLTStd-Light';
}
a.btnBlack:hover{
background: transparent url(../img/button.gif) no-repeat scroll bottom right;
background: #D1D1D1;
/* color: #FFF; */
}
#sideBar h2 a{
background: transparent url(../img/titleLink.png) no-repeat scroll top right;
color: black;
text-decoration: none;
padding-right: 23px;
}
.panel220{
background: #F2F2F2;
padding: 10px;
border-radius: 4px;
text-align: center;
}
.imageThumb{
border-radius: 3px;
overflow: hidden;
width: 200px;
height: 154px;
}
h5{
font-weight: bold;
font-family: arial, helvetica, sans-serif;
color: #3D3739;
font-size: 1.1em;
margin: 10px 0px;
}
h5 a, h5 a:visited{
color: inherit;
text-decoration:none;
}
.panel220 p{
color: #3D3739;
font-size: 11px;
line-height: 1.4em;
padding: 0px 5px;
margin-bottom: 5px;
}

/* -- end home content --*/

#footer{
background: #FFFFFF;
position: relative;
padding: 2em 0;
}
.fCol{
width: 50%;
float: left;
padding-right: 1em;
}
#footer table{

}
#footer table tr{

}
#footer table tr td{
color: #3D3739;
font-size: 11px;
line-height: 1.4em;
padding: 0px;
margin-bottom: 5px;
width: 20%;
line-height: 19px;
border: none;
}
#footer p{
padding: 0px;
margin-bottom: 5px;
}
#footer a{
text-decoration:none;
}
#footer a#footerLogo{
width: 12%;
height: 300px;
background: rgba(0, 0, 0, 0) url(../img/kineticLogo.gif) no-repeat scroll top right;
position: absolute;
right: 24px;
background-size: contain;
}

#subTitle {
    border-radius: 5px;
    padding: 0;
    width: 100%;
    float: left;
    margin-bottom: 1.5em;
    border-bottom: 1em solid #ED008C;
    border: none;
    /* color: #ED008C; */
}
#subTitle h3 {
color: inherit;
font-family: 'AvenirLTStd-Light';
letter-spacing: 0.02em;
line-height: 1.4em;
margin: 0 0 -0.3em;
font-weight:normal;
padding: 0.5em 0 0.5em 1em;
color: inherit;
border-left: 4px solid #0AE;
}
#introText {
float: left;
margin-bottom: 25px;
}
#subTitle h3 * { margin:0; color:inherit; line-height: inherit;}
#introText p {
    margin-top: 0;
}
.projectBlock {
float: left;
padding: 0;
background: #F2F2F2;
margin: 0;
text-align: center;
position: relative;
width: 25%;
border: 6px solid rgb(255, 255, 255);
}
.projectBlock.pb3 {
    margin-right: 0;
}
.projectBlock img {
    width: 100%;
    height: auto;
    border-bottom: 4px solid;
}
.projectBlock img[src*="profile.gif"]{ position:relative; z-index:-9999; opacity:0; margin-top: -20px;}

.projectBlock p {
    margin-top: 0;
    line-height: 1.5;
    font-size: 0.8em;
    padding: 0 1em;
}
.projectBlock h5 {
margin-bottom: 13px;
padding: 0.2em 1em;
}


/* Content post snip */
#contentLeft .post{background: none;border-radius: 3px;margin-bottom: 1.2em;background: #FFF;position: relative;border-bottom: 4px solid rgba(0, 0, 0, 0.06);overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;}
#contentLeft .post .post-thumb{position: relative;width: 250px;-ms-flex-negative: 0;flex-shrink: 0;background-size: cover;background-position: center;overflow: hidden;}
#contentLeft .post .post-thumb > a{display:block;margin:0px;padding:0px;position: absolute;top: 0px;left: 0;width: 100%;height: 100%;transition: 0.26s ease all;}
#contentLeft .post .post-thumb > a:hover{
    background: rgba(0, 170, 238, 0.6);
}
#contentLeft .post .post-thumb i{color:white;position:absolute;bottom:14px;right:14px;font-size:25px;transition:0.26s ease all;transform:scale(0);}
#contentLeft .post .post-thumb:hover i{transform:scale(1);}
#contentLeft .post .post-thumb:hover i:hover{transform:scale(1.3);}
#contentLeft .post img {border:none;box-shadow:none;float: none;margin: 0;display: none;/* object-fit: cover; *//* margin:0px; *//* min-height: 100%; *//* object-position: center; */}
#contentLeft .post .post-preview-copy{padding: 40px 30px 25px 41px;}
#contentLeft .post h3{margin: 0;}
#contentLeft .post h3 a{color: #0AE;text-decoration: none;font-weight: 100;}
#contentLeft .post h4.post-date{color: gray;font-weight:normal;font-size: 1em;margin: 0.5em 0 0;}
#contentLeft .post a.btnBlack{font-size: 11px;margin-top: 0px;margin-bottom: 9px;}

@media screen and (max-width: 720px){
    #contentLeft .post{display:block;margin-bottom: 4px;border-bottom: 0px;}
    #contentLeft .post .post-thumb{float: left;width: 80px;height: 80px;border-radius: 60px;margin: 24px 16px 10px 15px;}
    #contentLeft .post .post-preview-copy{padding: 30px 20px 20px 5px;overflow: hidden;}
}
@media screen and (max-width:450px){
    #contentLeft .post{margin-left: -22px;margin-right: -22px;}
    #contentLeft .post .post-thumb{float:right;margin: 16px 15px 10px 10px;width: 60px;height: 60px;}
    #contentLeft .post .post-preview-copy{padding: 20px 20px 12px;overflow: visible;}
}



.navigation p a{
text-decoration:none;
}
.navigation p a span.older-posts, .navigation p a span.newer-posts{
color: #0AE;
font-weight:normal;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}
#contentLeft .hentry{ /* Chrome, Safari, Opera */      /* Firefox */
}
#contentLeft .hentry h2{
}
#contentLeft .hentry h4.post-date{
}
#respond{
border-top: 4px solid rgba(0, 0, 0, 0.06);
margin-top: 37px;
padding-top: 26px;
}
#respond form { padding-top:1em; }
#respond input[type="text"] { background:#FFF; border: none; padding: 0.5em; font-family: inherit; color: inherit; background: #FCFCFC;     border-radius: 3px;     border: none;     color: #808080;}
#respond p { margin:0 0 1em; font-size:14px; }
#respond p label { font-size:12px; padding-left:5px; color:inherit; }
#submit{
display: inline-block;
text-decoration: none;
color: #7A7A7A;
background: #DFDFDF;
line-height: 30px;
padding: 0.2em 1.2em;
margin-right: 13px;
border-radius: 3px;
margin: 0 0 0.5em;
border: none;
outline: none;
font-family: 'AvenirLTStd-Light';  font-weight:normal;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
#submit:hover{
background: transparent url(../img/button.gif) no-repeat scroll bottom right;
background: #0AE;
color: #FFF;
}
textarea{
background: #FCFCFC;
border-radius: 3px;
border:none;
color: gray;
box-shadow: none !important;
max-width: 100%;
padding: 0.5em;
font-family: inherit;
}
textarea:focus{
outline:none;
box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.1);
}

#sideBar li{
list-style:none;
}
#sideBar li ul{
padding: 0px;
margin: -8px 0px 22px 0px;
}
#sideBar li ul li{

}
#sideBar li ul li a{
font-weight: 100;
font-family: arial, helvetica, sans-serif;
color: #0AE;
font-size: 12px;
text-decoration: none;
padding: 0;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 0.4em;
}
blockquote{
background: #F2F2F2 url(../img/quote.png) no-repeat scroll 35px 30px;
padding: 23px;
border-radius: 4px;
margin: 0px 0px;
}
#contentLeft blockquote p{
font-size: 13px;
line-height: 1.6em;
margin: 0px 0px 10px 0px;
color: #545454;
text-shadow: 0px 1px 0px white;
padding-left: 78px;
}
#introText blockquote{
background: #F2F2F2 url(../img/quote.png) no-repeat scroll 14px 20px;
padding: 15px 12px 5px;
border-radius: 4px;
margin: 18px 0px 16px;
}
#introText blockquote p{
padding-left: 45px;
}
#contentLeft p.namePhone{
border-radius: 5px;
padding: 11px 19px 8px 48px;
font-family: 'AvenirLTStd-Light';
font-weight: normal;
color: #0AE;
font-size: 18px;
margin: 0px 0px 7px;
color: white;
display: inline-block;
background: #0AE url(../img/namephone.gif) no-repeat 0px 0.9px;
line-height: 26px;
min-height: 57px;
}
#contentLeft p.namePhone span{
color: white !important;
}
#contentLeft ul{
margin: 17px 15px;
padding: 0px;
list-style: none;
}
#contentLeft ul li{
    list-style-image: url(../img/bullet.png);
    padding-left: 0.5em;
    padding-bottom: 0.8em;
}
#contentLeft ul li:last-child { padding-bottom:0; }
#sideBar ul{
padding-left:0px;
margin:0px;
}
#contentLeft h4{
font-family: 'AvenirLTStd-Light';
font-weight:normal;
color: #0AE;
font-size: 1.3em;
margin: 0.8em 0 0.5em;
}
#contentLeft h5{
}
.projectBlock .project-inner a.overlayClick, a.overlayClick {
width: 100%;
height: 100%;
display: block;
font-size: 0px;
line-height: 0px;
color: transparent;
position: absolute;
background: none;
z-index: 9;
}

a.overlayClick:before { opacity:0; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; content: "a"; width: 40px; height: 40px; background: rgba(0, 170, 238, 0.87); display:block; border-radius:100px; top:50%; left: 50%; margin: -20px; position:absolute; font-family: "Kinetic"; font-size: 16px; color: #FFF; line-height: 40px; text-align: center;}
html.no-touch a.overlayClick:hover:before { opacity:1; }
html.no-touch a.overlayClick:hover{ background: rgba(0, 0, 0, 0.54); }

.page-id-20 table td {border: none;border-top: 1px solid rgb(206, 206, 206);}

@media screen and (max-width:600px){
    .page-id-20 table{width:100%;}
    .page-id-20 table tr td:last-child{border-bottom: 2px solid rgb(216, 221, 224);}
    .page-id-20 table tr td:first-child{border-top:0px;}
    .page-id-20 table td{display:block;border-top: 1px solid rgb(236, 236, 236);}
}

table th, table td {
padding: 10px 10px 9px;
line-height: 18px;
text-align: left;
padding-right: 28px;
vertical-align: top;
}

img.projectThumb,
table img.alignnone,
page-template-template-locations-php table img {
float: left;
margin-right: 15px;
margin-bottom: 10px;
border: 5px solid white;
box-shadow: 1px 1px 5px #d3d3d3;
}
.page-template-template-locations-php img.projectThumb {
    float: right;
}
table img.alignnone {
    float: none;
    margin-bottom: 0;
}
.page-template-template-locations-php #contentLeft td {
border-top: medium none;
width: 215px;
padding: 0 10px;
}
.blog #contentLeft h2, .archive #contentLeft h2 {
}
#catDD {
float: right;
position: relative;
width: 200px;
background: #F2F2F2;
padding-left: 10px;
}
#catDD ul {
margin: 0;
display: none;
position: absolute;
background: #F2F2F2;
width: 210px;
left: 0;
}
#catDD ul li {
    background: none;
    padding-left: 0;
    margin-bottom: 0;
}
#catDD ul li a {
border-right: 1px solid #2E2A2B;
border-bottom: 1px solid #161213;
border-left: 1px solid #161213;
border-top: 1px solid #2E2A2B;
background: #242021;
padding: 10px 5px;
width: 198px;
color: #F2F2F2;
display: inline-block;
text-decoration: none;
}
#catDD p {
    cursor: pointer;
}
#modalPopup{
  /*display: none;*/
width: 100%;
height: 100%;
position: relative;
}
#modalBG {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0,0,0,0.8);
  z-index: 1000;
}
#modalContent {
position: relative;
margin: 70px auto;
width: 500px;
padding: 10px;
background: #201F1F;
border-radius: 5px;
box-shadow: inset 0.9px 1px 1px #686868;

}
#modalClose {
position: absolute;
height: 22px;
width: 22px;
right: -10px;
top: -10px;
background: transparent url(../img/close.png) no-repeat scroll top left;
/*border: 3px solid white;
border-radius: 10px;
color: white;
font-weight: bold;
font-size: 11px;
padding-left: 4px;
*/cursor: pointer;
}
#modalClose:hover {
background: transparent url(../img/close.png) no-repeat scroll bottom left;
}
#vidBtnWrapper { position: relative;}
.youtubeView {
position: absolute;
width: 200px;
height: 112px;
background: transparent url('../img/play.png') 50% 50% no-repeat;
top: 0;
left: 0;
z-index: 1000;
cursor: pointer;
-webkit-box-shadow: inset 0px 4px 5px rgba(0, 0, 0, 0.0);
box-shadow: inset 0px 4px 5px rgba(0, 0, 0, 0.0);
  -webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
}
.youtubeView:hover {
-webkit-box-shadow: inset 0px 4px 43px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 4px 43px rgba(0, 0, 0, 0.5);
}
#vidWrapper { margin-bottom: 25px;}

/* -------------------------------------------------------------- RETROFIT STYLES */

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

/* Primary */
#contentLeft.full-width { width:100%; max-width: 100%;}
.inner { max-width: 1100px; position: relative; margin: 0 auto; padding: 0 2em;}
h4 { margin: 1em 0 0.3em; font-family: 'AvenirLTStd-Light';     font-weight: normal; font-size: 1.1em; color: #333;}
h3 a { text-decoration:none; }
.mobile-only { display:none; }

body.single #contentLeft .post { padding:0 2em 0 0; background:none; border: none;}
body.single #contentLeft .post h2 { margin-bottom:0; }

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

    #nav ul li ul.children { font-size:12px; width: 520px;}

}
@media screen and (max-width:1100px){

    .table-wrapper { width:100%; background:#FFF; position:relative; /* box-shadow: 0px 1px 5px #CCC; */ /* -webkit-box-shadow: 0px 1px 5px #CCC; */}
    /* .table-wrapper:before { content: "\2039\00a0\00a0\00a0Scroll\00a0\00a0\00a0\203A"; text-align:center; padding:0.5em 1em; line-height:1; display:block; color: #959595;  width: 100%; background: #eee; font-size: 12px; font-weight: bold;} */
    .table-wrapper-inner { overflow-x: scroll; }
    .table-wrapper table { margin-right:10px; }

    #contentLeft .post { min-height:0px; }

}
@media screen and (max-width:1000px){

    #contentLeft { max-width: 100%;}
    #sideBar { width:100%; padding: 0; border-top: 3px solid rgba(0, 0, 0, 0.06);}

}
@media screen and (max-width:800px){

    #servicesRight, #servicesLeft { width:100%; padding:0; }
    #subTitle { }

}
@media screen and (max-width:600px){

    #contentLeft .post {font-size:13px;}
    #contentLeft .post img {}
    body.single #contentLeft .post { padding-right:0; }
    #respond input[type="text"] { width:100%; }
    #respond p { margin-bottom:0.5em; }

}
@media screen and (max-width:400px){

    .inner960, .inner { padding:0 1em; }
    .col2, #footer { padding: 1em 1em; }

}

/* Buttons */

a.button { position:relative; background: #0AE; display:inline-block; padding: 0.5em 0.7em; margin-bottom:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #FFF; text-decoration: none; font-size: 1.7em; /* text-transform: uppercase; */ letter-spacing: 0.02em; font-family: 'AvenirLTStd-Light'; border-bottom: 4px solid rgba(0, 0, 0, 0.12); -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; height: 2.5em; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);}
a.button small, a.button em { font-style:normal; text-transform:uppercase; float:left; width:100%; font-size: 12px; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: 1.4em; font-family: Arial; text-shadow: none;}
a.button em { float:none; padding-left: 0.8em; font-weight: normal;}
a.button span { float:left; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); position: relative; top: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
a.button:before, a.button:after { float:left; font-family: "Kinetic"; text-transform: none; position:absolute; left: 0.7em; top: 50%; margin-top: -0.5em; font-weight: normal; font-family: "kinetic" !important;     font-style: normal !important;     font-weight: normal !important;     font-variant: normal !important;     text-transform: none !important;     speak: none;     line-height: 1;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;}
a.button:after { right:0.7em; left:auto; }
a.button:after { }

a.button[href^="tel:"], a.button.call { background: #76C544; padding-left: 2.3em; position:relative; }
a.button[href^="tel:"]:before, a.button.call:before { content:"h"; }
a.button.quote{ padding-left:2.3em; }
a.button.quote:before { content: "l"; }

a.button[data-toggle="#numbers"]{ width:100%; border-radius:0; margin: 0; display: block;}
a.button[data-toggle="#numbers"]:after { content:"f"; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 12px; right: 1.1em;}
a.button[data-toggle="#numbers"].open:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

a.button[href^="tel:"]:before, a.button.call:before{}

a.button.button-icon{padding: 10px 20px 10px 43px;font-size: 20px;margin: 10px 0px 24px;}
a.button.button-icon:hover{opacity:0.7;}
a.button.button-icon i{position: absolute;left: 14px;}

@media screen and (max-width:1000px){
    a.button { font-size:1.3em; }
    a.button small { display:none; }
}
@media screen and (max-width:480px){
    a.button.button-icon{font-size: 16px;padding: 10px 18px 10px 34px;height: auto;}
    a.button.button-icon i{left: 10px;top: 10px;}
}


/* Header */
.top-header { padding: 1em 2em; max-width: 1100px; margin: 0 auto;}

.mobile-actions { font-size: 23px; float: right; padding: 1.5em 1em 0; display: none;}
.mobile-actions a { text-decoration:none; display:inline-block; text-align:center; margin-left: 0.5em; color: rgba(255, 255, 255, 0.6); }
.mobile-actions a.open { color: #FFF; }
.mobile-actions a[data-toggle*="search"]{ font-size: 0.75em; position: relative; top: -0.12em;}

.call-header { width:100%; margin-top: -1px; z-index: 99999; position: relative; }
.call-header ul { padding: 0; margin: -1px 0; background: #9DA3A6; }
.call-header li { margin:0; padding:0; display: block; width: 100%;}
.call-header a.button.call {  font-size:1.2em; width:100%; display:block; margin-bottom: 0; border-radius: 0;   background: #B4BBBF;  height: 36px;  padding-left: 2.2em;}
.call-header a.button.call:before {font-size: 0.7em; left: 1.3em;  }
.call-header li a.button.call:before { color: rgba(0, 0, 0, 0.17); text-shadow: none; font-size: 0.7em; left: 1.3em;}
.call-header li a.button.call { background:none; border-bottom-width: 1px; }
.call-header li:last-child a.button.call { border-bottom-color:transparent; }
.call-header a.button span { font-size:15px; }

.top-header { background:#201E1F; border-bottom: none;}
#header a.logo { background-image: url(../img/logo-black.png); background-color: #201E1F; }

@media screen and (min-width:601px){ .call-header { display:none;  } }

@media screen and (min-width:1101px){

    #header form, #nav { display:block !important; overflow:visible !important; }
    #nav ul li a.toggle { display:none; }

    #nav > ul > li > a:hover{ background:#e1e1e1; }

}
@media screen and (max-width:1100px){

    #nav { height:auto; padding:0; display: none;}
    #nav ul { padding:0; }
    #nav ul li { float:none; width:100%; border:none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative;}
    #nav ul li ul.children {position:relative;display: none;opacity:1;z-index:1;left: 0;width: 100% !Important;padding: 0;margin-bottom: -1px;background: #e8e8e8;}
    #nav > ul > li > a { border:none !important; padding: 0.2em 1.2em; height: auto;}
    #nav ul li ul.children:after { border-bottom-color: #AAA; margin: 0; right: 1em; display: none;}
    #nav ul li ul.children li { border-bottom: 1px solid rgba(0, 0, 0, 0.06); float: left; border-right: 1px solid rgba(0, 0, 0, 0.06);}
    #nav ul li.page_item_has_children { padding-right: 0; }
    #nav ul li a.toggle { display:block; width: 40px; height: 44px; position: absolute; right: 0; text-align: center; font-size: 12px; color: rgba(0, 0, 0, 0.29); line-height: 50px; padding: 0; z-index: 9; top: 0; -webkit-transition: all 0.3s ease-in-out;     -moz-transition: all 0.3s ease-in-out;     -o-transition: all 0.3s ease-in-out;     transition: all 0.3s ease-in-out; background: none !Important;}
    #nav ul li a.toggle.open { -webkit-transform: rotate(180deg);     -moz-transform: rotate(180deg);     -o-transform: rotate(180deg);     -ms-transform: rotate(180deg);     transform: rotate(180deg); }
    #nav ul li ul.children li a { font-size:13px; color: #534E50;}
    #nav ul li ul.children li a:before { content:"-"; padding-right:5px;  }
    #nav ul li ul.children li.current_page_item a { background: #ACB2B5; }
    #header { margin-bottom: 0; padding: 0;}
    #header a.logo { margin: 0 0 1em; width: 230px; height: 107px; }
    #header form { width:100%; margin:0; height:40px; border-radius: 0; display: none;}
    #header form input#submit { width:40px; border-radius: 0;}
    #header form input#search { padding-right:50px; height: 40px;}
    .top-header { padding: 5px 0 10px;}
    .mobile-actions { display:block; }

    .col2 { }
}
@media screen and (max-width:700px){

    .top-header { background:#201E1F; border-bottom: none;}
    #header a.logo { width: 170px; height: 80px; background-position: center; background-image: url(../img/logo-black.png); background-color: #201E1F;}
    .mobile-actions { font-size: 20px; }
    .mobile-actions a { color: rgba(255, 255, 255, 0.6); }
    #nav ul li ul.children li {border-right:none;width: 100% !Important;float: none;}

}

/* Footer */
.fCol:last-of-type { padding: 0 0 0 1em; padding-right: 12%;}
.fCol-inner { padding: 0;}
.fCol-inner ul { padding:0 2em 0; }
.sub-footer p { font-size: 11px; color: #919191; background: #F2F2F2; margin:0; padding: 1em 1em 0.8em; line-height:1em; text-align: center;}
.sub-footer p span { opacity:0.5;  }
.sub-footer a { color:inherit; text-decoration:none; }

#footer { color: #6B6769; }
#footer p, #footer li { font-size:0.9em; color: inherit;}
#footer h4 { font-family: 'AvenirLTStd-Light'; color: #333; font-weight: normal; font-size: 1.2em;}
#footer h4 a { color:inherit; }

ul.numbers { padding: 0; margin: 0 -0.5em; list-style:none; }
ul.numbers li { display:block; float:left; width:50%; padding: 0 0.5em;}
ul.numbers li a.button { background:none; color:inherit; text-shadow:none; font-size: 1em; border-bottom-width:1px; display:block; border-radius:0; padding-left: 0; font-family: inherit; border-bottom-color: #EAEAEA; height: 3.8em; margin-bottom: 0;}
ul.numbers li a.button:before { font-size: 0.7em; left: 0; top: 3.3em; margin: 0; display:none; }
ul.numbers li a.button span { font-weight:bold;}
ul.numbers li a.button em { float:left; padding:0; display: block; width: 100%; font-size: 1em; line-height: 1em;}
ul.numbers li a.button em:before { content:"h"; text-transform:none; font-family:"Kinetic"; font-weight:normal; font-size: 0.8em; padding-right:0.4em;   }

ul.numbers li a.button:hover { }

a.desktop-overlay { display:none; }
html.no-touch a.desktop-overlay { display:block; position:absolute; top: 0; left: 0; width: 100%; height: 100%;}

ul.numbers li { padding-bottom:0.5em; position: relative;}
ul.numbers li:hover a.button span { color: #0AE; }
ul.numbers li.no-tel a.button { }
ul.numbers li.no-tel { display:none; }/* Hide ones without numbers */

@media screen and (max-width:1000px){

    .fCol { width:100%; padding: 0 0 1em 0 !important; }
    .fCol-inner { padding:0 !important; }
    .fCol:last-of-type { padding-bottom:0 !important; padding-right: 25% !important;}
    #footer a#footerLogo { top:auto; bottom:0; background-position: bottom right; width: 20%;}

}
@media screen and (max-width:600px){

    .fCol:last-of-type { padding-bottom: 80px !important; padding-right:0% !important;}
    #footer a#footerLogo { top:auto; bottom: -10px; background-position: center; width:40%; height: 70px; left: 30%;}
    ul.numbers li { width:100%; padding:; }
    .sub-footer p { font-size:10px; }

}

/* Homepage */
.home .inner960 { padding:0; }
.video-wrapper { position: relative; padding: 50px; padding-bottom: 56.25%; /* 16:9 */ padding-top:0; height: 0; width: 100%; margin: 0px auto; height: 500px; padding: 0;}
.video-wrapper iframe { position: absolute;  top: 0; left: 0; width: 100%; height: 100%; }
.homepage-banner {padding: 0; }
.home .col2 { padding: 2em; }

/* Content */
#projectBlocks { padding: 1em 0 0; margin: 0 -6px;}
.projectBlock:nth-child(4n+1){ clear:both; }

.full-width table { max-width:100%; }
.white-tile{  -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px;  background:white;  padding: 3% 4%;  margin-bottom: 4px;}
.white-tile > p:first-child{font-family: 'AvenirLTStd-Light';    color: #525252;    font-size: 1.4em;    margin: 0px 0px 20px 0px;        font-weight: normal;    font-family: 'AvenirLTStd-Light';line-height: 1.6em;}

@media screen and (max-width:380px){
    .white-tile > p:first-child{font-size: 14px;}
}


/* Loactions Page */

.page-template-template-locations-new .inner960 { padding:0; max-width: 100%;}

.page-template-template-subpage-tiles .content { padding-bottom:3em; }

.banner-image { height:300px; background: #51585F center center no-repeat; background-size:100% auto; background-size:cover; color:#FFF; position: relative; border-radius: 0 0 6px 6px; overflow: hidden; position: relative; z-index: 1; vertical-align: bottom;}
.banner-image:before { content:""; position:absolute; background: rgba(5, 162, 224, 0.87);  width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MjAyYiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMxNTIwMmIiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzE1MjAyYiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE1MjAyYiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);  background: -moz-linear-gradient(top,  rgba(21,32,43,0.1) 0%, rgba(21,32,43,0.1) 1%, rgba(21,32,43,0.7) 75%, rgba(21,32,43,0.7) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,32,43,0.1)), color-stop(1%,rgba(21,32,43,0.1)), color-stop(75%,rgba(21,32,43,0.7)), color-stop(100%,rgba(21,32,43,0.7)));  background: -webkit-linear-gradient(top,  rgba(21,32,43,0.1) 0%,rgba(21,32,43,0.1) 1%,rgba(21,32,43,0.7) 75%,rgba(21,32,43,0.7) 100%);  background: -o-linear-gradient(top,  rgba(21,32,43,0.1) 0%,rgba(21,32,43,0.1) 1%,rgba(21,32,43,0.7) 75%,rgba(21,32,43,0.7) 100%);  background: -ms-linear-gradient(top,  rgba(21,32,43,0.1) 0%,rgba(21,32,43,0.1) 1%,rgba(21,32,43,0.7) 75%,rgba(21,32,43,0.7) 100%);  background: linear-gradient(to bottom,  rgba(21,32,43,0.1) 0%,rgba(21,32,43,0.1) 1%,rgba(21,32,43,0.7) 75%,rgba(21,32,43,0.7) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a15202b', endColorstr='#b315202b',GradientType=0 ); opacity: 1;}
.banner-image .inner { padding: 0 2em 1em; /* position:absolute; */ /* bottom:0; */ height: inherit;}
.banner-image h2, .banner-image h1 { color:inherit; margin: 0; font-size: 2.4em;}
.banner-image p { color:inherit; margin: 0.5em 0 1em; margin: 0 0 1em;}
.banner-image .intro { position:absolute; bottom: 1em; }

a.button-location { color:inherit; text-decoration:none; background: rgba(32, 32, 32, 0.5); display: inline-block; padding: 0.5em 1em; font-size: 14px; border-radius: 4px;font-family: 'AvenirLTStd-Light';    font-weight: normal; line-height: 1.4em; color: #FFF; background: none;     padding: 0;     margin: 0;}
a.button-location:before { content:"j"; font-family:"Kinetic"; padding-right:0.5em; font-weight:normal; font-size:12px; position:relative; top:1px; }
a.button-location:hover { opacity:0.6; }

.inner.content { padding-top:2em; padding-bottom:2em; z-index: 2;}

.col-left { width:60%; float:right; }
.col-right { width:40%; float:right; padding-left:3em; position: relative; z-index: 99999; top: -4em;}
.col-right .button { width:100%; }
.col-left .content { padding:1.5em 0 0 0; border-top: 3px solid rgba(0, 0, 0, 0.06); margin-top:1em; }

@media screen and (min-width:1000px){

    .col-right { width: 38%; }
    .col-left { width: 62%; }


}

.banner-image { border-radius:0; }

.promo { font-size: 14px; background:#FFF; border-radius: 4px; overflow: hidden; /* border-bottom: 4px solid rgba(0, 0, 0, 0.12); */ /* box-shadow: 0px 5px 20px rgba(195, 195, 195, 0.37); */ width: 100%; margin-bottom: 1em; clear: both; position: relative;}
.promo img { max-width: 100%; height:auto; border-bottom: 1px solid #EEE;}
.promo-image { text-align:center; font-size:0; line-height:0; position:relative;}
.promo-image a { /* display:block; */}
.promo-image:before { content: "n"; font-family:"Kinetic"; position:absolute; font-size: 24px; color:#FFF; top:0; left:0; padding: 1.3em 0.9em; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); opacity: 0;}
.promo-content { padding: 1em 1.5em; color: #6B6769;}
.promo-content p {  }
.promo-content h2, .promo-content h3, .promo-content h4 { color: #0AE; }
.promo-content .btnBlack { margin-top:0; margin-bottom:0.5em; background: #76C544; color:#FFF; }
.promo-content .btnBlack:hover { background: #68AE3C; }

@media screen and (min-width:801px){

    .promo-image { background:none Important; }

}
@media screen and (max-width:800px){

    .col-left { width:100%; }
    .col-right { width:100%; padding: 0; top: auto; margin-top: -3em;}

    .col-right .button { width:49%; clear:both; }
    .col-right .button:nth-child(2n) { float:right; clear:none; }

    .promo-image { width:50%; float:left; position: absolute; height: 100%; background: #EEE center no-repeat; background-size: auto 100%; background-size: cover;}
    .promo-content:last-child:not(:first-child) { float: right; width:50%; border: none; padding: 1.5em;}

    .promo-image:before { font-size:20px; }
    .promo img { border:none; opacity: 0; z-index: -99;}

    .mobile-only { display:block; padding-bottom: 1em;}
    .mobile-hide { display:none; }

    .video-wrapper { height:400px; }

}
@media screen and (max-width:600px){

    .col-right .button { width:100%; clear: both !important; float: none !Important;}
    .promo { font-size: inherit; margin-bottom: 2em; }
    .promo-image { position:relative; width:100%; float:none; border: none; background-image: none !important;}
    .promo-content { float:none; width:100% !important; padding: 1em 1.5em;}

    .promo img { border:none; opacity: 1; z-index:1;}

    .video-wrapper { height:300px; }

}

/* Team Section */
section.team { background: rgba(218, 218, 218, 0.38); }
section { padding: 2em 0 3em; }
section .intro { padding:1em 0; }

.intro h2,.intro h1 { margin-bottom: 0.2em;}

.member { width: 100%; float:left; font-size:14px; padding: 0 0.5em 1px; color: #6B6769;}
.member h4:first-of-type { margin-top:0.2em; }
.member h3 { margin-bottom:0.2em; }
.member-inner { background:#FFF; overflow: hidden; position: relative;}
.member-image { float:left; width: 160px; padding-right: 1.5em; position: absolute;}
.member-image img { max-width:100%; height:auto; border-radius: 0 0 4px 0;}
.member-content { width: 100%; float:left; padding: 1em 1em 1em 164px; }
.member:nth-child(2n+1) { clear:both;}

section.team .grid { margin: 0 -0.5em; }
section.team .grid.team-count-1 .member { width:100%; }

/* Projects */
section.project .grid { margin: 0 -0.5em; }

.projectBlock { padding: 0.5em; background:none; border: none; overflow:hidden;}
.projectBlock .project-inner { background:#FFF; position:relative; overflow: hidden; border-radius: 4px; /* border-bottom: 4px solid rgba(0, 0, 0, 0.12); */}
.projectBlock .project-inner:hover { }
.projectBlock .project-inner > a { display:block; line-height: 0; background: #0AE center no-repeat; background-size: auto 100%; background-size: cover; position: relative;}

.projectBlock h3 { font-size:1.2em; margin:0; padding: 0.7em 0.5em 0.5em; }
.projectBlock h3 a { color: #3D3739; }

@media screen and (max-width:1000px){

    body { font-size:14px; }
    .projectBlock { width:33.3%;  }
    .projectBlock:nth-child(4n+1) { clear:none; }
    .projectBlock:nth-child(3n+1) { clear:both; }
    .projectBlock .project-inner { min-height:100px; }
    .projectBlock h3 { font-size:1.1em; line-height:1.2; }

}
@media screen and (max-width:700px){

    .projectBlock { width:50%;  }
    .projectBlock:nth-child(3n+1) { clear:none; }
    .projectBlock:nth-child(2n+1) { clear:both; }
    .projectBlock h3 { font-size:1em; line-height:1.2; }

}
@media screen and (max-width:600px){

    body { font-size:13px; }
    h1,h2 { font-size:2em; }
    h3 { font-size: 1.3em; }

    .member-image { width: 80px; }
    .member-image img { }
    .member-content { padding-left: 80px;}
    .member-inner { overflow:visible; }

    * { letter-spacing:0 !important; }
    section { padding:1em 0; }

}

/* Services */
section.intro p { margin-top:0; color: #6B6769; font-family: 'AvenirLTStd-Light'; font-weight: normal; }
section.intro .icon-badge { margin: 15px 20px 0 0; }
section.intro { border-bottom: 3px solid rgba(0, 0, 0, 0.06); padding-bottom: 0; margin-bottom: 1em;}

#contentLeft section.intro { padding:0; margin-bottom: 2em; }

.icon-badge { font-family:"Kinetic"; display:inline-block; color:#FFF; background: #0AE; width: 80px; height: 80px; text-align:center; line-height: 80px; font-size: 2.6em; -moz-border-radius:      100px; -webkit-border-radius: 100px; border-radius: 100px; float: left; margin-bottom: 0; margin-right: 0.5em; /* text-shadow: 1px 1px 4px rgba(17, 122, 163, 0.54); */}
.project-inner .icon-badge { position:absolute; left:50%; background:none; font-size: 4em; width: 100%; height:auto; top:50%; margin: -0.5em 0 0 0; line-height: 1; left: 0;}

@media screen and (max-width:800px){

    section.intro .icon-badge { width: 150%; margin: -1em 0 1em 0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position: relative; left: -25%; padding: 1.5em 25% 1em; height: auto; line-height: 1; font-size: 3em;}

}
@media screen and (max-width:600px){

    .icon-badge { font-size:2em; width:60px; height:60px; line-height:60px; }
    .project-inner .icon-badge { font-size:4em; }

}

[data-icon]:before { position:relative; }
[data-icon="P"]:before { right:-0.2em; }
[data-icon="O"]:before { top:0.08em; }
[data-icon="M"]:before { top:0.14em; left:0.05em; font-size:1.1em; }

.services { padding: 1.5em 0 1em; border-top: 3px solid rgba(0, 0, 0, 0.06); margin-top: 1em; }
.service-tile { padding: 0 0 0 80px; background: #FFF; margin-bottom: 1px; /* overflow: hidden; */ -moz-box-shadow: 0px 4px 0px rgba(87, 87, 87, 0.04); position: relative; min-height: 80px; overflow: hidden;}
.service-tile:last-child { border:none; }
.service-tile h4 { margin: 0; }
.service-tile p { margin:0; line-height: 1.6;}
.service-tile div { padding: 2em 0.5em 1.5em 1.5em; position: relative;}
.service-tile a.btnBlack { margin: 0; border-radius: 4px; font-size: 11px; padding: 0.6em 0.8em;}
.service-tile .icon-badge { font-size:2em; width: 80px; line-height: 80px; -moz-border-radius: 0;     -webkit-border-radius: 0;     border-radius: 0; position: absolute; left: 0; top: 50%; height: 300px; line-height: 300px; margin-top: -150px;}

.service-tile:first-of-type, .member:first-of-type .member-inner { -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.service-tile:last-of-type, .member:last-of-type .member-inner { -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
.service-tile:first-of-type:last-of-type, .member:first-of-type:last-of-type .member-inner { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

@media screen and (max-width:600px){

    a.btnBlack { font-size:10px !important; }
    .service-tile a.btnBlack { width:auto; position: absolute; display:block; float: left; clear:both; margin: 0; bottom: 1.5em; }
    .service-tile div { padding-bottom:3.5em; padding-top: 1.2em; padding-left: 1.3em;}
    .service-tile p { line-height:1.4em; padding:0.5em 0 0; }
    .service-tile .icon-badge { width:60px; }
    .service-tile { padding-left:60px; }

}

/* Homepage Video Tile */
a.video-tile { position:relative; display:block; background: #201E1F; color: #FFF; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-perspective: 600;     -moz-perspective: 600;     perspective: 600;}
a.video-tile img { width:100%; height:auto; }
a.video-tile:after { content:""; position:absolute; width:100%; height:100%; background: rgba(42, 42, 42, 0.9); top:0; left:0; display: block; -moz-border-radius: inherit; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.8;}
a.video-tile span { position: absolute; top: 50%; width: 100%; text-align: center; line-height: 1.1; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index: 9; font-weight: normal;     font-family: 'AvenirLTStd-Light'; padding: 0 2em; font-size: 1em; z-index: 999; display: block;}
a.video-tile span:before { content: ""; display:block; margin:0px auto; margin-bottom:10px; font-size: 29px; text-transform: none;     font-family: "Kinetic"; content: "u"; width: 50px; padding-left: 5px; line-height: 50px; height: 50px; border-radius: 100px; border: 2px solid #FFF;}

a.video-tile:hover:after { opacity:1; }

.home .video-feature { padding-right: 35%; position:relative; }
.home .video-feature a.video-tile { position:absolute; right:0; width: 30%; line-height: 0;}

@media screen and (max-width:800px){

    .home .video-feature { padding-right:0; }
    .home .video-feature a.video-tile { position:relative; width:100%; max-width:500px; margin: 0 auto 3em; }
    .home h2 br { display:none; }
    a.video-tile span { font-size:1.2em; }

}


/* Modal Custom Styling */
.modal-is-open { overflow:hidden !important; }
#modal { position:fixed; width:100%; height:100%; top:0px; left:0px; overflow: hidden; z-index: 9999999999999999999; }
#modal .pageContent #modal { position:relative; height:auto; z-index:1; left:auto; top:auto; overflow:auto; }
#modal .close {

}
#modal .close:hover, #modal .close:focus { text-decoration:none; outline:none; }
#modal .close-overlay { position:fixed; background:none; width: 98%; height:100%; left:0px; top:0px; z-index:-1; }
#modal.keyboard-open { height:300%; }
#modal .modal-bkgd { background: url(../img/overlay-black.png); background: rgba(38, 169, 225, 0.88); width:100%; height:100%; position: absolute; top: 0; left: 0; z-index: 1;}
#modal .modal-content { margin: 0; width: 100%; height: 100%; position: relative; z-index: 2; overflow: auto; padding: 2em;}
#modal .modal-block { width: 100%; max-width: 800px; margin: 5% auto; position: relative;}
#modal .modal-item { width: 100%; margin: 0px auto; padding:20px; border-radius:4px; display: none;}
#modal .modal-item .ninja-forms-success-msg { display:none; }
#modal .modal-item.video { padding:0; background:none; box-shadow:none; }
#modal .modal-item iframe { width:100%; max-width:100%; border-radius:4px; box-shadow:0px 1px 2px rgba(0,0,0,0.6); height: 428px;}

#modal .close { position: fixed; top: 0; right: 0; background: rgba(0, 0, 0, 0.75); display:block; width: 50px; height: 50px; text-align:center; line-height:34px;  color: #FFF; z-index: 999; text-decoration: none; opacity: 1; font-size: 0; color: transparent;}
#modal .close:hover, #modal .close:focus { text-decoration:none; outline:none; background: rgba(0, 0, 0, 0.51); }
#modal .close:before, #modal .close:after { content:""; display: inline-block; width: 2px; height: 50%; background: rgba(255, 255, 255, 1); position:absolute; top: 25%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#modal .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#modal .m-modal-item .close { position:absolute; width:40px; height:40px; top:0; left: auto;   right: -40px;}
#modal .close-overlay { position:fixed; background:none; width:100%; height:100%; left:0px; top:0px; z-index:-1; display: none;}
#modal [class*="m-control-"]{ background: rgba(0, 0, 0, 0.35); display:block; width: 40px; height: 100%; display:block; top: 0; position: absolute; left: -40px; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#modal [class*="m-control-"].m-control-next { left:auto; right: -41px;}
#modal [class*="m-control-"]:before, #modal [class*="m-control-"]:after { content:""; display:block; width: 42%; height:2px; background:#FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position:absolute; top:50%; left:30%; margin-top:-14%; }
#modal [class*="m-control-"]:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top:14%; }
#modal [class*="m-control-"].m-control-next:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#modal [class*="m-control-"].m-control-next:after {  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#modal [class*="m-control-"]:hover { background:#000; }

@media screen and (min-width: 767px) { #modal .modal-block{ margin-top:10%;}  }
@media screen and (max-width: 400px) { #modal .modal-item{ padding:8px 10px; border-radius: 0; box-shadow:none;} .modal-block{ width: 98%; margin: 1%; padding-top: 45px;} .modal-bkgd{} #modal .close { top: 5px; right: auto; left: 0px;} }

#modal .modal-item { position: relative; padding: 0; padding-bottom: 53.15%; /* 16:9 */ padding-top: 25px; height: 0;}
#modal .modal-item iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

div.page p img { max-width:100%;height: auto;}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}


.post-cta{background:white;padding:30px;border-radius:3px;margin:36px 0 20px;}
.post-cta > *:first-child{margin-top:0px;}
.post-cta > *:last-child, .post-cta > *:last-child > a{margin-bottom:0px;}

@media screen and (max-width: 480px) { 
.post-cta{padding:20px;}

}