@charset "UTF-8";

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-family: "Myriad Set Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
  font-feature-settings: "liga", "kern";
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga", "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  line-height: 1;
  height: 100%;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* custom CSS */
@font-face {
    font-family: "AppleIcons";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/AppleIcons-Text.eot");
    src: url("fonts/AppleIcons-Text.eot?#iefix") format("embedded-opentype"),
         url("fonts/AppleIcons-Text.woff") format("woff"),
         url("fonts/AppleIcons-Text.ttf") format("truetype")
}

@font-face {
    font-family: "AppleIcons";
    font-style: normal;
    font-weight: 200;
    src: url("fonts/AppleIcons-Thin.eot");
    src: url("fonts/AppleIcons-Thin.eot?#iefix") format("embedded-opentype"),
         url("fonts/AppleIcons-Thin.woff") format("woff"),
         url("fonts/AppleIcons-Thin.ttf") format("truetype")
}

@font-face {
    font-family: "AppleIcons";
    font-style: normal;
    font-weight: 100;
    src: url("fonts/AppleIcons-Ultralight.eot");
    src: url("fonts/AppleIcons-Ultralight.eot?#iefix") format("embedded-opentype"),
         url("fonts/AppleIcons-Ultralight.woff") format("woff"),
         url("fonts/AppleIcons-Ultralight.ttf") format("truetype")
}

@font-face {
    font-family: "AppleIcons";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/AppleIcons-Text.eot");
    src: url("fonts/AppleIcons-Text.eot?#iefix") format("embedded-opentype"),
         url("fonts/AppleIcons-Text.woff") format("woff"),
         url("fonts/AppleIcons-Text.ttf") format("truetype")
}

.icon {
    behavior: url("http://www.apple.com/v/news/a/ac-assets/ac-appleicons/behaviors/icons.htc")
}

@media print {
  body, #main, #content {
    color: #000
  }

  a, a:link, a:visited {
    color: #000;
    text-decoration: none
  }
}

a {
  color: #08c
}

a:visited, a:link, a:active {
  text-decoration: none
}

html.no-js a:hover {
  text-decoration: underline
}

html.no-touch a:hover {
  text-decoration: underline
}

.more {
  behavior:url("/v/news/a/ac-assets/ac-appleicons/behaviors/icons.htc");
  white-space: nowrap
}

.more:before, .more:after {
  content: "";
}
.more:before, .more:after, .more .icon-htc {
  display: inline-block;
  color: inherit;
  font-family: "AppleIcons";
  font-style: normal;
  font-weight: inherit;
  font-size: 1em;
  line-height: 1;
  text-decoration: none;
  position: relative;
  z-index: 1
}

.more:after {
  top: 0;
  padding-left: 0.3em
}

.more:before {
  display: none
}

.more .icon-htc {
  padding-left: false;
  padding-right: false
}

.nobr {
  white-space: nowrap
}

#main {
  width: 100%;
  height: 100%;
}

#main .content {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 40%;
  margin-top: -204px;
  /* top: 15%; translate: translateY(-15%); */
}

#main .content .middle_column {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}

#main .content .middle_column.semi_narrow_column {
  width: 65%;
}

#main .content img {
  padding-top: 0px;
  padding-bottom: 60px;
  width: 204px;
  height: 204px;
}

#main .content p {
  font-size: 1.2em;
  font-weight: 200;
  line-height: 1.20;
  padding-top: 25px;
}

#main .content h1 {
  font-size: 3.0em;
  line-height: 1.0865;
  font-weight: 200;
  text-align: center;
}

#main .content a.newslink {
  font-size: 1.8em;
}

#main .footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#main .footer {
  color: #999;
  font-size: 13px;
}

#main .footer a {
  color: #666;
  font-weight: 600;
}

#main .footer span.separator {
  padding-left: 15px;
  padding-right: 15px;
  color: #ccc;
}

#main .footer .policies {
  float: left;
  text-align: left;
  padding-left: 30px;
  line-height: 2.7;
}

#main .footer .first_logo {
  display: none;
}

#main .footer .second_logo {
  text-align: center;
  line-height: 2.7;
  margin: 0 auto;
}

#main .footer .second_logo img {
  width: 19px;
  height: 23px;
}

#main .footer .copyright {
  float: right;
  text-align: right;
  padding-right: 30px;
  line-height: 2.7;
}

/* ==== iPhone (all) ==== */
/* iPhone (all) portrait and landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
  #main .content {
    top: 7%;
    margin-top: 0px;
    width: 100%;
    transform: translateY(-7%);
    -webkit-transform: translateY(-7%);
  }

  #main .content .middle_column.narrow_column {
    width: 75%;
  }

  #main .content img {
    width: 125px;
    height: 125px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
  }

  #main .content p {
    font-size: 16px;
    font-weight: 200;
    padding-top: 15px;
  }

  #main .content h1 {
    font-size: 30px;
    line-height: 1.0865;
    font-weight: 200;
    width: 100%;
  }

  #main .content h1.applenews {
    font-size: 2.2em;
  }

  #main .content a.newslink {
    font-size: 1.3em;
  }

  #main .footer .policies {
    font-size: 0.9em;
  }

  #main .footer .copyright {
    font-size: 0.9em;
  }
}

/* iPhone (all) portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: portrait) {
    #main .content h1 {
    margin-left: auto;
    margin-right: auto;
  }

  #main .content .middle_column.semi_narrow_column {
    width: 85%;
  }

  #main .footer {
    padding-bottom: 20px;
  }

  #main .footer .first_logo {
    display: block;
    padding-bottom: 8px;
  }

  #main .footer .first_logo img {
    width: 16px;
    height: 19px;
  }

  #main .footer .second_logo {
    display: none;
  }

  #main .footer span.separator {
    padding-left: 5px;
    padding-right: 5px;
  }

  #main .footer .policies {
    float: none;
    text-align: center;
    padding-left: 0px;
    line-height: 1.75;
  }

  #main .footer .copyright {
    float: none;
    text-align: center;
    padding-right: 0px;
    line-height: 1.75;
  }
}

/* iPhone (all) landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: landscape) {
  #main .content img {
    width: 100px;
    height: 100px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
  }

  #main .content .middle_column.semi_narrow_column {
    width: 75%;
  }

  #main .footer .policies {
    font-size: 75%;
  }

  #main .footer .copyright {
    font-size: 75%;
  }
}

/* ==== iPhone, iPhone 3G/3GS and iPhone 4/4S ==== */
/* iPhone 3G/3GS portrait and landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (device-aspect-ratio: 2/3) {
  #main .content img {
    width: 90px;
    height: 90px;
    padding-bottom: 10px;
  }

  #main .content p {
    padding-top: 20px;
    font-size: 0.6em;
  }

  #main .content h1 {
    font-size: 1.3em;
  }

  #main .footer {
    bottom: -5px;
  }
}

/* iPhone, iPhone 3G/3GS and iPhone 4/4S portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
}

/* iPhone, iPhone 3G/3GS and iPhone 4/4S landscape */
@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (device-aspect-ratio: 2/3) and (orientation: landscape) {
  #main .content img {
    width: 75px;
    height: 75px;
  }

  #main .content p {
    padding-top: 10px;
    font-size: 0.3em;
  }

  #main .footer span.separator {
    padding-left: 2px;
    padding-right: 2px;
  }

  #main .footer .policies {
    padding-left: 8px;
  }

  #main .footer .copyright {
    padding-right: 8px;
  }
}

/* ==== iPhone, iPhone 3G/3GS ==== */
/* iPhone, iPhone 3G/3GS portrait and landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) and (device-aspect-ratio: 2/3) {
}

/* iPhone, iPhone 3G/3GS portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
}

/* iPhone, iPhone 3G/3GS landscape */
@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) and (device-aspect-ratio: 2/3) and (orientation: landscape) {
}

/* ==== iPhone 4 ==== */
/* iPhone 4/4S portrait and landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
}

/* iPhone 4/4S portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
}

/* iPhone 4/4S landscape */
@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: landscape) {
}

/* ==== iPhone 5 ==== */
/* iPhone 5 portrait and landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
}

/* iPhone 5 portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
}

/* iPhone 5 landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: landscape) {
}

/* ==== iPhone 6 ==== */
/* iPhone 6 portrait and landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
  #main .content {
    top: 25%;
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
  }

  #main .footer .policies {
    font-size: 100%;
  }

  #main .footer .copyright {
    font-size: 100%;
  }
}

/* iPhone 6 landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: landscape) {
}

/* iPhone 6 portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) {
}

/* ==== iPhone 6 Plus ==== */
/* iPhone 6 Plus portrait and landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
}

/* iPhone 6 Plus landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation: landscape) {
}

/* iPhone 6 Plus portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation: portrait) {
}

/* ==== iPad (all) ==== */
/* iPad portrait and landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #main .content {
    top: 25%;
    margin-top: 0px;
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
  }

  #main .content img {
    width: 175px;
    height: 175px;
    padding-bottom: 30px;
  }

  #main .content h1.applenews {
    font-size: 3.0em;
  }

  #main .content a.newslink {
    font-size: 1.3em;
  }

  #main .footer .policies {
    font-size: 0.9em;
  }

  #main .footer .copyright {
    font-size: 0.9em;
  }
}

/* iPad (all) landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
}

/* iPad (all) portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
  #main .content .middle_column.semi_narrow_column {
    width: 85%;
  }
}

/* ==== iPad 1 & 2 ==== */
/* iPad 1 & 2 portrait and landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* iPad 1 & 2 landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* iPad 1 & 2 portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ==== Retina iPad ==== */
/* Retina iPad portrait and landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Retina iPad landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Retina iPad portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}