body { color: #333; font-weight: normal; line-height: 25px; font:14px 'Ubuntu','Arial',sans-serif}
* { box-sizing:border-box; }
p { margin:0 0 10px;}
img { max-width: 100%; }
::-moz-selection {
 text-shadow: none;
 background: #13a5bf;
 color:#fff;
}
body.bgClass{background:#f6f6f6 url(../images/kansas-city-fountain-lights.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
::selection { text-shadow: none; background: #13a5bf; color: #fff; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/*h1,h2,h3,h4,h5,h6 {font-family: 'HelveticaNeueLTCom-BdCn'; margin:0; font-weight:normal;text-transform:uppercase;}*/
h1,h2,h3,h4,h5,h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }
a, button { transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -ms-transition:all linear 0.3s; -o-transition:all linear 0.3s; text-decoration:none;}
a:hover, a:focus { outline:none; text-decoration: none; }
.container{ position: relative; width: 960px; margin: 0 auto; padding: 0;}
#main.boxed { background-color: #fff; max-width: 1000px;  width: 100%; margin: 0px auto; -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.3); box-sizing: border-box; }
.container .column, .container .columns { float: left; display: inline; margin-left: 10px;  margin-right: 10px; }
.entry-content img{ margin: 0 0 20px 0;}
.alignleft, img.alignleft{	margin-right: 20px; display: inline; float: left;}	
.alignright, img.alignright{ margin-left: 20px; display: inline; float: right;}
.aligncenter, img.aligncenter{	margin-right: auto;	margin-left: auto; display: block;	clear: both; text-align: center; }
/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }
.container .one-third.columns               { width: 300px; }
.container .two-thirds.column               { width: 620px; }
.container .one-fifth.columns				{ width:172px; }
.container .one-sixth.columns				{ width:140px; }
.container .one-seventh.columns				{ width:117px; }
/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }
/* Header ------------------------------------------------------------------------ */ 
/*top bar*/
#top-bar {
background-color: #fafafa;
border-bottom: 1px solid #dddddd;
}
#top-bar .call-us {
font-size: 11px;
line-height: 16px;
padding: 19px 0 17px;
}
#header { 
background: #ffffff;
}
#header .logo {
font-size: 20px;
line-height: 20px;
font-weight: 600;
}
#header .logo img { 
max-width: 100%;
height: auto;
}
#header .logo .logo_standard{
}
#header .slogan {
font-style: italic;
color: #999999;
}
#header .callus {
font-size: 12px;
margin-bottom: 5px;
color: #999999;
float: right;
}
#header .logo{ margin-top: 35px; margin-bottom: 30px; }
#header { background: #ffffff; border-bottom: 1px none #d8d8d8;}
#header #top-bar{ background: #fafafa; color: #777777;}	
#header .select-menu{ background: #ffffff; }
#header-searchform{ margin-top: 20.5px; }
#header.header4 #header-searchform2 {margin-top: 35px;}
/* Navigation ------------------------------------------------------------------------ */ 
#navigation > ul{ float: right; list-style: none; margin: 0;}
#navigation > ul > li{ display: block; float: left; position: relative; }
#navigation > ul > li > a { font-family: Ubuntu Condensed, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #3b3b3b; height: 75px; line-height: 75px; }
#navigation > ul > li > ul{ display: none; position:absolute;	top:100%; left:0; z-index:2000; background:#999999 !important;	padding:0px;
	-webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:0px 0px 3px 3px;
	   -moz-border-radius:0px 0px 3px 3px;
	        border-radius:0px 0px 3px 3px;
	border-top:3px solid #97C748; }
#navigation > ul > li > ul:before{ content: ""; border-left: 5px solid transparent;   border-right: 5px solid transparent; border-bottom: 7px solid #97C748; position: absolute; top: -10px; left: 15px; z-index: 999; width: 0; height: 0; }
#navigation > ul > li > ul > li > ul:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-right: 6px solid #97C748;  border-bottom: 5px solid transparent; position: absolute; top:20px; margin-top: -4px; left: -6px; z-index: 9999;}
#navigation > ul > li > ul > li > ul:before { content: ""; width: 2px; height: 100%;  background-color:#97C748; position: absolute; top: 0; left:0px; z-index: 9999;}
#navigation > ul > li > ul > li, #navigation > ul > li > ul > li > ul li{  border-color: #ffffff;  display: block; margin: 0; position: relative; padding: 0 15px; height: auto; list-style: none;
background-image: linear-gradient(bottom, rgb(247,247,247) 0%, rgb(255,255,255) 35%);
background-image: -o-linear-gradient(bottom, rgb(247,247,247) 0%, rgb(255,255,255) 35%);
background-image: -moz-linear-gradient(bottom, rgb(247,247,247) 0%, rgb(255,255,255) 35%);
background-image: -webkit-linear-gradient(bottom, rgb(247,247,247) 0%, rgb(255,255,255) 35%);
background-image: -ms-linear-gradient(bottom, rgb(247,247,247) 0%, rgb(255,255,255) 35%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(247,247,247)), color-stop(0.35, rgb(255,255,255)) ); }
#navigation > ul > li > ul > li:last-child{ border: none;}
#navigation > ul > li > ul > li a { border: none !important; display: block;         width: 170px; margin: 0; padding: 0px; color: #3b3b3b; line-height: normal;          font-weight: normal !important; height: auto; line-height: 42px; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #3b3b3b; }
#navigation > ul > li > ul > li a:hover{ color:#A2C852 !important; font-weight:normal; }
#navigation > ul > li:hover > ul{ display: block;}
#navigation > ul > li > ul > li > ul{  position:absolute; top:0; left:100%; z-index:2000; background:#fff !important; padding:0px; margin:0; display: none;
	-webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:0px 0px 3px 3px;
	   -moz-border-radius:0px 0px 3px 3px;
	        border-radius:0px 0px 3px 3px; }
#navigation > ul > li > ul > li:hover > ul{ display: block; }
#navigation > ul > li > ul{ background: #ffffff !important; border-color: #97C748; }
#navigation .sub-menu:before {border-bottom-color: #97C748;}
#navigation .sub-menu li a,
html body #navigation .sub-menu li .sub-menu li a,
html body #navigation .sub-menu li .sub-menu li .sub-menu li a { font-family: Ubuntu, Arial, Helvetica, sans-serif; /* normal Body font for Dropdowns */ font-size: 14px; font-weight: normal; color: #3b3b3b; }
.toggle-button-row{ padding: 8px 10px;	background: #eeecec; display: none; }
#navigation .sub-menu li{ }
#navigation .sub-menu li a:hover,
#navigation .sub-menu li.sfHover > a,
#navigation .sub-menu li.current-menu-parent > a,
#navigation .sub-menu li .sub-menu li a:hover,
#navigation .sub-menu li.current-menu-item a,
#navigation .sub-menu li.current-menu-item a:hover,
#navigation .sub-menu li.current_page_item a,
#navigation .sub-menu li.current_page_item a:hover { color: #97C748 !important; }
#navigation .menu > li > .sub-menu:before { border-bottom-color:#97C748}
#navigation .menu > li .sub-menu > li.sfHover:after {border-left-color: #97C748;}
#navigation .menu > li .sub-menu > li.sfHover:before {background-color: #97C748;}
/* Sub-menu ---------------------------------------------------- */
#navigation .menu > li:hover > .sub-menu{ display: block; }
#navigation .sub-menu li ul {
    top: -1px;
    left: 201px;
    border-top: none;
}
#navigation .select-menu {
display: none;
color: #525252;
font-family: 'bitter';
}
#navigation > ul > li > a {
height: 87px;
display: block;
float: left;
margin: 0 0 0px 25px;
padding: 0px;
line-height: 90px;
font-size: 18px;
color: #3b3b3b;
}
.header3 #navigation .menu > li > a{
padding-left: 12px !important;
padding-right: 12px !important;
margin: 0 0 0px 1px !important;
}
#navigation ul li a:hover {
color: #a2c852;
}
/* Standard Title ---------------------------------------------------- */
#title {
    border-top: 1px solid #d8d8d8;
}
#title .inner {
    padding: 17px 0;
    background-color: #fafafa;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}
#title h1 {
    font-size: 24px;
    line-height: 28px;
    color: #3b3b3b;
    margin: 0;
}
#title h2 {
    display: block;
    font-weight: lighter;
    color: #aaaaaa;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
#title #breadcrumbs {
    font-size: 13px;
    text-align: left;
    color: #c6c6c6;
    line-height: 28px;
    padding: 0;
    margin: 0;
}
#title #breadcrumbs.breadrcumbpadding { padding-top: 0px; }
#title #breadcrumbs a { color: #aaaaaa; }
#title #breadcrumbs a:hover { color: #a2c852; }
#title h1, #alt-title h1 { font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal; color: #2253A2; }
#title h2, #alt-title h2, 
#title #breadcrumbs, #no-title #breadcrumbs, 
#alt-title #breadcrumbs, #no-title { font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #c6c6c6; }
#title #breadcrumbs, 
#alt-title #breadcrumbs { color: #c6c6c6; }
#title #breadcrumbs a, 
#alt-title #breadcrumbs a, 
#no-title #breadcrumbs a { color: #c6c6c6; }
#title #breadcrumbs a:hover, 
#alt-title #breadcrumbs a:hover, 
#no-title #breadcrumbs a:hover { color: #97C748; }
#sidebar .widget h3 { font: normal 18px Bitter, Arial, Helvetica, sans-serif; color: #525252; }
#alt-title .grid, #title .inner {
padding: 17px 0 17px 0;
background: rgba(255,255,255, 0.8);
}
#main {
background: rgba(255,255,255, 80);
}	
/* Footer------------------------------------------------------------------------ */ 
#footer {
    border-top: 10px solid #333333;
    padding: 40px 0;
    background: #444444;
    color:#999999;
}
#footer a{
color:#999999;
}
#footer a:hover{
color:#ffffff;
}
#footer .widget { }
#footer .widget h3 {
    font-size:18px;
    color: #BEBEBE;
    text-transform: capitalize;
    padding:0 0 5px 0;
    margin: 0 0 20px 0;
}
/* ------------------------------------------------------------------------ */
/* 26. Copyright
/* ------------------------------------------------------------------------ */
#copyright {
    padding: 5px 0;
    background: #222222;
    color:#777777;
}
.wrap-table {
    display: table;
}
.cell {
    vertical-align: middle;
    display: inline-block;
    display:table-cell !important;
    float: none !important;
}
#copyright a { color: #888888 }
#copyright a:hover { color: #ffffff }
#copyright .copyright-text { 
    padding: 10px 0 10px 0; 
}
#copyright .social-icons {
    float: right;
    font-size: 11px;
    margin: 5px 0 0 0;
}
#footer{ border-top: 10px solid #5f5f5f; } 
#footer{ border-top-color: #5f5f5f; background: #393939; color:#878787; }
#footer a{ color:#878787; }
#footer a:hover{ color:#bebebe; }
#footer .twitter-list a {color:#bebebe;}
#footer .widget h3 { font-family: Bitter, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal !important; color: #bebebe !important; border-bottom:1px none #676767; }
#footer .widget {color: #878787;}
/* Copyright ------------------------------------------------------------------------ */ 
#copyright { background: #222222; color: #777777; }
#copyright a { color: #888888; }
#copyright a:hover { color: #ffffff; }
/* Forms ------------------------------------------------------------------------ */ 
input[type="text"], input[type="password"], input[type="email"], textarea, select, button, input[type="submit"], input[type="reset"], input[type="button"] { font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 14px; }
/* Accent Color ------------------------------------------------------------------------ */ 
.social-icon a:hover, .social-icons a:hover{background-color: #F7A031 !important;}
::selection, .big_button_green a { background: #F7A031 !important; }
::-moz-selection { background: #F7A031 }
.tab a.selected h5, .tab a:hover h5 {border-color: #F7A031; }
.highlight, .title a:hover, .post-meta span a:hover { color: #F7A031 }
#filters ul li a.active, #filters ul li a:hover {border-top:2px solid #F7A031;}
.portfolio-item:hover .portfolio-title a h4, .big_green{ color: #F7A031 !important;}
.projects-nav a:hover { background-color: #F7A031 }
.post-navigation a:hover, .sidenav li a:hover, 
.sidenav li.current_page_item a, 
.sidenav li.current_page_item a:hover { color: #F7A031 }
#back-to-top a:hover, .button, input[type=submit] { background-color: #F7A031 }
.widget_tag_cloud a:hover { background: #F7A031; border-color: #F7A031; }
.widget_flickr #flickr_tab a:hover { background: #F7A031; border-color: #F7A031; }
.widget_portfolio .portfolio-widget-item .portfolio-pic:hover { background: #F7A031; border-color: #F7A031; }
#footer .widget_tag_cloud a:hover,
#footer .widget_flickr #flickr_tab a:hover,
#footer .widget_portfolio .portfolio-widget-item .portfolio-pic:hover,
.flex-direction-nav a:hover { background-color: #F7A031 }
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active{ background: #F7A031 }
a.button.alternative-1 { background: #F7A031; border-color: #F7A031; }
.gallery img:hover { background: #F7A031; border-color: #F7A031 !important; }
.skillbar .skill-percentage { background: #F7A031 }
.latest-blog .blog-item:hover h4 { color: #F7A031 }
.tp-caption.big_colorbg{ background: #F7A031; }
.tp-caption.medium_colorbg{ background: #F7A031; }
.tp-caption.small_colorbg,
.latest-blog-list .blog-list-item-date span { background: #F7A031; }
.tp-caption.customfont_color{ color: #F7A031; }
.tp-caption a { color: #F7A031; }
.widget_categories ul li a:hover, #related-posts ul li h5 a:hover { color: #F7A031; }
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-color: #F7A031; }
.member .member-social{ background-color: rgba(247,160,49,0.7); }
.portfolio-item .portfolio-pic .portfolio-overlay,
.portfolio-item-one .portfolio-pic .portfolio-overlay, .overlay {background-color: rgba(247,160,49,0.7);}
.portfolio-item .portfolio-page-item .portfolio-title a:hover { color: #F7A031;}
.post a.more::after,
.iconbox a:hover::after, 
a.more:hover::after {background-color: #F7A031;}
.post a.more:hover, .iconbox:hover i {color: #F7A031;}
.callout, .description.style-2 {border-left-color:#F7A031;}
.tabset.horizontal .tab a.selected, .tabset.horizontal .tab a:hover { border-top-color:#F7A031;}
.tabset.vertical .tab a.selected, .tabset.vertical .tab a:hover { border-left-color:#F7A031;}
.toggle .toggle-title .status-icon:before {color:#F7A031;}
#header.header6 .logo_bg {background-color: #F7A031;}
#top-bar .call-us {
font-size: 14px;
font-weight: bold;
}
#navigation > ul {
margin: 100px 0 0;
}
#navigation .sub-menu {
top: -60px;
}
#navigation ul li {
height: 40px;
}
#navigation ul li a {
height: 40px;
line-height: 40px;
}
#title h1 {
line-height: 48px;
}
.button.blue {
background-color: #2253A2;
}
.button.medium {
font-size: 16px;
}
.post-meta {
display: none;
}	
/* ------------------------------------------------------------------------ */
/* 09. Social Icons */
/* ------------------------------------------------------------------------ */
.social-icons ul{
	list-style: none;
	margin: 0;
}
.social-icons ul li{
display:block;
float: left;
margin:0;
padding:0;
}
.social-icons ul li a{
-webkit-transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
        -o-transition:all 0.2s ease 0s;
        transition:all 0.2s ease 0s;
display:block;
width:30px;
height:29px;
border-top:1px solid #525252;
text-indent:-9999px;
background-color: #434343 !important;
-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
        border-radius: 3px;
background-position: center auto;
background-repeat: no-repeat;
margin-left: 10px;
margin-bottom: 10px;
}
.social-icons ul li.light a{
background-color: #505050;
border:0;
height:30px;
-webkit-box-shadow:0px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 3px 0px rgba(0, 0, 0, 0.2);
        box-shadow:0px 3px 0px rgba(0, 0, 0, 0.2);
}
.social-icons.top-icons {
margin-top: 12px;
}
#copyright .social-icons ul li a{
opacity: 1;
}
.social-icons a:hover{
background-color: #A2C852 !important;
opacity: 1;
}
.social-facebook a { background: url(../images/facebook.png) no-repeat 0 0 }
.social-facebook.light a, .light .social-facebook a { background: url(../images/facebook-light.png) no-repeat}

.social-rss a { background: url(../images/rss.png) no-repeat 0 0 }
.social-rss.light a, .light .social-rss a{ background: url(../images/rss-light.png) no-repeat}
.container .four.columns{ width: 220px; }
.inner-content input[type=text]:not(.crdInput):not(.crdInputSplit),.inner-content input[type=password]:not(.crdInput):not(.crdInputSplit){ -moz-box-sizing: initial; -ms-box-sizing: initial; -o-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial;}
/* Accent Color ------------------------------------------------------------------------ */ 
.social-icon a:hover, .social-icons a:hover{background-color: #F7A031 !important;}
::selection, .big_button_green a { background: #F7A031 !important; }
::-moz-selection { background: #F7A031 }
.tab a.selected h5, .tab a:hover h5 {border-color: #F7A031; }
.highlight, .title a:hover, .post-meta span a:hover { color: #F7A031 }
#filters ul li a.active, #filters ul li a:hover {border-top:2px solid #F7A031;}
.portfolio-item:hover .portfolio-title a h4, .big_green{ color: #F7A031 !important;}
.projects-nav a:hover { background-color: #F7A031 }
.post-navigation a:hover, .sidenav li a:hover, 
.sidenav li.current_page_item a, 
.sidenav li.current_page_item a:hover { color: #F7A031 }
#back-to-top a:hover, .button, input[type=submit] { background-color: #F7A031 }
.widget_tag_cloud a:hover { background: #F7A031; border-color: #F7A031; }
.widget_flickr #flickr_tab a:hover { background: #F7A031; border-color: #F7A031; }
.widget_portfolio .portfolio-widget-item .portfolio-pic:hover { background: #F7A031; border-color: #F7A031; }
#footer .widget_tag_cloud a:hover,
#footer .widget_flickr #flickr_tab a:hover,
#footer .widget_portfolio .portfolio-widget-item .portfolio-pic:hover,
.flex-direction-nav a:hover { background-color: #F7A031 }
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active{ background: #F7A031 }
a.button.alternative-1 { background: #F7A031; border-color: #F7A031; }
.gallery img:hover { background: #F7A031; border-color: #F7A031 !important; }
.skillbar .skill-percentage { background: #F7A031 }
.latest-blog .blog-item:hover h4 { color: #F7A031 }
.tp-caption.big_colorbg{ background: #F7A031; }
.tp-caption.medium_colorbg{ background: #F7A031; }
.tp-caption.small_colorbg,
.latest-blog-list .blog-list-item-date span { background: #F7A031; }
.tp-caption.customfont_color{ color: #F7A031; }
.tp-caption a { color: #F7A031; }
.widget_categories ul li a:hover, #related-posts ul li h5 a:hover { color: #F7A031; }
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-color: #F7A031; }
.member .member-social{ background-color: rgba(247,160,49,0.7); }
.portfolio-item .portfolio-pic .portfolio-overlay,
.portfolio-item-one .portfolio-pic .portfolio-overlay, .overlay {background-color: rgba(247,160,49,0.7);}
.portfolio-item .portfolio-page-item .portfolio-title a:hover { color: #F7A031;}
.post a.more::after,
.iconbox a:hover::after, 
a.more:hover::after {background-color: #F7A031;}
.post a.more:hover, .iconbox:hover i {color: #F7A031;}
.callout, .description.style-2 {border-left-color:#F7A031;}
.tabset.horizontal .tab a.selected, .tabset.horizontal .tab a:hover { border-top-color:#F7A031;}
.tabset.vertical .tab a.selected, .tabset.vertical .tab a:hover { border-left-color:#F7A031;}
.toggle .toggle-title .status-icon:before {color:#F7A031;}
#header.header6 .logo_bg {background-color: #F7A031;}
#page-wrap {
    padding: 25px 0 45px 0;
}
#zoneToolBar form, #zoneToolBar select{margin:0;}