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

}
@font-face {
  font-family: 'avenir_medium';
  src: url('../fonts/avenirltstd-medium-webfont.eot');
  src: url('../fonts/avenirltstd-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/avenirltstd-medium-webfont.woff') format('woff'),
    url('../fonts/avenirltstd-medium-webfont.ttf') format('truetype'),
    url('../fonts/avenirltstd-medium-webfont.svg#avenir_lt_std65_medium') format('svg');
  font-weight: normal;
  font-style: normal;

}

body{}
a { outline: 0; }
h1 {
  font-family: 'avenir_black',sans-serif;
  font-size: 115px;
  text-transform: uppercase;
  letter-spacing: -4px;
  color: rgba(255,255,255,0.75);
  text-shadow: 0px 3px 10px rgba(0,0,0,0.20);
  line-height: 80%;
  font-weight: normal;
}

b, strong{
  font-weight: normal;
  font-family: 'avenir_black';
}

#slide-contact-info h1{
  text-shadow: none;
  color: #58595b;
  opacity: 0.7;
  font-size: 88px;
  line-height: 100%;
}
#slide-contact-info h1 .newline{font-size: 126px; letter-spacing: -6px;}

.navbar-brand{text-indent: -999px; overflow: hidden; width: 270px; height: 85px; background: url(../images/inventa-logo.png) no-repeat;}
.navbar-default {background-color: #fff;}
.navbar-nav{float: right;}
.navbar-fixed-top {border-width: 0}
.nav>li>a {padding: 10px 18px;}
.navbar-default .navbar-nav>li>a {
  color: #a7bf2b;
  text-transform: uppercase;
  font-family: 'avenir_medium',sans-serif;
  font-size: 11px;
  line-height: 65px;
}

.page-copy p{
  color: #dedede;
  font-family: 'avenir_black',sans-serif;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.page-copy p strong, .extra-copy strong{ color: #a7bf2b; font-weight: normal;}

.page-copy em{font-style: normal; color: #fff;}

#slide-who-we-are .page-copy{
  margin: 20px 0 0 22%;
  width: 340px;
}
.page-content{margin-top: 15%; padding-left: 40px}
#wwa-staff .page-content{
  margin-top: 5%; padding: 0;
}
#wwa-staff .staff-entry h1{
  font-size: 20px;
  color: #a7bf2b;
  text-shadow: none;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 5px;
}
#wwa-staff h2{
  font-family: 'avenir_medium',sans-serif;
  font-weight: normal;
  color: #a7bf2b;
  font-size: 14px;
  margin: 0 0 10px 0;
}

#wwa-staff .group-title{
  color: #999;
  font-family: 'avenir_medium',sans-serif;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}
.bio-copy{
  font-family: 'avenir_medium';
  color: #999;
  line-height: 1.3;
  font-size: 12px;
  opacity: 0;
}
.staff-entry{
  position: relative;
  overflow: hidden;
}
.text-wrapper{
  position: absolute;
  left: 0;
  top:100%;
  background: rgba(255,255,255,0.9);
  width: 100%;
  padding: 8px 15px;
}
.fader{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
}
.headshot-wrapper{
  height: 0;
  padding-bottom: 80%;
  background-size: cover;
  margin-bottom: 90px;
}

.locations {
  float: left;
  margin-top: 65px;
  margin-right: 50px;
}
#slide-contact-info .page-content .locations p{
  font-size: 13px;
  font-family: 'avenir_medium',sans-serif;
  line-height: 130%;
  letter-spacing: 0;
  margin-bottom: 30px
}
.locations .location-title{ color: #a7bf2b; font-family: 'avenir_black',sans-serif; font-size: 28px; text-transform: uppercase;
}
.navbar>.container .navbar-brand {
  margin-left: 10px;
}

.brand-experience-banner {
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 10;
  background: #fff;
  width: 100%;
  height: 68px;
}
.brand-experience-banner img{ margin-top: -154px}
.bcg.gallery-slide{background-position: 0 center;}

.sm-icons {
  position: fixed;
  z-index: 1020;
  top: 90px;
  right: 38px;
}
.sm-icons a{
  background: #111;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  font-size: 25px;
  height: 30px;
  width: 30px;
  text-align: center;
  display: block;
  float: left;
  line-height: 30px;
  margin-right: 4px;

}
.sm-icons a:hover{ background: #999;}

section:after {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 30px solid rgba(255,255,255,0);
  border-bottom: 0px solid rgba(255,255,255,0);
  border-right: 0px solid rgba(255,255,255,0);
  position: absolute;
  bottom: 0;
  left: 0;
  -moz-transform:scale(.9999);
  z-index: 2;
}
section:before {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-bottom: 30px solid rgba(255,255,255,0);
  border-top: 0px solid rgba(255,255,255,0);
  border-left: 0px solid rgba(255,255,255,0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -moz-transform:scale(.9999);

}
#wwa-staff:after{
  border: none;
}

/* ==========================================================================
News
========================================================================== */

.trapezoid { vertical-align: text-bottom; } .trapezoid,.polygon { display:-moz-inline-block }

.polygon,.trapezoid { margin:0; padding:0; background:none }
.polygon { width:10em; height:10em; border:none; display:inline-block; text-align:center }
.trapezoid {
  display:inline-block; width:1px; height:0; margin:0 auto;

  border-left:5em solid transparent;
  border-right:5em solid transparent;
  overflow: hidden;
}

.polygon .aa { border-bottom:10em solid;border-top:none }
.polygon .oo,.polygon .rr { border-top: 10em solid #a7bf2b; border-bottom:none}


.polygon.r8 { height:auto; position: fixed; top: 85px; right: 0; z-index: 1018; }

.polygon.r8 .aa,.polygon.r8 .oo { width: 200%; border-width: 10px; float: left; position: relative;}

.news-copy{background: #a7bf2b; width: 100%; float: left; position: relative; overflow: hidden;
  -webkit-box-shadow: -2px 10px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: -2px 10px 10px rgba(0,0,0,0.8);
}
.news-wrap .h2{
  font-family: 'avenir_black',sans-serif;
  font-weight: normal;
  font-size: 20px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  top: 40px;
  right: -37px;
  margin: 0;
  padding: 5px 19px 8px 28px;
  z-index: 1019;
}
.news-wrap .h2:hover{text-decoration: none;}
.news-copy h2{ cursor: pointer;}
.news-wrap{width: 30px}
.news-copy{height: 100px;}
.news-items{padding: 28px 30px 0 28px; opacity: 0; text-align: left;}
.news-copy h1 {
  text-shadow: none;
  font-size: 17px;
  color: #fff;
  letter-spacing: 0;
  text-align: left;
  line-height: 120%;
  margin-bottom: 15px;
}
.news-item small{color: #fff; display: block; margin: 5px 0 10px}
.news-item p{font-size: 12px;}
/* .news-item a{color: #999;} */
.news-item a:hover{color: #999}

.news-item{position: relative; z-index: 0;}
.news-item.active{z-index: 1}

/* ==========================================================================
Brand Experience Gallery
========================================================================== */
#slide-brand-experience .page-content{ margin-top: 0; padding-left: 0; height: 100%}
#slide-brand-experience .page-copy{ width: 100%;
  background-color: rgba(0,0,0,0.5);
  padding: 10px 50px;
  top: 46%;
  position: absolute;
  height: 120px;
}
#slide-brand-experience .page-copy p{
  margin-bottom: 0;
  padding: 0 50px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.play-feature{
  position: absolute;
  width: 140px;
  text-align: center;
  top:100%;
  left: 50%;
  margin-top: 20px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.play-button{
  color: #fff;
  background: #a7bf2b;
  width: 100%;
  height: 60px;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  border-radius: 4px;
  display: inline-block;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.play-text{
  color: rgba(255,255,255,0.9);
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-transform: uppercase;
  font-family: 'avenir_black',sans-serif;
  font-size: 25px;
  line-height: 1;
  display: inline-block;
}
.play-text:hover{
  color: #fff;
  text-decoration: none;
}
.play-button:hover, .play-button:active, .play-button:focus{
  color: #222;
  background: #ddd;
}

.header-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: auto;
  width: 100%;
}
.header-video.tall{
  height: 100%;
  width: auto;
}
.vimeo-wrapper{
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 84px 0 65px 0;
  background: #000;
}
.mobile .vimeo-wrapper{
  opacity: 0;
  pointer-events: none;
}
.vimeo-video{
  position: relative;
  width: 100%;
  height: 100%;
}
.vimeo-wrapper iframe{
  position: absolute;
  width: 100%;
  height: 100%;
}
.brand-experience-banner .video-logo{
  opacity: 0;
}
.brand-experience-banner .logo{
  transition: opacity 0.25s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.tab-nav, .slide-nav, .deco-box, .sm-icons, .news-wrap{
  transition: opacity 0.25s ease;
}
.video-slide .brand-experience-banner .logo{
  opacity: 0;
}
.video-slide .tab-nav, .video-slide .slide-nav, .video-slide .deco-box, .video-slide .sm-icons, .video-slide .news-wrap{
  opacity: 0;
  pointer-events: none;
}
#slide-brand-experience .page-copy{
  transition: background-color 0.25s ease;
}
.video-slide #slide-brand-experience .page-copy{
  background-color: transparent;
}
.page-copy,.header-video{
  transition: opacity 0.25s ease;
}
.vimeo-active .page-copy, .vimeo-active .header-video{
  opacity: 0;
  pointer-events: none;
}
.mobile .vimeo-active .vimeo-wrapper{
  opacity: 1;
  pointer-events: all;
}
/*
#gallery-brand-experience-2 .page-copy p, #gallery-brand-experience-3 .page-copy p{margin: 12px 0 13px 0;}
#gallery-brand-experience-3 .page-copy p:first-child {margin-bottom: 23px;}
*/


#slide-brand-experience h1{
  margin-left: 50px;
  position: absolute;
  top: 46%;
  margin-top: -180px;
}
/*
#slide-brand-experience #gallery-brand-experience-3 h1{ margin-left: 0px;
margin-top: -86px;
width: 100%;
text-align: center;
}
*/


strong .word{display: inline-block; margin: 0 10px; font-size: 20px}

/* ==========================================================================
Who We are
========================================================================== */
#slide-who-we-are h1{margin-left: 0px; font-size: 110px; letter-spacing: -8px;}
.bio-location{font-size: 70%; color: #999;}

/* ==========================================================================
Our Work
========================================================================== */

#slide-our-work .hsContent{z-index: 1;}

#slide-our-work .page-copy p{color: #58595b}
#slide-our-work .page-copy{margin-left: 22px}

#slide-our-work .page-content{padding-left: 30%; margin-top: 100px;}

.case-study h1{
  font-size: 35px;
  color: #ccc;
  text-shadow: none;
  letter-spacing: -1px;
}

.case-study .hsContent, .case-study .page-content{height: 100%; z-index: 1}
.case-study .page-content{width: 350px; margin: 0 0 0 40px; padding: 80px 30px 0 30px; background: rgba(0,0,0,0.7); overflow: hidden;}

.case-study h2{color: #a7bf2b;
  font-family: 'avenir_black',sans-serif;
  font-weight: normal;
  margin: 20px 0;
  text-transform: uppercase;
}
.case-study .page-copy p{
  font-family: 'avenir_medium',sans-serif;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 130%;
  color: #fff;
  text-transform: none;
}
.case-study .page-copy ul{	font-family: 'avenir_medium',sans-serif;
  font-weight: normal;
  font-size: 15px;
}
#slide-our-work .slide-nav, .case-study .slide-nav{display: none;}
.case-study .tab-nav {
  margin-left: 0;
  position: static;
  padding: 0;
  margin-top: 10px;
}

#slide-contact-info:after, .page-who-we-are #skrollr-body section:last-child:after{display: none;}

.client-logos {
  width: 100%;
  position: absolute;
  left: 0;
  top: 480px;
  background: rgba(255,255,255,0.5);
  height: 120px;
}
.logo-wrapper{width: 200%; overflow: hidden; position: absolute; top:0; left:0;z-index: 3}

.client-logos .logo{ float: left; padding: 25px; width: 190px}

.l-edge, .r-edge{width: 40px; height: 120px; position: absolute; top:0; z-index: 5;}

.l-edge{ background: url(../images/edge-marker-left.png) no-repeat; left: 0;}
.r-edge{ background: url(../images/edge-marker-right.png) no-repeat; right: 0;}

#slide-our-work .email-wrapper .fa {vertical-align: bottom; float: none;}
#slide-our-work .email-wrapper a {vertical-align: text-top; float: none; font-size: 30px}

.case-study .captions{ width: 200%; overflow: hidden;}
.case-study .caption{width: 50%; float: left; opacity: 0;}
.case-study .captions .caption:first-child{opacity: 1;}

/* ==========================================================================
Giving Back
========================================================================== */
.introSlide .page-copy{margin-left: 11px}
.introSlide .learn-more{font-family: 'avenir_black',sans-serif; font-size: 48px; text-transform: uppercase;color: #f16722; text-decoration: underline;}
.introSlide .learn-more:hover{
  color: #58595b;
}
.logo-wrapper.gsap-disabled{
  text-align: center;
  width: 100%;
}
.client-logos .gsap-disabled .logo {
  float: none;
  padding: 25px;
  width: 190px;
}
.case-study a{
  color: #a7bf2b;
}
.case-study a:hover{color: #fff;}
/* ==========================================================================
Jobs
========================================================================== */
#slide-jobs h1{font-size: 85px; margin: 0;}
#slide-jobs p{font-size: 36px;}

#slide-jobs .page-content{
  margin-top: 110px;
  padding-top: 20px;
  background: rgba(0,0,0,0.5);
  overflow: hidden;
  padding-bottom: 40px;

}
#slide-jobs .extra-copy{font-family: 'avenir_medium',sans-serif; color: #fff; width: 400px; margin-top: 5px; float: left; position: relative}
#slide-jobs .extra-copy strong, .jobs-email{font-family: 'avenir_black',sans-serif; font-size: 22px;}
.jobs-email, .email-link{color: #f16722; text-decoration: underline;}
.jobs-email:hover, .email-link:hover{color: #58595b;}
.email-wrapper{display: block; margin-top: 10px;}
#slide-jobs .email-wrapper {
  display: block;
  margin-top: 0;
  position: absolute;
  left: 110%;
  width: 400px;
  top: 50%;
}
.email-wrapper .fa{
  color: #f16722;
  line-height: 22px;
  float: left;
  margin-right: 8px;
  font-size: 60px;
}
.email-wrapper a{float: left; line-height: 22px;}

#slide-contact-info .page-content{ margin-top: 160px;}
#slide-contact-info .page-content p{color: #58595b}



.job-list {
  float: left;
  margin-left: 100px;
  margin-top: 60px;
  list-style-type: none;
}
.job-list li, .job-list a{font-family: 'avenir_black',sans-serif; font-size: 22px; color: #a7bf2b;}
.job-list li{margin-bottom: 15px;}
.job-list .fa {
  font-size: 48px;
  float: left;
  line-height: 21px;
  margin-top: 2px;
  margin-right: 5px;
}

.modal-header { border-bottom: none;}
.modal-content{
  color: #fff;
  background: #3f3f3f;
  background: -moz-linear-gradient(top,  #3f3f3f 0%, #585858 20%, #585858 80%, #3f3f3f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(20%,#585858), color-stop(80%,#585858), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top,  #3f3f3f 0%,#585858 20%,#585858 80%,#3f3f3f 100%);
  background: -o-linear-gradient(top,  #3f3f3f 0%,#585858 20%,#585858 80%,#3f3f3f 100%);
  background: -ms-linear-gradient(top,  #3f3f3f 0%,#585858 20%,#585858 80%,#3f3f3f 100%);
  background: linear-gradient(to bottom,  #3f3f3f 0%,#585858 20%,#585858 80%,#3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#3f3f3f',GradientType=0 );
  border-color: #fff;
  border-width: 2px;
}
.modal-body{min-height: 350px; padding: 0; margin-top: -45px;}
.close {
  font-size: 30px;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-header{padding-top: 5px; min-height: 45px; position: relative; z-index: 2000;	}
.carousel-inner>.item { min-height: 350px; padding: 10px 50px 60px 50px;}
.carousel-control .glyphicon-chevron-left {left: 10%;}
.carousel-control .glyphicon-chevron-right {right: 10%;}

#carousel-jobs .item h2, #carousel-jobs .item h3{
  font-family: 'avenir_black',sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #a7bf2b;
}

#carousel-jobs .email-wrapper{height: 30px;}
#carousel-jobs .email-wrapper a:hover{color: #a7bf2b;}
/* ==========================================================================
Triangles
========================================================================== */
.deco-box{position: absolute; width:300px; height: 300px; opacity: 0.85 }
.green-box{ background: #a7bf2b; }
.grey-box{ background: #58595b}
.white-box{ background: #fff; opacity: 0.95}


.brand-green1{right: 0; bottom: -270px; z-index: 9; -webkit-transform: skewY(-25deg)}
.brand-green2{left: 0; top: -180px; z-index: 9}
.brand-white1{right: 0; top: -170px; z-index: 9}

.wwa-green1{right: 0; bottom: -270px; z-index: 9}
.wwa-green2{left: -30px; top: -270px; z-index: 9; }
.wwa-white1{right: 0; top: -240px; z-index: 9}

.geoff-green1{right: 0; bottom: -300px; z-index: 9}
.brent-green1{left: 0; bottom: -310px; z-index: 9}
.david-green1{left: 0; bottom: -270px; z-index: 9}
.wilf-green1{right: 0; bottom: -300px; z-index: 9}
.wilf-green2{left: 0; bottom: -310px; z-index: 9}
.ren-green1{right: 0; bottom: -340px; z-index: 9}
.ren-green2{left: 0; bottom: -280px; z-index: 9}
.alexa-green1{right: 0; bottom: -350px; z-index: 9}
.alexa-green2{left: 0; bottom: -310px; z-index: 9}
.liz-green1{right: 0; bottom: -350px; z-index: 9}
.liz-green2{left: 0; bottom: -310px; z-index: 9}
.kira-green1{right: 0; bottom: -350px; z-index: 9}
.kira-green2{left: 0; bottom: -310px; z-index: 9}

.contact-green1{right: 0; bottom: -300px;}
.contact-grey1{left: -300px; bottom: -260px}
.contact-grey2{right: 0; top: -280px; z-index: 9}


.touch .brand-green1, .touch .brand-green2, .touch .wwa-green1, .touch .contact-green1{
  -webkit-transform: 	skewY(-25deg) translateY(-50px);
  -ms-transform: 		skewY(-25deg) translateY(-50px);
  transform: 			skewY(-25deg) translateY(-50px);
}
.touch .wwa-green2{
  -webkit-transform: 	skewY(-25deg);
  -ms-transform: 		skewY(-25deg);
  transform: 			skewY(-25deg);
}
.touch .geoff-green1, .touch .wilf-green1, .touch .ren-green1, .touch .alexa-green1, .touch .liz-green1, .touch .kira-green1{
  -webkit-transform: 	skewY(-20deg) translateY(-50px);
  -ms-transform: 		skewY(-20deg) translateY(-50px);
  transform: 			skewY(-20deg) translateY(-50px);
}
.touch .brent-green1, .touch .david-green1, .touch .wilf-green2, .touch .ren-green2, .touch .alexa-green2, .touch .liz-green2, .touch .kira-green2{
  -webkit-transform: 	skewY(20deg) translateY(-40px);
  -ms-transform: 		skewY(20deg) translateY(-40px);
  transform: 			skewY(20deg) translateY(-40px);
}
.touch .brand-white1, .touch .wwa-white1{
  -webkit-transform: 	skewY(25deg);
  -ms-transform: 		skewY(25deg);
  transform: 			skewY(25deg);
}
.touch .contact-grey1{
  -webkit-transform: 	skewY(17deg);
  -ms-transform: 		skewY(17deg);
  transform: 			skewY(17deg);
  left: -50px;
}
.touch .contact-grey2{
  -webkit-transform: 	skewY(25deg) translateY(70px);
  -ms-transform: 		skewY(25deg) translateY(70px);
  transform: 			skewY(25deg) translateY(70px);
}



/* ==========================================================================
Galleries
========================================================================== */
.section-title {
  position: absolute;
  top: 130px;
  left: 0;
  z-index: 1020;
  text-transform: uppercase;
  font-size: 22px;
  margin-left: 40px;
  color: #999;
  font-family: 'avenir_medium',sans-serif;
}

.partners h1, .coast-to-coast h1{
  text-shadow: none;
  font-size: 40px;
  color: #a7bf2b;
  letter-spacing: -1px;
  margin-bottom: 0;
}
.partners h2, .coast-to-coast h2{
  font-family: 'avenir_medium',sans-serif;
  font-weight: normal;
  font-size: 25px;
  color: #a7bf2b;
  letter-spacing: -1px;
  margin-top: -12px;
}
.touch .partners h2, .touch .coast-to-coast h2{
  margin-top: 0px;
}
.partners .page-copy p, .coast-to-coast .page-copy p{
  color: #999;
  font-family: 'avenir_medium',sans-serif;
  font-size: 15px;
  text-transform: none;
  letter-spacing: 0;
  line-height: 150%;
}
.partners .page-copy, .coast-to-coast .page-copy{width: 330px;}

.partners .page-content, .coast-to-coast .page-content{margin-top: 170px;}

.touch .partners .page-content, .touch .coast-to-coast .page-content{width: 50%;}

/* ==========================================================================
Case Studies
========================================================================== */
ul{ padding: 0 0 0 15px; color: #fff;}

.scroll-nav {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
}
.scroll-nav .prev, .scroll-nav .next {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  left: 0;
  overflow: hidden;
  text-indent: -999px;
  cursor:default;
}
.scroll-nav .next { left: 50%}
.case-studies-link {
  display: block;
  margin-top: 160px;
}
.case-study h1{ line-height: 105%; }

/* ==========================================================================
Slider
========================================================================== */

.slide-nav {
  position: absolute;
  z-index: 1000;
  top: 46%;
  font-size: 20px;
  padding: 0;
}
.slide-nav.prev{left:0}
.slide-nav.next{right:0}

.slide-nav.prev, .slide-nav.next{
  text-indent: -999px;
  overflow: hidden;
  height: 120px;
  width: 45px;
  line-height: 100%;
  background:url(../images/edge-marker.png) -45px 50% no-repeat;
}
.slide-nav.next{ background-position: 10px 50%; }
.tab-nav {
  position: absolute;
  bottom:160px;
  width: 100%;
  overflow: hidden;
  padding: 0 40px;
  z-index: 1000;
}
.news-wrap .tab-nav{bottom: 0; padding: 0 28px;}
.news-wrap.closed .tab-nav{display: none}
.tab-nav .tab{display:block; overflow: hidden; text-indent: -999px; background: none; border: 1px solid #fff; width: 19px; height: 19px; border-radius: 50%; float:left; margin-right: 8px}

.tab-nav .tab:hover{ background: rgba(100,100,100,0.5);}

.tab-nav .tab.active:hover{ background: #a7bf2b}

#slide-partners .tab, #slide-coast-to-coast .tab{border: 1px solid #999;}

.tab-nav .active{background: #a7bf2b;}
.news-wrap .tab-nav .active, .news-wrap .tab-nav .active:hover{background: rgba(255,255,255,0.5);}
.news-items{width: 350px;}
.open .news-copy{padding-bottom: 40px;}

/* ==========================================================================
Parallax settings
========================================================================== */
body, html {
  height: 100%;
  min-height: 100%;
  background-color: #fff;
}
.page-template-default .container {
  width: 100%;
  padding: 0;
}
section {
  opacity: 0;
  overflow: hidden;
  position: relative;
}
.loaded section,
.no-js section {
  opacity: 1;
  -webkit-transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
main {
  overflow-x: hidden;
}

#preload {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.bcg {
  background-position: center center;
  background-repeat: no-repeat;

  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}
.touch .partners .bcg, .touch .coast-to-coast .bcg {background-position: 70% center}

.no-touch .bcg{
  background-attachment: fixed;
}
.hsContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.hsContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bcg.gallery-slide{background-position: 0 center;}

.floater{ width: 100%; height: 800px; position: absolute; top:0; left:0; z-index: 0; background-size: cover; }

.navbar-toggle { margin-right: 25px;}

@media only screen
  and (min-device-width : 320px)
  and (max-device-width : 480px),
  screen and (max-width:767px) {

    #slide-brand-experience .tab-nav {
      top: auto;
      bottom: 15px;
      padding: 0 48px;
      padding-bottom: 18%;
    }

    .news-wrap{display: none;}
    .navbar-brand{
      padding: 0;
      height: 50px;
      width: 180px;
      background-size: contain;
    }
    .sm-icons{
      z-index: 1030;
      top: 12px;
      right: 55px;
    }
    .sm-icons a{
      font-size: 18px;
      height: 25px;
      width: 25px;
      line-height: 25px;
    }
    .navbar-default .navbar-nav>li>a {
      padding: 0 5px;
      line-height: 24px;
    }
    .navbar-nav {
      float: left;
      margin: 0;
    }
    #slide-brand-experience h1 {
      margin-left: 50px;
      position: absolute;
      top: 110px;
      margin-top: -39px;
      font-size: 50px;
      letter-spacing: -3px;
      width: 100%;
    }
    #slide-brand-experience h1 br{display: none;}
    #slide-brand-experience .page-copy {top: 110px;}
    #slide-brand-experience .page-copy p{font-size: 16px;}
    .slide-nav { top: 110px; }
    .slide-nav .prev, .slide-nav .next { height: 84px;}
    .tab-nav { top:215px; bottom: auto; padding: 0 48px;}

    .brand-experience-banner img { width: 60%; margin-top: -82px; margin-bottom: 10px}
    strong .word {
      display: inline-block;
      margin: 0 5px;
      font-size: 15px;
    }
    #gallery-brand-experience-3 .page-copy p:first-child {
      margin-bottom: 0;
    }
    #gallery-brand-experience-3 .page-copy p {
      margin: 11px 0 10px 0;
    }
    .page-content {
      margin-top: 80px;
      padding-left: 15px;
    }
    #slide-who-we-are h1 {
      margin-left: 0px;
      font-size: 80px;
      letter-spacing: -5px;
    }
    .page-copy p { font-size: 22px}
    .touch .partners .bcg, .touch .coast-to-coast .bcg {
      background-position: right top;
      background-size: 90% auto;

    }
    .section-title {
      top: 40px;
      font-size: 14px;
      margin-left: 15px;
    }
    .partners h1, .coast-to-coast h1 {
      font-size: 25px;
    }
    .partners h2, .coast-to-coast h2 {
      font-size: 19px;
    }
    .partners .page-content, .coast-to-coast .page-content {
      margin-top: 60px;
    }
    .partners .page-copy p, .coast-to-coast .page-copy p {
      color: #999;
      font-family: 'avenir_medium',sans-serif;
      font-size: 13px;
      text-transform: none;
      letter-spacing: 0;
      line-height: 130%;
    }
    .partners .page-copy, .coast-to-coast .page-copy {
      width: 312px;
    }
    #slide-jobs .page-content { margin-top: 0;}
    #slide-jobs h1 {
      font-size: 46px;
      margin: 30px 0 0 0;
    }
    #slide-jobs p {
      font-size: 20px;
    }
    #slide-jobs .extra-copy {
      width: 280px;
      margin-top: 5px;
      line-height: 110%;
      font-size: 13px;
    }
    #slide-jobs .email-wrapper { top:40% }
    .email-wrapper .fa {
      margin-right: 2px;
      font-size: 48px;
    }
    .jobs-email {
      font-size: 14px;
    }
    #slide-contact-info .page-content {
      margin-top: 54px;
    }
    #slide-contact-info h1 {
      font-size: 40px;
      line-height: 100%;
    }
    #slide-contact-info h1 .newline {
      font-size: 40px;
      letter-spacing: -4px;
    }
    #slide-contact-info .email-wrapper a {
      font-size: 20px;
    }
    .locations {
      float: left;
      margin-top: 25px;
      margin-right: 0;
      width: 100%;
    }
    #slide-contact-info .page-content .locations p {
      font-size: 12px;
      line-height: 114%;
      letter-spacing: 0;
      margin-bottom: 30px;
      width: 262px;
      float: left;
    }
    .locations .location-title {
      font-size: 20px;
    }

    #slide-our-work .page-content {
      margin-top: 60px;
    }
    #slide-our-work h1 {
      font-size: 50px;
      letter-spacing: -2px;
    }
    #slide-our-work h1 br {
      display: none;
    }
    #slide-our-work .page-copy {
      margin-left: 10px;
    }
    #slide-our-work .page-copy p {
      font-size: 20px;
    }
    #slide-our-work .email-wrapper a {
      font-size: 24px;
    }
    .case-study .page-content {
      width: 430px;
      margin: 0;
      padding: 30px 10px 0 10px;
    }
    .case-study h1 {
      font-size: 22px;
      letter-spacing: 0px;
      margin-bottom: 0;
    }
    .case-study h2 {
      margin: 20px 0;
      margin-top: 5px;
      font-size: 18px;
      margin-bottom: 5px;
    }
    .case-study .page-copy p, .case-study .page-copy ul{
      font-size: 13px;
      letter-spacing: 0;
      line-height: 130%;
    }
    #slide-our-work{ height: 440px !important}
    #slide-our-work .bcg {
      background-position: right center;
      background-size: 110% auto;
    }
    .client-logos {
      width: 100%;
      position: absolute;
      left: 0;
      top: 260px;
      background: rgba(255,255,255,0.5);
      height: 70px;
    }
    .l-edge {
      background: url(../images/edge-marker-left.png) center center no-repeat;
    }
    .r-edge {
      background: url(../images/edge-marker-right.png) center center no-repeat;
    }
    .l-edge, .r-edge {
      width: 40px;
      height: 70px;
    }
    .logo-wrapper {
      width: 300%;
    }
    .client-logos .logo{
      float: left;
      padding: 5px 15px;
      width: 135px;
    }
    .client-logos .gsap-disabled .logo {
      padding: 5px 15px;
      width: 135px;
    }

    .introSlide .learn-more{
      font-size: 32px;
    }

    .case-studies-link {margin-top: 100px;}

    .gsap-slider .bcg.gallery-slide {
      background-position: center center !important;
    }
    .l-edge, .r-edge{z-index: 2000;}
    /* ==========================================================================
    Triangles
    ========================================================================== */
    .deco-box{position: absolute; width:300px; height: 300px; opacity: 0.85 }
    .green-box{ background: #a7bf2b; }
    .grey-box{ background: #58595b}
    .white-box{ background: #fff; opacity: 0.95}


    .brand-green1{right: 0; bottom: -330px; z-index: 9; -webkit-transform: skewY(-25deg)}
    .brand-green2{left: 0; top: -240px; z-index: 9}
    .brand-white1{right: 0; top: -270px; z-index: 9}

    .wwa-green1{right: 0; bottom: -330px; z-index: 9}
    .wwa-green2{left: -30px; top: -300px; z-index: 9; }
    .wwa-white1{right: 0; top: -290px; z-index: 9}

    .geoff-green1{right: 0; bottom: -340px; z-index: 9}
    .brent-green1{left: 0; bottom: -340px; z-index: 9}
    .david-green1{left: 0; bottom: -328px; z-index: 9}
    .wilf-green1{right: 0; bottom: -340px; z-index: 9}
    .wilf-green2{left: 0; bottom: -350px; z-index: 9}
    .ren-green1{right: 0; bottom: -370px; z-index: 9}
    .ren-green2{left: 0; bottom: -330px; z-index: 9}
    .alexa-green1{right: 0; bottom: -360px; z-index: 9}
    .alexa-green2{left: 0; bottom: -340px; z-index: 9}
    .liz-green1{right: 0; bottom: -360px; z-index: 9}
    .liz-green2{left: 0; bottom: -340px; z-index: 9}
    .kira-green1{right: 0; bottom: -360px; z-index: 9}
    .kira-green2{left: 0; bottom: -340px; z-index: 9}

    .contact-green1{right: 0; bottom: -340px;}
    .contact-grey1{left: -300px; bottom: -310px}
    .contact-grey2{right: 0; top: -360px; z-index: 9}

}
@media only screen and (max-width : 320px), screen and (max-width:479px) {
}

@media only screen and (max-width : 320px),
  screen and (max-width:479px) {
    #slide-brand-experience h1 br{display:inherit;}
    .brand-experience-banner img {width: 90%; margin-top: -69px;}
    #slide-brand-experience h1 {top: 150px;margin-top: -78px;}
    #slide-brand-experience .page-copy {top: 30%;}
    .slide-nav {top: 30%;}

    #slide-brand-experience .page-copy p br{ display: none}

    #slide-brand-experience .page-copy {
      padding: 2px 18px;
    }
/*
    .slide-nav {
      top: 150px;
    }
*/
    .slide-nav .prev, .slide-nav .next {
      background: url(../images/edge-marker.png) -55px 50% no-repeat;
    }
    .slide-nav .next {
      background-position: 20px 50%;
    }
    #slide-brand-experience .page-copy p {
      margin: 0;
      padding: 0 35px;
    }
    strong .word {
      font-size: 14px;
    }
    #slide-who-we-are .page-copy { margin-left: 0 }
    .touch .partners .bcg, .touch .coast-to-coast .bcg {
      background-position: right 0px;
      background-size: auto 80%;
    }
    .partners .page-content, .coast-to-coast .page-content {
      margin-top: 30px;
    }
    .section-title {
      top: 10px;
    }
    .touch .partners .hsContent, .touch .coast-to-coast .hsContent {
      bottom: 0;
      top: auto;
      width: 100%;
      height: auto;
      background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(45%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
      background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%);
      background: -o-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%);
      background: -ms-linear-gradient(top,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%);
      background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#ffffff',GradientType=0 );

      padding-bottom: 25px;
      z-index: 9;
    }
    .touch .partners .page-content, .touch .coast-to-coast .page-content {
      width: 100%;
      padding-right: 15px;
    }
    .partners .page-copy, .coast-to-coast .page-copy {
      width: 100%;
    }

    .partners, .coast-to-coast, #slide-contact-info, #slide-our-work{ height: 568px !important;}


    #slide-jobs .page-content { height: 100%}
    #slide-jobs .email-wrapper {
      display: block;
      margin-top: 10px;
      position: relative;
      left: 0;
      width: 100%;
      top: 0;
    }
    #slide-contact-info h1 .newline {
      font-size: 54px;
    }

    #slide-contact-info .page-copy p {
      font-size: 18px;
    }
    #slide-contact-info .email-wrapper a {
      font-size: 15px;
    }
    .contact-grey2 {
      top: -380px;
    }

    #slide-our-work .bcg {
      background-position: -60px 50px;
      background-size: auto 100%;
    }
    #slide-our-work h1, .introSlide h1 {
      font-size: 65px;
      letter-spacing: -2px;
      margin-left: 15px;
      margin-right: 15px;
    }
    #slide-our-work .page-copy, .introSlide .page-copy {
      margin-left: 0;
    }
    #slide-our-work .page-copy p , .introSlide .page-copy p{
      font-size: 17px;
      background: rgba(255,255,255,0.8);
      padding: 5px 15px;
    }
    .page-copy em {color: #999;}
    .email-wrapper {
      margin-left: 15px;
    }
    .client-logos {
      top: 334px;
    }
    .logo-wrapper {
      width: 400%;
    }
    .introSlide .logo-wrapper{
      width:100%;
    }
    #slide-our-work .page-content, .introSlide .page-content {
      padding-left: 0;
    }
    .case-study .page-content {
      width: 100%;
      margin: 0;
      padding: 10px 10px 40px 10px;
      position: absolute;
      height: auto;
      bottom: 0;
    }
    .case-study h1 {
      font-size: 22px;
      letter-spacing: 0px;
      margin: 0 0 10px 0;
    }
    #slide-our-work .tab-nav, .introSlide .tab-nav {

      position: static;
    }

    .introSlide{
      min-height: 500px !important;
    }

}

@media screen and (max-height: 767px){
  #slide-jobs{ height: 700px !important}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

  .l-edge, .r-edge{z-index: 2000;}


}


@media screen and (min-height: 768px){
  #slide-jobs .extra-copy{margin-top: 5%;}
  #slide-jobs .page-content{margin-top: 14%}
}


@media screen and (min-width: 991px){
  .play-feature{
    top:50%;
    right: 80px;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: auto;
    margin: 0;
  }
  .play-button{
    width: 80px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    display: inline-block;
  }
  .play-text{
    line-height: 60px;
    display: inline-block;
    margin-right: 10px;
  }
}
@media screen and (min-width: 768px){
  .navbar-brand{
    padding: 15px;
    height: 85px;
    width: 270px;
    background-size:auto;
  }
  .navbar-nav {
    float: right;
    margin: 7.5px -15px;
  }
  .sm-icons{display: block;}
  .navbar-default .navbar-nav>li>a {
    line-height: 50px;
  }
  .modal-dialog {margin-top: 100px; width: 700px}
  .carousel-indicators {
    bottom: 10px;
  }
  .nav>li>a {padding: 10px 18px;}
  #slide-jobs h1 {font-size: 62px;}
  #slide-jobs p {font-size: 32px;}
  #gallery-brand-experience-3 .page-copy p:first-child {margin-bottom: 23px;}
  strong .word{display: inline-block; margin: 0 10px; font-size: 20px}
  #slide-who-we-are h1{margin-left: 0px; font-size: 110px; letter-spacing: -8px;}
  .touch .partners .page-content, .touch .coast-to-coast .page-content{width: 50%;}
  .touch .partners .bcg, .touch .coast-to-coast .bcg {background-position: 70% center}
  .locations {float: left;margin-top: 65px;margin-right: 50px; clear: left;width: 100%;}
  .locations p{float: left; margin-right: 60px}
  #slide-contact-info h1 .newline{font-size: 126px; letter-spacing: -6px;}
  #slide-our-work .page-content, .introSlide .page-content{padding-left: 30%; margin-top: 100px;}

  .touch .gsap-slider .bcg.gallery-slide {
    background-position: center center !important;
  }


  /* ==========================================================================
  Triangles
  ========================================================================== */
  .deco-box{position: absolute; width:300px; height: 300px; opacity: 0.85 }
  .green-box{ background: #a7bf2b; }
  .grey-box{ background: #58595b}
  .white-box{ background: #fff; opacity: 0.95}


  .brand-green1{right: 0; bottom: -270px; z-index: 9; -webkit-transform: skewY(-25deg)}
  .brand-green2{left: 0; top: -180px; z-index: 9}
  .brand-white1{right: 0; top: -170px; z-index: 9}

  .wwa-green1{right: 0; bottom: -270px; z-index: 9}
  .wwa-green2{left: -30px; top: -270px; z-index: 9; }
  .wwa-white1{right: 0; top: -240px; z-index: 9}

  .geoff-green1{right: 0; bottom: -300px; z-index: 9}
  .brent-green1{left: 0; bottom: -310px; z-index: 9}
  .david-green1{left: 0; bottom: -270px; z-index: 9}
  .wilf-green1{right: 0; bottom: -300px; z-index: 9}
  .wilf-green2{left: 0; bottom: -310px; z-index: 9}
  .ren-green1{right: 0; bottom: -340px; z-index: 9}
  .ren-green2{left: 0; bottom: -280px; z-index: 9}
  .alexa-green1{right: 0; bottom: -350px; z-index: 9}
  .alexa-green2{left: 0; bottom: -310px; z-index: 9}
  .liz-green1{right: 0; bottom: -350px; z-index: 9}
  .liz-green2{left: 0; bottom: -310px; z-index: 9}
  .kira-green1{right: 0; bottom: -350px; z-index: 9}
  .kira-green2{left: 0; bottom: -310px; z-index: 9}

  .contact-green1{right: 0; bottom: -300px;}
  .contact-grey1{left: -300px; bottom: -260px}
  .contact-grey2{right: 0; top: -280px; z-index: 9}


}
.pageSlide .page-content{
  padding: 0;
}
.pageSlide{
  height: 1000px;
  background: rgb(92,1,0);
  background: -moz-linear-gradient(top, rgba(92,1,0,1) 0%, rgba(202,14,13,1) 100%);
  background: -webkit-linear-gradient(top, rgba(92,1,0,1) 0%,rgba(202,14,13,1) 100%);
  background: linear-gradient(to bottom, rgba(92,1,0,1) 0%,rgba(202,14,13,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0100', endColorstr='#ca0e0d',GradientType=0 );
}
.pageSlide h1{
  text-align: center;
}
.pageSlide .page-copy{
  max-width: 800px;
  margin: 0 auto;
}
.video-wrapper{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 960px) {
  #gallery-brand-experience-3 .page-copy p:first-child {margin-bottom: 25px;}
  strong .word{display: inline-block; margin: 0 10px; font-size: 25px}
  #slide-who-we-are h1{margin-left: 0px; font-size: 135px; letter-spacing: -8px;}
  .nav>li>a {padding: 10px 36px;}
  .touch .partners .page-content, .touch .coast-to-coast .page-content{width: inherit;}
  .touch .partners .bcg, .touch .coast-to-coast .bcg {background-position: center center}
  .locations{float: right;margin-top: -135px;margin-right: 50px; clear: none; width: auto;}
  #slide-contact-info .extra-copy{margin-top: 50px;}
  .locations p{float: none; margin-right: 0}
  #slide-contact-info h1 .newline{font-size: 142px; letter-spacing: -6px;}
  #slide-our-work .page-content, .introSlide .page-content{padding-left: 40%; margin-top: 100px;}
}

@media (min-width: 992px) {
  #slide-jobs h1 {font-size: 75px;}
  #slide-jobs p {font-size: 36px;}
}



@media (min-width: 1200px) {
  #slide-jobs h1 {font-size: 85px;}
}