@charset "UTF-8";
@font-face {
  font-family: 'entypo';
  src: url("../fonts/entypo/entypo.eot?") format("eot"), url("../fonts/entypo/entypo.woff") format("woff"), url("../fonts/entypo/entypo.ttf") format("truetype"); }

body {
  font-family: Helvetica, “Helvetica Neue”, HelveticaNeue, Arial, “Lucida Grande”, clean, sans-serif; }

.cisco-header {
  position: relative;
  height: 80px;
  background: #000;
  width: 100%;
  padding: 0 50px; }
  .cisco-header #cisco-logo {
    padding: 21px 0 0;
    float: left;
    margin-right: 31px; }
  .cisco-header h1#site-name {
    margin: 0;
    font-size: 16px;
    padding-top: 44px;
    color: #fff;
    line-height: 1.2em;
    font-weight: 400; }
  .cisco-header a {
    color: #fff;
    font-weight: 300; }

section.ioeIntro {
  border-top: thick solid #138294;
  border-bottom: thick solid #138294; }
  section.ioeIntro #bigImage {
    border-top: thick solid #138294;
    margin: auto;
    overflow: auto;
    margin-bottom: -5px; }
    section.ioeIntro #bigImage img {
      width: 100%;
      height: auto; }
  section.ioeIntro #introText {
    text-align: center;
    background-color: #000;
    background-image: url(./cisco-space-bg2.jpg);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-attachment: fixed;
    background-size: auto auto;
    margin: 0;
    padding: 25px;
    height: 350px; }
    section.ioeIntro #introText header {
      margin-bottom: 25px; }
    section.ioeIntro #introText h1 {
      font-size: 3.25em;
      line-height: 1.25;
      font-weight: 600;
      letter-spacing: -1px; }
      @media screen and (max-width: 1200px) {
        section.ioeIntro #introText h1 {
          font-size: 2.75em; } }
    section.ioeIntro #introText h2 {
      max-width: 960px;
      margin: auto;
      font-size: 1.5em;
      font-weight: 300; }
    section.ioeIntro #introText h1, section.ioeIntro #introText h2 {
      color: white; }
    section.ioeIntro #introText #getStarted {
      background-color: #fff;
      background-color: transparent\9;
      background-image: url(./sprite-get-started.png);
      background-position: top center;
      margin-top: 10px;
      display: inline-block;
      overflow: hidden;
      height: 70px;
      width: 70px;
      -webkit-border-radius: 35px;
      -moz-border-radius: 35px;
      -ms-border-radius: 35px;
      -o-border-radius: 35px;
      border-radius: 35px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease; }
      section.ioeIntro #introText #getStarted:hover {
        background-position: 0 -70px; }
      section.ioeIntro #introText #getStarted:hover {
        cursor: pointer;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25); }

#wrapper {
  overflow: auto; }

#sidebar {
  z-index: 200;
  overflow: auto;
  width: 100%;
  background-color: #efefef;
  padding: 0;
  border: thin solid #138294;
  border-top: none;
  border-bottom: thick solid #138294; }

#sidebar nav {
  font-weight: 300;
  overflow: auto;
  height: 40px; }
  #sidebar nav ul li {
    text-align: center;
    float: left;
    width: 19%;
    border-right: thin solid #ccc;
    padding: 0 10px; }
  #sidebar nav ul li a {
    font-style: italic;
    font-size: .75em;
    line-height: 40px;
    text-align: center;
    color: #138294;
    -webkit-transition: color .10s ease;
    -moz-transition: color .10s ease;
    -ms-transition: color .10s ease;
    -o-transition: color .10s ease;
    transition: color .10s ease; }
    #sidebar nav ul li a:hover {
      cursor: pointer;
      color: #2a2f80; }

a.upArrow {
  display: block;
  font-family: 'entypo';
  border-right: none;
  line-height: 1em;
  font-size: 2.25em;
  font-style: normal;
  color: #138294;
  text-align: center;
  float: left;
  width: 5%;
  -webkit-transition: color .10s ease;
  -moz-transition: color .10s ease;
  -ms-transition: color .10s ease;
  -o-transition: color .10s ease;
  transition: color .10s ease; }
  a.upArrow:hover {
    cursor: pointer;
    color: #2a2f80; }

#main {
  overflow: auto;
  width: 960px;
  min-width: 600px;
  margin: 0 auto; 
  }

#mainContent {
  width: 960px;
  min-width: 600px;
  font-weight: 300; 
  overflow: hidden;}
  #mainContent .link1, #mainContent .link2, #mainContent .link3, #mainContent .link4, #mainContent .link5 {
    opacity: 0;
    padding-top: 125px; }
    #mainContent .link1:first-of-type, #mainContent .link2:first-of-type, #mainContent .link3:first-of-type, #mainContent .link4:first-of-type, #mainContent .link5:first-of-type {
      margin-top: 0; }
  #mainContent section.link1 h1 {
    padding-top: 100px; }
  #mainContent section h1, #mainContent section h3 {
    text-align: center; }
  #mainContent section h1 {
    font-size: 2.5em;
    font-weight: 300;
    font-style: italic;
    letter-spacing: -1px;
    padding: 10px;
    padding-top: 75px;
    color: #138294; }
  #mainContent section h2.subhead {
    color: #138294;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.25;
    margin: 25px 20px 0;
    padding: 0 50px 10px;
    border-bottom: thin solid #efefef; }
    #mainContent section h2.subhead span {
      text-transform: uppercase;
      font-style: italic; }

div#intro.toNextSection {
  width: 100px;
  height: 100px !important;
  margin: auto;
  position: relative; }
  div#intro.toNextSection img {
    display: block;
    margin-top: 50px;
    height: 100px;
    width: 100px;
    background-color: transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: thin solid #efefef; }
    div#intro.toNextSection img:hover {
      cursor: pointer;
      border-color: #138294; }

.toNextSection {
  font-family: 'entypo';
  height: 100px;
  line-height: 100px;
  position: relative; }
  .toNextSection hr {
    position: absolute;
    z-index: 0;
    top: 45px;
    width: 100%;
    border: none;
    border-top: thin solid #efefef; }
  .toNextSection span {
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -50px;
    height: 100px;
    width: 100px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border: thin solid #efefef;
    display: block;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #fff; }
    .toNextSection span:hover {
      cursor: pointer;
      border-color: #138294; }
    .toNextSection span h6 {
      line-height: 100px;
      text-align: center;
      font-size: 3em;
      color: #138294; }

div.sectionContentWrap {
  overflow: auto;
  padding: 0 25px; }

div.sectionContent {
  position: relative;
  margin: 100px 0 50px; }
  div.sectionContent h2 {
    margin-top: 15px;
    font-size: 1.5em !important;
    font-weight: 300 !important;
    padding-bottom: 0 !important; }

div.sectionContent#whoIsIoe {
  margin-top: 25px;
  padding: 0 10%; }

div.ioeThingsColumn {
  opacity: 0;
  width: 25%;
  float: left;
  padding: 0; }
  div.ioeThingsColumn h3 {
    font-size: 1em;
    text-transform: uppercase;
    font-style: italic;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  div.ioeThingsColumn .ioeThings {
    display: block;
    width: 150px;
    margin: auto;
    padding: 3px;
    border: thin solid #138294;
    border: none\9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
    div.ioeThingsColumn .ioeThings img {
      background: #138294;
      /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTM4Mjk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5YjE0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
      background: -moz-linear-gradient(45deg, #138294 0%, #39b14f 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #138294), color-stop(100%, #39b14f));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(45deg, #138294 0%, #39b14f 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(45deg, #138294 0%, #39b14f 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(45deg, #138294 0%, #39b14f 100%);
      /* IE10+ */
      background: linear-gradient(45deg, #138294 0%, #39b14f 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#138294', endColorstr='#39b14f',GradientType=1 );
      /* IE6-8 fallback on horizontal gradient */
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      display: block;
      margin: auto;
      width: 140px;
      height: 140px;
      padding: 0 !important;
      color: #fff; }
  div.ioeThingsColumn .showMore:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #138294;
    opacity: 0.95; }
  div.ioeThingsColumn .showMore {
    background-color: #138294;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    padding: 10px;
    margin: 15px 5px 0 5px;
    color: white !important;
    display: none; }
    div.ioeThingsColumn .showMore p {
      font-style: italic;
      font-size: .75em;
      line-height: 1.5; }
  div.ioeThingsColumn h4.seeMore {
    color: #39b14f;
    text-align: center;
    font-size: 4em;
    font-family: 'entypo';
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; }
    div.ioeThingsColumn h4.seeMore:hover {
      cursor: pointer;
      /*color: #138294;*/
	  color: #001294;
      -webkit-transform: scale(1.25);
      -moz-transform: scale(1.25);
      -ms-transform: scale(1.25);
      -o-transform: scale(1.25);
      transform: scale(1.25); 
	  }

.link2 .sectionContent {
  margin-top: 0px; }
  .link2 .sectionContent > div, .link2 .sectionContent h2.tabSubTitle {
    opacity: 0; }

.tabsStoryWrap {
  background: #138294;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTM4Mjk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5YjE0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #138294), color-stop(100%, #39b14f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#138294', endColorstr='#39b14f',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */ }

.tabsStoryWrap, .tabsStoryWrap2 {
  position: relative;
  z-index: 0;
  margin-top: 10px;
  padding: 25px 25px 0;
  min-height: 500px;
  background-color: #efefef;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: auto; }
  .tabsStoryWrap > div, .tabsStoryWrap2 > div {
    display: none; }
  .tabsStoryWrap .tabSubTitle, .tabsStoryWrap .tabSubTitle2, .tabsStoryWrap2 .tabSubTitle, .tabsStoryWrap2 .tabSubTitle2 {
    display: block;
    text-align: center;
    font-size: 1.5em;
    text-transform: capitalize;
    font-weight: 300;
    padding: 20px;
    color: #fff;
    border-bottom: thin solid #138294; }
    .tabsStoryWrap .tabSubTitle span, .tabsStoryWrap .tabSubTitle2 span, .tabsStoryWrap2 .tabSubTitle span, .tabsStoryWrap2 .tabSubTitle2 span {
      font-family: 'entypo';
      font-size: 2em; }
  .tabsStoryWrap .tabStory1, .tabsStoryWrap .tabStory2, .tabsStoryWrap .tabStory3, .tabsStoryWrap .cities, .tabsStoryWrap .countries, .tabsStoryWrap2 .tabStory1, .tabsStoryWrap2 .tabStory2, .tabsStoryWrap2 .tabStory3, .tabsStoryWrap2 .cities, .tabsStoryWrap2 .countries {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    padding-top: 25px; }
    .tabsStoryWrap .tabStory1 .tabStoryIntro, .tabsStoryWrap .tabStory1 .tabStoryIntro2, .tabsStoryWrap .tabStory2 .tabStoryIntro, .tabsStoryWrap .tabStory2 .tabStoryIntro2, .tabsStoryWrap .tabStory3 .tabStoryIntro, .tabsStoryWrap .tabStory3 .tabStoryIntro2, .tabsStoryWrap .cities .tabStoryIntro, .tabsStoryWrap .cities .tabStoryIntro2, .tabsStoryWrap .countries .tabStoryIntro, .tabsStoryWrap .countries .tabStoryIntro2, .tabsStoryWrap2 .tabStory1 .tabStoryIntro, .tabsStoryWrap2 .tabStory1 .tabStoryIntro2, .tabsStoryWrap2 .tabStory2 .tabStoryIntro, .tabsStoryWrap2 .tabStory2 .tabStoryIntro2, .tabsStoryWrap2 .tabStory3 .tabStoryIntro, .tabsStoryWrap2 .tabStory3 .tabStoryIntro2, .tabsStoryWrap2 .cities .tabStoryIntro, .tabsStoryWrap2 .cities .tabStoryIntro2, .tabsStoryWrap2 .countries .tabStoryIntro, .tabsStoryWrap2 .countries .tabStoryIntro2 {
      width: 25%;
      float: left; }
      .tabsStoryWrap .tabStory1 .tabStoryIntro p, .tabsStoryWrap .tabStory1 .tabStoryIntro2 p, .tabsStoryWrap .tabStory2 .tabStoryIntro p, .tabsStoryWrap .tabStory2 .tabStoryIntro2 p, .tabsStoryWrap .tabStory3 .tabStoryIntro p, .tabsStoryWrap .tabStory3 .tabStoryIntro2 p, .tabsStoryWrap .cities .tabStoryIntro p, .tabsStoryWrap .cities .tabStoryIntro2 p, .tabsStoryWrap .countries .tabStoryIntro p, .tabsStoryWrap .countries .tabStoryIntro2 p, .tabsStoryWrap2 .tabStory1 .tabStoryIntro p, .tabsStoryWrap2 .tabStory1 .tabStoryIntro2 p, .tabsStoryWrap2 .tabStory2 .tabStoryIntro p, .tabsStoryWrap2 .tabStory2 .tabStoryIntro2 p, .tabsStoryWrap2 .tabStory3 .tabStoryIntro p, .tabsStoryWrap2 .tabStory3 .tabStoryIntro2 p, .tabsStoryWrap2 .cities .tabStoryIntro p, .tabsStoryWrap2 .cities .tabStoryIntro2 p, .tabsStoryWrap2 .countries .tabStoryIntro p, .tabsStoryWrap2 .countries .tabStoryIntro2 p {
        color: #fff;
        line-height: 1.5; }
  .tabsStoryWrap .tabsStoryWrap2, .tabsStoryWrap2 .tabsStoryWrap2 {
    background: white !important;
    background-color: transparent !important;
    background-image: none !important; }
  .tabsStoryWrap .tabsStoryWrap2, .tabsStoryWrap2 .tabsStoryWrap2 {
    background: white !important \9;
    background-color: transparent !important \9;
    background-image: none !important \9; }
  .tabsStoryWrap .forMobile, .tabsStoryWrap2 .forMobile {
    display: none; }
  .tabsStoryWrap .countries-intro p, .tabsStoryWrap2 .countries-intro p {
    text-align: center;
    color: #138294;
    padding: 10px 0 20px; }
  .tabsStoryWrap .countries-intro p, .tabsStoryWrap2 .countries-intro p {
    line-height: 1.5em; }
  .tabsStoryWrap .tabStory1, .tabsStoryWrap2 .tabStory1 {
    margin-top: 50px; }
  .tabsStoryWrap .cities, .tabsStoryWrap2 .cities {
    margin-top: 25px; }
  .tabsStoryWrap .tabStoryIntro, .tabsStoryWrap2 .tabStoryIntro {
    padding-top: 40px; }
  .tabsStoryWrap .tabStoryIntro, .tabsStoryWrap2 .tabStoryIntro {
    padding-right: 25px;
    margin-right: 25px; }
  .tabsStoryWrap .tabStory3 .tabStoryIntro, .tabsStoryWrap2 .tabStory3 .tabStoryIntro {
    padding-right: 25px;
    margin-right: 25px;
    width: 30%; }
  .tabsStoryWrap .tabStory2 .tabStoryIntro, .tabsStoryWrap .tabStory3 .tabStoryIntro, .tabsStoryWrap2 .tabStory2 .tabStoryIntro, .tabsStoryWrap2 .tabStory3 .tabStoryIntro {
    margin-right: 0;
    width: 25%;
    margin-top: 50px; }
  .tabsStoryWrap .tabStorygraphic, .tabsStoryWrap2 .tabStorygraphic {
    overflow: auto;
    position: relative; }
    .tabsStoryWrap .tabStorygraphic > *, .tabsStoryWrap2 .tabStorygraphic > * {
      opacity: 0; }
    .tabsStoryWrap .tabStorygraphic img, .tabsStoryWrap2 .tabStorygraphic img {
      opacity: 1; }
    .tabsStoryWrap .tabStorygraphic span, .tabsStoryWrap2 .tabStorygraphic span {
      display: block;
      float: left;
      width: 150px;
      height: 150px;
      -webkit-border-radius: 75px;
      -moz-border-radius: 75px;
      -ms-border-radius: 75px;
      -o-border-radius: 75px;
      border-radius: 75px;
      border: thin solid #fff; }
    .tabsStoryWrap .tabStorygraphic span.icon, .tabsStoryWrap2 .tabStorygraphic span.icon {
      margin: 0px;
      margin-top: 60px;
      display: block;
      float: left;
      width: 150px; }
    .tabsStoryWrap .tabStorygraphic span.icon.plus, .tabsStoryWrap .tabStorygraphic span.icon.arrowRight, .tabsStoryWrap2 .tabStorygraphic span.icon.plus, .tabsStoryWrap2 .tabStorygraphic span.icon.arrowRight {
      width: 100px;
      border: none; }
      .tabsStoryWrap .tabStorygraphic span.icon.plus img, .tabsStoryWrap .tabStorygraphic span.icon.arrowRight img, .tabsStoryWrap2 .tabStorygraphic span.icon.plus img, .tabsStoryWrap2 .tabStorygraphic span.icon.arrowRight img {
        display: block;
        margin: auto; }
    .tabsStoryWrap .tabStorygraphic .savingsWrap, .tabsStoryWrap2 .tabStorygraphic .savingsWrap {
      position: relative;
      z-index: 0;
      width: 100px;
      height: 320px;
      float: left;
      background-color: #138294;
      border: thin solid #fff; }
      .tabsStoryWrap .tabStorygraphic .savingsWrap p, .tabsStoryWrap2 .tabStorygraphic .savingsWrap p {
        text-align: center;
        font-size: 1.5em;
        position: absolute;
        z-index: 10;
        top: 25px;
        left: 8px;
        color: #138294; }
      .tabsStoryWrap .tabStorygraphic .savingsWrap .savings, .tabsStoryWrap2 .tabStorygraphic .savingsWrap .savings {
        position: relative;
        z-index: 1;
        height: 0%;
        width: 100%;
        background-color: #efefef; }
  .tabsStoryWrap .activeTabStory, .tabsStoryWrap2 .activeTabStory {
    display: block !important;
    overflow: auto; }

div#newRevenues {
  float: left;
  padding-left: 30px; }
  div#newRevenues img {
    margin-top: -10px; }

div#citizenBenefit {
  float: left;
  margin-top: 50px;
  margin-left: 25px; }
  div#citizenBenefit img {
    display: block;
    height: auto;
    width: 100%; }

.tabStorygraphic#citizenBenefit {
  width: 60% \9; }

.map-list-wrap {
  position: relative;
  width: 685px;
  margin: 25px auto 0;
  overflow: auto; }

.world-map-wrap {
  overflow: auto;
  float: left;
  position: relative; }

.countries .world-map {
  float: left;
  display: block; }

.countries .world-list {
  float: left; }
  .countries .world-list li {
    padding: 5px 0; }
    .countries .world-list li:hover {
      cursor: pointer; }
    .countries .world-list li span {
      display: inline;
      font-size: .85em;
      font-weight: 600;
      color: #39b14f; }

ul.world-list.list-columns {
  width: 100%;
  overflow: auto;
  margin: auto;
  display: none; }

.world-list-col {
  width: 33%;
  float: left; }

.country-overlay {
  position: absolute;
  z-index: 10;
  display: none; }

.usa {
  top: 24px;
  left: 3px; }

.china {
  top: 88px;
  right: 78px; }

.france {
  top: 104px;
  left: 234px; }

.germany {
  top: 97px;
  left: 247px; }

.uk {
  top: 83px;
  left: 226px; }

.india {
  top: 133px;
  left: 337px; }

.japan {
  top: 103px;
  right: 61px; }

.canada {
  top: 1px;
  left: 66px; }

.brazil {
  top: 176px;
  left: 137px; }

.russia {
  top: 7px;
  right: 38px; }

.mexico {
  top: 133px;
  left: 78px; }

.australia {
  top: 199px;
  right: 42px; }

.activeCountry {
  color: #39b14f; }

.tabsWrap, .tabsWrap2 {
  display: block !important;
  position: relative;
  z-index: 10;
  width: 60%;
  margin: auto;
  border: thin solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: auto; }
  .tabsWrap ul, .tabsWrap2 ul {
    overflow: auto; }
  .tabsWrap ul li.tab, .tabsWrap ul li.tabs, .tabsWrap2 ul li.tab, .tabsWrap2 ul li.tabs {
    float: left;
    width: 33.3%;
    text-align: center;
    padding: 10px;
    border-right: thin solid #fff;
    color: #fff; }
    .tabsWrap ul li.tab:last-of-type, .tabsWrap ul li.tabs:last-of-type, .tabsWrap2 ul li.tab:last-of-type, .tabsWrap2 ul li.tabs:last-of-type {
      border-right: none; }
    .tabsWrap ul li.tab:hover, .tabsWrap ul li.tabs:hover, .tabsWrap2 ul li.tab:hover, .tabsWrap2 ul li.tabs:hover {
      cursor: pointer;
      background-color: #138294; }

.tabsStoryWrap2 {
  background-image: none;
  background-color: transparent !important; }

.tabsStoryWrap2 {
  background: white !important \9;
  background-color: transparent !important \9;
  background-image: none !important \9; }

.tabSubTitle2 {
  display: none; }

.tabsWrap2 {
  border: thin solid #138294; }

.tabStoryIntro2 {
  width: 20% !important;
  float: left; }
  .tabStoryIntro2 p {
    color: #138294 !important; }

li.activeTab2 {
  background-color: #138294 !important;
  color: white !important; }

li.activeTab {
  background-color: white !important;
  color: #138294 !important; }

#whoBenefits ul li.tabs {
  float: left;
  width: 50%;
  text-align: center;
  padding: 10px;
  color: #138294; }
  #whoBenefits ul li.tabs:last-of-type {
    border-right: none; }
  #whoBenefits ul li.tabs:hover {
    cursor: pointer;
    background-color: #efefef; }

.activeTabStory2 {
  overflow: auto;
  display: block !important; }

div.tabStoryGraphic2 {
  position: relative;
  width: 60%;
  float: left;
  z-index: 0; }
  div.tabStoryGraphic2 img.pieChart {
    display: block;
    width: 90%;
    margin: auto; }
  div.tabStoryGraphic2 .piePortion {
    position: absolute;
    z-index: 10;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    text-align: center; }
    div.tabStoryGraphic2 .piePortion span.portionInfo {
      display: block;
      font-family: 'entypo';
      font-size: 3em !important;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease; }
      div.tabStoryGraphic2 .piePortion span.portionInfo:hover {
        cursor: pointer;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25); }
  div.tabStoryGraphic2 #smartBnum {
    top: 12%;
    right: 30%; }
  div.tabStoryGraphic2 #gasnum {
    top: 74%;
    left: 50%; }
  div.tabStoryGraphic2 #smartPnum {
    top: 55%;
    left: 18%; }
  div.tabStoryGraphic2 #waternum {
    top: 27%;
    left: 18%; }
  div.tabStoryGraphic2 #roadnum {
    top: 12%;
    left: 37%; }
  div.tabStoryGraphic2 .pieP-tt {
    position: absolute;
    z-index: 20;
    display: none;
    opacity: 1;
    width: 250px;
    padding: 25px;
    background-color: #efefef;
    font-size: .85em;
    font-style: italic;
    color: #444;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
    div.tabStoryGraphic2 .pieP-tt .close {
      position: absolute;
      height: 10px;
      width: 10px;
      top: -8px;
      right: 13px;
      font-family: 'entypo';
      font-size: 3em;
      font-style: normal;
      color: #bbb; }
      div.tabStoryGraphic2 .pieP-tt .close:hover {
        cursor: pointer;
        color: black; }
  div.tabStoryGraphic2 #smartB-tt:before, div.tabStoryGraphic2 #smartP-tt:before, div.tabStoryGraphic2 #water-tt:before, div.tabStoryGraphic2 #road-tt:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #efefef; }
  div.tabStoryGraphic2 #smartB-tt {
    top: 100%;
    right: -211%; }
  div.tabStoryGraphic2 #smartB-tt:before {
    top: -15px;
    left: 50%;
    margin-left: -8px; }
  div.tabStoryGraphic2 #gas-tt {
    top: -168%;
    left: -282%; }
  div.tabStoryGraphic2 #gas-tt:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -15px;
    border-top: 15px solid #efefef;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
  div.tabStoryGraphic2 #smartP-tt {
    top: -54%;
    left: 100%; }
  div.tabStoryGraphic2 #smartP-tt:before {
    left: -20px;
    top: 50%;
    margin-top: -8px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #efefef; }
  div.tabStoryGraphic2 #water-tt {
    top: 100%;
    left: -282%; }
  div.tabStoryGraphic2 #water-tt:before {
    top: -15px;
    left: 50%;
    margin-left: -8px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 15px solid #efefef; }
  div.tabStoryGraphic2 #road-tt {
    top: 100%;
    right: -272%; }
  div.tabStoryGraphic2 #road-tt:before {
    border-bottom: 15px solid #efefef;
    border-top: none;
    top: -15px;
    left: 50%;
    margin-left: -8px; }

.pieInfo {
  height: 100px;
  width: 20%;
  float: left; }
  .pieInfo ul li {
    line-height: 1.5;
    margin-top: 10px; }
    .pieInfo ul li span {
      display: block;
      margin-right: 10px;
      float: left;
      height: 20px;
      width: 20px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      background-color: red; }
    .pieInfo ul li #smartB {
      background-color: #30317c; }
    .pieInfo ul li #gas {
      background-color: #6a2b8e; }
    .pieInfo ul li #smartP {
      background-color: #138294; }
    .pieInfo ul li #water {
      background-color: #39b14f; }
    .pieInfo ul li #road {
      background-color: #1fbbdb; }

section.link3 {
  min-height: 850px; }

#graphWrap {
  position: relative;
  z-index: 0;
  height: 145px;
  width: 100%;
  background-color: #efefef;
  overflow: auto;
  margin-top: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  #graphWrap #empProd, #graphWrap #conDef, #graphWrap #opCost, #graphWrap #citEx, #graphWrap #inRev {
    float: left;
    height: 100%;
    opacity: 0; }
    #graphWrap #empProd:hover, #graphWrap #conDef:hover, #graphWrap #opCost:hover, #graphWrap #citEx:hover, #graphWrap #inRev:hover {
      cursor: pointer; }
  #graphWrap #empProd {
    width: 39%;
    background-color: #138294; }
  #graphWrap #conDef {
    width: 33%;
    background-color: #39b14f; }
  #graphWrap #opCost {
    width: 16%;
    background-color: #1fbbdb; }
  #graphWrap #citEx {
    width: 9%;
    background-color: #6a2b8e; }
  #graphWrap #inRev {
    width: 3%;
    background-color: #30317c; }

#economicBenefits {
  margin-top: 25px; }

#whoBenefits {
  margin-top: 0; }

#whoBenefits > div {
  opacity: 0; }

.tooltip {
  display: none; }

#empProdTip, #conDefTip, #opCostTip, #citExTip, #inRevTip {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 25%;
  z-index: 10;
  padding: 10px;
  background-color: #efefef;
  font-size: .85em;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

#empProdTip {
  left: 0;
  background-color: #138294; }

#conDefTip {
  left: 39%;
  background-color: #39b14f; }

#opCostTip {
  right: 12%;
  background-color: #1fbbdb;
  text-align: right; }

#citExTip {
  right: 3%;
  background-color: #6a2b8e; }

#inRevTip {
  right: 0;
  background-color: #30317c; }

ul#legend {
  padding: 0;
  height: auto;
  display: none;
  margin: 40px 0 0;
  overflow: hidden; }
  ul#legend li {
    opacity: 0;
    width: 20%;
    padding: 0 10px;
    float: left;
    list-style-type: none;
    text-align: center;
    font-size: 1em;
    font-style: italic;
    text-transform: uppercase; }
    ul#legend li span {
      color: #fff;
      display: block;
      line-height: 60px;
      margin: 10px auto;
      width: 60px;
      height: 60px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
  ul#legend .empProd span {
    background-color: #138294; }
  ul#legend .conDef span {
    background-color: #39b14f; }
  ul#legend .opCost span {
    background-color: #1fbbdb; }
  ul#legend .citEx span {
    background-color: #6a2b8e; }
  ul#legend .inRev span {
    background-color: #30317c; }

#economicBenefits h5 {
  margin-top: 20px;
  text-align: center; }

.sectionContent#checklist {
  margin-top: 0px; }
  .sectionContent#checklist h2 {
    padding-top: 0; }

footer {
  background: #000; }
  footer .region-footer {
    max-width: 946px;
    margin: 0 auto;
    height: 40px; }
    footer .region-footer #block-menu-menu-footer-menu {
      width: 750px; }
  footer .region-footer .block {
    margin: 0;
    float: left;
    line-height: 40px; }
  footer .region-footer #block-ioe-custom-back-to-top-link {
    display: none; }
  footer #block-ioe-custom-footer-share-links {
    float: right; }
  footer #block-menu-menu-footer-menu .block-inner {
    margin: 0; }
  footer ul.menu {
    border: none;
    list-style: none;
    text-align: left; }
  footer .region-footer ul.menu li {
    display: inline;
    list-style-type: none;
    padding: 0 10px;
    list-style-image: none; }
  footer ul.menu li {
    margin: 0; }
  footer .region-footer ul.menu li:first-child {
    margin-left: 0; }
  footer .region-footer ul.menu li a {
    color: #787878;
    font-size: 8px;
    font-family: 'ciscosansbold',sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px; }
  footer #block-ioe-custom-footer-share-links {
    float: right; }
    footer #block-ioe-custom-footer-share-links .block-inner {
      margin: 0; }
    footer #block-ioe-custom-footer-share-links .block-content ul {
      height: 21px;
      margin: 0;
      padding: 0;
      margin-top: 12px; }
    footer #block-ioe-custom-footer-share-links .block-content ul li {
      list-style-image: none;
      list-style-type: none;
      float: left;
      margin: 0;
      padding: 0 0 0 5px; }
    footer #block-ioe-custom-footer-share-links .block-content ul li a {
      display: block;
      width: 21px;
      height: 21px;
      background: url(../images/bkg_social_links.png) no-repeat;
      text-indent: -9999px; }
    footer #block-ioe-custom-footer-share-links .block-content ul li a.tw {
      background-position: -26px 0; }
    footer #block-ioe-custom-footer-share-links .block-content ul li a.li {
      background-position: -51px 0; }
    footer #block-ioe-custom-footer-share-links .block-content ul li a.gp {
      background-position: -103px 0; }
    footer #block-ioe-custom-footer-share-links .block-content ul li a.em {
      background-position: -77px 0; }

.selected {
  background: #138294;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTM4Mjk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5YjE0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #138294), color-stop(100%, #39b14f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#138294', endColorstr='#39b14f',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */ }
  .selected a {
    color: #fff !important; }

section.link0 {
  background: #138294;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTM4Mjk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5YjE0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #138294), color-stop(100%, #39b14f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #138294 0%, #39b14f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#138294', endColorstr='#39b14f',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */
  margin: auto;
  padding: 50px;
  height: 700px;
  display: table; }
  section.link0 h2 {
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    font-size: 2.5em;
    font-style: italic;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
    letter-spacing: -1px; }
    section.link0 h2 .caption {
      font-size: .60em;
      letter-spacing: 0; }

#mainContent section.link5 {
  margin-top: 25px !important;
  border-bottom: none; }
  #mainContent section.link5 .subhead {
    margin-bottom: 15px; }

#checklist {
  margin-bottom: 0px;
  padding: 0 10px 25px;
  overflow: auto; }

#checklist p {
  padding-top: 25px;
  color: #138294;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: -1px; }

#checklist h2.subhead {
  text-align: center;
  border-bottom: none !important;
  padding-bottom: 25px !important;
  letter-spacing: -1px;
  line-height: 1.5; }

h3.getStartedToday {
  text-align: center;
  color: #39b14f;
  text-transform: uppercase;
  font-size: 2em;
  font-style: italic; }

#checklist p {
  font-size: 1em;
  padding-top: 15px;
  padding-left: 15px; }
  #checklist p span {
    margin-right: 5px;
    color: #39b14f; }

div.cta {
  width: 60%;
  margin: 25px auto;
  border-bottom: thin solid #efefef;
  font-weight: 300; }
  div.cta a {
    display: block;
    height: 70px;
    width: 70px;
    margin: auto; }
    div.cta a:hover {
      cursor: pointer; }
    div.cta a div {
      height: 70px;
      width: 70px;
      margin: auto; }
    div.cta a .learn-ioe, div.cta a .contact-us, div.cta a .white-paper, div.cta a .top-insights {
      background-position: top center; }
      div.cta a .learn-ioe:hover, div.cta a .contact-us:hover, div.cta a .white-paper:hover, div.cta a .top-insights:hover {
        background-position: 0 -70px; }
    div.cta a .learn-ioe {
      background-image: url(../images/sprite-learn-ioe.png); }
    div.cta a .contact-us {
      background-image: url(../images/sprite-contact-us.png); }
    div.cta a .white-paper {
      background-image: url(../images/sprite-white-paper.png); }
    div.cta a .top-insights {
      background-image: url(../images/sprite-top-insights.png); }
  div.cta p {
    color: #138294;
    text-align: center;
    font-size: 1em;
    font-weight: 300;
    margin: 10px auto; }

.sticky {
  opacity: 0; }

@media screen and (max-width: 960px) and (min-width: 769px) {
  #wrapper {
    max-width: 960px; } }

@media screen and (max-width: 959px) {
  #main, #mainContent {
    width: 100% !important; } }

@media screen and (max-width: 800px) {
  .cisco-header {
    height: 50px;
    padding: 0 25px; }
    .cisco-header #cisco-logo img {
      width: 42px;
      height: 24px;
      max-width: 100%;
      padding-top: 0; }
    .cisco-header hgroup #site-name {
      padding-top: 22px;
      font-size: 12px;
      text-align: center; }

  footer {
    display: none; } }
@media screen and (max-width: 945px) {
  section.ioeIntro #introText h1 {
    font-size: 2.5em; } }

@media screen and (max-width: 850px) {
  section.ioeIntro #introText h1 {
    font-size: 2.25em; } }

@media screen and (max-width: 850px) {
  div.sectionContent#whoIsIoe {
    padding: 0; } }

@media screen and (max-width: 700px) {
  .ioeThingsColumn .ioeThings {
    height: 125px !important;
    width: 125px !important;
    line-height: 125px !important;
    margin: auto; }
    .ioeThingsColumn .ioeThings img {
      height: 115px !important;
      width: 115px !important;
      font-size: 100px !important;
      padding: 0;
      margin: auto; } }

@media screen and (max-width: 960px) and (min-width: 600px) {
  .tabsStoryWrap .activeTabStory, .tabsStoryWrap .tabStory1 {
    margin-top: 0; } }

@media screen and (max-width: 780px) {
  .tabsStoryWrap .activeTabStory .tabStorygraphic span.icon, .tabsStoryWrap .activeTabStory .tabStorygraphic span.icon img {
    width: 100px;
    height: 100px; }
  .tabsStoryWrap .activeTabStory .tabStorygraphic .icon.plus, .tabsStoryWrap .activeTabStory .tabStorygraphic .icon.arrowRight {
    margin-top: 35px; }
  .tabsStoryWrap .activeTabStory .tabStorygraphic span.icon.plus img, .tabsStoryWrap .activeTabStory .tabStorygraphic span.icon.arrowRight img {
    width: 75px;
    height: auto; } }
@media screen and (max-width: 960px) {
  .tabsStoryWrap .activeTabStory .tabStorygraphic {
    width: 625px;
    margin: auto;
    padding-bottom: 25px; } }
@media screen and (max-width: 830px) {
  .tabsStoryWrap .activeTabStory .tabStorygraphic {
    width: 625px;
    margin: auto; } }
@media screen and (max-width: 780px) {
  .tabsStoryWrap .activeTabStory .tabStorygraphic {
    width: 525px;
    margin: auto; } }
@media screen and (max-width: 700px) {
  .tabsStoryWrap .activeTabStory .tabStorygraphic {
    padding-bottom: 25px; } }
@media screen and (max-width: 630px) {
  .tabsStoryWrap .activeTabStory .tabStorygraphic {
    padding-bottom: 25px;
    width: 500px;
    overflow: hidden; }
    .tabsStoryWrap .activeTabStory .tabStorygraphic .savingsWrap {
      width: 75px; }
      .tabsStoryWrap .activeTabStory .tabStorygraphic .savingsWrap p {
        font-size: 1em; } }

@media screen and (max-width: 960px) {
  .tabsStoryWrap .activeTabStory .tabStoryIntro {
    float: none;
    clear: both;
    width: 100%;
    padding-top: 0;
    margin-top: 0; }
    .tabsStoryWrap .activeTabStory .tabStoryIntro p {
      text-align: center;
      width: 80%;
      margin: auto;
      padding-bottom: 10px; } }

@media screen and (max-width: 960px) {
  #newRevenues {
    width: 60%;
    float: none !important;
    padding: 0 !important;
    margin: auto; }
    #newRevenues img {
      display: block;
      margin: auto;
      margin-top: 0 !important;
      width: 85%; } }

@media screen and (max-width: 960px) {
  #citizenBenefit {
    float: none !important;
    margin-left: auto !important;
    margin-top: 0 !important; }
    #citizenBenefit img {
      display: block;
      margin: auto; } }
@media screen and (min-width: 960px) {
  #citizenBenefit img {
    width: 550px !important; } }

@media screen and (max-width: 700px) {
  #legend li {
    font-size: 0.75em !important; } }

@media screen and (min-width: 945px) {
  .piePortion h5 {
    font-size: 1.25em; }

  #smartB-tt:before, #smartP-tt:before, #water-tt:before, #road-tt:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #efefef; }

  #smartB-tt {
    top: 100%;
    right: -166% !important; }

  #gas-tt {
    top: -168%;
    left: -230% !important; }

  #smartP-tt {
    top: -65%;
    left: 100% !important; }

  #water-tt {
    top: 100%;
    left: -225% !important; }

  #road-tt {
    top: 100%;
    right: -218% !important; } }
@media screen and (max-width: 945px) {
  .pieInfo ul li {
    font-size: .75em; } }

@media screen and (max-width: 780px) {
  nav {
    overflow: hidden !important; }

  .tabsWrap ul li {
    height: 50px; }

  .tabStorygraphic span.icon {
    width: 125px;
    height: 125px;
    line-height: 125px !important;
    font-size: 125px !important; }

  .cities p, ul.world-list li {
    font-size: .85em; }

  .map-list-wrap {
    width: 500px;
    margin: auto; }
    .map-list-wrap .world-map {
      width: 100%;
      height: auto; }

  .map-list-vert {
    display: none; }

  .world-list.list-columns {
    display: block !important;
    margin-bottom: 25px !important;
    padding-left: 40px; } }
@media screen and (max-width: 725px) {
  #empProdTip, #conDefTip, #opCostTip, #citExTip, #inRevTip {
    width: 35%; } }

@media screen and (max-width: 599px) {
  #wrapper, #main, #mainContent {
    width: 599px;
    min-width: 599px;
    max-width: 599px; 
	}

  .ioeIntro {
    min-width: 599px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (orientation: portrait) {
  #wrapper, #main, #mainContent, .ioeIntro, section.link0, .link1, .link2, .link3, .link4, .link5, .ioeThingsColumn {
    width: 100%; }

  #wrapper * {
    opacity: 1 !important; }

  #bigImage, #sidebar, .cisco-header {
    display: none; }

  .ioeIntro h1 {
    font-size: 6em !important; }

  .ioeIntro.top {
    min-height: 1000px !important;
    overflow: auto;
    background-color: #000; }

  #introText {
    background-position: center -100px !important;
    background-attachment: scroll;
    display: inline-block; }
    #introText #logo img {
      padding-top: 75px;
      height: 150px;
      width: auto; }
    #introText h1 {
      padding-top: 175px; }
    #introText #getStarted {
      display: none !important; }

  .link0 h2 {
    font-size: 4em !important; }
  .link0 #intro {
    display: none !important; }

  h1 {
    font-size: 5em !important; }

  h2.subhead {
    font-size: 2em !important; }

  .ioeThingsColumn {
    opacity: 1;
    float: none;
    clear: both;
    margin: auto;
    width: 100% !important; }
    .ioeThingsColumn h3 {
      font-size: 3em !important; }
    .ioeThingsColumn .seeMore {
      display: none; }
    .ioeThingsColumn .ioeThings {
      width: 300px !important;
      height: 300px !important;
      border: none !important; }
      .ioeThingsColumn .ioeThings img {
        width: 300px !important;
        height: 300px !important;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        -o-border-radius: 50% !important;
        border-radius: 50% !important;
        font-size: 300px !important;
        line-height: 300px; }
    .ioeThingsColumn .showMore {
      display: block !important;
      background-color: white !important;
      margin-bottom: 25px !important; }
      .ioeThingsColumn .showMore p {
        color: #138294 !important;
        font-size: 2.5em !important;
        text-align: center !important; }
    .ioeThingsColumn .showMore:before {
      display: none; }

  .link3 ul#legend {
    display: block !important; }
    .link3 ul#legend li {
      margin: auto;
      float: left;
      width: 33%;
      font-size: 2em; }
      .link3 ul#legend li span {
        font-size: 50px;
        line-height: 175px;
        display: block;
        padding: 0;
        margin: 20px auto;
        width: 175px;
        height: 175px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .link3 ul#legend li.opCost {
      display: block !important;
      margin-bottom: 50px !important; }

  .toNextSection {
    display: none !important; }

  .sectionContent#psBenefits .tabsWrap ul li {
    font-size: 2em; }
  .sectionContent#psBenefits .forMobile {
    display: block;
    width: 800px;
    height: 450px; }
    .sectionContent#psBenefits .forMobile img {
      display: block;
      width: 100%;
      height: auto; }
  .sectionContent#psBenefits .activeTabStory .tabStoryIntro {
    width: 100%; }
    .sectionContent#psBenefits .activeTabStory .tabStoryIntro p {
      text-align: center;
      font-size: 2em; }

  .tabsStoryWrap {
    height: 1100px !important;
    overflow: hidden; }

  .tabStorygraphic#newRevenues, .tabStorygraphic#citizenBenefit {
    margin-top: 0 !important;
    width: 100%; }
    .tabStorygraphic#newRevenues img, .tabStorygraphic#citizenBenefit img {
      display: block;
      width: 80% !important;
      margin: auto !important;
      margin-bottom: 50px !important; }

  #graphWrap {
    height: 325px !important; }

  #graphWrap + h5 {
    font-size: 2em; }

  p.tooltip {
    font-size: 1.5em !important;
    font-weight: 500; }

  .tabsWrap2 ul li {
    font-size: 3em; }

  .tabStoryIntro2, .pieInfo {
    float: none !important;
    clear: both !important;
    width: 100% !important; }

  .pieInfo ul li {
    float: left !important;
    width: 20% !important;
    font-size: 1.5em;
    padding-left: 20px; }

  .tabStoryIntro2 p, .countries-intro p {
    text-align: center;
    font-size: 2em; }

  .tabStoryGraphic2 {
    width: 100% !important; }
    .tabStoryGraphic2 .pieChart {
      display: block !important;
      margin: 50px auto !important;
      width: 60% !important; }

  .piePortion h5 {
    font-size: 2em !important; }

  #smartBnum {
    top: 14% !important;
    right: 35% !important; }

  #gasnum {
    top: 70% !important;
    left: 50% !important; }

  #smartPnum {
    top: 60% !important;
    left: 28% !important; }

  #waternum {
    top: 26% !important;
    left: 28% !important; }

  #roadnum {
    top: 14% !important;
    left: 40% !important; }

  #smartB-tt {
    top: 100% !important;
    right: -100% !important; }

  #gas-tt {
    top: -160% !important;
    left: -100% !important; }

  #smartP-tt {
    top: -44% !important;
    left: 90% !important; }

  #water-tt {
    top: 100% !important;
    left: -100% !important; }

  #road-tt {
    top: 100% !important;
    right: -100% !important; } }
