.product-heading {
  width: 100%;
  height: 600px;
  background: url("../../images/product_header_c1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  text-shadow: 2px 2px #000000; }
  .product-heading .product-heading-content {
    width: 1020px;
    margin: 0 auto; }
    .product-heading .product-heading-content .left {
      float: left;
      margin: 100px 0 0 28px;
      width: 570px;
      height: 500px;
      color: white; }
      .product-heading .product-heading-content .left .title {
        font-size: 2.0em;
        text-transform: uppercase;
        margin: 50px 10px 50px 30px; }
      .product-heading .product-heading-content .left .content {
        font-weight: 300;
        font-size: 1.3em;
        line-height: 175%;
        margin: 0 10px 0 30px; }
    .product-heading .product-heading-content .right {
      float: left;
      margin: 150px 0 0 0;
      height: 450px;
      width: 422px;
      background: url("v2/header_hand.png"); }
  .product-heading .download-buttons {
    margin: 140px 0 0 19px; }
    .product-heading .download-buttons .windows {
      background: url("../../images/download_wp8.png");
      height: 80px;
      display: inline-block;
      width: 202px;
      cursor: pointer; }
    .product-heading .download-buttons .android {
      background: url("../../images/download_android.png");
      display: inline-block;
      height: 80px;
      width: 194px;
      cursor: pointer; }

.search-bg {
  background: white;
  width: 100%;
  height: 425px; }

.search {
  height: 425px; }

.organize-bg {
  background: #EBEBEB;
  height: 425px; }

.organize {
  height: 425px; }

.connect-bg {
  height: 425px;
  background: white; }

.connect {
  height: 500px; }

.fade-left {
  background: url("../../images/search_fade_left.png");
  height: 437px;
  width: 100px;
  overflow: hidden;
  position: absolute;
  top: 0; }

.fade-right {
  background: url("../../images/search_fade_right.png");
  height: 437px;
  width: 70px;
  overflow: hidden;
  position: absolute;
  right: 70px;
  top: 0; }


.fade-left2 {
  background: url("../../images/search_fade_left.png");
  height: 437px;
  width: 0px;
  overflow: hidden;
  position: absolute;
  top: 0; }

.fade-right2 {
  background: url("../../images/search_fade_right.png");
  height: 437px;
  width: 80px;
  overflow: hidden;
  position: absolute;
  right: -10px;
  top: 0; }


.fade-left3 {
  background: url("../../images/search_fade_left.png");
  height: 437px;
  width: 115px;
  overflow: hidden;
  position: absolute;
  left: -40px;
  top: 0; }

.fade-right3 {
  background: url("../../images/search_fade_right.png");
  height: 437px;
  width: 60px;
  overflow: hidden;
  position: absolute;
  right: 70px;
  top: 0; }



.fade-left4 {
  background: url("../../images/search_fade_left.png");
  height: 437px;
  width: 0px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0; }

.fade-right4 {
  background: url("../../images/search_fade_right.png");
  height: 437px;
  width: 80px;
  overflow: hidden;
  position: absolute;
  right: -20px;
  top: 0; }


.product-content .left-content .left {
  float: left;
  margin-left: 28px;
  width: 480px;
  height: 425px;
  overflow: hidden;
  position: relative; }
.product-content .left-content .right {
  float: left;
  margin-right: 0px;
  width: 510px;
  height: 425px;
  overflow: hidden;
  position: relative; }
.product-content .right-content .left {
  float: left;
  margin-left: 28px;
  width: 580px;
  height: 425px;
  overflow: hidden;
  position: relative; }
.product-content .right-content .right {
  float: left;
  height: 425px;
  width: 384px;
  margin-right: 28px;
  overflow: hidden;
  position: relative; }
.product-content .title {
  text-transform: uppercase;
  color: #006086;
  font-size: 2.0em;
  margin: 115px 10px 25px 10px; }
.product-content .content {
  color: #666;
  font-size: 1.2em;
  margin: 0 0 0 10px;
  line-height: 175%;
  font-weight: 300; }


.ml-image {
  background: url("../../images/ML_PRODUCT.jpg");
  width: 510px;
  height: 425px;
  /*z-index: 100;*/
  position: relative;
  background-position: center; }

.dc-image {
  background: url("../../images/WebCrawler.jpg");
  width: 510px;
  height: 425px;
  /*z-index: 100;*/
  position: relative;
  background-position: center; }

.sa-image {
  background: url("../../images/SENTIMENT_PRODUCT.jpg");
  width: 510px;
  height: 425px;
  z-index: 100;
  position: relative;
  background-position: center; }

.organize-hand {
  background: url("../../images/NLP_PRODUCT.png");
  width: 580px;
  height: 425px;
  z-index: 100;
  position: relative; }

.organize-timeline {
  background: url("v2/organize_timeline.png");
  overflow: hidden;
  width: 220px;
  height: 297px;
  z-index: 1;
  position: absolute;
  top: 73px;
  left: 160px; }

.play-movie {
  width: 179px;
  display: block;
  height: 279px;
  background: url("v2/product-play.jpg");
  margin-top: 67px;
  margin-left: 65px;
  cursor: pointer; }

.play-movie:hover {
  width: 179px;
  display: block;
  height: 279px;
  background: url("v2/product-play.jpg");
  margin-top: 67px;
  margin-left: 65px;
  cursor: pointer;
  background-position: bottom; }

.nlp-image {
  background: url("../../images/text_processing.png");
  width: 510px;
  height: 425px;
  position: relative;
  background-position: center; }

.search-image {
  background: url("../../images/SE_PRODUCT.jpg");
  width: 510px;
  height: 425px;
  position: relative;
  background-position: center; }


.wscale-image {
  background: url("../../images/WSCALE_PRODUCT.jpg");
  width: 510px;
  height: 425px;
  position: relative;
  background-position: center; }

.icon1 {
  top: 107px;
  left: 128px; }

.icon2 {
  top: 107px;
  left: 240px; }

.icon3 {
  top: 107px;
  left: 352px; }

.icon4 {
  top: 217px;
  left: 128px; }

.icon5 {
  top: 217px;
  left: 240px; }

.icon6 {
  top: 217px;
  left: 352px; }

.connect-image {
  background: url("v2/connect_tilebkg.jpg");
  z-index: 0;
  position: relative;
  width: 580px;
  height: 425px;
  background-repeat: no-repeat; }

/* entire container, keeps perspective */
.flip-container {
  perspective: 1000;
  z-index: 100;
  overflow: hidden;
  position: absolute; }

/* flip the pane when hovered */
/*  .flip-container:hover .flipper, .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
  }*/
.flip-container, .front, .back {
  width: 100px;
  height: 100px; }

/* flip speed goes here */
.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  position: relative; }

/* hide back of pane during swap */
.front, .back {
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

/* front pane, placed above back */
.front {
  z-index: 2; }

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(180deg); }

.flip-container.flip .flipper {
  -webkit-transform: rotateY(180deg); }

.front-content {
  background: red;
  width: 100px;
  height: 100px; }

.back-content {
  background: blue;
  width: 100px;
  height: 100px; }

#mycard {
  background: yellow; }