body {
  margin-top: 85px; }
  body h5 {
    font: 18px/22px 'Prelo-Medium';
    color: #898989; }
  body h6 {
    font: 12px/14px 'Prelo-Medium';
    color: #898989; }
    body h6 img {
      vertical-align: bottom;
      margin-right: 4px; }
  body .uppercase {
    text-transform: uppercase; }
  body .header .header-site-title {
    margin-top: 20px;
    line-height: 22px; }
  body section {
    margin: 3% 0; }
    body section p {
      font: 24px/30px 'Prelo-Medium'; }
  body #hero {
    min-height: 528px;
    background: url("https://img.cdw.com/content/solutions/kelway/kelway-hero-new.jpg") no-repeat bottom;
    background-size: cover; }
    body #hero h2 {
      margin-top: 112px;
      font: 74px/88px 'Prelo-Black';
      color: white; }
    body #hero h3 {
      font-family: Prelo-Black;
      font-size: 32px;
      line-height: 36px;
      font-color: white; }
  body .hero .container {
    margin: 0 auto;
    width: 1400px;
    height: 260px;
    background: url("https://img.cdw.com/content/solutions/kelway/kelway-hero-rebrand.jpg") no-repeat center top;
    background-size: contain; }
    body .hero .container h2 {
      margin-top: 80px;
      font: 62px/64px 'Prelo-Black';
      color: white; }
    body .hero .container h3 {
      font-family: Prelo-Bold;
      font-size: 32px;
      line-height: 36px;
      color: white; }
  body .red-box-treatment {
    font-family: Prelo-Black, verdana, sans-serif;
    font-size: 30px;
    line-height: 28px;
    color: #afb9dc;
    text-transform: uppercase;
    width: 225px;
    min-height: 225px;
    padding: 35px 20px 0 15px;
    margin-top: 15px;
    margin-left: 130px;
    background-color: #cc0000; }
    body .red-box-treatment span {
      color: #fff; }
    body .red-box-treatment p {
      margin-left: 0 0 11px; }
  body #small-world h2 {
    color: #275f8d; }
  body #small-world h4 {
    margin-bottom: 30px;
    font: 28px/34px 'Prelo-Light';
    color: #464646; }
  body #small-world p .btn {
    margin-left: 28px; }
  body #connect {
    min-height: 485px;
    background: url("https://img.cdw.com/content/solutions/kelway/kelway-connect-it.jpg") no-repeat bottom;
    background-size: cover;
    text-align: center;
    color: white; }
    body #connect h2 {
      margin: 60px 0 0;
      font: 58px/58px 'Prelo-Bold'; }
    body #connect h3 {
      margin: 0;
      font: 40px/50px 'Prelo-Bold'; }
  body #interactive-map {
    position: relative;
    min-height: 621px; }
    body #interactive-map img {
      display: none;
      position: absolute;
      left: 0;
      top: 0; }
    body #interactive-map #frame-1 {
      display: inline; }
    body #interactive-map #frame-2 {
      z-index: 2; }
    body #interactive-map #frame-3 {
      z-index: 3; }
    body #interactive-map #frame-4 {
      z-index: 4; }
    body #interactive-map #frame-5 {
      z-index: 5; }
    body #interactive-map #frame-6 {
      z-index: 6; }
    body #interactive-map #frame-7 {
      z-index: 7; }
    body #interactive-map #frame-final {
      z-index: 8; }
    body #interactive-map #tooltips {
      display: none;
      font-family: 'Prelo-Bold';
      color: #696969; }
      body #interactive-map #tooltips.active {
        display: block; }
      body #interactive-map #tooltips div {
        position: absolute;
        z-index: 10;
        margin: 0;
        cursor: pointer;
        background: url("https://img.cdw.com/content/solutions/kelway/ie-bg-fix.png") no-repeat bottom; }
        body #interactive-map #tooltips div#australia {
          left: 870px;
          top: 454px;
          width: 170px;
          height: 142px; }
        body #interactive-map #tooltips div#canada {
          left: 0;
          top: 0;
          width: 366px;
          height: 196px; }
        body #interactive-map #tooltips div#europe {
          left: 533px;
          top: 84px;
          width: 141px;
          height: 170px; }
        body #interactive-map #tooltips div#great-britain {
          left: 478px;
          top: 110px;
          width: 57px;
          height: 85px; }
        body #interactive-map #tooltips div#hong-kong {
          left: 897px;
          top: 225px;
          width: 86px;
          height: 117px; }
        body #interactive-map #tooltips div#south-africa {
          left: 561px;
          top: 480px;
          width: 112px;
          height: 86px; }
        body #interactive-map #tooltips div#singapore {
          left: 869px;
          top: 395px;
          width: 142px;
          height: 58px; }
        body #interactive-map #tooltips div#uae {
          left: 674px;
          top: 253px;
          width: 84px;
          height: 87px; }
        body #interactive-map #tooltips div#united-states {
          left: 0;
          top: 198px;
          width: 366px;
          height: 115px; }
        body #interactive-map #tooltips div > * {
          visibility: hidden; }
    body #interactive-map #tooltip-content {
      position: absolute;
      z-index: 9;
      display: none;
      width: 270px;
      padding: 10px;
      background: none #fff;
      border-radius: 10px;
      box-shadow: 3px 4px 14px 4px rgba(0, 0, 0, 0.35);
      border: 1px solid #d6d6d6; }
      body #interactive-map #tooltip-content p {
        font-size: 14px;
        line-height: 18px; }
        body #interactive-map #tooltip-content p span {
          text-transform: uppercase; }
  body #our-partners h2 {
    margin-bottom: 60px;
    font: 42px/42px 'Prelo-Bold';
    color: #636363; }
  body #our-partners .partnerLogo {
    margin: 0 0 40px; }

@media (max-width: 1199px) {
  body h5, body #ourLocations {
    display: none; }
  body #connect h2 {
    margin-top: 50px;
    font-size: 40px;
    line-height: 48px; }
  body #connect h3 {
    font-size: 26px;
    line-height: 30px; }
  body #interactive-map {
    display: none; }
  body #static-map img {
    max-width: 100%; }
  body #static-map .panel-group .panel {
    border: none; }
    body #static-map .panel-group .panel > .panel-heading {
      padding: 10px;
      border: none; }
      body #static-map .panel-group .panel > .panel-heading .panel-title {
        font: 14px/16px "Prelo-Bold"; }
        body #static-map .panel-group .panel > .panel-heading .panel-title a:before {
          vertical-align: bottom;
          font-family: "cdw-icons-global";
          content: "\7b  "; }
        body #static-map .panel-group .panel > .panel-heading .panel-title a.collapsed:before {
          content: "\7c  "; }
    body #static-map .panel-group .panel .panel-body {
      padding: 5px 15px 0;
      border: none; }
      body #static-map .panel-group .panel .panel-body p {
        margin-left: 20px;
        font: 12px/16px "Prelo-Bold";
        color: #898989; }
        body #static-map .panel-group .panel .panel-body p span {
          text-transform: uppercase; } }
@media (max-width: 767px) {
  body section {
    margin: 0 0; }

  body .red-box-treatment {
    margin-left: 15px; } }

/*# sourceMappingURL=kelway.css.map */