.step {
  width: 960px;
  height: 700px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1; }

html {
  background: url(../img/bg/debut_dark.png); }
  html.lt-ie7 img {
    zoom: 1; }
  html.lt-ie7 .step-1 {
    background-image: url(../img/optimized/ie_6/card_2_step1_A.png.gif) !important; }
    html.lt-ie7 .step-1 .button-enhance {
      background-image: url(../img/optimized/ie_6/card_2_step1_B.png.gif) !important; }
  html.lt-ie7 .step-2 {
    background-image: url(../img/optimized/card_2_step2_A.png.gif) !important; }
    html.lt-ie7 .step-2 .ribbon {
      background-image: url(../img/optimized/card_2_step2_B.png.gif) !important; }
    html.lt-ie7 .step-2 .bottle {
      background-image: url(../img/optimized/card_2_step2_C_feeding_bottle.png.gif) !important; }
    html.lt-ie7 .step-2 .plate {
      background-image: url(../img/optimized/card_2_step2_C_plate.png.gif) !important; }
    html.lt-ie7 .step-2 .whale {
      background-image: url(../img/optimized/card_2_step2_D_whale.png.gif) !important; }
    html.lt-ie7 .step-2 .camel {
      background-image: url(../img/optimized/card_2_step2_D_camel.png.gif) !important; }
    html.lt-ie7 .step-2 .elephant {
      background-image: url(../img/optimized/card_2_step2_D_elephant.png.gif) !important; }

.main-container {
  visibility: hidden;
  width: 960px;
  height: 700px;
  margin: 0 auto;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); }

.wait {
  width: 960px;
  height: 700px;
  margin: 0 auto;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5);
  position: relative;
  top: -700px;
  background: #666;
  background-color: rgba(0, 0, 0, 0.3); }
  .wait .throbber {
    display: block;
    position: relative;
    margin: auto;
    top: 400px; }
  .wait h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 26px;
    color: #CCC;
    margin: 0;
    position: relative;
    top: 390px; }

.step-1 {
  background-image: url(../img/optimized/card_2_step1_A.png);
  text-align: center; }
  .step-1 .button-enhance {
    transition: 0.2s opacity ease-out;
    border: 0;
    outline: none;
    background-color: transparent;
    zoom: 1;
    background-image: url(../img/optimized/card_2_step1_B.png);
    width: 250px;
    height: 269px;
    position: relative;
    top: 215px; }
    .step-1 .button-enhance:hover {
      opacity: 0.5 !important;
      filter: alpha(opacity=50) !important;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; }
    .step-1 .button-enhance:active {
      opacity: 1 !important;
      filter: alpha(opacity=100) !important;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; }

.step-2 {
  position: relative;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  zoom: 1;
  background-image: url(../img/optimized/card_2_step2_A.png);
  margin-top: -700px; }
  .step-2 .ribbon {
    background-image: url(../img/optimized/card_2_step2_B.png);
    position: relative;
    top: 49px;
    left: 184px;
    width: 595px;
    height: 82px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    zoom: 1;
    z-index: 1500; }
  .step-2 .item, .step-2 .puppet {
    position: absolute;
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    zoom: 1;
    z-index: 500; }
  .step-2 .bottle {
    background-image: url(../img/optimized/card_2_step2_C_feeding_bottle.png);
    width: 101px;
    height: 248px;
    bottom: 107px;
    right: 100px; }
  .step-2 .plate {
    background-image: url(../img/optimized/card_2_step2_C_plate.png);
    width: 273px;
    height: 167px;
    bottom: 106px;
    left: 52px; }
  .step-2 .card {
    width: 271px;
    height: 184px;
    bottom: 115px;
    left: 395px; }
    .step-2 .card .background {
      width: 271px;
      height: 184px; }
    .step-2 .card a {
      transition: 0.2s opacity ease-out;
      border: 0;
      outline: none;
      background-color: transparent;
      zoom: 1;
      display: block;
      position: absolute; }
      .step-2 .card a:hover {
        opacity: 0.5 !important;
        filter: alpha(opacity=50) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; }
      .step-2 .card a:active {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; }
    .step-2 .card .logo {
      width: 207px;
      height: 58px;
      top: 50px;
      left: 44px; }
      .step-2 .card .logo img {
        width: 170px;
        height: 50px; }
    .step-2 .card .child {
      width: 140px;
      height: 91px;
      top: 102px;
      left: 83px; }
      .step-2 .card .child img {
        width: 100px;
        height: 60px; }
    .step-2 .card .wish {
      position: absolute;
      visibility: hidden;
      width: 0;
      height: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      zoom: 1;
      top: 153px;
      left: 109px; }
    .step-2 .card .donate {
      transition: 0.2s opacity ease-out;
      border: 0;
      outline: none;
      background-color: transparent;
      zoom: 1;
      position: absolute;
      visibility: hidden;
      width: 0;
      height: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      zoom: 1;
      top: 470px;
      left: 426px; }
      .step-2 .card .donate:hover {
        opacity: 0.5 !important;
        filter: alpha(opacity=50) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; }
      .step-2 .card .donate:active {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; }
  .step-2 .puppet {
    z-index: 1000; }
  .step-2 .whale {
    background-image: url(../img/optimized/card_2_step2_D_whale.png);
    width: 185px;
    height: 396px;
    top: -390px;
    left: 213px; }
  .step-2 .camel {
    background-image: url(../img/optimized/card_2_step2_D_camel.png);
    width: 154px;
    height: 375px;
    top: -390px;
    left: 400px; }
  .step-2 .elephant {
    background-image: url(../img/optimized/card_2_step2_D_elephant.png);
    width: 196px;
    height: 407px;
    top: -390px;
    left: 530px; }

.step-3 {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  zoom: 1;
  background-color: rgba(20, 20, 50, 0.3);
  margin-top: -700px; }

.mejs-container {
  display: none; }