/** BEBAS **/
/*@font-face {
    font-family: 'Conv_BEBAS___';
    src: url('fonts/BEBAS___.eot');
    src: url('fonts/BEBAS___.woff') format('woff'), url('fonts/BEBAS___.ttf') format('truetype'), url('fonts/BEBAS___.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
  font-family: 'quicksandregular';
  src: url("fonts/quicksand-regular-webfont.eot");
  src: url("fonts/quicksand-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/quicksand-regular-webfont.woff") format("woff"), url("fonts/quicksand-regular-webfont.ttf") format("truetype"), url("fonts/quicksand-regular-webfont.svg#quicksandregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'edel-icons';
  src: url("fonts/edel-icons.eot?-woeafc");
  src: url("fonts/edel-icons.eot?#iefix-woeafc") format("embedded-opentype"), url("fonts/edel-icons.woff?-woeafc") format("woff"), url("fonts/edel-icons.ttf?-woeafc") format("truetype"), url("fonts/edel-icons.svg?-woeafc#edel-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
/**
 * Icon declarations
 */
i {
  font-family: "edel-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.edel-icon-arrow-right:before {
  content: "\e60d"; }

.edel-icon-arrow-down:before {
  content: "\e60e"; }

.edel-icon-arrow-left:before {
  content: "\e60f"; }

.edel-icon-arrow-up:before {
  content: "\e610"; }

.edel-icon-globe:before {
  content: "\e60c"; }

.edel-icon-instagram:before {
  content: "\e60a"; }

.edel-icon-youtube:before {
  content: "\e60b"; }

.edel-icon-play:before {
  content: "\e609"; }

.edel-icon-cross:before {
  content: "\e608"; }

.edel-icon-plus:before {
  content: "\e607"; }

.edel-icon-filter:before {
  content: "\e600"; }

.edel-icon-search:before {
  content: "\e601"; }

.edel-icon-like-empty:before {
  content: "\e602"; }

.edel-icon-like:before {
  content: "\e603"; }

.edel-icon-linkedin:before {
  content: "\e604"; }

.edel-icon-twitter:before {
  content: "\e605"; }

.edel-icon-facebook:before {
  content: "\e606"; }

.get-link-click {
  background: url("../img/get_link_icon.svg") no-repeat;
  width: 17px;
  height: 21px;
  background-size: contain;
  margin-left: 2px; }

.sprite-icon, .cursors .cursor, .diamond-container .arrow, ul.paging-dots li, .plus-icon, .close-icon-blue, .play-icon, .video-overlay .close-button span, #magazine-view .post ul.post-menu span, #magazine-view .post.quote .background, #about-shoes.panel .arrow-nav span, #work-view .cases .grid a .highlight, #smithfield-meet-the-team .cases .grid a .highlight, #technology-our-work .cases .grid a .highlight {
  background: url("../img/sprite.png") no-repeat 0 0;
  text-indent: -1000em;
  display: block;
  overflow: hidden; }

.font-smoothing, html, h1, h2, h3, h5, button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.v-centered {
  width: 100%;
  height: 100%;
  display: table; }
  .v-centered > div, .v-centered > span, .v-centered > a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle; }

.no-select, .slick-slide .content a, #about-view .column.left .contents ul, #about-view .column.right .contents ul, #about-view #about-awards-mini .contents ul, html.desktop #about-advisory-board #advb-inner #advb-left li span, html.desktop #about-advisory #advb-inner #advb-left li span, #about-shoes.panel .arrows-nav, #about-shoes.panel .quotes, #about-shoes.panel .quote, #about-shoes.panel .carousel, #about-shoes.panel .carousel .shoe img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  height: 100%; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
  height: 100%; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  position: relative;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    width: 100%;
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-slide .image {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%; }

.slick-slide .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }
  .slick-slide .video video {
    position: absolute; }

.slick-slide .content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%; }
  .slick-slide .content .v-centered > div {
    text-align: center; }
  .slick-slide .content hr {
    width: 40px;
    display: block;
    margin: 8px auto; }
  .slick-slide .content h1 {
    font-size: 90px;
    letter-spacing: 7px;
    line-height: 1;
    margin: 0;
    position: relative;
    margin-bottom: 10px; }
    body.home .slick-slide .content h1 {
      margin-bottom: 20px; }
    .slick-slide .content h1 font {
      visibility: hidden; }
    .slick-slide .content h1 span {
      position: absolute;
      top: 0;
      left: 0; }
  .slick-slide .content h4, .slick-slide .content .scroll-prompt {
    margin: 0 auto;
    overflow: hidden;
    max-width: 750px; }
    @media only screen and (max-width: 480px) {
      .slick-slide .content h4, .slick-slide .content .scroll-prompt {
        max-width: 95%; } }
  .slick-slide .content a {
    display: inline-block;
    text-decoration: none;
    border: 0;
    outline: 0;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  background: transparent;
  position: absolute;
  display: block;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: white;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  border: none;
  outline: none;
  z-index: 2; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    color: white; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev span,
  .slick-next span {
    display: block;
    width: 12px;
    height: 20px;
    margin: 30px; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 10px; }
  .slick-prev span {
    background-position: -3px -1210px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }

.slick-next {
  right: 10px; }
  .slick-next span {
    background-position: -18px -1210px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }

.slick-slider {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.slideshow canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none; }
  @media only screen and (max-width: 570px) {
    .slideshow canvas {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .slideshow canvas {
      display: none; } }
  html.mobile .slideshow canvas {
    display: none; }
  html.tablet.portrait .slideshow canvas {
    display: none; }

/*!
Video.js Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc; }

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("fonts/vjs.eot");
  src: url("fonts/vjs.eot?#iefix") format("embedded-opentype"), url("fonts/vjs.woff") format("woff"), url("fonts/vjs.ttf") format("truetype"), url("fonts/vjs.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9); }

.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  box-shadow: 0 0 2em #ffffff; }

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7); }

/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: block; }

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: block; }

/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: block; }

/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em; }

/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff; }

.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */ }

/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-play-control:before {
  content: "\e001"; }

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002"; }

/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"; }

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right; }

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0; }

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #00ccff;
  color: #fff; }

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em; }

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em; }

/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0; }

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em; }

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%; }

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #00ccff; }

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.2); }

/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1); }

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; }

/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none; }

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block; }

/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em; }

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em; }

.vjs-default-skin .vjs-current-time {
  float: left; }

.vjs-default-skin .vjs-duration {
  float: left; }

/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  float: left;
  line-height: 3em; }

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000"; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b"; }

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  display: none;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  border-radius: 0.8em;
  /* box-shadow */
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4em; }

/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none; }

/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none; }

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  transition: all 0s; }

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-big-play-button {
  display: none; }

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5); }

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460; }

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75; }

/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear; }

/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  animation: none; }

.vjs-default-skin .vjs-loading-spinner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000; }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c"; }

/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008"; }

/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c"; }

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em; }

/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff; }

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* IE 9 - intreprets 100% in tag as 100px -> force % jslack */
  height: 100% !important;
  width: 100% !important; }

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  /* IE 9 fix - force %  jslack */
  height: 100% !important;
  width: 100% !important; }
  html.mobile .video-js .vjs-tech, html.tablet .video-js .vjs-tech {
    box-sizing: border-box; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }
  html.mobile .video-js:-webkit-full-screen, html.tablet .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 80% !important;
    top: 10%; }

html.mobile .video-js, html.tablet .video-js {
  width: 100% !important;
  height: 80% !important;
  top: 10%; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em; }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5); }

.video-js .vjs-subtitles {
  color: white; }

.video-js .vjs-captions {
  color: #ffcc66; }

.vjs-tt-cue {
  display: block; }

/* Increase font-size when fullscreen */
.video-js.vjs-fullscreen .vjs-text-track {
  font-size: 3em; }

/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

/*  In IE8 w/ no JavaScript (no shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460; }

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #fff; }

body {
  font-size: 1em; }

p {
  font-size: 1.2em;
  line-height: 27px; }
  html.tablet p {
    font-size: 1em;
    line-height: 24px; }
  html.mobile p {
    font-size: 0.9em;
    line-height: 22px; }
  p a, p a:visited {
    color: #00ccff; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

* {
  -webkit-touch-callout: none; }

a {
  outline: none !important; }

input,
textarea,
select,
p {
  -webkit-touch-callout: auto; }

a {
  color: #fff;
  text-decoration: none; }

a:visited {
  color: #fff; }

hr {
  display: block;
  height: 0px;
  border: 0;
  border-top: 1px solid #fff;
  padding: 0; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #333;
  padding: 0.2em 0; }

.no-select, .slick-slide .content a, #about-view .column.left .contents ul, #about-view .column.right .contents ul, #about-view #about-awards-mini .contents ul, html.desktop #about-advisory-board #advb-inner #advb-left li span, html.desktop #about-advisory #advb-inner #advb-left li span, #about-shoes.panel .arrows-nav, #about-shoes.panel .quotes, #about-shoes.panel .quote, #about-shoes.panel .carousel, #about-shoes.panel .carousel .shoe img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  html .v-centered-js {
    position: absolute;
    top: 50%;
    width: 100%; }
  @media only screen and (max-width: 600px) {
    html .slideshow-paging {
      display: none; } }
  html.mobile {
    min-width: 0;
    min-height: 0; }

body {
  font-family: "Times New Roman", Georgia, Serif;
  width: 100%;
  height: 100%; }
  html.no-touch body {
    overflow: hidden; }

h1, h2, h3, h5 {
  font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 1px;
  font-weight: normal;
  margin-top: 0; }

h4, .scroll-prompt {
  text-transform: uppercase;
  letter-spacing: 8px;
  font-size: 12px;
  font-weight: normal;
  margin: 0; }
  @media only screen and (min-width: 1600px) {
    h4, .scroll-prompt {
      font-size: 14px; } }

h3 {
  font-size: 1.44em; }

h5 {
  font-size: 1em; }

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

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

button {
  border: 0;
  outline: 0;
  background: none; }

#ed-container {
  width: 100%;
  height: 100%; }
  html.mobile #ed-container, html.tablet #ed-container {
    overflow: hidden; }

.section {
  display: none;
  opacity: 0; }

.panel {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 400px; }
  .panel.paddingTop {
    padding-top: 80px;
    box-sizing: border-box; }
  .panel#about-advisory {
    min-height: 700px !important; }

html.mobile .cursors, html.tablet .cursors {
  display: none; }
.cursors .cursor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  opacity: 0;
  pointer-events: none; }
  .cursors .cursor.right {
    top: -15px;
    left: 15px;
    width: 20px;
    height: 33px;
    background-position: -132px -405px; }
  .cursors .cursor.left {
    top: -15px;
    left: -30px;
    width: 20px;
    height: 33px;
    background-position: -132px -461px; }

.scrollable {
  height: 100%;
  width: 100%; }
  html.mobile .scrollable, html.tablet .scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }

#scrollbar {
  display: none;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  width: 12px;
  background: rgba(85, 85, 85, 0.4);
  z-index: 11;
  pointer-events: none; }
  html.mobile #scrollbar, html.tablet #scrollbar {
    display: none !important; }
  #scrollbar .scroll-handle {
    pointer-events: auto;
    position: relative;
    width: 17px;
    height: 105px;
    margin-left: -17px;
    top: 0;
    background: transparent;
    cursor: pointer; }
    #scrollbar .scroll-handle.ui-draggable-dragging span {
      background: #ffffff; }
    #scrollbar .scroll-handle:hover span {
      background: #ffffff; }
    #scrollbar .scroll-handle span {
      background: #eee;
      height: 100%;
      width: 12px;
      display: block;
      margin-left: 17px; }
  html.tablet #scrollbar {
    display: none; }
  html.mobile #scrollbar {
    display: none; }

.slideshow-paging.back-to-top {
  bottom: -40px;
  height: 25px; }
  .slideshow-paging.back-to-top .diamond-container {
    height: 25px; }
    .slideshow-paging.back-to-top .diamond-container .arrow {
      background-position: -13px -210px; }
  .slideshow-paging.back-to-top .diamond:after {
    content: "";
    display: none;
    border: 0;
    position: static; }
  #case-study-details .slideshow-paging.back-to-top, #magazine-view .slideshow-paging.back-to-top, #about-view .slideshow-paging.back-to-top {
    bottom: 0; }

.slideshow-paging {
  position: absolute;
  bottom: 55px;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateZ(3px);
  margin-left: -25px;
  width: 50px;
  height: 50px; }
  html.mobile .slideshow-paging {
    display: none; }
  html.tablet .slideshow-paging {
    display: none; }
  .slideshow-paging .page {
    font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    position: absolute;
    z-index: 2;
    color: #fff; }
    .slideshow-paging .page.current {
      top: 9px;
      left: 17px; }
    .slideshow-paging .page.total {
      top: auto;
      left: auto;
      bottom: 12px;
      right: 16px; }
  .slideshow-paging hr {
    position: absolute;
    top: 25px;
    left: 13px;
    width: 24px;
    z-index: 3;
    margin: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.diamond-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }
  .diamond-container .arrow {
    background-position: -13px -186px;
    width: 30px;
    height: 25px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 10px; }

.diamond {
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-bottom-color: #333333;
  position: relative;
  top: -25px; }

.diamond:after {
  content: '';
  position: absolute;
  left: -25px;
  top: 25px;
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-top-color: #333333; }

.diamond-outline-container {
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1; }
  .diamond-outline-container .diamond {
    border: 26px solid transparent;
    border-bottom-color: white;
    top: -26px; }
  .diamond-outline-container .diamond:after {
    left: -26px;
    top: 26px;
    border: 26px solid transparent;
    border-top-color: white; }

ul.paging-dots {
  display: inline-block; }
  ul.paging-dots li {
    display: inline-block;
    background-position: -116px -171px;
    width: 19px;
    height: 19px; }
    ul.paging-dots li.active, ul.paging-dots li.slick-active {
      background-position: -144px -171px; }
    ul.paging-dots li a, ul.paging-dots li button {
      display: block;
      width: 100%;
      height: 100%; }

.slideshow-paging-text {
  width: 125px !important;
  bottom: 10px !important;
  height: auto !important;
  text-align: center;
  margin-left: -62.5px !important; }

.scroll-prompt {
  letter-spacing: 8px;
  color: #333333;
  background: url(../img/scroll-prompt-down-arrow.svg) no-repeat;
  background-size: 50% 20%;
  background-position: bottom center;
  display: block;
  padding: 5px 0 5px 8px;
  text-align: center; }

#ed-container.light .scroll-prompt {
  color: white;
  background: url(../img/scroll-prompt-down-arrow-white.svg) no-repeat;
  background-size: 50% 20%;
  background-position: bottom center; }

.plus-icon {
  background-position: -139px -112px;
  width: 30px;
  height: 30px;
  float: right;
  margin-top: 15px;
  cursor: pointer; }
  @media only screen and (max-width: 1600px) {
    .plus-icon {
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform: scale(0.75); } }

.close-icon-blue {
  background-position: -4px -144px;
  width: 30px;
  height: 30px;
  float: right;
  margin-top: 15px;
  cursor: pointer; }
  @media only screen and (max-width: 1600px) {
    .close-icon-blue {
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform: scale(0.75); } }

button.blue,
a.blue,
span.button.blue {
  display: block;
  background-color: #00ccff;
  border: 1px solid #00ccff;
  font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
  letter-spacing: 1px;
  padding: 3px 20px;
  font-size: 27px;
  width: auto;
  padding-bottom: 6px;
  margin: 45px 0;
  height: auto; }
  html.no-touch button.blue:hover, html.no-touch
  a.blue:hover, html.no-touch
  span.button.blue:hover {
    background-color: #ffffff;
    color: #00ccff; }
  @media only screen and (max-width: 1600px) {
    button.blue,
    a.blue,
    span.button.blue {
      font-size: 25px; } }
  @media only screen and (max-width: 1000px) {
    button.blue,
    a.blue,
    span.button.blue {
      font-size: 22px; } }
  @media only screen and (max-width: 700px) {
    button.blue,
    a.blue,
    span.button.blue {
      font-size: 20px; } }

.play-icon {
  background-position: -57px -169px;
  width: 55px;
  height: 55px;
  margin: 0 auto;
  margin-top: 16px; }

div[id*="-welcome"] p {
  width: 60%; }
  html.tablet div[id*="-welcome"] p {
    width: 75%; }
  html.mobile div[id*="-welcome"] p {
    width: 90%; }

.cookie-warning-container {
  visibility: hidden;
  position: absolute;
  z-index: 999;
  top: -32px;
  height: 32px;
  width: 100%;
  background: #cccccc;
  padding: 0;
  margin: 0;
  text-align: center;
  font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif; }
  .cookie-warning-container .cookie-warning-holder {
    text-align: center; }
    .cookie-warning-container .cookie-warning-holder .cookie-warning-text {
      color: white;
      margin: 0;
      padding: 0;
      font-size: 12px;
      line-height: 30px;
      letter-spacing: 1px; }
    .cookie-warning-container .cookie-warning-holder .cookie-warning-dismiss-btn {
      background: #12cefd;
      color: white;
      margin: 5px 0 0 20px;
      padding: 2px 10px;
      font-size: 12px;
      cursor: pointer; }
  .cookie-warning-container.dark {
    background: white; }
    .cookie-warning-container.dark .cookie-warning-text {
      color: #333333; }
  @media only screen and (max-width: 600px) {
    .cookie-warning-container {
      box-sizing: border-box;
      height: auto;
      padding: 10px;
      z-index: 4000; }
      .cookie-warning-container .cookie-warning-holder .cookie-warning-dismiss-btn {
        margin: 5px 0 0 5px; } }

/* Navigation */
header .background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #ffffff;
  opacity: 0;
  width: 100%;
  height: 60px; }
header .menu-cta {
  position: absolute;
  top: 18px;
  right: 30px;
  height: 40px;
  z-index: 35;
  opacity: 0; }
  html.mobile header .menu-cta {
    right: 20px; }
header .breadcrumb {
  -webkit-perspective: 2000;
          perspective: 2000;
  margin-right: 57px;
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 600px) {
    header .breadcrumb {
      display: none; } }
  @media only screen and (max-width: 650px) {
    html.tablet.portrait header .breadcrumb {
      display: none; } }
  header .breadcrumb .breadcrumb-item {
    display: inline-block;
    text-align: right;
    text-transform: uppercase;
    font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 2px;
    vertical-align: top;
    overflow: hidden; }
    header .breadcrumb .breadcrumb-item span {
      margin: 0 5px; }
  html.mobile header .breadcrumb {
    display: none; }
header .divider {
  position: absolute;
  top: 7px;
  right: 42px;
  height: 19px;
  width: 1px;
  opacity: 0.5;
  background-color: #fff; }
  html.mobile header .divider {
    display: none; }
header .menu-icon {
  position: absolute;
  top: 7px;
  right: 0px;
  width: 23px;
  height: 24px;
  cursor: pointer; }
  header .menu-icon .line {
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    background-color: white; }
    header .menu-icon .line.top {
      top: 0; }
    header .menu-icon .line.middle {
      top: 8px; }
    header .menu-icon .line.bottom {
      top: 16px; }

.light header .background {
  opacity: 0; }

.logo-small {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 26;
  width: 140px;
  height: 37px;
  opacity: 0; }
  .logo-small a {
    display: block;
    width: 100%;
    height: 100%; }
  .logo-small div.black {
    display: none;
    background: transparent url("../img/edelman-logo-black.svg") no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    height: 100%;
    width: 100%; }
  .logo-small div.white {
    background: transparent url("../img/edelman-logo-white.svg") no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    height: 100%;
    width: 100%; }

.edel-logo,
.magazine-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -45px;
  z-index: 26; }
  .edel-logo .loading-hint,
  .magazine-loader .loading-hint {
    display: block;
    color: black;
    text-align: center;
    font-size: 24px;
    font-family: Arial, sans-serif;
    font-weight: bold; }
  .edel-logo.is-infinite,
  .magazine-loader.is-infinite {
    bottom: -30px;
    top: auto;
    margin-top: 0; }
    .edel-logo.is-infinite .animated-logo-magazine,
    .magazine-loader.is-infinite .animated-logo-magazine {
      -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
      transform: scale(0.3);
      margin-left: -66px; }
  html.tablet .edel-logo, html.tablet
  .magazine-loader {
    margin-top: -60px; }
    html.tablet .edel-logo img, html.tablet
    .magazine-loader img {
      width: 50%; }
  .edel-logo .animated-logo,
  .edel-logo .animated-logo-magazine,
  .magazine-loader .animated-logo,
  .magazine-loader .animated-logo-magazine {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    margin-top: -40px;
    margin-left: -70px; }
    html.mobile .edel-logo .animated-logo, html.tablet .edel-logo .animated-logo, html.mobile
    .edel-logo .animated-logo-magazine, html.tablet
    .edel-logo .animated-logo-magazine, html.mobile
    .magazine-loader .animated-logo, html.tablet
    .magazine-loader .animated-logo, html.mobile
    .magazine-loader .animated-logo-magazine, html.tablet
    .magazine-loader .animated-logo-magazine {
      display: none; }
    .edel-logo .animated-logo canvas.logo-output,
    .edel-logo .animated-logo-magazine canvas.logo-output,
    .magazine-loader .animated-logo canvas.logo-output,
    .magazine-loader .animated-logo-magazine canvas.logo-output {
      opacity: 0; }
    .edel-logo .animated-logo .logo-fallback,
    .edel-logo .animated-logo-magazine .logo-fallback,
    .magazine-loader .animated-logo .logo-fallback,
    .magazine-loader .animated-logo-magazine .logo-fallback {
      display: block;
      width: 220px;
      height: 220px;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
      html.canvas .edel-logo .animated-logo .logo-fallback, html.canvas
      .edel-logo .animated-logo-magazine .logo-fallback, html.canvas
      .magazine-loader .animated-logo .logo-fallback, html.canvas
      .magazine-loader .animated-logo-magazine .logo-fallback {
        visibility: hidden; }
      html.mobile .edel-logo .animated-logo .logo-fallback, html.tablet .edel-logo .animated-logo .logo-fallback, html.mobile
      .edel-logo .animated-logo-magazine .logo-fallback, html.tablet
      .edel-logo .animated-logo-magazine .logo-fallback, html.mobile
      .magazine-loader .animated-logo .logo-fallback, html.tablet
      .magazine-loader .animated-logo .logo-fallback, html.mobile
      .magazine-loader .animated-logo-magazine .logo-fallback, html.tablet
      .magazine-loader .animated-logo-magazine .logo-fallback {
        display: none; }
  .edel-logo img,
  .magazine-loader img {
    width: 70%; }
    html.mobile .edel-logo img, html.tablet .edel-logo img, html.mobile
    .magazine-loader img, html.tablet
    .magazine-loader img {
      display: block !important; }
  .edel-logo.white img,
  .magazine-loader.white img {
    display: none; }
  .edel-logo.white .logo-fallback,
  .magazine-loader.white .logo-fallback {
    background: url("../img/logo-video-poster.png"); }
  .edel-logo.black img,
  .magazine-loader.black img {
    display: none; }
  .edel-logo.black .logo-fallback,
  .magazine-loader.black .logo-fallback {
    background: url("../img/logo-video-poster-black.png"); }

#ed-container.dark header .breadcrumb {
  color: #333; }
  #ed-container.dark header .breadcrumb a {
    color: #333; }
#ed-container.dark header .line {
  background-color: #333; }
#ed-container.dark header .divider {
  background-color: #333; }
#ed-container.dark .logo-small div.black {
  display: block; }
#ed-container.dark .logo-small div.white {
  display: none; }

.navigation-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  display: none; }
  .navigation-overlay .navigation {
    position: absolute;
    top: 48%;
    left: 50%;
    z-index: 1;
    width: 250px;
    height: 500px;
    margin-left: -125px;
    margin-top: -235px;
    text-align: center; }
    html.mobile.landscape .navigation-overlay .navigation {
      height: 220px;
      margin-top: 25px;
      top: 0;
      font-size: 14px; }
    html.tablet.landscape .navigation-overlay .navigation {
      margin-top: -195px; }
    .navigation-overlay .navigation li {
      cursor: pointer; }
      .navigation-overlay .navigation li.active a span {
        color: #22ccf3 !important; }
      html.isBigSafari .navigation-overlay .navigation li:hover a span {
        -webkit-transition: color 1s;
        transition: color 1s;
        color: #22ccf3 !important; }
    .navigation-overlay .navigation a {
      display: block;
      font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
      font-size: 52px;
      letter-spacing: 4px;
      margin: 0;
      position: relative;
      text-align: center;
      height: 68px;
      -webkit-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      html.mobile.landscape .navigation-overlay .navigation a {
        font-size: 22px;
        font-size: 9.0vh;
        height: 1em; }
      html.tablet.landscape .navigation-overlay .navigation a {
        font-size: 37px;
        height: 56px; }
      html.mobile.portrait .navigation-overlay .navigation a {
        font-size: 43px;
        height: 44px; }
      .navigation-overlay .navigation a span {
        position: absolute;
        display: block;
        color: #fff;
        width: 100%;
        line-height: 45px; }
      .navigation-overlay .navigation a:visited span {
        color: #fff; }
      .navigation-overlay .navigation a span.blue {
        color: #22ccf3 !important; }
  .navigation-overlay .footer-links {
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 1;
    margin-left: -50%;
    text-align: center;
    width: 100%;
    height: 20px; }
    .navigation-overlay .footer-links p {
      color: #666;
      font-size: 11px;
      margin-top: 5px;
      margin-bottom: 20px; }
    .navigation-overlay .footer-links ul {
      display: inline-block; }
      .navigation-overlay .footer-links ul li {
        float: left;
        font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
        text-transform: uppercase;
        color: #777;
        font-size: 16px;
        letter-spacing: 1px; }
        .navigation-overlay .footer-links ul li a {
          color: #777; }
          html.no-touch .navigation-overlay .footer-links ul li a:hover {
            color: #fff; }
        .navigation-overlay .footer-links ul li:last-child span {
          display: none; }
  .navigation-overlay .background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9); }
  @media only screen and (max-width: 500px) {
    .navigation-overlay .navigation {
      margin-top: -200px; }
      .navigation-overlay .navigation a {
        font-size: 35px;
        height: 57px; }
    .navigation-overlay .footer-links ul li {
      font-size: 7px; } }
  @media only screen and (min-width: 1600px) {
    .navigation-overlay .navigation {
      margin-top: -250px; }
      .navigation-overlay .navigation a {
        font-size: 62px;
        height: 80px; }
    .navigation-overlay .footer-links ul li {
      font-size: 15px; } }
  @media only screen and (max-height: 320px) {
    .navigation-overlay .navigation {
      top: 0;
      margin-top: 0;
      height: 100%; }
      .navigation-overlay .navigation a {
        font-size: 25px;
        height: 35px; } }

.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 25;
  overflow: hidden;
  opacity: 0; }
  .loader-overlay.quick .edel-logo {
    display: block;
    opacity: 1; }
  .loader-overlay .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/loading-background.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; }
  .loader-overlay .loading-bar {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 6px; }
    .loader-overlay .loading-bar div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .loader-overlay .loading-bar .progress {
      background-color: #00ccff;
      z-index: 1;
      width: 0; }
    .loader-overlay .loading-bar .total {
      background-color: #333; }

.video-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  overflow: visible;
  background-color: #fff; }
  html.mobile .video-overlay, html.tablet .video-overlay {
    background: black; }
  .video-overlay .logo-small .white {
    display: block !important; }
  .video-overlay .logo-small .black {
    display: none !important; }
  .video-overlay .close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9999999999999;
    width: 20px;
    height: 20px; }
    .video-overlay .close-button span {
      background-position: -172px -116px;
      width: 20px;
      height: 20px; }
  html.mobile .video-overlay #video-player video, html.tablet .video-overlay #video-player video {
    margin-top: 0 !important; }

#terms-view {
  background-color: #fff;
  color: #333;
  text-align: center;
  top: 60px;
  /*    position: absolute;
      left: 0;*/
  height: auto;
  width: 100%; }
  html.mobile #terms-view {
    height: 100%; }
  #terms-view .container {
    max-width: 1200px;
    margin: 0 auto; }
  #terms-view h1 {
    font-size: 50px;
    width: 60%;
    margin: 0 auto;
    letter-spacing: 5px;
    line-height: 1em; }
  #terms-view hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #333;
    width: 50px; }
  #terms-view p {
    width: 62%;
    margin: 0 auto;
    font-size: 14px;
    margin-bottom: 30px; }
    @media only screen and (min-width: 1600px) {
      #terms-view p {
        font-size: 18px; } }
  #terms-view #header-text p {
    font-size: 1.2em; }
  #terms-view .contents {
    display: block;
    height: 100%;
    min-height: 400px;
    position: relative;
    height: auto;
    bottom: 0; }
    #terms-view .contents .terms-nav {
      width: 280px;
      border-right: 1px solid #00ccff;
      position: absolute;
      left: 40px;
      top: 0;
      height: 100%; }
      #terms-view .contents .terms-nav li {
        font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
        text-transform: uppercase;
        display: block;
        text-align: right;
        letter-spacing: 1.2px;
        padding-right: 20px;
        margin-bottom: 5px; }
        #terms-view .contents .terms-nav li a {
          color: #333;
          font-size: 12px;
          cursor: pointer; }
          #terms-view .contents .terms-nav li a.active {
            color: #00ccff;
            font-size: 16px; }
        @media only screen and (min-width: 1600px) {
          #terms-view .contents .terms-nav li {
            margin-bottom: 10px; }
            #terms-view .contents .terms-nav li a {
              font-size: 12px; }
              #terms-view .contents .terms-nav li a.active {
                font-size: 16px; } }
    #terms-view .contents .term {
      display: none; }
      #terms-view .contents .term h5 {
        display: none; }
      #terms-view .contents .term ul {
        list-style-type: disc;
        margin-left: 56px;
        margin-bottom: 10px; }
        html.mobile #terms-view .contents .term ul {
          margin-left: 17px; }
        #terms-view .contents .term ul li {
          font-size: 13px;
          line-height: 1.6;
          padding-left: 15px;
          text-align: left; }
          html.mobile #terms-view .contents .term ul li {
            font-size: 13px;
            width: 80%; }
    #terms-view .contents .copy {
      position: static;
      top: 0;
      margin-left: 310px;
      margin-right: 40px; }
      html.mobile #terms-view .contents .copy {
        margin-left: 40px; }
    #terms-view .contents p {
      width: auto;
      text-align: left;
      margin-left: 40px;
      margin-right: 40px;
      font-size: 13px;
      margin-bottom: 10px;
      line-height: 1.6; }
      html.mobile #terms-view .contents p {
        margin: 0 0 10px; }
    html.mobile #terms-view .contents h5 {
      text-align: left; }
  @media only screen and (max-width: 768px) {
    #terms-view .term h5 {
      display: block !important; }
    #terms-view .terms-nav {
      display: none; }
    #terms-view .term {
      display: block !important;
      margin-bottom: 30px !important; }
    #terms-view .copy {
      left: 0 !important; } }

#ieOldie-warning {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-align: center;
  display: none; }
  html.lt-i8 #ieOldie-warning {
    display: block; }

#error-view {
  height: 100%; }

#error-welcome {
  height: 100%; }
  #error-welcome h1 {
    color: #333333;
    font-size: 50px;
    width: 75%;
    letter-spacing: 5px;
    line-height: 1.2em;
    text-align: center;
    margin: 0 auto; }
  #error-welcome p {
    max-width: 840px;
    margin: 0 auto 15px;
    text-align: center;
    color: #333333; }
  #error-welcome h4, #error-welcome .scroll-prompt {
    position: absolute;
    bottom: 125px;
    left: 50%;
    margin-left: -150px;
    width: 300px; }
  #error-welcome .v-centered {
    margin-top: -50px;
    text-align: center;
    color: #333333; }

/* ==========================================================================
   Media Print Query
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1; }

body.home header .background {
  opacity: 0 !important; }
body.home .logo-small {
  display: block;
  opacity: 0; }
  @media screen and (min-width: 769px) and (min-height: 600px) {
    body.home .logo-small {
      top: 45%;
      left: 50%;
      width: 220px;
      height: 58px;
      margin-top: -180px;
      margin-left: -103px; }
      body.home .logo-small .white {
        background-size: contain;
        background-position: 0 0; }
      body.home .logo-small .black {
        background-size: contain;
        background-position: 0 0; } }
  html.mobile body.home .logo-small {
    display: block; }
  html.mobile body.home .logo-small, html.tablet body.home .logo-small {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 26;
    width: 140px;
    height: 37px;
    margin-top: 0;
    margin-left: 0; }
body.home .edel-logo.white {
  display: block; }

#home-view {
  height: 100%;
  width: 100%; }
  #home-view h1 {
    max-width: 1000px; }
  #home-view .slideshow-paging {
    display: none; }
  #home-view ul.social-menu {
    position: absolute;
    bottom: 30px;
    left: 0px;
    right: 0;
    text-align: center;
    display: block;
    z-index: 3;
    cursor: pointer; }
    html.mobile #home-view ul.social-menu {
      bottom: 20px; }
    #home-view ul.social-menu li {
      display: inline-block; }
      #home-view ul.social-menu li a {
        display: block;
        padding-top: 1px;
        color: white; }
        #home-view ul.social-menu li a i {
          color: white;
          font-size: 33px; }
          .globe #home-view ul.social-menu li a i {
            font-size: 29px; }
      #home-view ul.social-menu li.globe a i {
        font-size: 29px;
        top: -2px;
        position: relative; }
  #home-view .slick-prev:before,
  #home-view .slick-next:before {
    font-family: "edel-icons";
    font-size: 60px;
    color: white; }
    html.tablet #home-view .slick-prev:before, html.tablet
    #home-view .slick-next:before {
      font-size: 50px; }
    html.mobile #home-view .slick-prev:before, html.mobile
    #home-view .slick-next:before {
      font-size: 40px; }
    html.mobile.portrait #home-view .slick-prev:before, html.mobile.portrait
    #home-view .slick-next:before {
      color: white; }
  #home-view .slick-prev:before {
    content: "\e60f"; }
  #home-view .slick-next:before {
    content: "\e60d"; }
  #home-view .v-centered {
    width: 70%;
    left: 15%;
    position: relative; }
  html.mobile.landscape #home-view .title-elements .title {
    font-size: 30px !important; }

#tmpMagazineContent {
  display: none !important; }

.magazine header .background {
  opacity: 0.9; }

header #magazine-filters {
  display: inline-block;
  margin-right: 11px;
  top: 2px;
  position: relative; }
  header #magazine-filters ::-webkit-input-placeholder {
    color: #333333; }
  header #magazine-filters :-moz-placeholder {
    color: #333333; }
  header #magazine-filters ::-moz-placeholder {
    color: #333333; }
  header #magazine-filters :-ms-input-placeholder {
    color: #333333; }
  header #magazine-filters #magazineFilterToggle.filterSelected i {
    color: #00ccff; }
  html.mobile.landscape header #magazine-filters {
    margin-right: 28px; }
  @media only screen and (max-width: 768px) {
    header #magazine-filters {
      margin-right: 30px !important; } }
  header #magazine-filters .icon-nav {
    margin: 0; }
    header #magazine-filters .icon-nav i {
      color: #333333;
      font-size: 33px;
      line-height: 0.8; }
      header #magazine-filters .icon-nav i:hover {
        color: #00ccff !important; }
    header #magazine-filters .icon-nav .favourites {
      z-index: 20; }
      header #magazine-filters .icon-nav .favourites .edel-icon-like {
        color: #00ccff;
        display: none; }
      header #magazine-filters .icon-nav .favourites .edel-icon-like-empty {
        color: #333333;
        display: block; }
    header #magazine-filters .icon-nav .filter {
      position: relative; }
      header #magazine-filters .icon-nav .filter .edel-icon-filter {
        color: #333333; }
      header #magazine-filters .icon-nav .filter ul {
        width: auto;
        position: absolute;
        top: 31px;
        padding: 0 5px;
        border: 1px solid grey;
        background: white;
        display: none; }
        header #magazine-filters .icon-nav .filter ul li {
          color: grey;
          display: block;
          padding: 5px 0;
          border-bottom: 1px solid grey;
          font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif;
          text-transform: uppercase;
          white-space: nowrap; }
          header #magazine-filters .icon-nav .filter ul li:hover {
            color: #00ccff; }
          header #magazine-filters .icon-nav .filter ul li:last-child {
            border-bottom: none; }
    header #magazine-filters .icon-nav .globe {
      display: none !important; }
    header #magazine-filters .icon-nav .filter,
    header #magazine-filters .icon-nav .favourites,
    header #magazine-filters .icon-nav .search,
    header #magazine-filters .icon-nav .globe {
      float: left;
      margin-right: 5px;
      cursor: pointer;
      position: relative; }
      html.mobile.portrait header #magazine-filters .icon-nav .filter, html.mobile.portrait
      header #magazine-filters .icon-nav .favourites, html.mobile.portrait
      header #magazine-filters .icon-nav .search, html.mobile.portrait
      header #magazine-filters .icon-nav .globe {
        margin-right: 0; }
      header #magazine-filters .icon-nav .filter.searchShowing i.edel-icon-search,
      header #magazine-filters .icon-nav .favourites.searchShowing i.edel-icon-search,
      header #magazine-filters .icon-nav .search.searchShowing i.edel-icon-search,
      header #magazine-filters .icon-nav .globe.searchShowing i.edel-icon-search {
        color: #00ccff; }
    header #magazine-filters .icon-nav .search .custom-style-input {
      position: absolute;
      right: 100%;
      border: 1px solid #333;
      height: 25px;
      width: 225px;
      padding-right: 25px;
      outline: none;
      color: #333;
      width: 0;
      display: none;
      overflow: hidden;
      font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif;
      text-transform: uppercase;
      padding-left: 5px;
      letter-spacing: 1px;
      z-index: 1; }
    header #magazine-filters .icon-nav .search .edel-icon-cross {
      font-size: 20px;
      position: absolute;
      top: 6px;
      right: 35px;
      opacity: 0;
      z-index: 1; }
  header #magazine-filters.showing-favourites .icon-nav .favourites .edel-icon-like {
    display: block; }
  header #magazine-filters.showing-favourites .icon-nav .favourites .edel-icon-like-empty {
    display: none; }

#magazine-view {
  width: 100%;
  height: 100%; }
  #magazine-view .slideshow-paging {
    cursor: pointer; }
    html.tablet #magazine-view .slideshow-paging, html.mobile #magazine-view .slideshow-paging {
      display: none !important; }
  #magazine-view #magazine-posts {
    height: auto;
    overflow: hidden;
    padding-bottom: 50px; }
    #magazine-view #magazine-posts.columns .quote.post {
      margin-bottom: -50px; }
    #magazine-view #magazine-posts.columns .post {
      margin-bottom: 30px; }
    #magazine-view #magazine-posts.detail {
      width: 60%;
      margin: 0 auto; }
      @media only screen and (max-width: 500px) {
        #magazine-view #magazine-posts.detail {
          width: 100%; } }
      #magazine-view #magazine-posts.detail .post .contents .extended {
        display: block; }
    #magazine-view #magazine-posts .like-holder {
      padding: 20px;
      margin: -20px; }
  #magazine-view .column.left {
    float: left;
    width: 50%;
    height: auto; }
    #magazine-view .column.left .post ul.post-menu {
      left: 20px; }
    #magazine-view .column.left .notch {
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 0;
      height: 0;
      border-bottom: 50px solid white;
      border-left: 50px solid transparent; }
    #magazine-view .column.left .box {
      position: absolute;
      bottom: -1px;
      left: 50px;
      height: 50px;
      width: 100%;
      background-color: white; }
  #magazine-view .column.right {
    float: left;
    width: 50%;
    height: auto;
    padding-top: 35px; }
    #magazine-view .column.right .post {
      text-align: left; }
      #magazine-view .column.right .post ul.post-menu {
        right: 20px; }
    html.tablet #magazine-view .column.right .like-holder {
      margin-right: 20px; }
    #magazine-view .column.right .notch {
      position: absolute;
      bottom: -1px;
      right: 0;
      width: 0;
      height: 0;
      border-bottom: 50px solid white;
      border-right: 50px solid transparent; }
    #magazine-view .column.right .box {
      position: absolute;
      bottom: -1px;
      right: 50px;
      height: 50px;
      width: 100%;
      background-color: white; }
  #magazine-view .post {
    width: 100%;
    padding-bottom: 40px;
    overflow: hidden;
    position: relative;
    background-color: white; }
    #magazine-view .post .author {
      font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
      font-size: 23px;
      letter-spacing: 2px;
      margin-bottom: 20px; }
      #magazine-view .post .author .author-link {
        cursor: pointer;
        color: #00ccff; }
    #magazine-view .post.single-view {
      margin-top: 30px; }
      #magazine-view .post.single-view .header {
        width: 70%;
        float: left; }
        #magazine-view .post.single-view .header h1 {
          color: #333333; }
      #magazine-view .post.single-view .back-link {
        float: right; }
        #magazine-view .post.single-view .back-link a {
          display: inline-block;
          background: #00ccff;
          color: white;
          font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
          letter-spacing: 2px;
          padding: 7px 10px 10px; }
      #magazine-view .post.single-view .image {
        clear: both;
        margin-bottom: 6px; }
      #magazine-view .post.single-view .contents {
        padding: 0; }
      #magazine-view .post.single-view .post-footer-view ul.social-menu {
        margin-right: 0; }
    #magazine-view .post .extend {
      cursor: pointer; }
    #magazine-view .post.regular .contents {
      padding-top: 30px !important; }
    #magazine-view .post.regular.extended {
      background-color: #f8f8f8;
      text-align: left; }
      #magazine-view .post.regular.extended .notch {
        border-bottom-color: #f8f8f8; }
      #magazine-view .post.regular.extended .box {
        background-color: #f8f8f8; }
    #magazine-view .post.favorite ul.post-menu .like span {
      background-position: -59px -118px; }
    #magazine-view .post ul.post-menu {
      position: absolute;
      top: 35px;
      z-index: 2;
      width: 30px; }
      #magazine-view .post ul.post-menu.grey .like span {
        background-position: -3px -118px; }
      #magazine-view .post ul.post-menu.grey .share span {
        background-position: -86px -116px; }
      #magazine-view .post ul.post-menu li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 3px 0; }
      #magazine-view .post ul.post-menu span {
        width: 20px;
        height: 20px;
        margin: 0 auto; }
      #magazine-view .post ul.post-menu .like a span {
        background-position: -31px -118px; }
      #magazine-view .post ul.post-menu .share a span {
        background-position: -115px -116px; }
    #magazine-view .post .post-footer-view {
      box-sizing: border-box;
      width: 100%;
      text-align: left;
      margin-top: 30px;
      padding: 0 70px; }
      @media only screen and (max-width: 600px) {
        #magazine-view .post .post-footer-view {
          padding: 0 30px; } }
      #magazine-view .post .post-footer-view .button.blue {
        float: left;
        cursor: pointer;
        margin: 0; }
      #magazine-view .post .post-footer-view ul.social-menu {
        float: right;
        margin-right: 0px;
        z-index: 3;
        cursor: pointer; }
        #magazine-view .post .post-footer-view ul.social-menu li {
          display: inline-block; }
          #magazine-view .post .post-footer-view ul.social-menu li a {
            display: block;
            padding-top: 1px;
            color: red; }
            #magazine-view .post .post-footer-view ul.social-menu li a i {
              color: #00CCFF;
              font-size: 33px; }
    #magazine-view .post .image {
      position: relative; }
      #magazine-view .post .image .title-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background: rgba(1, 0, 0, 0.8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc010000', endColorstr='#cc333333',GradientType=0 );
        /* IE6-9 */ }
        #magazine-view .post .image .title-overlay h3 {
          color: #fff;
          margin: 35px 60px;
          font-size: 28px; }
        #magazine-view .post .image .title-overlay .category {
          position: absolute;
          bottom: 50px;
          left: 0;
          right: 0;
          padding: 25px 60px;
          border-top: 1px solid #2ACDF2; }
          #magazine-view .post .image .title-overlay .category h5 {
            margin: 0;
            font-size: 20px; }
        #magazine-view .post .image .title-overlay .v-centered > div {
          text-align: center; }
    #magazine-view .post img {
      width: 100%;
      height: auto; }
    #magazine-view .post h3 {
      color: #444;
      margin-bottom: 30px; }
    #magazine-view .post p {
      color: #333333;
      margin: 0; }
      #magazine-view .post p .bold {
        font-weight: bold;
        color: #333;
        text-transform: uppercase;
        display: block; }
    #magazine-view .post .contents {
      padding: 0 70px; }
      @media only screen and (max-width: 600px) {
        #magazine-view .post .contents {
          padding: 0 30px; } }
      #magazine-view .post .contents .header .date {
        font-size: 18px;
        margin-bottom: 15px; }
      #magazine-view .post .contents .header h1 {
        color: #333333;
        font-size: 49px;
        margin: 5px 0 10px;
        text-transform: uppercase; }
        html.mobile #magazine-view .post .contents .header h1, html.tablet #magazine-view .post .contents .header h1 {
          font-size: 34px; }
      #magazine-view .post .contents .header h3 {
        margin: 0 0 35px;
        color: #333333;
        font-size: 22px;
        text-transform: uppercase; }
        html.mobile #magazine-view .post .contents .header h3, html.tablet #magazine-view .post .contents .header h3 {
          font-size: 18px; }
      #magazine-view .post .contents .preview {
        overflow: hidden; }
      #magazine-view .post .contents .extended {
        overflow: hidden;
        display: none; }
        #magazine-view .post .contents .extended h1 {
          color: #333;
          margin-bottom: 4px; }
        #magazine-view .post .contents .extended h3 {
          font-size: 15px; }
        #magazine-view .post .contents .extended p {
          margin-bottom: 15px; }
        #magazine-view .post .contents .extended .date {
          margin-bottom: -2px; }
    #magazine-view .post.small .contents > h3 {
      margin-bottom: 10px;
      margin-top: 20px;
      text-align: right; }
    #magazine-view .post.quote {
      position: relative; }
      #magazine-view .post.quote .container {
        position: relative;
        text-align: center; }
      #magazine-view .post.quote .title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: -15px; }
      #magazine-view .post.quote .background {
        background-position: -13px -244px;
        width: 145px;
        height: 126px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -80px;
        margin-top: -86px;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5); }
        @media only screen and (max-width: 1200px) {
          #magazine-view .post.quote .background {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1); } }
      #magazine-view .post.quote p {
        text-align: center !important;
        text-transform: uppercase;
        font-weight: bold; }
        @media only screen and (max-width: 1600px) {
          #magazine-view .post.quote p {
            font-size: 18px; } }
        @media only screen and (max-width: 1200px) {
          #magazine-view .post.quote p {
            font-size: 11px; } }
      #magazine-view .post.quote h3 {
        margin-bottom: 15px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.4; }
    #magazine-view .post.mini .v-centered > div {
      width: 50%; }
    #magazine-view .post.mini .v-centered h3 {
      text-align: center;
      padding: 0 10%;
      margin-bottom: 0; }
    #magazine-view .post.video .play-icon {
      margin-top: 0; }
    #magazine-view .post.video .over {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 124, 214, 0.8)), color-stop(100%, rgba(0, 245, 255, 0.8)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(0, 124, 214, 0.8) 0%, rgba(0, 245, 255, 0.8) 100%);
      /* Chrome10+,Safari5.1+ */
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(0, 124, 214, 0.8) 0%, rgba(0, 245, 255, 0.8) 100%);
      /* IE10+ */
      background: linear, compact(to bottom, rgba(0, 124, 214, 0.8) 0%, rgba(0, 245, 255, 0.8) 100%, false, false, false, false, false, false, false, false);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc007cd6', endColorstr='#cc00f5ff',GradientType=0 );
      /* IE6-9 */ }
    #magazine-view .post.no-preview.extended .plus-icon {
      visibility: hidden; }
    #magazine-view .post.no-preview .extended {
      margin-top: 50px; }
    #magazine-view .post.no-preview .image .title {
      margin-top: 0px; }
  #magazine-view .post.is-hovered {
    background-color: #EDEDED; }
    #magazine-view .post.is-hovered .box {
      background-color: #EDEDED; }
    #magazine-view .post.is-hovered .notch {
      border-bottom-color: #EDEDED; }

#magazine-overview {
  margin-top: -80px;
  padding-top: 80px;
  box-sizing: border-box; }
  #magazine-overview .slideshow-paging {
    bottom: -25px; }

.post a {
  color: #00ccff; }
.post .contents ul {
  list-style: disc;
  margin-left: 30px;
  color: #333333; }
  .post .contents ul li {
    color: inherit;
    list-style: disc;
    font-size: 1.2em;
    line-height: 27px;
    color: inherit;
    margin-bottom: 15px; }

.magazine-filter-header {
  box-sizing: border-box;
  text-align: right;
  width: 50%;
  float: right;
  padding-right: 30px; }
  html.mobile .magazine-filter-header, html.tablet .magazine-filter-header {
    text-align: left;
    width: 100%;
    padding-left: 15px; }
    html.mobile .magazine-filter-header h2, html.mobile .magazine-filter-header h3, html.tablet .magazine-filter-header h2, html.tablet .magazine-filter-header h3 {
      line-height: 1.2; }
  .magazine-filter-header h2,
  .magazine-filter-header h3 {
    color: #00CCFF;
    margin-bottom: 10px;
    letter-spacing: 4px; }
  .magazine-filter-header h2 {
    font-size: 52px;
    line-height: 0.9; }
  .magazine-filter-header h3 {
    font-size: 28px;
    line-height: 0.7; }
  .magazine-filter-header .highlight-cyan {
    color: #00ccff; }

.deeplink-title {
  font-size: 3.2em; }

.magazine-author-header {
  box-sizing: border-box;
  text-align: left;
  width: 50%;
  float: left;
  padding-left: 30px;
  padding-bottom: 30px; }
  html.mobile .magazine-author-header, html.tablet .magazine-author-header {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px; }
    html.mobile .magazine-author-header p, html.tablet .magazine-author-header p {
      padding-left: 0;
      margin: 0 !important; }
    html.mobile .magazine-author-header .profile-pic, html.tablet .magazine-author-header .profile-pic {
      margin-right: 15px;
      width: 25%;
      height: auto;
      padding: 30px 0 0 0; }
    html.mobile .magazine-author-header h3, html.tablet .magazine-author-header h3 {
      border-top: solid 1px #cccccc;
      padding: 30px 0; }
  html.mobile .magazine-author-header p {
    clear: both; }
  .magazine-author-header h2,
  .magazine-author-header h3 {
    color: #333333;
    margin-bottom: 10px;
    letter-spacing: 7px; }
  .magazine-author-header h2 {
    font-size: 37px; }
  .magazine-author-header .profile-pic {
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 30px; }
    .magazine-author-header .profile-pic img {
      width: 100%;
      height: auto; }
  .magazine-author-header p {
    color: #333333;
    padding-left: 180px; }
  .magazine-author-header .highlight-cyan {
    color: #00ccff; }

.extended .extend.button.blue {
  display: none !important; }

.extended .close.button.blue {
  display: block !important; }

.link-display-holder {
  display: inline-block;
  color: #00CCFF;
  border-bottom: 1px solid #00CCFF;
  float: right;
  margin-top: 20px;
  margin-bottom: -20px;
  padding-top: 2.5px;
  padding-bottom: 7.5px;
  text-align: left;
  padding-left: 2.5px; }
  html.mobile .link-display-holder {
    float: none;
    font-size: 12px !important; }

.careers .cursors {
  display: none !important; }

.careers header .background {
  opacity: 0.9 !important; }

#careers-view {
  height: 100%;
  width: 100%; }
  #careers-view .slideshow-paging {
    cursor: pointer; }

#careers-overview {
  margin-top: -80px;
  padding-top: 80px;
  box-sizing: border-box; }
  #careers-overview .slideshow-paging {
    bottom: -25px; }

#careers-welcome, #careers-graduates .title-text {
  background-color: #fff;
  color: #333;
  text-align: center; }
  #careers-welcome h1, #careers-graduates .title-text h1 {
    font-size: 50px;
    width: 60%;
    margin: 0 auto;
    letter-spacing: 5px;
    line-height: 1.2em; }
  #careers-welcome hr, #careers-graduates .title-text hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #333;
    width: 50px; }
  #careers-welcome p, #careers-graduates .title-text p {
    width: 60%;
    margin: 0 auto; }
  #careers-welcome a, #careers-graduates .title-text a {
    color: #00ccff; }
  #careers-welcome a.play-icon, #careers-graduates .title-text a.play-icon {
    margin-top: 30px;
    margin-bottom: 20px; }

#careers-welcome h1 {
  font-size: 50px;
  width: 75%;
  letter-spacing: 5px;
  line-height: 1.2em; }
#careers-welcome p {
  margin-bottom: 10px;
  max-width: 840px; }
#careers-welcome h4, #careers-welcome .scroll-prompt {
  position: absolute;
  bottom: 125px;
  left: 50%;
  margin-left: -150px;
  width: 300px; }
#careers-welcome .v-centered {
  margin-top: -50px; }

@media only screen and (max-width: 900px) {
  #careers-graduates .slick-slider {
    overflow: visible; } }
#careers-graduates .v-centered-js {
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Safari */
  transform: translateY(-50%); }
#careers-graduates .title-text.v-centered-js {
  position: relative; }
  #careers-graduates .title-text.v-centered-js h1 {
    line-height: normal; }
#careers-graduates ul.paging-dots {
  position: absolute;
  bottom: 25px;
  left: 35px;
  width: 100%; }
  html.mobile #careers-graduates ul.paging-dots {
    display: none !important; }
  #careers-graduates ul.paging-dots li {
    background: url("../img/apprentice-carousel-dot2.png") no-repeat 0 0;
    text-indent: 0;
    background-size: contain;
    width: 18px;
    margin-right: 13px; }
    #careers-graduates ul.paging-dots li.slick-active {
      background: url("../img/apprentice-carousel-dot-active2.png") no-repeat 0 0;
      background-size: contain;
      width: 18px;
      margin-right: 13px; }
#careers-graduates .edel-icon-play {
  font-size: 120px;
  line-height: 250px;
  text-indent: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 8000; }
#careers-graduates .slideshow-light .slick-prev:before, #careers-graduates .slideshow-light .slick-next:before {
  color: white; }
#careers-graduates .slideshow-dark .slick-prev:before, #careers-graduates .slideshow-dark .slick-next:before {
  color: black; }
#careers-graduates .slick-prev:before,
#careers-graduates .slick-next:before {
  font-family: "edel-icons";
  font-size: 60px; }
  html.tablet #careers-graduates .slick-prev:before, html.tablet
  #careers-graduates .slick-next:before {
    font-size: 50px; }
  html.mobile #careers-graduates .slick-prev:before, html.mobile
  #careers-graduates .slick-next:before {
    font-size: 40px; }
#careers-graduates .slick-prev:before {
  content: "\e60f"; }
#careers-graduates .slick-next:before {
  content: "\e60d"; }
#careers-graduates .slick-slide.title-text h1 {
  width: 90%; }
html.mobile.portrait #careers-graduates .apprentice-slide .v-centered > div {
  padding-left: 35px !important;
  padding-right: 35px !important;
  padding-top: 230px !important;
  color: #333 !important;
  text-align: center !important; }
#careers-graduates .apprentice-slide .v-centered.center-bottom > div {
  vertical-align: bottom;
  text-align: center;
  padding-bottom: 150px;
  padding-left: 20%;
  padding-right: 20%; }
  html.mobile.portrait #careers-graduates .apprentice-slide .v-centered.center-bottom > div {
    /* padding-bottom: 25px; */ }
html.mobile.portrait #careers-graduates .apprentice-slide .image {
  background-size: contain !important;
  background-position: top !important;
  background-repeat: no-repeat; }

html.mobile.portrait #careers-spotlight .slideshow {
  background: #eee; }
html.mobile.portrait #careers-spotlight .slideshow .image {
  background-size: contain !important;
  background-position: top !important;
  background-repeat: no-repeat; }
#careers-spotlight .slideshow p {
  /*            width: 75%;
              margin: 0 auto;*/
  clear: both; }
html.mobile.portrait #careers-spotlight .slideshow h1 {
  letter-spacing: 2px; }
#careers-spotlight .slideshow h2 {
  font-size: 2em; }
html.mobile.portrait #careers-spotlight .slideshow hr {
  display: none !important; }
#careers-spotlight .slideshow .v-centered.top-left > div {
  vertical-align: top;
  text-align: left;
  padding-top: 150px;
  padding-left: 10%;
  padding-right: 40%; }
  html.mobile.portrait #careers-spotlight .slideshow .v-centered.top-left > div {
    padding-left: 55px;
    padding-right: 55px; }
  #careers-spotlight .slideshow .v-centered.top-left > div hr {
    float: left; }
    html.mobile.portrait #careers-spotlight .slideshow .v-centered.top-left > div hr {
      display: none !important; }
#careers-spotlight .slideshow .v-centered.middle-left > div {
  vertical-align: middle;
  text-align: left;
  padding-left: 10%;
  padding-right: 40%; }
  #careers-spotlight .slideshow .v-centered.middle-left > div hr {
    float: left; }
#careers-spotlight .slideshow .v-centered.bottom-left > div {
  vertical-align: bottom;
  text-align: left;
  padding-bottom: 150px;
  padding-left: 10%;
  padding-right: 40%; }
  #careers-spotlight .slideshow .v-centered.bottom-left > div hr {
    float: left; }
#careers-spotlight .slideshow .v-centered.top-right > div {
  vertical-align: top;
  text-align: right;
  padding-top: 150px;
  padding-right: 10%;
  padding-left: 40%; }
  #careers-spotlight .slideshow .v-centered.top-right > div hr {
    float: right; }
#careers-spotlight .slideshow .v-centered.middle-right > div {
  vertical-align: middle;
  text-align: right;
  padding-right: 10%;
  padding-left: 40%; }
  #careers-spotlight .slideshow .v-centered.middle-right > div hr {
    float: right; }
#careers-spotlight .slideshow .v-centered.bottom-right > div {
  vertical-align: bottom;
  text-align: center;
  padding-bottom: 150px;
  padding-right: 10%;
  padding-left: 40%; }
  #careers-spotlight .slideshow .v-centered.bottom-right > div hr {
    float: right; }
#careers-spotlight .slideshow .v-centered.top-center > div {
  vertical-align: top;
  text-align: center;
  padding-top: 150px;
  padding-left: 20%;
  padding-right: 20%; }
#careers-spotlight .slideshow .v-centered.middle-center > div {
  vertical-align: middle;
  text-align: center;
  padding-left: 20%;
  padding-right: 20%; }
#careers-spotlight .slideshow .v-centered.bottom-center > div {
  vertical-align: bottom;
  text-align: center;
  padding-bottom: 150px;
  padding-left: 20%;
  padding-right: 20%; }
html.mobile.portrait #careers-spotlight .slideshow .v-centered > div {
  padding-left: 35px !important;
  padding-right: 35px !important;
  padding-top: 230px !important;
  color: #333 !important;
  text-align: center !important; }
#careers-spotlight .slideshow .slick-prev:before,
#careers-spotlight .slideshow .slick-next:before {
  font-family: "edel-icons";
  font-size: 60px;
  color: white; }
  html.tablet #careers-spotlight .slideshow .slick-prev:before, html.tablet
  #careers-spotlight .slideshow .slick-next:before {
    font-size: 50px; }
  html.mobile #careers-spotlight .slideshow .slick-prev:before, html.mobile
  #careers-spotlight .slideshow .slick-next:before {
    font-size: 40px; }
  html.mobile.portrait #careers-spotlight .slideshow .slick-prev:before, html.mobile.portrait
  #careers-spotlight .slideshow .slick-next:before {
    color: #333333; }
#careers-spotlight .slideshow .slick-prev:before {
  content: "\e60f"; }
#careers-spotlight .slideshow .slick-next:before {
  content: "\e60d"; }

#careers-apprentice-form {
  color: #333;
  text-align: center;
  height: auto;
  overflow-x: hidden; }
  @media only screen and (max-width: 420px) {
    #careers-apprentice-form {
      display: none; } }
  #careers-apprentice-form h1 {
    margin-top: 90px;
    letter-spacing: 5px; }
  #careers-apprentice-form form {
    font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
    overflow: hidden;
    display: inline-block; }
    @media only screen and (max-width: 900px) {
      #careers-apprentice-form form {
        width: 420px; } }
    #careers-apprentice-form form .field {
      clear: both;
      margin-bottom: 7px;
      overflow: hidden; }
    #careers-apprentice-form form .left, #careers-apprentice-form form .right {
      width: 420px;
      float: left;
      text-align: left; }
    #careers-apprentice-form form .left {
      margin-right: 15px; }
    #careers-apprentice-form form label {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      margin-top: 5px;
      margin-right: 5px;
      float: left; }
    #careers-apprentice-form form input {
      color: #333;
      border: 0;
      border-bottom: 1px solid #333;
      font-size: 12px;
      padding: 5px;
      float: left; }
      #careers-apprentice-form form input:focus {
        outline: 0; }
    #careers-apprentice-form form .part {
      margin-bottom: 20px; }
    #careers-apprentice-form form .checkset .field label {
      font-size: 9px; }
    #careers-apprentice-form form .checkset .field input[type='checkbox'] {
      margin-right: 7px;
      margin-top: 6px; }
    #careers-apprentice-form form .part-1 label {
      width: 90px; }
    #careers-apprentice-form form .part-1 input {
      width: 310px; }
    #careers-apprentice-form form .part-3 label {
      width: 190px; }
    #careers-apprentice-form form .part-3 input {
      width: 210px; }
    #careers-apprentice-form form .part-4 label {
      width: 90px; }
    #careers-apprentice-form form .part-4 input {
      width: 310px; }
    #careers-apprentice-form form .part-5.checkset > label {
      margin-bottom: 10px; }
    #careers-apprentice-form form .part-6 textarea {
      margin-top: 15px;
      color: #333;
      font-size: 12px;
      width: 98%;
      height: 145px; }
    #careers-apprentice-form form .part-7 {
      margin-top: 35px; }
      #careers-apprentice-form form .part-7 .field.upload {
        text-align: center;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        padding-bottom: 20px; }
      #careers-apprentice-form form .part-7 .field.checkset {
        text-align: left; }
      #careers-apprentice-form form .part-7 .message {
        margin-top: 67px; }
      #careers-apprentice-form form .part-7 .upload-button {
        position: relative; }
        #careers-apprentice-form form .part-7 .upload-button input {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          opacity: 0;
          padding: 20px;
          width: 100%;
          box-sizing: border-box;
          cursor: pointer; }
        #careers-apprentice-form form .part-7 .upload-button button {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          display: block;
          width: 100%;
          background-color: #333;
          height: 57px;
          font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
          letter-spacing: 1px;
          color: #fff;
          margin-bottom: 10px; }
          #careers-apprentice-form form .part-7 .upload-button button.active {
            border: 1px solid #333;
            background-color: #fff;
            color: #333; }
      #careers-apprentice-form form .part-7 h5 {
        text-transform: none;
        font-family: "Times New Roman", Georgia, Serif;
        font-size: 11px;
        margin-bottom: 0; }
    #careers-apprentice-form form a.apply {
      display: block;
      width: 100%;
      background-color: #00ccff;
      height: 57px;
      font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
      letter-spacing: 1px; }

#careers-openings {
  max-width: 1400px;
  min-height: 100%;
  height: auto;
  color: #333;
  background-color: #fff;
  padding: 30px;
  padding-top: 60px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 40px; }
  #careers-openings h1 {
    letter-spacing: 6px;
    margin-top: 80px;
    margin-bottom: 20px; }
  #careers-openings hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #333;
    width: 50px; }
  #careers-openings .entry-container > a {
    color: #00ccff; }
  #careers-openings ul.browser {
    display: inline-block;
    padding: 30px;
    width: 100%;
    box-sizing: border-box; }
    @media only screen and (max-width: 540px) {
      #careers-openings ul.browser {
        padding: 30px 0; } }
  #careers-openings ul.mini-browser {
    display: inline-block;
    margin-top: 20px; }
    #careers-openings ul.mini-browser .column {
      float: left; }
    #careers-openings ul.mini-browser li.entry {
      float: none; }
  #careers-openings li.entry {
    text-align: left;
    width: 100%;
    box-sizing: border-box; }
    #careers-openings li.entry h3 {
      font-size: 40px;
      margin-bottom: 0; }
    #careers-openings li.entry > h3 {
      border-top: 1px #666 solid;
      padding: 12px 0;
      position: relative; }
      #careers-openings li.entry > h3 a {
        width: 90%;
        display: block; }
      #careers-openings li.entry > h3 .plus-icon, #careers-openings li.entry > h3 .close-icon-blue {
        display: none;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -15px; }
      #careers-openings li.entry > h3 .close-icon-blue {
        margin-top: -12px;
        margin-right: -3px; }
    #careers-openings li.entry h3 a {
      color: #333;
      outline: 0; }
    #careers-openings li.entry a {
      outline: 0; }
    #careers-openings li.entry hr {
      border-color: #00ccff; }
    #careers-openings li.entry h5 {
      float: left; }
    html.no-touch #careers-openings li.entry:hover h3 a {
      color: #22ccf3; }
    html.no-touch #careers-openings li.entry:hover h3 .plus-icon {
      display: block; }
    #careers-openings li.entry.expanded h3 a {
      color: #22ccf3 !important; }
    #careers-openings li.entry.expanded h3 .plus-icon {
      display: block !important; }
    #careers-openings li.entry .detail {
      display: none;
      height: 0;
      overflow: hidden;
      opacity: 0;
      box-sizing: border-box; }
      #careers-openings li.entry .detail a {
        float: left;
        margin-top: 10px; }
      #careers-openings li.entry .detail ul.social-menu {
        display: block;
        float: right;
        z-index: 3;
        cursor: pointer; }
        #careers-openings li.entry .detail ul.social-menu li {
          display: inline-block; }
          #careers-openings li.entry .detail ul.social-menu li a {
            display: block;
            padding-top: 1px;
            color: red; }
            #careers-openings li.entry .detail ul.social-menu li a i {
              color: #00CCFF;
              font-size: 33px; }
    @media only screen and (max-width: 1600px) {
      #careers-openings li.entry h3 {
        font-size: 35px; } }
    @media only screen and (max-width: 1000px) {
      #careers-openings li.entry h3 {
        font-size: 30px; } }
    @media only screen and (max-width: 700px) {
      #careers-openings li.entry h3 {
        font-size: 18px; } }

html.tablet.portrait #about-leadership img {
  top: 13% !important; }

html.mobile .panel.no-resize {
  height: auto !important;
  min-height: 400px !important; }
  html.mobile .panel.no-resize:first-child {
    padding-top: 80px; }
  html.mobile .panel.no-resize .v-centered-js {
    position: static !important;
    margin-top: 0 !important; }

html #ed-container.leadership-header header .background {
  opacity: 0.9;
  background-color: #e6e9ef;
  -webkit-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear; }

#mobileLeadership {
  display: none; }

#desktopLeadership {
  display: block;
  height: 100%;
  width: 100%; }

html.mobile #desktopLeadership {
  display: none; }

html.mobile #about-leadership.panel #mobileLeadership {
  display: block; }
  html.mobile #about-leadership.panel #mobileLeadership .slick-prev,
  html.mobile #about-leadership.panel #mobileLeadership .slick-next {
    top: 30%; }
  html.mobile #about-leadership.panel #mobileLeadership .slick-prev:before,
  html.mobile #about-leadership.panel #mobileLeadership .slick-next:before {
    font-family: "edel-icons";
    font-size: 60px;
    color: #333333; }
    html.tablet html.mobile #about-leadership.panel #mobileLeadership .slick-prev:before, html.tablet
    html.mobile #about-leadership.panel #mobileLeadership .slick-next:before {
      font-size: 50px; }
    html.mobile html.mobile #about-leadership.panel #mobileLeadership .slick-prev:before, html.mobile
    html.mobile #about-leadership.panel #mobileLeadership .slick-next:before {
      font-size: 40px; }
    html.mobile.portrait html.mobile #about-leadership.panel #mobileLeadership .slick-prev:before, html.mobile.portrait
    html.mobile #about-leadership.panel #mobileLeadership .slick-next:before {
      color: #333333; }
  html.mobile #about-leadership.panel #mobileLeadership .slick-prev:before {
    content: "\e60f"; }
  html.mobile #about-leadership.panel #mobileLeadership .slick-next:before {
    content: "\e60d"; }
  html.mobile #about-leadership.panel #mobileLeadership .v-centered {
    width: 90%;
    left: 5%;
    position: relative; }
  html.mobile #about-leadership.panel #mobileLeadership .slick-slide .image {
    height: 40%;
    width: 100%; }
  html.mobile #about-leadership.panel #mobileLeadership .title-elements {
    top: 20px !important; }

#about-view {
  height: 100%;
  width: 100%; }
  #about-view .arrow.prev-section {
    top: 2px;
    bottom: initial;
    background-position: -13px -210px; }
  #about-view .column {
    position: absolute;
    top: 0;
    width: 33%;
    height: 100%;
    background-color: #333333; }
  #about-view .column.left {
    left: 0; }
    #about-view .column.left .count {
      right: 40px; }
    #about-view .column.left .mask {
      margin-left: 30px; }
  #about-view .column.middle {
    left: 33%;
    overflow: hidden;
    background: white;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #cccccc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #cccccc 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #cccccc 100%);
    /* IE10+ */
    background: linear, compact(to bottom, white 0%, #cccccc 100%, false, false, false, false, false, false, false, false);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
    /* IE6-9 */ }
  #about-view .column.right {
    right: 0; }
    #about-view .column.right .count {
      left: 40px; }
    #about-view .column.right .mask {
      float: right;
      margin-right: 30px; }
  #about-view .column.left .contents, #about-view .column.right .contents, #about-view #about-awards-mini .contents {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 400px;
    margin-top: -215px;
    margin-left: -100px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4); }
    @media only screen and (max-height: 900px) {
      #about-view .column.left .contents, #about-view .column.right .contents, #about-view #about-awards-mini .contents {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); } }
    #about-view .column.left .contents ul, #about-view .column.right .contents ul, #about-view #about-awards-mini .contents ul {
      width: 100%;
      margin: 0 auto; }
      html.tablet.landscape #about-view .column.left .contents ul, html.tablet.landscape #about-view .column.right .contents ul, html.tablet.landscape #about-view #about-awards-mini .contents ul {
        margin-top: 60px; }
      #about-view .column.left .contents ul li, #about-view .column.right .contents ul li, #about-view #about-awards-mini .contents ul li {
        position: relative;
        height: 85px;
        width: 100%;
        border-bottom: 1px solid #333;
        cursor: pointer;
        					/*
        					&:hover {
        
        						html.no-touch & img {
        							margin-left:-85px;
        						}
        					}*/ }
        #about-view .column.left .contents ul li.active img, #about-view .column.right .contents ul li.active img, #about-view #about-awards-mini .contents ul li.active img {
          margin-left: -85px; }
        #about-view .column.left .contents ul li.active .count, #about-view .column.right .contents ul li.active .count, #about-view #about-awards-mini .contents ul li.active .count {
          color: #22ccf3; }
        #about-view .column.left .contents ul li .mask, #about-view .column.right .contents ul li .mask, #about-view #about-awards-mini .contents ul li .mask {
          width: 85px;
          overflow: hidden; }
          #about-view .column.left .contents ul li .mask img, #about-view .column.right .contents ul li .mask img, #about-view #about-awards-mini .contents ul li .mask img {
            height: 85px; }
        #about-view .column.left .contents ul li .count, #about-view .column.right .contents ul li .count, #about-view #about-awards-mini .contents ul li .count {
          position: absolute;
          top: 36px; }
  #about-view #about-overview {
    margin-top: -80px;
    padding-top: 80px;
    box-sizing: border-box; }
    #about-view #about-overview .slideshow-paging {
      bottom: -25px; }
  #about-view .slideshow-paging {
    cursor: pointer; }
  @media only screen and (max-width: 900px) {
    #about-view .column.left {
      display: none; }
    #about-view .column.right {
      display: none; }
    #about-view .column.middle {
      position: relative;
      top: auto !important;
      left: auto !important;
      float: none;
      width: 100%; } }

#about-welcome,
#about-what-we-do {
  background-color: #fff;
  color: #333;
  text-align: center;
  margin: 0 auto; }
  html.mobile #about-welcome p, html.mobile
  #about-what-we-do p {
    width: 80%; }
  #about-welcome .quote-paging,
  #about-what-we-do .quote-paging {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px; }
  #about-welcome h1,
  #about-what-we-do h1 {
    font-size: 91px;
    width: 90%;
    margin: 0 auto;
    letter-spacing: 3px; }
  #about-welcome h4, #about-welcome .scroll-prompt,
  #about-what-we-do h4,
  #about-what-we-do .scroll-prompt {
    letter-spacing: 3px;
    font-size: 14px; }
  #about-welcome hr,
  #about-what-we-do hr {
    margin-bottom: 20px;
    margin-top: 20px;
    border-color: #333;
    width: 40px; }
  #about-welcome p,
  #about-what-we-do p {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 15px; }
    #about-welcome p.pretitle,
    #about-what-we-do p.pretitle {
      margin-bottom: 5px; }
  #about-welcome a.play-icon,
  #about-what-we-do a.play-icon {
    margin-top: 30px;
    margin-bottom: 20px; }
  #about-welcome .slick-slider,
  #about-what-we-do .slick-slider {
    height: auto;
    margin-top: 20px; }
    #about-welcome .slick-slider .slick-slide h1:first-child,
    #about-what-we-do .slick-slider .slick-slide h1:first-child {
      margin-bottom: 0px; }
  @media only screen and (max-height: 540px) {
    #about-welcome .slideshow-paging,
    #about-what-we-do .slideshow-paging {
      bottom: 20px; }
    #about-welcome h4, #about-welcome .scroll-prompt,
    #about-what-we-do h4,
    #about-what-we-do .scroll-prompt {
      padding: 10px;
      font-size: 11px;
      line-height: 18px; }
    #about-welcome hr,
    #about-what-we-do hr {
      margin-top: 12px;
      margin-bottom: 12px; } }

#about-welcome {
  margin-bottom: 60px; }

#about-what-we-do {
  margin-bottom: 40px; }
  html.mobile #about-what-we-do, html.tablet #about-what-we-do {
    margin-bottom: 120px; }
  html.mobile.landscape #about-what-we-do, html.tablet.landscape #about-what-we-do {
    margin-bottom: 50px;
    padding-top: 120px; }

#about-leadership.panel {
  background-color: #e6e9ef;
  overflow: hidden;
  	/*html.mobile & {
  
  		display:none;
  	}*/ }
  #about-leadership.panel .leadership-carousel-content {
    vertical-align: middle;
    width: 100%; }
  #about-leadership.panel .head {
    color: #333333;
    font-size: 48px;
    text-align: center;
    padding-top: 60px; }
    @media only screen and (max-width: 900px) {
      #about-leadership.panel .head {
        margin-bottom: 40px;
        font-size: 36px; } }
    @media only screen and (min-width: 1200px) {
      #about-leadership.panel .head {
        font-size: 60px; } }
    #about-leadership.panel .head h2 {
      margin-bottom: 20px; }
  #about-leadership.panel .full-profile {
    width: 95%;
    height: 100%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 480px) {
      #about-leadership.panel .full-profile {
        width: 100%; } }
    #about-leadership.panel .full-profile .profile {
      width: 25%;
      font-size: 12px;
      -webkit-transition: opacity 0.3s linear;
              transition: opacity 0.3s linear; }
      @media only screen and (max-width: 1500px) {
        #about-leadership.panel .full-profile .profile {
          width: 30%; } }
      @media only screen and (max-width: 1200px) {
        #about-leadership.panel .full-profile .profile {
          width: 40%;
          opacity: 0.7; } }
      @media only screen and (max-width: 900px) {
        #about-leadership.panel .full-profile .profile {
          width: 60%; } }
      @media only screen and (max-width: 767px) {
        #about-leadership.panel .full-profile .profile {
          width: 70%; } }
      @media only screen and (max-width: 480px) {
        #about-leadership.panel .full-profile .profile {
          width: 80%; } }
      #about-leadership.panel .full-profile .profile:hover, #about-leadership.panel .full-profile .profile:focus, #about-leadership.panel .full-profile .profile.is-selected {
        opacity: 1; }
      #about-leadership.panel .full-profile .profile .wrapper {
        width: 90%;
        height: 100%;
        float: left;
        position: relative; }
        #about-leadership.panel .full-profile .profile .wrapper.scroll .leadership-scroll-prompt-container {
          display: block; }
        #about-leadership.panel .full-profile .profile .wrapper:hover .leadership-scroll-prompt-container, #about-leadership.panel .full-profile .profile .wrapper:hover .leadership-scroll-prompt-top-container {
          opacity: 1; }
        #about-leadership.panel .full-profile .profile .wrapper:hover .description-wrapper {
          opacity: 1; }
        #about-leadership.panel .full-profile .profile .wrapper .leadership-scroll-prompt-container, #about-leadership.panel .full-profile .profile .wrapper .leadership-scroll-prompt-top-container {
          display: none;
          cursor: pointer;
          position: absolute;
          left: 35px;
          width: 90%;
          padding: 20px 0 5px;
          opacity: 0;
          -webkit-transition: opacity 0.3s linear;
                  transition: opacity 0.3s linear;
          z-index: 2; }
        #about-leadership.panel .full-profile .profile .wrapper .leadership-scroll-prompt-container {
          bottom: 0;
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, transparent 0%, black 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear, compact(to bottom, transparent 0%, black 100%, false, false, false, false, false, false, false, false);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
          /* ie 6-9 */ }
        #about-leadership.panel .full-profile .profile .wrapper .leadership-scroll-prompt-top-container {
          top: 0;
          padding-top: 5px;
          /* FF3.6-15 */
          background: -webkit-linear-gradient(bottom, transparent 0%, black 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear, compact(to top, transparent 0%, black 100%, false, false, false, false, false, false, false, false);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
          /* ie 6-9 */ }
          #about-leadership.panel .full-profile .profile .wrapper .leadership-scroll-prompt-top-container .leadership-scroll-prompt:after {
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
            top: 5px; }
        #about-leadership.panel .full-profile .profile .wrapper .leadership-scroll-prompt {
          display: block;
          font-size: 14px;
          color: white;
          padding: 5px 0;
          text-align: center;
          width: 100%;
          box-sizing: border-box; }
          #about-leadership.panel .full-profile .profile .wrapper .leadership-scroll-prompt:after {
            position: absolute;
            content: '';
            display: block;
            bottom: 5px;
            left: 50%;
            margin-left: -25px;
            background: url(../img/scroll-prompt-down-arrow-white.svg) no-repeat;
            background-size: 50% 10%;
            background-position: bottom center;
            height: 100%;
            width: 50px; }
      #about-leadership.panel .full-profile .profile .title {
        width: 572px;
        position: absolute;
        left: 0px;
        top: 572px;
        text-align: right;
        color: #333333;
        font-size: 25px;
        text-transform: uppercase;
        font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
        letter-spacing: 2px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.0, M12=1.0, M21=-1.0, M22=0.0)";
        filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.0, M12=1.0, M21=-1.0, M22=0.0);
        moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -webkit-transform-origin: top left;
        transform-origin: top left; }
        #about-leadership.panel .full-profile .profile .title .job-title-short {
          color: #999999; }
      #about-leadership.panel .full-profile .profile .profile-image {
        width: 90%;
        float: left;
        margin-left: 35px; }
        #about-leadership.panel .full-profile .profile .profile-image img {
          width: 100%; }
      #about-leadership.panel .full-profile .profile .description-wrapper {
        position: absolute;
        width: 90%;
        background: url("../img/leadership-bg.png");
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.3s linear;
                transition: opacity 0.3s linear;
        margin-left: 35px;
        overflow-y: hidden; }
        #about-leadership.panel .full-profile .profile .description-wrapper .description-title {
          text-align: center;
          font-size: 30px;
          text-transform: uppercase;
          font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
          margin-top: 20px;
          padding: 0 20px; }
          #about-leadership.panel .full-profile .profile .description-wrapper .description-title .person-name {
            color: white; }
          #about-leadership.panel .full-profile .profile .description-wrapper .description-title .job-title,
          #about-leadership.panel .full-profile .profile .description-wrapper .description-title .location {
            color: #00ccff;
            font-size: 20px; }
            @media only screen and (max-width: 767px) {
              #about-leadership.panel .full-profile .profile .description-wrapper .description-title .job-title,
              #about-leadership.panel .full-profile .profile .description-wrapper .description-title .location {
                font-size: 16px; } }
          #about-leadership.panel .full-profile .profile .description-wrapper .description-title .job-title {
            color: white; }
        #about-leadership.panel .full-profile .profile .description-wrapper .description {
          color: white;
          font-family: "Times New Roman", Georgia, Serif;
          padding: 0px 20px;
          margin-top: 5px; }
          #about-leadership.panel .full-profile .profile .description-wrapper .description p {
            margin: 1em 0;
            font-size: 16px;
            line-height: 18px; }
            #about-leadership.panel .full-profile .profile .description-wrapper .description p:last-of-type {
              margin-bottom: 30px; }
            @media only screen and (max-width: 1500px) {
              #about-leadership.panel .full-profile .profile .description-wrapper .description p {
                font-size: 14px;
                line-height: 16px; } }
            @media only screen and (max-width: 1200px) {
              #about-leadership.panel .full-profile .profile .description-wrapper .description p {
                font-size: 14px;
                line-height: 16px; } }
            @media only screen and (max-width: 900px) {
              #about-leadership.panel .full-profile .profile .description-wrapper .description p {
                font-size: 16px;
                line-height: 18px; } }
            @media only screen and (max-width: 767px) {
              #about-leadership.panel .full-profile .profile .description-wrapper .description p {
                font-size: 14px;
                line-height: 16px; } }
            @media only screen and (max-width: 480px) {
              #about-leadership.panel .full-profile .profile .description-wrapper .description p {
                margin: 0.5em 0;
                font-size: 12px;
                line-height: 14px; } }
        #about-leadership.panel .full-profile .profile .description-wrapper .center-fix {
          position: relative; }
    #about-leadership.panel .full-profile .flickity-prev-next-button {
      background: transparent;
      width: auto;
      height: auto;
      border-radius: 0;
      height: 110%; }
      @media only screen and (max-width: 480px) {
        #about-leadership.panel .full-profile .flickity-prev-next-button {
          display: none; } }
      #about-leadership.panel .full-profile .flickity-prev-next-button:focus {
        outline: none;
        box-shadow: none; }
      #about-leadership.panel .full-profile .flickity-prev-next-button:active {
        opacity: 1; }
      #about-leadership.panel .full-profile .flickity-prev-next-button.next {
        right: -2px;
        left: auto;
        background: url("../img/next-btn.png") transparent repeat-y right top; }
        #about-leadership.panel .full-profile .flickity-prev-next-button.next:before {
          content: "\e60d";
          left: 50%;
          position: relative; }
      #about-leadership.panel .full-profile .flickity-prev-next-button.previous {
        right: auto;
        left: -2px;
        background: url("../img/prev-btn.png") transparent repeat-y left top; }
        #about-leadership.panel .full-profile .flickity-prev-next-button.previous:before {
          content: "\e60f";
          right: 50%;
          position: relative; }
      #about-leadership.panel .full-profile .flickity-prev-next-button:hover:before {
        opacity: 1; }
      #about-leadership.panel .full-profile .flickity-prev-next-button:before {
        font-family: "edel-icons";
        font-size: 60px;
        color: #333333;
        line-height: 1;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      #about-leadership.panel .full-profile .flickity-prev-next-button svg {
        display: none; }
  #about-leadership.panel .thumb-profile {
    position: relative;
    margin-bottom: 90px;
    width: 95%;
    margin-left: auto;
    margin-right: auto; }
    #about-leadership.panel .thumb-profile:before {
      position: absolute;
      top: -5%;
      left: -2px;
      content: " ";
      display: block;
      width: 60px;
      height: 110%;
      background: url("../img/prev-btn.png") transparent repeat-y left top;
      z-index: 10; }
    #about-leadership.panel .thumb-profile:after {
      position: absolute;
      top: -5%;
      right: -2px;
      content: " ";
      display: block;
      width: 60px;
      height: 110%;
      background: url("../img/next-btn.png") transparent repeat-y left top;
      z-index: 10; }
    @media only screen and (max-width: 900px) {
      #about-leadership.panel .thumb-profile {
        display: none; } }
    #about-leadership.panel .thumb-profile .profile {
      width: 6.25%;
      top: 0%;
      opacity: 0.3;
      -webkit-transition: opacity 0.3s linear;
              transition: opacity 0.3s linear; }
      #about-leadership.panel .thumb-profile .profile:hover, #about-leadership.panel .thumb-profile .profile:focus {
        opacity: 1; }
      #about-leadership.panel .thumb-profile .profile.is-selected {
        width: 8%;
        top: 0%;
        opacity: 1; }
      #about-leadership.panel .thumb-profile .profile.next, #about-leadership.panel .thumb-profile .profile.prev {
        width: 7%;
        opacity: 0.7; }
        #about-leadership.panel .thumb-profile .profile.next:hover, #about-leadership.panel .thumb-profile .profile.next:focus, #about-leadership.panel .thumb-profile .profile.prev:hover, #about-leadership.panel .thumb-profile .profile.prev:focus {
          opacity: 1; }
      #about-leadership.panel .thumb-profile .profile .profile-image {
        position: relative;
        height: 0;
        width: 90%;
        padding-top: 90%;
        overflow: hidden;
        margin: 5% 0 0 5%; }
        @media only screen and (min-width: 1200px) {
          #about-leadership.panel .thumb-profile .profile .profile-image {
            padding-top: 70%; } }
        #about-leadership.panel .thumb-profile .profile .profile-image img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: auto; }
          @media only screen and (min-width: 1200px) {
            #about-leadership.panel .thumb-profile .profile .profile-image img {
              width: 80%; } }
  #about-leadership.panel .title-elements {
    top: 30px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #333;
    z-index: 1; }
    html.mobile #about-leadership.panel .title-elements {
      top: 65px; }
    #about-leadership.panel .title-elements.extra-top {
      top: 10%; }
    html.tablet.portrait #about-leadership.panel .title-elements {
      padding-top: 60px; }
    #about-leadership.panel .title-elements.over-video {
      z-index: 5; }
    #about-leadership.panel .title-elements h1 {
      margin-bottom: 10px;
      letter-spacing: 5px; }
    #about-leadership.panel .title-elements h2 {
      margin-bottom: 5px; }
    #about-leadership.panel .title-elements h3 {
      font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif;
      margin-bottom: 10px; }
    #about-leadership.panel .title-elements hr {
      border-color: #333;
      width: 40px;
      margin-top: 10px;
      margin-bottom: 10px; }
    #about-leadership.panel .title-elements h4, #about-leadership.panel .title-elements .scroll-prompt {
      text-transform: none; }
    #about-leadership.panel .title-elements p {
      width: 85%;
      font-size: 0.9em;
      line-height: 18px;
      margin: 0 auto; }
    #about-leadership.panel .title-elements.names h2 {
      letter-spacing: 3px; }
    #about-leadership.panel .title-elements.names .name {
      display: none; }
  #about-leadership.panel .toggle {
    font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 21px;
    position: absolute;
    right: 40px;
    bottom: 77px;
    z-index: 4;
    text-align: center;
    color: #333;
    letter-spacing: 1px;
    cursor: pointer;
    display: none;
    outline: 0; }
    #about-leadership.panel .toggle hr {
      border-color: #333;
      width: 45px;
      margin-top: 14px;
      margin-bottom: 14px; }
    #about-leadership.panel .toggle .title {
      font-size: 15px; }
    #about-leadership.panel .toggle .switch-container {
      position: relative; }
      #about-leadership.panel .toggle .switch-container .switch {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 36px;
        height: 36px;
        background: #333;
        border-radius: 18px;
        box-shadow: 0px 0px 2px #333; }
        #about-leadership.panel .toggle .switch-container .switch span {
          color: #fff;
          margin-top: 6px;
          display: block; }
      #about-leadership.panel .toggle .switch-container .switch-panel {
        position: absolute;
        top: 6px;
        left: 0;
        width: 60px;
        height: 22px;
        background: #fff;
        border-radius: 12px;
        border: 1px solid #ccc; }
  #about-leadership.panel .videos {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3; }
    html.tablet #about-leadership.panel .videos {
      display: none; }
    #about-leadership.panel .videos video {
      height: 100%;
      display: none; }
      #about-leadership.panel .videos video#video-intro {
        display: block; }
  #about-leadership.panel .slideshow-paging {
    z-index: 5; }
  #about-leadership.panel .container-spots {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2; }
    #about-leadership.panel .container-spots button {
      position: absolute;
      bottom: 6%; }
      #about-leadership.panel .container-spots button span {
        width: 56px;
        height: 56px;
        display: block;
        position: absolute; }
        #about-leadership.panel .container-spots button span i {
          color: #333333;
          font-size: 20px; }
      #about-leadership.panel .container-spots button:hover {
        border: 0px; }
        #about-leadership.panel .container-spots button:hover span {
          background-position: -112px -616px;
          border: 0px; }
          #about-leadership.panel .container-spots button:hover span i {
            color: #00ccff; }
    #about-leadership.panel .container-spots .person-1 {
      width: 14%;
      height: 60%;
      left: 22%;
      background-color: rgba(100, 100, 100, 0); }
      #about-leadership.panel .container-spots .person-1 span {
        top: 0;
        left: 0;
        background-position: 0px -560px; }
        html.tablet.portrait #about-leadership.panel .container-spots .person-1 span {
          top: 15%; }
    #about-leadership.panel .container-spots .person-2 {
      width: 11%;
      height: 62%;
      left: 35%;
      background-color: rgba(66, 5, 100, 0); }
      #about-leadership.panel .container-spots .person-2 span {
        top: 15px;
        left: 0;
        background-position: -56px -560px; }
        html.tablet.portrait #about-leadership.panel .container-spots .person-2 span {
          top: 15%; }
    #about-leadership.panel .container-spots .person-3 {
      width: 11%;
      height: 67%;
      left: 45%;
      background-color: rgba(100, 100, 50, 0); }
      #about-leadership.panel .container-spots .person-3 span {
        top: 25px;
        right: 0;
        background-position: -112px -560px; }
        html.tablet.portrait #about-leadership.panel .container-spots .person-3 span {
          top: 20%; }
    #about-leadership.panel .container-spots .person-4 {
      height: 65%;
      width: 13%;
      left: 55%;
      background-color: rgba(40, 100, 100, 0); }
      #about-leadership.panel .container-spots .person-4 span {
        top: 15px;
        right: 0;
        background-position: -56px -616px; }
        html.tablet.portrait #about-leadership.panel .container-spots .person-4 span {
          top: 17%; }
    #about-leadership.panel .container-spots .person-5 {
      width: 11%;
      height: 47%;
      left: 65%;
      background-color: rgba(100, 50, 100, 0); }
      html.mobile #about-leadership.panel .container-spots .person-5 {
        height: 55%; }
      #about-leadership.panel .container-spots .person-5 span {
        top: 20px;
        right: 0;
        background-position: 0px -616px; }
        html.tablet.portrait #about-leadership.panel .container-spots .person-5 span {
          top: 5%; }
  @media only screen and (min-height: 800px) {
    #about-leadership.panel .title-elements p {
      font-size: 0.9em;
      width: 75%;
      line-height: 21px; } }

html.mobile #advb-inner, html.tablet #advb-inner {
  display: none !important; }
html.mobile #advb-inner-mobile, html.tablet #advb-inner-mobile {
  display: block;
  box-sizing: border-box;
  padding-top: 0 !important;
  height: auto;
  min-height: 110%; }
  html.mobile #advb-inner-mobile h2, html.tablet #advb-inner-mobile h2 {
    font-size: 64px;
    margin: 0 auto;
    margin-top: 40px;
    line-height: 70px;
    color: #333;
    text-align: center;
    letter-spacing: 1px;
    display: block; }
  html.mobile #advb-inner-mobile hr, html.tablet #advb-inner-mobile hr {
    margin-bottom: 20px;
    margin-top: 20px;
    border-color: #333;
    width: 40px; }
  html.mobile #advb-inner-mobile p, html.tablet #advb-inner-mobile p {
    display: block;
    width: 80%;
    margin: 0 auto;
    color: #333333;
    text-align: center; }
  html.mobile #advb-inner-mobile .advb-slide, html.tablet #advb-inner-mobile .advb-slide {
    box-sizing: border-box;
    text-align: center;
    padding: 0 1%;
    padding-bottom: 30px; }
    html.mobile #advb-inner-mobile .advb-slide h3, html.mobile #advb-inner-mobile .advb-slide span, html.mobile #advb-inner-mobile .advb-slide p, html.tablet #advb-inner-mobile .advb-slide h3, html.tablet #advb-inner-mobile .advb-slide span, html.tablet #advb-inner-mobile .advb-slide p {
      color: #333333; }
    html.mobile #advb-inner-mobile .advb-slide h3, html.tablet #advb-inner-mobile .advb-slide h3 {
      font-size: 30px;
      margin: 30px 0 20px 0; }
    html.mobile #advb-inner-mobile .advb-slide span, html.tablet #advb-inner-mobile .advb-slide span {
      display: block;
      text-align: center;
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 20px; }
    html.mobile #advb-inner-mobile .advb-slide p, html.tablet #advb-inner-mobile .advb-slide p {
      width: 100% !important; }
  html.mobile #advb-inner-mobile .paging-dots, html.tablet #advb-inner-mobile .paging-dots {
    position: absolute;
    bottom: -20px;
    text-align: center;
    width: 100%; }
    html.mobile #advb-inner-mobile .paging-dots li, html.tablet #advb-inner-mobile .paging-dots li {
      height: 39px; }
    html.mobile #advb-inner-mobile .paging-dots button:hover, html.tablet #advb-inner-mobile .paging-dots button:hover {
      background: transparent;
      border: 0; }

html.desktop #advb-inner-mobile {
  display: none; }
html.desktop #about-advisory-board, html.desktop #about-advisory {
  height: 100%; }
  html.desktop #about-advisory-board #advb-inner, html.desktop #about-advisory #advb-inner {
    display: block;
    width: 100%;
    height: 100%; }
    html.desktop #about-advisory-board #advb-inner #advb-intro, html.desktop #about-advisory #advb-inner #advb-intro {
      box-sizing: border-box;
      width: 100%;
      min-height: 200px;
      position: relative;
      padding-top: 60px; }
      html.desktop #about-advisory-board #advb-inner #advb-intro h2, html.desktop #about-advisory #advb-inner #advb-intro h2 {
        color: black;
        text-align: center;
        font-size: 90px;
        margin-bottom: 20px; }
      html.desktop #about-advisory-board #advb-inner #advb-intro p, html.desktop #about-advisory #advb-inner #advb-intro p {
        display: block;
        position: absolute;
        top: 60%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        max-width: 800px;
        color: #333333;
        margin: 0 auto; }
    html.desktop #about-advisory-board #advb-inner #advb-left, html.desktop #about-advisory #advb-inner #advb-left {
      box-sizing: border-box;
      width: 40%;
      height: -webkit-calc(100% - 200px );
      height: calc(100% - 200px );
      float: left;
      padding-right: 30px;
      padding-top: 30px;
      background: white url("../img/advisory-board-bkg-left.svg") no-repeat;
      background-position: top right;
      background-size: cover; }
      html.desktop #about-advisory-board #advb-inner #advb-left li, html.desktop #about-advisory #advb-inner #advb-left li {
        margin-bottom: 20px;
        cursor: pointer;
        -webkit-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
                transform-origin: 100% 0;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        -webkit-transition: color 0.5s, -webkit-transform 0.5s, height 0.5s;
                transition: color 0.5s, transform 0.5s, height 0.5s;
        height: 40px; }
        html.desktop #about-advisory-board #advb-inner #advb-left li:after, html.desktop #about-advisory #advb-inner #advb-left li:after {
          content: '';
          display: block;
          position: relative;
          width: 30px;
          height: 2px;
          top: 5px;
          float: right;
          background: transparent;
          -webkit-transition: background 0.5s;
                  transition: background 0.5s; }
        html.desktop #about-advisory-board #advb-inner #advb-left li.active, html.desktop #about-advisory #advb-inner #advb-left li.active {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1);
          height: 50px;
          -webkit-transition: -webkit-transform 0.5s, height 0.5s;
                  transition: transform 0.5s, height 0.5s; }
          html.desktop #about-advisory-board #advb-inner #advb-left li.active .advb-mem-name, html.desktop #about-advisory #advb-inner #advb-left li.active .advb-mem-name {
            -webkit-transition: color 0.5s , font-size 0.5s, height 0.5s;
                    transition: color 0.5s , font-size 0.5s, height 0.5s;
            color: #00ccff; }
          html.desktop #about-advisory-board #advb-inner #advb-left li.active .advb-mem-title, html.desktop #about-advisory #advb-inner #advb-left li.active .advb-mem-title {
            color: #333333;
            -webkit-transition: color 0.5s , font-size 0.5s, height 0.5s;
                    transition: color 0.5s , font-size 0.5s, height 0.5s; }
          html.desktop #about-advisory-board #advb-inner #advb-left li.active:after, html.desktop #about-advisory #advb-inner #advb-left li.active:after {
            background: #00ccff;
            -webkit-transition: background 0.5s;
                    transition: background 0.5s; }
        html.desktop #about-advisory-board #advb-inner #advb-left li span, html.desktop #about-advisory #advb-inner #advb-left li span {
          display: block;
          text-align: right; }
          html.desktop #about-advisory-board #advb-inner #advb-left li span.advb-mem-name, html.desktop #about-advisory #advb-inner #advb-left li span.advb-mem-name {
            -webkit-transition: color 0.5s , font-size 0.5s, height 0.5s;
                    transition: color 0.5s , font-size 0.5s, height 0.5s;
            font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
            text-transform: uppercase;
            font-size: 22px;
            color: #333333; }
          html.desktop #about-advisory-board #advb-inner #advb-left li span.advb-mem-title, html.desktop #about-advisory #advb-inner #advb-left li span.advb-mem-title {
            color: #999999;
            font-size: 14px;
            font-weight: 700;
            text-transform: capitalize;
            -webkit-transition: color 0.5s , font-size 0.5s, height 0.5s;
                    transition: color 0.5s , font-size 0.5s, height 0.5s; }
    html.desktop #about-advisory-board #advb-inner #advb-right, html.desktop #about-advisory #advb-inner #advb-right {
      box-sizing: border-box;
      width: 60%;
      height: -webkit-calc(100% - 200px );
      height: calc(100% - 200px );
      float: left;
      padding: 0 30px;
      background: white url("../img/advisory-board-bkg-right.svg") no-repeat;
      background-position: bottom right;
      background-size: 40%; }
      html.desktop #about-advisory-board #advb-inner #advb-right .advb-mem-desc, html.desktop #about-advisory #advb-inner #advb-right .advb-mem-desc {
        overflow: hidden;
        height: 0;
        opacity: 0;
        position: relative;
        padding-right: 25%;
        top: 100px;
        -webkit-transition: top 0.6s , opacity 0.6s;
                transition: top 0.6s , opacity 0.6s; }
        html.desktop #about-advisory-board #advb-inner #advb-right .advb-mem-desc.active, html.desktop #about-advisory #advb-inner #advb-right .advb-mem-desc.active {
          height: 400px;
          top: 0px;
          opacity: 1; }
      html.desktop #about-advisory-board #advb-inner #advb-right p, html.desktop #about-advisory #advb-inner #advb-right p {
        color: #333333; }

@media only screen and (max-height: 1129px) {
  html.desktop #about-advisory #advb-inner-mobile {
    padding-top: 7em !important; } }
@media only screen and (max-width: 900px) {
  html.desktop #about-advisory #advb-inner {
    display: none !important; }
  html.desktop #about-advisory #advb-inner-mobile {
    display: block !important;
    box-sizing: border-box;
    padding-top: 13em; }
    html.desktop #about-advisory #advb-inner-mobile:after {
      content: '';
      display: block;
      clear: both; }
    html.desktop #about-advisory #advb-inner-mobile h2 {
      display: none; }
    html.desktop #about-advisory #advb-inner-mobile h3, html.desktop #about-advisory #advb-inner-mobile p, html.desktop #about-advisory #advb-inner-mobile span {
      color: black; }
    html.desktop #about-advisory #advb-inner-mobile p, html.desktop #about-advisory #advb-inner-mobile h3 {
      text-align: center;
      max-width: 80%;
      margin: 0 auto; }
    html.desktop #about-advisory #advb-inner-mobile h2 {
      font-size: 64px;
      margin: 0 auto;
      line-height: 70px;
      color: #333;
      text-align: center;
      letter-spacing: 1px;
      display: block; }
    html.desktop #about-advisory #advb-inner-mobile hr {
      margin-bottom: 20px;
      margin-top: 20px;
      border-color: #333;
      width: 40px; }
    html.desktop #about-advisory #advb-inner-mobile span {
      display: block;
      text-align: center;
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 20px; }
    html.desktop #about-advisory #advb-inner-mobile h3 {
      line-height: 70px;
      color: #333;
      text-align: center;
      letter-spacing: 1px; }
    html.desktop #about-advisory #advb-inner-mobile h3 {
      font-size: 30px; }
    html.desktop #about-advisory #advb-inner-mobile #advb-carousel {
      position: absolute;
      height: 410px;
      top: 50%;
      margin-top: -200px; }
      html.desktop #about-advisory #advb-inner-mobile #advb-carousel .paging-dots {
        position: absolute;
        bottom: -20px;
        text-align: center;
        width: 100%; }
        html.desktop #about-advisory #advb-inner-mobile #advb-carousel .paging-dots li {
          height: 39px; }
        html.desktop #about-advisory #advb-inner-mobile #advb-carousel .paging-dots button:hover {
          background: transparent;
          border: 0; } }
html.tablet.landscape #about-leadership.panel .title-elements p {
  font-size: 0.6em;
  line-height: 16px; }

/*html.tablet.portrait
{
	#about-leadership.panel .title-elements p
	{
		font-size: 1.2em;
		line-height: 26px;
	}
}*/
html.tablet .toggle,
html.mobile .toggle,
html.lt-ie9 .toggle {
  display: none !important; }

#about-culture.panel .fullscreen-video {
  height: 100%;
  position: relative; }
  #about-culture.panel .fullscreen-video .play-icon {
    background: none;
    text-indent: 0;
    width: auto;
    height: auto;
    text-align: center; }
    #about-culture.panel .fullscreen-video .play-icon i {
      font-size: 120px;
      color: white; }
      #about-culture.panel .fullscreen-video .play-icon i:before {
        text-shadow: 0 0 10px #333333; }
  #about-culture.panel .fullscreen-video ul.social-menu {
    position: absolute;
    bottom: 30px;
    right: 35px;
    display: inline-block;
    z-index: 3;
    cursor: pointer; }
    #about-culture.panel .fullscreen-video ul.social-menu li {
      display: inline-block; }
      #about-culture.panel .fullscreen-video ul.social-menu li a {
        display: block;
        padding-top: 1px;
        color: red; }
        #about-culture.panel .fullscreen-video ul.social-menu li a i {
          color: white;
          font-size: 33px; }
  #about-culture.panel .fullscreen-video .image.fullscreen-video-thumb {
    height: 100%;
    background-size: cover;
    background-position: center center; }
  #about-culture.panel .fullscreen-video .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#about-shoes.panel {
  background-size: cover;
  background-position: center;
  overflow: hidden;
  text-align: center;
  min-height: 700px; }
  html.mobile #about-shoes.panel, html.tablet #about-shoes.panel {
    display: none !important; }
  @media only screen and (max-width: 540px) {
    #about-shoes.panel {
      display: none; } }
  #about-shoes.panel .hitter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -150px;
    background-color: red;
    z-index: 20;
    opacity: 0;
    cursor: pointer;
    display: none; }
    #about-shoes.panel .hitter.no-select, #about-shoes.panel .slick-slide .content a.hitter, .slick-slide .content #about-shoes.panel a.hitter, #about-shoes.panel #about-view .column.left .contents ul.hitter, #about-view .column.left .contents #about-shoes.panel ul.hitter, #about-shoes.panel #about-view .column.right .contents ul.hitter, #about-view .column.right .contents #about-shoes.panel ul.hitter, #about-shoes.panel #about-view #about-awards-mini .contents ul.hitter, #about-view #about-awards-mini .contents #about-shoes.panel ul.hitter, #about-shoes.panel html.desktop #about-advisory-board #advb-inner #advb-left li span.hitter, html.desktop #about-advisory-board #advb-inner #advb-left li #about-shoes.panel span.hitter, #about-shoes.panel html.desktop #about-advisory #advb-inner #advb-left li span.hitter, html.desktop #about-advisory #advb-inner #advb-left li #about-shoes.panel span.hitter, #about-shoes.panel .hitter.arrows-nav, #about-shoes.panel .hitter.quotes, #about-shoes.panel .hitter.quote, #about-shoes.panel .hitter.carousel, #about-shoes.panel .carousel .shoe img.hitter {
      pointer-events: none; }
  #about-shoes.panel .arrows-nav {
    position: absolute;
    margin-top: 140px;
    margin-left: -90px;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 70px;
    z-index: 25;
    opacity: 0; }
  #about-shoes.panel .arrow-nav {
    cursor: pointer;
    margin-top: 20px;
    height: 50px;
    width: 50px;
    padding-left: 15px;
    padding-top: 15px; }
    #about-shoes.panel .arrow-nav span {
      width: 20px;
      height: 33px; }
    #about-shoes.panel .arrow-nav.next-quote {
      float: right; }
      #about-shoes.panel .arrow-nav.next-quote span {
        background-position: -168px -405px; }
    #about-shoes.panel .arrow-nav.prev-quote {
      float: left; }
      #about-shoes.panel .arrow-nav.prev-quote span {
        background-position: -167px -461px; }
  #about-shoes.panel .quote {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -50%;
    z-index: 2;
    width: 100%;
    opacity: 0; }
    #about-shoes.panel .quote h1 {
      color: #333;
      margin: 0 auto;
      margin-bottom: 16px;
      width: 100%;
      text-align: center;
      letter-spacing: 5px;
      font-size: 42px; }
    #about-shoes.panel .quote hr {
      width: 40px;
      margin: 0 auto;
      border-color: #333; }
    #about-shoes.panel .quote p {
      color: #333;
      margin-bottom: 0;
      text-align: center;
      margin-top: 12px; }
    @media only screen and (max-height: 800px) {
      #about-shoes.panel .quote {
        bottom: 40px; }
        #about-shoes.panel .quote h1 {
          font-size: 32px; }
        #about-shoes.panel .quote p {
          font-size: 16px; } }
  #about-shoes.panel h1 {
    color: #333;
    margin-top: 130px;
    opacity: 0;
    letter-spacing: 7px; }
    @media only screen and (max-height: 950px) {
      #about-shoes.panel h1 {
        margin-top: 100px; } }
    @media only screen and (max-height: 850px) {
      #about-shoes.panel h1 {
        margin-top: 80px; } }
    @media only screen and (max-height: 750px) {
      #about-shoes.panel h1 {
        margin-top: 60px; } }
    @media only screen and (max-height: 701px) {
      #about-shoes.panel h1 {
        margin-top: 45px; } }
  #about-shoes.panel .carousel {
    position: absolute;
    top: 50%;
    left: 0;
    width: 5000px;
    width: 100%;
    height: 500px;
    margin-top: -100px;
    text-align: left; }
    #about-shoes.panel .carousel .shoe {
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      width: 370px;
      height: 300px; }
      #about-shoes.panel .carousel .shoe div {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translatez(0);
        -ms-transform: translatez(0);
        transform: translatez(0); }
        #about-shoes.panel .carousel .shoe div.shoe-left {
          z-index: 2; }
      #about-shoes.panel .carousel .shoe img {
        width: 100%;
        margin-left: -40px;
        margin-top: -40%; }

#about-awards.panel, #about-awards-mini.panel {
  background-color: #333333; }
  #about-awards.panel .wrapper, #about-awards-mini.panel .wrapper {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    html.safari #about-awards.panel .wrapper, html.safari #about-awards-mini.panel .wrapper {
      -webkit-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d; }
  #about-awards.panel .slideshow, #about-awards-mini.panel .slideshow {
    position: absolute;
    top: 50%;
    margin-top: -325px;
    overflow: visible; }
    #about-awards.panel .slideshow p, #about-awards-mini.panel .slideshow p {
      color: #333;
      text-align: center;
      margin: 0;
      line-height: 18px; }
    #about-awards.panel .slideshow.awards, #about-awards-mini.panel .slideshow.awards {
      width: 100%;
      height: 565px; }
      #about-awards.panel .slideshow.awards .award, #about-awards-mini.panel .slideshow.awards .award {
        box-sizing: border-box;
        padding: 0 35px; }
      #about-awards.panel .slideshow.awards .quote > div, #about-awards-mini.panel .slideshow.awards .quote > div {
        display: table;
        width: 70%;
        height: 100%;
        padding: 0 15%; }
        #about-awards.panel .slideshow.awards .quote > div h2, #about-awards-mini.panel .slideshow.awards .quote > div h2 {
          font-size: 74px;
          line-height: 70px;
          color: #333;
          text-align: center;
          letter-spacing: 1px;
          display: table-cell;
          vertical-align: middle; }
      #about-awards.panel .slideshow.awards .slick-slider, #about-awards-mini.panel .slideshow.awards .slick-slider {
        height: auto;
        overflow: visible;
        margin-top: 50px; }
      #about-awards.panel .slideshow.awards ul.list, #about-awards-mini.panel .slideshow.awards ul.list {
        margin-top: 60px;
        padding: 0 20px; }
        #about-awards.panel .slideshow.awards ul.list li, #about-awards-mini.panel .slideshow.awards ul.list li {
          display: block;
          margin-bottom: 16px; }
      #about-awards.panel .slideshow.awards .paging-dots, #about-awards-mini.panel .slideshow.awards .paging-dots {
        position: absolute;
        bottom: -20px;
        text-align: center;
        width: 100%; }
        #about-awards.panel .slideshow.awards .paging-dots button:hover, #about-awards-mini.panel .slideshow.awards .paging-dots button:hover {
          background: transparent;
          border: 0; }
      #about-awards.panel .slideshow.awards h3, #about-awards-mini.panel .slideshow.awards h3 {
        text-align: center;
        font-size: 60px;
        letter-spacing: 3px;
        margin-bottom: 22px;
        color: #333; }
      #about-awards.panel .slideshow.awards p.year, #about-awards-mini.panel .slideshow.awards p.year {
        font-size: 14px; }
      #about-awards.panel .slideshow.awards p.project, #about-awards-mini.panel .slideshow.awards p.project {
        font-size: 14px; }
      #about-awards.panel .slideshow.awards p.client, #about-awards-mini.panel .slideshow.awards p.client {
        font-size: 14px; }
      @media only screen and (max-height: 900px) {
        #about-awards.panel .slideshow.awards, #about-awards-mini.panel .slideshow.awards {
          height: 455px; }
          #about-awards.panel .slideshow.awards h3, #about-awards-mini.panel .slideshow.awards h3 {
            font-size: 37px; }
          #about-awards.panel .slideshow.awards ul.list, #about-awards-mini.panel .slideshow.awards ul.list {
            margin-top: 30px; }
          #about-awards.panel .slideshow.awards p, #about-awards-mini.panel .slideshow.awards p {
            font-size: 15px; }
            #about-awards.panel .slideshow.awards p.year, #about-awards-mini.panel .slideshow.awards p.year {
              font-size: 12px; }
            #about-awards.panel .slideshow.awards p.project, #about-awards-mini.panel .slideshow.awards p.project {
              font-size: 12px; }
            #about-awards.panel .slideshow.awards p.client, #about-awards-mini.panel .slideshow.awards p.client {
              font-size: 12px; }
          #about-awards.panel .slideshow.awards .quote h2, #about-awards-mini.panel .slideshow.awards .quote h2 {
            font-size: 58px;
            line-height: 72px;
            width: 280px; } }
      @media only screen and (max-height: 540px) {
        #about-awards.panel .slideshow.awards, #about-awards-mini.panel .slideshow.awards {
          height: 356px; }
          #about-awards.panel .slideshow.awards h3, #about-awards-mini.panel .slideshow.awards h3 {
            font-size: 25px; }
          #about-awards.panel .slideshow.awards ul.list, #about-awards-mini.panel .slideshow.awards ul.list {
            margin-top: 20px; }
          #about-awards.panel .slideshow.awards .quote h2, #about-awards-mini.panel .slideshow.awards .quote h2 {
            font-size: 55px;
            line-height: 60px; }
          #about-awards.panel .slideshow.awards p, #about-awards-mini.panel .slideshow.awards p {
            font-size: 12px; }
            #about-awards.panel .slideshow.awards p.year, #about-awards-mini.panel .slideshow.awards p.year {
              font-size: 10px; }
            #about-awards.panel .slideshow.awards p.project, #about-awards-mini.panel .slideshow.awards p.project {
              font-size: 10px; }
            #about-awards.panel .slideshow.awards p.client, #about-awards-mini.panel .slideshow.awards p.client {
              font-size: 10px; } }
  @media only screen and (max-height: 900px) {
    #about-awards.panel .slideshow, #about-awards-mini.panel .slideshow {
      margin-top: -265px; } }
  @media only screen and (max-height: 630px) {
    #about-awards.panel .slideshow-paging, #about-awards-mini.panel .slideshow-paging {
      display: none; } }
  @media only screen and (max-height: 540px) {
    #about-awards.panel .slideshow, #about-awards-mini.panel .slideshow {
      margin-top: -190px; } }
  #about-awards.panel hr, #about-awards-mini.panel hr {
    border-color: #333;
    width: 50px; }

#about-view #about-awards-mini {
  display: none; }
  #about-view #about-awards-mini .slideshow.awards {
    opacity: 1 !important;
    top: 20px !important;
    margin: 0 !important;
    height: 400px; }
    #about-view #about-awards-mini .slideshow.awards .award {
      top: 40px; }
    #about-view #about-awards-mini .slideshow.awards h3, #about-view #about-awards-mini .slideshow.awards p {
      color: #fff !important; }
  #about-view #about-awards-mini .mini-awards-browser.contents {
    left: 0;
    width: 100%;
    top: auto;
    bottom: 20px;
    margin: 0;
    height: 80px;
    -webkit-overflow-scrolling-x: touch;
    overflow-x: scroll;
    overflow-y: hidden;
    z-index: 5; }
    html.no-touch #about-view #about-awards-mini .mini-awards-browser.contents {
      padding-bottom: 20px; }
    #about-view #about-awards-mini .mini-awards-browser.contents ul {
      height: 100%; }
      #about-view #about-awards-mini .mini-awards-browser.contents ul li {
        width: 100px;
        float: left;
        border-bottom: 0; }
        #about-view #about-awards-mini .mini-awards-browser.contents ul li img {
          width: auto; }
        #about-view #about-awards-mini .mini-awards-browser.contents ul li .count {
          display: none; }

#contact-view {
  height: 100%;
  width: 100%; }
  #contact-view .slideshow-paging {
    cursor: pointer; }
  #contact-view .locations > a {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 25px 25px 0; }
    @media only screen and (max-width: 420px) {
      #contact-view .locations > a {
        margin: 25px 0px 0px 0px; } }
  #contact-view #contact-overview {
    margin-top: -80px;
    padding-top: 80px;
    box-sizing: border-box; }
    #contact-view #contact-overview .slideshow-paging {
      bottom: -25px; }
  #contact-view #contact-offices {
    height: auto;
    color: #333;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px; }
    #contact-view #contact-offices h1 {
      margin-bottom: 10px;
      letter-spacing: 6px; }
    #contact-view #contact-offices h4, #contact-view #contact-offices .scroll-prompt {
      letter-spacing: 3px; }
    #contact-view #contact-offices hr {
      border-color: #333;
      width: 50px; }
    #contact-view #contact-offices > hr {
      margin-top: 20px; }
    #contact-view #contact-offices .locations {
      text-align: left;
      overflow: hidden;
      display: inline-block;
      margin-top: 70px;
      margin-bottom: 20px; }
      html.mobile #contact-view #contact-offices .locations {
        margin: 70px 35px 50px;
        display: block; }
        html.mobile #contact-view #contact-offices .locations .location {
          margin-bottom: 30px !important;
          width: 100%; }
      #contact-view #contact-offices .locations .location {
        width: 230px;
        margin-bottom: 50px; }
      #contact-view #contact-offices .locations .location.left {
        float: left;
        margin-left: 25px;
        margin-right: 25px; }
        @media only screen and (max-width: 420px) {
          #contact-view #contact-offices .locations .location.left {
            float: none;
            margin-right: 0;
            margin-left: 0; } }
      #contact-view #contact-offices .locations .location.right {
        float: left; }
      #contact-view #contact-offices .locations h3 {
        font-size: 22px;
        letter-spacing: 2.2px;
        margin-bottom: 10px; }
      #contact-view #contact-offices .locations hr {
        width: 100%;
        border-color: #00ccff; }
      #contact-view #contact-offices .locations p a {
        color: #333; }
      #contact-view #contact-offices .locations p.phone {
        font-size: 12px; }
      #contact-view #contact-offices .locations button {
        margin: 0;
        margin-bottom: 7px;
        width: 100%; }
      @media only screen and (min-width: 1600px) {
        #contact-view #contact-offices .locations h3 {
          font-size: 28px; }
        #contact-view #contact-offices .locations p.phone {
          font-size: 15px; } }
    #contact-view #contact-offices .maps {
      position: relative; }
      #contact-view #contact-offices .maps a {
        display: block; }
    #contact-view #contact-offices .map {
      /*			position: absolute;
                              top:0;
                              left:0;*/
      width: 100%;
      height: auto; }
      #contact-view #contact-offices .map.london {
        position: relative; }
      #contact-view #contact-offices .map img {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box; }
  #contact-view #contact_form_new {
    margin: 0px 0px 0px 25px; }
    html.mobile.portrait #contact-view #contact_form_new {
      width: 100%;
      margin: 0; }
      html.mobile.portrait #contact-view #contact_form_new #g-recaptcha,
      html.mobile.portrait #contact-view #contact_form_new #g-recaptcha div,
      html.mobile.portrait #contact-view #contact_form_new iframe {
        width: 100% !important; }
        html.mobile.portrait #contact-view #contact_form_new #g-recaptcha .rc-anchor-standard,
        html.mobile.portrait #contact-view #contact_form_new #g-recaptcha div .rc-anchor-standard,
        html.mobile.portrait #contact-view #contact_form_new iframe .rc-anchor-standard {
          box-sizing: border-box;
          width: 100%; }
  #contact-view .wpcf7-mail-sent-ok {
    display: none !important; }
  #contact-view .wpcf7-form.failed .fail-placeholder {
    display: block; }
  #contact-view .wpcf7-form.failed .g-recaptcha {
    display: none; }
  #contact-view .wpcf7-form.failed .comment {
    margin-bottom: 45px; }
  #contact-view .contact-form {
    width: 510px;
    position: relative; }
    @media only screen and (max-width: 420px) {
      #contact-view .contact-form {
        width: 100%; } }
    #contact-view .contact-form input,
    #contact-view .contact-form textarea {
      border: 1px solid #cccccc;
      font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif;
      text-transform: uppercase;
      /*text-indent: 3px;*/
      padding-left: 4px;
      box-sizing: border-box;
      -webkit-appearance: none;
      border-radius: 0; }
      @media only screen and (max-width: 600px) {
        #contact-view .contact-form input,
        #contact-view .contact-form textarea {
          box-sizing: border-box;
          -webkit-appearance: none;
          border-radius: 0;
          text-indent: 0px !important; } }
    #contact-view .contact-form .your-message textarea {
      padding-left: 5px; }
    #contact-view .contact-form textarea {
      width: 100%; }
    #contact-view .contact-form .two-column {
      width: 100%;
      height: 48px; }
      #contact-view .contact-form .two-column div:first-child {
        margin-right: 10px; }
      #contact-view .contact-form .two-column:after {
        content: '';
        display: block;
        clear: both; }
      @media only screen and (max-width: 420px) {
        #contact-view .contact-form .two-column {
          height: 78px; } }
      @media only screen and (max-width: 600px) {
        #contact-view .contact-form .two-column {
          height: auto !important;
          padding-bottom: 10px; } }
    #contact-view .contact-form .form {
      margin-top: 10px; }
      #contact-view .contact-form .form input {
        width: 100%;
        height: 30px;
        text-indent: 3px;
        line-height: 30px; }
    #contact-view .contact-form .form.left {
      float: left;
      width: 49%; }
      #contact-view .contact-form .form.left p {
        display: none; }
      @media only screen and (max-width: 420px) {
        #contact-view .contact-form .form.left {
          float: none;
          width: 100%; } }
    #contact-view .contact-form .enquiry-select-container {
      display: none; }
    #contact-view .contact-form .dd-container a {
      font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif;
      text-transform: uppercase; }
    #contact-view .contact-form .dd-container .dd-select {
      width: 99.25%;
      border-radius: none !important;
      box-sizing: border-box !important; }
      #contact-view .contact-form .dd-container .dd-select a {
        color: #A9A9A9;
        padding: 6px;
        padding-left: 4px;
        font-weight: normal; }
    #contact-view .contact-form .input-error {
      border-color: #fc0d1b;
      font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif; }
      #contact-view .contact-form .input-error::-webkit-input-placeholder {
        color: #fc0d1b; }
      #contact-view .contact-form .input-error:-moz-placeholder {
        color: #fc0d1b; }
      #contact-view .contact-form .input-error::-moz-placeholder {
        color: #fc0d1b; }
      #contact-view .contact-form .input-error:-ms-input-placeholder {
        color: #fc0d1b; }
    #contact-view .contact-form .wpcf7-submit {
      background-color: #00ccff;
      border: 1px solid #00ccff;
      color: white;
      font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
      float: right;
      letter-spacing: 1px;
      padding: 3px 20px;
      font-size: 22px;
      width: auto;
      padding-bottom: 6px;
      margin: 0 0;
      height: auto;
      text-indent: 0; }
      html.no-touch #contact-view .contact-form .wpcf7-submit:hover {
        background-color: #ffffff;
        color: #00ccff; }
    #contact-view .contact-form .success-placeholder {
      display: none;
      position: absolute; }
      #contact-view .contact-form .success-placeholder .success-container {
        display: table;
        width: 517px;
        height: 196px;
        margin-top: 20px; }
        @media only screen and (max-width: 420px) {
          #contact-view .contact-form .success-placeholder .success-container {
            width: 228px; } }
        #contact-view .contact-form .success-placeholder .success-container .success-text {
          background: #00ccff;
          color: white;
          position: relative;
          top: -236px;
          text-align: center;
          vertical-align: middle;
          display: table-cell; }
    #contact-view .contact-form .fail-placeholder {
      display: none;
      position: absolute;
      bottom: -13px;
      left: 0;
      right: 0; }
      #contact-view .contact-form .fail-placeholder .fail-container {
        width: 100%; }
        #contact-view .contact-form .fail-placeholder .fail-container .fail-text {
          color: white;
          position: relative;
          background: #333333;
          padding: 20px;
          text-align: center; }
    #contact-view .contact-form .close-form i {
      color: #00ccff;
      font-size: 40px;
      float: right;
      cursor: pointer; }
    #contact-view .contact-form .close-form:after {
      content: '';
      display: block;
      clear: both; }
  #contact-view .wpcf7-response-output {
    display: none !important; }

.work ul.social-menu {
  display: block;
  position: absolute;
  right: 35px;
  bottom: 20px;
  z-index: 3;
  cursor: pointer; }
  .work ul.social-menu li {
    display: inline-block; }
    .work ul.social-menu li a {
      display: block;
      padding-top: 1px;
      color: red; }
      .work ul.social-menu li a i {
        color: #00ccff;
        font-size: 33px; }

#work-view {
  width: 100%;
  height: 100%; }
  #work-view #work-overview {
    margin-top: -80px;
    padding-top: 80px;
    box-sizing: border-box; }
    #work-view #work-overview .slideshow-paging {
      bottom: -25px; }
  #work-view .slideshow-paging {
    cursor: pointer; }
  #work-view .cases {
    height: auto;
    min-height: 100%; }
    #work-view .cases .grid {
      overflow: hidden;
      padding: 0 30px 30px 30px; }
      #work-view .cases .grid a {
        display: block;
        width: 33.3%;
        float: left;
        position: relative;
        overflow: hidden; }
        html.tablet #work-view .cases .grid a {
          width: 50%; }
        #work-view .cases .grid a img {
          width: 100%; }
        #work-view .cases .grid a .over {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          opacity: 0;
          background: rgba(1, 0, 0, 0.8);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc010000', endColorstr='#cc333333',GradientType=0 );
          /* IE6-9 */ }
          html.mobile #work-view .cases .grid a .over, html.tablet #work-view .cases .grid a .over {
            height: 25%;
            bottom: 0;
            top: auto; }
        #work-view .cases .grid a .content {
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 6;
          padding: 24px 10px;
          box-sizing: border-box; }
          html.mobile #work-view .cases .grid a .content, html.tablet #work-view .cases .grid a .content {
            top: auto !important;
            bottom: 0 !important; }
            html.mobile #work-view .cases .grid a .content.bottom, html.tablet #work-view .cases .grid a .content.bottom {
              padding: 18px 0; }
          #work-view .cases .grid a .content.bottom {
            padding: 24px 0; }
            html.desktop #work-view .cases .grid a .content.bottom {
              top: auto;
              bottom: 0; }
            #work-view .cases .grid a .content.bottom .progress-bar {
              display: block;
              width: 0;
              height: 6px;
              background: #00ccff;
              margin: 0 0 -1px; }
              html.mobile #work-view .cases .grid a .content.bottom .progress-bar, html.tablet #work-view .cases .grid a .content.bottom .progress-bar {
                position: absolute;
                bottom: 0; }
        #work-view .cases .grid a h2 {
          color: #fff;
          font-size: 34px;
          letter-spacing: 1px;
          font-weight: normal;
          line-height: 34px;
          margin: 0; }
          @media only screen and (min-width: 1600px) {
            #work-view .cases .grid a h2 {
              font-size: 42px;
              line-height: 40px; } }
          @media only screen and (max-width: 1024px) {
            #work-view .cases .grid a h2 {
              font-size: 27px; }
              html.mobile #work-view .cases .grid a h2, html.tablet #work-view .cases .grid a h2 {
                font-size: 22px;
                line-height: 45px; } }
          @media only screen and (max-width: 768px) {
            #work-view .cases .grid a h2 {
              font-size: 22px; }
              html.mobile #work-view .cases .grid a h2, html.tablet #work-view .cases .grid a h2 {
                font-size: 16px;
                line-height: 30px; } }
        html.mobile.landscape #work-view .cases .grid a h2 {
          font-size: 14px; }
        #work-view .cases .grid a h3 {
          color: #fff;
          margin: 4px 10px 0;
          font-size: 19px;
          letter-spacing: .5px; }
          @media only screen and (min-width: 1600px) {
            #work-view .cases .grid a h3 {
              font-size: 27px; } }
          @media only screen and (max-width: 1024px) {
            #work-view .cases .grid a h3 {
              font-size: 16px; }
              html.mobile #work-view .cases .grid a h3, html.tablet #work-view .cases .grid a h3 {
                font-size: 12px;
                line-height: 2; } }
          @media only screen and (max-width: 768px) {
            #work-view .cases .grid a h3 {
              font-size: 12px; }
              html.mobile #work-view .cases .grid a h3, html.tablet #work-view .cases .grid a h3 {
                font-size: 10px;
                line-height: 1.2; } }
        #work-view .cases .grid a hr {
          width: 100%;
          display: block;
          border-top: 2px solid #00ccff;
          margin: 0 0 18px; }
          html.mobile #work-view .cases .grid a hr, html.tablet #work-view .cases .grid a hr {
            display: none; }
        #work-view .cases .grid a .highlight {
          display: none;
          background-position: 0px -280px;
          width: 55px;
          height: 55px;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 5;
          opacity: .5; }
  @media only screen and (max-width: 800px) {
    #work-view .cases .grid a {
      width: 50%; } }
  @media only screen and (max-width: 540px) {
    #work-view .cases .grid a {
      width: 100%; } }

#case-study-view {
  width: 100%;
  height: 100%;
  position: relative;
  display: none; }
  #case-study-view h1 {
    font-size: 90px;
    letter-spacing: 6px;
    line-height: normal;
    margin: 0; }
  #case-study-view .slideshow-paging {
    cursor: pointer; }
  #case-study-view #case-study-overview {
    margin-top: 60px; }
    #case-study-view #case-study-overview .slideshow {
      padding-bottom: 80px; }
  #case-study-view #case-study-details {
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    color: #333; }
    #case-study-view #case-study-details img {
      width: 100%; }
    #case-study-view #case-study-details p {
      margin: 0;
      max-width: 800px;
      margin: 0 auto; }
    #case-study-view #case-study-details .topic p {
      max-width: none;
      text-align: left; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details .topic p {
          margin: 0 35px 10px; } }
    #case-study-view #case-study-details h2 {
      font-size: 49px;
      margin-bottom: 20px;
      line-height: 1; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details h2 {
          font-size: 24px;
          margin: 0 35px 35px; } }
    #case-study-view #case-study-details h3 {
      text-align: left;
      font-size: 40px;
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details h3 {
          font-size: 24px;
          margin: 0 35px 35px; } }
    #case-study-view #case-study-details hr {
      width: 40px;
      display: block;
      margin: 8px auto;
      border-color: #333; }
    #case-study-view #case-study-details #topic_text_block_container {
      margin-bottom: 50px; }
      @media only screen and (max-width: 500px) {
        #case-study-view #case-study-details #topic_text_block_container {
          margin-bottom: 20px; } }
    #case-study-view #case-study-details #topic_text_block_container p {
      text-align: inherit !important;
      margin-bottom: 10px; }
    #case-study-view #case-study-details #topic_text_block_container #text_left_column {
      width: 48%;
      float: left; }
      @media only screen and (max-width: 1400px) {
        #case-study-view #case-study-details #topic_text_block_container #text_left_column {
          width: 100%;
          margin-left: 0 !important; } }
    #case-study-view #case-study-details #topic_text_block_container #text_right_column {
      width: 48%;
      float: left;
      margin-left: 4%; }
      @media only screen and (max-width: 1400px) {
        #case-study-view #case-study-details #topic_text_block_container #text_right_column {
          width: 100%;
          margin-left: 0 !important; } }
    @media only screen and (max-width: 1599px) {
      #case-study-view #case-study-details h3 {
        font-size: 30px; } }
    @media only screen and (max-width: 540px) {
      #case-study-view #case-study-details p {
        font-size: 16px; }
      #case-study-view #case-study-details h3 {
        font-size: 30px; } }
    #case-study-view #case-study-details .topic {
      width: 75%;
      margin: 0 auto;
      margin-bottom: 50px;
      max-width: 1280px; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details .topic {
          width: auto;
          max-width: 480px;
          margin: 0 auto 35px; } }
      #case-study-view #case-study-details .topic.border-bottom {
        border-bottom: solid 1px #ccc;
        padding-bottom: 50px; }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details .topic.border-bottom {
            padding-bottom: 0;
            margin: 0 35px 35px !important; } }
    #case-study-view #case-study-details .topic.intro {
      margin-top: 15px;
      padding-top: 50px; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details .topic.intro {
          padding-top: 0; } }
      #case-study-view #case-study-details .topic.intro img {
        margin-top: 15px; }
      #case-study-view #case-study-details .topic.intro h1 {
        letter-spacing: 2px;
        margin: 0; }
        html.tablet #case-study-view #case-study-details .topic.intro h1, html.mobile #case-study-view #case-study-details .topic.intro h1 {
          font-size: 34px !important; }
      #case-study-view #case-study-details .topic.intro hr {
        margin: 20px auto; }
      #case-study-view #case-study-details .topic.intro h4, #case-study-view #case-study-details .topic.intro .scroll-prompt {
        max-width: 100%;
        letter-spacing: 5px;
        margin: 0; }
      #case-study-view #case-study-details .topic.intro a {
        outline: 0;
        display: block;
        margin-top: 30px; }
    #case-study-view #case-study-details .topic.columns p {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 40px;
      -moz-column-gap: 40px;
      column-gap: 40px;
      text-align: left;
      margin: 0;
      max-width: none; }
      @media only screen and (max-width: 540px) {
        #case-study-view #case-study-details .topic.columns p {
          -webkit-column-count: 1;
          -moz-column-count: 1;
          column-count: 1; } }
    #case-study-view #case-study-details .topic.idea.bottom {
      width: 55%;
      padding-bottom: 40px; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details .topic.idea.bottom {
          width: 100%; } }
      #case-study-view #case-study-details .topic.idea.bottom img {
        margin-top: 60px;
        margin-bottom: 60px; }
    #case-study-view #case-study-details .topic.spread > div {
      margin-bottom: 40px; }
    #case-study-view #case-study-details .topic.cover {
      width: 100%;
      border-bottom: 0;
      max-width: none;
      padding-bottom: 0;
      margin-bottom: 50px;
      margin-top: 50px; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details .topic.cover {
          margin: 35px 0; }
          #case-study-view #case-study-details .topic.cover .foreground-contents {
            box-sizing: border-box;
            padding: 35px;
            position: relative !important;
            top: auto !important;
            left: auto !important; }
          #case-study-view #case-study-details .topic.cover .background-contents {
            position: absolute !important;
            top: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            right: 0 !important;
            overflow: hidden; }
            #case-study-view #case-study-details .topic.cover .background-contents img {
              min-width: 100%;
              min-height: 100%;
              height: auto;
              width: auto;
              margin: 0 auto; } }
      #case-study-view #case-study-details .topic.cover .foreground-contents h2 {
        margin-left: 20%;
        margin-right: 20%; }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details .topic.cover .foreground-contents h2 {
            margin: 35px 0;
            font-size: 30px !important; } }
      #case-study-view #case-study-details .topic.cover .foreground-contents h3 {
        color: white;
        text-align: center;
        margin-left: 20%;
        margin-right: 20%; }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details .topic.cover .foreground-contents h3 {
            margin: 35px 0 !important;
            font-size: 22px !important; } }
      #case-study-view #case-study-details .topic.cover .hero {
        background-color: #ccc;
        width: 100%;
        height: 500px;
        margin-bottom: 200px; }
      #case-study-view #case-study-details .topic.cover .bg {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center; }
        #case-study-view #case-study-details .topic.cover .bg .contents {
          width: 75%;
          max-width: 800px;
          margin: 0 auto; }
          #case-study-view #case-study-details .topic.cover .bg .contents h2 {
            margin-top: 30px;
            margin-bottom: 20px; }
      #case-study-view #case-study-details .topic.cover .curve-bg {
        background-image: url("../img/curve-bg.jpg"); }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details .topic.cover .curve-bg h2 {
            font-size: 30px !important;
            margin: 35px 0 !important; } }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details .topic.cover .curve-bg p {
            margin: 35px 0 0 !important; } }
    #case-study-view #case-study-details .topic.metrics {
      padding-top: 25px;
      /*border-top:solid 1px #ccc;*/
      overflow: hidden; }
      #case-study-view #case-study-details .topic.metrics .right img {
        max-width: 100%; }
      @media only screen and (max-width: 768px) {
        #case-study-view #case-study-details .topic.metrics .left,
        #case-study-view #case-study-details .topic.metrics .right {
          float: none !important;
          width: auto !important;
          margin: 0 35px 35px !important; }
        #case-study-view #case-study-details .topic.metrics .description {
          width: auto !important;
          margin: 0 35px !important; }
        #case-study-view #case-study-details .topic.metrics h2,
        #case-study-view #case-study-details .topic.metrics p {
          margin: 35px 0; } }
    #case-study-view #case-study-details .logo {
      margin: 70px 35px 100px; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details .logo {
          margin: 35px; } }
      #case-study-view #case-study-details .logo img {
        width: auto;
        height: auto;
        max-height: 150px;
        max-width: 100%; }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details .logo img {
            max-height: 80px; } }
    #case-study-view #case-study-details .ipad-container {
      position: relative; }
      #case-study-view #case-study-details .ipad-container a {
        outline: 0;
        display: block; }
      #case-study-view #case-study-details .ipad-container .ipad-slideshow {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 78%;
        width: 78%;
        margin-top: -32%;
        margin-left: -41%;
        overflow: hidden;
        background: grey; }
        #case-study-view #case-study-details .ipad-container .ipad-slideshow > div {
          width: 100%;
          height: 100%; }
        #case-study-view #case-study-details .ipad-container .ipad-slideshow .vimeodynamic {
          width: 100%;
          height: 100%;
          overflow: hidden;
          text-align: center;
          background-size: cover !important;
          background-position: center center !important; }
          #case-study-view #case-study-details .ipad-container .ipad-slideshow .vimeodynamic i {
            z-index: 10;
            font-size: 80px;
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -40px;
            margin-left: -40px; }
            #case-study-view #case-study-details .ipad-container .ipad-slideshow .vimeodynamic i:before {
              text-shadow: 0 0 10px black; }
    #case-study-view #case-study-details.template-a .topic.idea, #case-study-view #case-study-details.template-c .topic.idea {
      position: relative;
      overflow: hidden;
      padding-bottom: 0;
      margin-bottom: 0; }
      #case-study-view #case-study-details.template-a .topic.idea .unit, #case-study-view #case-study-details.template-c .topic.idea .unit {
        float: left;
        width: 50%; }
      #case-study-view #case-study-details.template-a .topic.idea .unit h3, #case-study-view #case-study-details.template-c .topic.idea .unit h3 {
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 0;
        padding-top: 6%; }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details.template-a .topic.idea .unit h3, #case-study-view #case-study-details.template-c .topic.idea .unit h3 {
            padding: 0;
            margin: 35px; } }
      #case-study-view #case-study-details.template-a .topic.idea .unit p, #case-study-view #case-study-details.template-c .topic.idea .unit p {
        text-align: center;
        padding: 0 6%;
        padding-bottom: 6%;
        margin-top: 0px; }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details.template-a .topic.idea .unit p, #case-study-view #case-study-details.template-c .topic.idea .unit p {
            padding: 0;
            margin: 35px; } }
      #case-study-view #case-study-details.template-a .topic.idea .unit.bottom, #case-study-view #case-study-details.template-c .topic.idea .unit.bottom {
        height: 400px; }
      #case-study-view #case-study-details.template-a .topic.idea .unit.top, #case-study-view #case-study-details.template-c .topic.idea .unit.top {
        height: 550px; }
        #case-study-view #case-study-details.template-a .topic.idea .unit.top .v-centered, #case-study-view #case-study-details.template-c .topic.idea .unit.top .v-centered {
          height: 50%; }
      #case-study-view #case-study-details.template-a .topic.idea .bottom-left,
      #case-study-view #case-study-details.template-a .topic.idea .bottom-right, #case-study-view #case-study-details.template-c .topic.idea .bottom-left,
      #case-study-view #case-study-details.template-c .topic.idea .bottom-right {
        width: 50%;
        float: left; }
        #case-study-view #case-study-details.template-a .topic.idea .bottom-left img,
        #case-study-view #case-study-details.template-a .topic.idea .bottom-right img, #case-study-view #case-study-details.template-c .topic.idea .bottom-left img,
        #case-study-view #case-study-details.template-c .topic.idea .bottom-right img {
          width: 100%;
          height: auto; }
      @media only screen and (max-width: 1000px) {
        #case-study-view #case-study-details.template-a .topic.idea .unit, #case-study-view #case-study-details.template-c .topic.idea .unit {
          height: auto !important;
          float: none;
          width: 100%; }
          #case-study-view #case-study-details.template-a .topic.idea .unit p, #case-study-view #case-study-details.template-c .topic.idea .unit p {
            margin-bottom: 20px; } }
    #case-study-view #case-study-details.template-a .topic.cover, #case-study-view #case-study-details.template-c .topic.cover {
      position: relative; }
      #case-study-view #case-study-details.template-a .topic.cover .background-contents, #case-study-view #case-study-details.template-c .topic.cover .background-contents {
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%; }
      #case-study-view #case-study-details.template-a .topic.cover .foreground-contents, #case-study-view #case-study-details.template-c .topic.cover .foreground-contents {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%; }
        #case-study-view #case-study-details.template-a .topic.cover .foreground-contents p, #case-study-view #case-study-details.template-c .topic.cover .foreground-contents p {
          width: 75%;
          margin: 0 auto; }
        #case-study-view #case-study-details.template-a .topic.cover .foreground-contents h2, #case-study-view #case-study-details.template-a .topic.cover .foreground-contents p, #case-study-view #case-study-details.template-c .topic.cover .foreground-contents h2, #case-study-view #case-study-details.template-c .topic.cover .foreground-contents p {
          color: #fff; }
      @media only screen and (max-width: 1600px) {
        #case-study-view #case-study-details.template-a .topic.cover .foreground-contents p, #case-study-view #case-study-details.template-c .topic.cover .foreground-contents p {
          font-size: 18px; } }
      @media only screen and (max-width: 540px) {
        #case-study-view #case-study-details.template-a .topic.cover .foreground-contents p, #case-study-view #case-study-details.template-c .topic.cover .foreground-contents p {
          font-size: 16px; } }
    #case-study-view #case-study-details.template-a .topic.metrics p.title, #case-study-view #case-study-details.template-c .topic.metrics p.title {
      font-size: 24px;
      margin-bottom: 15px; }
    #case-study-view #case-study-details.template-a .topic.metrics p.description, #case-study-view #case-study-details.template-c .topic.metrics p.description {
      width: 70%;
      margin: 0 auto;
      margin-bottom: 50px;
      clear: both; }
      @media screen and (max-width: 768px) {
        #case-study-view #case-study-details.template-a .topic.metrics p.description, #case-study-view #case-study-details.template-c .topic.metrics p.description {
          width: 100%; } }
    #case-study-view #case-study-details.template-a .topic.metrics .metric, #case-study-view #case-study-details.template-c .topic.metrics .metric {
      box-sizing: border-box;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 50px;
      width: 50%; }
      #case-study-view #case-study-details.template-a .topic.metrics .metric img, #case-study-view #case-study-details.template-c .topic.metrics .metric img {
        width: 80%;
        margin: 0 auto; }
        @media screen and (max-width: 768px) {
          #case-study-view #case-study-details.template-a .topic.metrics .metric img, #case-study-view #case-study-details.template-c .topic.metrics .metric img {
            width: 100%; } }
    #case-study-view #case-study-details.template-b .topic.idea {
      padding-bottom: 0px; }
    #case-study-view #case-study-details.template-b .topic.metrics .left {
      width: 55%;
      text-align: left;
      margin-top: 20px; }
      #case-study-view #case-study-details.template-b .topic.metrics .left h2 {
        width: 300px; }
    #case-study-view #case-study-details.template-b .topic.metrics .right {
      width: 35%;
      margin-top: 20px; }
    #case-study-view #case-study-details.template-b .topic.cover {
      position: relative; }
      #case-study-view #case-study-details.template-b .topic.cover .background-contents {
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%; }
      #case-study-view #case-study-details.template-b .topic.cover .contents {
        position: relative;
        top: 0px;
        left: 0;
        z-index: 1; }
        #case-study-view #case-study-details.template-b .topic.cover .contents .copy {
          position: absolute;
          top: 0;
          left: 0;
          color: #fff;
          width: 100%; }
          #case-study-view #case-study-details.template-b .topic.cover .contents .copy h2 {
            margin-top: 40px; }
          #case-study-view #case-study-details.template-b .topic.cover .contents .copy h2, #case-study-view #case-study-details.template-b .topic.cover .contents .copy p {
            width: 60%;
            margin-left: auto;
            margin-right: auto; }
      #case-study-view #case-study-details.template-b .topic.cover.layered {
        max-height: 650px;
        overflow: hidden; }
        #case-study-view #case-study-details.template-b .topic.cover.layered .contents {
          position: absolute;
          bottom: 0;
          top: auto;
          width: 100%; }
          #case-study-view #case-study-details.template-b .topic.cover.layered .contents img {
            width: auto;
            max-width: 100%; }
      @media only screen and (max-width: 540px) {
        #case-study-view #case-study-details.template-b .topic.cover .contents .copy h2 {
          font-size: 16px; }
        #case-study-view #case-study-details.template-b .topic.cover .contents .copy p {
          font-size: 16px; } }
    #case-study-view #case-study-details.template-c .topic.idea .unit.top {
      height: auto; }
    #case-study-view #case-study-details.template-c .topic.idea .unit.bottom {
      height: auto; }
    #case-study-view #case-study-details.template-c .topic.idea .unit.right .v-centered {
      height: 34%;
      min-height: 250px; }
    #case-study-view #case-study-details.template-c .topic.idea .unit.right img {
      height: 33%; }
    #case-study-view #case-study-details.template-c .topic.cover {
      margin-bottom: 0; }
      #case-study-view #case-study-details.template-c .topic.cover .foreground-contents {
        top: auto;
        height: auto;
        bottom: 10%;
        left: 20%;
        width: 40%;
        text-align: left; }
        #case-study-view #case-study-details.template-c .topic.cover .foreground-contents h2 {
          font-size: 26px; }
        #case-study-view #case-study-details.template-c .topic.cover .foreground-contents p {
          width: 100%;
          font-size: 16px;
          margin: 0;
          max-width: 600px; }
        @media only screen and (max-width: 540px) {
          #case-study-view #case-study-details.template-c .topic.cover .foreground-contents {
            width: 80%;
            left: 15%; }
            #case-study-view #case-study-details.template-c .topic.cover .foreground-contents h2 {
              font-size: 18px !important; } }

#case-study-details h3.sub-header {
  padding: 0 0 0 71px;
  height: 60px;
  display: block;
  margin-bottom: -20px !important; }
  @media screen and (max-width: 768px) {
    #case-study-details h3.sub-header {
      margin: 0 35px -20px; } }

.sub-header-insight {
  background: url("../img/icons/icon_insight.png") no-repeat;
  background-size: 48px 52px;
  line-height: 48px; }

.sub-header-idea {
  background: url("../img/icons/icon_idea.png") no-repeat;
  line-height: 60px; }

.sub-header-impact {
  background: url("../img/icons/icon_impact.png") no-repeat;
  line-height: 60px; }

.no-top-margin {
  margin-top: 0px !important; }

.logo-in-topic {
  width: 120px !important;
  margin-bottom: 40px;
  padding-top: 15px; }

.smaller-twitter-metric-image {
  width: 50% !important; }

body.smithfield header .background {
  opacity: 0; }

#smithfield-view {
  height: 100%;
  width: 100%; }

#smithfield-welcome {
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  html.mobile #smithfield-welcome p {
    width: 80%; }
  #smithfield-welcome .diamond-container .diamond {
    border-bottom-color: rgba(25, 25, 25, 0.5); }
    #smithfield-welcome .diamond-container .diamond:after {
      border-top-color: rgba(25, 25, 25, 0.5); }
  #smithfield-welcome .quote-paging {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px; }
  #smithfield-welcome .image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0; }
  #smithfield-welcome .backdrop-wrapper {
    width: 1000px;
    max-width: 100%;
    display: inline-block;
    position: relative;
    top: 50%; }
    #smithfield-welcome .backdrop-wrapper .backdrop {
      width: 0;
      height: 0;
      border: 500px solid transparent;
      border-bottom: 500px solid rgba(255, 255, 255, 0.8);
      position: absolute;
      top: -1000px;
      z-index: 1;
      left: 50%;
      margin-left: -500px; }
      @media only screen and (max-width: 500px) {
        #smithfield-welcome .backdrop-wrapper .backdrop {
          border: 400px solid transparent;
          border-bottom: 400px solid rgba(255, 255, 255, 0.8);
          margin-left: -400px;
          top: -800px; } }
      #smithfield-welcome .backdrop-wrapper .backdrop:after {
        content: '';
        position: absolute;
        left: -500px;
        top: 500px;
        width: 0;
        height: 0;
        border: 500px solid transparent;
        border-top: 500px solid rgba(255, 255, 255, 0.8); }
        @media only screen and (max-width: 500px) {
          #smithfield-welcome .backdrop-wrapper .backdrop:after {
            left: -400px;
            top: 400px;
            border: 400px solid transparent;
            border-top: 400px solid rgba(255, 255, 255, 0.8); } }
  #smithfield-welcome .diamond-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2; }
    #smithfield-welcome .diamond-backdrop .tri {
      width: 0;
      height: 0;
      border: solid 250px transparent;
      position: absolute;
      -webkit-transition: border-width 0.5s linear;
              transition: border-width 0.5s linear;
      border-width: 0;
      border-color: rgba(25, 25, 25, 0.5); }
      #smithfield-welcome .diamond-backdrop .tri.triTopLeft {
        border-bottom-color: transparent;
        border-right-color: transparent;
        top: 0;
        left: 0; }
      #smithfield-welcome .diamond-backdrop .tri.triBotLeft {
        border-right-color: transparent;
        border-top-color: transparent;
        bottom: 0;
        left: 0; }
      #smithfield-welcome .diamond-backdrop .tri.triTopRight {
        border-left-color: transparent;
        border-bottom-color: transparent;
        top: 0;
        right: 0; }
      #smithfield-welcome .diamond-backdrop .tri.triBotRight {
        border-top-color: transparent;
        border-left-color: transparent;
        bottom: 0;
        right: 0; }
  #smithfield-welcome .v-centered-js {
    z-index: 2; }
  #smithfield-welcome h1 {
    background: url("../img/smithfield-logo-white.png") center no-repeat;
    background-size: contain;
    text-indent: -2000px;
    overflow: hidden;
    width: 80%;
    height: 200px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
  #smithfield-welcome h4, #smithfield-welcome .scroll-prompt {
    letter-spacing: 3px;
    font-size: 14px; }
  #smithfield-welcome hr {
    margin-bottom: 20px;
    margin-top: 20px;
    border-color: #333;
    width: 40px; }
  #smithfield-welcome p {
    width: 60%;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 15px; }
    #smithfield-welcome p.pretitle {
      margin-bottom: 5px; }
  @media only screen and (max-height: 540px) {
    #smithfield-welcome h4, #smithfield-welcome .scroll-prompt {
      padding: 10px;
      font-size: 11px;
      line-height: 18px; }
    #smithfield-welcome hr {
      margin-top: 12px;
      margin-bottom: 12px; } }

#smithfield-offering {
  height: 100%;
  background-color: #fff;
  color: #333;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 768px) {
    #smithfield-offering {
      margin-bottom: 60px;
      margin-top: 80px;
      padding-top: 90px; } }
  html.mobile #smithfield-offering p {
    width: 80%; }
  #smithfield-offering .quote-paging {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px; }
  #smithfield-offering h1 {
    font-size: 90px;
    width: 90%;
    margin: 0 auto;
    letter-spacing: 3px; }
  #smithfield-offering h4, #smithfield-offering .scroll-prompt {
    letter-spacing: 3px;
    font-size: 14px; }
  #smithfield-offering hr {
    margin-bottom: 20px;
    margin-top: 20px;
    border-color: #333;
    width: 40px; }
  #smithfield-offering p {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 15px; }
    #smithfield-offering p.pretitle {
      margin-bottom: 5px; }
  @media only screen and (max-height: 540px) {
    #smithfield-offering h4, #smithfield-offering .scroll-prompt {
      padding: 10px;
      font-size: 11px;
      line-height: 18px; }
    #smithfield-offering hr {
      margin-top: 12px;
      margin-bottom: 12px; } }
  #smithfield-offering .slideshow-paging.back-to-top {
    bottom: 0; }

#smithfield-meet-the-team {
  height: auto; }
  html.desktop #smithfield-meet-the-team {
    padding-top: 50px; }
  #smithfield-meet-the-team .slideshow-paging {
    display: none; }
  #smithfield-meet-the-team a {
    cursor: default; }
  #smithfield-meet-the-team .wpb_raw_code {
    color: #333;
    text-align: center;
    margin-bottom: 100px; }
    #smithfield-meet-the-team .wpb_raw_code h2 {
      font-size: 90px;
      width: 90%;
      margin: 0 auto;
      letter-spacing: 3px; }
    #smithfield-meet-the-team .wpb_raw_code hr {
      margin-bottom: 20px;
      margin-top: 20px;
      border-color: #333;
      width: 40px; }
    #smithfield-meet-the-team .wpb_raw_code p {
      width: 60%;
      margin: 0 auto;
      margin-bottom: 15px; }
      #smithfield-meet-the-team .wpb_raw_code p.pretitle {
        margin-bottom: 5px; }
    html.mobile #smithfield-meet-the-team .wpb_raw_code p {
      width: 80%; }
  #smithfield-meet-the-team .cases {
    height: auto;
    min-height: 100%; }
    #smithfield-meet-the-team .cases .grid {
      overflow: hidden; }
      #smithfield-meet-the-team .cases .grid a {
        display: block;
        width: 33.3%;
        float: left;
        position: relative;
        overflow: hidden; }
        @media only screen and (max-width: 1000px) {
          html.desktop #smithfield-meet-the-team .cases .grid a {
            width: 50%; } }
        @media only screen and (max-width: 700px) {
          html.desktop #smithfield-meet-the-team .cases .grid a {
            width: 100%; } }
        html.tablet #smithfield-meet-the-team .cases .grid a {
          width: 50%; }
        html.mobile #smithfield-meet-the-team .cases .grid a {
          width: 100%; }
        #smithfield-meet-the-team .cases .grid a img {
          width: 100%; }
        #smithfield-meet-the-team .cases .grid a .over {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          opacity: 0;
          background: rgba(1, 0, 0, 0.8);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc010000', endColorstr='#cc333333',GradientType=0 );
          /* IE6-9 */ }
          html.mobile #smithfield-meet-the-team .cases .grid a .over, html.tablet #smithfield-meet-the-team .cases .grid a .over {
            height: 25%;
            bottom: 0;
            top: auto;
            opacity: 0.7; }
        #smithfield-meet-the-team .cases .grid a .content {
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 6;
          padding: 24px;
          box-sizing: border-box; }
          html.mobile #smithfield-meet-the-team .cases .grid a .content, html.tablet #smithfield-meet-the-team .cases .grid a .content {
            top: auto;
            bottom: 0 !important;
            opacity: 1; }
            html.mobile #smithfield-meet-the-team .cases .grid a .content.content-middle, html.tablet #smithfield-meet-the-team .cases .grid a .content.content-middle {
              top: 0; }
            html.mobile #smithfield-meet-the-team .cases .grid a .content p, html.tablet #smithfield-meet-the-team .cases .grid a .content p {
              font-size: 18px; }
            html.mobile #smithfield-meet-the-team .cases .grid a .content.bottom, html.tablet #smithfield-meet-the-team .cases .grid a .content.bottom {
              padding: 18px 0; }
          html.desktop #smithfield-meet-the-team .cases .grid a .content.content-middle {
            top: 30px;
            height: 65%; }
            html.desktop #smithfield-meet-the-team .cases .grid a .content.content-middle p {
              font-size: 16px; }
            @media only screen and (max-width: 1250px) {
              html.desktop #smithfield-meet-the-team .cases .grid a .content.content-middle {
                top: 30px; }
                html.desktop #smithfield-meet-the-team .cases .grid a .content.content-middle p {
                  font-size: 12px;
                  line-height: 15px;
                  top: 20px; } }
            @media only screen and (min-width: 1500px) {
              html.desktop #smithfield-meet-the-team .cases .grid a .content.content-middle {
                top: 50px; }
                html.desktop #smithfield-meet-the-team .cases .grid a .content.content-middle p {
                  font-size: 1.2em;
                  line-height: 20px; } }
          html.mobile #smithfield-meet-the-team .cases .grid a .content.content-middle p {
            font-size: 12px;
            line-height: normal; }
          #smithfield-meet-the-team .cases .grid a .content.bottom {
            padding: 24px 0; }
            html.desktop #smithfield-meet-the-team .cases .grid a .content.bottom {
              top: auto;
              bottom: 0; }
            #smithfield-meet-the-team .cases .grid a .content.bottom .progress-bar {
              display: block;
              width: 0;
              height: 6px;
              background: #00ccff;
              margin: 0 0 -1px; }
              html.mobile #smithfield-meet-the-team .cases .grid a .content.bottom .progress-bar, html.tablet #smithfield-meet-the-team .cases .grid a .content.bottom .progress-bar {
                position: absolute;
                bottom: 0; }
        #smithfield-meet-the-team .cases .grid a h2 {
          color: #fff;
          font-size: 34px;
          letter-spacing: 1px;
          font-weight: normal;
          line-height: 34px;
          margin: 0; }
          @media only screen and (min-width: 1600px) {
            #smithfield-meet-the-team .cases .grid a h2 {
              font-size: 42px;
              line-height: 40px; } }
          @media only screen and (max-width: 1024px) {
            #smithfield-meet-the-team .cases .grid a h2 {
              font-size: 27px; }
              html.mobile #smithfield-meet-the-team .cases .grid a h2, html.tablet #smithfield-meet-the-team .cases .grid a h2 {
                font-size: 22px;
                line-height: 45px; } }
          @media only screen and (max-width: 768px) {
            #smithfield-meet-the-team .cases .grid a h2 {
              font-size: 22px; }
              html.mobile #smithfield-meet-the-team .cases .grid a h2, html.tablet #smithfield-meet-the-team .cases .grid a h2 {
                font-size: 16px;
                line-height: 30px; } }
        html.mobile.landscape #smithfield-meet-the-team .cases .grid a h2 {
          font-size: 14px; }
        #smithfield-meet-the-team .cases .grid a h3 {
          color: #fff;
          margin: 4px 24px 0;
          font-size: 19px;
          letter-spacing: 0.5px; }
          @media only screen and (min-width: 1600px) {
            #smithfield-meet-the-team .cases .grid a h3 {
              font-size: 27px; } }
          @media only screen and (max-width: 1024px) {
            #smithfield-meet-the-team .cases .grid a h3 {
              font-size: 16px; }
              html.mobile #smithfield-meet-the-team .cases .grid a h3, html.tablet #smithfield-meet-the-team .cases .grid a h3 {
                font-size: 12px;
                line-height: 2; } }
          @media only screen and (max-width: 768px) {
            #smithfield-meet-the-team .cases .grid a h3 {
              font-size: 12px; }
              html.mobile #smithfield-meet-the-team .cases .grid a h3, html.tablet #smithfield-meet-the-team .cases .grid a h3 {
                font-size: 10px;
                line-height: 1.2; } }
        #smithfield-meet-the-team .cases .grid a hr {
          width: 100%;
          display: block;
          border-top: 2px solid #00ccff;
          margin: 0 0 18px; }
          html.mobile #smithfield-meet-the-team .cases .grid a hr, html.tablet #smithfield-meet-the-team .cases .grid a hr {
            display: none; }
        #smithfield-meet-the-team .cases .grid a .highlight {
          display: none;
          background-position: 0 -280px;
          width: 55px;
          height: 55px;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 5;
          opacity: 0.5; }
  @media only screen and (max-width: 800px) {
    #smithfield-meet-the-team .cases .grid a {
      width: 50%; } }
  @media only screen and (max-width: 540px) {
    #smithfield-meet-the-team .cases .grid a {
      width: 100%; } }

body.technology header .background {
  -webkit-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear; }

#technology-view {
  height: 100%;
  width: 100%; }
  #technology-view .slideshow-paging {
    cursor: pointer;
    z-index: 4; }
  #technology-view hr {
    margin-bottom: 20px;
    margin-top: 20px;
    border-color: #333;
    width: 40px; }
  #technology-view .tech-work-wrapper {
    padding-top: 60px; }
  #technology-view .slideshow-paging.back-to-top {
    bottom: 0; }
  #technology-view button.button {
    display: inline-block;
    cursor: pointer;
    margin: 10px 0; }
  #technology-view h1 {
    padding-top: 60px; }
  #technology-view .diamond {
    border-bottom-color: rgba(25, 25, 25, 0.5); }
    #technology-view .diamond:after {
      border-top-color: rgba(25, 25, 25, 0.5); }
  #technology-view .diamond-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
    #technology-view .diamond-backdrop .tri {
      width: 0;
      height: 0;
      border: solid 250px transparent;
      position: absolute;
      border-width: 0;
      border-color: rgba(25, 25, 25, 0.5); }
      #technology-view .diamond-backdrop .tri.triTopLeft {
        border-bottom-color: transparent;
        border-right-color: transparent;
        top: 0;
        left: 0; }
      #technology-view .diamond-backdrop .tri.triBotLeft {
        border-right-color: transparent;
        border-top-color: transparent;
        bottom: 0;
        left: 0; }
      #technology-view .diamond-backdrop .tri.triTopRight {
        border-left-color: transparent;
        border-bottom-color: transparent;
        top: 0;
        right: 0; }
      #technology-view .diamond-backdrop .tri.triBotRight {
        border-top-color: transparent;
        border-left-color: transparent;
        bottom: 0;
        right: 0; }
      #technology-view .diamond-backdrop .tri.triTopMid {
        top: 0;
        border-bottom-color: transparent;
        border-right-color: transparent;
        left: 50%;
        -webkit-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
                transform: rotate(225deg); }
  #technology-view .v-centered-js {
    z-index: 3; }
  #technology-view .panel .image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 0; }

#technology-welcome {
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0; }
  html.mobile #technology-welcome p {
    width: 80%; }
  #technology-welcome .quote-paging {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px; }
  #technology-welcome h4, #technology-welcome .scroll-prompt {
    letter-spacing: 3px;
    font-size: 14px; }
  #technology-welcome p {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      #technology-welcome p {
        font-size: 1.4em; } }
    #technology-welcome p.pretitle {
      margin-bottom: 5px; }
  #technology-welcome hr {
    border-color: #fff; }
  @media only screen and (max-height: 540px) {
    #technology-welcome h4, #technology-welcome .scroll-prompt {
      padding: 10px;
      font-size: 11px;
      line-height: 18px; }
    #technology-welcome hr {
      margin-top: 12px;
      margin-bottom: 12px; } }

#technology-what-we-do {
  height: 100%;
  width: 100%;
  background-color: #fff;
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  #technology-what-we-do ul {
    line-height: 27px;
    text-align: center;
    width: 60%;
    list-style: none;
    margin: 0 auto 30px;
    font-size: 0.9em; }
    @media only screen and (min-width: 768px) {
      #technology-what-we-do ul {
        font-size: 1.4em; }
        #technology-what-we-do ul li {
          margin-bottom: 7px; } }
    @media only screen and (max-width: 568px) {
      #technology-what-we-do ul {
        width: 80%; } }
  #technology-what-we-do hr {
    border-color: #fff; }

#technology-our-work {
  height: 100%;
  width: 100%;
  background-color: #fff;
  color: #333;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  #technology-our-work p {
    width: 80%;
    margin: 0 auto; }
  #technology-our-work h1 {
    margin-bottom: 0; }
  #technology-our-work .cases {
    height: auto;
    padding-bottom: 60px; }
    #technology-our-work .cases .grid {
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
      padding: 30px;
      box-sizing: border-box; }
      @media only screen and (max-width: 768px) {
        #technology-our-work .cases .grid {
          text-align: center;
          max-width: 500px; } }
      #technology-our-work .cases .grid a {
        display: block;
        float: left;
        position: relative;
        overflow: hidden;
        text-align: left;
        cursor: pointer;
        width: 100%; }
        @media only screen and (min-width: 769px) {
          #technology-our-work .cases .grid a {
            width: 50%; } }
        @media only screen and (min-width: 1201px) {
          #technology-our-work .cases .grid a {
            width: 33%; } }
        html.tablet #technology-our-work .cases .grid a {
          width: 50%; }
        #technology-our-work .cases .grid a img {
          width: 100%; }
        #technology-our-work .cases .grid a .over {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          opacity: 0;
          background: rgba(1, 0, 0, 0.8);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc010000', endColorstr='#cc333333',GradientType=0 );
          /* IE6-9 */ }
          html.mobile #technology-our-work .cases .grid a .over, html.tablet #technology-our-work .cases .grid a .over {
            height: 25%;
            bottom: 0;
            top: auto; }
        #technology-our-work .cases .grid a .content {
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 6;
          padding: 24px 10px;
          box-sizing: border-box; }
          html.mobile #technology-our-work .cases .grid a .content, html.tablet #technology-our-work .cases .grid a .content {
            top: auto !important;
            bottom: 0 !important; }
            html.mobile #technology-our-work .cases .grid a .content.bottom, html.tablet #technology-our-work .cases .grid a .content.bottom {
              padding: 18px 0; }
          #technology-our-work .cases .grid a .content.top {
            opacity: 1; }
          #technology-our-work .cases .grid a .content.bottom {
            padding: 24px 0; }
            html.desktop #technology-our-work .cases .grid a .content.bottom {
              top: auto;
              bottom: 0; }
            #technology-our-work .cases .grid a .content.bottom .progress-bar {
              display: block;
              width: 0;
              height: 6px;
              background: #00ccff;
              margin: 0 0 -1px; }
              html.mobile #technology-our-work .cases .grid a .content.bottom .progress-bar, html.tablet #technology-our-work .cases .grid a .content.bottom .progress-bar {
                position: absolute;
                bottom: 0; }
        #technology-our-work .cases .grid a h2 {
          color: #fff;
          font-size: 34px;
          letter-spacing: 1px;
          font-weight: normal;
          line-height: 34px;
          margin: 0; }
          @media only screen and (min-width: 1600px) {
            #technology-our-work .cases .grid a h2 {
              font-size: 42px;
              line-height: 40px; } }
          @media only screen and (max-width: 1024px) {
            #technology-our-work .cases .grid a h2 {
              font-size: 27px; }
              html.mobile #technology-our-work .cases .grid a h2, html.tablet #technology-our-work .cases .grid a h2 {
                font-size: 22px;
                line-height: 45px; } }
          @media only screen and (max-width: 768px) {
            #technology-our-work .cases .grid a h2 {
              font-size: 22px; }
              html.mobile #technology-our-work .cases .grid a h2, html.tablet #technology-our-work .cases .grid a h2 {
                font-size: 16px;
                line-height: 30px; } }
        html.mobile.landscape #technology-our-work .cases .grid a h2 {
          font-size: 14px; }
        #technology-our-work .cases .grid a h3 {
          color: #fff;
          margin: 4px 10px 0;
          font-size: 19px;
          letter-spacing: .5px; }
          @media only screen and (min-width: 1600px) {
            #technology-our-work .cases .grid a h3 {
              font-size: 27px; } }
          @media only screen and (max-width: 1024px) {
            #technology-our-work .cases .grid a h3 {
              font-size: 16px; }
              html.mobile #technology-our-work .cases .grid a h3, html.tablet #technology-our-work .cases .grid a h3 {
                font-size: 12px;
                line-height: 2; } }
          @media only screen and (max-width: 768px) {
            #technology-our-work .cases .grid a h3 {
              font-size: 12px; }
              html.mobile #technology-our-work .cases .grid a h3, html.tablet #technology-our-work .cases .grid a h3 {
                font-size: 10px;
                line-height: 1.2; } }
        #technology-our-work .cases .grid a hr {
          width: 100%;
          display: block;
          border-top: 2px solid #00ccff;
          margin: 0 0 18px; }
          html.mobile #technology-our-work .cases .grid a hr, html.tablet #technology-our-work .cases .grid a hr {
            display: none; }
        #technology-our-work .cases .grid a .highlight {
          display: none;
          background-position: 0px -280px;
          width: 55px;
          height: 55px;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 5;
          opacity: .5; }

#technology-contact-us {
  height: 100%;
  width: 100%;
  background-color: #fff;
  color: #000;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  #technology-contact-us .form-container {
    width: 60%;
    margin: 0px auto 15px; }
  #technology-contact-us input, #technology-contact-us textarea {
    color: black; }
  @media only screen and (min-width: 768px) {
    #technology-contact-us p {
      font-size: 1.4em; } }
  #technology-contact-us ul {
    font-size: 1.2em;
    line-height: 27px; }
  #technology-contact-us .contact-form {
    width: 510px;
    position: relative;
    margin: 0 auto; }
    @media only screen and (max-width: 700px) {
      #technology-contact-us .contact-form {
        width: 100%; } }
    #technology-contact-us .contact-form input,
    #technology-contact-us .contact-form textarea {
      border: 1px solid #cccccc;
      font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif;
      text-transform: uppercase;
      /*text-indent: 3px;*/
      padding-left: 4px;
      box-sizing: border-box;
      -webkit-appearance: none;
      border-radius: 0; }
      @media only screen and (max-width: 700px) {
        #technology-contact-us .contact-form input,
        #technology-contact-us .contact-form textarea {
          box-sizing: border-box;
          -webkit-appearance: none;
          border-radius: 0;
          text-indent: 0px !important; } }
    #technology-contact-us .contact-form .your-message textarea {
      padding-left: 5px; }
    #technology-contact-us .contact-form textarea {
      width: 100%; }
    #technology-contact-us .contact-form .two-column {
      width: 100%;
      height: 48px; }
      #technology-contact-us .contact-form .two-column div:first-child {
        margin-right: 10px; }
      #technology-contact-us .contact-form .two-column:after {
        content: '';
        display: block;
        clear: both; }
      @media only screen and (max-width: 700px) {
        #technology-contact-us .contact-form .two-column {
          height: 78px; } }
      @media only screen and (max-width: 700px) {
        #technology-contact-us .contact-form .two-column {
          height: auto !important;
          padding-bottom: 10px; } }
    #technology-contact-us .contact-form .form {
      margin-top: 10px; }
      #technology-contact-us .contact-form .form input {
        width: 100%;
        height: 30px;
        text-indent: 3px;
        line-height: 30px; }
    #technology-contact-us .contact-form .form.left {
      float: left;
      width: 49%; }
      #technology-contact-us .contact-form .form.left p {
        display: none; }
      @media only screen and (max-width: 700px) {
        #technology-contact-us .contact-form .form.left {
          float: none;
          width: 100%; } }
    #technology-contact-us .contact-form .enquiry-select-container {
      display: none; }
    #technology-contact-us .contact-form .dd-container a {
      font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif;
      text-transform: uppercase; }
    #technology-contact-us .contact-form .dd-container .dd-select {
      width: 99.25%;
      border-radius: none !important;
      box-sizing: border-box !important; }
      #technology-contact-us .contact-form .dd-container .dd-select a {
        color: #A9A9A9;
        padding: 6px;
        padding-left: 4px;
        font-weight: normal; }
    #technology-contact-us .contact-form .input-error {
      border-color: #fc0d1b;
      font-family: "quicksandregular", Helvetica, Helvetica Neue, Arial, sans-serif; }
      #technology-contact-us .contact-form .input-error::-webkit-input-placeholder {
        color: #fc0d1b; }
      #technology-contact-us .contact-form .input-error:-moz-placeholder {
        color: #fc0d1b; }
      #technology-contact-us .contact-form .input-error::-moz-placeholder {
        color: #fc0d1b; }
      #technology-contact-us .contact-form .input-error:-ms-input-placeholder {
        color: #fc0d1b; }
    #technology-contact-us .contact-form .wpcf7-submit {
      background-color: #00ccff;
      border: 1px solid #00ccff;
      color: white;
      font-family: "bebas-neue", Helvetica, Helvetica Neue, Arial, sans-serif;
      float: right;
      letter-spacing: 1px;
      padding: 3px 20px;
      font-size: 22px;
      width: auto;
      padding-bottom: 6px;
      margin: 0 0;
      height: auto;
      text-indent: 0; }
      html.no-touch #technology-contact-us .contact-form .wpcf7-submit:hover {
        background-color: #ffffff;
        color: #00ccff; }
    #technology-contact-us .contact-form .success-placeholder {
      display: none;
      position: absolute; }
      #technology-contact-us .contact-form .success-placeholder .success-container {
        display: table;
        width: 517px;
        height: 196px;
        margin-top: 20px; }
        @media only screen and (max-width: 420px) {
          #technology-contact-us .contact-form .success-placeholder .success-container {
            width: 228px; } }
        #technology-contact-us .contact-form .success-placeholder .success-container .success-text {
          background: #00ccff;
          color: white;
          position: relative;
          top: -236px;
          text-align: center;
          vertical-align: middle;
          display: table-cell; }
    #technology-contact-us .contact-form .fail-placeholder {
      display: none;
      position: absolute;
      bottom: -13px;
      left: 0;
      right: 0; }
      #technology-contact-us .contact-form .fail-placeholder .fail-container {
        width: 100%; }
        #technology-contact-us .contact-form .fail-placeholder .fail-container .fail-text {
          color: white;
          position: relative;
          background: #333333;
          padding: 20px;
          text-align: center; }
    #technology-contact-us .contact-form .close-form i {
      color: #00ccff;
      font-size: 40px;
      float: right;
      cursor: pointer; }
    #technology-contact-us .contact-form .close-form:after {
      content: '';
      display: block;
      clear: both; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .sprite-icon, .cursors .cursor, .diamond-container .arrow, ul.paging-dots li, .plus-icon, .close-icon-blue, .play-icon, .video-overlay .close-button span, #magazine-view .post ul.post-menu span, #magazine-view .post.quote .background, #about-shoes.panel .arrow-nav span, #work-view .cases .grid a .highlight, #smithfield-meet-the-team .cases .grid a .highlight, #technology-our-work .cases .grid a .highlight {
    background-image: url("../img/sprite@2x.png");
    background-size: 308px 672px; } }