/*What is Smart Grid Area*/
/* dark grey color */
/* dark blue that is just about black */
.wisg-video {
  width: 950px;
  height: 436px;
  background: #eeeeee; }

#wisgArea {
  margin-bottom: -20px; }
  #wisgArea #wisgLink {
    display: none; }
  #wisgArea h1:before {
    display: inline-block;
    vertical-align: middle; }
  #wisgArea h2 {
    border-bottom: solid 2px #009e7e; }
  #wisgArea #wisgHomeNavi {
    position: relative;
    height: 440px; }
    @media only screen and (max-width:768px) {
      #wisgArea #wisgHomeNavi {
        display: none; } }
    #wisgArea #wisgHomeNavi .innerNavi {
      position: relative;
      top: 0px;
      width: 950px;
      height: 436px;
      margin: 0 auto;
      border-top: solid 3px #1977b9;
      border-bottom: solid 2px #009e7e;
      z-index: 1;
      background: transparent url("images/wisg/honeycomb-bg.35f428d50eed.jpg") center center no-repeat; }
    #wisgArea #wisgHomeNavi .areaMap {
      position: absolute;
      top: 0px;
      left: 90px;
      width: 950px;
      height: 436px;
      z-index: 10; }
      @media screen and (max-width: 1200px) {
        #wisgArea #wisgHomeNavi .areaMap {
          left: 0; } }
      #wisgArea #wisgHomeNavi .areaMap wisgTransparent {
        width: 950px;
        height: 436px;
        z-index: 10; }
    #wisgArea #wisgHomeNavi a {
      display: block;
      height: 244px;
      width: 220px;
      z-index: 2;
      position: absolute; }
    #wisgArea #wisgHomeNavi a#sg_smart_grid {
      top: 5px;
      left: 43px;
      background: url("images/wisg/sg_smart_grid-sprite.fded96acff00.png") no-repeat scroll left top transparent; }
    #wisgArea #wisgHomeNavi a.sg_smart_grid {
      top: 5px;
      left: 43px;
      background: url("images/wisg/sg_smart_grid-sprite.fded96acff00.png") no-repeat scroll left top transparent; }
    #wisgArea #wisgHomeNavi a#sg_smart_home {
      top: 5px;
      left: 257px;
      background: url("images/wisg/sg_smart_home-sprite.def4e7b05229.png") no-repeat scroll left top transparent; }
    #wisgArea #wisgHomeNavi a#sg_renewable_energy {
      top: 5px;
      left: 471px;
      background: url("images/wisg/sg_renewable_energy-sprite.c7906e1bc309.png") no-repeat scroll left top transparent; }
    #wisgArea #wisgHomeNavi a#sg_consumer_engagement {
      top: 5px;
      left: 685px;
      background: url("images/wisg/sg_consumer_engagement-sprite.cdf58ffaab7e.png") no-repeat scroll left top transparent; }
    #wisgArea #wisgHomeNavi a#sg_operation_centers {
      top: 190px;
      left: 150px;
      background: url("images/wisg/sg_operation_centers-sprite.f0ff7d5eab0d.png") no-repeat scroll left top transparent; }
    #wisgArea #wisgHomeNavi a#sg_distribution_intelligence {
      top: 190px;
      left: 364px;
      background: url("images/wisg/sg_distribution_intelligence-sprite.708e33243a4a.png") no-repeat scroll left top transparent; }
    #wisgArea #wisgHomeNavi a#sg_electric_vehicles {
      top: 190px;
      left: 578px;
      background: url("images/wisg/sg_electric_vehicles-sprite.0c07abc91863.png") no-repeat scroll left top transparent; }
  #wisgArea #wisgMobileHome {
    display: none;
    width: 100%; }
    @media only screen and (max-width:768px) {
      #wisgArea #wisgMobileHome {
        display: block; } }
    #wisgArea #wisgMobileHome .sg_mobile_button {
      position: relative;
      display: inline-block;
      height: 100px;
      height: 89px;
      width: 100%;
      margin: 20px 0;
      padding-left: 100px;
      color: #ffffff;
      font-size: 2em;
      text-decoration: none;
      line-height: 3em;
      background: transparent url("images/wisg/honeycomb-bg.35f428d50eed.jpg") center center no-repeat;
      border-top: solid 1px #1977b9;
      border-bottom: solid 1px #009e7e; }
      #wisgArea #wisgMobileHome .sg_mobile_button:hover, #wisgArea #wisgMobileHome .sg_mobile_button:focus {
        color: #333333; }
        #wisgArea #wisgMobileHome .sg_mobile_button:hover #sg_smart_grid,
        #wisgArea #wisgMobileHome .sg_mobile_button:hover #sg_smart_home,
        #wisgArea #wisgMobileHome .sg_mobile_button:hover #sg_renewable_energy,
        #wisgArea #wisgMobileHome .sg_mobile_button:hover #sg_consumer_engagement,
        #wisgArea #wisgMobileHome .sg_mobile_button:hover #sg_operation_centers,
        #wisgArea #wisgMobileHome .sg_mobile_button:hover #sg_distribution_intelligence,
        #wisgArea #wisgMobileHome .sg_mobile_button:hover #sg_electric_vehicles, #wisgArea #wisgMobileHome .sg_mobile_button:focus #sg_smart_grid,
        #wisgArea #wisgMobileHome .sg_mobile_button:focus #sg_smart_home,
        #wisgArea #wisgMobileHome .sg_mobile_button:focus #sg_renewable_energy,
        #wisgArea #wisgMobileHome .sg_mobile_button:focus #sg_consumer_engagement,
        #wisgArea #wisgMobileHome .sg_mobile_button:focus #sg_operation_centers,
        #wisgArea #wisgMobileHome .sg_mobile_button:focus #sg_distribution_intelligence,
        #wisgArea #wisgMobileHome .sg_mobile_button:focus #sg_electric_vehicles {
          background-position: -112px 0px; }
      @media (max-width: 375px) {
        #wisgArea #wisgMobileHome .sg_mobile_button {
          font-size: 1.5em;
          line-height: 3.5em; } }
      #wisgArea #wisgMobileHome .sg_mobile_button .sg_mobile_hex {
        position: absolute;
        left: 6px;
        top: -5px;
        height: 100px;
        width: 100px; }
      #wisgArea #wisgMobileHome .sg_mobile_button .hex_mask {
        position: absolute;
        height: 90px;
        width: 50px;
        top: -2px;
        left: 0px;
        background: #fff; }
      #wisgArea #wisgMobileHome .sg_mobile_button #sg_smart_grid {
        background: url("images/wisg/sg_smart_grid-sprite.fded96acff00.png") no-repeat scroll left top transparent;
        background-size: 200px; }
      #wisgArea #wisgMobileHome .sg_mobile_button #sg_smart_home {
        background: url("images/wisg/sg_smart_home-sprite.def4e7b05229.png") no-repeat scroll left top transparent;
        background-size: 200px; }
      #wisgArea #wisgMobileHome .sg_mobile_button #sg_renewable_energy {
        background: url("images/wisg/sg_renewable_energy-sprite.c7906e1bc309.png") no-repeat scroll left top transparent;
        background-size: 200px; }
      #wisgArea #wisgMobileHome .sg_mobile_button #sg_consumer_engagement {
        background: url("images/wisg/sg_consumer_engagement-sprite.cdf58ffaab7e.png") no-repeat scroll left top transparent;
        background-size: 200px; }
      #wisgArea #wisgMobileHome .sg_mobile_button #sg_operation_centers {
        background: url("images/wisg/sg_operation_centers-sprite.f0ff7d5eab0d.png") no-repeat scroll left top transparent;
        background-size: 200px; }
      #wisgArea #wisgMobileHome .sg_mobile_button #sg_distribution_intelligence {
        background: url("images/wisg/sg_distribution_intelligence-sprite.708e33243a4a.png") no-repeat scroll left top transparent;
        background-size: 200px; }
      #wisgArea #wisgMobileHome .sg_mobile_button #sg_electric_vehicles {
        background: url("images/wisg/sg_electric_vehicles-sprite.0c07abc91863.png") no-repeat scroll left top transparent;
        background-size: 200px; }
  #wisgArea #witsg_video_block {
    width: 950px;
    height: 441px;
    margin: 0 auto;
    border-top: solid 3px #1977b9;
    border-bottom: solid 2px #009e7e; }
    @media only screen and (max-width:768px) {
      #wisgArea #witsg_video_block {
        max-width: 100%; } }
    @media only screen and (max-width:768px) {
      #wisgArea #witsg_video_block .video-js {
        max-width: 100%; } }
#sg_hex_button {
  margin-top: 35px; }
  @media only screen and (max-width:768px) {
    #sg_hex_button ul {
      margin: 0 auto; } }
  #sg_hex_button ul li a {
    float: left;
    line-height: 50px;
    vertical-align: middle;
    color: #333333;
    font-weight: 600;
    border-bottom: solid 1px #009e7e;
    white-space: nowrap;
    min-width: 220px;
    width: 100%;
    padding-left: 10px; }
    #sg_hex_button ul li a:before {
      position: relative;
      height: 50px;
      width: 42px;
      content: "";
      float: left;
      margin-right: 10px; }
    #sg_hex_button ul li a:hover, #sg_hex_button ul li a:focus {
      color: #006633; }
    @media only screen and (max-width:768px) {
      #sg_hex_button ul li a {
        width: 100%;
        margin: 0 auto;
        clear: both; } }
  #sg_hex_button ul li .sg_wisg:before {
    background: url("images/wisg/sg_menu_icons.a6094143fe4c.png") no-repeat; }
  #sg_hex_button ul li .sg_wisg:hover:before, #sg_hex_button ul li .sg_wisg:focus:before {
    background-position: -42px 0; }
  #sg_hex_button ul li .sg_smart_grid:before {
    background: url("images/wisg/sg_menu_icons.a6094143fe4c.png") no-repeat 0px -50px; }
  #sg_hex_button ul li .sg_smart_grid:hover:before, #sg_hex_button ul li .sg_smart_grid:focus:before {
    background-position: -42px -50px; }
  #sg_hex_button ul li .sg_smart_home:before {
    background: url("images/wisg/sg_menu_icons.a6094143fe4c.png") no-repeat 0px -100px; }
  #sg_hex_button ul li .sg_smart_home:hover:before, #sg_hex_button ul li .sg_smart_home:focus:before {
    background-position: -42px -100px; }
  #sg_hex_button ul li .sg_renewable_energy:before {
    background: url("images/wisg/sg_menu_icons.a6094143fe4c.png") no-repeat 0px -150px; }
  #sg_hex_button ul li .sg_renewable_energy:hover:before, #sg_hex_button ul li .sg_renewable_energy:focus:before {
    background-position: -42px -150px; }
  #sg_hex_button ul li .sg_consumer_engagement:before {
    background: url("images/wisg/sg_menu_icons.a6094143fe4c.png") no-repeat 0px -200px; }
  #sg_hex_button ul li .sg_consumer_engagement:hover:before, #sg_hex_button ul li .sg_consumer_engagement:focus:before {
    background-position: -43px -200px; }
  #sg_hex_button ul li .sg_operation_centers:before {
    background: url("images/wisg/sg_menu_icons.a6094143fe4c.png") no-repeat 0px -250px; }
  #sg_hex_button ul li .sg_operation_centers:hover:before, #sg_hex_button ul li .sg_operation_centers:focus:before {
    background-position: -42px -250px; }
  #sg_hex_button ul li .sg_distribution_intelligence:before {
    background: url("images/wisg/sg_menu_icons.a6094143fe4c.png") no-repeat 0px -300px; }
  #sg_hex_button ul li .sg_distribution_intelligence:hover:before, #sg_hex_button ul li .sg_distribution_intelligence:focus:before {
    background-position: -42px -300px; }
  #sg_hex_button ul li .sg_electric_vehicles:before {
    background: url("images/wisg/sg_menu_icons.a6094143fe4c.png") no-repeat 0px -350px; }
  #sg_hex_button ul li .sg_electric_vehicles:hover:before, #sg_hex_button ul li .sg_electric_vehicles:focus:before {
    background-position: -42px -350px; }

#rightCol .theSmartGrid {
  display: none; }