/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}


/***************************************************** Typography ***********************/

@font-face {
  font-family: 'bebas_neuebold';
  src: url('../fonts/bebas/bebasneue_bold-webfont.eot');
  src: url('../fonts/bebas/bebasneue_bold-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/bebas/bebasneue_bold-webfont.woff') format('woff2'), url('../fonts/bebas/bebasneue_bold-webfont.woff') format('woff'), url('../fonts/bebas/bebasneue_bold-webfont.ttf') format('truetype'), url('../fonts/bebas/bebasneue_bold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bentonsans_extralightregular';
  src: url('../fonts/bentonsans/bentonsans_extralight-webfont.eot');
  src: url('../fonts/bentonsans/bentonsans_extralight-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/bentonsans/bentonsans_extralight-webfont.woff') format('woff'), url('../fonts/bentonsans/bentonsans_extralight-webfont.ttf') format('truetype'), url('../fonts/bentonsans/bentonsans_extralight-webfont.svg') format('svg');
  font-weight: 400;
  font-style: normal;

}

@font-face {
  font-family: 'bentonsans_lightregular';
  src: url('../fonts/bentonsans/bentonsans_light-webfont.eot');
  src: url('../fonts/bentonsans/bentonsans_light-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/bentonsans/bentonsans_light-webfont.woff') format('woff'), url('../fonts/bentonsans/bentonsans_light-webfont.ttf') format('truetype'), url('../fonts/bentonsans/bentonsans_light-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'bentonsans_boldregular';
  src: url('../fonts/bentonsans/bentonsans_bold-webfont.eot');
  src: url('../fonts/bentonsans/bentonsans_bold-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/bentonsans/bentonsans_bold-webfont.woff') format('woff'), url('../fonts/bentonsans/bentonsans_bold-webfont.ttf') format('truetype'), url('../fonts/bentonsans/bentonsans_bold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'cheltenhamlight';
  src: url('../fonts/cheltenham/cheltenham_light-webfont.eot');
  src: url('../fonts/cheltenham/cheltenham_light-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/cheltenham/cheltenham_light-webfont.woff') format('woff'), url('../fonts/cheltenham/cheltenham_light-webfont.ttf') format('truetype'), url('../fonts/cheltenham/cheltenham_light-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'cheltenhamlightitalic';
  src: url('../fonts/cheltenham/cheltenham_lightitalic-webfont.eot');
  src: url('../fonts/cheltenham/cheltenham_lightitalic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/cheltenham/cheltenham_lightitalic-webfont.woff') format('woff2'), url('../fonts/cheltenham/cheltenham_lightitalic-webfont.woff') format('woff'), url('../fonts/cheltenham/cheltenham_lightitalic-webfont.ttf') format('truetype'), url('../fonts/cheltenham/cheltenham_lightitalic-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;

}

/************************************************* Global ********************/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body,
html {
	height: 100%;
}

body:after {
	content: 's';
	display: none;
}

sup {
  font-size: 8pt;
}

ul {
  list-style: none;
  padding-left: 0;
}

.site {
  margin: 0;
  width: 100%;
}

/* Style Guide */
a {
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element
to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.no-wrap {
  white-space: nowrap;
}

.img-replace {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.site-wrapper {
	height: 100%;
	width: 100%;
}

.content-wrapper {
	padding-top: 92px;
}

.client-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.csstransitions .services-header-wrapper,
.csstransitions .client-wrapper-animated {
  opacity: 0;

  -webkit-transform: translateY(100px);
  -moz-transform:    translateY(100px);
  -ms-transform:     translateY(100px);
  -o-transform:      translateY(100px);
  transform:         translateY(100px);

  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.csstransitions .services-header-wrapper.active,
.csstransitions .client-wrapper-animated.active {
  opacity: 1;

  -webkit-transform: translateY(0);
  -moz-transform:    translateY(0);
  -ms-transform:     translateY(0);
  -o-transform:      translateY(0);
  transform:         translateY(0);
}

.brand-button {
  background: #fff;
  border: 1px solid #898989;
  color: #000;
  display: inline-block;
  font-family: 'bentonsans_boldregular', sans-serif;
  font-weight: 100;
  font-size: 9px;
  font-style: normal;
  letter-spacing: 1.7px;
  opacity: 1;
  padding: 15px 25px;
  text-align: center;
  text-transform: uppercase;

  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.no-touch .brand-button:hover {
  opacity: 0.5;

  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.brand-button--full {
	width: 100%;
}

.client-background {
	display: block;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: -1;
}

.campaign-info__tout__link {
	color: #898989;
	text-decoration: none;
}

.no-touch .campaign-info__tout__link:hover {
  opacity: 0.5;
}

.csstransitions .client-summary-wrapper {
  opacity: 0;
	padding: 5% 8%;

  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.csstransitions .client-summary-wrapper.active {
  opacity: 1;
}

.client-summary-wrapper .campaign-info__tout__link {
  color: #898989;
}

.client-summary__heading {
	font-family: 'cheltenhamlight', serif;
	font-size: 28px;
	font-weight: 100;
	margin: 20px 0;
}

.client-summary__sub-heading {
	color: #898989;
	font-family: 'bentonsans_extralightregular', sans-serif;
	font-weight: 100;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 25px
}

.no-touch .work-nav-container a:hover,
.no-touch .nav-item:hover,
.no-touch .main-logo:hover,
.no-touch .nav-social-icon:hover,
.no-touch .footer a:hover {
	opacity: 0.5;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.work-nav-container a {
  display: block;
}

/************************************************* Header ********************/

header {
  background: #fff;
  height: 90px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;

  transition: height 300ms ease-in-out, opacity 300ms ease-in-out, background 300ms ease-in-out;
}

nav {
	background: rgb(0,0,0);
	background: rgba(0,0,0, 0.9);
  display: none;
	height: 100%;
	left: 0;
	overflow: auto;
	padding-bottom: 110px;
	position: fixed;
	top: 90px;
	width: 100%;
	z-index: 2;
}

.nav-active--small {
  display: block;
}

.csstransitions nav {
	transition: all 0.5s ease-in-out;

	-webkit-transform: translateY(-200%);
	-moz-transform:    translateY(-200%);
	-ms-transform:     translateY(-200%);
	-o-transform:      translateY(-200%);
	transform:         translateY(-200%);
}

.csstransitions .nav-active--small {
  display: block;

	-webkit-transform: translateY(0);
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-o-transform:      translateY(0);
	transform:         translateY(0);
}

.locked {
	overflow: hidden;
}

.main-logo-outer-wrapper {
	display: table;
	float: left;
	padding: 0 7%;
	height: 100%;
	width: 100%;
}

.main-logo-inner-wrapper {
	display: table-cell;
	vertical-align: middle;
}

.main-logo {
	display: inline-block;
	background: url('../imgs/logos/made-movement-logo-black-2x.png') no-repeat;
	background-size: contain;
	height: 28px;
	position: relative;
	width: 100px;
	z-index: 4;
}

.menu-icon {
	cursor: pointer;
	float: right;
	margin-top: 8px;
	position: relative;
	width: 20px;
	z-index: 4;
}

.menu-icon--close {
	cursor: pointer;
	display: none;
	position: absolute;
	right: 7%;
	top: 38px;
	width: 20px;
	z-index: 4;
}

.nav-inner-wrapper {
	height: 100%;
	overflow: auto;
}

/*** Site Nav ***/

.main-site-nav {
	padding: 0;
	width: 100%;
}

.nav-item-container {
	padding: 32px 0;
	text-align: center;
	width: 100%;
}

.csstransitions .social-nav,
.csstransitions .nav-item-container {
	transition: all 0.5s ease-in-out 0.3s;

	-webkit-transform: translateY(13px);
	-moz-transform:    translateY(13px);
	-ms-transform:     translateY(13px);
	-o-transform:      translateY(13px);
	transform:         translateY(13px);
}

.csstransitions .social-nav.active,
.csstransitions .nav-item-container.active {
	-webkit-transform: translateY(0);
	-moz-transform:    translateY(0);
	-ms-transform:     translateY(0);
	-o-transform:      translateY(0);
	transform:         translateY(0);
}

.nav-item {
	color: #fff;
	font-family: 'bentonsans_extralightregular', sans-serif;
	font-size: 40px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-decoration: none;
}

/*** Social Nav ***/

.nav-social-icon__twitter {
	background: url('../imgs/icons/made-movement-twitter-icon-white-2x.png') no-repeat;
	background-size: contain;
}

.nav-social-icon__facebook {
	background: url('../imgs/icons/made-movement-facebook-icon-white-2x.png') no-repeat;
	background-size: contain;
}

.nav-social-icon__instagram {
	background: url('../imgs/icons/made-movement-instagram-icon-white-2x.png') no-repeat;
	background-size: contain;
}

.social-nav {
	margin: 0 auto;
	overflow: auto;
	padding: 0;
	width: 180px;
}

.social-nav-item-container {
	float: left;
	text-align: center;
	width: 33.33%;
}

.social-nav-item {
	display: inline-block;
}

.nav-social-icon {
	display: block;
	height: 30px;
	width: 30px;
}

/*** Active Nav ***/
.header-active--small {
	background: #000;
}

.header-active--small .main-logo {
	background: url('../imgs/logos/made-movement-logo-white-2x.png') no-repeat;
	background-size: contain;
}

.header-active--small .nav-social-icon__twitter {
	background: url('../imgs/icons/made-movement-twitter-icon-white-2x.png') no-repeat;
	background-size: contain;
}

.header-active--small .nav-social-icon__instagram {
	background: url('../imgs/icons/made-movement-instagram-icon-white-2x.png') no-repeat;
	background-size: contain;
}

.header-active--small .nav-social-icon__facebook {
	background: url('../imgs/icons/made-movement-facebook-icon-white-2x.png') no-repeat;
	background-size: contain;
}

.header-active--small .nav-item {
	color: #fff;
}

.header-active--small .menu-icon--menu {
  display: none;
}

.header-active--small .menu-icon--close {
	display: block;

	transition: all 0.5s;
}

.no-touch .menu-icon--close:hover {

	-webkit-transform: rotate(720deg);
	-moz-transform:    rotate(720deg);
	-ms-transform:     rotate(720deg);
	-o-transform:      rotate(720deg);
	transform:         rotate(720deg);
}

/***** Work Dropdown *****/
.work-dropdown-wrapper {
	background: rgb(0,0,0);
	background: rgba(0,0,0, 0.8);
	display: none;
	cursor: pointer;
	overflow: hidden;
  padding-top: 35px;
	width: 100%;
}

.work-nav-container {
	float: left;
	width: 50%;
}

.work-nav-hero {
	display: block;
	width: 100%;
}


.photo-cred {
  color: #898989;
  font-family: 'bentonsans_extralightregular', sans-serif;
  font-size: 16px;
  font-weight: 100;
  padding-top: 60px;
}

/***************************************************** Services Page ***********************/

.js .capabilities-form-wrapper {
  display: none;
}

.csstransitions .capabilities-form__button {
  opacity: 1;

  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.csstransitions .capabilities-form__button--inactive {
  opacity: 0;
}

.csstransitions .capabilities-form__button--inactive:hover {
  cursor: default;
  opacity: 0;
}

.services-header-wrapper {
  background-color: #ec1a1a;
  color: #fff;
  padding: 80px 10%;
  position: relative;
  text-align: center;
  z-index: 1;
}

.services-header__headline {
  font-family: 'cheltenhamlight', serif;
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 15px;
  position: relative;
}

.services-header__tout {
  font-family: 'bentonsans_extralightregular', sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 17px;
}

.primary-exports-header {
  font-family: 'bentonsans_boldregular', sans-serif;
  font-size: 11px;
  font-weight: 100;
  letter-spacing: 0.8px;
  margin: 0 auto 65px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

.primary-exports-wrapper__outer-wrapper {
  background: #fff;
  position: relative;
  width: 100%;
  z-index: 2;
}

.primary-exports-wrapper {
  background: #fff;
  position: relative;
  padding: 45px 0;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
}

.export-icon {
  width: 140px;
}

.exports-sub-header {
  font-family: 'cheltenhamlight', serif;
  font-size: 18px;
  font-weight: 100;
}

.export-tout {
  color: #6d6d6d;
  font-family: 'bentonsans_lightregular', sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.export {
  margin: 0 auto 70px;
  width: 70%;
  vertical-align: top;
}

/***************************************************** Leadership Page ***********************/

.leadership-wrapper {
  margin: 50px auto;
  width: 86%;
}

.employee-wrapper {
  margin-bottom: 80px;
}

.employee-image-wrapper {
  position: relative;
  width: 100%;
}

.employee-image {
  display: block;
  margin: 0 auto;
  min-width: 170px;
  max-width: 270px;
  width: 100%;
}

.employee-info-wrapper {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.employee-name {
  font-family: 'cheltenhamlight', sans-serif;
  font-size: 35px;
  font-weight: 100;
  margin: 17px 0 2px 0;
}

.employee-title {
  display: block;
  font-family: 'bentonsans_extralightregular', sans-serif;
  font-size: 14px;
  margin:0 0 10px;
}

.leadership-social-icon {
  position: relative;
  width: 18px;
}

.leadership-social-icon__secondary {
  margin: 0 8px;
}

.employee-tagline {
  font-family: 'cheltenhamlight', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin: 18px auto 10px;
  max-width: 500px;
  text-align: center;
}

.employee-copy {
  color: #898989;
  font-family: 'bentonsans_lightregular', sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto;
  max-width: 600px;
  text-align: left;
}

.employee-info-wrapper .read-more {
  color: #00bff3;
  cursor: pointer;
  display: inline-block;
  font-family: 'bentonsans_boldregular', sans-serif;
  font-size: 11px;
  font-weight: 900;
  margin: 10px 0 0;
  padding: 5px;
  text-transform: uppercase;
}

/***************************************************** Take a Job ***********************/

.benefits-header-wrapper {
  left: 0;
  margin: 0 auto;
  /*position: absolute;*/
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 50px;
}

.benefits-header {
  color: #00bff3;
  border-bottom: 1px solid #00bff3;
  display: inline-block;
  font-family: 'bentonsans_lightregular', sans-serif;
  font-size: 1em;
  text-transform: uppercase;
}


.benefits__tout {
  color: #898989;
  font-family: 'bentonsans_extralightregular', sans-serif;
  font-weight: 100;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 25px
}

.benefits-info__tout {
  color: #898989;
  font-family: 'bentonsans_extralightregular', sans-serif;
  margin: 2% auto 2%;
  width: 50%;
}

.current-openings {
  background-color: #00bff3;
  color: #fff;
  padding: 5% 8%;
}

.current-openings__header {
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-family: 'bentonsans_lightregular', sans-serif;
  font-size: 1em;
  text-transform: uppercase;
}

.current-openings__header-wrapper {
  text-align: center;
}

.opening-container + .opening-container {
  margin-top: 50px;
}

.opening-container + .opening-container:before {
  border-top: 1px solid #fff;
  content: '';
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
  width: 70px;
}

.opening-header {
  color: #fff;
  font-family: 'bentonsans_extralightregular', sans-serif;
  font-size: 2.6em;
  margin: 20px 0;
  text-align: center;
}

.opening-tout {
  color: #fff;
  font-family: 'bentonsans_extralightregular', sans-serif;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  width: 60%;
}

.opening-expand-wrapper {
  text-align: center;
  padding-top: 40px;
}

.opening-expand {
  cursor: pointer;
}

.opening-expand:after {
  background: url('../imgs/icons/take-a-job-arrow-expand-2x.png') no-repeat;
  background-size: cover;
  content: '';
  display: block;
  height: 10px;
  margin: 10px auto 0;
  width: 20px;
}

.opening-expand.open:after {
  background: url('../imgs/icons/take-a-job-arrow-collapse-2x.png') no-repeat;
  background-size: cover;
  content: '';
  display: block;
  height: 10px;
  margin: 10px auto 0;
  width: 20px;
}

.opening-info-outer-wrapper {
  overflow: auto;
}

.js .opening-info-outer-wrapper {
  display: none;
}

.opening-info-wrapper {
  padding: 0 2%;
}

.opening-info-header {
  display: block;
}

.opening-info--item {
  font-family: 'cheltenhamlight';
  padding: 5px 0;
  position: relative;
}

.opening-info--icon {
  display: block;
  position: absolute;
  left: 0;
  white-space: nowrap;
  width: 30px;
}

.opening-info--text {
  display: block;
  margin-left: 30px;
}

.benefits-wrapper {
  background: #fff;
  padding: 5% 0;
  z-index: 2;
}

.benefits-wrapper .slider-wrapper-inner {
  padding: 120px 0 60px;
}


 /* temp class until carousel implementation */

.benefits-info-wrapper {
  text-align: center;
}

.benefits-info {
  display: inline-block;
  font-family: 'bentonsans_extralightregular', sans-serif;
}

.benefits-info--item {
  color: #898989;
  overflow: auto;
  padding: 5px 0;
}

.benefits-info--icon {
  float: left;
}

.benefits-info--text {
  float: left;
  font-family: 'cheltenhamlight';
  margin-left: 5px;
}

.application-button {
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 0.6em;
  margin: 25px auto 0;
  padding: 15px 0;
  text-align: center;
  text-transform: uppercase;
  width: 140px;
}

.internship {
  width: 200px;
}


/************************************************* Footer ********************/

footer {
	background: #000;
}

.small-footer {
	color: #898989;
	padding: 10% 0;
	text-align: center;
}

.no-touch .small-footer a:hover {
	color: #fff;
}

.footer__contact-method {
	color: #898989;
	display: block;
	font-family: 'bentonsans_lightregular';
	font-size: 15px;
	padding: 5px 0;
}

.small-footer__headline {
	color: #fff;
	font-family: 'cheltenhamlight', serif;
	font-size: 34px;
	letter-spacing: 0.3px;
	margin-bottom: 20px;
}

.small-footer__sub-headline {
	font-family: 'cheltenhamlight', serif;
	font-size: 20px;
	font-weight: 400;
	margin: 30px 0 0;
}

.footer-logo {
	padding: 40px 0 25px;
	width: 70px;
}

.footer-copyright {
	color: #fff;
	font-family: 'bentonsans_lightregular';
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.2px;
	margin: 0;
}

.large-footer {
	display: none;
}

/************************************************* Landing Page ********************/
.client-wrapper__link {
	display: block;
}

.client-name {
	font-family: 'cheltenhamlight', sans-serif;
	font-size: 21px;
	font-weight: 100;
	margin-bottom: 3px;
	white-space: nowrap;
}

.client-cta {
	font-family: 'bentonsans_regular', sans-serif;
	font-size: 12px;
	font-weight: 700;
	margin-top: 0;
}

.client-cta__icon {
	font-family: 'times new roman';
	font-size: 16px;
}

.client-tout-outer-wrapper {
	bottom: 0;
	height: 100%;
	padding: 0 8%;
	position: absolute;
	top: 0;
}

.client-tout-outer-wrapper--left {
	left: 0;
}

.client-tout-outer-wrapper--right {
	right: 0;
}

.client-tout-outer-wrapper--full {
  left: 0;
  right: 0;
  text-align: center;
}

.client-tout-inner-wrapper {
	display: table;
	height: 100%;
	width: 100%;
}

.client-tout {
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

.client-tout--black {
	color: #000;
}

.campaign-info-wrapper {
	background: #fff;
	padding: 5% 8% 5%;
	width: 100%;
}

.campaign-info-wrapper--no-text {
  padding: 0 8%;
  width: 100%;
}
}

.campaign-info-wrapper--small-black {
  background: #000;
  color: #fff;
}

.campaign-info__title {
	font-family: 'bentonsans_boldregular', sans-serif;
	font-size: 16px;
	font-weight: 100;
	margin-bottom: 11px;
}

.campaign-info__tout {
	color: #898989;
	font-family: 'bentonsans_extralightregular', sans-serif;
	font-size: 16px;
	font-weight: 100;
	line-height: 20px;
	margin: 0;
}

.campaign-info__tout .brand-button {
  display: block;
  margin-top: 10px;
}

.client-wrapper__link--grad {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}

/************************************************* Page Touts ********************/
.page-tout-wrapper {
	padding: 75px 8%;
	text-align: center;
}

.page-tout {
	font-family: 'bentonsans_extralightregular', sans-serif;
	font-size: 1em;
	line-height: 1.25;
	margin: 0 auto;
	padding-bottom: 30px;
}

.page-tout__title {
	font-family: 'cheltenhamlight', serif;
	font-size: 37px;
	font-weight: 400;
}

/************************************************* Video Sections ********************/

.video-container {
	/*maintains raito for videos*/
	padding-top: 56.2%;
	position: relative;
}

 .client-video {
  border: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.client-video-cover {
	cursor: pointer;
	display: none;
  height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.video-controls--button {
	cursor: pointer;
	display: inline-block;
  margin-right: 10px;
  font-size: 2.7em !important; /*Have to override style from font awesome*/
}

.video-controls-wrapper {
	display: none;
	text-align: center;
}

.video-controls--info-wrapper {
	cursor: pointer;
	display: inline-block;
}

.video-controls--info {
	display: block;
	font-family: 'bentonsans_lightregular', sans-serif;
	font-size: 13px;
	font-weight: 100;
	line-height: 2;
	text-align: left;
}

/************************************************* Media Queries ********************/

@media screen and (min-width: 480px) {
	.client-name {
		font-size: 30px;
	}

	.client-cta {
		font-size: 16px;
		font-weight: 700;
	}

	.client-cta__icon {
		font-size: 19px;
		margin-right: 5px
	}
}

@media screen and (min-width: 640px) {
	.client-summary__heading{
		font-size: 47px;
	}

	.client-summary__sub-heading {
		font-size: 21.5px;
	}
}

@media screen and (min-width: 740px) {

	body:after {
		content: 'm';
	}

	header {
		height: 140px;
	}

	nav {
		background: none;
		display: table;
		float: left;
		padding-bottom: 0;
		position: static;
		width: 77%;
	}

	.csstransitions nav,
	.csstransitions .social-nav,
	.csstransitions .nav-item-container
	 {
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
		transform:         none;
	}

	.brand-button {
		padding: 17px 40px;
		width: auto;
	}

	.button-container{
		text-align: center;
	}

	.content-wrapper {
		padding-top: 130px;
	}

	.menu-icon--close,
	.menu-icon {
		display: none
	}

  .main-logo {
    display: block;
    margin-top: -15px;
  }

	.main-logo-outer-wrapper {
		padding-right: 0;
		width: 23%;
	}

	.main-site-nav {
		float: left;
		margin: 0;
		width: auto;
	}

	/*** Site Nav ***/

	.nav-item-container {
		float: left;
		padding: 0;
		text-align: left;
		width: auto;
	}

	.nav-item-container + .nav-item-container {
		margin-left: 25px;
	}

	.nav-inner-wrapper {
		display: table-cell;
		vertical-align: middle;
	}

	.nav-item {
		color: #000;
		font-family: 'bentonsans_lightregular';
		font-size: 11.5px;
	}

	/*** Social Nav ***/

	.social-nav {
		float: right;
		margin: 0;
		padding-right: 7%;
		width: auto;
	}

	.nav-social-icon {
		display: inline-block;
		height: 14px;
		width: 14px;
	}

	.social-nav-item-container {
		width: auto;
	}

	.social-nav-item-container + .social-nav-item-container  {
		margin-left: 10px;
	}


	.nav-social-icon__twitter {
		background: url('../imgs/icons/made-movement-twitter-icon-gray-2x.png') no-repeat;
		background-size: contain;
	}

	.nav-social-icon__facebook {
		background: url('../imgs/icons/made-movement-facebook-icon-gray-2x.png') no-repeat;
		background-size: contain;
	}

	.nav-social-icon__instagram {
		background: url('../imgs/icons/made-movement-instagram-icon-gray-2x.png') no-repeat;
		background-size: contain;
	}

	/*** Collapsed Nav ***/
	.collapsed-nav {
		background: #000;
		height: 90px;
	}

	.collapsed-nav .main-logo {
		background: url('../imgs/logos/made-movement-logo-white-2x.png') no-repeat;
		background-size: contain;
	}

	.collapsed-nav .nav-social-icon__twitter {
		background: url('../imgs/icons/made-movement-twitter-icon-white-2x.png') no-repeat;
		background-size: contain;
	}

	.collapsed-nav .nav-social-icon__instagram {
		background: url('../imgs/icons/made-movement-instagram-icon-white-2x.png') no-repeat;
		background-size: contain;
	}

	.collapsed-nav .nav-social-icon__facebook {
		background: url('../imgs/icons/made-movement-facebook-icon-white-2x.png') no-repeat;
		background-size: contain;
	}

	.collapsed-nav .nav-item {
		color: #fff;
	}

	/***** Work Dropdown *****/
	.work-dropdown-wrapper {
		height: 100%;
		left: 0;
		overflow: auto;
		padding: 0 0 110px;
		position: fixed;
		top: 90px;
	}

  .work-dropdown-wrapper.active {
    display: block;
  }

	.csstransitions .work-dropdown-wrapper {
		display: block !important; /* have to override style from slideToggle */

		transition: all 0.5s ease-in-out 0.5s;

		-webkit-transform: translateY(-200%);
		-moz-transform:    translateY(-200%);
		-ms-transform:     translateY(-200%);
		-o-transform:      translateY(-200%);
		transform:         translateY(-200%);
	}

	.csstransitions .work-dropdown-wrapper.active {

		-webkit-transform: translateY(0);
		-moz-transform:    translateY(0);
		-ms-transform:     translateY(0);
		-o-transform:      translateY(0);
		transform:         translateY(0);
	}

	.work-nav-container {
		width: 16.66%;
	}

	/** Footer **/

	footer {
		padding: 4% 5% 3%;
	}

	.small-footer {
		display: none;
	}

	.large-footer {
		display: block;
	}

	.footer-logo {
		float: left;
		padding: 0;
	}

	.footer-copyright {
		color: #898989;
		float: right;
		font-family: 'cheltenhamlightitalic';
		font-size: 0.8em;
	}

	.footer-contact-wrapper {
		overflow: auto;
	}

	.footer__contact-method {
		float: left;
		padding: 0;
	}

	.footer__contact-method + .footer__contact-method {
		margin-left: 20px;
	}

	.footer-contact-wrapper__primary {
		border-bottom: 1px solid #fff;
		padding-bottom: 2%;
	}

	.footer-contact-wrapper__primary--items {
		float: right;
		overflow: auto;
	}

	.footer-contact-wrapper__primary--items .footer__contact-method {
		padding-top: 10px;
	}

	.footer-contact-wrapper__secondary {
		padding-top: 2%;
	}

	.footer-contact-wrapper__secondary--items {
		float: left;
	}

	.footer-social-nav {
		float: left;
		margin: 0 0 0 30px;
		overflow: auto;
	}

	.social-footer-icon {
		display: block;
		opacity: 0.5;
		width: 17px;

		-webkit-transition: opacity 0.5s ease-in-out;
	  	-moz-transition: opacity 0.5s ease-in-out;
	  	-o-transition: opacity 0.5s ease-in-out;
	  	transition: opacity 0.5s ease-in-out;
	}

	.no-touch .social-footer-icon:hover {
		opacity: 0.3;
	}

  /** Leadership Page **/

  .employee-wrapper {
    overflow: auto;
  }

  .employee-image-wrapper {
    float: left;
    width: 45%;
  }

  .employee-image {
    display: block;
    margin: 0 auto;
    max-width: none;
    min-width: none;
    width: 100%;
  }

  .employee-info-wrapper {
    float: right;
    margin: 0;
    text-align: left;
    width: 50%;
  }

  .employee-name {
    font-size: 38px;
  }

  .employee-tagline {
    font-size: 22px;
    line-height: 25px;
    text-align: left;
  }

  .employee-copy {
    font-size: 14px;
  }

  /** Services Page **/

  .services-header__headline {
    font-size: 28px;
  }

  .services-header__tout {
    font-size: 18px;
    line-height: 24px;
  }

  .export {
    display: inline-block;
    padding: 0 20px;
    width: 45%;
  }

  .primary-exports-wrapper {
    margin: 0 auto;
    width: 75%;
  }

}

@media screen and (min-width: 1000px) {
	.client-name {
		font-size: 45px;
		margin-bottom: 6px;
	}

  .client-name--large {
    font-size: 53px;
  }

	.client-cta {
		font-size: 16px;
		font-weight: 700;
	}

	.client-cta__icon {
		font-size: 18px;
		font-weight: 700;
		margin-left: 0 10px 0 4px;
	}

	.client-video-cover {
		display: block;
	}

	.campaign-info-wrapper--no-text,
  .campaign-info-wrapper {
		background: transparent;
		bottom: 0;
		color: #fff;
		overflow: auto;
    padding-bottom: 3%;
		position: absolute;
		z-index: 2;

	}

	.campaign-info-wrapper--black {
		background: #000;
		padding: 4% 8%;
		position: relative;
	}

  .campaign-info-wrapper--white,
  .campaign-info-wrapper--white .campaign-info__tout {
    color: #000;
  }


	.campaign-info-wrapper--brown {
		background: #BEB677;
		color: #000;
		position: relative;
	}

	.campaign-info-wrapper--brown .campaign-info__tout {
		color: #000;
	}

	.campaign-info-wrapper--gradient {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	}

  .campaign-info__tout__link {
    color: #fff;
    text-decoration: none;
  }

	.video-controls-wrapper {
		display: block;
		float: left;
		width: 25%;
	}

  .video-controls--info-wrapper .campaign-info__title  {
    float: none;
    width: auto;
  }

	.campaign-info__title {
    float: left;
    margin: 0;
    width: 25%;
    white-space: nowrap;
	}

	.campaign-info__tout {
		color: #fff;
		float: left;
		width: 50%;
	}

  .campaign-info__tout .brand-button {
    background: transparent;
    border-color: #fff;
    color: #fff;
    margin-top: 20px;
    padding: 10px 0;
    width: 115px;
  }

  .campaign-info__tout--wide {
    width: 75%;
  }

  /** Services Page **/
  .services-header__headline {
    font-size: 34px;
  }

  .services-header__tout {
    font-size: 20px;
    line-height: 28px
  }

  .primary-exports-wrapper {
    width: 100%;
  }

  .export {
    width: 30%;
  }

/* -- Jobs -- */

  .opening-info-wrapper {
    float: left;
    width: 50%;
  }

}

@media screen and (min-width: 1200px) {

  .leadership-wrapper {
    margin-top: 100px 0;
    max-width: 1020px;
    width: 85%;
  }

  .employee-name {
    font-family: 'bentonsans_extralightregular', sans-serif;
    font-size: 50px;
    font-weight: 100;
    margin: 5px 0 0 0;
  }

  .employee-title {
    margin: 0;
    display: inline-block;
    font-family: 'bentonsans_extralightregular', sans-serif;
    font-size: 16px;
    margin-right: 8px;
    padding-left: 3.8px;
  }

  .leadership-social-icon {
    margin: 0 6px -3px;
    position: relative;
    width: 16px;
  }

  .employee-tagline {
    font-size: 28px;
    line-height: 30px;
    margin: 33px 0 15px 0;
    padding-left: 4px;
    text-align: left;
    width: 612px;
  }

  .employee-copy {
    font-family: 'bentonsans_lightregular', sans-serif;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0;
    max-width: 900px;
    padding-left: 4px;
    text-align: left;
  }

  .employee-info-wrapper .read-more {
    color: #00bff3;
    cursor: pointer;
    display: inline-block;
    font-family: 'bentonsans_boldregular', sans-serif;
    font-size: 11px;
    font-weight: 900;
    margin: 10px 0 0;
    padding: 5px;
    text-transform: uppercase;
  }
}

/************************************************* Lightbox ********************/

.mask {
  background: rgb(0,0,0);
  background: rgba(0,0,0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:  9;
}

.form-frame {
  background: #fff;
  border-radius: 10px;
  left: 30%;
  padding: 25px;
  position: fixed;
  top: 25px;
  z-index: 10;
}

.close-mask {
  cursor: pointer;
  height: 15px;
  position: absolute;
  right: -40px;
  top: 15px;
}