.screen .h1{font:34px "gotham_problack","Arial Black",sans-serif;text-transform:uppercase}
.screen .h2{font:16px "gotham_problack","Arial Black",sans-serif;text-transform:uppercase}
.screen .text{font-size:16px;line-height:22px}
.screen .rotate45{
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.screen .shadow30{
-webkit-box-shadow: 0 5px 30px 0 rgba(1,1,1,0.15);
box-shadow: 0 5px 30px 0 rgba(1,1,1,0.15);
}
.screen .shadow57{
-webkit-box-shadow: 0 0 57px 0 rgba(1,1,1,0.3);
box-shadow: 0 0 57px 0 rgba(1,1,1,0.3);
}

#screen-1{height:651px;background-image:url(../case/screen-1-bg.jpg);background-position:50% 50%;background-repeat:no-repeat}
#screen-2{height:517px;background:white}
#screen-3{height:823px;background-image:url(../case/screen-3-6-8-bg.jpg);background-position:50% 50%;background-repeat:no-repeat}
#screen-4{height:902px;background:#e4e4e4 url(../case/screen-4-bg.png) 0 0 repeat-x}
#screen-5{height:1496px;background:white}
#screen-6{height:979px;background-image:url(../case/screen-3-6-8-bg.jpg);background-position:50% 50%;background-repeat:no-repeat}
#screen-7{height:604px;background:white}
#screen-8{height:815px;background-image:url(../case/screen-3-6-8-bg.jpg);background-position:50% 50%;background-repeat:no-repeat}

/* Screen 1 */
#screen-1 .s1z1{position:absolute;top:136px;left:57px}
#screen-1 .s1z2{position:absolute;top:278px;left:57px;width:440px;padding:45px 50px;background:url(../case/screen-1-z2-bg.jpg) 0 -35px no-repeat;color:white}
#screen-1 .s1z2 .h2{margin-bottom:24px;font-size:22px}
/* .Screen 1 */

/* Screen 2 */
#screen-2 .s2z1{position:absolute;bottom:0;left:30px}
#screen-2 .s2z2{position:absolute;top:96px;left:595px;max-width:505px;color:#1b1b1b}
#screen-2 .s2z3{position:absolute;top:182px;left:595px;max-width:505px;color:#b70034;font:60px "gotham_problack","Arial Black",sans-serif;text-transform:uppercase}
#screen-2 .s2z4{position:absolute;top:264px;left:595px;max-width:505px;color:#0d1011}
#screen-2 .s2z5{position:absolute;bottom:107px;left:500px;width:200px;color:#1b1b1b;text-align:center}
#screen-2 .s2z6{position:absolute;bottom:55px;left:581px;width:34px;height:34px;border:2px solid #bebebe;border-radius:50%}
#screen-2 .s2z6 .arrow{width:8px;height:8px;margin:10px auto;border-bottom:2px solid #bebebe;border-right:2px solid #bebebe}
/* .Screen 2 */

/* Screen 3 */
#screen-3 .s3b1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35)}
#screen-3 .s3z1{position:absolute;top:164px;left:243px;width:712px;height:494px;border:1px solid white;border-radius:3px}
#screen-3 .s3z1 .browser-top{height:26px;border-bottom:1px solid white;padding:0 10px;background:rgba(0,0,0,0.2)}
#screen-3 .s3z1 .browser-top .round{float:left;width:8px;height:8px;margin:9px 5px 9px 0;background:white;border-radius:50%}
#screen-3 .s3z1 .browser-contents{height:467px;background:rgba(255,255,255,0.08)}
/* .Screen 3 */

/* Screen 4 */
#screen-4 .s4z1{position:absolute;top:77px;left:581px;width:34px;height:34px;border:2px solid #bebebe;border-radius:50%}
#screen-4 .s4z1 .arrow{width:8px;height:8px;margin:10px auto;border-bottom:2px solid #bebebe;border-right:2px solid #bebebe}
#screen-4 .s4z2{position:absolute;top:149px;left:55px;max-width:400px;color:#0d1011}
#screen-4 .s4z3{position:absolute;top:201px;left:55px;max-width:400px;color:#0d1011}
#screen-4 .s4z4{position:absolute;top:298px;left:55px;max-width:400px;color:#0d1011}
#screen-4 .s4z5{position:absolute;top:343px;left:55px}
#screen-4 .s4z6{position:absolute;top:150px;right:0}
/* .Screen 4 */

/* Screen 5 */
#screen-5 .s5z1{position:absolute;top:100px;left:350px;width:500px;color:#0d1011;text-align:center}
#screen-5 .s5z2{position:absolute;top:150px;left:350px;width:500px;color:#0d1011;text-align:center}
#screen-5 .s5z3{position:absolute;top:268px;left:147px}
#screen-5 .bubble{width:190px;padding:18px 25px;background:white;color:#0d1011;font-size:12px;line-height:16px}
#screen-5 .bubble{
-webkit-box-shadow: 0 5px 10px 0 rgba(1,1,1,0.13);
box-shadow: 0 5px 10px 0 rgba(1,1,1,0.13);
}
#screen-5 .bubble::after{
-webkit-box-shadow: 0 4px 5px 0 rgba(1,1,1,0.06);
box-shadow: 0 4px 5px 0 rgba(1,1,1,0.06);
}
#screen-5 .bubble::after{content:"";position:absolute;bottom:-7px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid white}
#screen-5 .bubble-left::after{
right:15px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#screen-5 .bubble-right::after{
left:15px;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#screen-5 .s5z4{position:absolute;top:360px;right:46px}
#screen-5 .s5z5{position:absolute;top:723px;left:54px}
#screen-5 .s5z6{position:absolute;bottom:385px;right:46px}
/* .Screen 5 */

/* Screen 6 */
#screen-6 .s6b1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
#screen-6 .s6z1{position:absolute;top:107px;left:666px;max-width:429px}
#screen-6 .s6z2{position:absolute;top:160px;left:666px;max-width:429px}
#screen-6 .s6z3{position:absolute;top:292px;left:666px;max-width:429px}
#screen-6 .s6z4{position:absolute;top:111px;left:58px}
#screen-6 .s6z5{position:absolute;top:350px;right:105px}
/* .Screen 6 */

/* Screen 7 */
#screen-7 .s7z1{position:absolute;top:98px;left:330px;width:540px;color:#0d1011;text-align:center}
#screen-7 .s7z2{position:absolute;top:149px;left:330px;width:540px;color:#0d1011;text-align:center}
#screen-7 .s7z3{position:absolute;top:279px;left:57px}
#screen-7 .s7z4{position:absolute;top:361px;left:57px}
#screen-7 .s7z5{position:absolute;top:451px;left:57px}
#screen-7 .s7z5 .color{float:left;width:32px;height:32px}
#screen-7 .s7z6{position:absolute;top:279px;left:409px}
#screen-7 .s7z6{
-webkit-box-shadow: 0 0 45px 0 rgba(1,1,1,0.2);
box-shadow: 0 0 45px 0 rgba(1,1,1,0.2);
}
#screen-7 .s7z7{position:absolute;top:278px;right:57px}
#screen-7 .s7z7{
-webkit-box-shadow: 0 2px 20px 0 rgba(1,1,1,0.15);
box-shadow: 0 2px 20px 0 rgba(1,1,1,0.15);
}
/* .Screen 7 */

/* Screen 8 */
#screen-8 .s8b1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
#screen-8 .s8z1{position:absolute;top:97px;left:57px}
#screen-8 .s8z2{position:absolute;top:121px;left:677px;max-width:400px}
#screen-8 .s8z3{position:absolute;top:174px;left:677px;max-width:400px}
#screen-8 .s8z4{position:absolute;top:268px;left:677px;max-width:400px}
#screen-8 .s8z5{position:absolute;top:305px;left:677px;max-width:400px}
#screen-8 .s8z5 ul{width:100%;margin:0;padding:0;list-style:none}
#screen-8 .s8z5 ul li{display:block;float:left;min-width:30%;padding:5px 4%}
#screen-8 .s8z5 ul li::before{content:"";position:absolute;display:block;width:4px;height:4px;margin:9px 0 0 -4%;border-radius:50%;background:white}
#screen-8 .s8z6{position:absolute;top:405px;left:677px;max-width:400px;font-size:13px;line-height:18px;font-style:italic}
#screen-8 .s8z7{position:absolute;bottom:170px;left:390px;display:block;width:374px;height:70px;padding-left:46px;font-size:20px;line-height:70px;background:#3a3a3a url(../case/screen-8-z7-link.png) 32px 24px no-repeat;color:white;text-decoration:none;text-align:center}
#screen-8 .s8z7{
   -webkit-transition: all 0.4s ease-out;
   -moz-transition: all 0.4s ease-out;
   -ms-transition: all 0.4s ease-out;
   -o-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;
}
#screen-8 .s8z7:hover,
#screen-8 .s8z7:active{background-color:#f21d4a;color:white;text-decoration:none}
/* .Screen 8 */

/* Route */
.route .v{position:absolute;z-index:1;left:50%;width:4px;height:0;background:url(../case/route-vert.png) 0 0 repeat-y}
#route1{top:1171px;height:195px;margin-left:-2px}
#route2{top:1893px;height:215px;margin-left:-2px}
/* .Route */