/* REMOVE SOME GLOBAL PAGE ELEMENTS THAT WE DO NOT WANT ON THIS PARTICULAR PAGE 
body.tax-clients .outer > .bannerPan{display:none;}
body.tax-clients .blogPan{padding-top:335px;}
*/
.work-nav {
    width: 100% !important;
    right: 0;
    left: 0;
    top: 0;
    position: fixed;
    height: 100%;
    pointer-events:none;
}
.nav-btn-hitarea{
    top: 0;
    bottom: 0;
    position: absolute;
    width: 500px;
    height: 100%;
    pointer-events:auto;
}

.nav-btn-hitarea.hitarea-back{
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.nav-btn-hitarea.hitarea-next{
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.work-nav  .nav-btn{
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    -webkit-transition: right 0.5s ease-out,left 0.5s ease-out,opacity 0.5s linear;
    -moz-transition:    right 0.5s ease-out,left 0.5s ease-out,opacity 0.5s linear;
    -o-transition:      right 0.5s ease-out,left 0.5s ease-out,opacity 0.5s linear;
    transition:         right 0.5s ease-out,left 0.5s ease-out,opacity 0.5s linear;
}

.nav-btn-hitarea       .nav-btn-back{right:0;}
.nav-btn-hitarea       .nav-btn-next{left:0;}



.work-nav .nav-btn a{  
	display:inline-block;
	background-color:rgb(142,145,147);
	background-color:rgba(142,145,147,0.5);
	padding:10px;
	/*
	width:39px;
	height:39px;
	*/
    overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	white-space:nowrap;
}

.work-nav .nav-btn svg{
    width:24px;
    height:24px;
    fill:#FFFFFF;
}

.work-nav .nav-btn label{
	display:block;
	background-color:#CCCCCC;
	background-color:rgba(0,0,0,0.25);
	padding:3px;
	font-size:10px;
	color:#FFFFFF;
	margin-top:3px;
	opacity:0;
	pointer-events:none;
    white-space:nowrap;
	-webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
}
.work-nav .nav-btn a:hover{background-color:#f15a22;}


/*
.work-nav .nav-btn-back a{background-image:url(../images/hero-arrow-left.png);text-indent:-999px;}
.work-nav .nav-btn-next a{background-image:url(../images/hero-arrow-right.png);text-indent:999px;}
*/
.work-nav .nav-btn:hover label{opacity:1;}



.nav-btn-hitarea       .nav-btn-back{left:0;opacity:0;text-align:left;}
.nav-btn-hitarea       .nav-btn-next{right:0;opacity:0;text-align:right;}

html.mobile .nav-btn-hitarea .nav-btn-back,
body.not-scrolled .nav-btn-hitarea .nav-btn-back,
body              :hover.nav-btn-hitarea       .nav-btn-back{left:100%;right:inherit;opacity:1;margin-left: -44px;}

html.mobile .nav-btn-hitarea       .nav-btn-next,
body.not-scrolled .nav-btn-hitarea       .nav-btn-next,
body              .nav-btn-hitarea:hover .nav-btn-next{right: 100%;left:inherit;opacity: 1;margin-right: -44px;}


@media (max-width: 1400px) {

    .work-nav .hitarea-back{left: 52px;}
    .work-nav .hitarea-next{right: 52px;}
}
/*
@media (max-width: 1330px) {
  .work-nav .nav-btn a{  
		padding:3px;
		width:25px;
		height:25px;
		background-size:38% 49%;
	}
	.work-nav .nav-btn-back{margin-left: -37px;}
	.work-nav .nav-btn-next{margin-right: -37px;}
}
*/


body.tax-clients article .article-header{
	display:none;
}
body.tax-clients article .workitem-image{
	width:auto !important;
	height:auto !important;	
	max-width:100%;
	
	margin:auto;
	display:block;
	margin-bottom:10px;
}
body.tax-clients article .entry-content{
	text-align:center;
}



.youtube-video-container{
	max-width:855px;
}

.h1.section-label{
	font-size:14px;
	color:#FFFFFF;
	background-color:#2f2d30;
	padding:4px 10px;
	display:inline-block;
	text-transform:uppercase;
}


#content #main h2{
	font-size:45px;
	color:#ee6741;
}




/* CASE STUDY DETAILS */
.case-studies{
	text-align:center;
	margin-bottom:100px;
}
/*
.case-studies .case-study-process-menu {
	margin:auto;
	padding:0;	
	max-width:713px;
	margin-top:32px;
}
.case-studies .case-study-process-menu li{
	position:relative;
	list-style:none;
	display:inline-block;
	width:25%;
	height:122px;
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:12px;
	text-align:center;
	vertical-align:bottom;
}
.case-studies .case-study-process-menu li img{
	display:block;	
	margin:auto;
	max-width:100%;
    padding-right: 5%;
    padding-left: 5%;
    width: 77px;
}
.case-studies .case-study-process-menu li:hover,
.case-studies .case-study-process-menu li.active{
	background-color:#f2f6f7;	
}


.case-studies .case-study-process-menu li .arrow{display:none;}
.case-studies .case-study-process-menu li.active .arrow{
    width: 26%;
    height: 30%;
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:9;	
	top:50%;
	right:0;
	margin-top: -33px;
    transform: translateX(50%);
}
.case-studies .case-study-process-menu li.active .arrow svg{width: 100%;height: 100%;fill:#afafaf;}
.case-studies .case-study-process-menu li.engage .arrow{display:none;}
*/
.case-studies article{
	text-align:left;
	background-color:#f2f6f7;
	margin-bottom:10px;
	padding:35px;
	display:none;
}
.case-studies .h2{
	font-size:32px;
	color:#ee6741;
	margin-bottom:12px;
}
.case-studies .copy{
	font-size:17px;
	color:#2f2d2f;
	line-height:1.5;
}








@media (max-width: 500px) {  
   	.case-studies .case-study-menu li{font-size:14px;height:112px;padding-top:15px;}
	.case-studies .case-study-menu li.active .arrow{display:none;}	
}
@media (max-width: 375px) {
   .case-studies .case-study-menu li{font-size:12px;height:82px;}	
}




/* WORK ITEMS LIST (FILTERED) */
.filtered-results-title{
	background-color:	#f2f6f7;	
	text-align:center;
	color:#000000;
	padding:15px;
	font-size:17px;
	letter-spacing:2.5px;
	text-transform:uppercase;
}
.filtered-results{
	border:12px solid #f2f6f7;	
	border-top:none;	
	padding-top:50px;
	margin-bottom:10px;
}
.filtered-results article{margin-left:20px;margin-right:20px;}
.filtered-results article:last-of-type .bodycopy {margin-bottom:150px;}

.filter-bottom-links{
	text-align:center;
	position:relative;
}
.filter-bottom-links:after{clear:both;content:' ';display:block;}
.more-label{
	display:block;
	text-align:center;
	height:45px;
	margin-top:12px;
	margin-bottom:150px;
}
/* WORK ITEMS LIST (ALL) */
article.work-item {/*margin-bottom:120px;*/}
article.work-item:last-child {margin-bottom:0;}
article.work-item p{max-width:750px;margin:auto;}
article.work-item .bodycopy {margin-top:34px;}



/* NEXT AND PREVIOUS LINKS */
a.client-nav-link,
a.client-nav-link:visited{	
	background-color:#f2f6f7;
	font-size:16px;
	color:#717577;
	padding:14px 16px;
	text-decoration:none;
	/*background-repeat:no-repeat;*/
}
a.client-nav-link.prev{
	float:left;
	padding-left:25px;
	/*
	background-image:url(../images/orange-arrow-left.png);
	background-position:16px center;
	*/
}
a.client-nav-link.next{
	float:right;
	padding-right:25px;
	/*
	background-image:url(../images/orange-arrow-right.png);
	background-position:right 16px center;
	*/
}
a.client-nav-link .svg-arrow{fill:#f68a47;}
a.client-nav-link.prev .svg-arrow{
    margin-right:10px;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
a.client-nav-link.next .svg-arrow{margin-left:10px;}
.more-label .svg-arrow{
    fill:#f68a47;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90);
    transform: rotate(90deg);
    display:block;
    margin:auto;
    top:12px;
}


@media (max-width: 1000px) {
   .filter-bottom-links .more-label{
		display:block;
		clear:both;
	}
}
@media (max-width: 600px) {
   a.client-nav-link{
	   padding-left:0 !important;
	   padding-right:0 !important;
		width:100%;
		text-align:center;
		display:block;  
   }
}



/* BOTTOM WORK SECTION. Includes the "What Supervox Provided" section, and the next and previous case study links. */
.bottom-work-section{
	/*
	margin-top:75px;
	margin-bottom:75px;	
	position:relative;
	*/
}

.case-study-link{
	text-align:center;
	padding-bottom:6.5em;	
}

.case-study-link .ctaCommon,
.case-study-link .ctaCommon:hover{
	background-color:#eaeaea;
	color:#000000;
	display:inline-block;
	text-transform:uppercase;
	padding:0.3em 1em;
}

.case-study-link .ctaCommon .svg-arrow{
	fill:#f15a22;
}
.bottom-work-section .case-study-link{
	background-color:#FFdd00;
	padding:6.5em 0;	
}
.bottom-work-section .case-study-link .ctaCommon,
.bottom-work-section .case-study-link .ctaCommon:hover{
	background-color:#f35915;
	color:#FFFFFF;
}
.bottom-work-section .case-study-link .ctaCommon .svg-arrow{
	fill:#FFFFFF;
}

/* WHAT SUPERVOX PROVIDED */
.what-provided{
	font-size:17px;
	text-align:center;
	clear:both;
	margin-top:-50px;
}
.what-provided .h1{
  font-size: 17px;
  letter-spacing: 2.5px;
  padding: 10px 22px;
}
.what-provided .what-provided-list{
	line-height:20px;
	margin-top:32px;
}
.what-provided .what-provided-list br{
  display: block;
  padding: 2.5px;
  content: ' ';
}
@media (max-width: 1000px) {
   .filter-bottom-links .more-label{
		display:block;
		clear:both;
	}
}