/* WORK PAGE */
/* ========================================================================= */

body.page_work {
	margin-top: -1px;
	margin-left: -1px;
	margin-right: -1px;
}

.page_work .fusion-header-wrapper {
	position: absolute;
	width: 100%;
}
/* fix for work page fixed position video */
.page_work #main {
position: relative;
z-index: 0;
}
.page_work .fusion-footer {
position: relative;
z-index: 1;
background-color:  var(--war-black);
}
.war-work-hero {
padding-left: 0!important;
padding-right: 0!important;
max-width: 1440px!important;
	margin: 0 auto!important;
	opacity: 0;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
		 -o-transition-duration: .5s;
				transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
/* background-size: 100% auto; */
background-size: cover!important;
}
.war-work-hero.isSet {
opacity: 1;
}

.war-work-hero video {
opacity: 0;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
		 -o-transition-duration: .5s;
				transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
}

.war-work-hero video.canPlay {
opacity: 1;
}

@media only screen and (min-width: 800px) {
.war-work-hero .fusion-fullwidth .fullwidth-video,
.war-work-hero .fullwidth-box.video-background .fullwidth-video,
.fullwidth-box.video-background .fullwidth-video video,
.fusion-fullwidth .fullwidth-video video 
{
	min-width: unset!important;
	min-height: unset!important;
	width: 100%!important;
	height: 100%!important;
}
}

.scrollmagic-pin-spacer .war-work-hero {
	left: 50%!important;
	-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
					transform: translateX(-50%);
}
.war-work-hero-spacer {
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.war-work-hero-spacer-pad {
-webkit-transition-property: padding-top;
-o-transition-property: padding-top;
transition-property: padding-top;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;
-webkit-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
}
@media only screen and (min-width: 800px) {
.war-work-hero-spacer-pad {
		padding-top: 38.54%;
}
.war-work-hero-spacer.active .war-work-hero-spacer-pad {
	padding-top: 56.25%;
}
}
.war-work-hero-fixer {
position: fixed;
	width: 100%;
	overflow: visible;
	top: 0;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
		 -o-transition-duration: .5s;
				transition-duration: .5s;
/*     padding-top: 38.54%!important; */
}
/* .war-work-hero-fixer.active { */
/*     padding-top: 56.25%!important; */
/* } */
.war-work-hero-fixer.opacity-0 {
opacity: 0;
}

/* .war-work-hero:before { */
/* } */
@media only screen and (min-width: 800px) {
.war-work-hero-column > .fusion-column-wrapper {
	padding-top: 38.54%!important;
}
}
.war-work-hero-column > .fusion-column-wrapper {
-webkit-transition-property: padding-top;
-o-transition-property: padding-top;
transition-property: padding-top;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;
-webkit-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
}
@media only screen and (max-width: 800px) {
.war-work-hero-column > .fusion-column-wrapper {
	padding-top: 50vh!important;
}
.war-work-hero .fluid-width-video-wrapper {
	padding-top: 50vh!important;
}
.war-work-hero:before {
		padding-top: 50vh;
}
.war-work-hero.active:before {
	padding-top: 50vh;
}
.war-work-hero-spacer-pad {
	padding-top: 50vh;
}
.war-work-hero.active .war-work-hero-column > .fusion-column-wrapper {
	padding-top: 50vh!important;
}
.war-work-hero.active .fluid-width-video-wrapper {
	padding-top: 50vh!important;
}
.war-work-hero-spacer.active .war-work-hero-spacer-pad {
	padding-top: 50vh;
}
.fluid-width-video-wrapper iframe,
.active .fluid-width-video-wrapper iframe {
		width: 88.88vh!important;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
						transform: translateX(-50%);
		top: 0;
}
}
@media only screen and (min-width: 800px) {
.war-work-hero.active .war-work-hero-column > .fusion-column-wrapper {
	padding-top: 56.25%!important;
}
.war-work-hero .fluid-width-video-wrapper {
	padding-top: 56.25%!important;
}
}
.war-work-hero .fusion-background-video-wrapper {
/* IMPORTANT: USE THIS FOR VIMEO */
/* BUT NOT FOR SELF-HOSTED */
	top: 0!important;
	margin-top: 0!important;
}
@media only screen and (min-width: 800px) {
.war-work-hero .fluid-width-video-wrapper {
	-webkit-transform: translateY(-19%);
		-ms-transform: translateY(-19%);
			transform: translateY(-19%);
}
}
.war-work-hero .fluid-width-video-wrapper {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;
-webkit-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
}
.war-work-hero.active .fluid-width-video-wrapper {
-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
				transform: translateY(0);
}

.war-work-hero-vimeo {
max-width: unset!important;
max-height: unset!important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
/* 	transform: translateY(-19%); */
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;
}
.war-work-hero-vimeo.full {
z-index: 0;	
opacity: 0;
pointer-events: none;
}
.war-work-hero.active .war-work-hero-vimeo.full {
opacity: 1;
}
.war-work-hero-vimeo.teaser {
z-index: 1;	
}
.war-work-hero.active .war-work-hero-vimeo.teaser {
opacity: 0;
pointer-events: none;
}
/* .war-work-hero-vimeo.teaser:before { */
.war-work-hero:before {
	content: "";
	background-color: var(--war-black);
	width: 100%;
	position: absolute;
	z-index: 2;
	display: block;
	opacity: .7;
	top: 0;
	left: 0;
-webkit-transition-property: padding-top, opacity;
-o-transition-property: padding-top, opacity;
transition-property: padding-top, opacity;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;
-webkit-transition-timing-function: ease-out;
		 -o-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
}
/* .war-work-hero.active .war-work-hero-vimeo:before { */
@media only screen and (min-width: 800px) {
.war-work-hero:before {
		padding-top: 38.54%;
}
.war-work-hero.active:before {
	padding-top: 56.25%;
}
}
@media only screen and (max-width: 800px) {
.war-kick-ass-work {
	text-align: center;
		line-height: .8em;
		top: 0;
	-webkit-transform: translate(-50%, 75%);
		-ms-transform: translate(-50%, 75%);
			transform: translate(-50%, 75%);
}
}
.war-kick-ass-work {
	position: absolute;
	color: white;
	z-index: 3;
	font-family: "PlexesBlackPro";
	left: 50%;
	font-size: 36px;
	font-size: calc( 36px + 3.5vw );
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;
}
@media only screen and (min-width: 800px) {
.war-kick-ass-work {
		white-space: nowrap;
		top: 50%;
	-webkit-transform: translate(-50%, -50%)!important;
		-ms-transform: translate(-50%, -50%)!important;
			transform: translate(-50%, -50%)!important;
}
}
.war-work-hero.active .war-kick-ass-work {
opacity: 0;
}

.war-work-watch-button {
	position: absolute;
	color: white;
	z-index: 3;
	-webkit-transform: translate(-50%, 100%)!important;
			-ms-transform: translate(-50%, 100%)!important;
					transform: translate(-50%, 100%)!important;
	font-family: "PlexesBookPro";
	font-size: 16px;
	left: 50%;
	white-space: nowrap;
	top: 50%;
	letter-spacing: 1px;
/*     border: thin white solid; */
	padding: 10px 16px;
	cursor: pointer;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;

	border-left: 2px solid #c13041;
	border-right: 2px solid #bd9600;    
	background-size: 100% 2px;
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
	background-image: -o-linear-gradient(30deg, rgb(199, 6, 27), rgb(235, 135, 54)), -o-linear-gradient(30, rgb(199, 6, 27), rgb(235, 135, 54));
	background-image: -o-linear-gradient(60deg, rgb(199, 6, 27), rgb(235, 135, 54)), -o-linear-gradient(60deg, rgb(199, 6, 27), rgb(235, 135, 54));
	background-image: linear-gradient(30deg, rgb(199, 6, 27), rgb(235, 135, 54)), linear-gradient(30deg, rgb(199, 6, 27), rgb(235, 135, 54));
	/*http://jsfiddle.net/agxku6t5/1/*/
}
@media only screen and (max-width: 800px) {
  .war-work-watch-button {
    top: unset;
    bottom: 30%;
  }
}
	
.war-work-watch-button:before {
content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin: 0px -2px;
	background: -o-linear-gradient(left, var(--war-red), var(--war-orange));
	background: -webkit-gradient(linear, left top, right top, from(var(--war-red)), to(var(--war-orange)));
	background: linear-gradient(to right, var(--war-red), var(--war-orange));
	background: -webkit-linear-gradient(30deg, var(--war-red), var(--war-orange) 100%);
	background-image: -webkit-linear-gradient(30deg, rgb(199, 6, 27), rgb(235, 135, 54) 100%);
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
		 -o-transition-duration: .5s;
				transition-duration: .5s;
opacity: 0;
}
.war-work-watch-button:hover:before {
opacity: 1;
}

.war-work-watch-button p {
margin-bottom: 0!important;
}
.war-work-hero.active .war-work-watch-button {
pointer-events: none;
opacity: 0;
}
@media only screen and (min-width: 800px) {
.war-kick-ass-work {
		font-size: calc( 36px + 3.5vw );
	}
.war-work-watch-button {
	font-size: calc( 16px + .425vw );
	padding: calc( 9px + .65vw ) calc( 10px + .65vw );
}
}
@media only screen and (min-width: 1440px) {
.war-kick-ass-work {
		font-size: 86px;
	}
.war-work-watch-button {
	font-size: 22px;
	padding: 18px 20px;
}
}

.war-work-searchandfilter {
/* 	height: 0; */
/* 	overflow: hidden; */
padding-top: 3.25%!important;	
z-index: 10; /* for parallax */

/* 	margin-top: 38.54%!important; */
/* 	transition-property: margin-top; */
/* 	transition-duration: 1s; */
}
/* .war-work-searchandfilter.active { */
/* 	margin-top: 56.25%!important; */
/* } */

.war-work-searchandfilter.open {
height: initial;
-webkit-transition: height 0.2s ease-out;
-o-transition: height 0.2s ease-out;
transition: height 0.2s ease-out
}
/* .war-work-searchandfilter-text { */
/* 	margin-top: 30px; */
/*     margin-left: 30px; */
/* } */

.war-work-portfolio {
padding-top: 6vw!important;
overflow: hidden;
z-index: 10; /* for parallax */
}
@media only screen and (max-width: 800px) {
.war-work-portfolio {
	/* padding-left: 6.5%!important; */
	/* padding-right: 6.5%!important; */
}
}
@media only screen and (min-width: 800px) {
.war-work-portfolio {
/* 		padding-left: 3%!important; */
/* 		padding-right: 3%!important; */
}
}



/* WORK PAGE - TOGGLE */
/* ========================================================================= */
.war-work-toggle { /* toggle button container */
display: none;
}
.war-work-toggle-content { /* text label */
margin-top: 50px;
/*     margin-left: 40px; */
}
.war-work-toggle-button {
cursor: pointer;
text-transform: uppercase;
font-family: "PlexesBlackPro", sans-serif;
text-transform: uppercase;
font-size: 40px;
}
.war-work-toggle-button img {
width: 40px;
	margin-right: 40px;
}





/* WORK PAGE - SEARCH AND FILTER */
/* ========================================================================= */
/* 
AKA: .page_work .war-work-searchandfilter #search-filter-form-6829.searchandfilter
*/


.searchandfilter > ul {
	padding-left: 0;
}
.searchandfilter .slider {
	display: block;
max-height: 0;
-webkit-transition-property: max-height, opacity;
-o-transition-property: max-height, opacity;
transition-property: max-height, opacity;
-webkit-transition-duration: 1s, .5s;
		 -o-transition-duration: 1s, .5s;
				transition-duration: 1s, .5s;
-webkit-transition-timing-function: ease-out, none;
		 -o-transition-timing-function: ease-out, none;
				transition-timing-function: ease-out, none;
}
.searchandfilter.show-filters .slider {
max-height: 500px;
}
.searchandfilter.searching .slider,
.searchandfilter.searching span.search-knobs
{
/* 	opacity: .5; */
}

.search-knobs-gradient {
	fill: white!important;
}
.searchandfilter.show-filters .search-knobs-gradient {
fill: initial;
}

.searchandfilter.show-filters .search-knobs-gradient-0 {
fill: url(#search-knobs-gradient_1_)!important;
}
.searchandfilter.show-filters .search-knobs-gradient-1 {
fill: url(#search-knobs-gradient_2_)!important;
}
.searchandfilter.show-filters .search-knobs-gradient-3 {
fill: url(#search-knobs-gradient_3_)!important;
}
.searchandfilter.show-filters .search-knobs-gradient-4 {
fill: url(#search-knobs-gradient_4_)!important;
}

.searchandfilter .search-glass-gradient {
	fill: white!important;
}
.searchandfilter.searching .search-glass-gradient-1 {
fill: url(#search-glass-gradient_1_)!important;
}
	
.searchandfilter > ul > li > ul > li,
.searchandfilter > ul > .slider > li > ul > li
{
display: inline-block;
padding: 16px 12px;
margin-right: 8px;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label {
padding-left: 14px;
}
.sf-field-taxonomy-war_expertise {
}

.sf-field-taxonomy-war_industry {
}
.searchandfilter > ul > li,
.searchandfilter > ul .slider > li {
position: relative;
display: inline-block;
}

.sf-field-search,
.sf-field-taxonomy-war_expertise,
.sf-field-taxonomy-war_industry {
width: 100%;
}

.searchandfilter h4 {
color: #fff!important;
	font-size: 18px!important;
	font-family: "PlexesBlackPro", sans-serif!important;
}

.searchandfilter label {
}

li.sf-option-active,
li.war-filter-button button.is-checked
{ /* selected item */
	background: -webkit-linear-gradient(70deg, var(--war-red), var(--war-orange) 100%);
	background-image: -webkit-linear-gradient(70deg, rgb(199, 6, 27), rgb(235, 135, 54) 100%);
}

li.sf-level-0 {	
text-transform: uppercase;
cursor: pointer;
}

li.sf-option-active.sf-level-0 {
	background: unset;	
}

.searchandfilter label {
cursor: pointer;
}

/* .searchandfilter  */
.sf-input-checkbox {
display: none;
}
.sf-label-checkbox {
padding-left: 0;
}
.sf-label-checkbox:before
{
content: "+";
	color: #ffffff;
	font-family: sans-serif;
	font-size: 22px;
	position: absolute;
	left: 2px;
	top: 0;
	font-weight: 100;
	margin-top: 14px;
	margin-left: 4px;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: .25s;
			 -o-transition-duration: .25s;
					transition-duration: .25s;
}
.sf-option-active .sf-label-checkbox:before {
-webkit-transform: rotateZ(45deg);
		-ms-transform: rotate(45deg);
				transform: rotateZ(45deg);
}

.searchandfilter > ul > li, 
.searchandfilter > ul .slider > li.sf-field-taxonomy-portfolio_skills 
{
display: none;
}





/* WORK PAGE - SEARCH AND FILTER RESULTS */
/* ========================================================================= */


.war-work-searchandfilter form > ul > li {
margin-bottom: calc( 15px + 1.5vw );
}

.war-work-searchandfilter .sf-field-search h4 {
display: none;
}

.war-work-searchandfilter .searchandfilter ul {
padding-left: 0;
}

.war-work-searchandfilter .sf-field-search {
display: block!important;
width: 100%;
padding-top: 0;
margin-top: 10px;
height: 58px;
}

.searchandfilter .svg-fill-none{
fill:none;
}
.searchandfilter .svg-fill-white{
fill:#FFFFFF;
}
.searchandfilter .svg-fill-black{
fill:#000000;
}
.searchandfilter span.search-glass {
	display: block;
	width: 30px;
	position: absolute;
	left: 0;
	top: 2px;
}
@media only screen and (max-width: 800px) {
.searchandfilter span.search-knobs {
	position: relative;
	float: right;
}
}
.searchandfilter span.search-knobs {
	cursor: pointer;
	height: 58px;
	line-height: 58px;
}
@media only screen and (min-width: 800px) {
.searchandfilter span.search-knobs {
	position: absolute;
	right: 0;
	top: 0;
}
}
.searchandfilter span.search-knobs-categories {
	content: "CATEGORIES";
	font-family: "PlexesBlackPro";
	font-size: 16px;
	letter-spacing: 2px;
	margin-right: 10px;
/*     position: absolute; */
/*     right: 42px; */
/*     line-height: 30px; */
}
.searchandfilter span.search-knobs .search-knobs {
	-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
					transform: rotate(90deg);
	width: 38px;
	vertical-align: middle;
}
@media only screen and (min-width: 800px) {
.searchandfilter span.search-glass {
	width: 2.65vw;
		top: 9px;
}
.searchandfilter span.search-knobs {
/* 		width: 2.65vw; */
/*     	top: 9px; */
/* 		top: 1vw; */
}
}
@media only screen and (min-width: 1440px) {
.searchandfilter span.search-glass {
	width: 38px;
}
.searchandfilter span.search-knobs {
/* 		width: 38px; */
/*  	   top: 0px; */
/*  	   margin-top: 12px; */
}
}
.search-knobs .search-knob-left {
-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
				transform: translateY(0%);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: .25s;
		 -o-transition-duration: .25s;
				transition-duration: .25s;
}
.searchandfilter.show-filters .search-knobs .search-knob-left {
-webkit-transform: translateY(40%);
		-ms-transform: translateY(40%);
				transform: translateY(40%);
}
.search-knobs .search-knob-right {
-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
				transform: translateY(0%);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: .25s;
		 -o-transition-duration: .25s;
				transition-duration: .25s;
}
.searchandfilter.show-filters .search-knobs .search-knob-right {
-webkit-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
				transform: translateY(-30%);
}

.war-work-searchandfilter .sf-field-search input {
	width: 100%;
	border: none;
	border-bottom: 1px white solid;
	font-size: 28px;
	font-family: "PlexesBlackPro";
	color: #fff;
	padding-bottom: .1em;
	height: unset;
	padding-left: 0;
	margin-right: 0;
	padding-left: 40px;
	text-transform: uppercase;
}
@media only screen and (min-width: 800px) {
.war-work-searchandfilter .sf-field-search input {
			font-size: calc( 28px + 1.4vw );
			letter-spacing: calc( .1vw );
			padding-left: 4vw;
}
}
@media only screen and (min-width: 1440px) {
.war-work-searchandfilter .sf-field-search input {
		font-size: 48px;
		letter-spacing: 1.5px;
		padding-left: 58px;
}
}
.war-work-searchandfilter .sf-field-search input::-webkit-input-placeholder {
	text-transform: uppercase;
	color: #616163;
}
.war-work-searchandfilter .sf-field-search input:-ms-input-placeholder {
	text-transform: uppercase;
	color: #616163;
}
.war-work-searchandfilter .sf-field-search input::-ms-input-placeholder {
	text-transform: uppercase;
	color: #616163;
}
.war-work-searchandfilter .sf-field-search input::-moz-placeholder {
	text-transform: uppercase;
	color: #616163;
}
.war-work-searchandfilter .sf-field-search input::placeholder {
	text-transform: uppercase;
	color: #616163;
}

.war-work-searchandfilter .sf-field-search input[type="text"]:focus {
	text-transform: uppercase;
border-color: #fff;
}

/* placeholder color: #616163; */
@media only screen and (max-width: 800px) {
.war-work-searchandfilter .sf-field-search label {
	width: 100%;
}
}
.war-work-searchandfilter .sf-field-search label {
display: block;
position: relative;
}
@media only screen and (min-width: 800px) {
.war-work-searchandfilter .sf-field-search label {
	width: calc( 100% - 160px );
}
}

.war-saf-results {

}

.war-work-searchandfilter .sf-field-taxonomy-portfolio_skills {
display: none;
}

.search-filter-results {
/* class provided by SAF */
}
.search-filter-results.arranging {
opacity: 0;
}

.war-portfolio-item {
position: relative;
display: inline-block;
}
@media only screen and (max-width: 800px) {
.war-portfolio-item {
		padding-bottom: 0;/*12vh;*/
	}
}    
.war-portfolio-item:not(.masonry-js) {
-webkit-transition-property: opacity, top, max-height;
-o-transition-property: opacity, top, max-height;
transition-property: opacity, top, max-height;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;
/* this is to push down the footer smoothly rather than in a jump */	

width: 100%;
max-height: 0;
}

.war-portfolio-item.loaded:not(.masonry-js) {
max-height: 1000px;
}
.war-portfolio-item-static {
position: relative;
pointer-events: none;
opacity: 0;
}
.war-portfolio-item-static:not(.masonry-js) {
opacity: 0;
}

.war-portfolio-item-animated {
position: absolute;
left: 0;
width: 100%;
top: 30%;
opacity: 0;
/* animate in portfolio items */
}
.war-portfolio-item.shown .war-portfolio-item-animated {
opacity: 1;
top: 0;
-webkit-transition-property: opacity, top;
-o-transition-property: opacity, top;
transition-property: opacity, top;
-webkit-transition-duration: 1s;
		 -o-transition-duration: 1s;
				transition-duration: 1s;

-webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.020, 1.000);
	 -o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.020, 1.000);
			transition-timing-function: cubic-bezier(0.000, 0.000, 0.020, 1.000); /* custom */
			/* https://matthewlein.com/tools/ceaser */



}


.war-portfolio-item .searchable {
opacity: 0;
position: absolute;
width: 0;
height: 0;
top: 0;
left: 0;
}

.war-saf-results .war-portfolio-item a {
}


.war-saf-results .war-portfolio-item a .war-portfolio-thumb-outline {
content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin: -1px;
	background: -o-linear-gradient(left, var(--war-red), var(--war-orange));
	background: -webkit-gradient(linear, left top, right top, from(var(--war-red)), to(var(--war-orange)));
	background: linear-gradient(to right, var(--war-red), var(--war-orange));
	background: -webkit-linear-gradient(30deg, var(--war-red), var(--war-orange) 100%);
	background-image: -webkit-linear-gradient(30deg, rgb(199, 6, 27), rgb(235, 135, 54) 100%);
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
		 -o-transition-duration: .5s;
				transition-duration: .5s;
opacity: 0;
}
.war-saf-results .war-portfolio-item a:hover .war-portfolio-thumb-outline {
opacity: 1;
}    
body.safari .war-saf-results .war-portfolio-item a .war-portfolio-thumb-outline {
/*     margin-bottom: -2px; */
}


.war-saf-results .war-portfolio-thumb {
position: relative;
}
.war-saf-results .war-portfolio-thumb img {
width: 100%;
position: absolute;
	top: 0;
	left: 0;
}
.war-portfolio-item-animated .war-portfolio-thumb img {
opacity: 0;
position: absolute;
top: 0;
left: 0;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .25s;
		 -o-transition-duration: .25s;
				transition-duration: .25s;
}
.war-portfolio-item-animated .war-portfolio-thumb img.loaded {
opacity: 1;
}

.war-saf-results .war-portfolio-client {
line-height: 30px;
margin-top: 1em;
margin-bottom: 1em;

/* 	white-space: nowrap; */

/* name may hang off right edge of thumb */
/* alt: place nowrap on name so name wraps below logo */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
		-ms-flex-direction: row;
				flex-direction: row;

}
.page_spec-ops .war-saf-results .war-portfolio-client {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
				flex-direction: column;
}

.war-saf-results .war-portfolio-client-logo {
height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.war-saf-results .war-portfolio-client-logo img {
display: inline-block;
width: auto;
height: 20px; /* 22px; */
vertical-align: middle;
}

.war-saf-results .war-portfolio-client-name {
	vertical-align: middle;
font-size: 16px;
font-family: "PLexesBlackPro", sans-serif;	
color: #fff;

/* 	white-space: nowrap; */
/* drop name below logo rather than wrap */

}

.war-saf-results .war-portfolio-project-name {
font-size: 16px;
font-family: "PlexesBookPro", sans-serif;	
color: #55565a;
margin-bottom: .65em;
display: inline-block;
position: relative;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
		 -o-transition-duration: .5s;
				transition-duration: .5s;
}	
.war-saf-results .war-portfolio-item a:hover  .war-portfolio-project-name span.default {
/* 	opacity: 0; */
}
.war-saf-results .war-portfolio-project-name span.hover {
font-size: 16px;
font-family: "PlexesBookPro", sans-serif;	
color: #55565a;
margin-bottom: .65em;
position: absolute;
display: block;
top: 0;
left: 0;
opacity: 0;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
		 -o-transition-duration: .5s;
				transition-duration: .5s;
background: -webkit-linear-gradient(45deg, var(--war-red), var(--war-orange) 75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
.war-saf-results .war-portfolio-item a:hover  .war-portfolio-project-name span.hover {
opacity: 1;
}

@media only screen and (min-width: 800px) {
.war-saf-results .war-portfolio-client-logo img {
	height: calc( 20px + .35vw );
}
.war-saf-results .war-portfolio-client-name {
	font-size: calc( 16px + .55vw );
}
.war-saf-results .war-portfolio-project-name,
.war-saf-results .war-portfolio-project-name span.hover
{
	font-size: calc( 16px + .55vw );
}	
}
@media only screen and (min-width: 1440px) {
.war-saf-results .war-portfolio-client-logo {
	height: 25px;
}
.war-saf-results .war-portfolio-client-name,
.war-saf-results .war-portfolio-project-name span.hover
{
	font-size: 24px;
}
.war-saf-results .war-portfolio-project-name, 
.war-saf-results .war-portfolio-project-name span.hover
{
	font-size: 24px;
}	
}
.war-saf-results .war-portfolio-tags span {

}

.war-saf-results .war-portfolio-tags span {
/* SEE .war-case-categories p */
text-transform: uppercase;

}

.war-saf-results .war-portfolio-tags span {
}



/* MOBILE ------------------------------------------------------------ */
.war-work-checkit {
font-family: "PlexesBlackPro", sans-serif;
text-transform: uppercase;
margin-bottom: 5vw;
margin-top: 5vw;
font-size: 32px;
line-height: 1.2em;
text-align: center;
}
.war-work-checkit p {
margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
.war-work-hero-column > .fusion-column-wrapper {
	padding-top: 50vh!important;
}
.war-work-hero-spacer-pad {
	padding-top: 50vh;
}
.war-work-hero:before {
	padding-top: 50vh;
}
.fullwidth-box.video-background .fullwidth-video video {
		max-height: 50vh;
}
.war-work-isotope-search,
.war-work-isotope-filters {
/* 		display: none; */
}
.war-work-searchandfilter .sf-field-search input {
	font-size: 22px;
	padding-right: 0;
	padding-left: 34px;
}
.searchandfilter span.search-glass {
	top: -2px;
}

.war-work-checkit {
	display: block;
}

}
@media only screen and (min-width: 800px) {
.war-work-checkit {
	display: none;
}
}

.war-no-portfolio-items {
opacity: 0;
display: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
			-ms-flex-direction: row;
					flex-direction: row;
	-ms-flex-pack: distribute;
			justify-content: space-around;

-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .5s;
		 -o-transition-duration: .5s;
				transition-duration: .5s;
}
.war-no-portfolio-items img {
max-width: 500px!important;
width: 100%;
height: auto;
}

.none-found .war-no-portfolio-items {
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}