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


/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

/*
font-family:'Univers LT W02_55 Roman';
font-family:'Univers LT W02_65 Bold';
font-family:'Univers LT W02_75 Black';
font-family:'UniversLTW02-85ExtraBla';
font-family:'Univers LT W02_45 Light';
*/

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



/*---Make older browsers handle new elements.----*/

 article, footer, header, hgroup, nav, section {
  display: block;
 }


html, body { 
height:100%; 
}

body {
	padding:0;
	margin:0;
	background-color:#fff;
}

body.white{
	background-color:#fff;
}

/*----CORE ELEMENTS-----*/

#note{
	position:absolute;
	z-index:99999;
	left:0; bottom:0;
	display:block;
	padding:10px;
	background-color:rgba(255, 50, 0, 0.8);
}


#wrapper {
    min-height: 100%;
    padding-bottom: 40px;
    margin-bottom: -40px;
}

header{/*comment out - header fix
	min-height:120px;
	position:absolute;
	display:block;
	width:100%;
	z-index:2;
	background-color:rgba(255, 255, 255, 0.6); */
}


hgroup{
	min-height:120px;
}

nav, #lead, #main {
	display:block;
	position:relative;
}

nav{
	/*border-top:1px #999 dotted;  -- header fix -- */
}

.addthisInHeader{
	top: 47px;
    right: 225px !important;
}

footer {
    clear: both;
    padding: 10px 40px;
    border-top: 1px #999 dotted;
    background-color: #fff;
    color: #000;
    height:100px;
}
footer ul.menu{
	padding: 0;
    float: left;
    margin: 0;
    height: auto;
	width:auto;
	border:none;
}
footer ul.menu li{
	border:none !important;
	display:inline;
	float:left;
}
footer ul.menu a{
	padding: 0;
    height: auto;
    margin: 0 0 0 20px;
}

h1{
	display:inline;
	float:left;
	padding:40px !important;
}

h1 a{
	display:block;
	width:200px; height:41px;
	background-image:url(ttp-spritesheet.png);
	background-size:cover; background-position:0 0;
}

body.black h1 a{
	background-image:url(ttp-spritesheet-white.png);
}

h2{	
	display:block;
	/*width:410px;
	float:left;*/
	/*padding:0 40px 40px 40px;*/
	padding:0 40px 0 40px;
}


.post-item ul {
    margin: 0 0 0px 0;
    padding: 0 0 0 17px;
}

.post-item ul li {
    margin: 0 0 10px 0;
}

.clientworktitle{
	display:block;
	margin:0 0 40px 40px;
	clear:both;
}

/*----SEARCH----*/

#search{
	position:absolute; z-index:1000;
	right:0;
	height:40px; 
	padding:0 40px 0 0;
}
#search form{
	margin:0; padding:0;
}

#search input[type=text]{
	padding:0; margin:12px;
	border:none; background:none;
	color:#000;
	font-weight:400;
	font-size:16px;
	text-transform: lowercase;
	text-align:right;
	float:left;
    font-family: 'Univers LT W02_45 Light';
    font-size: 16px;
    letter-spacing: 0.05em;
	width:180px;
}

#search input[type=text]:focus{
	border:none; outline:none;
	color:#000;
}

.inputBtn{
	float:right;
	display:inline-block;
	margin-top:6px;
	border:0; outline:0;
	width:25px; height:25px;
	border-radius:0;
	background:none !important;
	background-image:url(../img/icon-search.png) !important; 
	background-repeat:no-repeat !important; background-size:50px 25px !important; 
	background-position:0 0 !important; 
}
#search:hover .inputBtn{
	cursor:pointer;
	background-position:-25px 0 !important; 
}

/*----WP QUIZ----*/

.wpProQuiz_forms input[type=text] {
    padding: 0;
    margin-left: 20px !important;
    border: 1px #000 dotted;
    background: none;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    text-transform: lowercase;
    text-align: right;
    float: left;
    font-family: 'Univers LT W02_45 Light';
    letter-spacing: 0.05em;
    display: inline-block;
}

.wpProQuiz_forms input[type=text]:focus{
	border:none; outline:none;
	color:#000;
}

.wpProQuiz_button{
	float:left !important;
}

/*--------------*/

nav{
	padding:0;
	height:auto;
}


#pageLeader{
	
	padding-top:280px;
	min-height:100px;
	margin-bottom:40px;
	/*margin-left:20px;*/
	
 }
 #pageLeaderSmall{
 	padding-top:240px;
 	min-height:330px;
 }

 #pageLeader.single-work{
	 padding:0 !important;
 }
 #pageLeader.single-work h2{
	 padding-left:20px !important;
 }
 
#pageLeaderUsAnim{
 	height:202px;
}

#pageLeader article{
	float:left;
	/*padding:0 40px 0 0;
	width:650px;*/
}

.clear{
	clear:both;
}

.divider{
	clear:both;
	display:block;
	margin:40px 0;
	width:100%; height:0;
	border-top:1px #999 dotted;
	}

.intro, .intro-inline{
	display:inline-block;
	margin:0 0 20px 0;
}


/*.swiper-slide .intro-inline{
	margin:0;
	width:750px;
}*/

.slideLeft{
	font-family:'Univers LT W02_45 Light';
	font-size: 40px;
    width: 600px;
    line-height: 1.2em;
}
.slideRight{
	text-align:right;
}

.homeslider td {
	padding-bottom:40px;
}

.post-item{
	position:relative;
}


#templateTag{
	position:fixed; z-index:999999999; background-color:rgba(0,0,0,0.5);
	bottom:200px; right:0px; color:white; padding:20px;
	opacity:0.4;
	display:block;
}

#categories-wrapper{/*comment out - header fix*/
	position:absolute;
	width:100%;
	margin-top:180px;
	z-index:9999;
}

.flashContainer {
    /*margin: 50px 0; */
    display: block;
}

.border{
	border:1px solid #e9e9e9;
}

/*----MAPBOX-----*/

#map{ 
	position:relative;
	height:450px;
	width:100%; 
}


/*----IMAGE CLUSTERS-----*/

.post-item .size-thumb_4x3, .post-item .size-thumb_3x4_large, .post-item .size-thumb_Full, .size-thumb_portrait_tall, .size-thumb_half_uncropped{
	float:left;
	margin:0px 20px 20px 0;
}
.post-item .size-thumb_4x3{
	margin-bottom:20px;
}	

/*---SWIPER---*/

.swiper-container {
        width: 100%; 
		background-size:cover; background-repeat:no-repeat;
		margin-bottom:40px !important;
}


.swiper-slide{
	position:relative;
	background-size:cover; background-repeat:no-repeat; 		
	background-position:center;
}
.homeslider .swiper-slide{
	padding:190px 40px 40px 40px;
}

.swiper-button-prev, .swiper-button-next{
	height:15px !important;	
	width:10px !important;
	top: 600px !important;
	background-image:url(../img/prevnext.png) !important;
	background-position:0 0 !important;
	background-size:20px 15px !important;
}
.swiper-button-prev{ left: 40px !important;}
.swiper-button-next{ background-position:-10px 0 !important; right: 40px !important;}
.swiper-button-disabled{ opacity:0 !important; }

.swiper-slide .table {
	display:table;
	height:100%;
}
.swiper-slide .tableRow{
	display:table-row; vertical-align:bottom;
}			
.swiper-slide .tableCell{
	display:table-cell;
	vertical-align:bottom;
	position:relative;
}

.hiA, .hiB, .hiC{
	opacity:0;
    bottom: 100px;
    position: absolute;
}


.hiACell img, .hiBCell img, .hiCCell img{
	width:100%; height:auto; 
}

.hiACell{ width:166px; }
.hiBCell{ width:60px; }
.hiCCell{ width:27px; }

.homeintro{
	display:none;
}

.swiper-slide .homeIntroCell{
	padding:0 0 0 40px;
}

.swiper-slide .ttpbutton a{
    background-color: rgba(255,255,255,0.3);
}


/*---VIMEO POPUP BUTTON STYLE---*/


.wp-colorbox-vimeo{
    display: inline-block;
	margin-top:-25px;
    width: 50px;
    height: 50px;
    border: 1px #999 dotted;
    text-indent: -1000px;
	overflow:hidden;
    border-radius: 25px;
    background-color: rgba(255,255,255,0.3);
	background-image:url(../img/buttonArrow.png);
	background-repeat:no-repeat; background-position:18px 12px;	
	margin:0;
}

.wp-colorbox-vimeo:hover{ background-color: rgba(0,204,255,0.8); }

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, 
#cboxMiddleLeft, #cboxMiddleRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{
	background-image:none !important;
}

.gap{ display:block; clear:both; height:20px; width:100%; }
.gapbig{ display:block; clear:both; height:40px; width:100%;}

.left{
	width:50%;
	float:left;
	text-align:left;
}
.right{
	width:50%;
	float:right;
	text-align:right;
}

.alignright{
	float: right !important;
    margin: 0 0 0 20px !important;
}


/*projects list page*/

.post-item.tile-item{
	width:450px; float:left;
	padding:0;
	position:relative;
	display:block;
	z-index:1;	
	/*margin:0 20px 20px 0;*/
	margin:0;
}

.post-item .tileLabel{
	position:absolute; left:0; bottom:0; width:100%;
	background:#ededed;	
	color:#000;
	z-index:10;
	height:100%;
	opacity:0;
	-webkit-transition: opacity 0.8s ease-in;
    -moz-transition: opacity 0.8s ease-in;
    transition: opacity 0.8s ease-in;
}
.post-item .tileLabel.tileContent{
	z-index: 9; opacity:1;
	-webkit-transition: opacity 0.8s ease-in;
    -moz-transition: opacity 0.8s ease-in;
    transition: opacity 0.8s ease-in;
}
.post-item:hover .tileLabel.tileContent{
	opacity:0;
	-webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.post-item .tileLabel h3, .post-item .tileLabel .excerpt{
	color:#000;
}

.post-item:hover .tileLabel{
	opacity:1;
	-webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.deepLabel{
	height:55px !important;
}

.post-item .title{
	display:inline-block;
	padding:0; margin:5px 0 0 0;
}

.post-item .type{
	display:block;
	/*width:50%;
	float:left;*/
}

.addthis_toolbox{
	display:block;
	float:right;
	position:absolute;
	z-index:15;
	right:0px;
	bottom:-5px;
}

.addthis_toolbox img{
	width:10px !important;
	height:10px !important;
}

.adminPane {
	display: block;
    position: absolute;
    z-index: 15;
    right: 30px;
    top: 20px;
    padding: 5px 3px;
    font-size: 11px;
    color: #000;
    opacity: 0.8;
    background: #fff;
}

.post-item.tile-item.casestudy  .addthis_toolbox,
.post-item.tile-item.news  .addthis_toolbox{
	top:0px;
}

.news-footnote{
	font-size:12px;
	line-height:1.4em;
	padding:0 40px;
}

.news-item {
    padding: 0;
}

/*---ARCHIVE LIST---*/

a.yearRow{
	display:block;
	border-top:1px dotted #999;
	background-color:#fff;
	color:#000;
	-webkit-transition: background-color 800ms ease-out;
    -moz-transition: background-color 800ms ease-out;
    -o-transition: background-color 800ms ease-out;
    -ms-transition: background-color 800ms ease-out;
    transition: background-color 800ms ease-out;
	
	}
	

	
a.yearRow:hover{
	background-color:#0cf;
	-webkit-transition: background-color 50ms linear;
    -moz-transition: background-color 50ms linear;
    -o-transition: background-color 50ms linear;
    -ms-transition: background-color 50ms linear;
    transition: background-color 50ms linear;
	
	}	
.yearInner{
	padding:20px 40px;
	}	

/*---END ARCHIVE LIST---*/


.addthis_toolbox a{
	background:none !important;
}

.addthis_button_expanded{
		display:block;	
		padding:15px;
		opacity: 0.6;
    	filter: alpha(opacity=60); /* For IE8 and earlier */
}
.addthis_button_expanded:hover{
	opacity:1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}
	
.post-item .inner{
	background-size: cover;
    background-repeat: no-repeat;
	

	
	/*opacity: 0.90;
    filter: alpha(opacity=90); */
}

.post-item .inner:hover{
	-webkit-filter:none; 
	filter: none;
	opacity: 1;
    filter: alpha(opacity=100);  
}

.post-item .inner .tileBackground{
	display:table;
	position:absolute;
	z-index:9;
	
	/*opacity: 0.8;
    filter: alpha(opacity=80);  */
}

.videoTile.sixteenNine{
	height: 100%;
    width: 177.77777%;
    margin-left: -40%;
}
.videoTile.fourThree{
	height: 100%;
    width: 133.3333%;
    margin-left: -35%;
}
.videoTile.square{
	height: 100%;
    width: 100%;
    margin-left:0;
}

	
.post-item  .inner:hover .tileBackground{
	-webkit-filter:none; 
	filter: none;
	/*opacity: 1;
    filter: alpha(opacity=100);  */
}	

.post-item .inner.logodead, .post-item .inner.logodead:hover{
	/*-webkit-filter:none !important; 
	filter: none !important;
	opacity: 1 !important; */
	border:1px #000 solid !important;
}



.tileBackground img{
	width:100% ; 
	height:100% ;
}

.post-item.tile-item .excerpt{
	position:absolute; left:0; bottom:0;	
	color:#000;
	margin:0;
}
.post-item.tile-item .excerpt p{ /*padding:0; margin:0;*/ }

.post-item.tile-item .inner{
	position:relative;
	display:block;  
	height: 0;
    padding-bottom: 74.4%;
    overflow: hidden;
}

.post-item .subtitle{
	display:block;
	margin-top:5px;
	width:100%;
}


.post-item.post-type-client .inner,
.post-item.post-type-logo .inner,
.post-item.generic .inner{
	border:1px #000 solid;
	/*opacity:0.8;*/
}


.post-item.post-type-client .inner:hover,
.post-item.post-type-logo .inner:hover,
.post-item.generic .inner:hover{
	border:1px #0cf dotted;
	opacity:1;
}

.post-item.post-type-client h3{
	display:none;
}


.post-type-logo{
	-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%);
	filter: gray; filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	opacity:0.8;
}

.post-type-logo:hover{
	-webkit-filter:none !important; 
	filter: none !important;
	opacity: 1 !important; 
	border:none !important;
	opacity:1;
}

 /*----SCROLLBARS-----*/

::-webkit-scrollbar{
	width: 10px;
}

::-webkit-scrollbar-track{
	background-color: #fff;
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover {
	background-color: #000;
	outline: 0;
	outline-offset: 0;
	border: 0;
}



/*----TWITTER TILES----*/

.post-item.Twitter{
	}

.post-item.Twitter .inner{
	opacity: 1 !important;
    filter: alpha(opacity=100) !important;
	padding-bottom:0 !important;
	min-height:365px;
	}

.post-item.Twitter .innerPad{
	display:inline-block;
}

.post-item.Twitter div.inner::-webkit-scrollbar-track{
	background-color: #0cf;
}


.post-item.Twitter{
	background-color:#0cf !important;
	opacity:1 !important;
}


img.twitterIcon{
	width:50px;
	height:auto;
	margin: 0 0 20px 0;
}

.post-item.Twitter .inner{
	overflow:hidden;
}

.post-item.Twitter .inner:hover{
	overflow-y:auto;
}


/*::-webkit-scrollbar-thumb {
  background: #000000;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #000000;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: red;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: red;
}
::-webkit-scrollbar-track:active {
  background: red;
}*/







/*----CASE STUDY & NEWS TILES----*/

@keyframes flickerAnimation {
  0%   { opacity:1; }
  20%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  20%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  20%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  30%  { opacity:0; }
  100% { opacity:1; }
}
img.tileIcon{
   -webkit-animation: flickerAnimation 5s infinite;
   -moz-animation: flickerAnimation 5s infinite;
   -o-animation: flickerAnimation 5s infinite;
    animation: flickerAnimation 5s infinite;
}


img.caseStudyIcon{
	max-width:60%;
	max-height:150px;
	}

.post-item.tile-item.casestudy .inner,
.post-item.tile-item.news .inner,
.post-item.news-item{
	filter: none !important; /* works for firefox */
	-webkit-filter: none !important; /*for chrome/ safari */
	-webkit-transition: none !important;
}

.post-item.tile-item.casestudy a{
	background-color:#fff;
	color:#000 !important;
}

.innerPad{
	padding:20px;
}

.post-item.tile-item.news a{
	color:#000 !important;
}

.post-item.casestudy .readmore,
.post-item.news .readmore{
	position:absolute;
	bottom:2px; left:20px;
	z-index:20;
}

.post-item.news .newsSpacer{
	clear:both; display:block; height:50px;
}


.post-item.news a img{
	max-height:150px; width:auto;
}

.prevnextstrip, .prevnextstrip_news{
	background-color:#ffffff;
	padding-left:20px;
}

.prevnextstrip_work{
	background-color: #fff;
}

.prevLink a, .nextLink a{ display:block; color:#000; border:1px #000 dotted; padding:5px 10px 6px 10px; margin:20px 10px; background-repeat:no-repeat; background-size:18px 12px; }
.prevLink a:hover, .nextLink a:hover{ color:#0cf; }
.prevLink a{ float:left; padding-left:30px; background-image:url(../img/buttonArrowFlip.png); background-position:8px 9px; }
.nextLink a{ float:left; padding-right:30px; background-image:url(../img/buttonArrow.png); background-position:right 9px;}

/*---------NEWS----------------------*/




body.post .post-item.list{
	display:block;
	margin:0;
	padding:20px;
	background:#fff;
	border-top:1px #000 dotted;
	width:100% !important;
}

body.post .post-item.list:hover{
	border-top:1px #0cf dotted;
	background:#f8f8f8;
}

body.post .post-item.list .inner{
   	-webkit-filter: none;
 	position: relative;
}

body.post .post-item.list a{
	display:table;
	width:100%;
}

.floatBottom{
	display:inline-block;
	position:absolute;
	bottom:0;
	padding:0 10px 0 0;
}

.post-item-summary{
	display:table-cell;
	vertical-align:top;
	padding-right:20px;
}

.newsThumb{
	display:table-cell;
	width:365px;
	padding:0 20px 0 0;
	text-align:left;
}

body.post .divider{
	width:100%;
	display:block;
	border-top:1px dotted #000;
	height:1px;
	margin:0;
}

body.post .post-item.list img{
	width:100%; width:auto;
}

body.post .post-item.list h3{
	margin:0;
}

.time{
	margin-bottom:5px;
}

#field_9jv0r12{
	width:100%;
}

/*---------Q&A-----------------------*/

.QandA{
	display:block;
	margin-bottom:80px;
}

.QandARow{
	padding:20px;
	border-bottom:1px #999 dotted;
}

.QandARow .letter{
	width:180px;
	margin-left:240px;
	margin-right:10px;
	float:left;
	text-align:right;
}
.QandARow .para{
	display:block;
	width:600px;
	float:left;
	margin-top:25px;
}

/*---------column list-----------------------*/

.bigDot{
	display:table;
	/*background:#fff;
	color:#000;*/
	width:100px; height:100px;
	border-radius:50px;
	background-image:url(../img/dotsRing.png); background-size:100px 100px;
}
.bigDot .innerDot{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}


/*---------POPOUT ELEMENT----------------------*/

.popout{
	border-top:1px dotted #000;
	display:inline-block;
    padding: 20px 0;
}


/*---------RELATED ITEMS-----------------------*/

.relatedItems{
	clear:both;
	display:block;
	width:100%;
	border-top:1px #999 dotted;
	padding: 40px 0;
}

/*---------TAXONOMY TEMPLATE-----------------------*/
	
.slideshow{
	display:block;
	background-color:#222;
	width:100%;
}	

.slideshowInner{
	position:relative;
	display:block;  
	height: 0;
    padding-bottom: 45%;
    overflow: hidden;
    background:green;
}


.testimonial{
	display:block;
	width:100%;
	margin:40px 0 80px 0;
	border-bottom:1px #999 dotted;
}
.testimonialPadding{
	max-width:600px;
	padding-left:20px;
	border-left:1px #0cf solid;
}

.testimonial .person{
	color:#0cf;
}	
	

	
/*--------PERSON TEMPLATE-----*/

.personImage{
	width:285px;
	float:left;
	margin:0 40px 40px 40px;	
}

.personImage img{
	width:100%;
	height:auto;
}

/*--------SEARCH-----*/

.searchItem{
	display:block;
	border-bottom:1px dotted #0cf;
	padding:20px 0;
	background-color:#fff;
	color:#000;
	-webkit-transition: background-color 800ms ease-out;
    -moz-transition: background-color 800ms ease-out;
    -o-transition: background-color 800ms ease-out;
    -ms-transition: background-color 800ms ease-out;
    transition: background-color 800ms ease-out;
}
.searchItem:hover{
	background-color:#0cf;
	color:#fff; 
	-webkit-transition: background-color 50ms linear;
    -moz-transition: background-color 50ms linear;
    -o-transition: background-color 50ms linear;
    -ms-transition: background-color 50ms linear;
    transition: background-color 50ms linear;
}
.searchItem:hover h3{
	color:#fff;
}
.searchItem h3{
	padding:0; margin:0;
}



	


/*---------SIZES OVER-RIDE-------------------*/

.post-item.tile-item .inner
{
	padding-bottom: 100%;
}

/*---------SIZES OVER-RIDE-------------------*/



/*CONTENT PAGES*/

.post-item-single{
	padding:30px;
}
.post-item-single h2{
	margin:0 0 20px 0;
}

.post-item-single.casestudy{
	background-color:#fff; color:#000;
}


/*--------FIXED US ANIMATION--------*/

.fixed header{
	/*position:fixed;*/
	top:0;
	left:0;
	z-index:1000;
}
.fixed footer{
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	z-index:999;
    /*background-color: rgba(0, 0, 0, 0.6);*/
}



/*-----ISOTOPE--------*/

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

/*----WP PRo Quiz plug in style over-rides---*/

.wpProQuiz_question_page, .wpProQuiz_header {
    display: none !important;
}

.wpProQuiz_points {
    font-weight: bold !important;
    text-align: left !important;
    margin-bottom: 20px !important;
    font-family: 'nexa_rust_slabblack', Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 20px;
    color: #fff;
}

.wpProQuiz_content h2 {
    font-size: 70px !important;
}

/*--RE CAPTCHA--*/

.rc-anchor-light {
    background: #000 !important;
    border: 1px dotted #fff !important;
    color: #fff !important;
}

.stroked{
	    border: 1px #ccc solid;
}



/*---GALLERY---*/

.gallery{
	    margin: 10px 0 20px !important;
}

.gallery-item {
    margin: 0 !important;
    position: relative;
    border: 1px solid #ededed;
    padding: 5px;
}

.gallery-caption{
	z-index: 2;
    position: absolute;
    bottom: 0;
    padding: 8px 5px;
    background: rgba(255, 255, 254, 0.7);
    color: #000;
    font-size: 14px;
    width: 100%;
    text-align: left;
	opacity:0;
}

.gallery-item:hover .gallery-caption{
	opacity:1;
}


.gallery-item img {
    /* border: 2px solid #cfcfcf; */
    width: 100%;
    height: auto;
	border:none !important;
	margin:0 !important;
}

.whitetext{
	color:#fff !important;
}


#catapult-cookie-bar .ctcc-inner{
background:rgba(0,0,0,0.8) !important;
	font-size:14px !important;
}
#catapult-cookie-bar .ctcc-inner a{
	text-decoration: underline !important;
}

.borderDark{     border: 1px solid #c9c9c9; }



/*---PRODUCTS STUFF---*/

.products-categories-wrapper{
	margin-top:200px !important;
}

.white h2 a{
	color:#00ccff;
}


/*---TILE SPECS---*/


.post-item.tile-item.productTile{
	width:220px;
	margin:0 15px 40px 0 !important;
	background-color:#fff !important;
	padding:0;
}

.productTile img{
 display:block;
 margin:0;
 width:100%; height:auto;
 opacity:0.95;
}





/*---/TILE SPECS---*/

.productTile.Posters img{
-webkit-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.1);
box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.1);
}

.productTile.Phone.cases img{
}

.product_types_menu_wrapper{
	margin-bottom:40px;
}

.collections_menu_wrapper ul.filter-menu li a,
.product_types_menu_wrapper ul.filter-menu li a{ 
	color:#000;
}


@media (max-width: 767px){
.post-item.tile-item.productTile {
 margin:0;
 width:43% !important;
 height: auto !important;
 margin:0 10px 20px 0 !important;
}
}



/*--2020 tile labels--*/


.tileLabel .excerpt p{ line-height:1.2em; }

.tileLabel h3.title, h2.projectTitle{		font-family:'Univers LT W02_75 Black';  line-height: 1.3em; }
.tileLabel h3.title span, h2.projectTitle span{ 	font-family:'Univers LT W02_45 Light';  display: block; }

.small-tile-label{
	padding:2px 10px 0 10px;
}
.small-tile-label, .title{ font-family:'Univers LT W02_65 Bold'; }
.small-tile-label, .sub-title{ font-family:'Univers LT W02_55 Roman'; }

/*---2020 black content container--*/

.black_content_container{
    color: #fff;
	padding-top:200px;
}

.black_content_container .inner_content{
    background-color:#000;
	padding:60px 20px;
}

.black_content_container.white-override{
    color: #000;
}

.black_content_container.white-override .inner_content{
    background-color:#fff;
}

.white-override .post-item{
	margin:0 20px;
}
.old-white-intro{
	font-size:28px;
}



.homepage-bottom{
	clear:both; display:block; width:100%; margin:20px 0;
}

.grey{
	-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%);
	filter: gray; filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	
}
.grey:hover{
	filter: none;
    -webkit-filter: grayscale(0%);
}