[lang]:lang(en) * {
  font-family: "SF Pro Display", "SF Pro AR", "SF Pro Gulf", "SF Pro Text",
    "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  letter-spacing: 0 !important;
}

.page-overview .section-tools .tile .tile-copy-wrap {
  margin-right: 80px;
  margin-left: 0;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools .tile .tile-copy-wrap,
  .page-overview .section-tools .tile#animate .tile-copy-wrap {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools .tile .tile-copy-wrap,
  .page-overview .section-tools .tile#animate .tile-copy-wrap {
    margin: 0;
  }
}

.gallery-container {
  width: 450px;
  position: relative;
}

.page-overview .section-routers .tile p {
  padding-right: 0;
  padding-left: 14px;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-routers .tile p {
    padding-left: 0px;
  }
}

.page-overview .section-routers .tile#numbers {
  margin-left: 10px;
  margin-right: 0;
}

@media only screen and (max-width: 734px) {
  .page-overview .section-routers .tile#numbers {
    margin: 0 auto;
  }
}

.page-overview .section-routers .tile#pages {
  margin-right: 10px;
  margin-left: 0;
}

@media only screen and (max-width: 734px) {
  .page-overview .section-routers .tile#pages {
    margin-right: auto;
    margin-left: auto;
  }
}

.page-overview .section-tools figure.image-themes {
  left: -125px;
  right: auto;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools figure.image-themes {
    left: -180px;
    right: auto;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools figure.image-themes {
    left: auto;
    right: 20px;
  }
}

.page-overview .section-tools figure.image-animate {
  left: -320px;
  right: auto;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools figure.image-animate {
    left: -240px;
    right: auto;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools figure.image-animate {
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools figure.image-spectacular {
    left: -60px;
    right: auto;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools figure.image-spectacular {
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}

.page-overview .section-tools .thumbnail-copy {
  width: 220px;
  margin-right: 15px;
  margin-left: 0;
}

@media only screen and (min-width: 374px) and (max-width: 1068px) {
  .page-overview .section-tools .thumbnail-copy {
    width: 210px;
    margin-right: 10px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 374px) {
  .page-overview .section-tools .thumbnail-copy {
    width: 210px;
    margin-right: 10px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 320px) {
  .page-overview .section-tools .thumbnail-copy {
    width: 180px;
    margin-right: 10px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools .film-trigger {
    margin-left: -50px;
    margin-right: auto;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools .film-trigger {
    margin-left: 0;
    margin-right: auto;
  }
}

.page-overview .section-tools .tile#animate h2 {
  margin-right: 0;
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero .hero-headline-wrap {
    right: 50%;
    left: auto;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}

.page-overview .section-tools .tile#animate h2 {
  width: 430px;
}

.page-overview .section-tools .tile#themes h2 {
  width: 380px;
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools .tile#animate h2 {
    width: auto;
  }

  .page-overview .section-tools .tile#themes h2 {
    width: auto;
  }
}

.page-overview .section-routers .tile#pages p {
  padding-right: 0;
}

#multi-device .headline-section {
  line-height: 1.2;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  #animate .large-6 {
    position: relative;
    top: -10px;
  }
}
@media only screen and (min-width: 735px) {
  #animate .typography-body-tile-tools {
    width: 330px;
  }
}

.page-overview .section-tools figure.image-animate {
  background-image: url("/mideast/keynote/m/images/overview/ar/animate__fjqp4ryljoq6_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-animate {
    background-image: url("/mideast/keynote/m/images/overview/ar/animate__fjqp4ryljoq6_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools figure.image-animate {
    background-image: url("/mideast/keynote/m/images/overview/ar/animate__fjqp4ryljoq6_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-animate {
    background-image: url("/mideast/keynote/m/images/overview/ar/animate__fjqp4ryljoq6_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools figure.image-animate {
    background-image: url("/mideast/keynote/m/images/overview/ar/animate__fjqp4ryljoq6_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-animate {
    background-image: url("/mideast/keynote/m/images/overview/ar/animate__fjqp4ryljoq6_small_2x.jpg");
  }
}

.page-overview .section-tools figure.image-themes {
  background-image: url("/mideast/keynote/m/images/overview/ar/get_ahead__c5u4mlmq0wuq_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-themes {
    background-image: url("/mideast/keynote/m/images/overview/ar/get_ahead__c5u4mlmq0wuq_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools figure.image-themes {
    background-image: url("/mideast/keynote/m/images/overview/ar/get_ahead__c5u4mlmq0wuq_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-themes {
    background-image: url("/mideast/keynote/m/images/overview/ar/get_ahead__c5u4mlmq0wuq_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools figure.image-themes {
    background-image: url("/mideast/keynote/m/images/overview/ar/get_ahead__c5u4mlmq0wuq_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-themes {
    background-image: url("/mideast/keynote/m/images/overview/ar/get_ahead__c5u4mlmq0wuq_small_2x.jpg");
  }
}

.page-overview .section-features figure.image-collaborate {
  background-image: url("/mideast/keynote/m/images/overview/ar/create_together__ccnf5e0mlkuq_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-collaborate {
    background-image: url("/mideast/keynote/m/images/overview/ar/create_together__ccnf5e0mlkuq_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-features figure.image-collaborate {
    background-image: url("/mideast/keynote/m/images/overview/ar/create_together__ccnf5e0mlkuq_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-collaborate {
    background-image: url("/mideast/keynote/m/images/overview/ar/create_together__ccnf5e0mlkuq_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-features figure.image-collaborate {
    background-image: url("/mideast/keynote/m/images/overview/ar/create_together__ccnf5e0mlkuq_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-collaborate {
    background-image: url("/mideast/keynote/m/images/overview/ar/create_together__ccnf5e0mlkuq_small_2x.jpg");
  }
}

.page-overview .section-hero figure.image-hero {
  background-image: url("/mideast/keynote/m/images/overview/ar/hero__ccnawn2zv90i_large.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-hero figure.image-hero {
    background-image: url("/mideast/keynote/m/images/overview/ar/hero__ccnawn2zv90i_large_2x.png");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-hero figure.image-hero {
    background-image: url("/mideast/keynote/m/images/overview/ar/hero__ccnawn2zv90i_medium.png");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-hero figure.image-hero {
    background-image: url("/mideast/keynote/m/images/overview/ar/hero__ccnawn2zv90i_medium_2x.png");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-hero figure.image-hero {
    background-image: url("/mideast/keynote/m/images/overview/ar/hero__ccnawn2zv90i_small.png");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-hero figure.image-hero {
    background-image: url("/mideast/keynote/m/images/overview/ar/hero__ccnawn2zv90i_small_2x.png");
  }
}

@media only screen and (max-width: 374px) {
  .page-overview .section-hero figure.image-hero {
    background-image: url("/mideast/keynote/m/images/overview/ar/hero__ccnawn2zv90i_xsmall.png");
  }
}

@media only screen and (max-width: 374px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 374px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 374px) and (min-resolution: 144dpi) {
  .page-overview .section-hero figure.image-hero {
    background-image: url("/mideast/keynote/m/images/overview/ar/hero__ccnawn2zv90i_xsmall_2x.png");
  }
}

.page-overview .section-features figure.image-multi-device {
  background-image: url("/mideast/keynote/m/images/overview/ar/icloud_keynote__76hdqmoussiy_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-multi-device {
    background-image: url("/mideast/keynote/m/images/overview/ar/icloud_keynote__76hdqmoussiy_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-features figure.image-multi-device {
    background-image: url("/mideast/keynote/m/images/overview/ar/icloud_keynote__76hdqmoussiy_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-multi-device {
    background-image: url("/mideast/keynote/m/images/overview/ar/icloud_keynote__76hdqmoussiy_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-features figure.image-multi-device {
    background-image: url("/mideast/keynote/m/images/overview/ar/icloud_keynote__76hdqmoussiy_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-multi-device {
    background-image: url("/mideast/keynote/m/images/overview/ar/icloud_keynote__76hdqmoussiy_small_2x.jpg");
  }
}

.page-overview .section-tools figure.image-spectacular {
  background-image: url("/mideast/keynote/m/images/overview/ar/make_spectacular__buxell2xgmuq_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-spectacular {
    background-image: url("/mideast/keynote/m/images/overview/ar/make_spectacular__buxell2xgmuq_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools figure.image-spectacular {
    background-image: url("/mideast/keynote/m/images/overview/ar/make_spectacular__buxell2xgmuq_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-spectacular {
    background-image: url("/mideast/keynote/m/images/overview/ar/make_spectacular__buxell2xgmuq_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools figure.image-spectacular {
    background-image: url("/mideast/keynote/m/images/overview/ar/make_spectacular__buxell2xgmuq_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-tools figure.image-spectacular {
    background-image: url("/mideast/keynote/m/images/overview/ar/make_spectacular__buxell2xgmuq_small_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools .gallery-container {
    width: 100%;
  }
}

.page-overview .section-features figure.image-pc {
  background-image: url("/v/keynote/m/images/overview/pc_keynote__b6ahd3au4pea_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-pc {
    background-image: url("/v/keynote/m/images/overview/pc_keynote__b6ahd3au4pea_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-features figure.image-pc {
    background-image: url("/v/keynote/m/images/overview/pc_keynote__b6ahd3au4pea_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-pc {
    background-image: url("/v/keynote/m/images/overview/pc_keynote__b6ahd3au4pea_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-features figure.image-pc {
    background-image: url("/v/keynote/m/images/overview/pc_keynote__b6ahd3au4pea_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-features figure.image-pc {
    background-image: url("/v/keynote/m/images/overview/pc_keynote__b6ahd3au4pea_small_2x.jpg");
  }
}

.page-overview .section-tools .item {
  margin-left: 35px;
  margin-right: 0;
}

@media only screen and (max-width: 734px) {
  .page-overview .section-tools .item {
    margin-left: auto;
    margin-right: auto;
  }
}

.category-nav .category-items {
  text-align: right;
}

.page-compatibility .section-hero .category-nav .column {
  padding-right: 0;
  padding-left: 30px;
}

.section-graphics .feature-row .icon-wrapper .icon-after:after {
  transform: rotate(-180deg);
  display: inline-block;
  padding-left: 0.3em;
}

.section-slide-formatting .feature-row .icon-wrapper .icon-after:after {
  transform: rotate(-180deg);
  display: inline-block;
  padding-left: 0.3em;
}

.page-compatibility .section-features-list .section-content .link-top {
  text-align: left;
}

.page-overview .section-tools .item {
  padding-right: 0;
  padding-left: 45px;
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-tools .item {
    padding-left: 0px;
  }
}

.page-overview
  .section-features
  #remote-presenting
  .inline-video-content
  .inline-video-wrapper {
  right: initial;
  left: 50%;
  margin-right: 0;
  margin-left: -344px;
}

@media only screen and (max-width: 1068px) {
  .page-overview
    .section-features
    #remote-presenting
    .inline-video-content
    .inline-video-wrapper {
    right: initial;
    left: 50%;
    margin-right: 0;
    margin-left: -236px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview
    .section-features
    #remote-presenting
    .inline-video-content
    .inline-video-wrapper {
    right: initial;
    left: 50%;
    margin-right: 0;
    margin-left: -123px;
  }
}

.page-overview .section-tools .tile#animate .tile-copy-wrap h2 {
  margin-right: 0;
}

.page-compatibility .section-features-list .section-content .feature-title {
  padding-right: 0;
  padding-left: 15px;
}

.page-compatibility .section-features-list .section-content .column-headline {
  padding-right: 0;
  padding-left: 30px;
}

.page-overview
  .section-features
  #remote-presenting
  .inline-video-content
  .inline-video-wrapper
  .mediaobject-container
  .mediaobject-startframe {
  background-image: url("/mideast/keynote/m/images/overview/ar/add_video_startframe__gilao8w3gsi2_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview
    .section-features
    #remote-presenting
    .inline-video-content
    .inline-video-wrapper
    .mediaobject-container
    .mediaobject-startframe {
    background-image: url("/mideast/keynote/m/images/overview/ar/add_video_startframe__gilao8w3gsi2_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview
    .section-features
    #remote-presenting
    .inline-video-content
    .inline-video-wrapper
    .mediaobject-container
    .mediaobject-startframe {
    background-image: url("/mideast/keynote/m/images/overview/ar/add_video_startframe__gilao8w3gsi2_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview
    .section-features
    #remote-presenting
    .inline-video-content
    .inline-video-wrapper
    .mediaobject-container
    .mediaobject-startframe {
    background-image: url("/mideast/keynote/m/images/overview/ar/add_video_startframe__gilao8w3gsi2_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview
    .section-features
    #remote-presenting
    .inline-video-content
    .inline-video-wrapper
    .mediaobject-container
    .mediaobject-startframe {
    background-image: url("/mideast/keynote/m/images/overview/ar/add_video_startframe__gilao8w3gsi2_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview
    .section-features
    #remote-presenting
    .inline-video-content
    .inline-video-wrapper
    .mediaobject-container
    .mediaobject-startframe {
    background-image: url("/mideast/keynote/m/images/overview/ar/add_video_startframe__gilao8w3gsi2_small_2x.jpg");
  }
}

/*.page-overview .section-tools .tile-image-stacked figure {
  transform: translateX(50%);
  left: auto;
  right: 50%;
}*/

.page-overview
  .section-tools
  #inline-video-animate
  .inline-video-content
  .inline-video-wrapper {
  right: unset;
  margin-right: unset;
  left: 50%;
  margin-left: -354px;
}

@media only screen and (max-width: 1068px) {
  .page-overview
    .section-tools
    #inline-video-animate
    .inline-video-content
    .inline-video-wrapper {
    left: 50%;
    margin-left: -252px;
  }
}

@media only screen and (max-width: 734px) {
  .page-overview
    .section-tools
    #inline-video-animate
    .inline-video-content
    .inline-video-wrapper {
    left: 50%;
    margin-left: -128px;
  }
}