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



html{ -webkit-font-smoothing: antialiased;}
  body{margin: 0px; font-family: aktiv-grotesk-condensed-1, sans-serif; font-weight:200; font-size: 1.1rem;}
.homepage-body-container {
  border: none;
  margin:0;
  position: relative;
  width:100%;

}
.video-container {
  position: absolute;
  overflow: hidden;
  opacity: 0.75;
  top: 0%;
  left: 0%;
  width: 100%;
  z-index: 0;
}

.video-container video.fillWidth {
  width: 100%;
}
.content-width{
	width: 1720px;
	margin:0 auto;
}
.headline-width{
	width: 1200px;
	margin:40px auto 0 auto;
	height:225px;
}
.headline-width-section{
	width: 1200px;
	margin:0 auto;
	height:120px;
}

.headline{font-size: 35px;}

.headline-sub{padding-left:290px;}
.headline-section{text-align:center;}

.headline-sub h1{font-size:54px; color:#ffffff; font-weight:300;margin:0; padding:0;text-shadow: 2px 2px #000000;}
.headline-section h1{font-size:54px; color:#ffffff; font-weight:300;margin:0; padding:0;text-shadow: 2px 2px #000000;}
.headline-sub h1 strong {font-weight:200;}
.headline-section h1 strong {font-weight:200;}

.headline-sub h2{font-size:40px; font-weight:200; color:#ffd64f; padding:0; margin:10px 0 0 0;text-shadow: 2px 2px #000000;}

.content-container {
	color:#fff;
	position:relative;
}

.content-container-subpage {
	background-color:#ffffff;
	color:#192322;
	position:relative;
	width:100%;
}

.body-content{
	z-index: 1000;
	position: relative;
	width: 1200px;
	left:0;
	right:0;
	margin:0 auto;
}

.body-content-cards{
	z-index: 1000;
	position: relative;
	width: 1218px;
	left:0;
	right:0;
	margin:0 auto;
}

.nav{display:inline-block; margin-top: 40px;}
.nav li{
  float: right;
  display: block;
      list-style: none;
      padding-left: 30px;
      font-size: 23px;
}
.nav li a {color:#ffd64f; text-decoration:none;}
.nav li a:hover {color:#ffffff; text-decoration:none;}
.nav-links-block{
	text-align:right;
	background-color:rgba(25,35,34,.8); height:80px;
}
.nav-secondary-links-block{text-align:right; font-size: 1.2rem;}
.nav-secondary-links-block .content-width div{margin-left:15px; display:inline-block; margin-top:10px;}
.nav-block{
	color:#fff;
	text-align: right;
    position: absolute;
    top:0;
    width: 100%;
    z-index: 20;}
.logo-block{position:absolute; z-index: 90; margin-top: 50px;}
.logo{width:400px;}
header{height:225px;}
.button-red{ float:right;box-shadow: 0 3px 0 0 rgba(188,51,51,0.5); background-color:#bc3333;text-align:center;padding: 5px 20px; border-radius:4px; font-size:24px;}
.button-yellow{ float:right;box-shadow: 0 3px 0 0 rgba(255,214,79,0.5); background-color:#ffd64f;text-align:center;padding: 5px 20px; border-radius:4px; font-size:24px;}
.button-project{ box-shadow: 0 3px 0 0 rgba(255,214,79,0.5); background-color:#ffd64f;text-align:center;padding: 5px 20px; border-radius:4px; font-size:24px; width:100%; max-width:360px;}
    .museo-300{font-weight: 300;}
    .museo-500{font-weight: 500;}
    .museo-700{font-weight: 700;}
    .museo-900{font-weight: 800;}
    .hero{text-align: center; margin-bottom: 120px; margin-top:75px;}
    .green-text{color:#529175;}
	.drkblue-text{color:#143852;}
    .red-text{color:#bc3333;}
    .yellow-text{color:#ffd64f;}
	.white-text{color:#ffffff;}
    .grey-text{color:#6e7d7e;}
    .dark-text{color:#192322;}
    .call-now{font-size: 24px; color:#fff; margin-top:40px; float:right;}
    .new-creative-brief{font-size:20px;}
    .hero h2{margin-bottom: 20px; font-weight: 200;}
    .home-right{float:right; width:590px;}
    .home-left{float:left; width:590px;}
	
    .home-right h2,.home-left h2{font-size: 1.5rem;}
    .whitepaper-block{background-color:#bc3333; height:130px; font-size: 20px; position:relative;}
    .grey-block{background-color: #404041;}
    .green-block{background-color: #529175;}
    .yellow-block{background-color: #ffd64f;}
    .red-block{background-color: #bc3333;}
    .whitepaper-block img {float: left; margin-top: -75px;}
    .whitepaper-block strong {font-size: 30px;}
    .white-arrow{float: right; height: 130px; background-color: #fff; width: 45px;}
    .clear-both{clear:both;}
    .footer-nav{background-color: #192322; padding-top: 50px;}
    .footer-col{width:300px; float:left;}
    .home-page-block-padding{padding: 40px 50px; margin:20px 0px; font-size:20px;}
	.home-page-block-padding em {font-size:26px; font-weight:500; font-style:italic;}
    .homepage-block-margin{margin:20px 0px;}
    .home-left strong, .home-right strong {font-size: 40px;}
    .home-left h2, .home-right h2 {margin-top:0px;}
    .home-left , .home-right {line-height: 1.8rem;}
    .home-content-block-links{font-size: 20px;}
    .h2-portfolio-n-blog{margin-bottom:8px; font-size:38px !important;}
    .social-text{text-align:right; display:inline-block;line-height: normal; font-size: 17px;}
    .social-text p{margin-bottom: 10px;}
    .social-block{text-align:right; margin-bottom: -10px;}
    .social-bar{white-space: nowrap;}
    .social-bar img{padding: 0px 0px 0px 5px;}
    .whitepaper-text{position:absolute; left: 170px; width: 355px; top: 39px; text-align: right;}
	.whitepaper-text a {color:#ffffff; text-decoration:none;}
    .whitepaper-arrow{position:absolute; text-decoration: none; font-size:4rem; top:50%; bottom:50%; line-height: 0; padding-left: 4px;}
    .our-services{font-size: 2.5rem;}
	.our-services strong {font-weight:500;}
    .footer-title{font-size: 21px;}
	p a {color:#529175; font-weight:500;}
	.footer-title a {color:#ffffff; text-decoration:none;}
	.footer-title a:hover {color:#ffd64f;}
    .footer-col ul{list-style-type: none; line-height:20px; line-height: 30px; padding-left: 20px; font-size:16px;}
    .copyright{text-align: center; font-size:15px; padding-bottom:60px; color:#ffffff;}
    .foli-blog-block{background-color: #fff; font-size: 20px;}
    .foli-blog-body{padding:10px 50px 30px 50px; color:#192322;}
    .foli-blog-block-img{position:relative; height:340px;}
    .foli-blog-block-img img{position:absolute;}
	
	.blog-title-bar a {color:#ffffff; text-decoration:none;font-size: 35px; font-weight: 700; padding:30px 50px; display:block;}
    .blog-title-bar{position:absolute; width: 100%; background:rgba(188,51,51,0.8); bottom: 0;}
	
	.portfolio-title-bar{position:absolute; width: 100%; height:110px; bottom: 0; background-color:rgba(255,255,255,0.8);}
	
	.expertise-block-drkblue{background-color: #10686c; font-size: 22px; color:#ffffff; font-weight:500;}
	.expertise-block-drkblue em{font-size: 28px; color:#ffffff; font-weight:200;}
	.expertise-block-red{background-color: #bc3333; font-size: 22px; color:#ffffff; font-weight:500;}
	.expertise-block-red em{font-size: 28px; color:#ffffff; font-weight:200;}
	.expertise-img{position:relative; height:300px;}
	.expertise-bar{position:absolute; width: 100%; background:rgba(25,35,34,0.85); bottom: 0;}	
	.expertise-bar a {color:#ffffff; text-decoration:none;font-size: 42px; font-weight: 400; padding:30px 50px; display:block;}
	
	.masthead-container{width:100%; height:490px; position:absolute; top:0; z-index:-1;}
	.masthead{width:100%; margin:0 auto;}
	
	.services{float:left; width:284px; height:199px; margin: 0 10px 20px 10px;}
	.services-img{position:relative; width:284px; height:199px;}
	.services-img img{position:relative; width:284px;}
	.services-bar{position:absolute; width: 100%; background:rgba(25,35,34,0.85); bottom: 0;}
	.services-bar a {color:#ffffff; text-decoration:none;font-size: 26px; font-weight: 700; padding:20px 20px; display:block;}
	
	.work{float:left; width:386px; margin: 0 10px 20px 10px; background-color:#ffffff;}
	.work .portfolio-logo { display:block; clear:both; margin:0 0 20px 0;}
	.work h3 {color:#192322; font-weight:900; font-size:16px; padding:0 0 5px 0; margin:0;}
	.work p {color:#192322; font-weight:300; font-size:16px; padding:0; margin:0; line-height:1.3em;}
	.work p.link {font-size:18px; font-weight:900; padding-top:20px;}
	.work p.link a {color:#bc3333; text-decoration:underline; font-weight:900;}
	.work .challenge {padding:30px 30px;}
	
	.work-post{float:left; width:100%; margin: 0 auto 0 auto; background-color:#ffffff;}
	.work-post img {margin:20px auto 0 auto; display:block; max-width:1160px;}
	.work-post .content {padding:30px 200px 60px 200px;}
	.work-post .portfolio-logo { display:block; clear:both; margin:0;}
	.work-post h3 {color:#192322; font-weight:900; font-size:22px; padding:40px 0 20px 0; margin:0;}
	.work-post p {color:#192322; font-weight:300; font-size:18px; padding:0; margin:0; line-height:1.5em;}
	.button-back{ float:left;box-shadow: 0 3px 0 0 rgba(255,214,79,0.5); background-color:#ffd64f;text-align:center;padding: 5px 20px 5px 16px; border-radius:4px; font-size:20px; margin: 40px 0 10px 0;}
	
	.downloads{float:left; width:386px; margin: 0 21px 20px 0;}
	.downloads-img{position:relative; width:230px;}
	.title-bar {position:absolute; width: 386px; background:rgba(188,51,51,0.9); bottom: 0;}
	.title-bar a {color:#ffffff; text-decoration:none;font-size: 22px; font-weight: 700; padding:20px 20px; display:block;}
	.downloads-txt{background-color:#ffffff; padding:30px;}
	.downloads h3 {color:#192322; font-weight:900; font-size:16px; padding:0 0 12px 0; margin:0;}
	.downloads-txt p {color:#192322; font-weight:300; font-size:16px; padding:0; margin:0; line-height:1.3em;}
	.downloads p.link {font-size:18px; font-weight:900; padding-top:20px;}
	.downloads p.link a {color:#bc3333; text-decoration:underline; font-weight:900;}
	
	.left-nav{background-color:#192322; width:220px; padding:20px 20px 20px 0; position:relative; top:-10px; float:left; color:#ffd64f;}
	.left-nav h2{margin:0 0 20px 0; padding:0; font-size:24px; font-weight:700; padding-left:20px;}
	.left-nav ul {list-style:none; margin:0; padding:0;}
	.left-nav li {font-size:22px; font-weight:300;padding:0 0 0 20px; margin:0 0 20px 0;}
	.left-nav li.on {border-left:solid; border-left-width:4px; border-left-color:#e6e7e8; padding-left:16px;}
	.left-nav li:last-of-type{margin-bottom:0;}
	.left-nav a {color:#ffd64f; text-decoration:none;}
	.left-nav li.on a {color:#ffffff;}
	.left-nav h2.on {border-left:solid; border-left-width:4px; border-left-color:#ffffff; padding-left:16px;}
	.left-nav h2.on a {color:#ffffff;}
	.body-copy{float:right; width:860px; text-align:left;padding:50px 50px 0 0;}
	.body-copy p{margin:0 0 30px 0; padding:0; font-size:22px; font-weight:300;}
	.body-copy p strong {font-weight:700;}
	.body-copy h3{margin:80px 0 30px 0; padding:0; font-size:25px; font-weight:500; color:#bc3333;}
	.body-copy h3:first-of-type{margin:0 0 30px 0;}
	
	@media only screen and (max-width: 1800px) {
		
		.content-width{width: 1200px;}
		.logo-block{width:320px;}
		.logo{width:287px;}
		.nav li{padding-left: 24px;font-size: 21px;
}
		
	}