/* Webfont: Univers */@font-face {
    font-family: 'Univers';
    src: url('font/Univers.eot'); /* IE9 Compat Modes */
    src: url('font/Univers.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Univers.woff') format('woff'), /* Modern Browsers */
         url('font/Univers.ttf') format('truetype'), /* Safari, Android, iOS */
         url('font/Univers.svg#Univers') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Univers-Condensed */@font-face {
    font-family: 'UniversCond';
    src: url('font/Univers-Condensed.eot'); /* IE9 Compat Modes */
    src: url('font/Univers-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Univers-Condensed.woff') format('woff'), /* Modern Browsers */
         url('font/Univers-Condensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('font/Univers-Condensed.svg#Univers-Condensed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: UniversCE-Light */@font-face {
    font-family: 'UniversLightCE';
    src: url('font/UniversCE-Light.eot'); /* IE9 Compat Modes */
    src: url('font/UniversCE-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/UniversCE-Light.woff') format('woff'), /* Modern Browsers */
         url('font/UniversCE-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('font/UniversCE-Light.svg#UniversCE-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Univers-LightUltraCondensed */@font-face {
    font-family: 'UniversExtBdCond';
    src: url('font/Univers-LightUltraCondensed.eot'); /* IE9 Compat Modes */
    src: url('font/Univers-LightUltraCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Univers-LightUltraCondensed.woff') format('woff'), /* Modern Browsers */
         url('font/Univers-LightUltraCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('font/Univers-LightUltraCondensed.svg#Univers-LightUltraCondensed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Univers-UltraCondensed */@font-face {
    font-family: 'UniversExtBdCond2';
    src: url('font/Univers-UltraCondensed.eot'); /* IE9 Compat Modes */
    src: url('font/Univers-UltraCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Univers-UltraCondensed.woff') format('woff'), /* Modern Browsers */
         url('font/Univers-UltraCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('font/Univers-UltraCondensed.svg#Univers-UltraCondensed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: UniversCE-Medium */@font-face {
    font-family: 'UniversMedCE';
    src: url('font/UniversCE-Medium.eot'); /* IE9 Compat Modes */
    src: url('font/UniversCE-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/UniversCE-Medium.woff') format('woff'), /* Modern Browsers */
         url('font/UniversCE-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('font/UniversCE-Medium.svg#UniversCE-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Univers-UltraCondensed */@font-face {
    font-family: 'UniversExtBdCond2';
    src: url('font/Univers-UltraCondensed.eot'); /* IE9 Compat Modes */
    src: url('font/Univers-UltraCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/Univers-UltraCondensed.woff') format('woff'), /* Modern Browsers */
         url('font/Univers-UltraCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('font/Univers-UltraCondensed.svg#Univers-UltraCondensed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


.break {top:20px;position:relative;text-align:center;}

.journey {margin-top:120px !important;}
.km2 {margin-top:0px !important;}
.km {margin-top:100px !important;}
span.title {font-family:"UniversCond" !important;line-height:40px;font-size:32px;}
.video-caption.frame {width:550px !important;}
@media (max-width: 1200px) {
.break {top:0px;}
span.break2 {margin-top:40px;position:relative;}
span.break3 {top:40px;position:relative;}
span.break31 {top:80px;position:relative;}
span.break32 {top:120px;position:relative;}

  .left3, .right3 {top:40px !important;position:relative !important;}

.video-caption--head .video-summary {width:400px !important;line-height:55px !important;margin:0 auto !important;position: relative !important;
  font-size:40px !important;font-family:"Univers" !important;left:0px !important;}
.video-caption.2 {padding:100px !important;position:relative !important;}
.video .video-caption--head {height:auto !important;}
.video-caption.video-caption--head.mobile.1 {padding:75px 0px !important; position:relative !important;}
.video .video-caption {font-size:40px !important;font-family:"Univers" !important;position:relative !important;margin:0 auto; left:0px !important;}

.video-sequence .video { min-height:50px !important;}
.video-sequence .video .1 {height:450px !important; position:relative !important;}
/*.ios .video-sequence .video, .ios .video-container {height:450px !important;}
*/
.scroll-prompt {display:none;}
.video-caption.intro {padding:150px 0px!important;font-size:40px !important;font-family:"Univers" !important;}
.video-caption.altitude {padding:150px 0px!important;font-size:40px !important;font-family:"Univers" !important;}
.video-caption.frame {padding:150px 0px!important;font-size:40px !important;font-family:"Univers" !important;width:595px !important;}
.video-caption.direction {height:475px;padding:150px 0px!important;font-size:40px !important;font-family:"Univers" !important;}
.section.column.forest {margin-top:100px !important;padding-bottom:75px !important;}
.big42 {display:block !important;font-size:40px !important;font-family:"Univers" !important;line-height:55px;}
.section.column.km {margin-top:150px !important;margin-bottom:75px !important;}
.airport { height:600px}
.video.mobile.1 {padding:75px 0px!important;;position:relative !important;}
.2 {height:600px !important;position:relative !important;}
body{font-size:40px !important;font-family:"Univers" !important;line-height:55px;}
.all {margin-top:75px;}
.left3,.right3,.center3 {display:block !important;width:100% !important;margin-top:0px !important;margin-bottom:50px !important;}
.big4{display:inline-block !important;font-size:40px !important;}

.big2, span.big4, span.big3 {font-size:40px !important;font-family:"Univers" !important;line-height:55px;}
.big3 {display:inline-block !important;position:relative !important;top:0px !important;}
.big4 {font-size:40px !important;font-family:"Univers" !important;line-height:55px;}
span.big4 { font-size:35px !important;font-family:"Univers" !important;line-height:55px;}
span.big43 { font-size:40px !important;font-family:"Univers" !important;line-height:55px;}
.big43 { font-size:40px !important;font-family:"Univers" !important;line-height:55px;}

  .ios .section {font-size:40px !important;font-family:"Univers" !important;line-height:55px;}
span.title  {font-size:45px !important}
.section.column {font-size:40px !important;font-family:"Univers" !important;line-height:55px;margin-top:0px !important;font-weight:500 !important;}
.ios .video-sequence:first-child .video-caption--head {width:90% !important;}
  .ios .video-sequence:first-child {background-color:#819bad !important;}
  .main {top:90px;position:relative;}
.ios2.video-container2 {display:block !important;top:0px;background-color:#819bad !important;}
.ios2.video-container2 img{width:100%;}
.ios.video-container {display:none;}
.video-container {display:none;}
.ios .column {margin:auto !important;}
.video-caption.video-caption--head {opacity:1 !important;}
.video {background-color:#819bad;}
.video-captionvideo-caption--left{font-size:40px !important;font-family:"Univers" !important;}

section.journey {height:900px !important;}
 .ios .video-caption{font-size:40px !important;font-family:"Univers" !important;line-height:55px !important;width:80% !important;/*font:40px "Univers" !important;*/text-shadow:none !important;color:#fff !important;font-size:42px !important;font-family: "Univers"!important;
width:75% !important;text-align:center !important;left:13% !important;margin:0 auto !important;font-weight:normal !important;}
.ios .video {padding-left:0px !important;padding-right:0px !important;}
.video-caption--head .video-headline{color:#fff !important;font-weight:bold !important;}
.video.none{display:none;}
p{font-size:40px;font-family:"Univers";line-height:55px;margin:0px !important;}
.video-caption.video-caption--head.mobile {left:0% !important;}
.ios .video-summary{top:60% !important; line-height:45px !important;left:0% !important;right:0% !important;bottom:40% !important;font-family: "Univers"!important;
font-weight:normal !important; font:40px "Univers" !important;text-shadow:none !important;
color:#fff !important;f/*ont-size:40px !important*/;width:580px !important;text-align:center !important;margin:0 auto !important;}
.video-caption.video-caption--head.mobile .video-headline.headline {line-height:55px !important;position:relative;height:200px !important;font-size:40px !important;font-family:"Univers" !important;line-height:55px !important;width:100% !important;text-align:center !important;left:0% !important;}
.video.mobile {top:0px !important;}
.ios .video-sequence {background:#819bad !important;}
/*body{line-height:45px !important;font:40px "Univers" !important;text-shadow:none !important;background-color:#819bad;
color:#fff !important;font-size:40px !important;text-align:center !important}*/

/*body p{line-height:45px !important;font:40px "Univers" !important;text-shadow:none !important;
color:#fff !important;font-size:40px !important;text-align:center !important}*/
.video .video-caption.long {width:75% !important;}
.final h1{position:absolute !important;font-size:70px !important;display:block;color:#fff;text-transform:uppercase;
 bottom:5% !important;left:20% !important;font-family:'Univers';line-height:85px;width:580px !important;}
.left{width:100%;text-align:center;margin-top:220px;}
.right{width:100%;padding:40px 0px;text-align:center;}
.left3 {top:-20px !important}
.right3 {top:-20px !important;}
.video .video-caption {font-size: 40px !important;
    font-family: "Univers" !important;font-weight: 500 !important;
    line-height: 55px !important;text-align:center;}
.video-caption.video-caption--long.long.mobile{font-size:40px !important;font-family:"Univers" !important;padding-bottom:150px;margin:0px auto!important;position:relative;}
}

h1.footer-title{font:35px "UniversCond";color:white}
footer{padding:30px 0px;text-align:center;background-color:#829bac;}
ul.sm{margin:0px;padding:0px;}
ul.sm li{list-style:none;display:inline-block;position:relative;padding:5px;}
.left{float:left;display:inline-block;}
.right {float:right;display:inline-block;top:-5px;position:relative;}
.left3{float:left;width:33%;position:relative;text-align:center;}
.right3 {float:right;width:33%;position:relative;text-align:center;}
.center3{float:left;width:33%;text-align:center;top:;}
.small{    letter-spacing: 1px;
    font-size: 20px;
    font:20px "UniversMedCE";line-height:50px;}
.big{font:40px "UniversLightCE";}
.big2{font:40px "UniversCond";}
.big3{position:relative;top:20px;font-size:75px;display:block ;}
.big4{position:relative;top:0px;font-size:50px;display:inline-block;letter-spacing:1px;}
.big43{position:relative;top:0px;font-size:50px;display:inline-block;letter-spacing:1px;}

.big42{position:relative;top:0px;font-size:50px;display:block;letter-spacing:1px;}

.footer-section {display:none;}
.final{position:relative;}
.final h1{position:absolute;display:block;color:#008cca;text-transform:uppercase;bottom:20%;left:60%;width:580px !important;margin:0px !important;font-family:'UniversCond'}
.ios2.video-container2 {display:none;}
.video .video-caption.long {width:800px;}
body {
  font: 30px "UniversCond";
  line-height:47px;
  margin: 0;
  padding: 0;
  background-color:#819bad !important;
    font-family: "UniversCond";
    color:#fff;

}

p{text-align: center}

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

a:hover {
  text-decoration: underline;
}

img.content {padding:50px 0px;}

.section.video-sequence.1 {margin-top:0px !important;position:relative !important;top:0px !important;display:block !important;}

.article {
  border-top: solid 1px #000;
}

.section {
  margin-top: 150px;
}

.section:after {
  content: "";
  clear: left;
  display: block;
}

.section--last {
  margin-bottom: 130px;
}

.section--credits {
  color: #999;
  font-style: oblique;
}

.section--credits a {
  color: #444;
}

.column {
  margin-left: auto;
  margin-right: auto;
  max-width: 580px;
}

.section h3 {
  margin-right: 10px;
  margin-bottom: 20px;
}

.scroll-prompt {
  position: absolute;
  bottom: 5%;
  line-height: 20px;
  text-align: center;
  color: white;
  font-size: 20px;
  opacity: 0.8;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 3;
  margin-left: 7%;
  padding-left: 112px;
}

.scroll-prompt svg {
  fill: none;
  stroke: #008cca;
  stroke-width: 2px;
}

.dropcap {
  float: left;
  font: bold 53px/70px "UniversCond";
  margin: -7px 10px 0 0;
  height: 1em;

}

.headline,
.section h3 {
  font:  30px/40px  "UniversCond" ;
      font-family: "UniversCond" !important;

}

.headline {
  font-size: 25px;
  line-height: 60px;
  margin-bottom: 15px;
    font-family: "UniversCond" !important;
}

.byline-rule {
  border-top: 2px solid #000;
  width: 120px;
}

.byline {
  font: 12px/2em "UniversCond";
  opacity: .5;
}

.byline .author {
  text-transform: uppercase;
  white-space: nowrap;
}

.byline--first {
  margin-bottom: 14px;
  opacity: 1;
  font-weight: 700;
  padding-top: 23px;
}

@media (max-width: 704px) {
  .column {
    margin: auto 5%;
    max-width: 100%;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .ios body {
    font-size: 16px;
    line-height: 26px;
  }

  .ios .column {
    margin: auto 8%;
  }

  .ios .section {
    margin-top: 50px;
  }

  .ios .navigation {
    background-color: #000;
    position: static;
  }

  .section h4 {
    font-size: 24px;
    text-align: center;
    margin: 10px 30px;
  }

  .section h3 {
    font-size: 48px;
    text-align: center;
    margin: 10px 30px 30px 30px;
  }
}

.image {
  width: 120%;
  margin: 40px -10%;
}

.image img {
  width: 100%;
}

.image .caption {
  font: 12px/1.4em "UniversCond";
  clear: left;
  color: #999;
}

@media (min-width: 1200px) {
  .image--diptych {
    width: 200%;
    margin-left: -50%;
  }

  .image--diptych img {
    position: relative;
    width: 50%;
    float: left;
    left: 5px;
  }

  .image--diptych .caption {
    margin-left: -5px;
    padding-top: .7em;
  }

  .image--diptych img:first-child {
    left: -5px;
  }
}
.video {
  font: bold 17px/30px "UniversCond";
  position: relative;
  width: 100%;
  overflow: hidden;
}

.video-container {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  top:-30px !important;
}

.video-container video,
.video-container img {
  width: 100%;
  position: absolute;
}

.video-caption {
  margin-top: 5px;
  color: #888;
  padding-bottom: 20px;
}

.video-source {
  font: 11px/1.4em "UniversCond";
  color: #999;
  position: absolute;
  bottom: 10px;
  right: 7%;
  z-index: 3;
}

.column .video {
  border: solid 8px #f0f0f0;
  box-sizing: border-box;
  margin: 40px -10%;
  width: 120%;
}

.video-sequence:first-child {
  margin-top: 0px;
}

.video-sequence .video {
  min-height: 56.25vw;
}

.video-sequence-indicator {
  font-family: arial;
  position: absolute;
  line-height: 1.4em;
  top: 50%;
  right: 20px;
  color: #fff;
  white-space: pre;
}

.video {
  float: left;
}

.video + p {
  clear: left;
}

.video .video-caption {
  position: absolute;
  left: 7%;
  bottom: 20%;
  width: 350px;
  z-index: 3;
  color: #fff;
  text-shadow: 0 0px 0px #000;
  padding: 20px 0;
  font-size:24px;
line-height:35px;
}

.video-sequence .video:last-of-type .video-caption {
  bottom: 30%;
}

.video .video-caption--long {
  width: 400px;
  bottom: 12.44%;
}

.video .video-caption--right {
  right: 7%;
  left: inherit;
  text-align: right;
}

.video .video-caption--center {
  left: inherit;
  text-align: center;
  width: 50%;
  margin: 0 25%;
}

.video .video-caption--head {
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

br {height:5px}

.video-caption--head .video-headline {
  position: absolute;
  top: 57%;
  color: #000;
  left: 7%;
/*  border-bottom: solid 3px #fff;
*/  text-shadow: none;
  font-size: 24px;
  line-height: 40px;
  padding-bottom: 0px;
  color:#fff;
  font-family:"UniversCond" !important;
}

.video-caption--head .video-summary {
      font-family: "UniversCond";
font-size:24px;
  position: absolute;
  top: auto;
  bottom: 23%;
  left: 7%;
    color:#fff;
line-height:35px;
  width: 350px;
  text-shadow: 0 0px 0px #000;
}

.video-caption--head .video-summary br {
display: block;
   margin: 10px 0;
   }

@media only screen and (min-width: 1200px) and (max-width: 1440px) and (min-height: 500px) and (max-height: 800px) {
  .video-caption--head .video-headline {
    top: 20%;
  }

  .video-caption--head .video-summary {
    bottom: 20%;
  }
}

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


  .ios .navigation-left {
    margin-left: 25px;
  }

  .ios .scroll-prompt {
    display: none;
  }

  /* GLOBAL STUFF */

  .ios body {
    overflow-x: hidden;
  }

  .ios #preview-banner {
    display: none;
  }

  .ios .article {
    border-top: none;
  }

  .ios .caption {
    line-height: 1.1;
  }

  .ios .section h3 {
    margin-top: 50px;
  }

  /* STANDALONE INSET IMAGES */

  .ios .image {
    width: 110%;
    margin: 40px -5%;
  }

  /* SECTION + SEQUENCES */

  .ios .section {
    margin-top: 20px;
  }

  .ios .video-sequence {
    background-color: #000;
  }

  .ios .video-sequence:first-child {
    margin-top: 0px;
  }

  /* VIDEO SLIDE */

  .ios .video {
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px;
  }

  .ios .video-sequence .video,
  .ios .video-container  {
    overflow: visible;
  }

  .ios .video-container {
    padding: 60px 0;
    position: relative;
    line-height: 0;
  }

  .ios .video-container img {
    position: static;
  }

  .ios .video-source {
    bottom: 65px;
    right: 10px;
  }

  .ios .video-caption {
    bottom: 0%;
    top: 65px;
    width: 260px;
font-size:40px !important;font-family:"Univers" !important;
    left: 50px;
  }

  .ios .video-rule {
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #333;
    left: 35%;
    right: 35%;
  }

  /* INTRO SLIDE */

  .ios .video-sequence:first-child {
    padding-top: 0;
  }

  .ios .video-sequence:first-child .video:first-of-type {
    padding-left: 0;
    padding-right: 0;
  }

  .ios .video-sequence:first-child .video:first-of-type .video-container:first-child {
    padding-top: 0;
    padding-bottom: 60px;
    height: 360px;
  }

  /* HEADLINE AND INTRO */

  .ios .video-sequence:first-child .video-caption--head {
    width: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
  }

  .ios .video-headline {
    left: 25px;
    top: 50px;
    border-bottom: none;
    color: white;
    font-size: 45px;
  }

  .ios .video-headline .headline {
    bottom: auto;
    top: -2%;
    font-size: 45px;
    color: #FFF;
    line-height: 60px;
  }

  .ios .video-summary {

    right: 7%;
    left: auto;
    top: auto;
    bottom: 0%;
    width: 280px;
    text-align: right
  }

  /* MAP STUFF FOR MOBILE */

  .ios .map-sequence {
    background-color: white;
    margin-top: 0px;
    padding-top: 0px !important;
  }

  .ios .map-sequence .video-container {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .ios .map-sequence .video-caption {
    font-family: Georgia;
    font-size: 16px;
    line-height: 26px;
    position: static;
    color: #000;
    text-shadow: none;
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-bottom: 0px;
    word-spacing: 0px;
    letter-spacing: 0px;

    font-weight: normal;
  }

  .ios .map-sequence .video-source {
    bottom: 15px;
    right: 0px;
  }

  .ios .map-hide {
    min-height: 0px;
  }

  .ios .map-hide .video-container {
    display: none;
  }

  .ios .map-hide .video-caption  {
    padding-top: 20px;
  }

  .ios .map-hide:nth-of-type(1) .video-caption  {
    padding-top: 0px;
  }

  /* TABLET AND PHONE MAPS */

  .ios .map {
    margin: 40px 0 40px -94px;
    width: 100%;
    height: auto;
  }
  .ios .map > * {
    position: absolute;
  }

  .ios .map img {
    position: static;
  }

  .ios .map-source {
    right: 0px;
    bottom: 5px;
  }

  .ios .nytg-tabletmap {
    position:relative;
    line-height: 1 !important;
    overflow: hidden;
    letter-spacing: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ios .nytg-tabletmap img {
    float: none;
    position: static;
  }

  .ios .nytg-tabletmap p {
    font-family:"UniversCond";
    font-size:13px;
    line-height:18px;
    margin:0;
    color: #fff;
    opacity:.95;
    font-weight: 500;
  }

  .ios .nytg-tabletmap > * {
    position: absolute;
  }

  .ios .nytg-phonemap > * {
    position: absolute;
  }

  .ios .nytg-phonemap {
    position:relative;
    width:100%;
    font: 12px/15px "UniversCond";
    color: #fff;
    letter-spacing: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ios .nytg-phonemap img {
    float: none;
    position: static;
  }

  .ios .nytg-phonemap p{
    opacity: .95;
    margin: 0;
  }

  .ios #nytg-phonemap_0_spratlys {
    min-height: 273px;
    background-color: #222;
  }
}

@media only screen and (min-width: 767px) and (max-width: 782px) {
  .ios .map-source {
    right: 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

  /* SECTIONS + SEQUENCE */

  .ios .column {
    margin-left: 5% !important;
    margin-right: 5% !important;
  }

  /* ARTICLE HEDS + SUBHEDS */

  .ios .video-headline .headline,
  .ios .headline {
    line-height: 34px;
    font-size: 28px;
    margin-bottom: 20px;
  }

  .ios .section h3 {
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 28px;
  }

  .ios .column .byline br:nth-of-type(1) {
    /*display: none;*/
  }

  .ios .image {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .ios .map {
    margin-right: 0;
    margin-left: 0;
  }

  .ios .video-sequence {
    padding-top: 30px;
  }

  /* VIDEO SLIDE */

  .ios .video  {
    padding-left: 0px;
    padding-right: 0px;
  }

  .ios .video-container {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  .ios .video-caption {
    position: static;
    float: left;
    padding-top: 0px;
    margin-top: 0px;
    text-align: left !important;
    margin-left: 7%;
    margin-right: 7%;
    width: auto;
    padding-bottom: 30px;

    line-height: 28px;
  }

  .ios .video-source {
    bottom: 35px;
    right: 10px;
  }

  .ios .video-sequence:first-of-type .video-source {
    display: none;
  }

  .ios .video-sequence:first-of-type.ios-loaded .video-source {
    display: block;
    bottom: 25px;
    right: 5px;
  }

  .ios .video-rule {
    display: none;
  }

  /* INTRO SLIDE */

  .ios .video-sequence:first-child .video:first-child {
    margin-top: 0;
  }

  .ios .video-sequence:first-child .video:first-of-type .video-container  {
    padding-bottom: 40px !important;
  }

  .ios .ios-loaded:first-child .video:first-of-type .video-container {
    background-size: 200%;
    background-position: 59% 0px;
    background-image: url(http://i1.nyt.com/newsgraphics/2013/10/24/south-china-sea-videos/assets/720/sierra-madre.jpg);
    background-repeat: no-repeat;
  }

  .ios .video-caption--head {
    position: relative;
    float: none !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
  }

  .ios .video-headline {
    /*position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;*/
  }

  .ios .video-headline .headline,
  .ios .video-headline .byline {
    position: absolute;
    left: 25px;
  }

  .ios .video-headline .byline {
    display: none;
  }

  .ios .ios-loaded .video-headline .byline {
    display: block;
  }

  .ios .video-headline .headline {
    top: 50px;
    color: white;
  }

  .ios .video-caption--head .headline br:nth-of-type(1) {
    display: none;
    width: 5px;
    height: 5px;
  }

  .ios .video-headline .byline {
    top: 90px;
    position: absolute;
    color: #FFF;
    border-top: none;
    letter-spacing: 0px;
    line-height: 16px;
  }

  .ios .video-summary {
    position: static;
    float: left;
    text-align: left;
    padding-left: 25px;
    padding-bottom: 40px;
    width: auto;
    padding-right: 30px;
  }

  /* MAP SEQUENCE */

  .ios .map-sequence .video-caption {
    margin-left: 5%;
    margin-right: 5%;
    max-width: 100%;
    width: auto;
  }

  .ios .map-sequence .video-source {
    right: 5px;
  }

  .ios .map-source {
    right: 0;
  }
}

@media only screen and (min-width: 767px) {
  .ios .video-sequence:first-child .video:first-of-type .video-container {
    background-size: cover;
    background-position: 60%;
    background-image: url(http://i1.nyt.com/newsgraphics/2013/10/24/south-china-sea-videos/assets/mobile-1024/sierra-madre-big-thin.jpg);
  }

  .ios .align-left {
    left: 50px;
    right: auto;
    margin: 0;
    text-align: left;
  }

  .ios .align-bottom,
  .ios .video-sequence .video .align-bottom {
    bottom: 65px;
    top: auto;
  }

  .ios .align-middle {
    top: 50%;
    margin-top: -115px;
  }

  .ios .align-right {
    right: 50px;
    left: auto;
    text-align: right;
  }

  .ios .caption-loresto-binoculars {
    width: 240px;
  }

  .ios .caption-nytg-tabletmap-0-spratlys-template,
  .ios .caption-underwater,
  .ios .caption-night-exterior-storm,
  .ios .caption-flight,
  .ios .caption-cockpit {
    width: 280px;
  }

  .ios .map {
    min-width: 768px;
  }
}
.map > * {
  position: absolute;
}

.map {
  color: #fff;
  font: 13px/18px "UniversCond";
  height: 512px;
  margin: 40px -94px;
  padding-bottom: 1.4em;
  position: relative;
  width: 768px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.map p {
  margin: 0;
  opacity: .95;
}

.map-source {
  font: 11px/1.4em "UniversCond";
  color: #999;
  bottom: -.2em;
  right: 0;
}

.map--spratly .map-s0 {
  line-height: 15px;
  opacity: 0.7;
}

.map--spratly .map-s1 {
  line-height: 15px;
  text-align: right;
  opacity: 0.7;
}

.map--spratly .map-s2 {
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.05em;
  opacity: 0.2;
}

.map--spratly .map-s3 {
  font-size: 15px;
  line-height: 20px;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.05em;
  opacity: 0.2;
}

.map--ayungin .map-s0 {
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  opacity: 0.7;
}

.map--ayungin .map-s1 {
  font-size: 18px;
  line-height: 19px;
  font-weight: 500;
}

.map--ayungin .map-s3 {
  font-size: 10px;
  opacity: 0.7;
}

.map--ayungin .map-s5 {
  font-size: 13px;
  line-height: 15px;
  font-style: italic;
  text-align: center;
  opacity: 0.7;
}

.map--ayungin .map-s6 {
  line-height: 15px;
  opacity: 0.6;
}

.map--ayungin .map-s7 {
  line-height: 15px;
  text-align: right;
  opacity: 0.6;
}

.map--ayungin .map-s8 {
  font-style: italic;
  text-align: center;
  letter-spacing: 0.05em;
  opacity: 0.3;
}

.map--ayungin .map-s9 {
  line-height: 15px;
}