html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1;
  height: 10000px;
}
.footer {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.3);
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.skip {
    float: right;
    padding: 4px 27px;
}
.copy-right {
	color:#fff;
    float: left;
    padding: 4px 5px;
	font-size: 12px;
}
.compu {
   color:#fff ;
   text-decoration:none
}
.brain {
   color:#ff3300 ;
   text-decoration:none
}
.brain:hover {
   color:#ff3300;
}
.compu:hover {
   color:#fff ;
}
.source {
      color: #999999;
    margin: 640px 0 0 1%;
    position: relative;
    width: 500px;
    z-index: 999999;
}
.source p {
    font-size: 10px;
}
.skip a {
    color: #FFFFFF;
    font-weight: bolder;
    text-decoration: blink;
}
.skip {
    color: #FFFFFF;
    font-weight: bolder;
}

strong, h1, h2, h3, .content p, #level1-curtain p, #level2-curtain p, #level3-curtain p, #level4-curtain p, #level5-curtain p {
  font-weight: bold;
}

strong {
  font-weight: 900;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

#dialogue1 p, #dialogue2 p, #dialogue3 p, #dialogue4 p, #dialogue5 p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: lighter;
  font-size:19px;
}

#dialogue1 p strong, #dialogue2 p strong, #dialogue3 p strong, #dialogue4 p strong, #dialogue5 p strong {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
} 

#level1-curtain p, #level1-curtain h2, #level2-curtain p, #level2-curtain h2, #level3-curtain p, #level3-curtain h2, #level4-curtain p, #level4-curtain h2, #level5-curtain p, #level5-curtain h2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: 700 !important;
}

/* Social */

#social-links-footer {
  width: 1024px;
  margin: 0 auto;
  position: relative;
  z-index: 1000;
  top: 20px;
}

#social-links-footer p {
  margin-bottom: 9px;
  color: #404040;
  font-size: 20px;
}

#social-links-footer ul { 
  background: url(/dms/wac/images/landing/idea-quest/socialButtons.png) no-repeat scroll 0 0;
  width: 205px;
  height: 34px;
}

#social-links-footer li {
  float: left;
  height: 34px;
  text-indent: -99999px;
} 

#social-links-footer li a {
  display: block;
  height: 34px;
}

#social-links-footer .twitter {
  width: 38px;
}

#social-links-footer .facebook {
  width: 43px;
}

#social-links-footer .pinterest {
  width: 43px;
}

#social-links-footer .google-plus {
  width: 43px;
}

#social-links-footer .linked-in {
  width: 38px;
}


/********/
#desktop {
  position: relative;
  background:red;
}

#social-links-header {
  width: 1024px;
  margin: 0 auto;
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: 0px;
}

#social-links-header p {
  margin-bottom: 9px;
  color: #404040;
  font-size: 20px;
}

#social-links-header ul { 
  background: url(/dms/wac/images/landing/idea-quest/shareButtons1.png) no-repeat scroll 0 0;
  width: 123px;
  height: 21px;
  float: right;
  margin-right: 40px;
}

#social-links-header li {
  float: left;
  height: 34px;
  text-indent: -99999px;
} 

#social-links-header li a {
  display: block;
  height: 21px;
}

#social-links-header .twitter {
  width: 23px;
}

#social-links-header .facebook {
  width: 26px;
}

#social-links-header .pinterest {
  width: 26px;
}

#social-links-header .google-plus {
  width: 25px;
}

#social-links-header .linked-in {
  width: 21px;
}

#end-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.25);
  position: relative;
  z-index: 1001;
  display: none;
}

#end-overlay.on {
  display: block;
}

#overlay-box {
  width: 630px;
  height: 410px;
  background: #f1f2f2;
  position: absolute;
  top: 50%;
  margin-top: -205px;
  left: 50%;
  margin-left: -315px;
  text-align: center;
  font-family: "proxima-nova";
}

#overlay-box h3 {
  font-size: 30px;
  color: #404040;
  margin-top: 70px;
  margin-bottom: 20px;
  font-weight: 500;
}

#overlay-box p {
  margin-bottom: 12px;
  color: #404040;
}

#overlay-box p a {
  color: #4c9ac9;
  text-decoration: none;
}

#overlay-box p a:hover {
  text-decoration: underline;
}

#close {
  background: url(/dms/wac/images/landing/idea-quest/close.png) no-repeat scroll 0 0;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 11000;
}

#view-sources {
  position: absolute;
  z-index: 1000;
  bottom: 20px;
  right: 50px;
  cursor: pointer;
  padding: 5px;
  font-size: 13px;
}

#view-sources:hover {
  text-decoration: underline;
} 

#corp-glow {
    float: left;
    margin: 0 0 0 15%;
}
#corp-glow img {
    float: left;
    height: 410px;
    left: 2%;
    position: absolute;
    top: 300px;
    width: 500px;
}
#cand-glow {
    float: right;
    margin: 0 15% 0 0;
}
#cand-glow img {
    float: right;
    height: 410px;
    position: absolute;
    right: 4%;
    top: 300px;
    width: 500px;
}


/*#end.blurred * {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}*/

/* Opening Scene */

#opening-scene {
  background: url(../image-defaultpage/office2.jpg) no-repeat center 0 rgb(44,47,46);
  height: 100%;
  width: 100%;
  position: fixed;
}

#opening-container {
  position: fixed;
  width: 100%;
  opacity: 0;
}

#opening-scene p {
  color: #ffffff;
  font-size: 30px;
  line-height: 28px;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
  font-weight: 500;
}
i {
    font-style: italic;
}

#opening-scene h1 {
  background: url(../image-defaultpage/infoQuest2.png) no-repeat scroll center top;
  text-indent: -99999px;
  margin-top: 60px;
  width: 100%;
  height: 250px;
}

#office-decorations {
  background: url(../image-defaultpage/Office-Decorations.png) no-repeat scroll center top;
  height: 328px;
  position: fixed;
  width: 100%;
}

/*#chuck-glow {
  background: url(../image-defaultpage/chuckGlow.png) no-repeat scroll center top;
  height: 361px;
  position: fixed;
  width: 100%;
  top: 50%;
  margin-top: -180px;
}

#chuck {
  background: url(../image-defaultpage/chuckSprite.png) no-repeat scroll center bottom;
  height: 361px;
  position: fixed;
  width: 100%;
  top: 50%;
  margin-top: -180px;
}*/
#chuck {
  background: rgba(255,255,255,0.1) url(../image-defaultpage/chuckSprite.png) no-repeat scroll center top;
  height: 361px;
  position: fixed;
  width: 361px;
  left: 50%;
  margin-left: -180px;
  top: 70%;
  margin-top: -180px;
  border-radius: 50%;
}

#boss {
  height: 357px;
 /* background: url(../image-defaultpage/Boss.png) no-repeat scroll center center;*/
  position: fixed;
  width: 100%;
}

#boss-glow {
  height: 357px;
  /*background: url(../image-defaultpage/Boss-Glow.png) no-repeat scroll center top;*/
  position: fixed;
  width: 100%;
}

/* Dialogue 1 */

#dialogue1 {
  background: url(../image-defaultpage/Dialogue1.png) no-repeat scroll center top;
  position: fixed;
  height: 400px;
  width: 100%;
  top: 100%;
  z-index: 201;
}

#dialogue1-container {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

#boss-dialogue1 {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  width: 590px;
  position: absolute;
  top: 40px;
  left: 425px;
}

#chuck-dialogue1 {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  width: 440px;
  position: absolute;
  top: 250px;
  left: 30px;
}

/* Level 1 Hard Drive Hell */

#level1 {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 200;
  /*background: green;
  opacity: 0.25;*/
}

#level1-curtain {
  background: url(../image-defaultpage/level1-curtain.png) no-repeat scroll center top;
  position: absolute;
  height: 183px;
  width: 100%;
  top: 399px;
}

#level1-curtain h2 {
  color: #ffffff;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 12px;
  text-align: center;
  text-transform: uppercase;
}

#level1-curtain p {
  color: #00b8b6;
  font-size: 44px;
  text-align: center;
  text-transform: uppercase;
}

.cand1 {
    float: left;
    font-size: 27px !important;
    margin-left: 13%;
	margin-top:3%;
    width: 25%;
}
.corp1 {
    float: right;
    font-size: 27px !important;
    margin-right: 13%;
    margin-top: 3%;
    width: 25%;
}
.head-circle {
	font-size:18px;
    color: #00B8B6;
}
.c1, .c2, .c3, .c4, .c5 {
    position: absolute;
    width: 30px;
	height: 18px;
}
.c2 {
    background-color: #7bc144;
}
.c3 {
    background-color: #003336;
}
.c4 {
    background-color: #003336;
}
.c5 {
    background-color: #FFFFFF;
}
.c1 {
    background-color: #d04f2a;
}

#level1-background1 {
  background: #242d2a url(../image-defaultpage/level1-background-1.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  height: 1662px;
  /*opacity: 0.5;*/

}


#level1-background2 {
  background: url(../image-defaultpage/level1-background-2.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  height: 1662px;
  /*z-index: 206;*/
  /*opacity: 0.5;*/
}

#chuck-glow1 {
  background: url(../image-defaultpage/chuckGlow-HD.png) no-repeat scroll center top;
  height: 361px;
  position: fixed;
  width: 100%;
  top: 50%;
  margin-top: -180px;
  z-index: 203;
}

#chuck1 {
  background: url(../image-defaultpage/chuckSprite.png) no-repeat scroll center bottom;
  height: 361px;
  position: fixed;
  width: 100%;
  top: 50%;
  margin-top: -180px;
}

#level1-stats-wrap {
  width: 1100px;
  position: absolute;
  left: 50%;
  margin-left: -550px;
  height: 1600px;
  /*background: red;
  opacity: 0.2;*/
  z-index: 203;
}

#microchip {
  background: url(../image-defaultpage/facebook.png) no-repeat scroll center top;
  width: 278px;
  padding-top: 278px;
  z-index: 204;
  position: absolute;
  top: -366px; /* 406px is good for title delay */
  right: 20px;
  /*display: none;*/
  text-align: center;
}

#level1-wrap {
  background: url(../image-defaultpage/usb.gif) no-repeat scroll left top;
  width: 1100px;
  left: 50%;
  margin-left: -550px;
  padding-top: 330px;
  position: absolute;
  /*z-index: 205;*/
  top: 806px;
}

.l2 {
    color: #00B8B6;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
#fan p{ text-align:center !important;}

#middle-usb {
  width: 296px;
  height: 444px;
  /*background: url(../image-defaultpage/usb1.png) no-repeat scroll center top;*/
  position: absolute;
  top: -1px;
  z-index: 200;
}

.usb-content {
  content: '';
  display: block;
  width: 296px;
  height: 164px;
  background: #242d2a;
  position: absolute;
  bottom: -140px;
  z-index: 206;
}

#fan {
  background: url(../image-defaultpage/Base.png) no-repeat scroll center top;
  width: 373px;
  padding-top: 373px;
  z-index: 204;
  position: absolute;
  top: 250px;
  right: -60px;
  text-align: center;
}

#wheel {
  background: url(../image-defaultpage/Wheel.png) no-repeat scroll center center;
  width: 373px;
  padding-top: 373px;
  z-index: 204;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
}

#blade {
  background: url(../image-defaultpage/Blades.png) no-repeat scroll center center;
  width: 373px;
  padding-top: 373px;
  z-index: 204;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
}

#level1-wrap h3, .usb-content h3 {
  font-size: 44px;
  color: #00b8b6;
  margin-top: 25px;
  margin-bottom: 8px;
  text-align: center;
  font-weight: bold;
}

.usb-content p {
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

#level1-wrap p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: left;
    text-transform: uppercase;
    width: 395px;
}

/* Dialogue 2 */

#dialogue2 {
  background: url(../image-defaultpage/Dialogue-3.gif) no-repeat scroll center top;
  /*position: fixed;*/
  position: absolute;
  top: 1662px;
  height: 400px;
  width: 100%;
  /*top: 100%;*/
  z-index: 300;
}

.dialogue2-container {
  width: 960px;
  margin: 0 auto;
}

.dialogue2-container p {
    font-size: 22px;
    left: 564px;
    line-height: 25px;
    position: relative;
    text-align: center;
    top: 155px;
    width: 510px;
}

.dialogue2-container a {
    color: #F7921E;
    text-decoration: none;
}
/* Level 2 */

#level2 {
  background: #24343b;
  /*opacity: .25;*/
  position: fixed;
  height: 1657px;
  width: 100%;
  top: 100%;
}

#level2-curtain {
  background: url(../image-defaultpage/level1-curtain.png) no-repeat scroll center top;
  height: 186px;
  position: absolute;
  z-index: 300;
  width: 100%;
  top: 2062px;
}

#level2-curtain h2 {
  color: #ffffff;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 12px;
  text-align: center;
  text-transform: uppercase;
}

#level2-curtain p {
  color: #43b4e7;
  font-size: 44px;
  text-align: center;
  text-transform: uppercase;
}

#level2-background1 {
  background: #242d2a url(../image-defaultpage/level2-background.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  height: 1657px;
  
}

#chuck-glow2 {
  background: url(../image-defaultpage/chuckGlow2.png) no-repeat scroll center top;
  height: 361px;
  position: fixed;
  width: 100%;
  top: 50%;
  margin-top: -180px;
  
}

#chuck2 {
  background: url(../image-defaultpage/Boat.png) no-repeat scroll center bottom;
  height: 272px;
  position: fixed;
  width: 100%;
  margin-top: 44px;
}

#wave1 {
  background: url(../image-defaultpage/Wave-1.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  height: 516px;
  top: 660px;
  
}

#wave2 {
  background: url(../image-defaultpage/Wave-2.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  height: 516px;
  top: 1360px;
  z-index: 202;
}

#level2-wrap {
  width: 1100px;
  position: absolute;
  left: 50%;
  margin-left: -550px;
  height: 1600px;
  /*background: red;
  opacity: 0.2;*/
}

#paperclip {
  background: url(../image-defaultpage/Paperclip1.png) no-repeat scroll center top;
  width: 373px;
  height: 1200px;
  position: absolute;
  top: 0px;
  right: 80px;
  text-align: center;
}

#paperclip .content {
  position: absolute;
  bottom: 40px;
  right: -90px;
}

#boot .content {
  position: absolute;
  top: 30px;
  right: 70px;
}

#paperclip .content p, #mailbox .content p, #boot .content p {
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 22px;
  text-transform: uppercase;
}

#paperclip .content h3, #mailbox .content h3, #boot .content h3 {
  font-size: 44px;
  color: #43b4e7;
  text-align: left;
  margin-bottom: 8px;
}

#mailbox .content {
  position: absolute;
  left: 0px;
  bottom: 30px;
}

#mailbox .content h3 {
  text-align: left;
}

#mailbox .content p {
  text-align: left;
}

#mailbox {
  background: url(../image-defaultpage/65.png) no-repeat scroll right top;
  width: 376px;
  height: 425px;
  position: absolute;
  top: 580px;
  left: -30px;
  text-align: right;
  z-index: 210;
}


#boot {
  background: url(../image-defaultpage/Boot.png) no-repeat scroll right top;
  width: 376px;
  height: 425px;
  position: absolute;
  top: 1055px;
  right: 0px;
  text-align: right;
  z-index: 201;
}

/* Dialogue 3 */

#dialogue3 {
  background: url(../image-defaultpage/Dialogue-3.gif) no-repeat scroll center top;
  position: fixed;
  /*position: absolute;*/
  height: 400px;
  width: 100%;
  bottom: 0px;
  z-index: 300;
}


/* Level 3 */
#level3 {
  position: fixed;
  height: 2226px;
  width: 100%;
  bottom: 0px;
  background: #3b2422;
}

#level3-curtain {
  background: url(../image-defaultpage/level1-curtain.png) no-repeat scroll center top;
  height: 169px;
  position: absolute;
  z-index: 300;
  width: 100%;
  top: 400px;
}

#level3-curtain h2 {
  color: #ffffff;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 12px;
  text-align: center;
  text-transform: uppercase;
}

#level3-curtain p {
  color: #f94f24;
  font-size: 44px;
  text-align: center;
  text-transform: uppercase;
}

#level3-background {
  background: url(../image-defaultpage/level3-background.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  top: 400px;
  height: 1657px;
}

#chuck-glow3 {
  background: url(../image-defaultpage/glow3.png) no-repeat scroll center top;
  height: 361px;
  position: fixed;
  width: 100%;
  top: 50%;
  margin-top: -180px;
  
}

#chuck3 {
  background: url(../image-defaultpage/planeSprite.png) no-repeat scroll center bottom;
  height: 360px;
  position: fixed;
  width: 100%;
}

#cloud1 {
  background: url(../image-defaultpage/Cloud-1.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  height: 732px;
  top: 880px;
  z-index: 201;
}

#cloud2 {
  background: url(../image-defaultpage/Cloud-2.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  height: 348px;
  top: 1390px;
  z-index: 203;
}

#level3-wrap {
  width: 1100px;
  position: absolute;
  left: 50%;
  margin-left: -550px;
  height: 1600px;
}

#building {
  background: url(../image-defaultpage/Building.png) no-repeat scroll right top;
  width: 384px;
  height: 926px;
  position: absolute;
  top: 700px;
  left: -80px;
  text-align: right;
  z-index: 202;
}

#parachute {
  background: url(../image-defaultpage/Parachute.png) no-repeat scroll right top;
  width: 319px;
  height: 450px;
  position: absolute;
  top: 800px;
  right: 30px;
  text-align: center;
}

#building .content p, #parachute .content p, #cloud-stat .content p {
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 22px;
  text-transform: uppercase;
}

#building .content h3,  #parachute .content h3, #cloud-stat .content h3 {
  font-size: 44px;
  color: #f94f24;
  text-align: left;
  margin-bottom: 8px;
}

 #parachute .content p,  #parachute .content h3, #cloud-stat .content h3, #cloud-stat .content p {
   text-align: center;
 }

#building .content {
  position: absolute;
  left: 240px;
  top: 200px;
}

 #parachute .content {
   position: absolute;
   left: 90px;
   top: 370px;
 }

 #cloud-stat .content {
   position: absolute;
   top: 220px;
   left: 100px;
 }

 #cloud-stat {
   background: url(../image-defaultpage/Cloud-Stat.png) no-repeat scroll right top;
  width: 340px;
  height: 201px;
  position: absolute;
  top: 1220px;
  right: 0px;
  text-align: center;
  z-index: 204;
 }

 /* Dialogue 4 */

 #dialogue4 {
  background: url(../image-defaultpage/Dialogue-4.png) no-repeat scroll center top;
  position: fixed;
  /*position: absolute;*/
  height: 400px;
  width: 100%;
  bottom: 0px;
  z-index: 300;
}

/* Level 4 */
#dialogue4-container p{
 font-weight: normal;
    left: 646px;
    position: absolute;
    text-align: center;
    top: 128px;
    width: 390px;
	}

#level4 {
  position: fixed;
  height: 2226px;
  width: 100%;
  bottom: 0px;
  background: #374137;
  z-index: 209;
}

#level4-curtain {
  background: url(../image-defaultpage/level1-curtain.png) no-repeat scroll center top;
  height: 169px;
  position: absolute;
  z-index: 300;
  width: 100%;
  top: 400px;
}

#level4-curtain h2 {
  color: #ffffff;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 12px;
  text-align: center;
  text-transform: uppercase;
}

#level4-curtain p {
  color: #8ecb44;
  font-size: 44px;
  text-align: center;
  text-transform: uppercase;
}

#level4-background {
  background: url(../image-defaultpage/Decoration.png) no-repeat scroll center top;
  position: absolute;
  width: 100%;
  top: 400px;
  height: 1657px;
}

#level4-wrap {
  width: 1100px;
  position: absolute;
  left: 50%;
  margin-left: -550px;
  height: 1600px;
}

#exclaim .content p, #clock .content p, #chart .content p {
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 22px;
  text-transform: uppercase;
}

#exclaim .content h3,  #clock .content h3, #chart .content h3 {
  font-size: 44px;
  color: #8ecb44;
  text-align: left;
  margin-bottom: 8px;
  text-transform: uppercase;
}

 #clock .content p,  #clock .content h3, #chart .content h3, #chart .content p {
   text-align: center;
 }

#exclaim .content {
 position: absolute;
    right: -150px;
    top: 315px;
}

 #clock .content {
    left: 50%;
    margin-left: -212px;
    position: absolute;
    top: 355px;
    width: 425px;
 }

 #chart .content {
    left: 50%;
    margin-left: -160px;
    position: absolute;
    top: 329px;
    width: 319px;
}
.l7 {
    color: #8ECB44;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

 #clock {
  background: url(../image-defaultpage/Clock.png) no-repeat scroll center top;
  width: 425px;
  height: 328px;
  position: absolute;
  top: 600px;
  left: -80px;
  text-align: right;
  z-index: 202;
}

#exclaim {
  background: url(../image-defaultpage/Bubble.png) no-repeat scroll right top;
  height: 328px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 276px;
    width: 455px;
}

#chart {
   background: url(../image-defaultpage/Board.png) no-repeat scroll right top;
  width: 319px;
  height: 304px;
  position: absolute;
  top: 1040px;
  right: 0px;
  text-align: center;
  z-index: 204;
 }

 #chuck-glow4 {
  background: url(../image-defaultpage/glow4.png) no-repeat scroll center top;
  height: 361px;
  position: fixed;
  width: 100%;
  top: 50%;
  margin-top: -180px;
  
}

#chuck4 {
  background: url(../image-defaultpage/chuckSprite.png) no-repeat scroll center center;
  height: 360px;
  position: fixed;
  width: 100%;
}

/* Dialogue 5 */

#dialogue5 {
  background: url(../image-defaultpage/Dialogue-5.png) no-repeat scroll center top;
  position: absolute;
  height: 400px;
  width: 100%;
  bottom: -400px;
  z-index: 300;
}

/* Final Scene */

#final-scene {
  position: absolute;
  height: 2226px;
  width: 100%;
  bottom: -2626px;
  background: #2c2f2e;
  z-index: 299;
  /*opacity: 0.25;*/
}

#chuck5-wrap {
  height: 360px;
  width: 1100px;
  position: fixed;
  /*background: red;
  opacity: 0.5;*/
  left: 50%;
  top: 50%;
  margin-top: -180px;
  margin-left: -550px;
}

#chuck-glow5 {
  height: 360px;
  position: fixed;
  width: 360px;
  left: 50%;
  margin-left: -180px;
  margin-top: -180px;
}

#glow-grow {
  background: rgba(255,255,255,0.1) url(../image-defaultpage/final-scene-glow.png) no-repeat scroll center center;
  border-radius: 50%;
  position: absolute;
  width: 360px;
  height: 360px;
  left: 50%;
  top: 50%;
  margin-left: -180px;
  margin-top: -180px;
}

#chuck-victory {
  background: url(../image-defaultpage/chuck-victory.png) no-repeat scroll center bottom;
  height: 360px;
  position: absolute;
  width: 360px;
  top: 50%;
  margin-top: -180px;
  left: 50%;
  margin-left: -180px;
  display: none;
}

#chuck5 {
  background: url(../image-defaultpage/chuckSprite.png) no-repeat scroll center bottom;
  height: 360px;
  position: absolute;
  width: 360px;
  top: 50%;
  margin-top: -180px;
  left: 50%;
  margin-left: -180px;
}

#final-office-decorations {
  background: url(../image-defaultpage/Office-Decoration.png) no-repeat scroll center top;
  width: 1264px;
  height: 809px;
  left: 50%;
  margin-left: -632px;
  position: absolute;
  top: 100px;
}

#hand {
  background: url(../image-defaultpage/hand.png) no-repeat scroll center top;
  width: 211px;
  height: 1775px;
  left: 50%;
  margin-left: -105px;
  position: fixed;
  top: 100%;
  z-index: 205;
}

/* End */

#end {
  background: #71c9f1;
  height: 103%;
  width: 100%;
  position: fixed;
  z-index: 1000;
  overflow: hidden;
}

#clouds {
  background: url(../image-defaultpage/Clouds.png) no-repeat scroll center top;
  width: 1506px;
  height: 362px;
  left: 50%;
  margin-left: -753px;
  position: absolute;
  top: 80px;
}

#sunrays {
  background: url(../image-defaultpage/sunrays.png) no-repeat scroll center center;
  width: 2402px;
  height: 2402px;
  left: 50%;
  top: -45%;
  margin-left: -1201px;
  position: absolute;
}

#end-cloud {
  background: url(../image-defaultpage/end-Cloud.png) no-repeat scroll center center;
  width: 2400px;
  height: 606px;
  left: 50%;
  bottom: 0px;
  margin-left: -1200px;
  position: absolute;
  text-align: center;
}

#end-cloud p.end-text {
  color: #404040;
  font-weight: normal;
  font-size: 32px;
  line-height: 50px;
}

#end-cloud p.ethos-logo {
  margin-top: 266px;
  margin-bottom: 33px;
}

#end-cloud p.end-cta a {
  display: inline-block;
  background: #71c9f1;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 20px 40px;
  text-decoration: none;
  font-size: 34px;
  margin-top: 46px;
}

#blue-mountains {
  background: url(../image-defaultpage/Blue-Mountain.png) no-repeat scroll center center;
  width: 1900px;
  height: 618px;
  left: 50%;
  bottom: 0px;
  margin-left: -950px;
  position: absolute;
}

#white-mountains {
  background: url(../image-defaultpage/White-Mountain.png) no-repeat scroll center center;
  width: 992px;
  height: 243px;
  left: 50%;
  bottom: 450px;
  margin-left: -496px;
  position: absolute;
}

#banner {
  background: url(../image-defaultpage/Banner.png) no-repeat scroll center center;
  width: 1032px;
  height: 134px;
  left: 50%;
  bottom: 380px;
  margin-left: -516px;
  position: absolute;
}

#banner h2 {
  text-align: center;
  font-size: 90px;
  color: #ffffff;
  line-height: 134px;
  text-transform: uppercase;
}

#end-file {
  background: url(../image-defaultpage/end-file.png) no-repeat scroll center center;
  width: 319px;
  height: 395px;
  left: 50%;
  bottom: 115px;
  margin-left: -160px;
  position: absolute;
}

#end-chuck {
  background: url(../image-defaultpage/end-chuck1.png) no-repeat scroll center center;
  width: 300px;
  height: 400px;
  left: 46%;
  bottom: 428px;
  margin-left: -86px;
  position: absolute;
}
#dialogue3-container, #dialogue4-container, #dialogue5-container {
  width: 1100px;
  margin: 0 auto;
  font-size: 22px;
  line-height: 24px;
  position: relative;
}

#dialogue3-container p{
  position: absolute;
  top: 140px;
  left: 660px;
  text-align: center;
  width: 390px;
  font-weight: normal;
}
#stranger-text p{
    font-weight: normal;
    left: 160px;
    position: absolute;
    text-align: center;
    top: 40px;
    width: 390px;
	}
	
#stranger-text a {
    color: #F7921E;
    text-decoration: none;
}
#dialogue5-container #chuck5-text {
  position: absolute;
  width: 480px;
  text-align: center;
  font-weight: normal;
  top: 265px;
  left: 90px;
  font-size: 18px;
}

#dialogue5-container #stranger-text {
   position: absolute;
  width: 480px;
  text-align: center;
  font-weight: normal;
  top: 60px;
  left: 495px;
   font-size: 18px;
}

#dialogue3-container p strong, #dialogue4-container p strong,  #dialogue5-container p strong  {
  font-weight: bold;
}


/* Mobile/Phone */

#mobile-opening-scene {
  background: #2c2f2e;
  position: fixed;
  width: 100%;
  height: 100%;
}

#mobile-opening-container {
  width: 539px;
  text-align: center;
  left: 50%;
  top: 30px;
  margin-left: -269px;
  position: fixed;
}

#mobile-opening-container p{
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
}

#mobile-opening-container h1 {
  text-indent: -99999px;
  background: url(/dms/wac/images/landing/idea-quest/640/info-quest.png) no-repeat scroll center center;
  width: 100%;
  height: 133px;
}

/*#mobile-chuck-glow {
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  height: 400px;
  width: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -200px;
}

#mobile-chuck-opening {
  background: url(../image-defaultpage/chuckSprite.png) no-repeat scroll center bottom;
  height: 361px;
  position: fixed;
  width: 400px;
  top: 50%;
  margin-top: -180px;
}*/

#mobile-chuck-opening {
  background: rgba(255,255,255,0.1) url(../image-defaultpage/chuckSprite.png) no-repeat scroll center top;
  height: 361px;
  position: fixed;
  width: 361px;
  left: 50%;
  margin-left: -180px;
  top: 70%;
  margin-top: -180px;
  border-radius: 50%;
}

#mobile-decorations-opening {
  background: url(/dms/wac/images/landing/idea-quest/640/office-decorations.png) no-repeat scroll center bottom;
  position: fixed;
  height: 571px;
  width: 100%;
  top: 100%;
}

#mobile-boss {
  height: 357px;
  background: url(../image-defaultpage/Boss.png) no-repeat scroll center center;
  position: fixed;
  width: 100%;
}

#mobile-boss-glow {
  height: 357px;
  background: url(../image-defaultpage/Boss-Glow.png) no-repeat scroll center top;
  position: fixed;
  width: 100%;
}

#mobile-dialogue-1 {
  background: #ef9100 url(/dms/wac/images/landing/idea-quest/640/Dialogue-1.png) no-repeat scroll center 0;
  height: 958px;
  width: 100%;
  position: fixed;
  top: 100%;
  z-index: 201;
}

#mobile-level1 {
  background: #283530 url(/dms/wac/images/landing/idea-quest/640/level1-background.png) repeat-y scroll center 500px;
  height: 4500px;/*1955px;*/
  width: 100%;
  position: fixed;
  top: 100%;
}

#mobile-curtain1 {
  position: absolute;
  height: 122px;
  width: 100%;
  background: #000000;
  top: 100%;
}

#mobile-chuck-glow2 {
  background: rgba(0,184,182,0.1);
  border-radius: 50%;
  height: 268px;
  width: 268px;
  position: fixed;
  top: 50%;
  right: 5%;
  margin-top: -134px;
}

#mobile-chuck2 {
  background: url(../image-defaultpage/chuckSprite.png) no-repeat scroll center bottom;
  height: 361px;
  position: fixed;
  width: 268px;
  top: 50%;
  margin-top: -200px;
}

#mobile-microchip {
  background: url(/dms/wac/images/landing/idea-quest/640/microchip.png) no-repeat scroll center bottom;
  height: 218px;
  width: 217px;
  position: absolute;
  top: 600px;
  left: 7%;
  text-align: center;
}

#mobile-usb {
  background: url(/dms/wac/images/landing/idea-quest/640/usb.png) no-repeat scroll center bottom;
  height: 420px;
  width: 218px;
  position: absolute;
  top: 1072px;
  left: 7%;
  text-align: center;
}

#mobile-fan {
  background: url(/dms/wac/images/landing/idea-quest/640/Base.png) no-repeat scroll center top;
  width: 265px;
  padding-top: 265px;
  z-index: 204;
  position: absolute;
  top: 1800px;
  left: 5%;
  text-align: center;
}

#mobile-wheel {
  background: url(/dms/wac/images/landing/idea-quest/640/Wheel.png) no-repeat scroll center center;
  width: 265px;
  padding-top: 265px;
  z-index: 206;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
}

#mobile-blade {
  background: url(/dms/wac/images/landing/idea-quest/640/Blades.png) no-repeat scroll center center;
  width: 265px;
  padding-top: 265px;
  z-index: 204;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
}

#mobile-microchip p, #mobile-usb p, #mobile-fan p, #mobile-microchip h3, #mobile-usb h3, #mobile-fan h3 {
  
  text-align: center;

}

#mobile-microchip h3, #mobile-usb h3, #mobile-fan h3 {
  font-size: 60px;
  color: #00b8b6;
}

#mobile-microchip p, #mobile-usb p, #mobile-fan p {
  color: #ffffff;
  text-transform: uppercase;
  line-height: 29px;
  font-size: 18px;
}

#mobile-microchip .content, #mobile-usb .content, #mobile-fan .content {
  width: 265px;
  text-align: center;
  position: absolute;
  top: 290px;
  text-align: center;
}

#mobile-microchip .content {
  width: 218px;
  top: 242px;
}

#mobile-usb .content {
  width: 218px;
  top: 445px;
}

#mobile-dialogue-2 {
  background: #ef9100 url(/dms/wac/images/landing/idea-quest/640/Dialogue-2.png) no-repeat scroll center 0;
  height: 958px;
  width: 100%;
  position: fixed;
  top: 100%;
  z-index: 206;
}

#mobile-curtain2 {
  position: absolute;
  height: 122px;
  width: 100%;
  background: #000000;
  top: 100%;
}

/* Level 2 */

#mobile-level2 {
  background: #24343b url(/dms/wac/images/landing/idea-quest/640/level2-background.png) repeat-y scroll center 300px;
  height: 4500px;/*1955px;*/
  width: 100%;
  position: fixed;
  top: 100%;
}

#mobile-chuck-glow3 {
  background: rgba(0,184,182,0.1);
  border-radius: 50%;
  height: 268px;
  width: 268px;
  position: fixed;
  top: 50%;
  right: 5%;
  margin-top: -134px;
  z-index: 205;
}

#mobile-chuck3 {
  background: url(../image-defaultpage/Boat.png) no-repeat scroll center bottom;
  height: 272px;
  position: fixed;
  width: 268px;
  top: 50%;
  margin-top: -155px;
}

#mobile-attachment {
  background: url(/dms/wac/images/landing/idea-quest/640/attach.png) no-repeat scroll center bottom;
  height: 400px;
  width: 211px;
  position: absolute;
  top: 355px;
  left: 7%;
  text-align: center;
}

#mobile-email {
  background: url(/dms/wac/images/landing/idea-quest/640/email.png) no-repeat scroll center bottom;
  height: 345px;
  width: 295px;
  position: absolute;
  top: 1082px;
  left: 0px;
  text-align: center;
}

#mobile-boat {
  background: url(/dms/wac/images/landing/idea-quest/640/boot.png) no-repeat scroll center top;
  width: 339px;
  padding-top: 330px;
  position: absolute;
  top: 1730px;
  left: 5%;
  text-align: center;
}

#mobile-wave {
  background: url(/dms/wac/images/landing/idea-quest/640/wave.png) no-repeat scroll center top;
  width: 100%;
  position: absolute;
  top: 1880px;
  height: 421px;
  z-index: 202;
}

#mobile-attachment p, #mobile-email p, #mobile-wave p, #mobile-attachment h3, #mobile-email h3, #mobile-wave h3 {
  
  text-align: center;

}

#mobile-attachment h3, #mobile-email h3, #mobile-wave h3 {
  font-size: 60px;
  color: #43b4e7;
}

#mobile-attachment p, #mobile-email p, #mobile-wave p {
  color: #ffffff;
  text-transform: uppercase;
  line-height: 29px;
  font-size: 24px;
}

#mobile-attachment .content, #mobile-email .content, #mobile-wave .content {
  width: 339px;
  text-align: center;
  position: absolute;
  top: 180px;
  text-align: center;
}

#mobile-attachment .content {
  width: 211px;
  top: 425px;
}

#mobile-email .content {
  width: 295px;
  top: 370px;
}

#mobile-wave .content {
  z-index: 204;
}

#mobile-dialogue-3 {
  background: #ef9100 url(/dms/wac/images/landing/idea-quest/640/Dialogue-3.png) no-repeat scroll center 0;
  height: 958px;
  width: 100%;
  position: fixed;
  top: 100%;
  z-index: 201;
}

#mobile-curtain3 {
  position: absolute;
  height: 122px;
  width: 100%;
  background: #000000;
  top: 100%;
}

#mobile-level3 {
  background: #3b2422 url(/dms/wac/images/landing/idea-quest/640/level3-background.png) repeat-y scroll center 600px;
  height: 4500px;/*1955px;*/
  width: 100%;
  position: fixed;
  top: 100%;
}

#mobile-chuck-glow4 {
  background: rgba(249,79,36,0.1);
  border-radius: 50%;
  height: 268px;
  width: 268px;
  position: fixed;
  top: 50%;
  right: 5%;
  margin-top: -134px;
  z-index: 205;
}

#mobile-chuck4 {
  background: url(../image-defaultpage/planeSprite.png) no-repeat scroll center bottom;
  height: 360px;
  position: fixed;
  width: 504px;
  margin-left: -120px;
  top: 50%;
  margin-top: -200px;
}

#mobile-balloon {
  background: url(/dms/wac/images/landing/idea-quest/640/balloon.png) no-repeat scroll center bottom;
  height: 250px;
  width: 227px;
  position: absolute;
  top: 600px;
  left: 7%;
  text-align: center;
}

#mobile-cloud {
  background: url(/dms/wac/images/landing/idea-quest/640/cloud-stat.png) no-repeat scroll center bottom;
  height: 154px;
  width: 260px;
  position: absolute;
  top: 1150px;
  left: 7%;
  text-align: center;
}

#tower-wrap {
  width: 640px;
  margin: 0 auto;
  position: relative;
}

#mobile-tower {
  background: url(/dms/wac/images/landing/idea-quest/640/tower.png) no-repeat scroll center top;
  width: 289px;
  padding-top: 696px;
  z-index: 202;
  position: absolute;
  top: 1600px;
  left: 7%;
  text-align: center;
}

#mobile-cloud-bg {
  background: url(/dms/wac/images/landing/idea-quest/640/cloud.png) no-repeat scroll center top;
  width: 100%;
  position: absolute;
  top: 1980px;
  height: 412px;
  z-index: 204;
}

#mobile-balloon p, #mobile-cloud p, #mobile-cloud-bg p, #mobile-balloon h3, #mobile-cloud h3, #mobile-cloud-bg h3 {
  
  text-align: center;

}

#mobile-balloon h3, #mobile-cloud h3, #mobile-cloud-bg h3 {
  font-size: 60px;
  color: #f94f24;
}

#mobile-balloon p, #mobile-cloud p, #mobile-cloud-bg p {
  color: #ffffff;
  text-transform: uppercase;
  line-height: 29px;
  font-size: 24px;
}

#mobile-balloon .content, #mobile-cloud .content, #mobile-cloud-bg .content {
  width: 289px;
  text-align: center;
  position: absolute;
  top: 180px;
  text-align: center;
  left: 7%;
}

#mobile-balloon .content {
  width: 227px;
  top: 275px;
  left: 0%;
}

#mobile-cloud .content {
  width: 260px;
  top: 179px;
  left: 0%;
}




#mobile-dialogue-4 {
  background: #ef9100 url(/dms/wac/images/landing/idea-quest/640/Dialogue-4.png) no-repeat scroll center 0;
  height: 958px;
  width: 100%;
  position: fixed;
  top: 100%;
  z-index: 201;
}

#mobile-curtain4 {
  position: absolute;
  height: 122px;
  width: 100%;
  background: #000000;
  top: 100%;
}

#mobile-level4 {
  background: #374137 url(/dms/wac/images/landing/idea-quest/640/level4-background.png) repeat-y scroll center 600px;
  height: 4500px;/*1955px;*/
  width: 100%;
  position: fixed;
  top: 100%;
}

#mobile-chuck-glow5 {
  background: rgba(142,203,68,0.1);
  border-radius: 50%;
  height: 268px;
  width: 268px;
  position: fixed;
  top: 50%;
  right: 5%;
  margin-top: -134px;
  z-index: 205;
}

#mobile-chuck5 {
  background: url(../image-defaultpage/chuckSprite.png) no-repeat scroll center bottom;
  height: 360px;
  position: fixed;
  width: 504px;
  margin-left: -120px;
  top: 50%;
  margin-top: -200px;
}

#mobile-exclaim {
  background: url(/dms/wac/images/landing/idea-quest/640/exclaim.png) no-repeat scroll center bottom;
  height: 223px;
  width: 270px;
  position: absolute;
  top: 700px;
  left: 5%;
  text-align: center;
}

#mobile-clock {
  background: url(/dms/wac/images/landing/idea-quest/640/clock.png) no-repeat scroll center bottom;
  height: 274px;
  width: 274px;
  position: absolute;
  top: 1300px;
  left: 5%;
  text-align: center;
}

#mobile-chart {
  background: url(/dms/wac/images/landing/idea-quest/640/chart.png) no-repeat scroll center top;
  width: 280px;
  height: 267px;
  z-index: 202;
  position: absolute;
  top: 2000px;
  left: 5%;
  text-align: center;
}

#mobile-exclaim p, #mobile-clock p, #mobile-chart p, #mobile-exclaim h3, #mobile-clock h3, #mobile-chart h3 {
  
  text-align: center;

}

#mobile-exclaim h3, #mobile-clock h3, #mobile-chart h3 {
  font-size: 60px;
  color: #8ecb44;
}

#mobile-exclaim p, #mobile-clock p, #mobile-chart p {
  color: #ffffff;
  text-transform: uppercase;
  line-height: 29px;
  font-size: 18px;
}

#mobile-exclaim .content, #mobile-clock .content, #mobile-chart .content {
  width: 280px;
  text-align: center;
  position: absolute;
  top: 292px;
  text-align: center;
}

#mobile-exclaim .content {
  width: 270px;
  top: 248px;
}

#mobile-clock .content {
  width: 274px;
  top: 299px;
}

#mobile-dialogue-5 {
  background: #ef9100 url(/dms/wac/images/landing/idea-quest/640/Dialogue-5.png) no-repeat scroll center top;
  height: 958px;
  width: 100%;
  position: fixed;
  top: 100%;
  z-index: 201;
}

#mobile-curtain5 {
  position: absolute;
  height: 122px;
  width: 100%;
  background: #000000;
  top: 100%;
}

#mobile-end-scene {
  background: #2c2f2e;
  height: 4500px;/*1955px;*/
  width: 100%;
  position: fixed;
  top: 100%;
}

#mobile-chuck-glow6 {
  /*background: rgba(255,255,255,0.1);*/
  border-radius: 50%;
  height: 400px;
  width: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -200px;
}

#mobile-chuck6 {
  background: url(../image-defaultpage/chuckSprite.png) no-repeat scroll center bottom;
  height: 361px;
  position: fixed;
  width: 400px;
  top: 50%;
  margin-top: -180px;
}

#mobile-office-decoration {
  background: url(/dms/wac/images/landing/idea-quest/640/Final-Office-Decoration.png) no-repeat scroll center top;
  width: 100%;
  height: 571px;
  position: fixed;
  top: 100%;
}

/* End */

#mobile-end {
  background: #71c9f1;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;
  overflow: hidden;
}

#mobile-clouds {
  background: url(/dms/wac/images/landing/idea-quest/640/final-clouds.png) no-repeat scroll center top;
  width: 100%;
  height: 173px;
  position: absolute;
  top: 80px;
}

#mobile-sunrays {
  background: url(../image-defaultpage/sunrays.png) no-repeat scroll center center;
  width: 2402px;
  height: 2402px;
  left: 50%;
  margin-left: -1201px;
  bottom: -1000px;
  position: absolute;
}

#mobile-end-cloud {
  background: url(/dms/wac/images/landing/idea-quest/640/end-louds.png) no-repeat scroll center center;
  width: 100%;
  height: 355px;
  bottom: 0px;
  position: absolute;
  text-align: center;
}



/**********************/

#phone #mobile-end-cloud p.end-text {
  color: #068cba;
  font-weight: normal;
  font-size: 26px;
  line-height: 36px;
  width: 600px;
  margin: 0 auto;
  margin-top: 120px;
}

#phone #mobile-end-cloud p.ethos-logo {
  margin-top: 126px;
  margin-bottom: 16px;
  display: none;
}

#phone #mobile-end-cloud p.end-cta a {
  display: inline-block;
  background: #71c9f1;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 20px 40px;
  text-decoration: none;
  font-size: 34px;
  margin-top: 46px;
}

#mobile-blue-mountains {
  background: url(/dms/wac/images/landing/idea-quest/640/blue.png) no-repeat scroll center center;
  width: 1900px;
  height: 618px;
  left: 50%;
  bottom: 0px;
  margin-left: -950px;
  position: absolute;
}

#mobile-white-mountains {
  background: url(/dms/wac/images/landing/idea-quest/640/white-mt.png) no-repeat scroll center center;
  width: 100%;
  height: 151px;
  bottom: 250px;
  position: absolute;
}

#mobile-banner {
  background: url(/dms/wac/images/landing/idea-quest/640/Banner.png) no-repeat scroll center center;
  width: 538px;
  height: 70px;
  left: 50%;
  bottom: 260px;
  margin-left: -269px;
  line-height: 70px;
  position: absolute;
}

#mobile-banner h2 {
  text-align: center;
  font-size: 46px;
  color: #ffffff;
  line-height: 70px;
  text-transform: uppercase;
}

#mobile-end-file {
  background: url(../image-defaultpage/end-file.png) no-repeat scroll center center;
  width: 319px;
  height: 395px;
  left: 50%;
  bottom: 115px;
  margin-left: -160px;
  position: absolute;
}

#mobile-end-chuck {
  background: url(../image-defaultpage/end-chuck1.png) no-repeat scroll center center;
  width: 172px;
  height: 400px;
  left: 50%;
  bottom: 228px;
  margin-left: -86px;
  position: absolute;
}

.curtain-content h2 {
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 20px;
}

.curtain-content p {
  font-size: 60px !important;
  color: #00b8b6;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
}

#mobile-curtain1 p {
  color: #00b8b6;
}

#mobile-curtain2 p {
  color: #43b4e7;
  font-size: 48px !important;
}

#mobile-curtain3 p {
   color: #f94f24; 
}

#mobile-curtain4 p {
   color: #8ecb44; 
}

.mobile-dialog-wrap {
  width: 640px;
  margin: 0 auto;
  position: relative;
}

.mobile-dialog-wrap p {
  text-align: center;
  width: 340px;
  font-family: "proxima-nova";
  font-weight: 500;
  font-size: 24px;

}

#mobile-boss-dialogue1 {
  position: absolute;
  top: 60px;
  left: 290px;
}

#mobile-boss-dialogue1 p {
   width: 323px;
}

#mobile-chuck-dialogue1 {
  position: absolute;
  top: 560px;
  left: 40px;
}

#mobile-chuck-dialogue1 p {
  width: 310px;
}

.mobile-standard-wrap {
  position: absolute;
  top: 140px;
  left: 235px;
}

#mobile-dialogue-4 .mobile-standard-wrap {
  top: 110px;
}

#mobile-chuck5-text {
  position: absolute;
  top: 530px;
  left: 25px;
}

#mobile-chuck5-text p {
  width: 320px;
}

#mobile-stranger-text {
  position: absolute;
  top: 60px;
  left: 285px;
}

#mobile-stranger-text p {
  width: 320px;
}



#landscape-mode {
  display: none;
}

@media (orientation: landscape) {
  body #mobile-wrap { 
    display: none;
  }
  body {
    background: #2c2f2e;
  }

  body #phone #landscape-mode {
    display: block;
    font-size: 60px;
    text-align: center;
    margin-top: 80px;
    color: #ffffff;
  }
}



@media only screen and (max-width: 1430px) {
	.source {
    margin: 550px 0 0 1%;
	width: 350px;
}
#end {
    background: none repeat scroll 0 0 #71C9F1;
    height: 119%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#end-cloud {
    background: url("../image-defaultpage/end-Cloud.png") no-repeat scroll center center transparent;
    bottom: 0;
    height: 664px;
    left: 50%;
    margin-left: -1200px;
    position: absolute;
    text-align: center;
    width: 2400px;
}
}

@media only screen and (max-width: 1290px) {
	
	

#end {
    background: none repeat scroll 0 0 #71C9F1;
    height: 136%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#end-cloud {
    background: url("../image-defaultpage/end-Cloud.png") no-repeat scroll center center transparent;
    bottom: 0;
    height: 690px;
    left: 50%;
    margin-left: -1200px;
    position: absolute;
    text-align: center;
    width: 2400px;
}
}