/* colors

gray:; #7B858C
light gray:; #C3C5C8
orange: #F16621;
green #36a461
*/
border-style: @-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@font-face {font-family: 'UniversLTStd-Light';src: url('/assets/fonts/330D70_0_0.eot');src: url('/assets/fonts/330D70_0_0.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/330D70_0_0.woff2') format('woff2'),url('/assets/fonts/330D70_0_0.woff') format('woff'),url('/assets/fonts/330D70_0_0.ttf') format('truetype');}
@font-face {font-family: 'UniversLTStd';src: url('/assets/fonts/330D70_1_0.eot');src: url('/assets/fonts/330D70_1_0.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/330D70_1_0.woff2') format('woff2'),url('/assets/fonts/330D70_1_0.woff') format('woff'),url('/assets/fonts/330D70_1_0.ttf') format('truetype');}
@font-face {
  font-family: 'Publico Banner Web';
  src: url('/assets/fonts/PublicoBanner-Light-Web.eot');
  src: url('/assets/fonts/PublicoBanner-Light-Web.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/PublicoBanner-Light-Web.woff2') format('woff2'),
       url('/assets/fonts/PublicoBanner-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}




/* GLOBAL STYLES
-------------------------------------------------- */

body {
    padding-top: 70px;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #5d5d5e;
    /*    min-height: 2000px;*/
    line-height: 1.5;
    font-family: "UniversLTStd-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    background: #f5f5f6;
    font-size: 16px;
/*        transition: all 0.2s ease-in;
*/}
body.home {
    height:100%;
    padding-top: 0;
    padding-bottom: 0;
}
#home-modal .media-dialog {
	width: 800px !important;
	max-width: 80% !important;
}
.logo-home {
	position: absolute;
	top: 15px;
	left: 0;
	width: 50px;
}
.hs-col {
	/*margin-top: -15px;*/
	position: relative;
	z-index: 100;
/*	background: #aaa;*/
	height: 900px;
}
.hs-project-name {
	margin-bottom: 30px;
}
.hs-rd {
	font-size: 24px;

}

.hs-nav {

}

.hs-rd p, .hs-nav p, .hs-project-name p {
	line-height: 1;
	padding: 0;
	margin: 0;
}
.hs-nav p {

}
.hs-rd p {
	color: #36a461;
}

.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}

#next, #prev {
	font-size: 18px;
	cursor: pointer;
	font-family:"UniversLTStd-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
}
#canvas-wrap {
    display:block;
   /* width:100%;*/
    padding:0;
    height: auto;
    cursor: pointer;
}
#home-link {
	cursor: pointer;
}
img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1400px;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: static;
    top: 0;
    left: 0;
    /*  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit *!/
    -moz-box-sizing: border-box;    /* Firefox, other Gecko *!/
    box-sizing: border-box;         /* Opera/IE 8+ *!/
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 20px solid #fff;*/
    /*margin-top: -20px;*/
}
#home-slider {
    position: relative;
    z-index: 1;
    background: #f5f5f6;
}
#home-slider, #home-slider .item, #home-slider.active {
    height:100%;
}
#home-slider .carousel-inner {
    height:100%;
}
#home-slider .fill {
    position: relative;
    width:100%;
    height:100%;
    background-position: bottom; /* was center */
    background-size:cover;
}
#home-slider .carousel-indicators {
    display: none;
    /*    top: 80px !important;
    right: 20px !important;
    left: auto;
    z-index: 10;*/
}
.home-copy {
	margin-top: 20px;
	margin-bottom: 34px;
}
#home-slider .fill .hero-content {
	position: absolute;
	bottom: 30px;
	left: 30px;
	top: auto;
	right: 30px;
}
#home-slider .fill .hero-content h1 {
	font-size: 48px;
	color: #fff;
}
a, a:link, a:visited {
    color: #000;
}
a:hover {
    color: #36a461;
    text-decoration: none;
}




#home-slider .carousel-indicators {
	display: none;
	top: 80px !important;
	right: 20px !important;
	left: auto;
	z-index: 10;
}

.sidebar-block {
    border-top: 1px solid #5d5d5e;
    padding: 15px 0;
    margin: 15px 0 0 0;
    min-height: 200px;
}
.sidebar-block:first-child {
    margin: 20px 0 0 0;
}
.sidebar-block h3 {
    color: #5d5d5e;
    font-size: 20px;
    margin: 0 0 15px 0;
}
.sidebar-block ul {
    color: #5d5d5e;
    font-size: 20px;
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}
.sidebar-block ul li {
    color: #5d5d5e;
    font-size: 20px;
    padding: 0 0 5px 0;
    margin: 0;
    font-size: 15px;
    list-style: none;
}
/* section styles */
.careers-listing-block {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d8dcdb;
}
p.careers-summary, .careers-description {
	padding-right: 25%;
	padding-bottom: 0;
	margin-bottom: 0;
}

.las-button, .las-button:visited {
	display: block;
	float: right;
	font-family:"UniversLTStd-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #000;
	line-height: 1;
	padding: 16px 25px 14px 25px;
	border: 3px solid #000;
	text-decoration: none !important;
	text-align: center;
	min-width: 240px;
}
.las-button:hover {
	color: #777;
	border: 3px solid #777;
	text-decoration: none;
}
.las-button-apply {
	text-align: center;
	float: none;
	width: 120px;
	font-size: 15px;
	padding: 10px 12px 8px 12px;
	margin: 0 15px 15px 0;
}
/* design splash */
.img-splash {
	margin: 0 0 30px 0;
}
.splash-cat {
	margin: 0;
}
.splash-title {
	color: #5d5d5e;
	margin: 0 50px 5px 0;
}
.splash-team p, .splash-team h4 {
	padding-left: 110px;
	padding-right: 15px;
}
.splash-team img {
	float: left;
}
.splash-portfolio-book {
	min-height: 80px;
}
.splash-portfolio-book img {
/* 	float: right; */
	margin: 0 0 10px 0;
}
.splash-portfolio-book .pdf-link {
/* 	margin-top: 30px; */
}
.splash-portfolio-book + .splash-awards{
	margin-top: 0;
}
#myCarousel {
    display: block;
    width: 100%;
    /*height: 100px;*/
    background-color: blue;
/*    background-attachment: static;
*/    background-position: top center;
    background-size: 100%;
    z-index:1;
    height: 800px;
    background-size: inherit;
}
#myCarousel .carousel-inner > .item {
/*	position: relative;
*/    background-attachment: fixed;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
	-webkit-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
	height: 800px;
	overflow: hidden;
}

.main-content {
    position: relative;
    margin-top: 30px;
    padding: 32px 0;
    background-color: #f5f5f6;
    min-height: 700px;
}
#search-top  {
	width: auto;
	padding: 0;
	margin: -4px 0 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#search-top input.search {
	width: 60px;
	padding: 4px 5px !important;
	background-color: #F5F5F6;
	color: #777;
	margin: 0 3px 0 10px; /* top -3 */
	font-size: 13px;
	border-radius: 2px;
	border: 1px solid transparent;
	background: transparent;
	line-height: 1 !important;
	height: 20px;
	box-shadow: none;
}
#search-top input.search:focus {
	width: 120px;
	font-size: 13px;
	border: 1px solid #ccc;
	-webkit-transition: width .5s;
	transition: width .5s;
	line-height: 1 !important;
	padding: 0 5px !important;
	margin-top: -3px; /* -5 */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    // IE10+ CSS here
    #search-top input.search {
		margin-top: -4px;
	}
	#search-top  {
		margin-top: -8px;
	}
	#search-top input.search:focus {
		margin-top: 2px;
	}

}
#search-top .glyphicon-search {
	font-size: 12px;
}
#search-top input.searchbutton {
	margin-top: 3px;
}
body.search .main-content, body.single .main-content {
	min-height: 700px;
}
.main-col {
    margin-bottom: 30px;
    padding-right: 0;
}
.col-md-8.main-col, .col-md-9.main-col, .main-col-project, body.expertise .main-col, .col-sm-10.main-col {
    padding-right: 10px;
}
.contact-col {
    padding-right: 50px;
}
body.project .main-content {
    position:relative;
    margin-top: 700px;
    padding: 50px 0;
    z-index: 10;
    background: rgba(245,245,246, .95);
}
/* blog */
body.blog .main-content {
    position:relative;
    margin-top: 400px;
    z-index: 10;
    background: transparent;
}
body.blog .main-content .container{
    position:relative;
    padding: 50px;
    z-index: 10;
    background: rgba(245,245,246, .95);
}
.blog-post {
	margin: 0 0 20px 0;
	padding: 20px 0;
	border-bottom: 1px solid #d8dcdb;
}
.blog-post h2 {
	font-size: 18px;
	margin-bottom: 30px;
	margin-top: -5px;
	padding-top: 0;
	text-transform: uppercase;
}
.blog-post h3 {
	font-size: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
}
.blog-post.blog-post-first {
	padding-top: 0;
	margin: 0 0 20px 0;
}
.blog-post img {
	margin: 0 0 20px 0;
}
.blog-post img + p.caption, .blog-post img + figcaption {
	margin: -10px 0 20px 0;
}
.blog-sidebar-nav {
	/*border-bottom: 1px solid #b3b3b3;*/
	margin-bottom: 30px;
}
.blog-sidebar-nav>li {
	/*border-bottom: 1px solid #b3b3b3;*/
	padding: 0;
}
.blog-sidebar-nav>li>a {
	padding: 1px 0;
	font-size: 15px;
}
.blog-sidebar-nav>li>a:hover {
	background: none;
	text-decoration: underline;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-default {
    background: #f5f5f6;/*f5f5f6 */
    min-height: 65px;
}
.navbar {
	min-height: 70px;
	margin-bottom: 0;
	border: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: #f4f4f5;
    color: #000;
}
.navbar-wrapper {
    position: relative;
    z-index: 15;
}
.navbar-collapse {
	margin-top: 12px;
	float: left;
	padding-right: 0;
	padding-left: 15px;
	box-shadow: none;
	background-color: #f5f5f5;
}
body.menu-padding {
/*    transition: all 0.2s ease-in;
*/    padding-top: 252px;
}
body.menu-padding .big-img {
/*    transition: all 0.2s ease-in;
*/    top: 252px;
    background-position: center 220px;
}
.navbar-brand {
    padding: 12px 15px 14px 15px;
/*     padding: 14px 15px 14px 0; */
}

.navbar-brand img {
    /*height: 21px;*/
    width: 260px;
}
.navbar-nav {
	margin-top: 14px;
}
.navbar-collapse.collapse.in {
	width: 100%;
	padding-bottom: 20px;
}
.navbar-collapse.collapse.in #search-top  {

	margin: 5px 0 5px 0;

}

.navbar-toggle {
	margin-top: 16px;
}
.navbar-nav > li > a {
    /*text-transform: uppercase;*/
    font-size: 13px;
    color: #5d5d5e;
    font-family: "UniversLTStd-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

    /*  padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;*/

}
.navbar-nav > li.active > a {
    background: transparent;
}
.navbar-collapse.collapse.in .navbar-nav > li > a{
	padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a {
    background: transparent;
    background-image: none;
    color: #36a461;
}
.navbar-nav > li > a.secondary-link {
    color: #b3b3b3;
}
.nav > li:last-child > a {
	padding-right: 0;
}
#offices-list {
	font-size: 13px;
	display: none;
	position: absolute;
	width: 160px;
	top: 45px;
	right: 15px;
	z-index: 2001;
}
#offices-list p {
	text-align: right;
	line-height: 24px;
}
/* urban collage popup */
.white-popup {
  position: relative;
  background: #f5f5f6;
  padding: 60px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  background: #f5f5f6;

  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.7;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/* sub nav - horizontal */
.sub-nav {
	padding: 0;
    margin: 0 0 32px 0; /* was 27 */
    list-style: none;
}
.sub-nav li {
	line-height: 1.2;
	display: inline-block;
    list-style: none;
}
.sub-nav li:after {
	content: '|';
	font-size: 13px;
	color: #5d5d5e;
	margin-right: 8px;
}
.sub-nav li:last-child:after {
	content: '';
}
.sub-nav > li > a {
	position: relative;
	font-size: 13px;
	color: #5d5d5e;
	display: inline-block;
	padding: 0 13px 0 0;
}
.sub-nav > li.active > a, .sub-nav > li.parent-active > a {
	color: #000;
}
.sub-nav > li > a:hover, .sub-nav > li.active > a:hover, .sub-nav > li.parent-active > a:hover {
	color: #36a461;
	text-decoration: none;
}
.sub-nav > li:first-child > a {
	padding: 0 10px 0 0;
}

/* third level nav */
.sub-nav-vert {
	padding: 0;
    margin: 0 0 50px 0;
    list-style: none;
}
.sub-nav-vert li {
    list-style: none;
}
.sub-nav-vert > li > a {
    font-family:"UniversLTStd-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #5d5d5e;
	padding: 2px 0;
	text-transform: uppercase;
}
.sub-nav-vert.design-home-sub > li > a{
	text-transform: none !important;
}
.sub-nav-vert.green > li > a {
	color: #36a461; /* #5d5d5e */
}
.sub-nav-vert > li.active > a, .sub-nav-vert > li > a:hover {
    color: #36a461;
    text-decoration: none;
}
/* Utility classes */
.pdf-link {
	display: inline-block;
/* 	padding: 1px 10px 5px 20px; */
	text-transform: uppercase;
	font-size: 11px;
/* 	vertical-align: middle; */
/* 	background: transparent url(/assets/images/pdf-icon.png) no-repeat left top; */
}
.pdf-link .far {
	font-size: 15px;
/* 	vertical-align: baseline; */
	margin-right: 3px;
}
/* sidebar nav */

#sidebar-subnav {
	// border-bottom: 1px solid #b3b3b3;
	margin-bottom: 20px;
	padding-bottom: 8px;
}
#sidebar-subnav.nav>li {
	border-bottom: 1px solid #b3b3b3;
}
#sidebar-subnav.nav>li>a, #sidebar-subnav.nav>li>ul>li>a {
	padding: 7px 12px;
	font-size: 13px;
}
#sidebar-subnav.nav>li>a:hover {
	background: none;
	text-decoration: underline;
}
#sidebar-subnav li.active a {
	color: #000;
}
#sidebar-subnav.nav>li>ul {
	padding-bottom: 10px;
}
#sidebar-subnav.nav>li>ul>li {
	list-style: none;
	padding-left: 0;
	list-style: none;
}
.pad-right {
	padding-right: 50px;
}
.float-right, .float-Right {
	float: right;
	margin: 4px 0 10px 15px;
}
.float-left, .float-Left {
	float: left;
	margin: 4px 15px 10px 0;
}
.clear-left {
	clear: left;
}
.clear-both {
	clear: both;
}
.clear-right {
	clear: right;
}
.show-ie {
	display: none;
}
.mt0 {
	margin-top: 0;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mb0 {
	margin-bottom: 0;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
hr {
    border-top: 1px solid #c7c8ca;
}
.thumbnail img {
    margin-bottom: 15px;
}
.dropdown-menu {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 1000;
	display: none;
	float: none;
	min-width: 160px;
	min-height: 210px;
	padding: 7px 1000em 10px 1000em;
	margin: 14px -1000em 2px -1000em; /* 14px top */
	font-size: 14px;
	list-style: none;
	background-color: rgba(245, 245, 246, .9); /* #f5f5f6 */ /* green #00a65c */
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-clip: padding-box;
}

.dropdown-menu > li > a {
    width: 200px;
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #5d5d5e;
    font-size: 13px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover {
    background: transparent;
    color: #36a461;
}

body.gray-nav .dropdown-menu {

  background-color: #f5f5f6;

}
body.gray-nav .dropdown-menu > li > a {

    color: #5d5d5e;

}
body.gray-nav .dropdown-menu > li > a:hover {
    color: #000;
}

/*body.about .dropdown-menu {
	border-bottom: 1px solid #5d5d5e;
  background-color: #f5f5f6;

}
body.about .dropdown-menu > li > a {

    color: #5d5d5e;

}
body.about .dropdown-menu > li > a:hover {
    color: #000;
}*/

/*body.contact .dropdown-menu {

  background-color: #00a65c;

}
body.contact .dropdown-menu > li > a {

    color: #fff;

}
body.contact .dropdown-menu > li > a:hover {
    color: #ccc;
}
*/

/* footer */
section.footer {
    position: relative;
    min-height: 30px;
    z-index:25;
    margin: 0;
    padding: 0 auto;
    color: #fff;
    background-color: #000 !important; /* 36a461 */
}
section.footer .container {
    padding-top: 15px;
    padding-bottom: 15px;
}
.footer p {
	display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 12px;
}
.footer-copyright {
	/*width: 100%;*/
	float: none;
	text-align: center;
}
.footer-nav {
	/*width: 100%;*/
	float: none;
	text-align: center;
}
.footer-social {
	/*width: 100%;*/
	float: none;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.social-icon, .footer-social a {
    display: inline-block;
    margin: 0 8px;
}
.footer-social a .fab {
	margin-top: 2px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
    padding-top: 4px;
    text-align: center;
    width: 22px;
    height: 22px;
}
.footer-social a:hover .fab {
    color: #36a461;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-caption {
    position: absolute;
    text-align: left;
    top: 130px;
    left: 40px;
    right: auto;
    bottom: auto;
    z-index: 100;
}
.carousel-caption h2 {
    text-transform: uppercase;
    font-size: 28px;
    color:#fff;
    margin: 10px 0;
}
.carousel-caption h2 span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    color:#fff;
    margin-left: 20px;
}
.carousel-caption p {
    color:#fff;
    text-transform: uppercase;
    font-size: 13px;
}
.carousel-caption a.view {
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    left: 40px;
    z-index: 5;
    display: inline-block;
}
.carousel-control .glyphicon-chevron-right {
    left: auto;
    right: 40px;
}
/* project slider */
.big-img {
    position:fixed;
    top:70px; /* 42 */
    left:0;
    display: block;
    background-size: 100%;
    background-attachment: fixed;
    width:100%;
    background-position: center;
    background-size: cover;
    height: 700px;
    overflow: hidden;
    z-index: 1;
/*        transition: all 0.2s ease-in;
*/}
.big-img2 {
    position:fixed;
    top:42px;
    left:0;
    display: block;
    background-size: 100%;
    background-attachment: fixed;
    width:100%;
    background-position: center;
    background-size: cover;
    height: 700px;
    overflow: hidden;
    z-index: 1;
/*        transition: all 0.2s ease-in;
*/}
#proj-slider {
	background-color: #e9ebeb;
}
.proj-grad {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
#proj-slider, #proj-slider .item, #proj-slider.active{height:100%;}
#proj-slider .carousel-inner{height:100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;}
#proj-slider .fill{width:100%;height:100%;background-position:bottom;background-size:cover;}

#proj-slider-nav .carousel-indicators {
	display: block;
	position: absolute;
	bottom: auto;
	top: 3px;
	left: 90px !important;
	right: auto !important;
	z-index: 15;
	width: auto;
	padding-left: 0;
	margin-left: 0;
	text-align: left;
	list-style: none;
	z-index: 10;
}


#proj-slider-nav .carousel-indicators li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 8px 0 0;
  text-indent: -999px;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  background-color: #ffffff;
 }

#proj-slider-nav .carousel-indicators .active {
  background-color: rgba(255,255,255, .5);
}
#proj-slider-nav {
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
}
#proj-slider-nav .carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: auto;
	font-size: 25px;
	color: #fff;
	text-align: center;
	text-align: none;
	/*text-shadow: 0 1px 2px rgba(0,0,0,0.6);*/
	opacity: 1;
	filter: alpha(opacity=100);
}
#proj-slider-nav .carousel-control:hover {
	opacity: 1;
	}
#proj-slider-nav .carousel-control.left, #proj-slider-nav .carousel-control.right {
	background-image:  none;
}
#proj-slider-nav .carousel-control.right {
	right: auto !important;
	left: 38px;
}
/*#proj-slider .carousel-control .icon-prev, #proj-slider .carousel-control .icon-next, #proj-slider .carousel-control .glyphicon-chevron-left, #proj-slider .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 200px;
    left: 10px;
    z-index: 2;
    display: inline-block;
}*/
/*.carousel-control .glyphicon-chevron-right {
    right: auto;
    left: 40px;
}*/
.previous, .next {
	display: inline-block;
	position: relative;
	z-index: 2;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	margin: 0;
	padding: 0;
	/*box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .7);
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .7) inset;*/
	background: transparent url(/assets/images/proj-slider-arrow-med-left.png) no-repeat 8px 7px;
}
.next {
	background: transparent url(/assets/images/proj-slider-arrow-med-right.png) no-repeat 9px 7px;
}
#proj-slider-nav .carousel-control.left:hover .previous, #proj-slider-nav .carousel-control.right:hover .next {
	background-color: rgba(0, 0, 0, .5);
}
/* project blocks/list */


.block {
	position: relative;
	min-height: 240px; /* 310 */
	margin-bottom: 20px;
}
.block h4 {
	font-size: 17px;
	color: #5d5d5e;
	line-height: 1.3;
	margin-top: 3px;
	margin-bottom: 5px;
	padding-bottom: 0;
}
.block p {
	font-size: 13px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.block img.block-thumb {
	margin-bottom: 10px;
}

.block-link {
	display: block;
	background: #000;
}
.block-link:hover .block-thumb {
	opacity: .6;
}
.block-link.no-link:hover .block-thumb {
	opacity: 1;
}
.block-hover {
	position: absolute;
	text-decoration: none;
	top: 0;
	left: 0;
	display: none;
	height: 100%;
	overflow: hidden;
	width: 100%;
/*	display: table-cell;*/
	vertical-align: middle;
	text-align: center;

	/*background-color: rgba(0,0,0,.4);*/
}
.block-hover-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 240px; /* 160 */
	height: 56px; /* 37 */
	display: block;
	font-size: 16px !important; /* 14px */
	color: #fff;
	border: 2px solid #fff;
	padding: 14px 0 12px 0; /* 7px 0 3px 0; */
	margin-left: -120px; /*-80px */
	margin-top: -66px; /* 554 -57px */
	text-decoration: none;
	text-transform: uppercase;
}
body.awards .block-hover-text {
	margin-top: -100px;
}

.thumb-project-hover {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	/*width: 100%;*/
	/*left: 15px;*/
	z-index: 5;
}
.block:hover .thumb-project-hover, .block:hover .block-hover {
	display: block;
}




.expertise-block {
	min-height: 100px;
	margin-bottom: 30px;
}
/* contact */
.contact-block {
	min-height: 360px;
}
#las-video {
	width: 1140px;
	height: 641px;
	margin-bottom: 30px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
 .marketing {
    padding-left: 15px;
    padding-right: 15px;
}
/* Center align the text within the three columns below the carousel */
 .marketing .col-lg-4 {
    text-align: center;
    margin-bottom: 20px;
}
.marketing h2 {
    font-weight: normal;
}
.marketing .col-lg-4 p {
    margin-left: 10px;
    margin-right: 10px;
}
/* Featurettes
------------------------- */
 .featurette-divider {
    margin: 80px 0;
    /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
 .featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:"UniversLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.2;
}
h1, h2, h3 {
    color: #36a461;
}
.green {
	color: #36a461;
}
h1 {
	font-size: 34px; /* 30 */
    margin: 0 0 15px 0;
}
h1 span.creds, h3 span.creds {
	font-size: 14px;
}
h3 {
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 0;
}
h3.section-title {
	margin-bottom: 30px;
}
h3 + h2 {
	font-size: 18px;
	font-style: normal !important;
}
h3 + h2 em {
	font-style: normal !important;
}
h3 + h1 {
	margin-top: 0; /* -5px */
}
h4 {
	font-size: 16px;
	color: #000;
    margin-bottom: 20px;
}
body.contact h4 {
    font-family: "UniversLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #5d5d5e;
    margin-bottom: 3px;
}
.contact-col h4 {
	 margin-top: 30px;
}
.contact-col h4:first-child {
	 margin-top: 0;
}
.all-caps {
	text-transform: uppercase;
}
p {
	margin-bottom: 16px;
}
p.caption, figcaption {
	font-size: 14px;
	font-style: italic;
}
.h1-stats {
    font-family:"UniversLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.2;
    font-size: 15px;
    padding: 0;
    margin: 0 0 30px 0;
}
.h1-stats span {
    font-family:"UniversLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    font-size: 40px;
    color: #000;
    margin: 0;
}
strong {
	font-family: "UniversLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.news-date {
	color: #000;
}
.pagination {
	margin: 15px 0 0 0;
}
ul.pag-links {
	list-style: none;
	display: inline !important;
	padding: 0;
	margin: 15px 0 0 10px !important;
}
ul.pag-links li {
	list-style: none;
	display: inline;
	padding: 0 4px !important;
	margin: 0;
}
ul.pag-links li a {
	text-decoration: none;
}
ul.pag-links li a.active {
	color: #5d5d5e;
}
ul.no-bullets {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}
ul.no-bullets li {
    list-style: none;
    margin: 0;
    padding: 0 0 15px 0;
}
.lead {
    font-size: 20px;
    color: #5d5d5e;
    line-height: 1.4;
    font-family: 'Publico Banner Web';
	font-weight:  300;
	font-style:   normal;
	font-stretch: normal;
}
.padding {
    height: 30px;
}

.breadcrumb {
    padding: 0;
    background: none;
    font-size: 12px;
   	margin: 0 0 22px 0;
}
.thumbnail {
    display: inline-block;
    display: block;
    height: auto;
    margin-bottom: 40px;
    max-width: 100%;
    padding: 0;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.project-title {
    margin-bottom: 30px;
}
.project-title h1 {
    margin-bottom: 4px;
}
.project-title h3 {
	margin-bottom: 10px;
}
/*team page */
.team-photo {
	padding-right: 50px;
}
.team-photo img {
	margin-bottom: 30px;
	width: 100%;
}
.team-assoc {
	min-height: 55px;
	margin-bottom: 15px;
}
.team-assoc h4 {
	color: #5d5d5e;
	margin-bottom: 0;
	padding-bottom: 0;
}
.team-assoc p {
	font-size: 14px;
	margin-bottom: 0;
	padding-bottom: 0;
}
/* press kit */
.press-kit {
	margin: 0;
	padding: 0;
	list-style: none;
}
.press-kit li {
	min-height: 100px;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
.pre-footer {
	position: relative;
	background: #e9ebeb;
	padding-top: 30px;
	padding-bottom: 30px;
	z-index: 15;
}
.latest-tweet p {
	text-align: center;
	padding: 15px 30px 15px 15px;
}
footer {
    margin-top: 50px;
}
.footer a {
	color: #fff;
}
.footer a:hover {
	color: #36a461;
	text-decoration: none;
}

/*.open > .dropdown-menu {
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  display: block;
  background: blue;
}*/


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-height: 320px) {
	body.project .main-content {
	    position:relative;
	    margin-top: 260px;
	    padding: 50px 0;
	    z-index: 10;
	    background: rgba(245,245,246, .95);
	}
	.big-img {
	    position:fixed;
	    top:42px;
	    left:0;
	    display: block;
	    background-size: 100%;
	    background-attachment: fixed;
	    width:100%;
	    background-position: center;
	    background-size: cover;
	    height: 280px;
	    overflow: hidden;
	    z-index: 1;
	/*        transition: all 0.2s ease-in;
	*/}


}

@media (max-width: 479px) {
	body.project .main-content {
	    position:relative;
	    margin-top: 400px;
	    padding: 50px 0;
	    z-index: 10;
	    background: rgba(245,245,246, .95);
	}
	.big-img {
	    position:fixed;
	    top:42px;
	    left:0;
	    display: block;
	    background-size: 100%;
	    background-attachment: fixed;
	    width:100%;
	    background-position: center;
	    background-size: cover;
	    height: 400px;
	    overflow: hidden;
	    z-index: 1;
	/*        transition: all 0.2s ease-in;
	*/}


}
@media (max-width: 600px) {
    .thumbnail {
        text-align: center;
    }
    .team-photo {
    	padding-right: 0;
    }
}

@media screen and (min-width: 1024px) and (max-height:768px) {
    body.project .main-content {
        margin-top: 600px;
    }
}
@media screen and (min-width: 800px) and (max-height:600px) {
   	body.project  .main-content {
        margin-top: 450px;
    }
}

@media (min-width: 768px) {
	.navbar-brand {
		padding: 12px 15px 14px 0;
		/*margin-left: -15px;*/
	}
	.navbar-collapse {
	    margin-top: 12px;
	    float:right;
	    padding-right:0;
	    padding-left: 15px;
	    box-shadow: none;
	    background-color: #f5f5f5;
	}
	.navbar-nav > li > a {
		padding-top: 0;
		padding-bottom: 0;
	}
    /* Remove the edge padding needed for mobile */
    .marketing {
        padding-left: 0;
        padding-right: 0;
    }
    /* Bump up size of carousel content */
    .featurette-heading {
        font-size: 50px;
    }
    .lead {
        font-size: 26px;
        color: #5d5d5e;
        line-height: 1.5;
    }
    .col-md-8.main-col, .col-md-9.main-col, .main-col-project, body.expertise .main-col, .col-sm-10.main-col {
        padding-right: 70px;
    }
    .block {
    	min-height: 290px;
    }
    .expertise-block {
    	min-height: 100px;
    	margin-bottom: 30px;
    }
    .footer-copyright {
    	float: left;
    	text-align: left;
    }
    .footer-nav {
    	float: left;
    	text-align: center;
    }
    .footer-social {
    	float: left;
    	text-align: right;
    	margin-top: 0;
    }
    .social-icon {
        margin-left: 16px;
        margin-right: 0;
    }
    .las-button-apply {
    	display: block;
    	float: right;
    	font-family:"UniversLTStd-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size: 20px;
    	color: #000;
    	line-height: 1;
    	padding: 14px 25px 12px 25px;
    	border: 3px solid #000;
    	text-decoration: none !important;
    	text-align: center;
    	width: auto !important;
    }
}
@media (min-width: 1024px) {
	#proj-slider-nav .carousel-indicators {
		display: block;
		position: absolute;
		bottom: auto;
		top: 0;
		left: 65px !important;
		right: auto !important;
		z-index: 15;
		width: auto;
		padding-left: 0;
		margin-left: 0;
		text-align: left;
		list-style: none;
		z-index: 10;
	}


	#proj-slider-nav .carousel-indicators li {
	  display: inline-block;
	  width: 6px;
	  height: 6px;
	  margin: 0 5px 0 0;
	  text-indent: -999px;
	  cursor: pointer;
	  border: none;
	  border-radius: 6px;
	  background-color: #ffffff;
	 }

	.previous, .next {
		display: inline-block;
		position: relative;
		z-index: 2;
		width: 25px;
		height: 25px;
		border: 2px solid #fff;
		margin: 0;
		padding: 0;
		/*box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .7);
		box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .7) inset;*/
		background: transparent url(/assets/images/proj-slider-arrow-left.png) no-repeat 7px 6px;
	}
	.next {
		background: transparent url(/assets/images/proj-slider-arrow-right.png) no-repeat 8px 6px;
	}
	#proj-slider-nav .carousel-control.right {
		right: auto !important;
		left: 23px;
	}
	.logo-home {
		position: absolute;
		top: 15px;
		left: 20px;
		width: auto;
	}
	.hs-rd, .hs-nav, .hs-project-name {
		/*left: 38px;*/
	}

}
@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }

}
@media (min-width: 1200px) {
	.block {
		min-height: 320px;
	}
	.expertise-block {
		min-height: 100px;
	}
}
@media screen and (max-width: 1400px) {
    /* Specific to this particular image */
    img.bg {
        left: 50% !important;
        width: 1400px !important;
        margin-left: -700px !important;
        /* 50% */
    }
}