@charset "utf-8";
/*
	Theme Name: Holdens
	Author: Mark Unthank
	Author URI: https://www.holdensagency.com/
	License: All Rights Reserved, Copyright 2015 Holden & Sons Ltd
	#black = #231f20;
	#blue = #004af3;
	#yellow = #fffd4f;
	#gold = #8b7d70;
	#grey = #6D6D6D was #C8C8C8;
*/
main {
	padding-bottom: 50px;
	opacity:1;
	visibility:visible;
	-webkit-transition:1s visibility, 1s opacity;
	   -moz-transition:1s visibility, 1s opacity;
	     -o-transition:1s visibility, 1s opacity;
	        transition:1s visibility, 1s opacity;
}
.js .is-loading {
	position:relative;
	width:100%;
	height:100%;
}
.js .is-loading:after {
	content:"";
	display:block;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
			-moz-transform:translate(-50%, -50%);
			 -ms-transform:translate(-50%, -50%);
			  -o-transform:translate(-50%, -50%);
	     transform:translate(-50%, -50%);
	width:90px;
	height:90px;
	background-image:url("images/apostrophe.svg");
	background-repeat:no-repeat;
	-o-background-size:90px 90px;
	   background-size:90px 90px;
	z-index: 999999999;
}
.js .is-loading main {
	opacity:0;
	visibility:hidden;
}
@media ( min-width:32em ) {
	.pull-right-md {
		float:right !important;
	}
}
/**
 Typography
*************/
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 4.4375em;
}
p {
	font-size: 1.125rem;
	line-height: 1.74;
	margin-bottom: 2rem;
	color: #2F2F2F;
}

.highlight {
	background-color: #fffd4f;
	padding: .25em 0;
}
p a,
.cat-nav a {
	text-decoration:none;
	color:inherit;
	border-bottom: 1px dashed #231f20;
	padding-bottom:.15em;
	position:relative;
}
p a:hover,
.cat-nav a:hover {
	background-color: #F9F9F9;
}
hr.divider {
	height:1px;
	border:0;
	background-image:url("https://holdensagency.com/wp-content/themes/holdens/images/divider.png");
	width:8.5rem;
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
h1,h2 {
	font-weight: 600;
	margin-top: 1em;
}
h2, .h2 {
	font-size:1.875rem
}
h2 a,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active {
	text-decoration:none;
	color:#231f20;
}
h3, .h3 {
	font-size:1.5em;
	line-height:1.5;
}
h4, .h4 {
	font-size:1.125em
}

hgroup h2 {
	margin-bottom:.5rem;
}
hgroup h4,
.metric,
.highlight-alt {
	margin-top:0;
	color: #004af3;
	background: #F5F5F5;
	display: inline-block;
	padding: 0.3em;
}
.case-study hgroup h4 {
	margin: 1rem 0;
}
.nomarg {
	margin:0!important;
}
::-moz-selection {
  background: #F5F5F5!important;
}
::selection {
  background: #F5F5F5!important;
}
::-moz-focus-inner {
  border: 0;
}
.container-fluid {
    background:#fff;
}
.contrast-bg {
	background:#231f20;
	color:#fff;
}
.light-bg {
	background:#6D6D6D;
	color:#fff;
}
.lightest-bg {
	background:#FBFBFB
}
.article p:first-child {
	margin-top:0;
}
/* Faux UL */
.faux--ul span {
  font-size:.6em;
}
.faux--ul span:hover,
.faux--ul span:active {
	background: none!important;
	color: #004af3!important;
}
.faux--ul h3 {
  margin:0;
  font-weight:600;
}
.faux--ul p {
  margin-top: 0;
  padding:0 1em;
  clear: both;
}

/**
 * Header
**/
#header {
	padding: 1rem 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	background: rgb(255,255,255);
	background: rgba(255,255,255,.9);
}
#header:after {
	content: "";
	position:absolute;
	display:block;
	width:100%;
	height: 2em;
	bottom: -2em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	opacity:0;
	visibility:hidden;
	-webkit-transition:.2s visibility,.2s opacity;
	   -moz-transition:.2s visibility,.2s opacity;
	     -o-transition:.2s visibility,.2s opacity;
	        transition:.2s visibility,.2s opacity;
}
.menu-open #header:after {
	opacity:1;
	visibility:visible;
}
.logo img,
.logo svg {
    max-height: 140px;
	display: block;
	height:auto;
}
#menu-button svg {
    width: 35px;
    height: 35px;
    display: block;
    overflow:hidden;
}
#menu-button svg path,
#menu-button svg rect {
	-webkit-transition:.3s -webkit-transform;
	        -moz-transition:.3s -webkit-transform;
	        -o-transition:.3s -webkit-transform;
	        transition:.3s -webkit-transform;
	-moz-transition:.3s -moz-transform;
	  -o-transition:.3s -o-transform;
	     -webkit-transition:.3s transform;
	     -moz-transition:.3s transform;
	     -o-transition:.3s transform;
	     transition:.3s transform
}
#bar-bot,
#bar-top,
#bar-mid {
	-webkit-transform-origin:100% 100%;
	        -moz-transform-origin:100% 100%;
	         -ms-transform-origin:100% 100%;
	          -o-transform-origin:100% 100%;
	     transform-origin:100% 100%;
}
.menu-open #bar-bot {
	-webkit-transform:translateX(5em);
	        -moz-transform:translateX(5em);
	         -ms-transform:translateX(5em);
	          -o-transform:translateX(5em);
	     transform:translateX(5em);
}
.menu-open #bar-mid {
	-webkit-transform:rotate(-6deg);
	        -moz-transform:rotate(-6deg);
	         -ms-transform:rotate(-6deg);
	          -o-transform:rotate(-6deg);
	     transform:rotate(-6deg);
}

/**
 * Footer
**/
#footer {
	margin-top:2em;
	margin-bottom:2em;
}

/** Navs */
nav a {
	font-size: 1.125rem;
	color:#231f20;
	text-decoration:none;
	padding: .5rem 0;
	display:block;
	position: relative;
}
nav a:hover:after,
nav a:focus:after,
nav a:active:after,
.menu-item-has-children > a:after {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    background-color:#231f20;
    -webkit-border-radius:2px;
            border-radius:2px;
    width: 1.25rem;
    height:2px;
    -webkit-transition:.3s width;
       -moz-transition:.3s width;
         -o-transition:.3s width;
            transition:.3s width;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    nav a:hover:after,
	nav a:focus:after,
	nav a:active:after,
	.menu-item-has-children > a:after {
		display:none;
    }
}}
nav .sub-menu a:hover:after,
nav .sub-menu a:focus:after,
nav .sub-menu a:active:after,
.menu-item-has-children > a:after {
	background-color:#6D6D6D;
	bottom: 0;
}
h1 {
	padding-top:.67em;
	position:relative;
}
ul.sub-menu:before,
h1:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background-color: #6D6D6D;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    width: 1.25rem;
    height: 2px;
    -webkit-transition: .3s width;
       -moz-transition: .3s width;
         -o-transition: .3s width;
            transition: .3s width;
}
ul.sub-menu:before {
	display:none;
}
#mobile-nav ul.sub-menu:before {
	display:none;
}

nav.compact ul.sub-menu:before {
	display:block!important;
}

.current_page_item > a,
.current-menu-item > a {
    color:#004af3;
    cursor:default;
    pointer-events:none;
}
.current_page_item a:hover:after,
.current_page_item a:focus:after,
.current_page_item a:active:after {
    display:none
}

nav a:active:after {
	width:1.875rem;
}

nav li {
	margin: 0.7rem 0;
}
.sub-menu {
	padding-left:0;
}
.sub-menu a {
	font-size: 1.125rem;
	color: #6D6D6D;
	-webkit-transition:.4s color;
	   -moz-transition:.4s color;
	     -o-transition:.4s color;
	        transition:.4s color;
}
.sub-menu a:hover,
.sub-menu a:focus,
.sub-menu a:active,
.sub-menu .current-menu-item a {
	color:#231f20;
}
.sub-menu .current-menu-item a {
	color:#004af3;
	cursor:default
}
.menu-item-has-children .current-menu-item > a:after {
	display:none;
}
.sub-menu li {
	display:inline-block;
	width: 40%;
	margin-top:0;
	margin-right: 4%;
	vertical-align: top;
}
.csscolumns .sub-menu {
	width: 100%;
}
.csscolumns .sub-menu li {
	display:block;
	width: 100%;
	margin: 0;
}
.menu-item-has-children > a {
	margin-bottom: .2rem;
}

#mobile-nav {
	position:fixed;
	display:block;
	visibility:hidden;
	opacity:0;
	width:100%;
	height:100%;
	top:0;
	padding-top: 4.4375rem;
	left:0;
	z-index: 99999;
	background-color: #fff;
	-webkit-transition:.2s visibility,.2s opacity;
	   -moz-transition:.2s visibility,.2s opacity;
	     -o-transition:.2s visibility,.2s opacity;
	        transition:.2s visibility,.2s opacity;
}
.menu-open #mobile-nav {
	opacity:1;
	visibility:visible;
}
.menu-open {
	overflow-y:hidden;
}
.menu-open * {
    pointer-events:none;
}
.menu-open #mobile-nav *,
.menu-open #header * {
    pointer-events: all;
}

#mobile-nav ul.nav {
	overflow:scroll;
	height:100%;
	padding-left: .75rem;
	padding-right: .75rem;
	padding-bottom: 3rem;
	max-width: 90rem;
	margin:0 auto;
}
#mobile-nav ul.nav:after {
	content: "";
	position:absolute;
	display:block;
	width:100%;
	height: 5em;
	bottom: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	opacity:0;
	visibility:hidden;
	-webkit-transition:.2s visibility,.2s opacity;
	   -moz-transition:.2s visibility,.2s opacity;
	     -o-transition:.2s visibility,.2s opacity;
	        transition:.2s visibility,.2s opacity
}
.menu-open #mobile-nav ul.nav:after {
	visibility:visible;
	opacity:1;
}

.cat-nav,
.cat-nav + .button-group {
	display:block;
	margin-bottom:2rem;
	padding-left: 3rem;
}
.cat-nav li {
	text-transform:lowercase;
	margin:1em 0;
}
.cat-nav a {
	font-size: 1.25rem;
}

/**
 * Buttons
**/
.lozenge,
input[type="submit"] {
	display:block;
	font-size:1em;
	-webkit-border-radius:2.25rem;
	        border-radius:2.25rem;
	border: 1px solid #231f20;
	padding: 0 1rem;
	line-height: 2.25em;
	color:#231f20;
	text-decoration: none;
	position:relative;
	width: 13.5rem;
	margin: 1em 0;
}
.next-prev .lozenge {
	min-width:12.5rem;
	width:auto;
}
.lozenge:after {
	content:"";
	display:block;
	position:absolute;
	right:1rem;
	top:50%;
	margin-top:-.5em;
	background-image:url("https://holdensagency.com/wp-content/themes/holdens/images/arrow.svg");
	background-repeat:no-repeat;
	width: 1.25rem;
	height: 0.92rem;
	-webkit-transition:.3s background-color;
	-moz-transition:.3s background-color;
	-o-transition:.3s background-color;
	transition:.3s background-color;
	background-repeat: no-repeat;
}
.no-cssmask .lozenge:not(.blue):after {
	background-image:url("https://holdensagency.com/wp-content/themes/holdens/images/arrow-white.png");
	-o-background-size:100%;
	   background-size:100%;
}
.reverse.lozenge {
	text-align:right;
	padding-right: 1rem;
}
.single-case-studies .reverse.lozenge,
.single-services .reverse.lozenge {
	padding-left: 4rem;
}
.reverse.lozenge:after {
	right:auto;
	left:1rem;
	-webkit-transform:rotate(180deg);
	        -moz-transform:rotate(180deg);
	         -ms-transform:rotate(180deg);
	          -o-transform:rotate(180deg);
	     transform:rotate(180deg);
}
.lozenge:hover,
.lozenge:focus,
.lozenge:active,
.card .info .lozenge,
.constant.lozenge {
	background-color:#231f20;
	color:#fff;
}
.card .info .lozenge,
.constant.lozenge {
	padding-left:1rem;
}
.cssmask .lozenge:after {
	background-image:none;
	-webkit-mask-image: url("https://holdensagency.com/wp-content/themes/holdens/images/arrow.svg");
	mask-image: url("https://holdensagency.com/wp-content/themes/holdens/images/arrow.svg");
	background-color: #231f20;
	-webkit-mask-repeat: no-repeat;
	mask-repeat:no-repeat;
}
.lozenge.blue:after {
	background-image:url("https://holdensagency.com/wp-content/themes/holdens/images/arrow-blue.png");
	-o-background-size:100% 100%;
	   background-size:100% 100%;
}
.lozenge.blue:hover:after {
	background-image:url("https://holdensagency.com/wp-content/themes/holdens/images/arrow-white.png");
}
.lozenge.gold {
	background-color:#8b7d70;
}
.lozenge.gold:after {
	background-image:url("https://holdensagency.com/wp-content/themes/holdens/images/arrow-white.png");
	-o-background-size:100% 100%;
	   background-size:100% 100%;
}

.cssmask .lozenge.blue:after {
	background-image:none;
	background-color: #004af3;
}
.cssmask .lozenge.white:after {
	background-color: #fff;
}
.cssmask .lozenge.grey:after {
	background-color:#6D6D6D;
}

.cssmask .lozenge:hover:after,
.cssmask .lozenge:focus:after,
.cssmask .lozenge:active:after,
.cssmask .card .info .lozenge:after,
.cssmask .constant.lozenge:after {
	background-color:#fff;
}

.lozenge {
    border: 0;
    padding: 0;
    padding-right: 3em;
    -webkit-transition: .3s padding, .5s background-color, .3s color;
       -moz-transition: .3s padding, .5s background-color, .3s color;
         -o-transition: .3s padding, .5s background-color, .3s color;
            transition: .3s padding, .5s background-color, .3s color;
}
.promovid,
.pull-out {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.promovid .lozenge {
	padding: 0 1rem;
}
.lozenge:hover, .lozenge:focus, .lozenge:active, .card .info .lozenge,
.constant.lozenge {
	padding-left:1rem!important
}
.constant.lozenge {
	margin-top:0;
}

.single-case-studies .lozenge.reverse:hover,
.single-case-studies .lozenge.reverse:focus,
.single-case-studies .lozenge.reverse:active,
.single-case-studies button.lozenge.reverse{
    padding: 0 1rem 0 4rem;
}

.single-services .reverse.lozenge:hover,
.single-services .reverse.lozenge:focus,
.single-services .reverse.lozenge:active {
	padding-left: 4rem!important;
}

.cssmask .lozenge:hover:after,
.cssmask .lozenge:focus:after,
.cssmask .lozenge:active:after {
	-webkit-animation:1s Bobbing infinite;
	        -moz-animation:1s Bobbing infinite;
	          -o-animation:1s Bobbing infinite;
	     animation:1s Bobbing infinite;
	-webkit-animation-delay: .3s;
	        -moz-animation-delay: .3s;
	          -o-animation-delay: .3s;
	     animation-delay: .3s;

}
.cssmask .lozenge.reverse:hover:after,
.cssmask .lozenge.reverse:focus:after,
.cssmask .lozenge.reverse:active:after {
	-webkit-animation:1s BobbingReverse infinite;
	        -moz-animation:1s BobbingReverse infinite;
	          -o-animation:1s BobbingReverse infinite;
	     animation:1s BobbingReverse infinite;
	-webkit-animation-delay: .3s;
	        -moz-animation-delay: .3s;
	          -o-animation-delay: .3s;
	     animation-delay: .3s;
}
@-webkit-keyframes Bobbing {
	0% {
		-webkit-transform:translateX(0);
		        transform:translateX(0)
	}
	50% {
		-webkit-transform:translateX(.2em);
		        transform:translateX(.2em)
	}
}
@-moz-keyframes Bobbing {
	0% {
		-webkit-transform:translateX(0);
		        -moz-transform:translateX(0);
		     transform:translateX(0)
	}
	50% {
		-webkit-transform:translateX(.2em);
		        -moz-transform:translateX(.2em);
		     transform:translateX(.2em)
	}
}
@-o-keyframes Bobbing {
	0% {
		-webkit-transform:translateX(0);
		        -o-transform:translateX(0);
		   transform:translateX(0)
	}
	50% {
		-webkit-transform:translateX(.2em);
		        -o-transform:translateX(.2em);
		   transform:translateX(.2em)
	}
}
@keyframes Bobbing {
	0% {
		-webkit-transform:translateX(0);
		        -moz-transform:translateX(0);
		          -o-transform:translateX(0);
		     transform:translateX(0)
	}
	50% {
		-webkit-transform:translateX(.2em);
		        -moz-transform:translateX(.2em);
		          -o-transform:translateX(.2em);
		     transform:translateX(.2em)
	}
}

@-webkit-keyframes BobbingReverse {
	0% {
		-webkit-transform:translateX(0) rotate(180deg);
		        transform:translateX(0) rotate(180deg)
	}
	50% {
		-webkit-transform:translateX(-.2em) rotate(180deg);
		        transform:translateX(-.2em) rotate(180deg)
	}
}

@-moz-keyframes BobbingReverse {
	0% {
		-webkit-transform:translateX(0) rotate(180deg);
		        -moz-transform:translateX(0) rotate(180deg);
		     transform:translateX(0) rotate(180deg)
	}
	50% {
		-webkit-transform:translateX(-.2em) rotate(180deg);
		        -moz-transform:translateX(-.2em) rotate(180deg);
		     transform:translateX(-.2em) rotate(180deg)
	}
}

@-o-keyframes BobbingReverse {
	0% {
		-webkit-transform:translateX(0) rotate(180deg);
		        -o-transform:translateX(0) rotate(180deg);
		   transform:translateX(0) rotate(180deg)
	}
	50% {
		-webkit-transform:translateX(-.2em) rotate(180deg);
		        -o-transform:translateX(-.2em) rotate(180deg);
		   transform:translateX(-.2em) rotate(180deg)
	}
}

@keyframes BobbingReverse {
	0% {
		-webkit-transform:translateX(0) rotate(180deg);
		        -moz-transform:translateX(0) rotate(180deg);
		          -o-transform:translateX(0) rotate(180deg);
		     transform:translateX(0) rotate(180deg)
	}
	50% {
		-webkit-transform:translateX(-.2em) rotate(180deg);
		        -moz-transform:translateX(-.2em) rotate(180deg);
		          -o-transform:translateX(-.2em) rotate(180deg);
		     transform:translateX(-.2em) rotate(180deg)
	}
}

.blue:not(p):hover,
.blue:not(p):focus,
.blue:not(p):active,
button.lozenge {
	background-color:#004af3;
	color:#fff;
}

button.lozenge.blue:after {
    display: none!important;
}
button.lozenge.blue:hover {
    background-color: #fff;
    border: 2px solid #004af3;
    color: #004af3;
}

button.lozenge {
    border: 2px solid transparent;
}


/**
 * Utility
**/
.blue,
input[type="submit"] {
	color:#004af3;
	border-color: #004af3;
}
.white {
	color:#fff;
	border-color:#fff;
}
.grey {
	color:#6D6D6D;
	border-color:#6D6D6D;
}

a.grey:hover,
a.grey:focus,
a.grey:active {
	background-color:#6D6D6D;
	color:#fff;
}
footer .nolist li {
	font-size:.7rem;
	float:left;
	margin-right:.3em;
}
footer .nolist li:after {
	content:"/";
	margin-left:.3em;
}
footer .nolist li:last-child:after {
	content:"";
}
footer .nolist a {
	text-decoration:none;
	color:inherit;
}
.dim {
	opacity: .1;
}
.preload {
	display:none;
}
.inline-block {
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
}
.text-center {
	text-align:center;
}

/**
 * Card Specific
**/
.card p {
	font-size:1rem;
	max-width: 80%;
	margin-top: 0.25rem;
}
.headline-metric {
	border:12px solid #fff;
	border-left:0;
	margin-bottom: 0;
	position:absolute;
	bottom:0;
}
.case-study h2 {
	margin-top: 1.5rem;
}
.case-study {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}

/** Promo Video */
.vid-container,
.js .loading {
	position:relative;
	display: block;
	background:#231f20;
}
.video-play {
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	  -o-transform: translate(-50%, -50%);
	     transform: translate(-50%, -50%);
	margin: 0;
	width: 60%;
	max-width: 12.5rem;
	text-align: left;
	background-color: #231f20!important;
}
.vid-container img {
	display:block;
}
.vid-container.playing .video-cover,
.vid-container.playing .video-play:not(.modal-trigger),
.video-container-fluid.playing .video-play {
 display:none

}
.vid-container.playing .videoWrapper,
.videoWrapper-force {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
	background: none;
}
.videoWrapper iframe {
	display:none;
}
.vid-container.playing .videoWrapper iframe,
.videoWrapper-force video {
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.vid-container.playing .videoWrapper iframe {
	width: 100%;
	max-height: 83vh;
}
.info,
.no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.info {
    position:absolute;
    bottom: 1rem;
    right: 1rem;
}
.info span {
    color:#fff;
    border:2px solid #fff;
    padding:.5rem 1rem;
    cursor:pointer;
    display: inline-block;
    -webkit-border-radius: 50%;
            border-radius: 50%;
}

.info .description {
	-webkit-transition:.3s opacity, .3s visibility, .3s -webkit-transform;
	        -moz-transition:.3s opacity, .3s visibility, .3s -webkit-transform;
	        -o-transition:.3s opacity, .3s visibility, .3s -webkit-transform;
	        transition:.3s opacity, .3s visibility, .3s -webkit-transform;
	-moz-transition:.3s opacity, .3s visibility, .3s -moz-transform;
	  -o-transition:.3s opacity, .3s visibility, .3s -o-transform;
	     -webkit-transition:.3s opacity, .3s visibility, .3s transform;
	     -moz-transition:.3s opacity, .3s visibility, .3s transform;
	     -o-transition:.3s opacity, .3s visibility, .3s transform;
	     transition:.3s opacity, .3s visibility, .3s transform;
	-webkit-border-radius: 0;
	        border-radius: 0;
}
.video-container-fluid {
  max-height: 83vh;
  overflow: hidden;
  position: relative;
}

/** Video Modal */
/* .vid-container.playing .videoWrapper.modal {
  position: fixed;
  top: 50%;
  left: 10%;
  display: block;
  z-index:9999;
  width: 80%;
  transform: TranslateY(-50%);
} */

.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  z-index: 99999;
  width: 100%;
  height: 100vh;
  background:rgba(0,0,0,.7);
  transition:.3s opacity, .3s visibility;
  opacity:0;
  visibility:hidden;
}

.vid-container.playing .modal-container {
	position:absolute;
	top:50%;
	left: 50%;
	width: 80%;
	transform: translate(-50%, -50%);
}

.vid-container.playing .videoWrapper.modal iframe {
	max-height:none;
}
.modal-open .vid-container.playing .modal-wrapper {
  opacity:1;
  visibility:visible;
}

.modal-close {
	color:#fff;
	background: rgba(0,0,0,.4);
	font-size:2em;
	position:absolute;
	right: -40px;
	top: -42px;
	width: 40px;
	height: 42px;
}

/** Testimonial */
blockquote.testimonial {
	margin:0;
	display: block;
}
.single-case-studies blockquote.testimonial {
	padding-left:1.2rem;
	padding-right:1.2rem;
}
blockquote.testimonial h3 {
	padding-right: 2em;
}
blockquote.testimonial h3:before,
blockquote.testimonial h3:after  {
	content:"";
	position:absolute;
	background:url("https://holdensagency.com/wp-content/themes/holdens/images/apostrophes.png");
	top:0;
	left: -1em;
	display:block;
	width:17px;
	height:29px;
}
blockquote.testimonial h3:after {
	left:auto;
	right: 0;
	bottom: 0;
	top:auto;
	background-position:-18px 0;
}
blockquote.testimonial h3 {
	margin-bottom:.75rem;
	margin-top: 0;
	font-size: 1.425rem;
	position: relative;
	display: inline;

}
.single-case-studies blockquote.testimonial h3 {
	font-size: 1.4rem;
}

@-moz-document url-prefix() {
	/** Firefox Only Hacks */
	.no-cssmask .single-case-studies blockquote.testimonial h3 {
		display:block
	}
	blockquote.testimonial h3 {
		display:block
	}
}

blockquote.testimonial p {
	margin-top:0;
	font-size:1rem;
	margin-bottom: 0;
}
.testimonial-slider {
	width: 100%!important;
}

/** Case Studies Archive */
.has-overlay {
	overflow:hidden
}
.has-overlay h2 {
	color:#fff
}
.low-contrast h2 {
	color:#231f20
}
.overlay-container {
	padding: 0 1.35rem 0 0;
	z-index: 2;
	position: relative;
}
.has-overlay .info {
	display:none
}
.low-contrast {
	background:#000
}
.low-contrast picture {
	opacity: .8;
}

/** Single Case Studies */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 3rem;
  height: 1.3rem;
  background-color: #6D6D6D;
  -webkit-border-radius: 3.75rem;
          border-radius: 3.75rem;
  -webkit-transition: background 0.4s;
     -moz-transition: background 0.4s;
       -o-transition: background 0.4s;
          transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 3.75rem;
          border-radius: 3.75rem;
  -webkit-transition: background 0.4s;
     -moz-transition: background 0.4s;
       -o-transition: background 0.4s;
          transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 0.85rem;
  background-color: #6D6D6D;
  -webkit-border-radius: 3.25rem;
          border-radius: 3.25rem;
  -webkit-transition: margin 0.4s, background 0.4s;
     -moz-transition: margin 0.4s, background 0.4s;
       -o-transition: margin 0.4s, background 0.4s;
          transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #231f20;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 1.75rem;
  background-color: #231f20;
}
.image-plus {
    width: 1.2rem;
    position: absolute;
    right: 0;
    top: 1px;
    -webkit-transform:scale(0.8);
            -moz-transform:scale(0.8);
             -ms-transform:scale(0.8);
              -o-transform:scale(0.8);
         transform:scale(0.8);
    -webkit-transition:.4s -webkit-transform;
            -moz-transition:.4s -webkit-transform;
            -o-transition:.4s -webkit-transform;
            transition:.4s -webkit-transform;
    -moz-transition:.4s -moz-transform;
      -o-transition:.4s -o-transform;
         -webkit-transition:.4s transform;
         -moz-transition:.4s transform;
         -o-transition:.4s transform;
         transition:.4s transform;
}
.image-plus-rect {
	fill: #6D6D6D;
	-webkit-transition:fill .4s;
	   -moz-transition:fill .4s;
	     -o-transition:fill .4s;
	        transition:fill .4s;
	-webkit-transition-delay:.2s;
	   -moz-transition-delay:.2s;
	     -o-transition-delay:.2s;
	        transition-delay:.2s
}
.toggle {
    position: relative;
    padding-right: 1.5rem;
    margin-right: 1.5rem;
}

.force-right {
    position: absolute;
    right: 0;
    top: 60%;
}

input.cmn-toggle-round-flat:checked + label + .image-plus {
	-webkit-transform:scale(1);
	        -moz-transform:scale(1);
	         -ms-transform:scale(1);
	          -o-transform:scale(1);
	     transform:scale(1);
}
input.cmn-toggle-round-flat:checked + label + svg .image-plus-rect {
	fill:#231f20
}

.force-100 {
	width:100%!important;
}
.force-100 picture,
.force-100 img,
.force-100 video {
	margin:0 auto;
	width:100%;
	height:auto;
}

/** Multi-Text */
.content-section:after {
    content: "";
    position: absolute;
    display: block;
    width: .5px;
    background-color: #E6E6E6;
    right: 0.5em;
    height: 10em;
    top: 17em;
}
.content-section:last-child:after {
    display:none;
}
#page-overlay {
	-webkit-transition:.4s;
	   -moz-transition:.4s;
	     -o-transition:.4s;
	        transition:.4s;
	-webkit-transform-origin:50% 50%;
	        -moz-transform-origin:50% 50%;
	         -ms-transform-origin:50% 50%;
	          -o-transform-origin:50% 50%;
	     transform-origin:50% 50%;
	-webkit-transform:Scale(0);
	        -moz-transform:Scale(0);
	         -ms-transform:Scale(0);
	          -o-transform:Scale(0);
	     transform:Scale(0);
}
#page-overlay.active {
    position: fixed;
    top: 2em;
    left: 2em;
    right: 2em;
    bottom: 2em;
    background-color: #fff;
    border: 1px solid #6D6D6D;
    z-index: 999999;
    padding:2rem;
    -webkit-transform:scale(1);
            -moz-transform:scale(1);
             -ms-transform:scale(1);
              -o-transform:scale(1);
         transform:scale(1);
}

/** Single Services */


/** Flourish */
.effective-creative-cycle {
	background-image:url("https://holdensagency.com/wp-content/themes/holdens/images/Effective-Creative-sprite.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	-o-background-size: 300%;
	   background-size: 300%;
	width:100%;
	padding-bottom:100%;
	max-width: 90%;
}
.effective-creative-cycle {
	-webkit-animation:2.4s steps(1) effective-creative-cycle infinite;
}
@-webkit-keyframes effective-creative-cycle {
	0% {
		background-position:0 0
	}
	4% {
		background-position:50% 0
	}
	8% {
		background-position:100% 0
	}
	12% {
		background-position:0 0
	}
	16% {
		background-position:50% 0
	}
	20% {
		background-position:100% 0
	}
	24% {
		background-position:0 0
	}

}


/** Contact Bar */
.fixed {
	position:fixed;
	z-index: 999999;
}
.to-bottom {
	bottom:0;
	left:0;
}
.contact-bar {
	width:100%;
}
.menu-open .contact-bar {
	display:none;
}
.contact-bar a {
	display:inline-block;
	width:50%;
	text-align:center;
	padding:1em 0;
	text-decoration:none;
	position:relative;
}
#footer {
	padding: 3rem 0 5rem 0;
}
/** Last minute */
.the-main {
	position:relative;
	z-index:2;
	/* margin-bottom: 24em; */
	background: #fff;
}

.footer-section {
	position:relative;
}
.footer-address {
	display:none;
}

#header .container-fluid,
#footer .container-fluid {
    background:none;
}

p.summary {
	max-width:30rem;
	margin-bottom: 0.67rem;
}

.card .info .lozenge  {
    margin: 0;
}

.case-study.card picture {
    -webkit-transition:8s -webkit-transform;
            -moz-transition:8s -webkit-transform;
            -o-transition:8s -webkit-transform;
            transition:8s -webkit-transform;
    -moz-transition:8s -moz-transform;
      -o-transition:8s -o-transform;
         -webkit-transition:8s transform;
         -moz-transition:8s transform;
         -o-transition:8s transform;
         transition:8s transform;
}
.case-study.card .pull-out {
    overflow:hidden;
}
.case-study.card picture:hover,
.case-study.card picture:focus  {
    -webkit-transform:scale(1.1);
            -moz-transform:scale(1.1);
             -ms-transform:scale(1.1);
              -o-transform:scale(1.1);
         transform:scale(1.1)
}
.padded {
	padding-top: 3rem;
}
.padded-bot {
	padding-bottom:3rem;
}
.slider {  overflow: auto; }
.slider li { list-style: none; }
.slider ul li { float: left; padding-left: 2em;padding-right:2em;}

.controls {
	position:absolute;
	bottom: -2em;
	right: 0;
}

.dot-controls {
	position:absolute;
	display:block;
	bottom: -3em;
	left: 3em;
}
.dots {
	padding:0;
}
.dot {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
            border-radius: 100%;
    background-color: #d6d6d6;
    display: inline-block;
    margin-right: 6px;
}

.dot.active {
	background-color: #B3B3B3;
}

.unslider-arrow {
	display: inline-block;*
	display:inline;*zoom:1;
	vertical-align:middle;
	width: 17px;
	height: 16px;
	margin-right: .5em;
}

/** HSF / Form */
form label,
form label span {
	display:block;
}
form label {
	position:relative;
	margin-bottom:1em;
	width: 100%;
	font-size:1.125rem;
}
form label span {
	position:absolute;
	top: 0;
	left:0;
	padding:.6em 1em .6em 0;
	pointer-events: none;
}
form input,
textarea {
	-webkit-border-radius:0;
	        border-radius:0
}
form input:not([type="submit"]),
form textarea {
	padding:.6em 1em .6em 0;
	border:0;
	border-bottom:1px solid #231f20;
	width: 100%;
}
form input:not([type="submit"]):focus,
form textarea:focus {
	outline:0;
}
form input:not([type="submit"]):focus + span,
form textarea:focus + span {
	color:#e9e9e9;
}
form input:not([type="submit"]):valid + span,
form textarea:valid + span  {
	display:none;
}
textarea {
	height:8em;
	resize:none;
}
form input[name="name"] {
	text-transform:capitalize
}
span.changed {
	display:none;
}
form input[type="submit"] {
	border: 0;
	background: 0;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	border: 2px solid;
	-webkit-transition:.4s background, .4s color;
	   -moz-transition:.4s background, .4s color;
	     -o-transition:.4s background, .4s color;
	        transition:.4s background, .4s color;
	border-color: #004af3 !important;
}
form input[type="submit"]:hover,
form input[type="submit"]:focus,
form input[type="submit"]:active {
	border: 2px solid #004af3;
	background:#004af3;
	color:#fff;
	outline: 0;
}
.form-message {
	display:none;
}
.form-message.on {
	display:block;
}

#map {
	padding-bottom: 50%;
	height: 0;
}
.loading-indicator {
	visibility:hidden;
	opacity:0;
	-webkit-transition:.4s visibility, .4s opacity;
	   -moz-transition:.4s visibility, .4s opacity;
	     -o-transition:.4s visibility, .4s opacity;
	        transition:.4s visibility, .4s opacity;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	        -moz-transform:translate(-50%, -50%);
	         -ms-transform:translate(-50%, -50%);
	          -o-transform:translate(-50%, -50%);
	     transform:translate(-50%, -50%);
}
.loading-indicator.active {
	visibility:visible;
	opacity:1;
}

.daft-marg-top {
    margin-top: 1.9rem;
}
.daft-marg-bottom {
    margin-bottom:1.9rem
}

@media ( min-width:34em ) and ( max-width: 61.99em ) {
	.post-type-archive-case-studies .case-study-image .pull-out:after {
		display:none;
	}
	.post-type-archive-case-studies .has-overlay h2 {
		margin-top:0;
	}
	.single-case-studies blockquote.testimonial {
		padding:0;
	}
}
/** Media Queries */
@media (max-width:33.99em) {
	.block.logo {
		padding:.3em 0
	}
	.home .card {
		border-bottom: 1px dashed #d6d6d6;
	}
	.home .card h4 {
		margin-bottom:0;
	}
	.home .card:after {
		display:none;
	}
	#mh-destination-2 {
		height:auto!important;
	}
	.margin-zero {
		margin:0;
	}
}
.the-cta {
	border-top:1px solid #f8f8f8;
	margin-top:4em;
}
@media (min-width:34em) {
	.the-cta {
		margin-top:0;
	}
    /** Alternate Layout */
	.row.nopad div[class^="col-"] {
	 padding:0!important

	}
	.row.nopad,
	.promovid,
	.pull-out {
    	margin:0;
    	position: relative;
    }
    .low-contrast {
		background:none
	}
    .low-contrast picture {
		opacity:1;
	}
	.case-study-image {
		-webkit-transition:.4s width;
		   -moz-transition:.4s width;
		     -o-transition:.4s width;
		        transition:.4s width;
		padding: 0 .65rem!important;
		margin: .65rem 0;
	}
	.post-type-archive-case-studies .case-study-image:first-child {
		margin-top:0;
	}
	.home h1 {
		margin-top:0;
	}
	.controls {
		bottom: -3em;
		right: 3em;
	}
}

/** SmoothState */
.fadeOut {
  	opacity:0;
}

.fadeIn {
    opacity:1;
}

/** single-post */
.single-post p {
	max-width: 40rem;
	margin-bottom:1.5rem;
}
.single-post article li {
	font-size: 1.125rem;
	margin-bottom: 0.5em;
}
.single-post article img {
	max-width:100%;
	height:auto;
	display:block;
	margin:3rem 0;
}
.wp-caption {
	max-width: 100%;
	height: auto;
}
article .wp-caption img {
	margin-bottom:0;
}
.wp-caption-text {
	color: #6D6D6D;
	font-size: 1rem;
}

/** Share Links */
.share-widget {
	margin-top:1em;
}
.share-widget li {
	margin-right:.1em;
}
.share-button {
	text-decoration:none;
	font-size: 0.9rem;
	display:block;
	padding: .4em .8em 0.5em .8em;
	border: 1px solid #6D6D6D;
	line-height:1;
	border-radius: 1px;
}
.sl--fb {
	color:#3B5998;
	border-color:#3B5998;
}
.sl--tw {
	color:#4099FF;
	border-color:#4099FF;
}
.sl--in {
	color:#0077B5;
	border-color:#0077B5;
}
.sl--email {
	color: #6D6D6D;
}
.share-button .icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.share-button:hover,
.share-button:focus,
.share-button:active {
	color:#fff;
}

.sl--fb:hover,
.sl--fb:focus,
.sl--fb:active {
	background:#3B5998;
}
.sl--tw:hover,
.sl--tw:focus,
.sl--tw:active {
	background:#4099FF;
}
.sl--in:hover,
.sl--in:focus,
.sl--in:active {
	background:#0077B5;
}
.sl--email:hover,
.sl--email:focus,
.sl--email:active {
	background:#6D6D6D;
}

@media (min-width:48em) {
    .row.marg-top {
    	margin-top:0;
    	padding: 4vh 0;
    }
    nav a {
    	font-size:1.2rem;
    }
	g#ldens_parent,
	g#me {
		opacity:1;
		-webkit-transition:.4s -webkit-transform, .3s opacity;
		        -moz-transition:.4s -webkit-transform, .3s opacity;
		        -o-transition:.4s -webkit-transform, .3s opacity;
		        transition:.4s -webkit-transform, .3s opacity;
		-moz-transition:.4s -moz-transform, .3s opacity;
		  -o-transition:.4s -o-transform, .3s opacity;
		     -webkit-transition:.4s transform, .3s opacity;
		     -moz-transition:.4s transform, .3s opacity;
		     -o-transition:.4s transform, .3s opacity;
		     transition:.4s transform, .3s opacity;
	}
	.logo:hover g#ldens_parent {
		-webkit-transform: translateY(-1em);
				-moz-transform: translateY(-1em);
				 -ms-transform: translateY(-1em);
				  -o-transform: translateY(-1em);
		     transform: translateY(-1em);
		opacity:0;
	}
	.logo:hover g#me {
		-webkit-transform: translateY(-2.29em);
		-moz-transform: translateY(-2.39em);
		 -ms-transform: translateY(-2.39em);
		  -o-transform: translateY(-2.39em);
		     transform: translateY(-2.39em);
	}
	.csscolumns .columned {
		padding-left: 0;
		list-style-position: inside;
	}
	.csscolumns .columned.active {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.csscolumns .columned li {
		padding: .3em 0;
	}
    .contact-bar {
    	display:none;
    }
    #footer {
    	margin-bottom:0;
    	padding-bottom: 2rem;
    }
    .footer-address {
		display:block;
	}
	.footer-address p {
		margin-top:0;
	}
	.the-main {
		margin-bottom: 16em;
		padding-bottom: 4em;
	}
	#footer {
		position: fixed;
		z-index: 0;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.csscolumns .sub-menu {
		width:70%;
	}
}
/* Safari 6.1+ */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (min-width:48em) {
	@media {
		#mobile-nav {
			overflow:scroll;
		}
	    #mobile-nav ul.nav {
			overflow: inherit;/** Safari CSS Columns Bugfix/Hack */
		}
	}
}
@media ( max-width:61.99em ) {
	#mh-destination {
		height:auto!important;
		margin-top:2rem;
		margin-bottom:4rem;
	}
}
.grid-of-people {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.grid-of-people img {
    padding-left: 0!important;
    padding-right: 0!important;
}
.bio-link,
.bio-link:link,
.bio-link:visited {
	text-decoration:none;

}
.bio-link strong {
	transition:.3s color;
}
.bio-link:hover strong,
.bio-link:focus strong,
.bio-link:active strong {
	color:#004af3;
}
.bio-link:hover img,
.bio-link:focus img,
.bio-link:active img {
	opacity:.9;
}
@media (min-width:34em){
	.flexbox .flex.grid-view {
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: -webkit-box;
	    display: -moz-box;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	       -moz-box-orient: horizontal;
	       -moz-box-direction: normal;
	            flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    -webkit-box-pack: start;
	       -moz-box-pack: start;
	            justify-content: flex-start;
	    -webkit-align-content: flex-start;
	    -ms-flex-line-pack: start;
	    align-content: flex-start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    -webkit-box-align: start;
	       -moz-box-align: start;
	            align-items: flex-start;
	}
	.flex .flex-item {
		width:100%;
	}
	.flexbox .flex.grid-view .flex-item {
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    -webkit-box-flex: 0;
	       -moz-box-flex: 0;
	            flex: 0 1 auto;
	    -webkit-align-self: auto;
	    -ms-flex-item-align: auto;
	    align-self: auto;
	}
	.flexbox .flex.grid-view .flex-item.col-lg-6 {
		width:50%;
	}
}
@media (min-width:62em) {
	html {
		font-size: 17px;
	}
    body {
    	padding-top: 2rem;
    }
    #header .container-fluid,
    #footer .container-fluid,
    #mobile-nav ul.nav,
    .container-fluid.mid {
		max-width: 95%;
	}
    #header {
    	position: relative;
    	padding: 0 0 1.5rem;
    }
    #header:after {
    	bottom:-1rem;
    }
    #mobile-nav {
    	padding-top: 6rem;
    }
    #mobile-nav ul.nav {
    	max-width: 95%;
    	padding-bottom: 3rem;
    }
    .sub-menu li {
		width: 30%;
	}
	.menu-open {
    	overflow:hidden;
    }
    .marg-left {
		margin-left:3rem;
	}
	.pad-left {
		padding-left:3rem
	}
	.content {
		margin: 3rem 0 6rem 0;
	}
	.has-overlay {
		-webkit-transition:.3s opacity;
		   -moz-transition:.3s opacity;
		     -o-transition:.3s opacity;
		        transition:.3s opacity;
	}
	.has-overlay.active {
		z-index:9999;
	}
	.overflow-visible {
		overflow:visible
	}
	.has-overlay.active div[class^="overlay-"],
	.has-overlay.active div[class^="overlay-"] {
		opacity:1;
		visibility:visible;
		-webkit-transform:translateX(0);
		        -moz-transform:translateX(0);
		         -ms-transform:translateX(0);
		          -o-transform:translateX(0);
		     transform:translateX(0);
	}
	.overlay-container {
		position: absolute;
		display:block;
		bottom:0;
		right: 0;
		top:0;
		width: 40%;
		padding: 0 1.35rem;
		height:auto;
		background-color: rgba(255,255,255,1);
		-webkit-transition:.3s visibility, .2s opacity, .3s -webkit-transform;
		        -moz-transition:.3s visibility, .2s opacity, .3s -webkit-transform;
		        -o-transition:.3s visibility, .2s opacity, .3s -webkit-transform;
		        transition:.3s visibility, .2s opacity, .3s -webkit-transform;
		-moz-transition:.3s visibility, .2s opacity, .3s -moz-transform;
		  -o-transition:.3s visibility, .2s opacity, .3s -o-transform;
		     -webkit-transition:.3s visibility, .2s opacity, .3s transform;
		     -moz-transition:.3s visibility, .2s opacity, .3s transform;
		     -o-transition:.3s visibility, .2s opacity, .3s transform;
		     transition:.3s visibility, .2s opacity, .3s transform;
		-webkit-transform:translateX(100%);
		        -moz-transform:translateX(100%);
		         -ms-transform:translateX(100%);
		          -o-transform:translateX(100%);
		     transform:translateX(100%);
		z-index: 9999;
		visibility:hidden;
		opacity:0;
	}
	.has-overlay picture {
		-webkit-transition:.3s -webkit-transform;
		        -moz-transition:.3s -webkit-transform;
		        -o-transition:.3s -webkit-transform;
		        transition:.3s -webkit-transform;
		-moz-transition:.3s -moz-transform;
		  -o-transition:.3s -o-transform;
		     -webkit-transition:.3s transform;
		     -moz-transition:.3s transform;
		     -o-transition:.3s transform;
		     transition:.3s transform;
	}
	.archive .has-overlay.active picture {
		-webkit-transform: translateX(-30%);
		        -moz-transform: translateX(-30%);
		         -ms-transform: translateX(-30%);
		          -o-transform: translateX(-30%);
		     transform: translateX(-30%);
	}

	.has-overlay .info {
		display:block;
		right: 2rem;
		left:auto;
		z-index: 99999;
	}

	.has-overlay .info.left {
		right:auto;
		left:2rem;
		width: 50%;
		visibility:hidden;
		opacity:0;
		-webkit-transition:.2s visibility, .2s opacity;
		   -moz-transition:.2s visibility, .2s opacity;
		     -o-transition:.2s visibility, .2s opacity;
		        transition:.2s visibility, .2s opacity;
		z-index: 999;
		bottom: 1rem;
	}
	.post-type-archive-case-studies .has-overlay .info.left  {
		left:3rem;
	}
	.has-overlay:hover .info.left,
	.case-study .info.left {
		visibility:visible;
		opacity:1;
	}
	.has-overlay.active .info.left {
		visibility:hidden;
		opacity:0;
	}

	.has-overlay .info.left .lozenge {
		min-width: 12.5rem;
		margin: 0;
	}
	.videoWrapper-force .has-overlay .info.left .lozenge {
		padding: 0 1rem;
		background-color: #231f20;
	}

	.has-overlay.active .info span {
		color:#004af3;
		border:2px solid #004af3;
		z-index: 99999999;
	}
	.group-active .has-overlay:not(.active) {
		opacity:.3
	}
	.card {
		position: relative;
	}
	.force-hover picture {
		opacity:.1;
	}

	/* Layout option Specifics */
	.archive .layout-8.active picture,
	.archive .overlay-left .overlay-container {
		-webkit-transform: translateX(30%);
		        -moz-transform: translateX(30%);
		         -ms-transform: translateX(30%);
		          -o-transform: translateX(30%);
		     transform: translateX(30%);
	}
	.layout-8 .overlay-container,
	.overlay-left .overlay-container {
		right:auto;
		left:0;
		-webkit-transform: translateX(-100%);
		        -moz-transform: translateX(-100%);
		         -ms-transform: translateX(-100%);
		          -o-transform: translateX(-100%);
		     transform: translateX(-100%);
	}
	.layout-4 .overlay-container {
		width:80%;
	}
	.layout-4.active picture {
		-webkit-transform:translateX(-80%);
		        -moz-transform:translateX(-80%);
		         -ms-transform:translateX(-80%);
		          -o-transform:translateX(-80%);
		     transform:translateX(-80%);
	}
	ul.sub-menu:before {
		display:block;
	}
	/** Force-mid */
	.force-mid {
		position: relative;
		top:50%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		 -ms-transform:translateY(-50%);
		  -o-transform:translateY(-50%);
		     transform:translateY(-50%);
		display: none;
	}
	.force-pad {
		padding-right: 0!important;
		padding-left: 0!important;
	}

	/** People Grid */
	.grid-of-people {
	    padding-left: 0!important;
	    padding-right: 0!important;
	}
	.profile-image {
		position:relative;
		display:inline-block;
		line-height:0;
		overflow:hidden;
	}
	.profile-image:after {
		content:"";
		display:none;
		position:absolute;
		top:0;
		left:0;
		background:#000;
		-o-background-size: auto 100%;
		   background-size: auto 100%;
		width:400%;
		height:100%;
		-webkit-animation: moveBG 1s steps(4) infinite;
		   -moz-animation: moveBG 1s steps(4) infinite;
		     -o-animation: moveBG 1s steps(4) infinite;
		        animation: moveBG 1s steps(4) infinite;
	}
	.profile-image:hover:after {
		display:block;
	}

	@-webkit-keyframes moveBG {
		from {
			background-position: 0% 0;
		}
		to {
			background-position: 2160px 0;
		}
	}

	@-moz-keyframes moveBG {
		from {
			background-position: 0% 0;
		}
		to {
			background-position: 2160px 0;
		}
	}

	@-o-keyframes moveBG {
		from {
			background-position: 0% 0;
		}
		to {
			background-position: 2160px 0;
		}
	}

	@keyframes moveBG {
		from {
			background-position: 0% 0;
		}
		to {
			background-position: 2160px 0;
		}
	}

}
@media (min-width:75em) {
	#header .container-fluid,
	#footer .container-fluid,
    #mobile-nav ul.nav,
    .container-fluid.mid {
		max-width: 95%;
	}
}
@media (min-width:102em) {
	#header .container-fluid,
	#footer .container-fluid,
    #mobile-nav ul.nav,
    .container-fluid.mid {
		max-width: 86em;
	}
}

.admin-error {background-color:#e95e60;-webkit-font-smoothing:antialiased;text-align:center;position:fixed;z-index:99999999;top:0;left:0;width:100%;}.admin-error p {margin:0;padding:1em 0;max-width:960px;margin:0 auto;color:#fff!important;}

/** IE Hacks */
/** Class obvious */
.lte8 .hidden-lte8 {
	display:none!important;
}
.lte8 .visible-lte8 {
	display:block!important;
	visibility:visible!important;
	opacity:1!important;
}
.lte8 .lozenge {
	-webkit-border-radius:24px!important;
	        border-radius:24px!important;
	/** PHP To fix MIME type issue */
	behavior: url("https://holdensagency.com/wp-content/themes/holdens/styles/htc-polyfills/PIE.php")!important;
	padding:0 1.5em;
}
.lte8 .video-play {
	width:200px;
	margin:0 -100px;
}

/** ie8/9/10 */
.browser-bar {
	display:none;
}
.lte8 .browser-bar {
	display:block!important;
	position:fixed;
	top:0;
	left:0;
	z-index:999999999999;
	width:100%;
	text-align:center;
	padding:10px 0;
	font-family:Arial, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #A29330;
	background: #FDF2AB;
	color:#000
}
@media screen\0 {
	#me {
		display:none!important;
	}
    img[src*=".svg"] {
	    width: 100%;
	}
	.logo svg {
		max-height:50px;
	}
}
/** ie11 */
_:-ms-fullscreen, :root #me {
	display:none!important;
}
_:-ms-fullscreen, :root .logo:hover g#ldens_parent {
	opacity:1;
}
_:-ms-fullscreen, :root .logo:hover .logo svg {
	max-height:50px;
}




@media (max-width:48em) {
	h1.controlled {
		font-size: 1.8rem;
	}
}


.vr-promo {
	color:white;
	min-height: 600px;
	background:#000000;
}


@media (min-width:48em) {
	.vr-promo {
		min-height: auto;
	}
}

.vr-promo h2 {
	margin-top: 0rem;
	font-size: 1.8em;
	margin-bottom: 0.67rem;
}
.vr-promo p {
	color:white;

	margin-bottom: 2rem;
	font-size: 1.125rem;
}
.vr-promo .constant.lozenge {
	background:#004af3;
	margin-bottom: 0;
}
.vr-promo .table {
	display:table;
	height: 265px;
}
@media (min-width:48em) {
	.vr-promo .table {
		height: 405px;
	}
	.vr-promo h2 {
		font-size: 2rem;
	}
}
@media (min-width:69em) {
	.vr-promo .table {
		height: 657px;
	}
	.vr-promo p {
		font-size:1.4rem;
		margin-top: 0.25rem;
		margin-bottom: 1rem;
		line-height: 1.5;
	}
}
.vr-promo .table-cell {
	vertical-align: middle;
	display:table-cell;
}
.darkest-bg {
	background: #000000;
}

.vr-promo__bg {
	background-image:url(https://holdensagency.com/wp-content/themes/holdens/images/vr-charly.png) ;
	background-repeat: no-repeat;
	background-position: bottom left;
    background-size: contain;
    min-height: 600px;
}

@media (min-width:35em) {
	.vr-promo__bg {
		background-position: bottom left;
		background-size: 80%;
	}
}

@media (min-width:48em) {
	.vr-promo__bg {
		min-height: auto;
		background-position: top left;
	    background-size: 72%;
	}
}


@media (min-width:70em) {
	.vr-promo__bg {
		background-position: bottom left;
	}
}

@media (min-width:79em) {
	.vr-promo__bg {
		background-position: 0px -60px;
	}
}

.team_images div {
	vertical-align: middle;
	text-align: center;
    margin-bottom: 3em;
}
.team_images .team_heading {
	margin-bottom: 0;
}
.team_images div h4 {
	text-align: left;
}
.team_images div > img {
	max-width:100%;
	image-rendering: -webkit-optimize-contrast;
}
.home_links {
    margin-top: 4rem;
}
.home_links a {
	margin-left:auto;
	margin-right:0;
}
@media (min-width:60em) {
	.home_services {
		margin-top:7em;
	}
}

@media (min-width:75em) {
	.home_services {
		margin-top:7em;
	}
}
@media (min-width:60em) {
	.home_services--services {
		margin-top:0;
	}
}

@media (min-width:60em) {
	.csscolumns .columned.active {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
 	}
}
@media (min-width:75em) {
	.csscolumns .columned.active {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
 	}
}

.home_services .sub-menu {
	font-size:0;
}
.home_services .sub-menu::before {
	height:0;
}
.home_services .sub-menu li {
	display:inline-block;
	font-size: 17px;
	vertical-align: middle;
}
.home_services .sub-menu a {
	font-size: 1em;
	padding-left:1em;
	padding-top: .5em;
	padding-bottom: .5em;

	vertical-align: middle;
}
@media (min-width:48em) {
	.home_services .sub-menu a {
		margin-right: 5%;
	}
}
@media (min-width:60em) {
	.home_services .sub-menu a {
		margin-left: 5%;
		margin-right:0;
	}
}
.home_services .sub-menu a:hover {
	color:white;
	padding-left:1.5em !important;
}
.home_services .lozenge {
	line-height: normal;
	width:100%;
	margin:.4em 0;
    color: #fff;
    -webkit-transition: .3s padding, .5s background-color, .3s color;
   -moz-transition: .3s padding, .5s background-color, .3s color;
     -o-transition: .3s padding, .5s background-color, .3s color;
        transition: .3s padding, .5s background-color, .3s color;
}
@media (min-width:48em) {
	.home_services .lozenge {
		width:95%;
	}
}
.home_services .lozenge:hover:after {
	 height: 0.92rem;
}
.home_services .lozenge::after {
	background-color:white;
}
.awards--header {
	position:relative;
	padding-top: .67em;
}
.awards--header:before {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    background-color: #6D6D6D;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    width: 1.25rem;
    height: 2px;
    -webkit-transition: .3s width;
       -moz-transition: .3s width;
         -o-transition: .3s width;
            transition: .3s width;
}
.awards--content {
	margin-bottom: 0;
}
.awards {
	margin-bottom: 3em;
}

@media (min-width:62em) {
	.awards {
		margin-bottom: 6em;
	}
}
.awards--img img {
	max-width: 100%;
}

/* AR LOOK BOOK */
.app-store-links {
	margin-bottom: 2.5rem;
}
.app-store-links a {
	margin-right:1rem;
}

.app-store-links .adjust-google-play {
	width: 152px;
    height: 53px;
}