@charset "UTF-8";


.mt-6 {
	margin-top:4rem;
}

ul, ol {
	font-family:"Merriweather Sans";
	font-size:0.9rem;
}

#about-gallery-button {
	position: absolute;
    top: 77%;
    left: 58.7%;
    padding: 0.6rem 3rem;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
  	letter-spacing: 2px;
}

h2.centered-section-head {
	font-size: 4rem;
    letter-spacing: 10px;
    margin: 0 0 0.75rem;
    font-weight: 700;
    text-align: center;
}

p.centered-section-intro {
	font-family:"Merriweather Sans", "sans-serif";
	font-size:1.1rem;
	text-align:center;
}

.split-screen p.centered-section-intro.left {text-align:right;margin-top:-20px;margin-right:-6px;}
.split-screen p.centered-section-intro.right {text-align:left;margin-top:-20px;margin-left:-6px;}

.btn {
	font-family:"Futura", "Merriweather Sans", sans‑serif;
  	padding: 0.375rem 1.2rem;
}

.btn-tan {color: #CE6566;background-color: #DDD5CA;border-color: transparent;}

.btn-tan:hover {color: #CE6566;background-color: #FDF5EA;border-color: #DDD5CA;}

.btn-tan:focus, .btn-tan.focus {color: #CE6566;background-color: #FDF5EA;border-color: transparent;box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5)}
.btn-tan.disabled, .btn-tan:disabled {color: #CE6566;background-color: #28a745;border-color: #28a745;}
.btn-tan:not(:disabled):not(.disabled):active, .btn-tan:not(:disabled):not(.disabled).active, .show > .btn-tan.dropdown-toggle {color: #CE6566;background-color: #1e7e34;border-color: #1c7430;}
.btn-tan:not(:disabled):not(.disabled):active:focus, .btn-tan:not(:disabled):not(.disabled).active:focus, .show > .btn-tan.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}

.btn-coral {color: #fff;background-color: #FF7A7B;border-color: transparent;}

.btn-coral:hover {color: #fff;background-color: #E74E4F;border-color: #E74E4F;}

.btn-coral:focus, .btn-coral.focus {color: #fff;background-color: #E74E4F;border-color: transparent;box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5)}
.btn-coral.disabled, .btn-coral:disabled {color: #CE6566;background-color: #28a745;border-color: #28a745;}
.btn-coral:not(:disabled):not(.disabled):active, .btn-coral:not(:disabled):not(.disabled).active, .show > .btn-tan.dropdown-toggle {color: #CE6566;background-color: #1e7e34;border-color: #1c7430;}
.btn-coral:not(:disabled):not(.disabled):active:focus, .btn-coral:not(:disabled):not(.disabled).active:focus, .show > .btn-tan.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}


.img-80 {
	max-width:80%;
	height:auto;
}


p.sans {font-family:"Merriweather Sans";font-weight:400;}

.home-leadership {
	background-image:url(../assets/graphics/home-leader-left.svg), url(../assets/graphics/home-leader-right.svg);
	background-position:bottom left, top right;
	background-repeat:no-repeat;
	background-color:#fff;
}

.leadership-section p {
	font-weight: 100;
	margin-bottom:15px;
	line-height: 1.6;
}

.leadership-section p.sans-intro {font-family:"Merriweather Sans";font-weight:500;line-height:1.7;font-size:1rem;}

.leadership-section p.indent {padding-left:15px;}

.leadership-section h2 {
	    font-family: "Merriweather Sans";
	    font-size: 1.4rem;
	    font-weight: 100;
	    margin-top: 3.5rem;
	    line-height: 2;
	    margin:2rem 0 0;
	}

	.leadership-section h2 .slug {
		font-family: "Futura";
	    font-weight: 700;
	    font-size: 1.9rem;
	    padding-right: 5px;
	}

.leadership-section h3 {
	font-family:"Futura";
	font-size:1.35rem;
	font-weight:700;
	margin:3.5rem 0 10px;
}

.leadership-section li {
	margin-bottom:10px;
}

.leadership-sidebar {
		margin-top:3.5rem;
		padding:15px 0 30px;
		font-size:0.9rem;
	    text-align: center;
	}

	.leadership-sidebar h3, .leadership-sidebar h4, .leadership-sidebar p {
		color:#fff;
	}

	.leadership-sidebar h3 {
		font-family:"Futura";
		font-size:1.25rem;
		margin:25px 0 5px;
	}

	.leadership-sidebar h4 {
		font-family: "Merriweather Sans";
	    font-size: 1.1rem;
	    font-weight: 700;
	    margin: 10px 0 35px;
	}
	
	.leadership-sidebar p {
		font-family:"Merriweather Sans";
		margin-bottom:30px;
	}


/* NAV BAR */

.navbar {padding:0;}

@media (min-width: 992px) {
	#mainNav {
	    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	    background-color: #0B1820;
}

@media (min-width: 992px) {
	#mainNav.navbar-scrolled {
	    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	    background-color: #0B1820;
	}
}

@media (min-width: 992px) {
	#mainNav.navbar-scrolled .navbar-brand {
	    color: #212529;
	}
}

@media (min-width: 992px) {
	#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
	    color: rgba(255, 255, 255, 0.7);
	}
}

#mainNav .navbar-nav .nav-item .nav-link {
	font-weight: 100;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    width:220px;
    height:61px;
    background:url(../assets/graphics/DM-Branding.svg) 0 0 no-repeat transparent;
}


/* END NAV BAR */


/* Cover Slide */
#access-cover-logo {
	position:absolute;
	width:400px;
	height:450.22px;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-280px;
	background:url(../assets/graphics/Access-Logo-Cover.svg) 0 0 no-repeat transparent;
	background-size: 450.22px 400px;
}

.access-cover-headline {
	position:absolute;
	top: 50%;
	left:0;
	width:66%;
	background: #0A2D40;
	text-align: right;
	padding:6px 15px 6px 0;
	color: #fff;
	line-height: 1;
	font-family: "Futura", Century Gothic, Corbel, sans‑serif, -apple-system, BlinkMacSystemFont,"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	z-index: 1;
}

	.ach-1 {
	    margin-top:150px;
	    height: 43px;
	    letter-spacing: 38px;
	    font-size: 22px;
	    padding-right: 0;
	    padding: 10px 0;
	}

	.ach-2 {
		margin-top: 196px;
	    height: 61px;
	    font-size: 37px;
	    font-weight: 700;
	    padding: 10px 25px 10px 0;
	    letter-spacing: 1px;
	}

	.ach-3 {
		margin-top: 260px;
	    height: 49px;
	    font-size: 28px;
	    letter-spacing: 10px;
	    padding: 10px 21px 10px 0;
	}

.access-cover-spot {
	position: absolute;
    z-index: 0;
    background: url(../assets/graphics/Access-Cover-Spot-Pink.svg) 0 0 no-repeat transparent;
    width: 275px;
    height: 275px;
    left: 64%;
    top: 50%;
    padding: 46px 0 0 56px;
    margin-top: 56px;
    background-size: 275px;
}

	.access-cover-spot h2 {
		font-family:"Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		margin:0;
		padding:0 0 9px;
		color:#fff;
		font-size:12px;
		font-weight:700;
		line-height: 1.5;
	}

	.access-cover-spot h2 span {
		font-size:13px;
		font-weight:100;
		display:block;
	}

.access-cover-bars {
	position: absolute;
	z-index: 0;
}

	.bar-yellow {
		left:-700px;
		top:10%;
		width:1386px;
		height:788px;
		background:url(../assets/graphics/Access-Cover-Bar-Yellow.svg) 0 0 no-repeat transparent;
	}

	.bar-blue {
		right: -290px;
	    top: 10%;
	    width: 1306px;
	    height: 808px;
	    background: url(../assets/graphics/Access-Cover-Bar-Blue.svg) 0 0 no-repeat transparent;
	}

/* End Cover Slide */

img.product-badge {
	max-width: 85%;
	display: block;
	margin:0 auto;
}

img.full {width:100%;}
img.platform-components-illo {margin-top:1.8rem;}

.caption {
	font-size:1rem;
	text-align: center;
	padding:10px 0;
	font-family:"Merriweather Sans";
}

.video-caption {font-size:0.75rem;}

	.caption .video-icon {
		position: relative;
	    width: 16px;
	    height: 16px;
	    background: url(../assets/graphics/video-icon.svg) 0 0 no-repeat transparent;
	    display: inline-block;
	    top: 2px;
	    left: -4px;
	}

.gantt-cta {
	font-size:0.8rem;
	font-family:"Merriweather Sans";
	font-weight:100;
	margin: 10px 0 15px !important;
    font-style: italic;}

h4.access-toc-head {
	font-size: 1.3rem;
    font-weight: 100;
    background: #000;
    padding: 15px 20px;
    margin:5.5rem 0 0;
    color:#2D6380 !important;
    background:#fff;
    background: rgba(255,255,255,0.8);
}

.access-toc {
    background:#fff;
	background:rgba(255,255,255,0.5);
	margin:0;
	padding:0;
}

	.access-toc li {
		list-style:none outside none;
	}
		
	.access-toc li a {
		font-size: 0.9rem;
	    font-family: "Merriweather Sans";
	    font-weight: 500;
	    line-height: 1;
	    padding: 15px 20px;
	    color: #C73F88;
	    display: block;
	}

	.access-toc li a:hover {background:rgba(255,255,255,0.3);color:#C73F88;}

.kicker {
	font-size:2.1rem;
    font-family: futura;
    font-weight: 100;
	letter-spacing: 20px;
	position:absolute;
    transform: rotate(270deg);
}

	.kicker.product-context {top: 10.3rem;left: -47%;color: #fff;font-size: 3.5rem;}
	.kicker.project-overview {top:9.7rem;left:-37%;color: #fff;font-size: 3.5rem;}
	.kicker.kick-solutions {top:10.5rem;left:-25%;}
	.kicker.kick-collaboration {top:10.5rem;left:-25%;}

	.kicker-dot {
		position: absolute;
	    width: 308px;
	    height: 308px;
	    left: -40%;
	    top: -70px;
	    z-index: 0;
	}

	.bg-silver-burst .kicker-dot, .bg-tan-burst .kicker-dot {
	    background: url(../assets/graphics/kicker-spot-white-50.png) 0 0 no-repeat transparent;
	}

	.context-head {
		font-size: 8em;
	    position: absolute;
	    top: -135px;
	    color: #fff;
	    letter-spacing: 36px;
	    left: -102px;
	}

	.overview-head {
		font-size: 8em;
	    position: absolute;
	    top: -135px;
	    color: #fff;
	    letter-spacing: 26px;
	    left: -115px;
	}

	.scope-head {
		font-size: 7em;
	    position: absolute;
	    top: -51px;
	    left: 50%;
    	margin-left: -579px;
	    color: #fff;
	    letter-spacing: 16px;
	}

	.collaboration-head {
		font-size:2.1rem;
		letter-spacing: 3px;
		margin-bottom:5px;
		margin-top:90px;
	}

header.home-header {
	padding-top: 10rem;
	padding-bottom: calc(10rem - 4.5rem);
	background: url("../assets/graphics/Home-Cover.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	position: relative;
	overflow:hidden;
	top:61px;
}

header.leadership-header {
	padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background: url("../assets/graphics/Leadership-Cover-Ripple.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  overflow:hidden;
}

	.leadership-header-type {
		position: absolute;
	    width: 40%;
	    top: 19%;
	    padding: 70px 0 80px 10%;
	    background: #000;
	}

header.access-adoption-header {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);
  background: url("../assets/graphics/Access-Adoption-Cover.png");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  overflow:hidden;
}


header.access-adoption-header h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  header.access-adoption-header, header.leadership-header {
    height: 100vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  header.access-adoption-header p {
    font-size: 1.15rem;
  }
  header.access-adoption-header h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  header.access-adoption-header h1 {
    font-size: 3.5rem;
  }
}

.bg-tan-burst {
	background: rgb(255,253,248);
	background: radial-gradient(circle, rgba(255,253,248,1) 0%, rgba(223,216,197,1) 100%);
}

.bg-tan-burst a, .bg-silver-burst a, .bg-blue-burst a, .bg-silver-dark a, .bg-silver-light a {
  color:#C73F88;
  font-weight:500;
}

.bg-tan-burst a:hover, .bg-silver-burst a:hover, .bg-blue-burst a:hover, .bg-silver-dark a:hover, .bg-silver-light a:hover {
  color:#C73F88;
  text-decoration: underline;
}

.bg-silver-burst {
	background: rgb(242,251,255);
	background: radial-gradient(circle, rgba(242,251,255,1) 0%, rgba(186,199,205,1) 100%);
}

.bg-silver-light {background: #CBD9DF;}
.bg-silver-dark {background: #BAC7CD;}
.bg-blue-dark {background: #1D4B63;}
.bg-blue-light {background:#255D7A;}

.bg-blue-burst {
	background: rgb(88,122,140);
	background: radial-gradient(circle, rgba(88,122,140,1) 0%, rgba(34,65,81,1) 100%);
}

.bg-blue-burst p, .bg-blue-burst h2, .bg-blue-burst h3, .bg-blue-burst h4, .bg-blue-burst h5, .bg-deep-burst p, .bg-deep-burst h2, .bg-deep-burst h3, .bg-deep-burst h4, .bg-deep-burst h5 {
	color: #fff;
}

.bg-deep-burst {
	background: rgb(40,92,119);
	background: radial-gradient(circle, rgba(40,92,119,1) 0%, rgba(10,45,64,1) 100%);
}

.bg-deep-burst-transparent {
	background: rgb(40,92,119);
	background: radial-gradient(circle, rgba(40,92,119,0.7) 0%, rgba(10,45,64,0.7) 100%);
	border:2px dashed rgba(255,253,248,1);
}

.bg-deep-burst a {
	color:#F8D178;
}

.bg-deep-burst a:hover {color:#fff;}

.split-screen {
	padding:7rem 0 2rem;
}

	.split-screen h2 {
		font-size:4.5rem;
		letter-spacing: 36px;
		margin:0 0 3rem;
		font-weight:700;
	}

	.split-screen h3 {
		font-size:1.6rem;
		font-weight:100;
	}

	.split-screen .pull-right {margin-right:-17px;}
	.split-screen .push-left {padding-left:22px;}

	.split-screen p.pull-right, .split-screen h3.pull-right {margin-right:19px;margin-left:3px;}
	.split-screen p.push-left, .split-screen h3.push-left {}

.process-blurb {
	text-align: center;
    padding: 60px 40px;
    font-size: 1.1rem;
    font-family: 'Merriweather Sans';
}

.process-blurb-home {
	text-align: left;
    padding: 0 20px 10px 0;
    font-size: 1.1rem;
    font-family: 'Merriweather Sans';
}

.process-blurb-home.indent {padding-left:20px;}
.process-blurb-home.right {padding-left:25px;}
.process-blurb-home em {font-size:0.9rem;}


.process-list-home ol {
	padding-left:30px;
}

	.process-list-home li {
		font-weight:500;
		padding-bottom:8px;
		font-size:1rem;
	}

.e2e-video {display:block;margin:0 auto;}

img.process-diagram {
	width:630px;
	height:351.9px;
	display: block;
	margin:0 auto;
}

/* collaboration */
.collab-donut {background:url(../assets/graphics/collab-bg-donut.svg) top left no-repeat transparent;height:900px;}
.collab-rectangle {background:url(../assets/graphics/collab-bg-rectangle.svg) 50% -1px no-repeat transparent;}

.collab-diagram-left {
	background:url(../assets/graphics/collab-field-team.svg) 0 0 no-repeat transparent;
	width:526px;
	height:376px;
	margin-top:90px;
	position:relative;
	float:right;
}

.collab-diagram-right {
	background:url(../assets/graphics/collab-product-team.svg) 0 0 no-repeat transparent;
	width:643px;
	height:629px;
	position:relative;
	float:left;
	margin:135px 0 0 38px;
}

	.collab-pin {
		width:25px;
		height:25px;
		position:absolute;
		border:3px solid;
		border-color:#414D5B;
		background:#EEF7FC;
		color:#414d5b;
		border-radius: 100px;
		font-size:0.8rem;
		line-height:19px;
		font-family:"Futura", "Merriweather Sans";
		font-weight:500;
		text-align: center;
		cursor: pointer;
		-webkit-transition: background 500ms ease-out, border-color 500ms ease-out;
	    -moz-transition: background 500ms ease-out, border-color 500ms ease-out;
	    -o-transition: background 500ms ease-out, border-color 500ms ease-out;
	    transition: background 500ms ease-out, border-color 500ms ease-out;
	}

		.collab-pin:hover {
			border-color:#C8308B;
			background:#C8308B;
			color:#eef7fc;
		}

		.collab-pin-1 {top:235px;left:125px;}
		.collab-pin-2 {top:130px;left:220px;}
		.collab-pin-3 {top:255px;left:300px;}
		.collab-pin-4 {top:475px;left:220px;}
		.collab-pin-5 {top:0px;left:310px;}
		.collab-pin-6 {top:124px;left:310px;}
		.collab-pin-7 {top:248px;left:310px;}


.clear-both {clear:both;}

.highlight {padding:6rem 0;}

	.highlight-pink {background:#C73F88;}

	.highlight-coral {background:#FF7A7B;}

	.sunset {background:url(../assets/graphics/sunset.svg) 98% bottom no-repeat #ff7a7b;}
	.pile {background:url(../assets/graphics/pile.svg) bottom right no-repeat #ff7a7b;}

	.half-speaker {background:url(../assets/graphics/half-speaker.svg) 100% 50% no-repeat #c73f88;}
	.zigzag {background:url(../assets/graphics/zigzag.svg) 100% 50% no-repeat #c73f88;}

	.highlight-blush {background:#C394B5;}

	.highlight-green {background:#ACB827;}

	

	.highlight p {
		font-size:2rem;
		font-weight:300;
		font-family:"Merriweather Sans";
	}

	.highlight p.attribution {font-size:1.3rem;color:rgba(255,255,255,0.75);}

.align-right {text-align: right;}

p.footnote {font-size:0.9rem;font-style:italic;margin-top:30px;color:#777;color:rgba(0,0,0,0.6);}

p.sub-text {
	text-align:center;
	margin-bottom:2rem;
	font-family:"Merriweather Sans";
}

p.sub-text-gallery {
	text-align: center;
	margin-bottom:1.2rem;
	font-family:"Merriweather Sans";
	font-size:1.2rem;
}

.okr-objective, .okr-result {
    background: #fff;
    padding: 0;
    margin-left: 12px;
    margin-right: 12px;
    background: rgba(255,255,255,0.4);
    margin-bottom: 1px;
}

.okr-objective {margin-bottom:2px;background: rgba(255,255,255,0.65);}

	.okr-objective p, .okr-result p {font-family:"Merriweather Sans";color:#0A2D40;padding:0;margin:0;line-height:2.8;font-size:1.2rem;font-weight: 500;}
	.okr-result p {font-weight: 100;font-size:1rem;}

	.okr-objective span {
		color: #fff;
	    display: inline-block;
	    margin-right: 10px;
	    width: 52px;
	    text-align: center;
	    font-size: 1.2rem;
	}

		.okr-objective.okr-red span {background:#C73F57;}
		.okr-objective.okr-blue span {background:#0F557B;}
		.okr-objective.okr-green span {background:#6A8421;}

	.okr-result span {
		color: #fff;
	    display: inline-block;
	    margin-right: 10px;
	    width: 52px;
	    text-align: center;
	    font-size: 1.1rem;
	}

		.okr-result.okr-red span {background:#EF7F79;}
		.okr-result.okr-blue span {background:#4399E9;}
		.okr-result.okr-green span {background:#97B937;}

h2.yellow-back {background:#EDD81C;padding:5px;display:inline-block;}

h2.teal-back {background:#3FBFC7;padding:12px 18px;font-size:1.8rem;color:rgb(255,253,248);}

h2.scale-up {font-size:1.8rem;}

h2.center-medium {
	text-align:center;
	font-size:2rem;
}

h2.centered-heading {
	text-align: center;
    font-size: 2.6rem;
    margin-top: 4.5rem;
    padding-top: 4.5rem;
    border-top: 3px dashed #587A8C;
    letter-spacing: 3px;
}

h2.leadership-head {
	font-family:"Futura", Century Gothic, Corbel, sans‑serif, -apple-system, BlinkMacSystemFont,"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 2.8rem;
    margin-bottom: 0;
    line-height: 1;
    margin-top: 0;
    font-weight: 700;
}

	h2.leadership-head.thin {
		font-family: "Merriweather Sans";
	    letter-spacing: 9px;
	    font-size: 2.6rem;
	    margin: 13px 0;
	    font-weight: 100;
	}

	h2.leadership-head.smaller {font-size:2.5rem;}

	.home-leadership h2.leadership-head {text-align:right;}
	.home-leadership h2.leaderhip-head.thin {margin:13px -9px 13px 0;}
	.home-leadership p {
		font-family: "Merriweather Sans";
	    font-size: 1.3rem;
	    margin-bottom: 18px;
	    margin-top: 0;
	    line-height: 2.5;
	}

.pl-12 {padding-left:12px;}

.em-black {color:#000 !important;font-weight:700;}



/* # # # # # Gallery Styles */

.mfp-bg {opacity:0.9;}
.mfp-close {color:#666;}
.mfp-title {font-size:0.9rem;font-family:"Merriweather Sans";}

/* EXTENDING THE BASE CSS TO INCLUDE THUMBNAILS IN NON-FLUID CONTAINER */
.portfolio .container {
}
.portfolio .container .portfolio-box {
  position: relative;
  display: block;
  margin-left:3px;
}
.portfolio .container .portfolio-box .portfolio-box-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  opacity: 0;
  color: #fff;
  background: rgba(255,255,255,0.5);
  transition: opacity 0.25s ease;
  text-align: center;
}
.portfolio .container .portfolio-box .portfolio-box-caption .project-category {
  font-family: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
}
.portfolio .container .portfolio-box .portfolio-box-caption .project-name {
  background:#0A2D40;
  color:#fff;
  border-radius:100px;
  padding:3px 17px;
  font-family:"Merriweather Sans", sans‑serif;
}
.portfolio .container .portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

.hide-gallery {display:none;}

#e2e-poster {
	width:1400px;
	height:820px;
	background: url(../assets/graphics/poster-e2e-video.png) top left no-repeat #DEDDE4;
	position: relative;
}

.poster-content {
	width: 50%;
    margin: 0 25% 0;
    padding: 100px 0 0;
}

.poster-content h2 {
	font-size:2rem;
	font-weight:700;
	margin: 0 0 35px;
}

.e2e-video-button {
	background:#FF7A7B;
	color:#fff;
	font-family:"Merriweather Sans";
	margin-top:25px;
}

	.e2e-video-button:hover {color:#fff;background:#EB4749;}

.e2e-tab {
	font-family:"Merriweather Sans";
	font-weight:100;
	color:#fff;
	padding:0 35px 0 60px;
	margin:0;
	text-align: center;
	height: 48px;
    line-height: 48px;
    position: relative;
    cursor: pointer;
}

	.e2e-tab-u {background:#B290A3;}
	.e2e-tab-u.is-active {background:#D73E90;}

	.e2e-tab-ad {background: url(../assets/graphics/nib-u.png) 0 -48px no-repeat #BE8C8D;background-size: 27px 96px;}
	.e2e-tab-ad.is-active {background-color:#FF7A7B;}
	.e2e-tab-ad.active-back {background-position:0 0;}

	.e2e-tab-id {background: url(../assets/graphics/nib-ad.png) 0 -48px no-repeat #C1A080;background-size: 27px 96px;}
	.e2e-tab-id.is-active {background-color:#FFB349;}
	.e2e-tab-id.active-back {background-position:0 0;}

	.e2e-tab-it {background: url(../assets/graphics/nib-id.png) 0 -48px no-repeat #ACB787;background-size: 27px 96px;}
	.e2e-tab-it.is-active {background-color:#B3DB2E;}
	.e2e-tab-it.active-back {background-position:0 0;}

	.e2e-tab-l {background: url(../assets/graphics/nib-it.png) 0 -48px no-repeat #88A2AC;background-size: 27px 96px;}
	.e2e-tab-l.is-active {background-color:#66B4FE;}
	.e2e-tab-l.active-back {background-position:0 0;}

	.e2e-tab-rt {background: url(../assets/graphics/nib-l.png) 0 -48px no-repeat #948DBB;background-size: 27px 96px;}
	.e2e-tab-rt.is-active {background-color:#B94BF5;}
	.e2e-tab-rt.active-back {background-position:0 0;}

	.e2e-tab-rt #rt-nib {
		position: absolute;
	    background: url(../assets/graphics/nib-rt.png) 0 0 no-repeat transparent;
	    background-size: 27px 96px;
	    background-position: 0 -48px;
	    display: block;
	    width: 27px;
	    height: 48px;
	    right: -27px;
	    top: 0;
	}

	.e2e-tab-rt.is-active #rt-nib {background-position: 0 0}


.bigger-centered {
	font-size:1.8rem;
	text-align: center;
}

.four-gallery, .five-gallery {
	position: relative;
  	width: 100%;
  	padding-right: 7px;
  	padding-left: 8px;
}

/* 1200 res */

.four-gallery {
	flex:0 0 25%;
	max-width: 25%;
}

.five-gallery {
  flex: 0 0 20%;
  max-width: 20%;
}

.video-popup {
  position: relative;
  width: 1400px;
  max-width: 1400px;
  height:820px;
  left:50%;
  margin: 0 -700px;
}

.large-img-popup {
  position: relative;
  width: 1400px;
  max-width: 1400px;
  height:800px;
  left:50%;
  margin: 0 -700px;
  background: #fff;
}

	.large-img-popup img {
		width: 1270px;
	    height: auto;
	    text-align: center;
	    margin: 0 auto;
	    display: block;
	}

.popup-caption {
    font-family: "Merriweather Sans";
    font-size: 1rem;
    width: 72%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}


/* Resume */

.resume-verts {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:126px;
	background:url(../assets/graphics/resume-verts.svg) 0 0 repeat-x transparent;
}

.milestone {
	position:absolute;
	bottom:0;
}

	.mile-mfa {
		left:8%;
		width:472px;
		height:383.5px;
		background:url(../assets/graphics/resume-MFA.svg) 0 0 no-repeat transparent;
		z-index: 2;
	}

	.mile-consulting {
		left:18%;
		width:465px;
		height:495.5px;
		background:url(../assets/graphics/resume-consulting.svg) 0 0 no-repeat transparent;
		z-index: 1;
	}

	.mile-alm {
		left:26%;
		width:429px;
		height:616px;
		background:url(../assets/graphics/resume-alm.svg) 0 0 no-repeat transparent;
		z-index: 0;
	}

	.mile-fanstand {
		left:35%;
		width:462px;
		height:252.5px;
		background:url(../assets/graphics/resume-fanstand.svg) 0 0 no-repeat transparent;
		z-index: 3;
	}

	.mile-emarketer {
		left:48%;
		width:457px;
		height:378.5px;
		background:url(../assets/graphics/resume-emarketer.svg) 0 0 no-repeat transparent;
		z-index: 2;
	}

	.mile-equifax {
		left:59%;
		width:378px;
		height:503px;
		background:url(../assets/graphics/resume-equifax.svg) 0 0 no-repeat transparent;
		z-index: 1;
	}

	.mile-vmware {
		left:65%;
		width:471px;
		height:650.5px;
		background:url(../assets/graphics/resume-vmware.svg) 0 0 no-repeat transparent;
		z-index: 0;
	}