@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);

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

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:focus {
    outline: none;
}

figcaption,figure,footer,header,hgroup,nav,section,img {
    display: block;
}

img {
    border: 0;
}

body {
	font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
	font-weight:normal;
    background-color: #f1f1f1;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

a {
    color: #286B87;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

a:hover {
    /*color: #838383;*/
    text-decoration: none;
}
.clear {
	clear:both;	
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Noto Sans', sans-serif;
    color: #444;
    text-rendering: optimizeLegibility;
}
h1 {
	color:#224877;	
	padding:0 0 0 0;	
	margin:18px 0 0 0;
	font-size:24px;
}
h2 {
	font-size:20px;	
	margin:13px 0 7px 0;
}
h3 {
	color:#19556f;
	font-size:17px;	
	margin:3px 0 4px 0;
	font-weight:500;
}
h4 {
	color: #000;
	font-size: 17px;
	line-height: 22px;
	margin: 3px 0 9px;
	padding: 0 0 4px;
}
/**,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/
#header {
	background-color:#FFF;	
	height:90px !important;
}
.navbar {
	border-radius: 0;
	margin: 0 0 0 0; /* was 6 for top */
	padding: 0;
	background-color:#FFF;	
	height:80px !important;
}
.navbar>.container .navbar-brand {
	margin-left: 0;
}
/*.navbar-brand {
	height: 40px;
	padding: 9px 10px 9px 5px;
}*/
.navbar-brand:focus {
	outline: 0;
}
.navbar-custom.top-nav-collapse .overNavCallouts {
  margin: 13px 0 10px;
}
.navbar-custom.top-nav-collapse.navbar-custom {
	padding: 12px 0 0 0;
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
	margin-top:-1px !important;
}


/*.navbar-custom.top-nav-collapse.navbar-fixed-top {
	display:none;
}*/


/*.navTopTest {
  position: relative;
  right: 0;
  left: 0;
  z-index: 830;
  top: 0;
  border-width: 0 0 1px;
}*/

.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}

.navbar-custom ul.nav ul.dropdown-menu {
	border-radius: 0;
	background: #FFF;
}
.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #C1D7AF;
}
.navbar-custom ul.nav ul.dropdown-menu li:last-child {
	border-bottom: none;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
	background: #FFF;
	color: #323232;
}
.navbar-custom ul.nav ul.dropdown-menu li a:before,
.navbar-custom ul.nav ul.dropdown-menu li a:after {
	content:"";
}
.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #8CADCD;
}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
	background-color:#fff;	
}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a:hover {
	background-color:#8CADCD;	
}
.dropdown-menu {
	padding:0;
}
.navbar-custom ul.nav li a {
    font-size: 14px;
    color: #787878;
	font-weight:500;
	letter-spacing: 1px;
    padding: 14px 15px;
	margin-top:1px;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	/*border:1px solid #fff;
	border-radius: 3px;*/
}
.navbar-toggle {
	padding: 13px 6px 6px;
	font-size: 20px;
	color: #8CADCD;
	z-index:200;
}
.navbar-custom.top-nav-collapse .navbar-toggle {
	padding: 8px 6px 6px;
}

.navbar-toggle:focus, .navbar-toggle:active {
	outline: 0;
}

.navbar-custom ul.nav li a:hover {
    color: #004990;
}
.navbar-custom.top-nav-collapse.navbar-custom {
	margin: 0;
}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
	outline: 0;
	/*background-color: rgba(255,255,255,.5);*/
}
.navbar-custom .nav li.active a {
    color: #02374D;
    background: #E7E7E7;
	border-radius: 3px;
	text-decoration:none;
	/*border:1px solid #c7c7c7;
	padding:13px 18px 14px 15px !important;
	margin:1px 6px 0 0;*/
}
/* had to take from bootstrap.css to get to work properly */
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  /*background-color: #c1d7af !important;  dark option #631910; orange: ff9715 */
}
.navbar-custom.top-nav-collapse .navbar-right {
	margin:1px 0 0 0 !important;
}

.navbar-right {
    clear: right;
	margin:31px 0 0 0 !important;
}
.navbar-collapse .navbar-nav {
	margin: -3px 0 0 0 !important; /* was -10 */
	background-color:#fff;
}
/* end code to fix nav */
.overNavCallouts {
	float:right;
	margin:7px 14px 10px 0;	
}
.overNavCallouts p a {
	display:inline;
	margin:0 0 0 40px;
	padding:6px 10px;	
	font-size:15px;
	border-radius:3px;
	background-color:#8CADCD;
	color:#fff;
}
.overNavCallouts p a:hover {
	background-color:#224877;
}
p.mobileCallout a {
	background-color: #8CADCD;
	border-radius: 3px;
	color: #fff;
	display: inherit;
	font-size: 15px;
	margin: 5px 0;
	padding: 6px 10px;
}
.goodnessLogoHP {
	float: right;
	margin: 0;
}
.goodnessLogo {
	float: none;
	margin: 22px auto 0;
}
/* Effect 13: three circles */
/*nav li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}*/

.cl-effect-13 li {
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	display:inline;
}
.cl-effect-13 li a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
/*.cl-effect-13 li.active {
	color:#01A70F;
}*/
/*.cl-effect-13 li.active {
	text-decoration:underline;
}*/

.cl-effect-13 li a::before {
	position: absolute;
	top: 64%; /* adjusts how close to nav */
	left: 50%;
	color: transparent;
	content: '•';
	/*visibility:hidden;*/
	text-shadow: 0 0 transparent;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

/*.cl-effect-13 li.active:hover {
	content: '';
	text-decoration:none !important;
}*/
.cl-effect-13 li a:hover::before,
.cl-effect-13 li a:focus::before {
	color: #004990;
	text-shadow: 10px 0 #004990, -10px 0 #004990;
	/*visibility:visible;
	text-decoration:none !important;*/
}

.cl-effect-13 li a:hover,
.cl-effect-13 li a:focus {
	color: #004990;
}

/* border effect around callouts */
/*a, a > span, span {
  position: relative;
  color: inherit;
  text-decoration: none;
}*/
a:before, a:after, a > span:before, a > span:after, span:before, span:after {
  /*content: ''; can't have this for the project contact panel's close button - just use a class name for border effect for implementation */
  /*position: absolute;
  transition: transform .5s ease;*/
}

.effect-2 {
	display:flex;
	/*display:inline-block;*/
  padding:0 0 10px 0;
  margin:25px 0 0 0;
}
.effect-2:before, .effect-2:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: #B5D5DD;
}
/*.effect-2:before, .effect-2:after {
  left: 0;
  top: 45px;
  width: 100%;
  height: 85%;
  border-style: solid;
  border-color: #B5D5DD; /* 0883a4 /
}*/
.effect-2:before {
  border-width: 1px 0 1px 0;
  transform: scaleX(0);
}
.effect-2:after {
  border-width: 0 1px 0 1px;
  transform: scaleY(0);
}
.effect-2:hover:before, .effect-2:hover:after {
  transform: scale(1, 1);
}

/* homepage */
.aboutContact {
	/*background:url(../images/general/tweed-green.png) repeat 0px 0px;*/
	padding:0 0 20px 0;
	margin:0;
}
.aboutContact p {
	padding:47px 0 0 0;
	margin:0;
}
.sampleWork {
	background:url(../images/general/sampleWorkBkgd3.png) repeat 0px 0px;
	padding: 0 0 28px; /* was 0 with button callout */
	border-top:#224877 solid 3px;
	margin:33px 0 0 0;
}
.sampleWork img {
	width:100%;
}
.sampleWork>div {
	padding:0;
}
.sampleWork h3 a {
	color:#F5F5F5;
	font-weight:bold;
}
.sampleWork h3 a:hover {
	color:#8CADCD;
}
.caseStudy {
	background-color:#B6CCE0;
	padding:0 41px 0 0;	
}
.caseStudy p {
	padding: 0;	
	font-size:17px;
}
.caseStudyCallout {
	color:#fff;
	background:#154055;
	padding:11px 14px;
	margin:12px 0 15px 0;
	border-radius:3px;
	display:inline-block;
	font-size:15px;
}
.caseStudyCallout:hover {
	background:#0E3142;
	color:#fff;
}

/* testimonials */
.first {
	padding:0 0 33px 0;
}
.testimonials {
	background-color:#aaaaaa;
	padding-left:35px;	
}
.testimonials p{
	color:#fff;	
}
p.topReview {
	float:right;
	display:block;
	max-width:160px;
	padding:12px 38px 12px 12px;
	border-left: 1px solid #224877;
	min-height:90px;
	color:#393939;	
	margin-left:20px;
}
p.secondReview {
	float:left;
	display:block;
	max-width:160px;
	padding:12px 12px 12px 38px; /* 6% 12px will vertically align text */ 
	border-right: 1px solid #224877;
	min-height:90px;
	color:#393939;	
	text-align:right;
	margin-right:20px;
}
p.secondReview + p {
	padding-right:40px;
	display:table;
}
.testimonials, .caseStudy {
	display:inline-block;	
}
/*.testimonials h3, .caseStudy h3 {
	font-size:18px;	
	padding:14px 0 10px 0;
	text-decoration:underline;
}*/
.centerContainer {
	margin:0 auto;
	text-align:center;	
}
.centerContainer h3 {
	color:#E5E5E5;
	padding:0;
	margin:30px 0 19px 0;
	font-size:23px;
}
h3.testimonial span {
	color:#8FB6E5;
	margin:30px 0 0 0;
}
.centerContainer p {
	color:#E5E5E5;
	padding:0 8px 33px 8px;
	margin:0 auto;
	font-size:16px;
	max-width:650px;
	text-align:left;
}
.bigButton {
	color:#312f2f;
	background:#8CADCD;
	padding:14px 21px;
	margin:22px 0 15px 0;
	border-radius:3px;
	display:inline-block;
	font-size:19px;
	/*text-decoration:underline;*/
}
.bigButton:hover {
	color:#323232;
	background:#D3DEE9;
}
h3.caseStudyCompany {
	font-size:22px;	
	color:#224877;	
	padding:18px 0 5px 0;
	margin:0 0 6px 0;
	border-bottom:solid 1px #224877;
	display:inline-block;
}
h3.caseStudyCompany span {
	color:#fff;	
	font-size:14px;	
}

/* case Study */
.caseStudyHP-Bkgd {
	background-color: #414f55;
}
.caseStudyHP {
	margin: 0;
	width: 100%;
}
.caseStudyHP a {
	color: #333;
	float: left;
	width: 100%;
}
.caseStudyHP figure {
	position: relative;
	overflow: hidden;
	margin: 0;
}
.caseStudyHP figure figcaption {
	border: none;
}
.caseStudyHP figure img {
	display: block;
	height: 100%;
	margin-top: 60px;
	opacity: 1;
	position: relative;
	/*transition: opacity 0.3s ease 0s;*/
	width: 100%;
	padding:0 1px 0 0;
}
.caseStudyHP figcaption {
	position: absolute;
	top: 0;
	z-index: 11;
	padding: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
}
.caseStudyHP figcaption h2 {
	border-bottom: 1px solid #8cadcd;
	color: #8cadcd;
	font-size: 22px;
	margin: 0 0 20px;
	transition: transform 0.3s ease 0s;
	display: inline-block;
}
.caseStudyHP figcaption p {
	color: #f3f7fb;
	font-size: 17px;
	margin: 0 auto;
	max-width: 450px;
	padding: 0 20px;
	text-align: center;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.caseStudyHP figcaption h2, .caseStudyHP figcaption p {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
/*.caseStudyHP button {
	position: relative;
	padding: 4px 20px;
	border: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}*/
.caseStudyHP figcaption, .caseStudyHP figcaption h2, .caseStudyHP figcaption p, .caseStudyHP figure button {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.caseStudyHP figure button {
  background: #8CADCD none repeat scroll 0 0;
  /*border: 3px solid #fff;*/
  border:none;
  color: #fff;
  left: 50%;
  opacity: 0;
  top: 50%;
  border-radius:3px;
	transition: opacity 0.3s, transform 0.3s;
  transform: translateY(12px);
}
/* Style for SVG */
.caseStudyHP svg {
	position: absolute;
	top: -1px; /* fixes rendering issue in FF */
	z-index: 10;
	width: 100%;
	height: 100%;
}
.caseStudyHP svg path {
	fill: #323232;
}
.caseStudyHP svg data-path-hover {
	display:none;
}
/* Hover effects */
@media (min-width: 1025px) {
.caseStudyHP a:hover figure img {
	opacity: 1;
}
.caseStudyHP a:hover figcaption h2, .caseStudyHP a:hover figcaption p {
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.caseStudyHP a:hover figcaption p {
	opacity: 0;
}
.caseStudyHP a:hover button {
	opacity: 1;
	transform: translateY(80%);
}
/*.caseStudyHP button:hover {
  background: transparent none repeat scroll 0 0;
  border: 3px solid #fff;
  color: #fff;
  left: 50%;
  opacity: 0.5;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.25);
}*/
}

.caseStudyTitle {
	padding: 29px 0 8px;
	margin: 0 auto;
	text-align: center;
}
.caseStudyTitle h3 {
	font-size: 26px;
	color: #444;
}

/* Media Queries */
/* Let's redefine the width of each anchor and the margins */


@media screen and (max-width: 768px) {
/*.caseStudyHP {
	max-width: 500px;
}
.caseStudyHP a {
	width: 50%;
}*/
.caseStudyHP figcaption h2 {
	margin-bottom: 6px;
	font-size: 20px;
}
.caseStudyHP figcaption p {
	margin: 0;
	padding: 0 10px;
	font-size: 16px;
}
}

@media screen and (max-width: 480px) {
/*.caseStudyHP {
	max-width: 250px;
}*/
.caseStudyHP a {
	width: 100%;
}
}
/* end case Study */
/* end home */
.openingStatement {
	/*background:#c1d7af;
	background:url(../images/general/tweed.png) 0 0 repeat;*/
	margin: 33px auto 0;
	border-bottom:#C9C9C9 solid 1px;
}
.openingStatement.noBanner {
	margin: 0 auto 0;
  border-bottom:none;
}
.openingStatement p {
	color: #343f41;
	font-size: 17px;
	margin: 9px auto;
	max-width: 750px;
	text-align: center;
	padding:0 0 23px 0;
}
.openingStatement a {
	color: #5da1e3; /* 8CADCD 224877 */
}
.openingStatement a:hover {
	color: #323232;
	border-bottom:#8CADCD solid 1px;
}
.openingStatement.noBanner p {
	margin: 0 auto 9px auto;
}
.openingStatement.white p{
	color:#fff;	
}
.openingStatement ul {
	margin:15px auto 46px;
	text-align:center;	
}
.openingStatement ul li {
	display:inline;
	padding:4px 39px;	
	text-transform:uppercase;
	font-size:20px;
}
.openingStatement ul li a {
	color:#224877;
}
.openingStatement ul li a:hover {
	color:#323232;
}
.sectionTitle p {
	color: #343f41;
	font-size: 17px;
	margin: 23px auto 0 auto;
	max-width: 650px;
	text-align: center;
	padding:0;
}
.iconFix {
	display:block;
}
/***** banner *****/
/*
- used with one banner - with flex slider
li.banner {
	background:url(../images/homepage/banner/mpx-marketing-color-add.jpg) 50% 0 no-repeat;
	height:430px;
	width:1680px; - commented out
}*/
.hpBanner {
	background:url(../images/homepage/banner/remedy-outdoor.jpg) 50% 0 no-repeat;
	height:430px;
	/*width:1680px;*/
}
.hpBkgd {
	background-color:#1e1e1e;
	height:389px;
	margin:0 0 73px 0;
	/*background:url(../images/general/extended-bkgd.jpg) repeat-x 0 0;*/
}
.webDigital {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/digital.jpg) 50% 0px no-repeat;
	width: 100%;
}
.inspire {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/inspire.jpg) 50% 0px no-repeat;
	width: 100%;
}
.marketingServices {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/marketing-services.jpg) 50% 0px no-repeat;
	width: 100%;
}
.team {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/team.jpg) 50% 0px no-repeat;
	width: 100%;

}
.goodness {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/goodness.jpg) 50% 0px no-repeat;
	width: 100%;
}
.letsTalk {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/lets-talk.jpg) 50% 0px no-repeat;
	width: 100%;
}
.deliver {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/deliver.jpg) 50% 0px no-repeat;
	width: 100%;
}
.discover {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/discover.jpg) 50% 0px no-repeat;
	width: 100%;
}
.aboutUs {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/about-us.jpg) 50% 0px no-repeat;
	width: 100%;
}
.non-existent {
	height:310px;
	/*width:1680px;*/	
	background:url(../images/sub-pages/banners/non-existent-page.jpg) 50% 0px no-repeat;
	width: 100%;
}
.subPageBanner {
	background-color:#1e1e1e;
	height:269px;
	margin:0 0 73px 0;
	/*width: 100%;
	background:url(../images/general/extended-bkgd-subpg.jpg) repeat-x 0 0;*/
}
.caption {
    position:relative;
    width: 100%;
	padding: 85px 0 0 0;
	text-align:center;
    z-index: 10;
}
.hp-caption {
    position:relative;
	padding: 195px 0 0 0;
}

.caption h1.title {
    font-size: 43px;
    font-weight: bold;
    margin: 0 auto 17px auto;
    color: #fff;
	letter-spacing:1px;
	text-transform:uppercase;
	max-width:1000px;
	text-shadow: 2px 2px #393939;
}
.caption p {
    font-size: 39px;
    font-weight: bold;
    margin: 0 0 8px 0;
    color: #fff;
	line-height:29px;
	text-shadow: 2px 2px #393939;
}
/* end banners */

/* contact form */
#contact_form {
	padding: 0 5px 0 9px;
}
#contact_form span {
	color: #4e4e4e;
}
.mpxForm h2:first-child {
	font-weight:bold;
}
.gmap-area {
	background-image: url("../images/map.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 0;
}
.gmap-area .gmap iframe {
	border-radius: 50%;
	height: 460px;
	width: 500px;
}
.gmap {
	border: 3px solid #8CADCD;
	height: 460px;
	width: 500px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.gmap-area .map-content ul {
	list-style: none;
}
.gmap-area .map-content address h5 {
	font-weight: 700;/* font-size: 16px; */
}

@media (max-width:480px) {
.map {
	position: relative;
	top: 500px;
	float: right !important;
}
.mpxForm {
	position: relative;
	top: -660px;
	float: right !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.gmap {
	max-width: 440px;
}

}
@media (max-width: 480px) {
.gmap {
	width:auto;
	max-width: 370px;
}
}

/* team */
.rowDetails{
	padding: 20px;
}
.mpx-container {
	filter: alpha(opacity=0);
	font-family: empty;
	font-size: 0px;
	opacity: 0.0;
	position: relative;
	width: 100%;
	zoom: 1;
}
.mpx-container > * {
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
}
.mpx-container img {
	max-width: 100%;
	float:right;
}
.mpx-item {
	display: inline-block;
 *display: inline;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 !important;
}
.mpx-thumbnail {
	height: 100%;
	text-align: center;
	position: relative;
	width: 100%;
}
.mpx-arrow {
	border-bottom: 10px solid;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: -15px;
	display: none;
	height: 0;
	position: absolute;
	width: 0;
	z-index: 2;
}
.mpx-thumbnail-content {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.mpx-thumbnail:hover {
	opacity:0.4;
}
.mpx-thumbnail-content img {
	vertical-align: middle;
	max-height:244px !important;
	width:230px !important;
}
.mpx-details {
	left: 0px;
	margin-top: 15px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index:9999;
}
.mpx-close {
	cursor: pointer;
	display: block;
	position: absolute;
	z-index: 2;
}
.mpx-details-content {
	height: auto;
	background: #e3e3e3;
}
.mpx-container {
	background: #f1f1f1;
}
.mpx-thumbnail {
	/*background: #686868;*/
	color: #ffffff;
	cursor: pointer;
}
.mpx-arrow {
	border-bottom-color: #e3e3e3;
}
.mpx-close {
	background: url(../images/general/btn-close.png) no-repeat 0px 0px;
	display: block;
	height: 30px;
	right: 10px;
	top: 5px;
	width: 30px;
}
.mpx-close:hover, .mpx-close:active {
	background-position: 0px -31px;
}
/* opened */
.mpx-container.open {
	background: #f1f1f1;
}
.mpx-container.open .mpx-thumbnail {
	/*background: #242424;
	color: #242424;*/
}
.mpx-container.open .mpx-thumbnail.open {
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}
/*.mpx-container.open .mpx-thumbnail img {
	-moz-opacity: 0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
}*/
/*.mpx-container.open .mpx-thumbnail:hover img {
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
	border:#37C40D solid 2px;
}*/
.mpx-container.open .mpx-thumbnail.open img {
	/*background: url(../images/homepage/SpreadingTheGoodness.jpg) 0 0 no-repeat;*/
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	/*border-bottom:#C9C9C9 solid 1px;*/
}
/*.mpx-thumbnail.open img {
	background: url(../images/homepage/SpreadingTheGoodness.jpg) 0 0 no-repeat;
	border:#9FD88E solid 1px;
}*/
/* end team */
.socialIcons {
	height:56px;
	width:56px;
	position:absolute;
}
.footerLinks li {
	float: left;
	list-style: none;
	margin: 0 0 0 80px;
	padding: 0 0 1px 0;
}
.footerLinks li:first-child {
	margin: 0 0 0 22px;
}
.linkedIn {
	background:url(../images/social/LinkedIn.png) 0 0;
}
.linkedIn:hover {
	background:url(../images/social/LinkedIn.png) 0 -56px;
}
.fb {
	background:url(../images/social/facebook.png) 0 0;
}
.fb:hover {
	background:url(../images/social/facebook.png) 0 -56px;
}
@media screen and (max-width: 767px) {
.caption {
    /*margin-left: 20px;*/
    bottom: 15px;
}
.caption h1.title {
    font-size: 33px;
    font-weight: bold;
    margin: 10px 0 7px 0;
	min-height:30px;
    color: #fff;
	letter-spacing:-2px;
}
.caption p {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 8px 0;
    color: #fff;
	line-height:17px;
}

}

/*@media screen and (max-width: 480px) {
.caption {
    position: absolute;
    width: 100%;
    margin-left: 15px;
    left: 0;
    bottom: 15px;
    padding: 0px;
    z-index: 10;
    text-align: left;
}

}*/

/*@media screen and (max-width: 860px) {
.caption {
    padding: 0px 29px 0px 11px;
}

}*/
/***** end banner *****/

.tooltip > .tooltip-inner {
    background-color: #224877;
    color: #FFFFFF;
    border: 1px solid #8CADCD;
    padding: 5px;
    font-size: 14px;
	margin:4px 0 0 0;
	opacity:1.0;
}
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #323232;
}

/* hover over grid */

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure h2 {
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {

	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #323232 none repeat scroll 0 0;
	cursor: pointer;
	float: left;
	margin: 10px 3px; /* was 10px 1% */
	max-height: 320px;
	max-width: 480px;
	min-width: 320px;
	position: relative;
	text-align: center;
	/*width: 100%;*/
}
.threeColumns {
	width: 330px;
}
figure.effect-bubba img {
	/*opacity: 0.7;*/
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	/*height: 320px;
	width: 480px;*/
}

figure.effect-bubba:hover img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 14%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	color:#fff;
	font-size:33px;
	text-transform:none;
}
/*figure.effect-bubba h2 {
	color: #fff;
	font-size: 33px;
	position: relative;
	text-transform: none;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
}*/
figure.effect-bubba p {
	padding: 0 50px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	position:inherit;
	top:30%;
	left:0;
	font-size:15px;
	text-transform:none;
	letter-spacing:0;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2 {
	/*opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-55px,0);
	transform: translate3d(0,-55px,0);*/
	display:none;
}
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* work examples */
.fullPortfolio {
	padding: 0;
	margin:0 0 9px 0;
  /*background:url(../images/general/tweed.png) 0 0 repeat;*/
}
.fullPortfolio img {
	width:100%;
}
.fullPortfolio>div {
	padding:0;
}
/* end work examples */
/*.portfolio-top-right{
	min-height:450px;
	background:url(../images/homepage/case-study.png) no-repeat 0px 0px;
	background-size:cover;
}*/
.right-inner{
	float: right;
	margin: 23px -42px 0 0;
	padding: 0 0 0 8px;
	/*padding:0;
	float:right;
	position:relative;
	top:40px;
	left:42px;*/
}
.left-inner{
	padding:23px 12px 0 0;
	float:left;
	/*position:relative;
	top:40px;*/
}

.staff {
	padding:0 5px 5px 10px;		
}
.locations {
	padding:0 5px 25px 10px;		
}
.staff p, .locations p {
	font-size:15px;		
	padding:0 20px 0 0;
	margin:0;	
	color:#141a2a;
	font-weight:normal;	
}
.staff p {
	padding-bottom:18px;	
}
.staff h3 a {
	color:#ec9223;
	text-decoration:underline;
}
.staff h3 a:hover {
	color:#004b77;
	text-decoration:none;
}
/*.staff p:hover {
	color:#004b77;
}*/
.mainRow {
	/*padding:15px 15px 9px 15px;	worked well for border effect*/
	padding:26px 35px 19px 35px;	
}
/*
another option
.mainRow {
	background-color: #fff;
	border: 1px solid #7aa5a2;
	margin: 7px 9px;
	padding: 35px 30px 12px;
}*/
.mainRow p {
	margin:0;
	padding:0;
}
.mainRow h1 {
	/*color:#4a5528;	
	min-height:35px;
	font-size:23px;
	font-weight:normal;
	text-align:center;
	border-bottom:#4a5528 solid 1px;
	display:inline;*/


/*   border-bottom: 1px solid #4a5528;
    color: #4a5528;
    display: block;
    font-size: 23px;
    font-weight: normal;
    margin: 0 auto;
    max-width: 220px;
    text-align: center;
    white-space: nowrap;*/

   /*border-bottom: 1px solid #4a5528;*/
    text-align: center;
    display: table;
    color: #224877;
    font-size: 20px;
    font-weight: bold;
	margin:9px auto 8px auto; /* as 14 on bottom (w/ underline) */
	
}
.mainRow h1 a {
    color: #224877; /* was 4a5528 */
}
.mainRow h1 a:hover {
    color: #323232;
}
/*.mainRow .learnMore, .staff .learnMore, .locations .learnMore, .detailPage .learnMore {
	color:#004990;
	font-weight:500;
	font-size:14px;
	text-decoration:underline;
}
.mainRow .learnMore:hover, .staff .learnMore:hover, .locations .learnMore:hover, .detailPage .learnMore:hover {
	color:#272727;
	text-decoration:none;
}
.mainRow .learnMore:after, .staff .learnMore:after, .locations .learnMore:after, .detailPage .learnMore:after {
	position:relative;
	left:4px;
	content:url(../images/general/learn-more-arrow.png);
}*/

.learnMore {
	color:#004990;
	font-weight:500;
	font-size:14px;
	text-decoration:underline;
}
.learnMore:hover {
	color:#272727;
	text-decoration:none;
}
.learnMore:after {
	position:relative;
	left:4px;
	content:url(../images/general/learn-more-arrow.png);
}
/*.mainRow:nth-child(2) {
	border-left:#929292 solid 1px;	
}*/
.workContact {
  width:31.1%;
  height: 240px;
  margin:13px 15px;
  background: #E7E7E7;
  display:block;
	border-radius:3px;
}
.detailPgBkgd {
  background:url(../images/general/tweed.png) 0 -42px repeat-x;	
}
.detailPage {
	padding:40px 42px 33px 30px;	
}
/* case study / detail gallery */
.demo-gallery > ul {
	margin-bottom: 0;
}
.demo-gallery > ul > li {
  float: left;
  margin-bottom: 0;
  margin-right: 0;
  width: auto;
}
.demo-gallery > ul > li a {
  display: block;
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
}
/*.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}*/
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
/*.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}*/
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}
.demo-gallery.dark > ul > li a {
	border: 3px solid #04070a;
}
.home .demo-gallery {
	padding-bottom: 80px;
}
/* end case study / detail gallery */
.caseStudyPage {
	padding:40px 30px 33px 16px;	
}
.caseStudyPage h4 {
	border-bottom: 1px solid #B8B8B8;
	color: #000;
	font-size: 17px;
	line-height: 22px;
	margin: 3px 0 9px;
	padding: 15px 0 4px;
}

.caseStudyPage h4:first-of-type {
	padding: 0 0 4px;
}
.caseStudyPage p a {
	padding: 4px 0;
	color:#224877;
	font-size:15px;
	text-decoration:underline;
}
.caseStudyPage p a:hover {
	color:#323232;
	text-decoration:none;
}
.exampleSection, .caseStudyImgContainer {
  background: #fff;
  margin-top:22px;
  border:solid 1px #ddd;
}
.exampleSection img {
  margin: 0 auto;
  text-align: center;
  /*padding: 5px 5px 5px 6px;
	border:#C1D7AF solid 1px;*/
}
.exampleSection img:first-of-type {
  padding: 25px 0;
}
.exampleSection img:last-child {
  padding: 0 0 25px 0;
}
.exampleSection img:only-child {
  padding: 25px 0;
}
.caseStudyImgContainer img {
  margin: 0;
  padding: 5px 5px 5px 6px;
  text-align: center;
}
.caseStudyImgContainer img:hover {
  opacity:.8;
}
.columnDivider {
	background: #BDBDBD none repeat scroll 0 0;
	height: 60%;
	position: absolute;
	right: 11px;
	top: 50px;
	width: 1px;
	margin:12px 0 10px 0;
}
.detailPage p {
	margin:0 0 9px 0;	
}
/*.detailPage h1 {
   /*border-bottom: 1px solid #224877;*
	color:#fff;	
    display: table;
    font-size: 26px;
    font-weight: bold;
	margin:0 0 8px 0;
	padding:4px 0 0 0;
	height:80px;
}*/
.detailPage h1 {
   /*border-bottom: 1px solid #4a5528;*/
    color: #031225;
    display: table;
    font-size: 26px;
    font-weight: bold;
	margin:9px 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #224877;
}

.detailPage h1 a {
    color: #4a5528;
}
.detailPage h1 a:hover {
    color: #323232;
}
.detailPage h2 {
	margin:9px 0;
	font-size:18px;
	border-bottom:#224877 solid 3px;
	display:table;
	padding:0 0 6px 0;
}
.caseStudyPage h1 {
	color: #fff;
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 18px;
	padding: 4px 0 0;
	vertical-align: -47px;
}
p.caseStudyIntro {
	font-size:14px;	
	color:#fff;	
	padding:0 0 11px 0;
	border-bottom:#6d6d6d solid 1px;
}
p.caseStudyIntro span {
	color:#8CADCD;	
}

/* masonry grid */
.grid-gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid-gallery figure {
	margin: 0;
}

.grid-gallery figure img {
	display: block;
	width: 100%;
}

.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0 0 8px;
}

.grid-gallery figcaption p {
	margin: 0;
}

/* Grid style */
.grid-wrap {
	margin: 0 auto;
}

.masonryGrid {
	margin: 0 auto;
}

.masonryGrid li {
  float: left;
  min-width: 360px;
  width: 33.3%;
}

.masonryGrid figure {
	padding: 15px;
}

.masonryGrid figcaption {
	background: #e4e4e4;
	padding: 25px;
}



/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 991px) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
	.masonryGrid li {
		width: 33.3%;
	}


}

@media screen and (max-width: 767px) {
	.masonryGrid li {
	width: 50%;
	min-width: inherit;
	}
}

@media screen and (max-width: 480px) {
	.masonryGrid li {
		width: 100%;
	}
}
/* end masonry grid */

#toTop {
	width: 33px;
	height: 37px;
	background: url(../images/general/top.png) 0 top no-repeat;
	position: fixed;
	right: 9px !important;
	bottom: 12px;
	z-index: 800;
	margin-right:9px !important;
}
#toTop:hover {
	background: url(../images/general/top.png) 0 bottom no-repeat;
}
.zeroMargin {
	margin:0;	
}
.zeroPadding {
	padding:0;	
}

/* for form */
.hidden {
	display: none;
	visibility: hidden;
}
#ff label { 
	cursor:pointer;
	margin:4px 0;
	color:#4e4e4e;
	display:block;
	width:200px; /* need so the area to the right is unclickable; otherwise isn't really setting the width */
}

#ff label.error {
	position:relative;
	left:15px;
	font-size:13px;
	color: #f1534a;
	padding:0 0 9px 0;
}
.sendButton {
	cursor:pointer;
	background-color:#8CADCD;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;

	border-radius:3px;
	color:#ffffff;
	font-size:17px;
	width:25%;
	font-weight:bold;
	border:none;
}

.sendButton:hover {
	background-color:#224877;
}
/* hide placeholder text when user clicks in */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* end form */
ul.locationList {
	margin:0 0 20px 0;
	padding:0;	
}
ul.locationList li {
	margin:0 0 0 28px;
	padding:0 0 0 20px;
	font-size:14px;	
	line-height:23px;
	background: url("../images/general/bullet.png") no-repeat scroll left 6px / 9px 9px rgba(0, 0, 0, 0);
	list-style-type:none;
}
/* testimonial - currently unused */
/*
can be good to reveal new content
#tf-testimonials{
	background: url(../images/sub-pages/fixed-bkgd.jpg);
	background-size: contain;
	background-position: 0 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	height:330px;
	
}*/

#tf-testimonials {
	background: url(../images/sub-pages/fixed-bkgd.jpg);
	background-size: 100%;
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 100%;
	height: 220px;
}

@media (max-width:480px) {
#tf-testimonials {
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	max-height: 320px;
}
}

@media (min-width:1650px) {
#tf-testimonials {
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	max-height: 420px;
}
}
#tf-testimonials .overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(17%, rgba(0,0,0,0.73)), color-stop(35%, rgba(0,0,0,0.66)), color-stop(62%, rgba(0,0,0,0.55)), color-stop(100%, rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000', GradientType=0 ); /* IE6-9 */
	padding: 30px 0;
	background-attachment: fixed;
}
#testimonial {
	padding: 15px 0;
}
/* end of testimonial */

/*a.phoneToggle {
	display:inline-block !important;	
}*/
.clearPadding {
	padding:0;	
}
.emphasize {
	font-weight:bold;
	color:#631910;	
}
.tip {
	padding:0 50px;
}
.locationImage {
	/*float:left;*/
	border:#30989E solid 1px;
	padding:2px;
	margin:3px 0 18px 2px;	
}
.mapImage {
	float:left;
	border:#30989E solid 1px;
	padding:2px;
	margin:33px 0 12px 0;	
}
ul.serviceList, ul.meetingList {
	margin:0 0 20px 0;
	padding:0;	
}
ul.meetingList {
	float:left;
	display:block;
}
ul.serviceList li {
	margin:0 0 0 28px;
	padding:0 0 0 20px;
	font-size:14px;	
	line-height:23px;
	background: url("../images/general/bullet.png") no-repeat scroll left 6px / 9px 9px rgba(0, 0, 0, 0);
	list-style-type:none;
}
ul.meetingList li {
	margin:0 0 0 28px;
	padding:0 0 0 20px;
	font-size:14px;	
	line-height:23px;
	list-style-type:none;
}
ul.firstColumn li {
	margin:0 0 0 12px;
	padding:0 0 0 10px;
}
.phoneFax {
	clear:left;
	/*padding:7px 0 0 4px;*/	
}
.phoneFax a, ul.locationList li a, p.pageIntro a, ul.serviceList li a, ul.meetingList li a {
	color:#EC9223; /* was #FFAD47 */
	text-decoration:underline;
}
.phoneFax a:hover, p.pageIntro a:hover, ul.serviceList li a:hover, ul.meetingList li a:hover {
	color:#004b77;
	text-decoration:underline;
}
a.phoneNum {
	color:inherit;	
}

.hpIcon {
	display: table;
	margin: 0 auto;
	text-align: center;
	/* option
	display: inline-block;
	left: 46%;
	position: relative;*/
	/* original 
	margin:0 auto;
	text-align:center;
	display:inline-block;
	position:relative;
	left:46%;*/
}
.logo {
    margin: 9px 0 0;
    overflow: hidden;
}

.bannerLearnMore {
	color:#FFF;	
	padding:0 0 0 15px;
	font-weight:bold;
	font-size:21px;
	text-transform:uppercase;
	text-shadow: 2px 2px #2F2F2F;
	width:440px;
}
.bannerLearnMore:hover {
	color:#fe9a1d;
	text-decoration:underline;	
}
.bannerLearnMore:after {
	position:relative;
	left:7px;
	top:2px;
	content:url(../images/homepage/learn-more-arrow-banner.png);
}
p.pageIntro {
	font-size:14px;	
	padding:0 0 9px 0;
}
p.pageIntro span.bold {
	font-weight:bold;
}
p.pageIntro span.italic {
	font-style:italic;
}
.footerExtension {
	width: 100%;
	background:url(../images/general/extended-bkgd-footer.jpg) repeat-x 0 bottom;
}
.site-footer {
    margin: 51px 0 0 0;
	padding:60px 0 0 0;
	background:url(../images/general/footer-graphic.jpg) 50% 0 no-repeat; 
	height:159px; 
	width:auto;
	color:#fff;
}
.site-footer .row {
    margin: 41px 0 0 0;
}
.footerLinks {
    /*margin: 13px 64px 0 10px;*/
    margin: 3px 4px 0 10px;
    text-align: left;
}
.footerLinks a {
	color:#8CADCD;
}
.footerLinks a:hover {
	color:#D8E0EB;
}
.createdBy {
	font-size:12px;
	color:#707070;
    margin: 33px 0 0 10px;
    text-align: right;
}
.createdBy a {
	color:#707070;
}

/* Media queries */

/* lg */ 
@media (min-width: 1200px) {
  
.navbar-custom.top-nav-collapse .navbar-brand img {
	width:37%;
	height:37%;
}
.testimonials, .caseStudy {
	min-height:423px;
}

}
@media (min-width: 992px) and (max-width: 1282px) {
.testimonials, .caseStudy {
	min-height:530px;
}

}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.navbar-header {
	max-width: 230px;
}
.navbar-custom ul.nav li a {
	padding-left: 10px;
	padding-right: 10px;
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.logo {
	max-width: 70%;
}
.navbar-brand img {
	margin-top:20px;
	
}
.mainCallouts {
	min-height:180px;
}
.openingStatement ul {
	margin:5px auto 26px;
	text-align:center;	
	padding:0;
}
.openingStatement ul li {
	display:inline-block;
	padding:4px 19px;	
	text-transform:uppercase;
	font-size:20px;
}
}

@media (min-width: 1025px) {
/*---------------*/
/***** Marley *****/
/*---------------*/
figure.effect-marley figcaption,
figure.effect-marley figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:1px solid #D5D5D5;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure.effect-marley figcaption > a {
	z-index: 700;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley p {
	color:#1E1E1E;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0 10px 33px;
	font-weight:bold;
}
figure.effect-marley.darkBkgd p {
	color:#fff;
}
/*figure.effect-marley h2 {
	background-color: rgba(58,52,42,.8);
	opacity:0;
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 9px 10px 0;
	top: 30px;
	color:#C1D7AF;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}*/
figure.effect-marley h2 {
  background: rgba(58, 52, 42, 0.85) none repeat scroll 0 0;
  color: #8cadcd;
  height: 25%;
  opacity: 0;
  padding: 17px 15px 0 0;
  position: absolute;
  transform: translate3d(0px, 20px, 0px);
  transition: transform 0.35s ease 0s;
  width: 100%;
  margin:0;
}
figure.effect-marley:hover h2 {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #8CADCD;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-marley:hover p {
	top: 85px;
}
figure.effect-marley img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-marley:hover img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
}
@media (max-width: 1025px) {
/*---------------*/
/***** Marley *****/
/*---------------*/
figure.effect-marley figcaption,
figure.effect-marley figcaption > a {
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height:100%;
	border:1px solid #D5D5D5;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure.effect-marley figcaption > a {
	z-index: 700;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure.effect-marley {
	margin:0;
}
figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley p {
	color:#1E1E1E;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0 10px 33px;
	font-weight:bold;
}
figure.effect-marley h2 {
	background: rgba(58, 52, 42, 0.85) none repeat scroll 0 0;
	color: #8cadcd;
	margin: 0 0 10px;
	padding: 13px 15px 15px 0;
	position: relative;
	width: 100%;
}

figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

/*figure.effect-marley:hover p {
	top: 85px;
}
figure.effect-marley img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}*/

}
@media (min-width: 991px) {

.navbar-collapse .navbar {
	margin:0 20px 0 0;
}
}

@media(min-width:767px) {
/* Make Navigation Toggle on Desktop Hover */

.dropdown:hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
}
.navbar {
	padding: 0;
	border-bottom: 0;
	/*background: 0 0;*/
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
	height: 95px;
	background-color: #fff;
}
.navbar-brand {
	padding: 8px 0 10px 0;
}
/*added this to allow nav to be to the right of the logo */
a.navbar-brand {
	float: none;
	margin: 0 !important;
}
.navbar-nav {
	margin: 19px 0 0 0;
}
.top-nav-collapse {
	background-color: #fff;
}
.navbar-custom.top-nav-collapse {
	border-bottom:#8CADCD 1px solid;
}
.navbar-custom.top-nav-collapse .navbar-brand img {
	transition: all 0.3s ease;
	margin-top:0;
	width:67%;
	height:67%;
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
	margin:0 6px 0 0 !important;
}
.overNavCallouts {
	margin:7px 0 0 0;	
}
.createdBy {

  color: #707070;
  font-size: 12px;
  margin: 3px 0 0;
  position: absolute;
  right: 30px;
}

}
@media (max-width: 991px) {
.testimonials, .caseStudy {
	padding-bottom:22px;
}
.caseStudyPage {
  padding: 40px 30px 3px 16px;
}
.exampleSection {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ddd;
  margin-top: 12px;
}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
/*header {
	min-height:140px;	
}*/

/* styles with more height ...
header {
	min-height:140px;	
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
	margin: 40px 0px 0 0 !important;
}
.navbar-collapse .navbar-nav {
	margin: -10px 0 0 0 !important;
}*/

.navbar-custom ul.nav li a {
	padding-left: 10px;
	padding-right: 10px;
}
.nav.navbar-nav {
	/*background-color: rgba(255,255,255,.7);*/
	margin-top: 0px;
}
.navbar-brand img {
	max-width: 50%;
	margin: 0 0 6px 24px;
}
.navbar-collapse {
	margin:0 0 9px 0 !important;
}
.navbar-custom.top-nav-collapse .navbar-brand img {
	width:37%;
	height:37%;
	margin: -5px 0 8px 24px;
}
.navbar-collapse .navbar-nav {
	margin: 0 !important;
}

.navbar-nav > li {
	margin-left: 0;
}
ul.meetingList li {
	margin:0 0 0 15px;
	padding:0 0 0 20px;
	font-size:14px;	
	line-height:23px;
	list-style-type:none;
}
.mainCallouts {
	min-height:225px;
}
.openingStatement ul {
	margin:5px auto 26px;
	text-align:center;	
	padding:0;
}
.openingStatement ul li {
	display:inline-block;
	padding:4px 9px;	
	text-transform:uppercase;
	font-size:20px;
}

}

/* xs */
@media (max-width: 767px) {
#header {
	height:69px;
}
.navbar {
	padding: 1px 0 10px;
	background-color:#fff;
	/*height:40px; having this height makes drop down nav bad*/
	/*border-bottom:#224877 1px solid;*/
}
.navbar-custom ul.nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
    border-left: none;
    border-bottom: 1px solid #72afdf;
}
.dropdown-toggle {
	background-color: #efefef;
	border: medium none;
	display: block;
	left: 0;
	padding: 9px;
	position: absolute;
	top: 100%;
	float: left;
	z-index: 1200;
}
.mainLink {
	text-indent: 22px;
}

.mainCallouts {
	margin-top:2px;
	padding:0 10px 14px 15px;
}
.mainCallouts h1 {
	/*font-variant:small-caps;*/
	color:#fff;
	text-transform:uppercase;
	padding:10px 0 0 13px;	
	margin:0 0 13px 0;
	font-size:20px;
}

.top-bar {
	padding: 10px 0;
	line-height: 60px;
}
.navbar-brand img {
	width:70%;
}
.navbar-brand {
	padding: 0; /* was 0 15 */
	margin-bottom:0; /* was 0 12 */
}
.navbar-custom.top-nav-collapse {
	border-bottom:#787878 1px solid;	
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
	margin:5px 0 0 0;
	padding:0;
}
.navbar-custom.top-nav-collapse .navbar-brand img {
	/*transition: all 1.4s ease;*/
	margin-top:-2px; /* was -4 */
	padding:0 0 8px 0;
	width:70%;
	/*height:70%;*/
}
.container > .navbar-header {
	margin-left: 0;
	clear:both;
}
/* style if header-nav has: <div class="navbar-header navbar navbar-custom navbar-fixed-top"> above button and no class for nav */
/*.container > .navbar-collapse {
	background-color: #fff;
	margin-left: 0;
	position: relative;
	top:77px;
	width: 100%;
	z-index: 600;
	overflow:hidden;
	clear:both;
}*/
.container > .navbar-collapse {
	left: 0;
	overflow: scroll;
	position: fixed;
	top: 0;
	width: 100%;
	bottom:0;
	padding-top:77px;
}

/* original
.container > .navbar-collapse {
	margin-left: 0;
	clear:both;
	overflow:hidden;
}*/
.top-number {
	font-size: 14px;
}
.navbar-nav > li {
	padding-bottom: 0;
}
.navbar-collapse {
	margin: -8px 0 0 0 !important;
}

.navbar-collapse .navbar {
    border: 0;
   float: none;
}
/* attempt to fix mobile cut off of nav 
.navbar-collapse .navbar-nav {
	overflow:scroll;
	height:350px;
	display:block;
}
*/
.logo {
	width: 60%;
	max-width: 170px;
}
.feature-wrap h2 {
	font-size: 18px;
}
.feature-wrap h3 {
	font-size: 14px;
}
/* need to hide this so the Learn More banner links can be selected */
.mainRow h1 {
	min-height:0;
}
/*.overNavCallouts {
  left: 32%;
  position: fixed;
  top: 15px;
}*/
.overNavCallouts {
	margin:7px 24px 0 0;
	display:none; /* with deactive links, remove this to keep layout correct */	
}

.navbar-custom.top-nav-collapse .overNavCallouts {
  left: 32%;
  position: fixed;
  top: 15px;
}

.detailPage {
	padding:40px 12px 33px 15px;	
}
h3.caseStudyCompany {
	padding:18px 0 5px 0;
	margin:0 0 6px 8px;
}

.caseStudy p {
	padding:0 0 0 9px;	
	font-size:17px;
}
.caseStudyCallout {
	padding:11px 14px;
	margin:12px 0 15px 7px;
	display:inline-block;
	font-size:15px;
}

.portfolio-top-right-inner{
	padding:22px 11px 0 0;
	float:left;
	position:static;
	width:30%;
}
.cl-effect-13 li a::before {
	display:none;
}
.openingStatement ul {
	margin:5px auto 26px;
	text-align:center;	
	padding:0;
}
.openingStatement ul li {
	display:inherit;
	padding:4px 9px;	
	text-transform:uppercase;
	font-size:20px;
}
/*.createdBy {
    margin: 0;
    text-align: left;
	display:table-cell;
}
.createdBy {
    margin: 0;
    text-align: left;
	display:inline-block;
	padding:32px 5px 0;
}*/
.createdBy {
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  position: relative;
  top: 59px;
}
.footerLinks li:first-child {
	margin: 0 0 0 12px;
}
.site-footer {
	padding:23px 0 0 0;
}
.zeroPadding-sm {
	padding:0;	
}

}

@media (max-width:480px) {
.navbar {
	padding: 10px 0;
}
/*.navbar-custom .nav.navbar-nav {
	background-color: rgba(255,255,255,.4);
}*/
.navbar.navbar-custom.navbar-fixed-top {
	margin-bottom: 30px;
}
.navbar-custom.top-nav-collapse .navbar-brand img {
	transition: all 1.4s ease;
	margin-top:-4px;
	padding:0 0 8px 0;
	width:70%;
	/*height:70%;*/
}

/*.overNavCallouts {
	float:right;
	margin:-15px 24px 0 0;	
}
.overNavCallouts p {
	display:block;
	margin:0;
	padding:0 0 0 20px;	
	color:#ff9715;
	text-decoration:underline;
	font-size:16px;
}*/
a.phoneNum {
	color:#286b87;	
}
ul.locationList li a {
	display:inline !important;
}
.footerLinks {
    margin: 11px 0 0 9px;
	font-size:13px;
}
p.secondReview {
	padding:12px 12px 12px 8px; 
	margin-right:20px;
}
p.secondReview + p {
	display:inherit;
}
.aboutContact p {
	padding:11px 0 0 0;
	margin:0;
}
.goodnessLogo {
	float: none;
	margin: 22px auto 0;
}
.createdBy {
    margin: 3px 0 0 10px;
    text-align: left;
	display:inline-block;
}
figure.effect-bubba h2 {
	padding-top: 6%;
	font-size:28px;
}

figure.effect-bubba p {
	font-size: 13px;
	padding: 0 35px;
	top: 15%;
}

}

button,input,select,textarea {
    border: 1px solid #eee;
    outline: 0;
    padding: 10px 12px;
    color: #2B2B2B;
}

button:focus,input:focus,select:focus,textarea:focus {
    border-color: #888;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #fbfbfb;
    margin: 10px 0;
}