/*
Theme Name: TBWA\Chiat\Day New York
Theme URI: http://tbwachiatdayny.com/
Description: Developed by iMack Software, LLC.
Author: iMack Software, LLC
Author URI: http://i-Mack.com/
Description: This theme was developed exclusively for TBWA\Chiat\Day New York by iMack Software, LLC.
Version: 1.0
*/
body{
	color:#111111;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h2 {
	letter-spacing: -1px;
}
h3 {
	letter-spacing: -.25px;
}
.red{
	color:#d41100;
}
.hello-underline{
	width:82px;
	height: 20px;
	border-bottom: #d41100 4px solid;
}
.heading-underline{
	width:82px;
	height: 20px;
	margin:0 auto;
	border-bottom: #d41100 4px solid;
	margin-bottom:60px;
}
#tbwa-meta{
	padding-top:25px;
	font-size:14px;	
}
/* ------- HERO ------- */
#hero-trim{
	width:100%;
	height:20px;
	background:#000000;
}
#hero{
	padding:0px;
	margin:0 auto;
	width:100%;
	height:670px;
	background-image:url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/hero.jpg');
  	background-color:#ffffff;
	background-blend-mode:multiply;
	background-size:cover;
	background-position: 80% 50%;
}
#logo{
	color:#ffffff;
	padding-top:19px;
	font-size:16px;
}
#logo img{
	width:43px;
	height:auto;
	margin-right:7px;
}
#hero h1{
	font-size:70px;	
	line-height:100%;
	color:#ffffff;
}
.hero-content{
	color:#ffffff;
	letter-spacing:-3px;
	/* padding:0px 75px; */
	position: relative;
  	top: 63%;
  	
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/* ------- WELCOME ------- */
.tbwa-slash{
	margin-top:-175px;
}
#welcome{
	padding: 180px 0px 0 0px;
	font-size:26px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-transform: translateY(-130px);
	-ms-transform: translateY(-130px);
	transform: translateY(-130px);
}
#team, #clients{
	padding:70px 0px;
	font-size:26px;
}
#welcome h2{
	font-size:212px;
	letter-spacing:-10px;
	margin-left:-13px;
	margin-top:0px;
	margin-bottom:0px;
}
#welcome h3{
	font-size: 28px;
	margin-top:0px;
	margin-bottom: 16px;
}
#team h2, #clients h2, #error-404 h2{
	font-size: 64px;
	padding: 0 20px;
}
#welcome p{
	font-size:22px;
	line-height:1.3em;
}
#clients p{
	font-size:42px;
}

.divider{
    color:white;
    height:550px;
    background-size: cover;
	background-position: auto auto;	
}
#american-city-divider{
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/dividerImageA.jpg') no-repeat center center;
    /*background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/divider-american-city.jpg') no-repeat center center;*/
    color:white;
    height:550px;
    background-size: cover;
    background-position: auto auto;
}
#agency-divider{
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/divider-agency.jpg') no-repeat center center; 
    color:white;
    height:550px;
    background-size: cover;
	background-position: auto auto;
}

/* -------- SLIDER ------ */
.bx-container {
    padding-top: 85px;
    position: relative;
    margin: 0 -20px;
}
.bx-viewport {
    overflow: visible !important;
    /* margin-left: -40px; */
}
.bx-controls {
    display: none;
}
.bxslider a {
	margin: 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	padding: 0;
	width: auto;
	height: auto;
}
.bxslider a.single {
	cursor: default;
}
.bxslider a + a {
	display: none;
}
.bxslider li.image > a[rel]:first-of-type:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 0 4px 4px;
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/carousel/carousel-border.png') no-repeat;
    background-size: 100% 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.bxslider img {
    width: 100%;
    height: auto;
    /* padding: 0 0 0 40px; */
    display: block;
    min-height: 330px;
    min-width: 588px;
    position: relative;
}
.video-title {
    position: absolute;
    left: 0px;
    bottom: -60px;
    opacity: 0;
	-webkit-transition: opacity .5s linear 0.0s;
    transition: opacity .5s linear 0.0s;
    color: #111111;
}

li.active .video-title {
    opacity: 1;
	
    -webkit-transition: opacity .35s linear 0.75s;
    transition: opacity .35s linear 0.75s;
}
.video-title .detail,
.fancybox-wrap .detail {
    font-size: 28px;
    line-height: 28px;
    color: #111111;
    font-weight: 700;
}
.video-title .client {
    font-size: 14px;
    margin-left: 55px
}
.fancy-pager {
	float: right;
	width: 50%;
	padding: 8px 0 0 !important;
	margin: 0 !important;
}
.fancybox-wrap .detail {
	float: left;
	width: 50%;
}
.fancybox-title.fancybox-title-inside-wrap {
    overflow: hidden;
    padding-top: 27px;
}
#pager,
.fancy-pager {
    text-align: right;
    margin-right: 20px;
    padding-top: 36px;
    font-size: 14px;
    font-weight: 600;
}
#pager a,
.fancy-pager a {
    width: 10px;
    height: 15px;
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/arrow-l.png') no-repeat;
    padding: 0;
    margin: 0 8px -2px 0;
}
#pager a.bx-next,
.fancy-pager a.fncy-next {
    width: 10px;
    height: 15px;
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/arrow-r.png') no-repeat;
    padding: 0;
    margin: 0 0 -2px 8px;
}
.shield-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
[id$="-shield"] {
    position: absolute;
    width: 1000px;
    height: 100%;
    top:0;
    z-index: 30;
    cursor: pointer;
}
a.fancybox-media::after {
    content: '';
    display: block;
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/play.png') no-repeat;
    background-size: contain;
    width: 10%;
    height: 0;
    padding-bottom: 10%;
    position: absolute;
    top: 50%;
    margin: 0 45%;
    -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
            transform: translateY(-45%);
}
#prev-shield {
    left: -1000px;
}
#next-shield {
    right: -1000px;
}
/* ------- CLIENTS ------- */
.logo-cell{
	border-right:#e7e7e7 1px solid;
	border-bottom:#e7e7e7 1px solid;
	/* height:190px; */
	/* padding-bottom: 20%; */
}
.logo-cell:nth-child(4n+2){
	border-right:0px;
	padding-right: 16px;
}
.logo-cell:nth-last-child(1), .logo-cell:nth-last-child(2), .logo-cell:nth-last-child(3), .logo-cell:nth-last-child(4){
	border-bottom:0px;
	margin-bottom: 1px;
}
.logo-cell img{	
	position: relative;
  	
	top: 50%;
  	
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	/*
	-webkit-filter: grayscale(1);
  	-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
  	filter: url(#greyscale);
  	filter: gray;
	*/
}


.logo-cell .logo-wrapper {
    background: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/logo.jpg");
    background-size: 400%;
    padding-bottom: 74%;
    width: 100%;
    overflow: hidden;
    margin: 1px auto;
}
.logo-cell.absolute .logo-wrapper{background-position:0 0}
.logo-cell.bein .logo-wrapper{background-position:33.3% 0}
.logo-cell.bny .logo-wrapper{background-position:66.6% 0}
.logo-cell.godaddy .logo-wrapper{background-position:100% 0}
.logo-cell.gsk .logo-wrapper{background-position:0 25%}
.logo-cell.hnm .logo-wrapper{background-position:33.3% 25%}
.logo-cell.hearts .logo-wrapper{background-position:66.6% 25%}
.logo-cell.jameson .logo-wrapper{background-position:100% 25%}
.logo-cell.kenwood .logo-wrapper{background-position:0% 50%}
.logo-cell.mcd .logo-wrapper{background-position:33.3% 50%}
.logo-cell.michelin .logo-wrapper{background-position:66.6% 50%}
.logo-cell.nbc .logo-wrapper{background-position:100% 50%}
.logo-cell.nissan .logo-wrapper{background-position:0% 75%}
.logo-cell.nutrilite .logo-wrapper{background-position:33.3% 75%}
.logo-cell.pepsi .logo-wrapper{background-position:66.6% 75%}
.logo-cell.sportchek .logo-wrapper{background-position:100% 75%}
.logo-cell.reuters .logo-wrapper{background-position:0% 100%}
.logo-cell.travelers .logo-wrapper{background-position:33.3% 100%}
.logo-cell.spacer .logo-wrapper{background:transparent;}


/* ------- TEAM ------- */
.team-member {
	border-right:#e7e7e7 1px solid;
	border-bottom:#e7e7e7 1px solid;
	height:480px;
}
.team-member > a.team-link {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 97%;
	/*background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/bio.jpg");*/
	background-image: url("http://5fd576cf76e1a6ee0983-f1253ce2dbbeb3a70056cacd257dbf05.r65.cf5.rackcdn.com/assets/bio-060216.jpg");
	overflow: hidden;
}
#rob-schwartz.team-member > a.team-link{
	background-position: 0% 0%;
}
#chris-garbutt.team-member > a.team-link{
	background-position: 0% 12.5%;
}
#kyla-jacobs.team-member > a.team-link{
	background-position: 0% 25.05%;
}
#aki-spicer.team-member > a.team-link{
	background-position: 0% 37.5%;
}
#brian-carr.team-member > a.team-link{
	background-position: 0% 50%;
}
/*
#melatan-riden.team-member > a.team-link{
	background-position: 0% 62.5%;
}*/
#nancy-reyes.team-member > a.team-link{
	background-position: 0% 62.5%;
}
#ed-castillo.team-member > a.team-link{
	background-position: 0% 75.0%;
}
#chad-hopenwasser.team-member > a.team-link{
	background-position: 0% 87.5%;
}
#blanca-stephens.team-member > a.team-link{
	background-position: 0% 100%;
}

.team-member:nth-child(3n+2){
	border-right:0px;
}
.team-member:nth-last-child(1), .team-member:nth-last-child(2){
	/*border-bottom:0px;*/	
}
img.member-img{
	max-width:100%;
	height:auto;
}
.team-arrow{
	display:none;
}
.team-member h3{
	font-size:32px;	
	margin-bottom:0px;
}
.team-member-content{
	text-align:left;
	font-size:14px;
	padding: 0 15px;
}
.team-member-content p{
	margin-top:10px;
	margin-bottom:0px;
	height: 8.57142858em;
	line-height: 1.42857143em;
	text-overflow: ellipsis;
  	overflow: hidden;
}
.team-member-content a{
	padding:0px;
	color:#333333;
	text-decoration:underline;
}
.team-member-meta{
	font-size:16px;
}
.team-member-overlay{
	width:980px !important;
	/* height:485px !important; */
	min-height: 485px;
	display:none;
	position:relative;	
}
.team-member-overlay h2{
	font-size:60px;
}
.team-member-overlay .member-img{
	width:50%;
	float:left;
	position: absolute;
	left: 0;
	bottom: 0;
}
.team-member-overlay .member-img img{
	width:490px;
	height: auto;
}
.team-member-overlay .member-content{
	width:45%;
	float:right;
	padding-right:45px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#blanca-stephens h3 {
	width: 180px;
}

#ed-castillo h3 {
	width: 140px;
}
.team-member > .team-link {
	padding-bottom: 68% ;
}
a.team-link{
	color:#111111;
	display: block;
}
.team-name-single {
	font-size: 97px;
	margin-top: 72px;
	font-weight: 500;
	margin-bottom: 12px;
}
.team-name-single + .team-member-meta{
	font-size: 29px;	
	margin-bottom: 61px;
	font-weight: 500;
}
.member-content  h1{
	font-size:86px;
	font-weight:bold;
	color:#111111 !important;
	letter-spacing:-2px;
}
.member-content  h2{
	margin-bottom:0px;
}
.member-content .team-member-meta{
	font-size:16px;
	padding-top: 5px;
	padding-bottom:14px;
}
.team-member-popout p{
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	padding: 0 5px;
}
.team-member-popout img[src="https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/back-arrow.png"] {
    height: 16px;
    width: auto;
    margin-top: 3px;
}
.team-member-popout .back-button{
	font-size: 17px;
}
.team-member-popout .back-button a{
	font-size: 17px;
	text-decoration:none;
	color:#d41100;
}
/* ----- TEAM DETAIL ---- */
.team-member-popout .photo {
    padding: 0;
	
}
.team-member-popout .team-name-single {
	font-size: 43px;
	margin-top: 30px;
}
.team-member-popout .team-name-single + .team-member-meta {
  font-size: 17px;
  margin-bottom: 30px;
  font-weight: 500;
}
/* ------- FOOTER ------- */
#footer{
	background:#111111;	
	width:100%;
	padding-top: 65px;
	color:#bbbbbb;
	font-size:16px;
}
#footer h2{
	color:#ffffff;
	font-size:64px;
	line-height: 68px;
	padding-bottom: 50px;
}
#footer .company-name {
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 6px;
}
#footer .address {
	/*margin-bottom: 60px;*/
}
#footer .address span {
  font-weight: 500;
  color: #fff;
}
#footer-logo{
	width:185px;
	height:28px;
	margin:0 auto;
	margin-top:91px;
}
#footer-logo img{
	width:100%;
	height:auto;
}
#footer a{
	color:#bbbbbb;
	text-decoration:underline;
}
.stealth {
    color: #ffa69e;
    font-size: 16px;
    line-height: 22px;
    padding: 60px 0;
    background: #d41100 url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/bomber.png') no-repeat 50%;
}
.stealth .bomber {
    max-width: 500px;
    margin: 0 auto;
}
.subfooter{
	background:#111111;	
	border-top:#282828 1px solid;
	padding: 55px 0px 18px;
	color:#bbbbbb;
	font-size:12px;
}


/* ------- VIDEO SLIDER ------- */
#video-slider .item{
  padding: 30px 0px;
  margin: 10px;
  color: #FFF;
  border-radius: 3px;
  text-align: center;
}
.customNavigation{
  text-align: center;
}
/* use styles below to disable ugly selection */
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.fancybox-opened .fancybox-skin {
    box-shadow: none !important;
}

.fixedlineheight{
	line-height:.9;
	}
.redteamlink{
	color: #ff0000!important;
	text-decoration:none!important;
}
.blackteamlink{
	color: #111111!important;
	text-decoration:none!important;
}
.member-content h2{
	letter-spacing: -2px;
	line-height: 50px;
	font-weight:900;
	}



@media screen and (max-width: 767px) {

	.desktop-text {
		display: none;
	}
	.tbwa-slash{
		display:none;
	}
	#tbwa-meta, .hello-underline{
		display:none;
	}
	#welcome{
		text-align:center;
	}
	.logo-cell img{
		max-width:70%;
	}
	#logo{
		font-size: 14px;
		font-weight:700;
	}
	#american-city-divider,
	#agency-divider {
		height: 330px;
	}
	#hero {
		height: 0;
		padding-bottom: 113%;
	
		overflow: hidden;
		position: relative;
	}
	#welcome {
		padding-bottom: 0;
		margin-bottom: -100px;
	}
	#team h2, #clients h2 {
		font-size: 43px;
	}
	#welcome h3 {
	  font-size: 23px;
	  margin-top: 0px;
	  margin-bottom: 5px;
	}
	.hero-content {
		-webkit-transform: translateY(-45px);
		-ms-transform: translateY(-45px);
		transform: translateY(-45px);
		letter-spacing: -1px;
	
		vertical-align: middle;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		bottom: 0;
		vertical-align: middle;
	}
	#welcome h2 {
		font-size: 75px;
		letter-spacing: -0.25px;
	}

	#welcome p {
		font-size: 18px;
		line-height: 24px;
	}
	#hero h1 {
	  font-size: 43px;
	  text-align: center;
	}
	.logo-cell {
		/* height: 110px; */
	}
	.logo-cell img{
		max-height: 70%;
	}
	.show-team-link{
		display:block!important;
	}
	a.team-link, .team-member-content p{
		display:none;
	}
	.team-member > a.team-link {
		padding: 0 0 30% 0!important;
		background-size: 43%;
	}
	a.fancybox-media::after {
		width: 20%;
		padding-bottom: 20%;
		margin: 0px 40%;
	}
	.bx-container{
		margin-bottom: 40px;
	}
	.bxslider li {
		overflow: hidden;
	}
	.bxslider a {
		margin: 0 0 40px;	
		/* overflow: hidden; */	
		width: 100%;
		min-height: 330px;
	}
	.bxslider li.fancyboximage > a:before,
	.bxslider li.image > a:first-of-type:before {
		display: none;
	}
	.bx-controls {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 49px;
	}
	.bx-pager {
		display: table;
		margin: 0 auto;
	}
	.bx-pager-item {
		display: table-cell;
		font-size: 1px;
		color: transparent;
	}
	.bx-pager-item a {
		display: block;
		padding: 10px 6px;
	}
	.bx-pager-item a:before {
		content: '';
		display: block;
		width: 12px;
		height: 12px;
		background: #fff;
		border-radius: 50%;
		opacity: 0.4;
		-webkit-transition: opacity 0.35s;
		        transition: opacity 0.35s;
	}
	.bx-pager-item a.active::before {
		opacity: 1;
	}	
	.video-title {
	    width: 100%;
	    bottom: -30px;
	    left: 0;
	    padding: 0 20px;
	    height: 40px;
	}
	.video-title > *,
	.video-title .client {
	    margin: 0;
	    display: block;	
	    position: absolute;
	    float: left;	
	    bottom: 0;
	    left: 20px;
	}
	.video-title .detail { 
	    font-size: 18px;
	    line-height: 20px;
	}
	.video-title .client {
		font-size: 13px;
		line-height: 20px;
		right: 20px;
		left: auto;
		position: absolute;
	}
	#pager {
		display: none;
	}
	.logo-cell{
		width: 50%;
		float:left;
	}
	.logo-cell:nth-child(4n+2){
		border-right:#e7e7e7 1px solid;
	}
	.logo-cell:nth-last-child(1), .logo-cell:nth-last-child(2), .logo-cell:nth-last-child(3), .logo-cell:nth-last-child(4){
		border-bottom:#e7e7e7 1px solid;
	}
	.animate.active.logo-cell.last-mobile {
		border-bottom: none;
	}
	.logo-cell:nth-child(2n+2){
		border-right:0px;
	}
	.logo-cell:nth-last-child(1), .logo-cell:nth-last-child(2){
		border-bottom:0px;
	}
	.logo-cell .logo-wrapper {
		background-size: 420%;
		padding-bottom: 50%;
		width: 70%;
		min-width: 100px;
	}
	#team .col-lg-12 {
		padding: 0;
	}
	.team-member{
		border-right:0px;
		border-bottom:#e7e7e7 2px solid !important;
		height: auto;
		padding: 0!important;
		/* min-height: 100px !important; */
		background-size: 43%;
		/* background-position: bottom left; */
	}

	    background-size: 43%;
	.team-member > * {	
		cursor: pointer;
	}
	.team-member img{
		max-width: 45%;
		height: auto;
		float:left;
		clear:both;
        vertical-align:bottom;
		margin: 0 -2%;
	}
	.team-member-content {
		width: 58%;
	
		padding: 0px 30px 0px 0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	
		left: 40%;
		height: auto;
	}
	#team .heading-underline + * {
		border-top:#e7e7e7 2px solid;
	}
	.team-member h3 {
		font-size: 24px;
		line-height: 26px;
	}
	.team-member-meta{
		font-size: 13px;
		line-height: 19px;
		color: #FF0002;
	}
	#ed-castillo h3 {
	  width: auto;
	}
	.team-arrow{
		display: block;
		position: absolute;
		top: 50%;
		right: 22px;
		margin-top: -8px;
	}
	.team-arrow img{
		width: 8px;
		height: 15px;
		max-width: 100%;
	}
	#footer {
		padding-top: 50px;
	}
	#footer h2{
		font-size: 43px;
		line-height: 43px;
	}
	#footer .company-name {
		font-size: 16px;
		line-height: 16px;
	}
	#footer .address {
		/*margin-bottom: 65px;*/
		font-size: 13px;
	}
	.subfooter {
    	padding: 15px 0px;
	}
	#clients {
	  padding: 35px 0px;
	}
	#team {
	  padding: 35px 0px 0;
	}
}
@media screen and (max-width: 500px) {
	.team-member h3 {
		font-size: 20px;
		line-height: 26px;
		margin-top: 0;
	}
	.bxslider img {	
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
				-transform: translateY(-50%) translateX(-50%);
	}
	.logo-cell .logo-wrapper {
	    padding-bottom: 80px;
	}
}
/* ----- Animate ----- */
#hero,
#tbwa-meta,
.intro {
    opacity: 0;
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
}
.bx-container,
[id$="-divider"] {	
  opacity: 0;
		-webkit-transform: translateY(20px);
			-ms-transform: translateY(20px);
				transform: translateY(20px);
    -webkit-transition: opacity 0.6s ease 0.05s, -webkit-transform 0.4s ease-in;
            transition: opacity 0.6s ease 0.05s, transform 0.4s ease-in;
}
.team-member,
.logo-cell {
    opacity: 0;
		-webkit-transform: translateY(10px);
			-ms-transform: translateY(10px);
				transform: translateY(10px);
}
#team h2,
#clients h2,
#team h2 + .heading-underline,
#clients h2 + .heading-underline {
    opacity: 0;
    -webkit-transition: opacity 0.6s ease 0.1s;
            transition: opacity 0.6s ease 0.1s;
}
#hero.animate.active {
  opacity: 1;
  -webkit-transition: opacity 0.6s ease 0.15s, -webkit-transform 0.75s ease-in-out;
          transition: opacity 0.6s ease 0.15s, transform 0.75s ease-in-out;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.animate.active .intro,
#tbwa-meta.animate.active {
  opacity: 1;
  -webkit-transition: opacity 0.6s ease 0.45s, 
  
  -webkit-transform 0.75s ease-in-out 0.45s;
  transition: opacity 0.6s ease 0.45s, transform 0.75s ease-in-out 0.45s;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.animate.active.team-member,
.animate.active.logo-cell {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition:  opacity 0.5s ease 0.05s, -webkit-transform 0.2s ease-in-out 0.0s;
    transition:  opacity 0.5s ease 0.05s, transform 0.2s ease-in-out 0.0s;
    /* margin-bottom: 0; */
}
.animate.active.bx-container,
[id$="-divider"].animate.active {
    opacity: 1;
		-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
				transform: translateY(0%);
}

#team h2.animate.active,
#clients h2.animate.active,
#team h2 + .heading-underline.animate.active,
#clients h2 + .heading-underline.animate.active {
    opacity: 1;
}
#fs1{float: left;
	margin-bottom:60px;}
#fs2{float: left;
	border-style: none;
   border-right: #454446 1px solid;
   border-left: #454446 1px solid;}
#fs3{float: left;}
.footersection{width:33%;}
#footerbody{}
#fancybox-frame {
  width: 100%;
  height: 880px;
  border: none;
  display: block;
}
/* ---- mobile animation --- */
@media screen and (min-width: 768px) and (max-width: 991px) {
	#welcome .container,
	#tbwa-meta .container {
		width: 750px;
	}
}
@media screen and (min-width: 768px) {
	#welcome .col-lg-4 {
		width: 33.33333333%;
		float: left;
	}
	#welcome .col-lg-8 {
		width: 66.66666667%;
		float: left;
	}
	#tbwa-meta .col-lg-3 {
		float: left;
	
		width: 25%;
}
	.animate.active.logo-cell:nth-child(4n) {
	    -webkit-transition: opacity 0.5s ease 0.25s, -webkit-transform 0.2s ease-in-out 0.2s;
	            transition: opacity 0.5s ease 0.25s, transform 0.2s ease-in-out 0.2s;
	}
	.animate.active.logo-cell:nth-child(4n+1) {
	    -webkit-transition: opacity 0.5s ease 0.45s, -webkit-transform 0.2s ease-in-out 0.4s;
	            transition: opacity 0.5s ease 0.45s, transform 0.2s ease-in-out 0.4s;
	}
	.animate.active.logo-cell:nth-child(4n+2) {
	    -webkit-transition: opacity 0.5s ease 0.65s, -webkit-transform 0.2s ease-in-out 0.6s;
	            transition: opacity 0.5s ease 0.65s, transform 0.2s ease-in-out 0.6s;
	}

	.animate.active.team-member:nth-child(3n+1) {
	    -webkit-transition: opacity 0.5s ease 0.2s, -webkit-transform 0.2s ease-in-out 0.15s;
	            transition: opacity 0.5s ease 0.2s, transform 0.2s ease-in-out 0.2s;
	}
	.animate.active.team-member:nth-child(3n+2) {
	    -webkit-transition: opacity 0.5s ease 0.35s, -webkit-transform 0.2s ease-in-out 0.3s;
	            transition: opacity 0.5s ease 0.35s, transform 0.2s ease-in-out 0.4s;
	}
	
	.team-member-overlay .member-img {
	    background-size: 490px auto;
	    background-position: left bottom;
	    height: 100%;
	    background-repeat: no-repeat;
	}
	#view-rob-schwartz.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/rob-schwartz-fb.jpg");
	}
	#view-chris-garbutt.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/chris-garbutt-fb.jpg");	
	}
	#view-kyla-jacobs.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/kyla-jacobs-fb.jpg");	
	}
	#view-aki-spicer.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/aki-spicer-fb.jpg");	
	}
	#view-brian-carr.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/brian-carr-fb.jpg");	
	}
	/*
	#view-melatan-riden.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/melatan-riden-fb.jpg");	
	}
	*/
	#view-nancy-reyes.team-member-overlay .member-img {
		background-image: url("http://5fd576cf76e1a6ee0983-f1253ce2dbbeb3a70056cacd257dbf05.r65.cf5.rackcdn.com/assets/team/nancy-reyes-fb.jpg");	
	}
	#view-ed-castillo.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/ed-castillo-fb.jpg");	
	}
	#view-chad-hopenwasser.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/chad-hoppenwasser-fb.jpg");	
	}
	#view-blanca-stephens.team-member-overlay .member-img {
		background-image: url("https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/team/blanca-stephens-fb.jpg");	
	}
}
@media screen and (max-width: 767px) {
	.animate.active.logo-cell:nth-child(4n),
	.animate.active.logo-cell:nth-child(4n+2) {
	    -webkit-transition: opacity 0.5s ease 0.25s, -webkit-transform 0.2s ease-in-out 0.2s;
	            transition: opacity 0.5s ease 0.25s, transform 0.2s ease-in-out 0.2s;
	}
	#fs1{float: none;margin-bottom:30px;}
	#fs2{float: none;margin-bottom:30px;border-right: none;border-left: none;}
	#fs3{float: none;margin-bottom:30px;}
	.footersection{width:100%;}
	.logo-cell.spacer {display: none;}
}
#error-404 {	
    width: 100%;
    height: 100%;
    position: fixed;
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/error/city.png') no-repeat;
    background-size: cover;
    background-position: 50%;
}
#error-404 .error-wrapper {
    width: 100%;
    height: 100%;
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/error/mask.png') no-repeat;
    background-size: 100% 100%;
}
#error-404 .container {
    height: 100%;
    width: 100%;
	display: -webkit-flex;
	display: flex;
    align-items: center;
	-webkit-align-items: center;
    justify-content: center;
}
#error-404 .row {
    width: 100%;
    color: #fff;      
    font-size: 16px;
    font-weight: bold;
}
#error-404 #logo {
    position: absolute;
    top: 0;
    left: 0;
}
#error-404 h2 {
	color: #fff;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#error-404 h2::before {
    content: '';
    display: block;
    background: url('https://27ee284da2b42c096e61-f1253ce2dbbeb3a70056cacd257dbf05.ssl.cf5.rackcdn.com/assets/error/404.png') no-repeat;
    width: 237px;
    height: 73px;
    margin: 0 auto 30px;
}