@charset "UTF-8";
@import url("https://www.apple.com/wss/fonts/?family=Myriad+Set+Pro&v=1");
@import url("/jobs/css/fonts/icons.css");

/**
 * Base Styles.
 */

* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html,
body {
  height: 100%;
}

html {
  overflow-y: scroll;
  min-height: 100%;
  font-size: 100%;
  line-height: 1.4;
  font-weight: 100;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: white;
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.3;
}

hr {
  background: #e6e6e6;
  border: 0;
  height: 1px;
  margin: 0 1rem;
  overflow: hidden;
}

@media only screen and (min-width: 750px) {
  hr {
    margin-top: 2.5rem;
  }
}

@media only screen and (min-width: 1024px) {
  hr {
    margin: 5rem auto 3rem;
    max-width: 980px;
  }
  
  .aha hr {
    max-width: 800px;
  }

  .faq hr {
    margin: 0rem auto 3.5rem;
  }
}

img {
  height: auto;
  max-width: 100%;
  page-break-inside: avoid;
  -ms-interpolation-mode: bicubic;
}

@media all and (min-width: 45em) {
  body:after {
    content: 'widescreen';
    display: none;
  }
}

a,
a:link,
a:active {
  color: #0088cc;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.play-video.block-link:hover {
  text-decoration: none;
}

a.play-video.block-link:hover span {
  text-decoration: none !important;
  color: #78cbf4 !important;
}

a.link--black {
  color: black;
}

a.link--grey {
  color: #666666;
}

a.link-inline {
  display: block;
}

a.black-link,
a.black-link:link,
a.black-link span {
  color: #000 !important;
}

a.black-link:hover span {
  color: #0088cc !important;
}

@media only screen and (min-width: 750px) {
  a.link-inline {
    display: inline-block;
    margin-right: 1.5rem;
  }
}

@media only screen and (min-width: 1024px) {
  a.link-inline {
    margin-right: 2.5rem;
  }
}

.landscape-only,
.portrait-only,
.phone-only {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .landscape-only {
    display: block;
  }
}

@media only screen and (min-width: 750px) {
  .portrait-only {
    display: block;
  }
}

@media only screen and (min-width: 480px) {
  .phone-only {
    display: block;
  }
}

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

.clearfix:after {
  clear: both;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.show {
  display: block !important;
}

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

.invisible {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}


/**
 * START: Accessibility 
 */
/* Allows VoiceOver to read additional text, but hides its visibility. */
.a11y {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

p:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus {
  outline: none;
}
/**
 * END: Accessibility 
 */


/**
 * Close Button.
 */

.close {
  background: url(../images/icons/close-large-normal.svg) no-repeat top right;
  background-size: 34px 34px;
  height: 34px;
  overflow: hidden;
  position: fixed;
  right: 30px;
  top: 100px;
  text-indent: 100%;
  white-space: nowrap;
  width: 34px;
  z-index: 101;
}

.close:hover {
  background: url(../images/icons/close-large-hover.svg) no-repeat top right;
  background-size: 34px 34px;
  height: 34px;
  width: 34px;
}

.close--mobile {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .close {
    background: url(../images/icons/close-medium-normal.svg) no-repeat top right;
    background-size: 22px;
    height: 30px;
    width: 30px;
  }

  .close:hover {
    background: url(../images/icons/close-medium-hover.svg) no-repeat top right;
    background-size: 22px;
    height: 30px;
    width: 30px;
  }
}

@media only screen and (min-width: 480px) {
  .close--mobile {
    display: block;
    position: absolute;
    right: 25px;
    top: 25px;
  }
}

.site-width {
  margin: 0 1rem;
}

@media only screen and (min-width: 1024px) {
  .site-width {
    max-width: 980px;
    margin: 0 auto;
  }
}

.text-centered {
  text-align: center;
}

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

@media only screen and (min-width: 750px) {
  .text-centered-portrait {
    text-align: center;
  }
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.no-bullets {
  list-style: none;
}

.full-width-banner {
  background: #f6f6f6;
}

@media only screen and (min-width: 750px) {
  .full-width-banner {
    font-size: 1.375rem;
  }
}

.block-link, .block-link span {
  color: #0088cc !important;
}

.block-link:hover > span:first-child {
  text-decoration: underline;
}

/**
 * Layout classes.
 */

@media only screen and (min-width: 480px) {
  .mobile-2-col,
  .tablet-3-col,
  .desktop-2-col,
  .desktop-3-col,
  .desktop-4-col {
    font-size: 0;
  }

  .mobile-2-col > *,
  .tablet-3-col > *,
  .desktop-2-col > *,
  .desktop-3-col > *,
  .desktop-4-col > * {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 480px) and (max-width: 749px) {
  .mobile-2-col > * {
    display: inline-block;
    vertical-align: top;
    width: 47.014925373%;
  }

  .mobile-2-col > *:nth-child(2n) {
    margin-left: 5.970149254%;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1023px) {
  .tablet-2-col > *,
  .tablet-3-col > * {
    display: inline-block;
    vertical-align: top;
  }

  .tablet-2-col > * {
    width: 47.21448468%;
  }

  .tablet-2-col > *:nth-child(2n) {
    margin-left: 2.78551532%;
  }

  .tablet-3-col > * {
    margin-left: 2.78551532%;
    width: 31.47632312%;
  }

  .tablet-3-col > *:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .desktop-2-col > *,
  .desktop-3-col > *,
  .desktop-4-col > * {
    display: inline-block;
    vertical-align: top;
  }

  .desktop-2-col > * {
    width: 48.459958932%;
  }

  .desktop-2-col > *:nth-child(2n) {
    margin-left: 3.080082136%;
  }

  main .desktop-2-col > * {
    width: 48.263888889%;
  }

  main .desktop-2-col > *:nth-child(2n) {
    margin-left: 3.472222222%;
  }

  .desktop-3-col > * {
    margin-left: 3.080082136%;
    width: 31.279945243%;
  }

  .desktop-3-col > *:nth-child(3n+1) {
    margin-left: 0;
  }

  main .desktop-3-col > * {
    margin-left: 3.472222222%;
    width: 31.018518519%;
  }

  main .desktop-3-col > *:nth-child(3n+1) {
    margin-left: 0;
  }

  .desktop-4-col > * {
    margin-left: 3.080082136%;
    width: 22.689938398%;
  }

  .desktop-4-col > *:nth-child(4n+1) {
    margin-left: 0;
  }

  main .desktop-4-col > * {
    margin-left: 3.472222222%;
    width: 22.395833333%;
  }

  main .desktop-4-col > *:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .desktop-2-col > *,
  .desktop-3-col > *,
  .desktop-4-col > * {
    display: inline-block;
    vertical-align: top;
  }

  .desktop-2-col > * {
    width: 48.660714286%;
  }

  .desktop-2-col > *:nth-child(2n) {
    margin-left: 2.678571429%;
  }

  main .desktop-2-col > * {
    width: 48.387096774%;
  }

  main .desktop-2-col > *:nth-child(2n) {
    margin-left: 3.225806452%;
  }

  .desktop-3-col > * {
    margin-left: 2.678571429%;
    width: 31.547619048%;
  }

  .desktop-3-col > *:nth-child(3n+1) {
    margin-left: 0;
  }

  main .desktop-3-col > * {
    margin-left: 3.225806452%;
    width: 31.182795699%;
  }

  main .desktop-3-col > *:nth-child(3n+1) {
    margin-left: 0;
  }

  .desktop-4-col > * {
    margin-left: 2.678571429%;
    width: 22.991071429%;
  }

  .desktop-4-col > *:nth-child(4n+1) {
    margin-left: 0;
  }

  main .desktop-4-col > * {
    margin-left: 3.225806452%;
    width: 22.580645161%;
  }

  main .desktop-4-col > *:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media only screen and (min-width: 750px) {
  .lr-25-portrait {
    padding-left: 25px;
    padding-right: 25px;
  }

  .lr-65-portrait {
    padding-left: 65px;
    padding-right: 65px;
  }

  .lr-90-portrait {
    padding-left: 90px;
    padding-right: 90px;
  }
  
  .lr-105-portrait {
    padding-left: 105px;
    padding-right: 105px;
  }
}

.margin-bottom {
  margin-bottom: 1.875rem;
}

.margin-top {
  margin-top: 1.875rem;
  
}

.margin-top-bottom {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 750px) {
  .margin-bottom {
    margin-bottom: 2.5rem;
  }

  .margin-top {
    margin-top: 2.5rem;
  }
  
  .margin-top-bottom {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1024px) {
  .margin-bottom {
    margin-bottom: 3.75rem;
  }

  .margin-top {
    margin-top: 3.75rem;
  }
  
  .margin-top-bottom {
    margin-top: 4rem;
    margin-bottom: 6rem;
  }
}

/**
 * Tables.
 */

table {
  width: 100%;
}

table td {
  font-family: "Myriad Set Pro", sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 200;
  line-height: 1.3;
  padding: 1rem 0.5rem 0.9rem;
}

@media only screen and (min-width: 480px) {
  .table-row-borders tr {
    border-bottom: 1px solid #e6e6e6;
  }
}

@media only screen and (min-width: 750px) {
  table td {
    font-size: 1.2rem;
    padding: 2rem 0.25rem 1.8rem;
  }
}

table td:first-of-type {
  padding-left: 0;
}

table td:last-of-type {
  padding-right: 0;
}

table td.table-col-heading {
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 200;
}

.table-3-col td {
  width: 33.33%;
}

.table-4-col td {
  width: 25%;
  vertical-align: top;
}

.table-5-col td {
  width: 20%;
}

/**
 * Typography.
 */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 100;
  line-height: 1.2;
}

.text-left h1, .text-left h2, .text-left h3, .text-left h4, .text-left h5, .text-left h6 {
  text-align: left;
}

h1 {
  color: black;
  font-family: "Myriad Set Pro", sans-serif;
  font-size: 2.0625rem;
  font-style: normal;
  font-weight: 200;
  line-height: 1.1;
  margin-bottom: 15px;
  text-align: center;
}

.front h1 {
  font-size: 1.75rem;
}

@media only screen and (max-width: 374px) {
  .front h1 {
    font-size: 1.45rem;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 375px) {
  .front h1 {
    margin-top: -5.5rem;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  .front.hu .page-title h1 {
    font-size: 1.3rem;
    margin-top: 0;
  }
}

@media only screen and (min-width: 480px) {
  h1,
  .front h1 {
    font-size: 2.25rem;
  }
}

@media only screen and (min-width: 750px) {
  h1,
  .front h1 {
    font-size: 3rem;
    letter-spacing: -0.08rem;
    line-height: 1;
  }

  .front.hu .page-title h1 {
    font-size: 2.5rem;
  }


  main h1 {
    margin: 2rem 0 0.85rem;
  }
}

@media only screen and (min-width: 1024px) {
  h1,
  .front h1 {
    font-size: 4rem;
  }

  .front.hu .page-title h1 {
    font-size: 3.2rem;
  }


  main h1 {
    margin: 3rem 0 1rem;
  }

  .front h1 {
    margin: 1.8rem 0 1.2rem 0;
  }

  .faq h1 {
    font-size: 2.65rem;
  }
}

@media only screen and (min-width: 1200px) {
  h1,
  .front h1 {
    font-size: 4.3rem;
  }

  main h1 {
    margin: 4rem 0 2rem;
  }
}

h2 {
  color: black;
  font-family: "Myriad Set Pro", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 200;
  margin: 2.5rem 0 0.75rem;
}

@media only screen and (min-width: 750px) {
  h2 {
    font-size: 1.75rem;
    margin: 3rem 0 1rem;
  }

  .aha h2 {
    margin: 3rem 0 0.65rem;
  }
}

@media only screen and (min-width: 1024px) {
  h2 {
    font-size: 1.875rem;
    margin: 3rem 0 0.8rem;
  }
}

h3 {
  color: black;
  font-size: 1.125rem;
}

.front p {
  color: #666666;
}

.front p.large-dark {
  margin: 0.5rem 0 1.5rem;
}

@media only screen and (min-width: 1024px) {
  .front p.large-dark {
    margin: 2rem 0 3.125rem;
  }
}

p {
  color: #666666;
  font-size: .875rem;
  margin: 0 0 .5rem;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern" 1;
  font-feature-settings: "kern";
}

.faq p {
  color: #000;
}

.faq .large-text-portrait {
  font-size: 1.225rem;
}

p.large-dark {
  color: black;
}

p.large-thin, p.large-regular {
  font-size: 1.125rem;
}

p.large-thin {
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 200;
  line-height: 1.5;
}

@media only screen and (min-width: 750px) {
  p.large-dark {
    color: black;
  }

  p.large-thin, p.large-thin-portrait {
    font-size: 1.375rem;
    line-height: 1.7;
  }

  p.large-text-portrait {
    font-size: 1.125rem;
  }

  p.large-thin-portrait {
    font-family: "Myriad Set Pro", sans-serif;
    font-style: normal;
    font-weight: 200;
  }

  p.medium-thin-portrait {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 200;
    line-height: 1.5;
    margin-bottom: 0.8rem;
  }

}

@media only screen and (min-width: 1024px) {
  p.large-thin, p.large-thin-portrait {
    font-size: 1.595rem;
  }

  p.large-text-portrait {
    font-size: 1.225rem;
  }

  p.medium-thin-portrait {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 1.275rem;
    font-style: normal;
    font-weight: 200;
  }

  .front p.large-thin, .front p.large-thin-portrait {
    font-size: 1.6rem;
  }
}

strong {
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 700;
}

pre {
  padding: 0.7rem 16px;
  background-color: #666666;
  color: white;
  overflow: auto;
  margin: 1.4rem 0;
}

/**
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

button,
input,
select,
textarea {
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.content {
  box-shadow: none;
}

/**
 * Typography & styling for various full width banners.
 */

[class*="banner-"] p:last-child {
  margin-bottom: 0;
}

.banner-small,
.banner-large {
  color: black;
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 200;
}

.banner-small {
  font-size: 1rem;
  padding: .65rem 0 .5rem;
}

.banner-title {
  margin: 2rem 0 0.75rem;
}

@media only screen and (min-width: 750px) {
  .banner-small {
    font-size: 1.3125rem;
    padding: 1.3875rem 0 1rem;
  }

  .banner-large {
    font-size: 1.3125rem;
  }

  .banner-title {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 200;
    margin: 2.5rem 0 0.75rem;
  }

}

@media only screen and (min-width: 1024px) {
  .banner-small {
    font-size: 1.425rem;
  }

  .banner-large {
    font-size: 1.425rem;
  }
}

/**
 * Icons.
 */

.icon {
  font-family: "icons" !important;
  font-size: 54%;
  -webkit-text-size-adjust: none;
  line-height: 0;
  position: relative;
  text-decoration: none !important;
  vertical-align: baseline;
}

.icon:before {
  left: 0;
  position: relative;
}

.icon_chevron-right,
.icon_chevron-left {
  font-size: 54%;
}

.icon_chevron-right:before,
.icon_chevron-left:before {
  bottom: 1px;
}

.icon_chevron-right.icon-small,
.icon_chevron-left.icon-small {
  font-size: 50%;
}

.icon_chevron-right.icon-small:before,
.icon_chevron-left.icon-small:before {
  bottom: 1px;
}

.icon_chevron-down,
.icon_chevron-up {
  font-size: 6px;
  margin-left: 5px;
}

.icon_chevron-down:before,
.icon_chevron-up:before {
  bottom: 8px;
}

.icon_play {
  font-size: 90%;
}

.icon_play:before {
  bottom: 3px;
}

/**
 * Prevents icon clipping in area above retail-opportunities.
 */
.retail-opportunities .icon_chevron-right:before {
  position: static;
}

.retail-opportunities .icon_chevron-right {
  padding-bottom: 2px;
}

@media only screen and (max-width: 749px) {
  .icon-small-phone {
    font-size: 8px;
  }
  
  div.grey-back {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
	margin-bottom: -15px !important;
  }
}

@media only screen and (min-width: 750px) {
  .icon_chevron-right:before,
  .icon_chevron-left:before {
    bottom: 2px;
  }

  .icon_chevron-down,
  .icon_chevron-up {
    font-size: 25%;
  }

  .icon_chevron-down:before,
  .icon_chevron-up:before {
    bottom: 10px;
  }

  .icon_play {
    font-size: 72%;
  }

  .icon_play:before {
    bottom: 4px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1023px) {
  .icon_chevron-right.bottom-1-portrait:before,
  .icon_chevron-left.bottom-1-portrait:before {
    bottom: 1px;
  }

  .medium-thin-portrait .icon_chevron-down,
  .medium-thin-portrait .icon_chevron-up {
    font-size: 6px;
    margin-left: 5px;
  }

  .medium-thin-portrait .icon_chevron-down:before,
  .medium-thin-portrait .icon_chevron-up:before {
    bottom: 8px;
  }

  .medium-thin-portrait .icon_play {
    font-size: 90%;
  }

  .medium-thin-portrait .icon_play:before {
    bottom: 3px;
  }
}

@media only screen and (min-width: 1024px) {
  .icon_chevron-right,
  .icon_chevron-left {
    margin-left: .25rem;
  }

  .icon_chevron-right.bottom-3-landscape:before,
  .icon_chevron-left.bottom-3-landscape:before {
    bottom: 3px;
  }

  .icon_chevron-down,
  .icon_chevron-up {
    font-size: 25%;
    margin-left: 10px;
    top: 5px;
  }

  .icon_chevron-down:before,
  .icon_chevron-up:before {
    bottom: 12px;
  }
}

/**
 * Input.
 */

button,
input[type=submit] {
  background: transparent;
  border: 1px solid #999999;
  border-radius: 3px;
  color: #999999;
  display: inline-block;
  height: 40px;
  padding: 4px 10px 2px;
  text-align: center;
}

button:hover {
  background: #999999;
  color: white;
  text-decoration: none;
}

input[type=submit] {
  border: 1px solid #0088cc;
  color: #0088cc;
}

input[type=submit]:hover {
  background: #0088cc;
  color: white;
}

input[type=textfield],
input[type=email] {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  height: 36px;
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 2px 5px;
  -webkit-appearance: none;
}

/**
 * Checkboxes.
 */

input[type=checkbox],
input[type=radio] {
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 2px;
  height: 15px;
  margin: 5px 5px 0;
  padding: 0;
  position: relative;
  width: 15px;
}

input[type=checkbox]:active,
input[type=radio]:active {
  background: #d6d6d6;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
  background: #93c8f6;
  border: 1px solid #7dabd5;
}

input[type=checkbox]:checked:active,
input[type=radio]:checked:active {
  background: #7bbcf4;
}

input[type=checkbox]:checked {
  background: #93c8f6 url(../images/icons/checkbox.svg);
  background-position: 2px 3px;
  background-repeat: no-repeat;
  background-size: 9px 8px;
}

input[type=radio] {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-top: -2px;
}

input[type=radio]:checked {
  background: #93c8f6 url(../images/icons/radio.svg);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  background-size: 7px 7px;
}

/**
 * Select.
 */

.select-wrapper {
  border: 1px solid #bbbbbb;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: white url(../images/icons/select.svg) no-repeat;
  background-position: 100% top;
  background-size: 38px 38px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #666666;
  font-family: "Myriad Set Pro", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 200;
  height: 38px;
  line-height: 1.2;
  margin: 0;
  padding: 10px 50px 5px 10px;
  width: 100%;
}

/**
 * IE Fixes.
 */

select::-ms-expand {
  display: none;
  /* to ie 10 */
}

html[data-useragent*='MSIE 10.0'] select {
  padding-top: 7px;
}

html[data-useragent*='MSIE 9.0'] select {
  background: white;
  padding: 5px 5px 5px 10px;
}

/**
 * Firefox Fixes.
 */

@-moz-document url-prefix() {
  select {
    background-position: calc(100% - 16px) center;
    padding-top: 7px;
    width: calc(100% + 16px);
  }
}

@media only screen and (min-width: 1024px) {
  .select-wrapper {
    max-width: 350px;
  }
}

/**
 * Textarea.
 */

textarea {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 2px 5px;
  -webkit-appearance: none;
}

label {
  color: #666666;
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 200;
  margin-right: 0.5rem;
}

/**
 * Video.
 */

.video-wrapper {
  margin: 0 auto 85px;
  max-width: 848px;
  position: relative;
}

.video-wrapper video {
  margin: auto auto;
  display: block;
}

/**
 * Layout.
 */

header {
  max-width: 1440px;
  margin: auto auto;
}

.faq header {
  max-width: 100%;
}

#ac-globalnav {
  max-width: 1440px;
  margin: auto auto !important;
}

.aha #ac-globalnav,
.aha-faq #ac-globalnav {
  max-width: 100%;
}

@media only screen and (max-device-width: 767px) {
  #globalheader {
    margin-bottom: 0;
  }

  .gh-show-nav #globalheader .gh-nav {
    background: #666;
  }

  #globalheader .gh-tab-link {
    margin-top: .7rem;
  }
}

@media only screen and (min-device-width: 768px) {
  #globalheader {
    margin: 0;
  }
}

/* Make sure the overflow on the global header to provide scrolling dont remve it from the iphones */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 2){
    #globalheader{
      overflow: visible !important;
    }
}
/* iphone 6+ */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3){
    #globalheader{
      overflow: visible !important;
    }
}
/*
corrects an issue where the menu got clipped on the first brekapoint
it originates from the jQuery.sticky.js script
*/
@media only screen and (min-width: 750px) {
  .sticky-wrapper {
    height: auto;
  }
  .sticky-wrapper[style] {
    height: auto !important;
  }
}
@media only screen and (max-width: 1023px) {
  /* This removes the scrollbars from header & make it still scrollable on webkit. */
  #globalheader{
    min-width: 100%;
    overflow: hidden;
  }
  header .sticky-wrapper{
    overflow-x: scroll;
     -ms-overflow-style: none;
     overflow: -moz-scrollbars-none;
  }
  header .sticky-wrapper::-webkit-scrollbar{
    width: 0 !important;
  }

  #globalheader .gh-content { 
    width: auto;
    background: #666; 
    padding-left: .5em;
  }

  #globalheader .gh-nav-list { 
    width: auto; /* needs to overwrite global */ 
    margin-left: 12px; 
    margin-right: 12px;
  }
}

#globalheader .gh-tab-search.enhance.active .gh-search-input-wrapper .gh-search-input {
  line-height: 36px;
}

@media only screen and (min-width: 1024px) {
  #globalheader .gh-nav-list {
    margin-left: 0;
    margin-right: 0;
    width: 980px;
  }
}

/**
 * Local navigation.
 */

.local-nav {
  background: rgba(255, 255, 255, 0.85);
  height: 3rem;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1000;
}

.local-nav > div {
  height: 70px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}

.local-nav h1,
.local-nav ul li,
.faq .local-nav h1,
.faq .local-nav ul li {
  color: black;
}

.local-nav h1 {
  display: inline;
  line-height: 1;
}

.local-nav h1 a:hover,
.local-nav h1 a:focus {
  color: black;
}

.local-nav ul {
  padding-right: 1rem;
}

.local-nav ul li {
  display: inline;
}

.local-nav h1 + ul,
.local-nav ul li + li {
  margin-left: 1.25rem;
}

.local-nav a {
  color: black;
  display: inline-block;
}

.local-nav a:hover {
  text-decoration: none;
}

.is-sticky .local-nav {
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #E6E6E6;
  left: 0;
}

@media only screen and (max-width: 749px) {
  .local-nav h1 {
    color: black;
    letter-spacing: normal;
    line-height: inherit;
    position: relative;
    top: 0;
  }

  .local-nav ul {
    display: inline;
  }

  .local-nav h1,
  .local-nav ul li {
    font-family: "Myriad Set Pro", "Lucida Sans Unicode", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: normal;
  }

  .local-nav a {
    color: #666666;
    height: 2rem;
    padding-top: 1rem;
  }

  .local-nav a:hover, .local-nav a:focus {
    color: black;
    text-decoration: underline;
  }

  .local-nav .current a {
    color: black;
  }

  .local-nav .current a:hover {
    text-decoration: none;
  }
}

@media only screen and (min-width: 750px) {
  .local-nav {
    background: rgba(255, 255, 255, 0.95);
    height: 3.25rem;
    border-bottom: 1px solid #E6E6E6;
  }

  .local-nav h1 {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 200;
    letter-spacing: -0.03rem;
    position: relative;
    top: 0.8rem;
  }

  .local-nav h1 a,
  .local-nav h1 a:link,
  .local-nav h1 a:hover,
  .local-nav h1 a:active,
  .local-nav h1 a:focus {
    color: black;
  }

  .local-nav ul {
    float: right;
    text-align: right;
    position: relative;
    top: 1rem;
  }

  .local-nav ul li {
    color: white;
    font-size: .875rem;
  }

  .local-nav ul li:last-child a {
    background: rgba(102, 102, 102, 0.7);
    border-radius: 4px;
    box-sizing: content-box;
    color: white;
    display: inline-block;
    height: 1.2rem;
    padding: .27rem .75rem 0;
  }

  .local-nav ul li:last-child a:hover {
    background: rgba(0, 0, 0, 1);
  }

  .local-nav ul li.current a {
    color: rgba(0, 0, 0, 0.5);
  }

  .local-nav a:hover {
    color: #0088cc;
  }

  .is-sticky .local-nav h1 a,
  .is-sticky .local-nav h1 a:link,
  .is-sticky .local-nav h1 a:hover,
  .is-sticky .local-nav h1 a:active,
  .is-sticky .local-nav h1 a:focus {
    color: black;
  }

  .is-sticky .local-nav ul li {
    color: black;
  }

  .is-sticky .local-nav ul li.current a {
    color: #666666;
  }

  .is-sticky .local-nav a:hover {
    color: #0088cc;
  }

  .is-sticky .local-nav ul li:last-child a:hover {
    color: #fff;
  }

  .local-nav,
  .is-sticky .local-nav {
    transition: all 0.25s ease;
  }
}

@media only screen and (min-width: 1200px) {
  .local-nav > div::after {
    margin: 0;
  }

  .local-nav h1 {
    padding-left: 0;
  }

  .local-nav ul {
    padding-right: 0;
  }
}

html[data-useragent*="Firefox"] .local-nav ul {
  top: -.9rem;
}

/**
 * CTA Banner inside hero.
 */

.cta-banner {
  min-height: 2.5rem;
  margin: 1rem 0 1.5625rem;
  padding-top: .75rem;
}

.cta-banner a {
  margin-left: .25rem;
}

.cta-banner a .icon_chevron-right {
  margin-left: 0;
}

@media only screen and (max-width: 374px) {
  .cta-banner {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media only screen and (min-width: 750px) {
  .cta-banner {
    height: 3.375rem;
    padding-top: .9rem;
  }
}

@media only screen and (min-width: 1024px) {
  .cta-banner {
    height: 4.25rem;
    padding-top: 1.4rem;
  }
}

/**
 * Inside hero styling.
 */

.hero {
  background: url(/jobs/images/backgrounds/hero/front.jpg) center top no-repeat;
  background-size: cover;
  margin: 0 0 3.8125rem;
  position: relative;
  width: 100%;
  max-width: 1440px;
}

.hero::before {
  content: "";
  display: block;
  padding-top: 60%;
}

.hero .cta-banner {
  bottom: -2.9rem;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

@media only screen and (min-width: 374px) and (max-width: 749px) {
  .hero .cta-banner {
    bottom: -2rem !important;
    margin-bottom: 1rem;
  }

  .hero {
    margin: 0 0 2.8rem;
  }
}

@media only screen and (max-width: 374px) {
  .hero .cta-banner a {
    display: block;
  }

  .hero {
    margin: 0 0 4.4rem;
  }
}

.students .hero {
  background-image: url(/jobs/images/backgrounds/hero/students.jpg);
}

.corporate .hero {
  background-image: url(/jobs/images/backgrounds/hero/corporate.jpg);
}

.retail .hero {
  background-image: url(/jobs/images/backgrounds/hero/retail.jpg);
}

.aha .aha-corporate-1 {
  background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.aha .aha-content-image-1 {
  background-image: url(/jobs/images/content/aha/aha-corp-1-phone@2x.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.aha .aha-corporate-2 {
  background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.aha .aha-students-1 {
  background-image: url(/jobs/images/backgrounds/hero/aha-students-1.jpg);
  background-position: 50% 99%;
  background-size: cover;
  background-repeat: no-repeat;
}

.aha .aha-content-image-2 {
  background-image: url(/jobs/images/content/aha/aha-students-1-phone@2x.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.aha .aha-students-2 {
  background-image: url(/jobs/images/backgrounds/hero/aha-students-2.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 480px) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-phone.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-phone.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-phone.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-phone.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-phone.jpg);
    padding-bottom: 80%;
    padding-top: 1rem;
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-phone.jpg);
    background-size: cover;
    padding-bottom: 70%;
  }
  
  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-phone.jpg);
    padding-top: 1rem;
    padding-bottom: 70%;
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-phone.jpg);
    padding-bottom: 70%;
  }
  
}

@media only screen and (min-width: 750px) {
  .hero {
    margin: -5rem auto 3.375rem;
  }

  .front .hero {
    margin: -6rem auto 3.375rem;
  }

  .students .hero {
    margin: auto auto 3.375rem;
  }

  .corporate .hero {
    margin: -3rem auto 3.375rem;
  }

  .retail .hero {
    margin: auto auto 3.375rem;
  }

  .hero::before {
    padding-top: 50.3%;
  }

  .hero .cta-banner {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: white;
  }

  .not-front .hero .cta-banner a {
    color: inherit;
  }

  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-portrait.jpg);
  }

  .front .hero .cta-banner {
    background: rgba(255, 255, 255, 0.35);
    color: black;
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-portrait.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-portrait.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-portrait.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-portrait.jpg);
    padding-bottom: 70%;
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-portrait.jpg);
    padding-bottom: 70%;
  }

  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-portrait.jpg);
    padding-bottom: 80%;
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-portrait.jpg);
    padding-bottom: 65%;
  }
  
  .aha .aha-content-image-2 {
    background-position: 50% 80%;
  }
  
}

@media only screen and (min-width: 1024px) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-landscape.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-landscape.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-landscape.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-landscape.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-landscape.jpg);
    padding-bottom: 62%;
  }

  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-landscape.jpg);
    padding-bottom: 50%;
  }
  
  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-landscape.jpg);
  }

  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-landscape.jpg);
  }
}

@media only screen and (min-width: 1200px) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-desktop.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-desktop.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-desktop.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-desktop.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-desktop.jpg);
    padding-bottom: 50%;
  }
  
  .aha .aha-content-image-1 {
    background-image: url(/jobs/images/content/aha/aha-corp-1-desktop@2x.jpg);
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-desktop.jpg);
  }

  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-desktop.jpg);
    padding-bottom: 50%;
  }
  
  .aha .aha-content-image-2 {
    background-image: url(/jobs/images/content/aha/aha-students-1-desktop@2x.jpg);
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-desktop.jpg);
    padding-bottom: 42%;
  }
  
}

@media only screen and (min-width: 1650px) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-desktop@2x.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-desktop@2x.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-desktop@2x.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-desktop@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-desktop@2x.jpg);
  }
  
  .aha .aha-content-image-1 {
    background-image: url(/jobs/images/content/aha/aha-corp-1-desktop@2x.jpg);
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-desktop@2x.jpg);
  }
  
  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-desktop@2x.jpg);
  }
  
  .aha .aha-content-image-2 {
    background-image: url(/jobs/images/content/aha/aha-students-1-desktop@2x.jpg);
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-desktop@2x.jpg);
  }
  
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front@2x.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students@2x.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate@2x.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1@2x.jpg);
    padding-bottom: 105%;
    padding-top: 1rem;
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2@2x.jpg);
    padding-bottom: 100%;
    background-size: cover;
  }
  
  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1@2x.jpg);
    padding-bottom: 80%;
    padding-top: 1rem;
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2@2x.jpg);
    padding-bottom: 85%;
  }
}

/* iphone 6+ & 6*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
  screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .aha .aha-corporate-1 {
    padding-bottom: 85%;
  }
  
  .aha .aha-corporate-2 {
    padding-bottom: 80%;
  } 
}

/* Landscape */
@media only screen and (max-width: 660px) and (orientation: landscape),
screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3),
screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .aha .aha-corporate-1 {
    padding-bottom: 80%;
  }
  
  .aha .aha-corporate-2 {
    padding-bottom: 70%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-resolution: 192dpi) and (min-width: 480px),
  only screen and (min-resolution: 2dppx) and (min-width: 480px) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-phone@2x.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-phone@2x.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-phone@2x.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-phone@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-phone@2x.jpg);
  }
  
  .aha .aha-content-image-1 {
    background-image: url(/jobs/images/content/aha/aha-corp-1-phone@2x.jpg);
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-phone@2x.jpg);
  }
  
  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-phone@2x.jpg);
    padding-top: 1rem;
    padding-bottom: 70%;
  }
  
  .aha .aha-content-image-2 {
    background-image: url(/jobs/images/content/aha/aha-students-1-phone@2x.jpg);
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-phone@2x.jpg);
    padding-bottom: 70%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 750px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min-resolution: 192dpi) and (min-width: 750px),
  only screen and (min-resolution: 2dppx) and (min-width: 750px) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-portrait@2x.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-portrait@2x.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-portrait@2x.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-portrait@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-portrait@2x.jpg);
    padding-bottom: 65%;
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-portrait@2x.jpg);
    padding-bottom: 65%;
  }
  
  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-portrait@2x.jpg);
    padding-bottom: 75%;
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-portrait@2x.jpg);
    padding-bottom: 60%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min-resolution: 192dpi) and (min-width: 1024px),
  only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-landscape@2x.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-landscape@2x.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-landscape@2x.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-landscape@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-landscape@2x.jpg);
    padding-bottom: 60%;
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-landscape@2x.jpg);
    padding-bottom: 55%;
  }
  
  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-landscape@2x.jpg);
    padding-bottom: 70%;
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-landscape@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1200px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min-resolution: 192dpi) and (min-width: 1200px),
  only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
  .front .hero {
    background-image: url(/jobs/images/backgrounds/hero/front-desktop@2x.jpg);
  }

  .students .hero {
    background-image: url(/jobs/images/backgrounds/hero/students-desktop@2x.jpg);
  }

  .corporate .hero {
    background-image: url(/jobs/images/backgrounds/hero/corporate-desktop@2x.jpg);
  }

  .retail .hero {
    background-image: url(/jobs/images/backgrounds/hero/retail-desktop@2x.jpg);
  }
  
  .aha .aha-corporate-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-1-desktop@2x.jpg);
    padding-bottom: 50%;
  }
  
  .aha .aha-content-image-1 {
    background-image: url(/jobs/images/content/aha/aha-corp-1-desktop@2x.jpg);
  }
  
  .aha .aha-corporate-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-corporate-2-desktop@2x.jpg);
    padding-bottom: 50%;
  }
  
  .aha .aha-students-1 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-1-desktop@2x.jpg);
    padding-bottom: 50%;
  }
  
  .aha .aha-content-image-2 {
    background-image: url(/jobs/images/content/aha/aha-students-1-desktop@2x.jpg);
  }
  
  .aha .aha-students-2 {
    background-image: url(/jobs/images/backgrounds/hero/aha-students-2-desktop@2x.jpg);
    padding-bottom: 43%;
  }
}

.front .hero::before {
  padding-top: 85%;
}

.front .hero .page-title {
  bottom: 1%;
  position: absolute;
  width: 100%;
}

@media only screen and (min-width: 373px) {
  .front .hero .page-title {
    bottom: 6%;
  }
}

@media only screen and (min-width: 750px) {
  .front .hero::before {
    padding-top: 72.55%;
  }

  .front .hero .page-title {
    bottom: 10%;
  }
}

@media only screen and (min-width: 1024px) {
  .front .hero .cta-banner {
    height: 5rem;
    padding-top: 1.6rem;
    font-size: 1.65rem;
  }
}

.section-nav-block {
  margin-bottom: .9375rem;
  margin-top: 2rem;
}

.section-nav-block * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666666;
}

.section-nav-block a:hover {
  text-decoration: none;
}

.section-nav-block li {
  text-align: center;
}

.section-nav-block li:hover .block-link > span:first-child {
  text-decoration: underline;
}

.section-nav-block li + li {
  margin-top: 2.5rem;
}

.section-nav-block li h3 {
  font-family: "Myriad Set Pro", sans-serif;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 200;
  margin: 0 0 .1em;
  color: black;
}

.section-nav-block li p {
  color: #666666;
  font-size: 0.875rem;
}

.section-nav-block li p:last-child {
  margin-bottom: 0;
}

.front .section-nav-block {
  margin-top: 2rem;
}

.front .section-nav-block.no-banner {
  margin-bottom: 0;
}

div.grey-back {
  background-color: #f6f6f6;
  padding-top: 75px;
  padding-bottom: 50px;
  max-width: 1440px;
  margin: 0 auto -25px;
}

.front .slider-wrapper.no-banner {
  padding-bottom: 0;
}

.not-front .section-nav-block {
  margin-top: 0;
  padding: .25rem 3.15rem 0;
}

.not-front .section-nav-block ul {
  margin: 0 1rem;
  max-width: 980px;
}

.not-front .section-nav-block.no-banner {
  margin-bottom: 0;
}

.corporate .section-nav-block {
  background: url(/jobs/images/backgrounds/section-nav-block/corporate.jpg) no-repeat center bottom;
  background-size: 100% auto;
  padding-bottom: 65%;
  max-width: 1440px;
  margin: auto auto;
}

.front .section-nav-block,
.retail .section-nav-block {
  margin-bottom: 2rem;
}

.students .section-nav-block {
  background: #d2d7da url(/jobs/images/backgrounds/section-nav-block/students.jpg) no-repeat center bottom;
  background-size: 100% auto;
  padding-bottom: 70%;
  max-width: 1440px;
  margin: auto auto;
}

.aha .section-nav-block {
  background: url(/jobs/images/backgrounds/section-nav-block/aha-corporate.jpg) no-repeat center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-bottom: 70%;
  max-width: 1440px;
  margin: auto auto 0.6rem;
}

.aha-students .section-nav-block {
  background: url(/jobs/images/backgrounds/section-nav-block/aha-students.jpg) no-repeat center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-bottom: 70%;
  max-width: 1440px;
  margin: auto auto 0.6rem;
}

@media only screen and (max-width: 749px) {
  .corporate .section-nav-block, .students .section-nav-block {
    margin-bottom: 0.5rem;
  }

  .corporate .section-nav-block {
    padding-top: 0;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate@2x.jpg);
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students@2x.jpg);
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate@2x.jpg);
    padding-bottom: 70%;
  }
  
  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students@2x.jpg);
    padding-top: 40px;
    padding-bottom: 70%;
  }
}

@media only screen and (min-width: 480px) {
  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate-phone.jpg);
    padding-bottom: 45%;
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students-phone.jpg);
    padding-bottom: 30%;
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate-phone.jpg);
    padding-bottom: 65%;
  }
  
  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students-phone.jpg);
    padding-bottom: 55%;
    padding-top: 0;
  }
}

@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 480px) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 480px) and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-width: 480px) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 480px) and (min-resolution: 192dpi),
  only screen and (min-width: 480px) and (min-resolution: 2dppx) {
  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate-phone@2x.jpg);
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students-phone@2x.jpg);
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate-phone@2x.jpg);
  }
  
  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students-phone@2x.jpg);
    padding-bottom: 60%;
  }
}

@media only screen and (max-width: 749px) {
  .front .section-nav-block {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
  }

  .front .section-nav-block li {
    border-top: 1px solid #e6e6e6;
  }

  .front .section-nav-block li * {
    margin: 0;
  }

  .front .section-nav-block li p,
  .front .section-nav-block li img {
    display: none;
  }

  .front .section-nav-block li + li {
    margin: 0;
  }

  .front .section-nav-block li:last-child {
    border-bottom: 1px solid #e6e6e6;
  }

  .front .section-nav-block li h3 {
    color: #0088cc;
    font-size: 1.125rem;
  }

  .front .section-nav-block li a {
    display: block;
    padding: .85rem 0 .75rem;
  }
  
/* Tim code for 4 block */  
  .section-nav-block.no-banner.blocks-4 li.students-block {
     border-top: none;
     margin-top: -20px;
  }  
}

@media only screen and (min-width: 750px) {
  .section-nav-block {
    margin-top: 0;
  }

  .section-nav-block * {
    color: black;
    font-family: "Myriad Set Pro", sans-serif;
    font-style: normal;
    font-weight: 200;
  }

  .section-nav-block ul {
    padding: 0 8%;
  }

  .section-nav-block li {
    float: left;
    text-align: left;
    width: 44%;
  }

  .section-nav-block li + li {
    margin-left: 12%;
    margin-top: 0;
  }

  .section-nav-block li h3 {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 200;
  }

  .section-nav-block li p {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 200;
    line-height: 1.5;
    margin-bottom: 0.5em;
  }

  .not-front .section-nav-block {
    padding: 3.5rem 0 0;
  }

  .not-front .section-nav-block li:first-of-type:last-of-type {
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 35rem;
  }

  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate-portrait.jpg);
    background-size: 100% auto;
    padding-bottom: 45%;
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students-portrait.jpg);
    background-size: contain;
    padding-bottom: 34%;
  }
  
  .not-front.students .section-nav-block {
    background-size: 100% auto;
    padding-bottom: 30%;  
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate-portrait.jpg);
    background-size: auto 100%;
    padding-bottom: 63%;
  }
  
  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students-portrait.jpg);
    background-size: cover;
    padding-bottom: 68%;
  }

  .retail .section-nav-block,
  .front .section-nav-block {
    margin-bottom: 3.5rem;
  }

  .corporate .section-nav-block,
  .students .section-nav-block,
  .aha .section-nav-block {
    margin-bottom: 0.6rem;
  }
  
  .uk.aha .section-nav-block {
    margin-bottom: 0;
  }
  
  .front .section-nav-block {
    margin-bottom: 4rem;
    margin-top: 3rem;
    padding: 0;
  }

  .front .section-nav-block ul {
    padding: 0;
  }

  .front .section-nav-block li {
    padding: 0;
    text-align: center;
    width: 32.31292517%;
  }

  .front .section-nav-block li + li {
    margin-left: 1.530612245%;
  }

  .front .section-nav-block li h3 {
    color: black;
    font-size: 1.25rem;
    margin-top: 1rem;
  }

  .front .section-nav-block li p {
    font-size: 1rem;
    padding: 0 0.925rem;
    line-height: 1.35;
  }

  .front .section-nav-block.blocks-2 ul,
  .front .section-nav-block.blocks-4 ul {
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .front .section-nav-block.blocks-2 li,
  .front .section-nav-block.blocks-4 li {
    width: 48.4375%;
  }

  .front .section-nav-block.blocks-2 li + li,
  .front .section-nav-block.blocks-4 li + li {
    margin-left: 3.125%;
  }
}

@media only screen and (max-width: 750px) and (min-width: 480px) {
  .not-front .section-nav-block li:first-of-type:last-of-type {
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 28rem;
    margin: auto;
  }
}

@media only screen and (min-width: 750px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 750px) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 750px) and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-width: 750px) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 750px) and (min-resolution: 192dpi),
  only screen and (min-width: 750px) and (min-resolution: 2dppx) {

  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate-portrait@2x.jpg);
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students-portrait@2x.jpg);
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate-portrait@2x.jpg);
  }
  
  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students-portrait@2x.jpg);
    padding-bottom: 68%;
  }

  .section-nav-block li .block-link .icon {
    bottom: 1px;
  }
}

@media only screen and (min-width: 1024px) {
  .not-front .section-nav-block {
    padding-top: 4.25rem;
  }

  .not-front .section-nav-block ul {
    margin: 0 auto;
    padding: 0;
  }

  .not-front .section-nav-block li {
    padding-right: 12%;
    width: 50%;
  }

  .not-front .section-nav-block li + li {
    margin-left: 0;
    padding-left: 3%;
    padding-right: 9%;
  }

  .not-front .section-nav-block li h3 {
    font-size: 1.875rem;
  }

  .not-front .section-nav-block li p {
    font-size: 1.275rem;
  }

  .retail .section-nav-block {
    margin-bottom: 5.275rem;
  }

  .front .section-nav-block {
    margin-bottom: 4rem;
    margin-top: 3rem;
  }

  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate-landscape.jpg);
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students-landscape.jpg);
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate-landscape.jpg);
    padding-bottom: 55%;
  }

  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students-landscape.jpg);
    padding-bottom: 45%;
  }

  .front .section-nav-block li h3 {
    font-size: 1.718rem;
  }

  .front .section-nav-block li p {
    font-size: 1.375rem;
  }

  .not-front .section-nav-block li:first-of-type:last-of-type {
    width: 38.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .not-front .section-nav-block ul {
    padding-left: 90px;
    padding-right: 90px;
  }

  .not-front .section-nav-block li {
    padding-right: 11%;
    width: 50%;
  }

  .not-front .section-nav-block li + li {
    padding-left: 3%;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and (min-resolution: 192dpi),
  only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate-landscape@2x.jpg);
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students-landscape@2x.jpg);
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate-landscape@2x.jpg);
  }
  
  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students-landscape@2x.jpg);
    padding-bottom: 48%;
  }
}

@media only screen and (min-width: 1200px) {
  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate-desktop.jpg);
    background-size: cover;
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students-desktop.jpg);
    background-size: auto 100%;
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate-desktop.jpg);
    background-size: cover;
    padding-bottom: 55%;
  }
  
  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students-desktop.jpg);
    background-size: cover;
    padding-bottom: 45%;
  }
}

@media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-width: 1200px) and (min-device-pixel-ratio: 2),
  only screen and (min-width: 1200px) and (min-resolution: 192dpi),
  only screen and (min-width: 1200px) and (min-resolution: 2dppx) {
  .corporate .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/corporate-desktop@2x.jpg);
  }

  .students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/students-desktop@2x.jpg);
  }
  
  .aha .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-corporate-desktop@2x.jpg);
  }
  
  .aha-students .section-nav-block {
    background-image: url(/jobs/images/backgrounds/section-nav-block/aha-students-desktop@2x.jpg);
    padding-bottom: 45%;
  }
}

/**
 * Front page.
 */

@media only screen and (max-width: 749px) {
  .front .hero + .site-width > p + p {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 750px) {
  .front .hero + .site-width > p + p {
    margin: 2rem auto 3rem;
    padding: 7px 0 6px;
  }
}

/**
 * Opportunities accordion on all pages.
 */

.opportunities {
  background: #f7f7f7;
  margin-top: 1.5625rem;
}

@media only screen and (min-width: 750px) {
  .opportunities {
    margin-top: 2.5rem;
  }
}

@media only screen and (min-width: 1024px) {
  .opportunities {
    margin-top: 3.125rem;
  }
}

/**
 * Retail Page.
 */

.retail-opportunities {
  padding: 2rem 0 1rem;
}

.retail-opportunities h3,
.retail-opportunities p {
  margin: 0 0 .475rem;
  font-size: .875rem;
}

.retail-opportunities h3 {
  font-family: "Myriad Set Pro", sans-serif;
  font-style: normal;
  font-weight: 600;
}

.retail-opportunities p + h3 {
  margin-top: 2rem;
}

@media only screen and (max-width: 749px) {
  .retail hr, .corporate hr, .aha hr {
    margin-top: 1.75rem;
  }
}

@media only screen and (min-width: 750px) {
  .retail-opportunities h3 {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 200;
  }

  .retail-opportunities p {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1024px) {
  .retail-opportunities {
    padding: 3rem 0 2.5rem;
  }

  .retail-opportunities h3 {
    font-size: 1.6875rem;
  }

  .retail-opportunities p {
    font-size: 1.22rem;
    margin-bottom: 0.875rem;
    line-height: 1.5;
  }

  .retail-opportunities p + h3 {
    margin-top: 3.25rem;
  }
}

/**
 * Corporate Page.
 */

.corporate-opportunities {
  margin: 1.5rem 0 .5rem;
}

.corporate-opportunities ul {
  padding: 2rem 0;
}

.corporate-opportunities li {
  line-height: 1.2;
}

.corporate-opportunities li + li {
  margin-top: 1.5rem;
}

.corporate-opportunities li p {
  font-size: 1.125rem;
}

@media only screen and (max-width: 749px) {
  .corporate-opportunities li p {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 750px) {
  .corporate-opportunities {
    margin-top: 3rem;
  }

  .corporate-opportunities ul {
    font-size: 0;
  }

  .corporate-opportunities li {
    border-top: 1px solid #ccc;
    display: inline-block;
    padding: 1.2rem 1.5rem 0.8rem;
    vertical-align: text-top;
    width: 42.857142857%;
  }

  .corporate-opportunities li:first-child, .corporate-opportunities li:first-child + li {
    border-top: 0 none;
  }

  .corporate-opportunities li + li {
    margin-top: 0;
  }

  .corporate-opportunities li:nth-child(2n) {
    margin-left: 14.285714286%;
  }

  .corporate-opportunities li p {
    font-size: 1.3125rem;
  }
}

@media only screen and (min-width: 750px) {
  .corporate-opportunities li:nth-child(odd) {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .corporate-opportunities ul li p {
    font-size: 1.275rem;
    line-height: 1.5;
  }
}

@media only screen and (max-width: 480px) {
  body.corporate .section-nav-block ul {
    margin-bottom: 1rem;
  }
}

/**
 * Students Page.
 */

.student-opportunities {
  display: none;
  color: black;
}

.student-opportunities .table-container {
  height: 0;
  overflow: hidden;
}

@media only screen and (max-width: 749px) {
  .students label[for="events_selector"] {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
  }
}

@media only screen and (min-width: 750px) {
  .student-opportunities + .site-width {
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 1024px) {
  .student-opportunities + .site-width {
    margin-top: 5rem;
  }

  .students .subheading-text {
    padding-left: 80px;
    padding-right: 80px
  }
}

@media only screen and (max-width: 749px) {

  .student-opportunities {
    background-color: #f2f2f2;
    margin: 0;
    padding: 0 1rem;
  }

  .student-opportunities table td {
    display: block;
    font-family: "Myriad Set Pro", sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    color: #666666;
    margin: 0;
    padding: 0;
    width: auto !important;
  }

  .student-opportunities table tr td:first-of-type {
    color: black;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }

  .student-opportunities table tr td:last-of-type {
    padding-bottom: 0.9rem;
  }
}

.drop-banner {
  margin: 1.5rem 0 0;
  padding: 0.75rem 1rem;
}

@media only screen and (min-width: 750px) {
  .drop-banner {
    margin: 3rem 0 0;
    padding: 1.25rem 0 1.125rem;
  }
}

@media only screen and (min-width: 1024px) {
  .drop-banner {
    margin: 3.75rem 0 0;
    padding: 1.5rem 0 1.45rem;
  }
}

/**
 * Diversity Banner.
 */

.diversity {
  color: #333;
}

.front .diversity {
  margin-top: 0.6rem;
}

@media only screen and (max-width: 479px) {
  .diversity a {
    display: block;
  }
}

@media only screen and (max-width: 749px) {
  .diversity {
    font-size: .9375rem;
  }
}

@media only screen and (min-width: 1024px) {
  .diversity .icon_chevron-right {
    margin-left: 0;
  }

  .diversity .block-link {
    margin-left: .25rem;
  }
}

/**
 * AHA Page.
 */
 
.aha .local-nav h1 a,
.aha .local-nav ul li {
  color: #000;
}

.aha p.large-text-portrait,
.aha p.large-thin-portrait {
  color: #000;
}

.aha p.medium-thin-portrait {
  color: #000;
  font-weight: 400;
}

.aha-heading h1 {
  margin-top: 5rem;
}

:lang(zh-CN) .aha-heading h1 {
  word-wrap: break-word;
}

.aha .intro-text p.large-thin-portrait {
  line-height: 1.9;
}

.aha .intro-text .margin-bottom {
  margin-bottom: 20px;
}

.aha-corporate-1,
.aha-students-1 {
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 2.5rem;
  padding-bottom: 59%;
  max-width: 1440px;
  margin: auto auto;
}

.aha-corporate-1 h2,
.aha-corporate-1 p.large-text-portrait,
.aha-students-1 h2,
.aha-students-1 p.large-text-portrait {
  color: white;
}

.aha-content-image-1,
.aha-content-image-2 {
  background-size: 100% auto;
  padding: 20%;
}

.imac-icon {
  background: transparent url(../images/icons/imac.svg) no-repeat 50% 50%;
  background-size: auto 100%;
  display: block;
  height: 60px;
  margin: 1em auto;
  width: 100px;
}

.people-icon {
  background: transparent url(../images/icons/people.svg) no-repeat 50% 50%;
  background-size: auto 100%;
  display: block;
  height: 60px;
  margin: 1em auto;
  width: 120px;
}

.aha-corporate-2,
.aha-students-2 {
  padding-bottom: 50%;
  max-width: 1440px;
  margin: auto auto;
  margin-top: 2rem;
}

.aha-opportunities {
  border-top: 1px solid #e6e6e6;
}

.aha-opportunities .opportunities {
  background: #f7f7f7;
  padding: 1px;
}

.aha-benefits-block {
  margin: 1rem 0 0;
}

.aha-benefits-block li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 32%;
}

.timeoff-icon {
  background: transparent url(../images/icons/timeoff.svg) no-repeat 50% 50%;
  background-size: auto 100%;
  display: block;
  height: 43px;
  margin: 1em 0 2em;
  width: 100%;
}

.growth-icon {
  background: transparent url(../images/icons/growth.svg) no-repeat 50% 50%;
  background-size: auto 100%;
  display: block;
  height: 43px;
  margin: 1em 0 2em;
  width: 100%;
}

.discounts-icon {
  background: transparent url(../images/icons/discounts.svg) no-repeat 50% 50%;
  background-size: auto 100%;
  display: block;
  height: 42px;
  margin: 1em 0 2em;
  width: 100%;
}

.aha .slider-wrapper:before {
  margin: 0;
  padding: 0;
}

.aha .mobile {
  display: block;
}

.aha .desktop {
  display: none;
}

.aha .section-nav-block * {
  font-weight: 400;
}

@media only screen and (max-width: 749px) {
  .aha .cta-banner {
    font-size: .9375rem;
    height: 4rem;
    padding-top: 1.4rem;
  }
  
  .aha-heading h1 {
    margin-top: 1rem;
    font-size: 2.3rem;
    text-align: left;
  }
  
  .aha h2 {
    margin-top: 0.5rem;
  }
  
  .aha h3 {
    font-weight: 600;
    font-size: 1rem;
  }
  
  .aha p.large-text-portrait {
    line-height: 1.9;
  }
  
  .aha p.medium-thin-portrait {
    line-height: 1.9;
  }
  
  .aha-ofb {
    margin-top: 1.5rem;
  }
  
  .aha .aha-content-image-1,
  .aha .aha-content-image-2 {
    margin-left: -20px;
    margin-right: -20px;
    padding: 28%;
  }
  
  .aha .aha-ofb li {
    margin-top: 1.5rem;
  }
  
  .aha .footer-text {
    display: none;
  }
  
  .aha-opportunities .opportunities {
    padding-top: 1.5rem;
  }
 
  .aha-benefits-block li.aha-discounts-block p {
    padding: 0 20px;
    text-align: center;
  }
  
}

@media only screen and (min-width: 750px) {
  .aha .cta-banner {
    height: 4rem;
    margin: 1rem 0 4rem;
    padding-top: 1.25rem;
  }

  .aha .cta-banner a {
    font-family: "Myriad Set Pro", sans-serif;
    font-style: normal;
    font-weight: 200;
  }
  
  .aha h2.large {
    font-size: 2rem;
    margin: 2rem 0 1rem;
  }
  
  .aha h3 {
    font-size: 1.425rem;
    font-weight: 400;
    margin: 0.9em 0 0.2em;
  }

  .aha-opportunities {
    background: #f7f7f7;
    border-top: none;
    padding: 20px 0;
  }
  
  .aha-opportunities .block-link {
    font-size: 1.125rem;
  }
  
  .aha-opportunities p.medium-thin-portrait {
    margin-right: 60px;
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  
  .imac-icon {
    height: 70px;
    margin: 1em 0 0 6em;
  }
  
  .people-icon {
    height: 70px;
    margin: 1.25em 0 0 5.5em;
  }
  
  .aha-benefits-block {
    margin: 2rem 0 0;
  }
  
  .aha-benefits-block li {
    width: 27%;
  }
  
  .aha-benefits-block p {
    font-size: 0.9rem;
  }
  
  .timeoff-icon {
    height: 75px;
    margin: 1.5em 0 3em;
  }
  
  .growth-icon {
    height: 75px;
    margin: 1.5em 0 3em;
  }
  
  .discounts-icon {
    height: 75px;
    margin: 1.5em 0 3em;
  }
  
  .aha .desktop {
    display: block;
  }
  
  .aha .mobile {
    display: none;
  }
  
  .aha .aha-ofb li {
    float: left;
    margin-top: 2rem;
    text-align: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  
  .aha .aha-ofb li + li {
    padding-left: 5%;
  }
  
  .aha-students-1 h2.large {
    padding: 0 40px;
  }
  
  .aha-corporate-2,
  .aha-students-2 {
    margin-top: 4rem;
  }
  
  .aha.not-front .section-nav-block li {
    width: 48%;
  }

  .aha.not-front .section-nav-block li + li {
    margin-left: 4%;
  }
  
}

@media only screen and (min-width: 1024px) {
  .aha .cta-banner {
    height: 5rem;
    margin: 1.25rem 0 5rem;
    padding-top: 1.5rem;
  }
  
  .aha h2.large {
    font-size: 2.6rem;
    margin: 3rem 0 1rem;
  }
  
  .aha .large-text-portrait {
    line-height: 1.75;
  }
  
  .aha h3 {
    font-size: 1.625rem;
    font-weight: 400;
    margin: 0.9em 0 0.2em;
  }
  
  .aha .aha-ofb .blocks-2 p.medium-thin-portrait,
  .aha .aha-ofb .blocks-4 p.medium-thin-portrait {
    font-size: 1.15rem;
  }
  
  .aha-opportunities h3,
  .aha.not-front .section-nav-block h3 {
    font-size: 1.5rem;
    font-weight: 400;
  }
  
  .aha.not-front .section-nav-block li p {
    font-weight: 400;
    font-size: 1.15rem;
    margin-bottom: 0.4em;
  }
  
  .aha.not-front .section-nav-block {
    font-weight: 400;
  }
  
  .aha-opportunities h3 {
    margin: 0.5em 0 0.7em;
  }
  
  .aha-opportunities .block-link {
    font-size: 1.2rem;
  }
  
  .aha-opportunities p.medium-thin-portrait {
    margin-right: 60px;
    font-size: 1.165rem;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  
  .imac-icon {
    height: 78px;
    margin: 1em 0 0 10em;
  }
  
  .people-icon {
    height: 78px;
    margin: 1.25em 0 0 9.5em;
  }
  
  .aha-benefits-block p {
    font-size: 1.1rem;
  }
  .aha .aha-ofb {
    margin-top: 5rem;
  }
  
  .aha-corporate-2 {
    padding-bottom: 50%;
  }
  
  .aha-students-1 h2.large {
    padding: 0 100px;
  }
  
  .aha.not-front .section-nav-block {
    padding-top: 5rem;
  }
  
  .aha.not-front .section-nav-block ul {
    padding-left: 60px;
    padding-right: 60px;
  }
  
  .aha.not-front .section-nav-block li {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) { 
  .aha-students-1 h2.large {
   padding: 0px;
  }
   
}

/**
 * Footer Area.
 */

footer {
  padding: 2rem 0 1rem;
}

footer .footer-text {
  border-bottom: 1px solid #e6e6e6;
  color: #999;
  padding-bottom: 1rem;
}

footer .footer-text p {
  font-size: .8125rem;
  line-height: 1.4;
  margin-bottom: 1em;
  color: #999;
}

footer nav {
  color: #666;
  margin-bottom: 1rem;
}

footer > h2 {
  margin-bottom: 1rem;
}

footer h3,
footer .h3 {
  font-size: 1.125rem;
  line-height: 1.1;
}

footer .breadcrumb {
  padding-top: .5rem;
}

footer .breadcrumb li {
  bottom: 1px;
  display: inline-block;
  font-family: "Myriad Set Pro", sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 600;
  height: 1.375rem;
  padding-top: .3125rem;
  position: relative;
  vertical-align: text-top;
}

footer .breadcrumb li + li {
  color: #666666;
}

footer .breadcrumb li:first-child {
  border-right: 1px solid #e2e2e2;
  bottom: 0;
  margin-right: .7rem;
  padding-right: 1rem;
  padding-top: 0;
}

footer .breadcrumb li:first-child a .home {
  background: url(../images/icons/logo-grey.svg) no-repeat;
  background-size: 14px auto;
  display: inline-block;
  height: 18px;
  opacity: .6;
  position: relative;
  top: .15rem;
  width: 14px;
}

footer .breadcrumb li a {
  color: inherit;
}

footer .breadcrumb li + li + li {
  background: url(../images/icons/chevron-right-thin.svg) no-repeat 0.4rem 1px;
  background-size: auto 1.375rem;
  opacity: .4;
  padding-left: 1.875rem;
}

body footer .breadcrumb li + li + li {
  -ms-background-position-x: -20px;
}


.aha footer {
  padding: 0 0 1rem;
}

/* Corrects the width of first part of breadcrums on small devices */
@media only screen and (max-width: 480px) {
  footer nav{
    padding-bottom: 20px;
  }
  footer .breadcrumb li {
    display: inline-block;
    height: 100%;
  }
  footer .breadcrumb li:nth-child(2n) {
    width: 35%;
  }
  footer .breadcrumb li:nth-child(3n) {
    width: 35%;
  }
  footer .breadcrumb li:nth-child(4n) {
    width: 35%;
    margin-top: 0;
  }


}

@media only screen and (max-width: 480px) {
  .faq footer .breadcrumb li:last-child {
    margin-top: 0.5rem;
    margin-left: 1.5rem;
  }
}

@media only screen and (min-width: 480px) {
  footer .footer-text p {
    color: #999;
  }
}

@media only screen and (min-width: 750px) {
  footer {
    padding: 3.5rem 0 1rem;
  }

  footer > h2 {
    margin-bottom: 1.875rem;
  }

  footer h3,
  footer .h3 {
    font-size: 1.3125rem;
  }

  footer .breadcrumb li {
    font-family: "Myriad Set Pro", sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
  }

  footer .breadcrumb li + li {
    color: #999;
  }

  footer .breadcrumb li:first-child {
    border: 0 none;
    padding-right: 0;
  }

  footer .breadcrumb li:first-child a .home {
    opacity: 1;
    top: .2rem;
  }

  footer .breadcrumb li + li + li {
    background-position: .7rem .38rem;
    background-size: auto 1rem;
    opacity: 1;
  }

  .aha footer {
    padding: 2.5rem 0 1rem;
  }
}

@media only screen and (min-width: 1024px) {
  footer {
    padding: 5rem 0 1rem;
  }

  footer > h2 {
    margin-bottom: 1.875rem;
  }

  footer h3,
  footer .h3 {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  footer .breadcrumb li:first-child {
    bottom: 1px;
  }
}

/**
 * Apple Global footer menu overrides.
 */

#globalfooter {
  margin-top: 2rem;
  width: auto;
}

#globalfooter > * + * {
  margin-top: 1rem !important;
}

#globalfooter * {
  color: #999 !important;
  font-size: .8125rem;
}

#globalfooter a {
  color: #666 !important;
}

#globalfooter p.gf-buy,
#globalfooter ul.gf-links li a,
#globalfooter div.gf-sosumi p,
#globalfooter div.gf-sosumi li a {
  font-size: 12px;
}

#globalfooter p.gf-buy,
#globalfooter p.gf-buy + ul {
  float: none;
  width: auto;
}

#globalfooter p.gf-buy {
  margin-left: 0;
}

#globalfooter .gf-sosumi {
  border: 0 none;
  padding: 0;
}

#globalfooter .gf-links.piped li {
  display: inline-block;
  float: none;
}

#globalfooter .piped li:first-child a {
  padding-left: 0;
}

#globalfooter .piped li + li a {
  margin-left: .25em;
  padding-left: .35em;
}

#globalfooter .gf-sosumi p,
#globalfooter .gf-sosumi p + ul {
  margin: 0;
}

#globalfooter .gf-sosumi p,
#globalfooter .gf-sosumi ul,
#globalfooter .gf-sosumi .piped li {
  float: none;
}

#globalfooter .gf-sosumi p {
  float: none;
}

#globalfooter ul.piped a.contact_us {
  padding-right: 1em;
}

.lang-il #globalfooter .gf-sosumi,
.lang-il #globalfooter .gf-iphonefootnote{
  text-align: right;
}


@media only screen and (max-width: 749px) {
  #globalfooter > * {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  #globalfooter > * + * {
    margin-top: 1rem !important;
  }

  #globalfooter p.gf-buy,
  #globalfooter p.gf-sosumi {
    line-height: 1.2;
  }

  /* white-space hardcoded in cn/global/nav/includes/globalfooter.inc */
  #globalfooter p.gf-buy[style] {
    white-space: normal !important;
  }

  #globalfooter .gf-links.piped li {
    line-height: 1.5rem;
  }

  #globalfooter ul.piped a.contact_us {
    margin-left: 0;
    padding-right: .35em;
  }
}

@media only screen and (min-width: 750px) {
  #globalfooter .piped li + li a {
    margin-left: .75em;
    padding-left: .9em;
  }

  #globalfooter .gf-sosumi p,
  #globalfooter .gf-sosumi ul {
    display: inline;
  }

  #globalfooter .gf-sosumi p + ul {
    margin-left: 1rem;
  }
}

@media only screen and (min-width: 1024px) {
  #globalfooter > * + * {
    margin-top: 0 !important;
  }

  #globalfooter p.gf-buy,
  #globalfooter p.gf-buy + ul {
    float: left;
    margin-top: 0;
  }

  #globalfooter p.gf-buy {
    width: 52%;
  }

  #globalfooter p.gf-buy + ul {
    margin-right: 0;
    text-align: right;
    white-space: nowrap;
    width: 48%;
  }
}

/**
 * Overlay.
 */

.overlay {
  background: white;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.overlay__inner {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  width: 100%;
}

.overlay__close {
  display: block;
  height: 37px;
  left: 25px;
  overflow: hidden;
  position: absolute;
  top: 25px;
  width: 32px;
}

.overlay__close .icon {
  color: #666666;
  display: block;
}

.overlay__close .icon:before {
  font-size: 2rem;
  line-height: 0;
  top: 28px;
}

/**
 * IE Fixes.
 */

html[data-useragent*='Windows'] .overlay__close .icon:before {
  top: 15px;
}

/**
 * Firefox Fixes.
 */

@-moz-document url-prefix() {
  .overlay__close .icon:before {
    top: 15px;
  }
}

.overlay__close:hover {
  text-decoration: none;
}

.overlay__close:hover .icon {
  color: black;
}

/**
 * China.
 */

:lang(zh-CN) body,
:lang(zh-CN) table td,
:lang(zh-CN) table td.table-col-heading,
:lang(zh-CN) h1,
:lang(zh-CN) h2,
:lang(zh-CN) p.large-thin,
:lang(zh-CN) strong,
:lang(zh-CN) .banner-small,
:lang(zh-CN) .banner-large,
:lang(zh-CN) input[type=textfield],
:lang(zh-CN) input[type=email],
:lang(zh-CN) select,
:lang(zh-CN) textarea,
:lang(zh-CN) label,
:lang(zh-CN) .section-nav-block li h3,
:lang(zh-CN) .retail-opportunities h3,
:lang(zh-CN) footer .breadcrumb li {
  font-family: "PingHei", sans-serif;
}

@media only screen and (max-width: 749px) {
  :lang(zh-CN) .local-nav ul li,
  :lang(zh-CN) .students label[for="events_selector"],
  :lang(zh-CN) .student-opportunities table td {
    font-family: "PingHei", sans-serif;
  }
}

@media only screen and (min-width: 750px) {
  :lang(zh-CN) p.large-thin-portrait,
  :lang(zh-CN) p.medium-thin-portrait,
  :lang(zh-CN) .banner-title,
  :lang(zh-CN) .local-nav h1,
  :lang(zh-CN) .section-nav-block *,
  :lang(zh-CN) .section-nav-block li h3,
  :lang(zh-CN) .section-nav-block li p,
  :lang(zh-CN) .retail-opportunities h3,
  :lang(zh-CN) .aha .cta-banner a,
  :lang(zh-CN) footer .breadcrumb li {
    font-family: "PingHei", sans-serif;
  }
}

@media only screen and (min-width: 1024px) {
  :lang(zh-CN) p.medium-thin-portrait {
    font-family: "PingHei", sans-serif;
  }
}

/**
 * Hong Kong & Taiwan.
 */

:lang(zh-HK) body,
:lang(zh-HK) table td,
:lang(zh-HK) table td.table-col-heading,
:lang(zh-HK) h1,
:lang(zh-HK) h2,
:lang(zh-HK) p.large-thin,
:lang(zh-HK) strong,
:lang(zh-HK) .banner-small,
:lang(zh-HK) .banner-large,
:lang(zh-HK) input[type=textfield],
:lang(zh-HK) input[type=email],
:lang(zh-HK) select,
:lang(zh-HK) textarea,
:lang(zh-HK) label,
:lang(zh-HK) .section-nav-block li h3,
:lang(zh-HK) .retail-opportunities h3,
:lang(zh-HK) footer .breadcrumb li,
:lang(zh-TW) body,
:lang(zh-TW) table td,
:lang(zh-TW) table td.table-col-heading,
:lang(zh-TW) h1,
:lang(zh-TW) h2,
:lang(zh-TW) p.large-thin,
:lang(zh-TW) strong,
:lang(zh-TW) .banner-small,
:lang(zh-TW) .banner-large,
:lang(zh-TW) input[type=textfield],
:lang(zh-TW) input[type=email],
:lang(zh-TW) select,
:lang(zh-TW) textarea,
:lang(zh-TW) label,
:lang(zh-TW) .section-nav-block li h3,
:lang(zh-TW) .retail-opportunities h3,
:lang(zh-TW) footer .breadcrumb li {
  font-family: "MHei", sans-serif;
}

@media only screen and (max-width: 749px) {
  :lang(zh-HK) .local-nav ul li,
  :lang(zh-HK) .students label[for="events_selector"],
  :lang(zh-HK) .student-opportunities table td,
  :lang(zh-TW) .local-nav ul li,
  :lang(zh-TW) .students label[for="events_selector"],
  :lang(zh-TW) .student-opportunities table td {
    font-family: "MHei", sans-serif;
  }
}

@media only screen and (min-width: 750px) {
  :lang(zh-HK) p.large-thin-portrait,
  :lang(zh-HK) p.medium-thin-portrait,
  :lang(zh-HK) .banner-title,
  :lang(zh-HK) .local-nav h1,
  :lang(zh-HK) .section-nav-block *,
  :lang(zh-HK) .section-nav-block li h3,
  :lang(zh-HK) .section-nav-block li p,
  :lang(zh-HK) .retail-opportunities h3,
  :lang(zh-HK) .aha .cta-banner a,
  :lang(zh-HK) footer .breadcrumb li,
  :lang(zh-TW) p.large-thin-portrait,
  :lang(zh-TW) p.medium-thin-portrait,
  :lang(zh-TW) .banner-title,
  :lang(zh-TW) .local-nav h1,
  :lang(zh-TW) .section-nav-block *,
  :lang(zh-TW) .section-nav-block li h3,
  :lang(zh-TW) .section-nav-block li p,
  :lang(zh-TW) .retail-opportunities h3,
  :lang(zh-TW) .aha .cta-banner a,
  :lang(zh-TW) footer .breadcrumb li {
    font-family: "MHei", sans-serif;
  }
}

@media only screen and (min-width: 1024px) {
  :lang(zh-HK) p.medium-thin-portrait,
  :lang(zh-TW) p.medium-thin-portrait {
    font-family: "MHei", sans-serif;
  }
}

/**
 * Japan.
 */

:lang(ja-JP) body,
:lang(ja-JP) table td,
:lang(ja-JP) table td.table-col-heading,
:lang(ja-JP) h1,
:lang(ja-JP) h2,
:lang(ja-JP) p.large-thin,
:lang(ja-JP) strong,
:lang(ja-JP) .banner-small,
:lang(ja-JP) .banner-large,
:lang(ja-JP) input[type=textfield],
:lang(ja-JP) input[type=email],
:lang(ja-JP) select,
:lang(ja-JP) textarea,
:lang(ja-JP) label,
:lang(ja-JP) .section-nav-block li h3,
:lang(ja-JP) .retail-opportunities h3,
:lang(ja-JP) footer .breadcrumb li {
  font-family: "Apple TP", sans-serif;
}

@media only screen and (max-width: 749px) {
  :lang(ja-JP) .local-nav ul li,
  :lang(ja-JP) .students label[for="events_selector"],
  :lang(ja-JP) .student-opportunities table td {
    font-family: "Apple TP", sans-serif;
  }
}

@media only screen and (min-width: 750px) {
  :lang(ja-JP) p.large-thin-portrait,
  :lang(ja-JP) p.medium-thin-portrait,
  :lang(ja-JP) .banner-title,
  :lang(ja-JP) .local-nav h1,
  :lang(ja-JP) .section-nav-block *,
  :lang(ja-JP) .section-nav-block li h3,
  :lang(ja-JP) .section-nav-block li p,
  :lang(ja-JP) .retail-opportunities h3,
  :lang(ja-JP) .aha .cta-banner a,
  :lang(ja-JP) footer .breadcrumb li {
    font-family: "Apple TP", sans-serif;
  }
}

@media only screen and (min-width: 1024px) {
  :lang(ja-JP) p.medium-thin-portrait {
    font-family: "Apple TP", sans-serif;
  }
}

/**
 * Korea.
 */

:lang(ko-KR) body,
:lang(ko-KR) table td,
:lang(ko-KR) table td.table-col-heading,
:lang(ko-KR) h1,
:lang(ko-KR) h2,
:lang(ko-KR) p.large-thin,
:lang(ko-KR) strong,
:lang(ko-KR) .banner-small,
:lang(ko-KR) .banner-large,
:lang(ko-KR) input[type=textfield],
:lang(ko-KR) input[type=email],
:lang(ko-KR) select,
:lang(ko-KR) textarea,
:lang(ko-KR) label,
:lang(ko-KR) .section-nav-block li h3,
:lang(ko-KR) .retail-opportunities h3,
:lang(ko-KR) footer .breadcrumb li {
  font-family: "Yoon Gothic", sans-serif;
}

@media only screen and (max-width: 749px) {
  :lang(ko-KR) .local-nav ul li,
  :lang(ko-KR) .students label[for="events_selector"],
  :lang(ko-KR) .student-opportunities table td {
    font-family: "Yoon Gothic", sans-serif;
  }
}

@media only screen and (min-width: 750px) {
  :lang(ko-KR) p.large-thin-portrait,
  :lang(ko-KR) p.medium-thin-portrait,
  :lang(ko-KR) .banner-title,
  :lang(ko-KR) .local-nav h1,
  :lang(ko-KR) .section-nav-block *,
  :lang(ko-KR) .section-nav-block li h3,
  :lang(ko-KR) .section-nav-block li p,
  :lang(ko-KR) .retail-opportunities h3,
  :lang(ko-KR) .aha .cta-banner a,
  :lang(ko-KR) footer .breadcrumb li {
    font-family: "Yoon Gothic", sans-serif;
  }
}

@media only screen and (min-width: 1024px) {
  :lang(ko-KR) p.medium-thin-portrait {
    font-family: "Yoon Gothic", sans-serif;
  }
}

#aha_apply .centerlink {
  line-height: 1.3;
}

/**
 * Japan retail hero background image.
 */

.hero-jp {
  background: url(/jobs/images/backgrounds/hero/front.jpg) center top no-repeat;
  background-size: cover;
  margin: 0 0 3.8125rem;
  position: relative;
  width: 100%;
  max-width: 1440px;
}

.hero-jp::before {
  content: "";
  display: block;
  padding-top: 60%;
}

.hero-jp .cta-banner {
  bottom: -2.9rem;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

@media only screen and (min-width: 374px) and (max-width: 749px) {
  .hero-jp .cta-banner {
    bottom: -2rem !important;
    margin-bottom: 1rem;
  }

  .hero-jp {
    margin: 0 0 2.8rem;
  }
}

@media only screen and (max-width: 374px) {
  .hero-jp .cta-banner a {
    display: block;
  }

  .hero-jp {
    margin: 0 0 4.4rem;
  }
}

@media only screen and (min-width: 750px) {
  .hero-jp {
    margin: -6.1rem auto 3.375rem;
  }

  .hero-jp::before {
    padding-top: 50.3%;
  }

  .hero-jp .cta-banner {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: white;
  }

  .not-front .hero-jp .cta-banner a {
    color: inherit;
  }
}

.retail .hero-jp {
  background-image: url(/jobs/images/backgrounds/hero/jp/retail.jpg);
}

@media only screen and (min-width: 480px) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-phone.jpg);
  }
}

@media only screen and (min-width: 750px) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-portrait.jpg);
  }
}

@media only screen and (min-width: 1024px) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-landscape.jpg);
  }
}

@media only screen and (min-width: 1200px) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-desktop.jpg);
  }
}

@media only screen and (min-width: 1650px) {
	.retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-desktop@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-resolution: 192dpi) and (min-width: 480px),
  only screen and (min-resolution: 2dppx) and (min-width: 480px) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-phone@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 750px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min-resolution: 192dpi) and (min-width: 750px),
  only screen and (min-resolution: 2dppx) and (min-width: 750px) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-portrait@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min-resolution: 192dpi) and (min-width: 1024px),
  only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-landscape@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1200px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min-resolution: 192dpi) and (min-width: 1200px),
  only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
  .retail .hero-jp {
    background-image: url(/jobs/images/backgrounds/hero/jp/retail-desktop@2x.jpg);
  }
}

/**
 * China and Hong Kong (zh and en) retail hero background image.
 */

.hero-cn {
  background: url(/jobs/images/backgrounds/hero/front.jpg) center top no-repeat;
  background-size: cover;
  margin: 0 0 3.8125rem;
  position: relative;
  width: 100%;
  max-width: 1440px;
}

.hero-cn::before {
  content: "";
  display: block;
  padding-top: 60%;
}

.hero-cn .cta-banner {
  bottom: -2.9rem;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

@media only screen and (min-width: 374px) and (max-width: 749px) {
  .hero-cn .cta-banner {
    bottom: -2rem !important;
    margin-bottom: 1rem;
  }

  .hero-cn {
    margin: 0 0 2.8rem;
  }
}

@media only screen and (max-width: 374px) {
  .hero-cn .cta-banner a {
    display: block;
  }

  .hero-cn {
    margin: 0 0 4.4rem;
  }
}

@media only screen and (min-width: 750px) {
  .hero-cn {
    margin: -6.1rem auto 3.375rem;
  }

  .hero-cn::before {
    padding-top: 50.3%;
  }

  .hero-cn .cta-banner {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: white;
  }

  .not-front .hero-cn .cta-banner a {
    color: inherit;
  }
}

.retail .hero-cn {
  background-image: url(/jobs/images/backgrounds/hero/cn/retail.jpg);
}

@media only screen and (min-width: 480px) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-phone.jpg);
  }
}

@media only screen and (min-width: 750px) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-portrait.jpg);
  }
}

@media only screen and (min-width: 1024px) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-landscape.jpg);
  }
}

@media only screen and (min-width: 1200px) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-desktop.jpg);
  }
}

@media only screen and (min-width: 1650px) {
	.retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-desktop@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-resolution: 192dpi) and (min-width: 480px),
  only screen and (min-resolution: 2dppx) and (min-width: 480px) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-phone@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 750px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min-resolution: 192dpi) and (min-width: 750px),
  only screen and (min-resolution: 2dppx) and (min-width: 750px) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-portrait@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min-resolution: 192dpi) and (min-width: 1024px),
  only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-landscape@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1200px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min-resolution: 192dpi) and (min-width: 1200px),
  only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
  .retail .hero-cn {
    background-image: url(/jobs/images/backgrounds/hero/cn/retail-desktop@2x.jpg);
  }
}