.screen .h1{font:700 44px/52px 'Fira Sans',sans-serif}
.screen .h15{font:700 36px/44px 'Fira Sans',sans-serif}
.screen .h2{font:30px "pf_reminder_promedium",Arial,sans-serif;letter-spacing:1px}
.screen .note{font:20px/26px "pf_reminder_promedium",Arial,sans-serif;letter-spacing:1px}
.screen .text{font-size:20px;line-height:28px}
.screen .small-text{font-size:16px;line-height:23px}
.screen .green{color:#7ebf00}
.screen .arrow{width:88px;height:69px;background:url(../case/arrow.png) 0 0 no-repeat}
.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-1{height:683px;background-image:url(../case/screen-1-bg.jpg);background-position:50% 50%;bockground-size:cover}
#screen-2{height:511px;background:url(../case/screen-2-bg.jpg) 0 0 repeat;color:#3b2927}
#screen-3{height:619px;background-image:url(../case/screen-3-bg.jpg);background-position:50% 50%;bockground-size:cover;color:#3b2927}
#screen-4{height:713px;background:#3f2e2d url(../case/screen-4-bg.jpg) 0 0 repeat-x;color:white}
#screen-5{height:2350px;background:url(../case/wood-texture.jpg) 0 0 repeat;color:white}

/* Screen 1 */
#screen-1 .back{}
#screen-1 .s1b1{position:absolute;z-index:3;bottom:0;right:0;width:100%;min-width:1640px;height:258px;background:url(../case/screen-1-b1.png) 0 0 no-repeat}
#screen-1 .s1b2{position:absolute;z-index:2;bottom:0;left:0;width:100%;min-width:1640px;height:257px;background:url(../case/screen-1-b2.png) right 0 no-repeat}
#screen-1 .s1b3{position:absolute;z-index:3;bottom:0;left:0;width:100%;height:75px;background:url(../case/screen-1-b3.png) -660px 0 repeat-x}
#screen-1 .s1z1{position:absolute;top:81px;left:49px}
#screen-1 .s1z2{position:absolute;top:81px;left:388px;max-width:400px;font-size:34px;line-height:40px}
#screen-1 .s1z3{position:absolute;top:235px;left:39px}
#screen-1 .s1z4{position:absolute;top:274px;left:197px}
#screen-1 .s1z5{position:absolute;top:534px;left:283px;max-width:160px}
#screen-1 .s1z6{position:absolute;bottom:133px;left:192px}
#screen-1 .s1z6{
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
#screen-1 .s1z6 .arrow{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#screen-1 .s1z7{position:absolute;bottom:0;right:-7px}
/* .Screen 1 */

/* Screen 2 */
#screen-2 .s2z1{position:absolute;top:169px;left:76px}
#screen-2 .s2z2{position:absolute;top:63px;left:300px;width:600px;text-align:center}
#screen-2 .s2z3{position:absolute;top:132px;left:300px;width:600px;text-align:center}
#screen-2 .s2z4{position:absolute;top:334px;left:123px;width:460px}
#screen-2 .s2z5{position:absolute;top:334px;left:666px;width:460px}
#screen-2 .s2z41,#screen-2 .s2z51{float:left;width:80px;height:80px;margin-right:26px;border:8px solid #7ebf00;border-radius:50%;background:url(../case/ok.png) 50% 50% no-repeat}
#screen-2 .s2z42,#screen-2 .s2z52{margin:4px 0}
/* .Screen 2 */

/* Screen 3 */
#screen-3 .s3b1{position:absolute;z-index:1;top:0;left:0;width:100%;height:23px}
#screen-3 .s3b1{
background: -moz-linear-gradient(top,  rgba(76,76,76,0.5) 0%, rgba(76,76,76,0.3) 10%, rgba(76,76,76,0.2) 20%, rgba(76,76,76,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,0.5)), color-stop(10%,rgba(76,76,76,0.3)), color-stop(20%,rgba(76,76,76,0.2)), color-stop(100%,rgba(76,76,76,0)));
background: -webkit-linear-gradient(top,  rgba(76,76,76,0.5) 0%,rgba(76,76,76,0.3) 10%,rgba(76,76,76,0.2) 20%,rgba(76,76,76,0) 100%);
background: -o-linear-gradient(top,  rgba(76,76,76,0.5) 0%,rgba(76,76,76,0.3) 10%,rgba(76,76,76,0.2) 20%,rgba(76,76,76,0) 100%);
background: -ms-linear-gradient(top,  rgba(76,76,76,0.5) 0%,rgba(76,76,76,0.3) 10%,rgba(76,76,76,0.2) 20%,rgba(76,76,76,0) 100%);
background: linear-gradient(to bottom,  rgba(76,76,76,0.5) 0%,rgba(76,76,76,0.3) 10%,rgba(76,76,76,0.2) 20%,rgba(76,76,76,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804c4c4c', endColorstr='#004c4c4c',GradientType=0 );
}
#screen-3 .s3b2{position:absolute;z-index:1;top:0;right:0;width:100%;min-width:1720px;height:100%;background:url(../case/screen-3-b2.png) 0 0 no-repeat}
#screen-3 .s3b3{position:absolute;z-index:1;top:0;left:0;width:100%;min-width:1720px;height:100%;background:url(../case/screen-3-b3.png) right 0 no-repeat}
#screen-3 .s3z1{position:absolute;top:100px;left:300px;width:600px;font-size:50px;line-height:56px;text-align:center}
#screen-3 .s3z2{position:absolute;top:0;left:112px;width:146px;height:235px;padding-left:2px;background:url(../case/screen-3-z2.png) 0 0 no-repeat;color:white}
#screen-3 .s3z21{margin-top:124px;font:700 38px 'Fira Sans',sans-serif;text-align:center}
#screen-3 .s3z22{font:18px "bebas_neueregular",sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px}
#screen-3 .s3z3{position:absolute;top:84px;right:121px;width:131px}
#screen-3 .s3z32{padding-top:4px;font:18px "bebas_neueregular",sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px}
#screen-3 .s3z4{position:absolute;bottom:50px;left:60px}
#screen-3 .s3z5{position:absolute;bottom:51px;left:459px}
#screen-3 .s3z6{position:absolute;bottom:54px;right:56px}
/* .Screen 3 */

/* Screen 4 */
#screen-4 .s4b1{position:absolute;z-index:1;top:-45px;left:0;width:100%;height:93px;background:url(../case/screen-4-b1-grass.png) 50% 0 repeat-x}
#screen-4 .s4b2{position:absolute;z-index:1;bottom:-5px;left:0;width:100%;height:5px;background:url(../case/screen-4-b2-wave.png) 50% 0 repeat-x}
#screen-4 .s4z1{position:absolute;top:119px;left:57px;max-width:460px}
#screen-4 .s4z2{position:absolute;top:184px;left:57px;max-width:460px}
#screen-4 .s4z3{position:absolute;top:121px;right:57px}
#screen-4 .s4z4{position:absolute;top:307px;right:510px}
#screen-4 .s4z5{position:absolute;top:426px;left:94px;max-width:340px}
#screen-4 .s4z51{float:left;width:40px;height:40px;border:4px solid #7ebf00;border-radius:50%;background:url(../case/ok-small.png) 50% 50% no-repeat}
#screen-4 .s4z52{margin:4px 0}
#screen-4 .s4z52,#screen-4 .s4z53{margin-left:67px}
#screen-4 .s4z6{position:absolute;bottom:286px;left:346px}
#screen-4 .s4z6{
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
/* .Screen 4 */

/* Screen 5 */
#screen-5 .s5b1{position:absolute;top:88px;left:0;width:476px;height:650px;background:url(../case/screen-5-b1.png) 0 0 no-repeat}
#screen-5 .s5b2{position:absolute;top:542px;right:0;width:299px;height:625px;background:url(../case/screen-5-b2.png) right 0 no-repeat}
#screen-5 .s5z1{position:absolute;top:76px;left:340px;width:520px;font-size:36px;line-height:42px;text-align:center}
#screen-5 .s5z2{position:absolute;top:130px;left:340px;width:520px;text-align:center}
#screen-5 .s5z3{position:absolute;top:245px;left:170px;width:960px;height:540px}
#screen-5 .s5z3 .scroll-area{position:relative;width:871px;height:540px;overflow:visible}
#screen-5 .s5z3 .browser{position:absolute;top:0;left:0;width:100%;height:20px;background:#f7f7f7 url(../case/safari-browser.jpg) 0 0 no-repeat}
#screen-5 .s5z3 .mCustomScroll{position:relative;top:20px;width:871px;height:520px;overflow:hidden}
#screen-5 .s5z3 .mCustomScroll img{display:block}
#screen-5 .s5z4{position:absolute;top:891px;left:754px;max-width:308px}
#screen-5 .s5z5{position:absolute;top:1002px;left:754px;max-width:368px}
#screen-5 .s5z6{position:absolute;top:899px;left:57px}
#screen-5 .s5z7{position:absolute;top:1184px;right:57px}
#screen-5 .s5z8{position:absolute;top:1861px;left:152px;max-width:300px}
#screen-5 .s5z9{position:absolute;top:1905px;left:152px;max-width:300px}
#screen-5 .s5z10{position:absolute;top:2006px;left:378px}
/* .Screen 5 */