/********** BETA STYLES **********/
.overflow_hid {
  width: 100%;
  overflow-x: hidden;
  min-width: 940px;
}

.body_background {
  left: 50% !important;
  margin-left: -738px !important;
  top: 0px !important;
}

.clear {
  clear: both;
  float: none;
}

.wrapper_header {
  z-index: 9999;
}

.truck_road {
  width: 1200px;
  overflow: hidden;
  height: 490px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  /*top:185px;*/
}

.truck_container {
  height: 460px;
  /*position: absolute;*/
  position: relative;
  width: 601px;
  left: -800px;
  overflow: hidden;
}

.truck_container .truck_shadow {
  background: url(images/truck_shadow.png) center center no-repeat;
  width: 973px;
  height: 44px;
  position: absolute;
  left: -244px;
  bottom: 51px;
  z-index: 5;
  opacity: 0.5;
}

.truck_container .wheel_1_shadow {
  position: absolute;
  top: 186px;
  left: -54px;
  z-index: 8000;
}

.truck_container .wheel_2_shadow {
  position: absolute;
  top: 176px;
  left: 246px;
  z-index: 8000;
}

.truck_container .wheels {
  position: absolute;
  width: 128px;
  height: 128px;
  bottom: 73px;
  z-index: 50;
}

.truck_container .wheels img {
  /*-webkit-animation:spin 3s ease-in-out infinite;
					    -moz-animation:spin 3s ease-in-out infinite;
					    animation:spin 3s ease-in-out infinite;
					    animation-play-state: paused; */
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  /* Safari and Chrome */
}

.truck_container .wheels.go_truck img {
  animation-play-state: running;
  -webkit-animation-play-state: running;
  /* Safari and Chrome */
}

.truck_container .wheels.wheel_1 {
  left: 54px;
}

.truck_container .wheels.wheel_2 {
  right: 83px;
}

.truck_container .truck {
  width: 601px;
  height: 360px;
  background: url(images/truck.png) center center no-repeat;
  position: absolute;
}

.truck_container .truck.engine_on {
  animation: vibrate 0.13s linear 0s infinite;
  -moz-animation: vibrate 0.13s linear 0s infinite;
  /* Firefox */
  -webkit-animation: vibrate 0.13s linear 0s infinite;
  /* Safari and Chrome */
  -o-animation: vibrate 0.13s linear 0s infinite;
  /* Opera */
}

.truck_container .truck .red_light {
  height: 65px;
  position: absolute;
  width: 53px;
  background: url(images/red_light.png) no-repeat center center;
  bottom: 32px;
  left: -2px;
  opacity: 0;
}

.truck_container .truck .yellow_light {
  height: 31px;
  position: absolute;
  width: 29px;
  background: url(images/yellow_light.png) no-repeat center center;
  bottom: 111px;
  right: 9px;
  opacity: 0;
}

.truck_container .truck .yellow_light_top {
  height: 14px;
  position: absolute;
  width: 21px;
  background: url(images/yellow_light_top.png) no-repeat center center;
  top: 88px;
  right: 72px;
  opacity: 0;
}

.truck_container .truck .on {
  /*-webkit-animation: fadein 0.5s ease-in alternate infinite;
						    -moz-animation: fadein 0.5s ease-in alternate infinite;
						    animation: fadein 0.5s ease-in alternate infinite;*/
  -webkit-animation: fadein 0.5s alternate infinite;
  -moz-animation: fadein 0.5s alternate infinite;
  animation: fadein 0.5s alternate infinite;
}

#container {
  margin: 6px auto;
}

#container p {
  text-align: center;
  letter-spacing: -0.05em;
  line-height: 23px;
  color: #7b7b7b;
  font-size: 19px;
  margin-bottom: 20px;
}

#container .margin_bottom_20 {
  margin-bottom: 20px;
}

#container .margin_bottom_12 {
  margin-bottom: 12px;
}

#container .text_title {
  width: 100%;
  opacity: 0;
}

#container .module {
  padding-bottom: 80px;
  padding-top: 60px;
  background: url(images/sdk-bg-top.png) no-repeat scroll center top rgba(0, 0, 0, 0);
  width: 925px;
  margin: auto;
}

#container .module#module-01 {
  background: none;
  padding-top: 0px;
  position: relative;
  padding-bottom: 50px;
  /*
			.fade_left{
				height: 738px;
				width: 300px;
				background: url(images/fade-left.png) left center  repeat-y;
				left: -160px;
				top:-136px;
				position: absolute;
				z-index: 1000;
			}
			.fade_right{
				height: 738px;
				width: 300px;
				background: url(images/fade-right.png) left center  repeat-y;
				right: -197px;
				top:-136px;
				position: absolute;
				z-index: 1000;
			}*/
}

#container .module#module-01 .folder {
  width: 805px;
  height: 501px;
  background: url(images/folder.png) 15px top no-repeat;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}

#container .module#module-01 .folder img#aproved {
  margin-top: 101px;
  opacity: 0;
}

#container .module#module-01 .stamp {
  height: 887px;
  width: 934px;
  background: url(images/stamp.png) no-repeat;
  margin: 0 auto;
  /*left: 280px;
				top: 144px;*/
  top: -69px;
  left: 214px;
  position: absolute;
  background-size: cover;
  opacity: 0;
  z-index: 25;
}

#container .module#module-01 .stamp .shadow_stamp {
  height: 155px;
  width: 308px;
  background: url(images/shadow_stamp.png) no-repeat;
  position: absolute;
  /*bottom:-35px;*/
  top: 260px;
  left: 109px;
  z-index: 0;
}

#container .module#module-01 .beta_by_crash {
  height: 84px;
  background: url(images/text_sprite.png) top center no-repeat;
  opacity: 0;
  z-index: 0;
  margin-bottom: 20px;
}

#container .module#module-01 .access_beta {
  width: 218px;
  height: 43px;
  background: url(images/button_access.png) center top no-repeat;
  margin: 0 auto;
  margin-top: 40px;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}

#container .module#module-01 .access_beta:hover {
  background: url(images/button_access.png) center bottom no-repeat;
}

#container .module#module-02 .seamless_tester {
  height: 47px;
  background: url(images/text_sprite.png) center -157px no-repeat;
  opacity: 0;
}

#container .module#module-02 .sign_container {
  background: url(images/sticky.png) top center no-repeat;
  width: 920px;
  height: 465px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

#container .module#module-02 .sign_container .sticky_button {
  width: 27px;
  height: 27px;
  background: url(images/sticky_button.png) top center no-repeat;
  top: 12px;
  left: 446px;
  z-index: 5000;
  position: absolute;
}

#container .module#module-02 .sign {
  -webkit-transform-origin: 50% -40px;
  -moz-transform-origin: 50% -40px;
  -webkit-animation: oscillation 2s ease-in-out infinite alternate;
  -moz-animation: oscillation 2s ease-in-out infinite alternate;
  background: url(images/come_in_sign.png) no-repeat;
  width: 391px;
  height: 388px;
  z-index: 0;
  position: absolute;
  top: 17px;
  left: 264px;
}

#container .module#module-03 {
  padding-top: 1px;
  text-align: center;
  background: none;
}

#container .module#module-02 .your_brand {
  height: 20px;
  background: url(images/text_sprite.png) -248px -397px no-repeat;
  opacity: 0;
  display: inline-block;
  width: 128px;
  margin-right: 5px;
  margin-bottom: 15px;
}

#container .module#module-02 .fron_and {
  height: 20px;
  background: url(images/text_sprite.png) -382px -397px no-repeat;
  opacity: 0;
  width: 190px;
  display: inline-block;
  margin-bottom: 15px;
}

#container .module#module-03 .all_about {
  height: 30px;
  background: url(images/text_sprite.png) center -503px no-repeat;
  opacity: 0;
}

#container .module#module-03 .stage_container {
  width: 687px;
  height: 390px;
  margin: 0 auto;
  background: url(images/stage_1.jpg) top center no-repeat;
  position: relative;
  opacity: 0;
}

#container .module#module-03 .stage_container .stage_2 {
  width: 687px;
  height: 390px;
  background: url(images/stage_2.jpg) top center no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}

#container .module#module-03 .stage_container .stage_3 {
  width: 687px;
  height: 390px;
  background: url(images/stage_3.jpg) top center no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}

#container .module#module-03 .light_1 {
  width: 222px;
  height: 300px;
  background: url(images/light_4.png) top center no-repeat;
  position: absolute;
  top: 0px;
  left: 95px;
  z-index: 5;
  opacity: 0;
}

#container .module#module-03 .light_2 {
  width: 222px;
  height: 296px;
  background: url(images/light_3.png) top center no-repeat;
  position: absolute;
  top: 0px;
  left: 371px;
  z-index: 5;
  opacity: 0;
}

#container .module#module-03 .light_3 {
  width: 378px;
  height: 396px;
  background: url(images/light_2.png) top center no-repeat;
  position: absolute;
  top: -65px;
  left: 101px;
  z-index: 5;
  opacity: 0;
}

#container .module#module-03 .light_4 {
  width: 295px;
  height: 337px;
  background: url(images/light_1.png) top center no-repeat;
  position: absolute;
  top: 0px;
  left: 299px;
  z-index: 5;
  opacity: 0;
}

#container .module#module-03 .shine {
  left: 269px;
  top: 150px;
  position: absolute;
  z-index: 100;
  opacity: 0;
}

#container .module#module-03 .shine.spin {
  -moz-animation-name: spin, fade;
  -moz-animation-duration: 6s, 10s;
  -moz-animation-iteration-count: infinite;
  animation-name: spin, fade;
  animation-duration: 6s, 10s;
  animation-iteration-count: infinite;
  -webkit-animation-name: spin, fade;
  -webkit-animation-duration: 6s, 10s;
  -webkit-animation-iteration-count: infinite;
}

#module-04 {
  background: url(images/bg_monitor.jpg) center top no-repeat #000000;
  width: 100%;
}

#module-04 .module {
  background: none;
  padding-top: 40px;
  padding-bottom: 30px;
}

#module-04 .module .monitor {
  height: 46px;
  background: url(images/text_sprite.png) center -495px no-repeat;
}

#container .module#module-04 .block_container {
  width: 100%;
  height: 200px;
  background: url('images/shadow_bottom.png') center bottom no-repeat;
}

#container .module#module-04 .block_container .block {
  width: 49%;
  height: 173px;
}

#container .module#module-04 .block_container .block.left {
  float: left;
}

#container .module#module-04 .block_container .block.right {
  float: right;
  border-left: 1px solid #2b2c2e;
  padding-left: 20px;
  width: 47%;
}

#container .module#module-04 .block_container .block .shadow {
  width: 130px;
  height: 116px;
  text-align: center;
  width: 40%;
  opacity: 0;
  position: relative;
}

#container .module#module-04 .block_container .block .shadow img {
  opacity: 0;
}

#container .module#module-04 .block_container .block .shadow .shadow_on_off {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url('images/little_blue_shadow.png') center bottom no-repeat;
  -moz-animation-name: fade;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  animation-name: fade;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: fade;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

#container .module#module-04 .block_container .block .text {
  margin-left: 20px;
  width: 210px;
}

#container .module#module-04 .block_container .block .text p {
  font-size: 15px;
  text-align: left;
  line-height: 16px;
}

#container .module#module-04 .integrates_container {
  padding-top: 30px;
}

#container .module#module-04 .integrates_container .left {
  float: left;
}

#container .module#module-04 .integrates_container .puzzle {
  width: 250px;
}

#container .module#module-04 .integrates_container .puzzle #black_puzzle {
  position: relative;
  top: 0px;
  margin-left: -68px;
  opacity: 0;
}

#container .module#module-04 .integrates_container .puzzle #red_puzzle {
  opacity: 0;
  margin-left: -74px;
}

#container .module#module-04 .integrates_container .text {
  width: 650px;
}

#container .module#module-04 .integrates_container .text .integrates {
  height: 30px;
  background: url(images/text_sprite.png) -244px -858px no-repeat;
}

#container .module#module-04 .integrates_container .text p {
  font-size: 14px;
  color: #959595;
  letter-spacing: -0.05;
  line-height: 15px;
  text-align: left;
}

#container .module#module-05 {
  padding-bottom: 50px;
}

#container .module#module-05 .total_visibility {
  height: 49px;
  background: url(images/text_sprite.png) center -329px no-repeat;
}

#container .module#module-05 img.total_visibil {
  margin-left: 136px;
}

#file {
  position: absolute;
  bottom: -108px;
  right: -122px;
  opacity: 0;
}

#container .module#module-05 .insightfull {
  height: 30px;
  background: url(images/text_sprite.png) center -737px no-repeat;
}

#container .chart {
  width: 900px;
  height: 416px;
  background: url(images/chart.png) center center no-repeat;
  margin: 0 auto;
  position: relative;
  margin: 30px 0;
}

#container .chart .chart_container {
  width: 450px;
  height: 24px;
  position: relative;
  padding-left: 295px;
}

#container .chart .chart_container .base_dot {
  width: 14px;
  height: 12px;
  background: url(images/base_dot.png) center center no-repeat;
  float: left;
  margin-top: 6px;
}

#container .chart .chart_container .line {
  background: url(images/line_chart.png) repeat-x 0px 0px;
  float: left;
  height: 24px;
  width: 0px;
  margin-left: -3px;
  margin-top: 10px;
}

#container .chart .chart_container .dot {
  background: url(images/dot.png) center left no-repeat;
  float: left;
  width: 27px;
  /* width: 20px;*/
  height: 26px;
  /*height: 18px;*/
  margin-left: -21px;
  margin-top: -1px;
  background-size: cover;
}

#container .chart .chart_container#data_1 {
  top: 90px;
  opacity: 0;
}

#container .chart .chart_container#data_2 {
  top: 124px;
  opacity: 0;
}

#container .chart .chart_container#data_3 {
  top: 157px;
  opacity: 0;
}

#container .chart .chart_container#data_4 {
  top: 190px;
  opacity: 0;
}

#container .chart .chart_container#data_5 {
  top: 222px;
  opacity: 0;
}

#container .chart .shadow_chart {
  height: 106px;
  width: 100%;
  background: url(images/bg_chart.png) repeat-x;
  position: absolute;
  bottom: -8px;
  left: 0px;
}

#container .module#module-05 .cont_text {
  padding-top: 47px;
  height: 200px;
}

.ads {
  opacity: 0;
}

/******** ADDED ***********/
.left {
  float: left;
}

.right {
  float: right;
}

#module-02 {
  padding-bottom: 30px !important;
  text-align: center;
}

.unified_dashboard {
  height: 49px;
  background: url(images/text_sprite.png) center -441px no-repeat;
}

.simplified_tool {
  height: 26px;
  background: url(images/text_sprite.png) center -548px no-repeat;
}

.word_underline {
  font-weight: bold;
  text-decoration: underline;
}

.deep_workflow {
  height: 103px;
  background: url(images/text_sprite.png) center -581px no-repeat;
}

.plugin_powerful {
  height: 25px;
  width: 380px !important;
  background: url(images/text_sprite.png) center -694px no-repeat;
}

.screen_shot {
  height: 520px;
  width: 320px;
  position: relative;
  float: left;
  margin-left: 75px;
}

.workflow-screenshot {
  position: absolute;
  top: 0px;
  left: 0px;
}

#description_text {
  float: right;
  width: 375px;
  margin-top: 20px;
  margin-right: 85px;
}

#description_text p {
  text-align: left;
}

#icons_descriptions {
  margin: 40px 0 40px 110px;
  width: 730px;
}

#icons_descriptions_2 {
  margin: 40px 0 0px 110px;
  width: 730px;
}

.existing-plugin, .bulk-import {
  width: 320px;
  padding: 6px 0 8px 55px;
  margin-bottom: 20px;
}

.existing-plugin p, .bulk-import p {
  font-size: 14px !important;
  line-height: normal !important;
  margin-bottom: 0px !important;
}

.existing-plugin {
  background: url(images/existing-plugin.png) top left no-repeat;
}

.bulk-import {
  background: url(images/bulk-import.png) top left no-repeat;
}

.soft-icons {
  margin: 25px 0 50px;
}

#icons_descriptions .icon_desc p, #icons_descriptions_2 .icon_desc p {
  text-align: left;
  font-size: 14px;
  color: #FFF;
  line-height: 18px;
  margin-bottom: 0px;
}

.icon_desc {
  padding-left: 70px;
  width: 270px;
  float: left;
}

.icon_desc.in-app {
  background: url(images/bg-in-app.png) top left no-repeat;
  margin-right: 50px;
  padding-top: 18px;
  padding-bottom: 20px;
  opacity: 0;
}

.icon_desc.multi-organization {
  background: url(images/bg-multi-organization.png) left 10px no-repeat;
  padding-top: 10px;
  opacity: 0;
}

.crafted_box {
  float: left;
  width: 150px;
  min-height: 133px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 40px;
  padding-right: 40px;
  background: url(images/bg-crafted.png) right 5px no-repeat;
}

.crafted_box.four {
  margin-right: 0px;
  background: none;
}

.one, .two, .three, .four {
  opacity: 0;
}

.crafted_box:first-child {
  padding-left: 0px;
}

.crafted_developers {
  height: 48px;
  background: url(images/text_sprite.png) center -88px no-repeat;
}

.crafted_box p {
  font-size: 14px !important;
  text-align: left !important;
  color: #FFF !important;
  line-height: 18px !important;
  margin-top: 15px;
}

.thing_shows {
  opacity: 0;
}

.its_free {
  position: absolute;
  right: 230px;
  bottom: 25px;
}

/***** MODULE 03 ANIMATION *****/

#hello-world {
  position: relative;
  height: 410px;
  margin: 50px 0;
}

.star-app {
  position: absolute;
  top: 140px;
  left: 100px;
  opacity: 0;
}

.module-arrow-01 {
  position: absolute;
  top: 195px;
  left: 290px;
  opacity: 0;
}

.hw-iphone {
  position: absolute;
  top: 50px;
  left: 420px;
  opacity: 0;
}

p#os-aware {
  background: url(images/bg-os-aware.png) left 2px no-repeat;
  font-size: 12px;
  letter-spacing: normal;
  width: 652px;
  /*padding-left:25px;*/
  margin: auto;
}

/***** MODULE 06 ANIMATION *****/

#unified-animation {
  margin: 50px 0;
  position: relative;
}

#top-issues {
  background: url(images/top-issues.png) top left no-repeat;
  height: 175px;
  width: 530px;
  margin-left: 50px;
  padding-top: 147px;
  padding-left: 10px;
}

.highlight {
  background: url(images/highlight.png) repeat-x;
  height: 63px;
  width: 484px;
  display: none;
}

.module-arrow-02 {
  position: absolute;
  top: 157px;
  left: 550px;
  opacity: 0;
}

.globe_chart {
  width: 217px;
  padding-left: 68px;
  position: absolute;
  right: 30px;
  top: 100px;
}

.brown_globe {
  position: relative;
  z-index: 50;
  height: 168px;
  width: 168px;
  text-align: center;
  margin-top: -20px;
}

#big {
  position: absolute;
  bottom: 0;
  width: 0px;
  height: 0px;
}

.brown_percent {
  font-family: Helvetica;
  font-size: 15px;
  font-weight: bold;
  text-shadow: black 0.05em 0.05em 0.05em;
  position: absolute;
  color: #5a5a5a;
  top: 21px;
  left: 71px;
  display: none;
}

.blue_globe img {
  width: 0px;
  height: 0px;
  bottom: 0;
}

#small {
  position: absolute;
  bottom: 0;
  width: 0px;
  height: 0px;
}

.blue_percent {
  font-family: Helvetica;
  font-size: 15px;
  font-weight: bold;
  text-shadow: black 0.05em 0.05em 0.05em;
  position: absolute;
  color: #60b9ec;
  top: 106px;
  left: 71px;
  display: none;
}

.globe_shadow {
  left: -48px;
  top: 132px;
  position: absolute;
  z-index: -100;
}

.globe_shadow img {
  display: none
}

#module-06 p:last-child {
  margin-bottom: 0px;
}

/***** MODULE 08 ANIMATION *****/

#module-08 {
  position: relative;
}

.build-app, .blue-arrow, .invite-users, .all-done {
  position: relative;
  opacity: 0;
}

.build-app, .invite-users, .all-done {
  top: 20px;
}

.blue-arrow {
  top: -60px;
}

.blue-arrow.first {
  left: 48px;
}

.blue-arrow.second {
  left: 90px;
}

.build-app {
  left: 25px;
}

.invite-users {
  left: 70px;
}

.all-done {
  left: 110px;
}

/***** MONITOR SLIDER *****/

#monitor-box {
  display: block;
  margin: 40px auto;
  height: 240px;
}

#monitor-list, #visibility-list {
  display: block;
  margin: 0 auto;
  height: 22px;
  width: 113px;
  margin-top: 15px;
}

.element {
  background: url("images/btn_gris.png");
  float: left;
  list-style: none;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

#monitor-btn_blue, #visibility-btn_blue {
  display: none;
  background: url("images/btn_azul.png");
  position: relative;
  float: left;
  list-style: none;
  width: 20px;
  height: 19px;
  top: 0px;
}

#monitor-btn_blue {
  left: -90px;
}

#visibility-btn_blue {
  left: -60px;
}

#monitor-slider {
  margin: 0 auto;
  background: url("images/monitor-01.png");
  width: 868px;
  height: 202px;
}

/***** VISIBILITY SLIDER *****/

#visibility-box {
  display: block;
  margin: 20px auto;
  height: 606px;
}

#visibility-slider {
  margin: 0 auto;
  background: url("images/visibility-01.png");
  width: 910px;
  height: 568px;
}

/* CSS3 Animations*/
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes vibrate {
  0% {
    margin-top: 0px;
  }
  25% {
    margin-top: -1px;
  }
  50% {
    margin-top: 0px;
  }
  75% {
    margin-top: 1px;
  }
  100% {
    margin-top: 0px;
  }
}

@-moz-keyframes vibrate /* Firefox */
{
  0% {
    margin-top: 0px;
  }
  25% {
    margin-top: -1px;
  }
  50% {
    margin-top: 0px;
  }
  75% {
    margin-top: 1px;
  }
  100% {
    margin-top: 0px;
  }
}

@-webkit-keyframes vibrate /* Safari and Chrome */
{
  0% {
    margin-top: 0px;
  }
  25% {
    margin-top: -1px;
  }
  50% {
    margin-top: 0px;
  }
  75% {
    margin-top: 1px;
  }
  100% {
    margin-top: 0px;
  }
}

@-o-keyframes vibrate /* Opera */
{
  0% {
    margin-top: 0px;
  }
  25% {
    margin-top: -1px;
  }
  50% {
    margin-top: 0px;
  }
  75% {
    margin-top: 1px;
  }
  100% {
    margin-top: 0px;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0.5;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

@-moz-keyframes fade {
  0% {
    opacity: 0.5;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0.5;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes fadeshadow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeshadow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeshadow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes oscillation {
  from {
    -webkit-transform: rotate(-9deg);
  }
  to {
    -webkit-transform: rotate(9deg);
  }
}

@-moz-keyframes oscillation {
  from {
    -moz-transform: rotate(-9deg);
  }
  to {
    -moz-transform: rotate(9deg);
  }
}

.float {
  -webkit-animation-name: Floatingx;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: Floating;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floatingx {
  from {
    -webkit-transform: translate(0, 0px);
  }
  50% {
    -webkit-transform: translate(0, 5px);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}

@-moz-keyframes Floating {
  from {
    -moz-transform: translate(0, 0px);
  }
  50% {
    -moz-transform: translate(0, 5px);
  }
  to {
    -moz-transform: translate(0, 0px);
  }
}

/******************************/
/*
.glass {
	position: absolute;
	background: url(images/glass.png) no-repeat;
	width: 609px;
	height: 611px;
	z-index: 50;
	top: 4490px;
	left: 478px;
}

.jim {
	display: block;
	top: 2779px;
	left: 276px;
}*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #container p {
    font-size: 18px;
  }

  p#os-aware {
    font-size: 12px;
    letter-spacing: normal;
  }
}

.paper {

  background: url(images/total_visibility.jpg) no-repeat;
  background-size: cover;
  width: 526px;
  height: 667px;
  float: left;
  margin-left: 120px;
}

.paper_text {
  width: 270px;
  float: right;
}

.paper_text p {
  font-size: 13px !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
}

.upper_text {
  margin-top: 77px;
}

.down_text {
  margin-top: 220px;
}

/* MODULE 08 AND A HALF */

#module-0805 > p {
  width: 700px;
  margin: 0px auto;
}

.the_right_build {
  height: 48px;
  background: url(images/text_sprite.png) center -904px no-repeat;
  margin-bottom: 70px;
}

.builds_container {
  text-align: center;
  margin-bottom: 40px;
}

.builds_container img {
  opacity: 0;
  position: relative;
}

.builds_container .build_01 {
  top: -5px;
}

.builds_container .build_02 {
  top: -5px;
}

.builds_container .arrow_left {
  top: -50px;
  margin-left: 30px;
}

.builds_container .arrow_right {
  top: -50px;
  margin-right: 30px;
}

.icon_desc.send_builds {
  background: url(images/send_builds.png) left 11px no-repeat;
  margin-right: 50px;
  padding-top: 18px;
  padding-bottom: 20px;
  opacity: 0;
}

.icon_desc.automatically {
  background: url(images/automatically.png) left 10px no-repeat;
  padding-top: 10px;
  opacity: 0;
}