body{ 
    margin:0; 
    padding:0; 
}
#mainContainer{ 
    position:absolute; 
    width:300px; 
    height:250px;
    top:0px;
    left:0px;
    overflow:hidden;
    background-color: transparent; 
}
#lastBg, #f2, #f3, #lastText, #coconut, #mango, #strawberry{
    position:absolute;
    width:300px;
    height:250px;
}
#fruttareLogo{
    position:absolute;
    width:123px;
    height:73px;
    top: 6px;
    left: 93px;
}
#icepopBig{
    position:absolute;
    width:86px;
    height:207px;
}
#cloudLast{
    position:absolute;
    width: 800px;
    height: 166px;
}
#barButton{
    position:absolute;
    width:168px;
    height:30px;
    top:215px;
    left:63px;
    overflow:hidden;
    cursor:pointer;
}

/*#barButton:hover{ background:url('barHover.png') no-repeat !important;}*/
#text1{
    position:absolute;
    width:300px;
    height:250px;
    left:0px;
    top: 3px;
}
#text2{
    position:absolute;
    width:300px;
    height:250px;
    left:0px;
    top: 3px;
}
#textMasking{
    position:absolute;
    width:300px;
    height:250px;
    overflow:hidden;
}
#s1{
    position:absolute;
    width:72px;
    height:66px;
}
#s2{
    position:absolute;
    width:69px;
    height:67px;
}
#s3{
    position:absolute;
    width:66px;
    height:60px;
}
#s4{
    position:absolute;
    width:66px;
    height:60px;
}
#s5{
    position:absolute;
    width:72px;
    height:71px;
}
#s6{
    position:absolute;
    width:72px;
    height:71px;
}
#s7{
    position:absolute;
    width:62px;
    height:65px;
}
#s8{
    position:absolute;
    width:65px;
    height:71px;
}
#s9{
    position:absolute;
    width:81px;
    height:83px;
}
#s10{
    position:absolute;
    width:134px;
    height:87px;
}
#s11{
    position:absolute;
    width:68px;
    height:79px;
}
#s12{
    position:absolute;
    width:82px;
    height:69px;
}
#s13{
    position:absolute;
    width:147px;
    height:83px;
}
#s14{
    position:absolute;
    width:265px;
    height:192px;
}

#barGrd{
    position:relative;
    -webkit-transform: skew(123deg); 
    -moz-transform: skew(123deg);
    -ms-transform: skew(123deg); 
    transform: skew(123deg);
    width:60px;
    height:26px;
    left:40px;
    opacity: 0.2; 
    background: -webkit-linear-gradient(left, rgba(215,254,97,0), rgba(215,254,97,1) 33%,rgba(215,254,97,1),rgba(215,254,97,0) 66%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(215,254,97,0), rgba(215,254,97,1) 33%,rgba(215,254,97,1),rgba(215,254,97,0) 66%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(215,254,97,0), rgba(215,254,97,1) 33%,rgba(215,254,97,1),rgba(215,254,97,0) 66%); /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(to right, rgba(215,254,97,0), rgba(215,254,97,1) 33%,rgba(215,254,97,1),rgba(215,254,97,0) 66%); /* Standard syntax (must be last) */
    background: linear-gradient(to right, rgba(215,254,97,0), rgba(215,254,97,1) 33%,rgba(215,254,97,1),rgba(215,254,97,0) 66%); /* Standard syntax (must be last) */
}
#bgLink{
    position:absolute;
    width:300px;
    height:250px;
    cursor:pointer;
    top:0px;
}
#barButtonExit{
    position:absolute;
    width:168px;
    height:30px;
    top: 216px;
    left: 64px;
    cursor:pointer;
}
#border{ 
    position:absolute; 
    width:298px; 
    height:248px; 
    border:solid 1px #000;
    top:0px;
}
.text1, .text2{
    opacity:0;
}
.lastBg, .f3{
    opacity:1;
}

.coconut, .mango, .strawberry, .lastText{
    left:300px;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -ms-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.s1{ top: 169px; left: 145px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s2{ top: 137px; left: 83px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s3{ top: 81px; left: 109px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s4{ top: 74px; left: 40px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s5{ top: 5px; left: 134px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s6{ top: 38px; left: 75px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s7{ top: 24px; left: 173px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s8{ left: 87px; top: 170px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s9{ top: 136px; left: 160px; opacity:0;-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s10{ top: 95px; left: 11px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s11{ top: 28px; left: 35px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s12{ top: 27px; left: 75px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s13{ top: 90px; left: 140px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.s14{ top: 23px; left: 14px; opacity:0; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
.icepopBig{
    top: 80px;
    left: -90px;
}
.cloudLast{
    left: -80px;
    top: -58px;
    -webkit-transition:left 2.2s ease-out;
    -moz-transition:left 2.2s ease-out;
    -ms-transition:left 2.2s ease-out;
    -webkit-transition:left 2.2s ease-out;
}
.barGrd{
    -webkit-transition:left 0.5s ease;
    -moz-transition:left 0.5s ease;
    -ms-transition:left 0.5s ease;
    -webkit-transition:left 0.5s ease;
}
 .text2{
    -webkit-transition:left 0.5s ease;
    -moz-transition:left 0.5s ease;
    -ms-transition:left 0.5s ease;
    -webkit-transition:left 0.5s ease;
}
.text1{
    -webkit-transition:left 0.5s ease;
    -moz-transition:left 0.5s ease;
    -ms-transition:left 0.5s ease;
    -webkit-transition:left 0.5s ease; 
}
.barButtonExit{
    opacity:0;
    visibility:hidden;
}
.fadeIn{
    opacity:1;
    -webkit-transition:opacity 0.1s ease-out;
    -moz-transition:opacity 0.1s ease-out;
    -ms-transition:opacity 0.1s ease-out;
    transition:opacity 0.1s ease-out;
}
.fadeOut{
   opacity:0 !important;
    -webkit-transition:opacity 1s ease;
    -moz-transition:opacity 1s ease;
    -ms-transition:opacity 1s ease;
    transition:opacity 1s ease; 
}
.fadeOut2{
   opacity:0 !important;
   -webkit-transition:opacity 1s ease-out;
   -moz-transition:opacity 1s ease-out;
   -ms-transition:opacity 1s ease-out;
   transition:opacity 1s ease-out;
}
.imgScale{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    -webkit-transition: -webkit-transform:1s;
    -moz-transition: -moz-transform:1s;
    -ms-transition: -ms-transform:1s;
    transition: transform:1s;
}
.imgScale2{
    opacity:0 !important;
    -webkit-transition:opacity 1.3s ease-out;
    -moz-transition:opacity 1.3s ease-out;
    -ms-transition:opacity 1.3s ease-out;
    transition:opacity 1.3s ease-out;
}
.fadeShade{
    opacity:1;
    -webkit-transform:scale(1.1,1.1) translate(11px, 10px);
    -moz-transform:scale(1.1,1.1) translate(11px, 10px);
    -ms-transform:scale(1.1,1.1) translate(11px, 10px); 
    transform:scale(1.1,1.1)  translate(11px, 10px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade2{
    opacity:1;
    -webkit-transform:scale(1.1,1.1) translate(-12px, 26px);
    -moz-transform:scale(1.1,1.1) translate(-12px, 26px); 
    -ms-transform:scale(1.1,1.1) translate(-12px, 26px);
    transform:scale(1.1,1.1) translate(-12px, 26px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade3{
    opacity:1;
    -webkit-transform:scale(1.1,1.1) translate(0px, -8px);
    -moz-transform:scale(1.1,1.1) translate(0px, -8px); 
    -ms-transform:scale(1.1,1.1) translate(0px, -8px);
    transform:scale(1.1,1.1)  translate(0px, -8px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade4{
    opacity:1;
    -webkit-transform: rotate(11deg) translate(-7px, 1px);
    -moz-transform: rotate(11deg) translate(-7px, 1px); 
    -ms-transform: rotate(11deg) translate(-7px, 1px);
    transform: rotate(11deg) translate(-7px, 1px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade5{
    opacity:1;
    -webkit-transform:scale(1.2,1.2) translate(0px, -10px);
    -moz-transform:scale(1.2,1.2) translate(0px, -10px); 
    -ms-transform:scale(1.2,1.2) translate(0px, -10px);
    transform:scale(1.2,1.2) translate(0px, -10px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade6{
    opacity:1;
    -webkit-transform:scale(1.2,1.2) translate(-10px, -16px);
    -moz-transform:scale(1.2,1.2) translate(-10px, -16px); 
    -ms-transform:scale(1.2,1.2) translate(-10px, -16px); 
    transform:scale(1.2,1.2) translate(-10px, -16px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade7{
    opacity:1;
    -webkit-transform:scale(1.3,1.3) translate(16px, -12px);
    -moz-transform:scale(1.3,1.3) translate(16px, -12px);
    -ms-transform:scale(1.3,1.3) translate(16px, -12px); 
    transform:scale(1.3,1.3) translate(16px, -12px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade8{
    opacity:1;
    -webkit-transform:scale(1.5,1.5) translate(-21px, 2px);
    -moz-transform:scale(1.5,1.5) translate(-21px, 2px);
    -ms-transform:scale(1.5,1.5) translate(-21px, 2px); 
    transform:scale(1.5,1.5) translate(-21px, 2px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade9{
    opacity:1;
    -webkit-transform:scale(1.9,1.9) translate(1px, 14px);
    -moz-transform:scale(1.9,1.9) translate(1px, 14px);
    -ms-transform:scale(1.9,1.9) translate(1px, 14px); 
    transform:scale(1.9,1.9) translate(1px, 14px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade10{
    opacity:1;
    -webkit-transform:scale(1.5,1.5) translate(-7px, 20px);
    -moz-transform:scale(1.5,1.5) translate(-7px, 20px);
    -ms-transform:scale(1.5,1.5) translate(-7px, 20px); 
    transform:scale(1.5,1.5) translate(-7px, 20px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade11{
    opacity:1;
    -webkit-transform: scale(1.8,1.8) translate(-18px, 5px);
    -moz-transform: scale(1.8,1.8) translate(-18px, 5px);
    -ms-transform: scale(1.8,1.8) translate(-18px, 5px); 
    transform: scale(1.8,1.8) translate(-18px, 5px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade12{
    opacity:1;
    -webkit-transform: scale(1.8,1.8) translate(-19px, 6px);
    -moz-transform: scale(1.8,1.8) translate(-19px, 6px); 
    -ms-transform: scale(1.8,1.8) translate(-19px, 6px);
    transform: scale(1.8,1.8) translate(-19px, 6px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade13{
    opacity:1;
    -webkit-transform: scale(1.3,1.3) translate(11px, -5px);
    -moz-transform: scale(1.3,1.3) translate(11px, -5px);
    -ms-transform: scale(1.3,1.3) translate(11px, -5px); 
    transform: scale(1.3,1.3) translate(11px, -5px);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade14{
    opacity:1;
    -webkit-transform: scale(1.3,1.3);
    -moz-transform: scale(1.3,1.3); 
    -ms-transform: scale(1.3,1.3); 
    transform: scale(1.3,1.3);
      -webkit-transition:opacity 1s ease-out, -webkit-transform 1.5s;
    -moz-transition:opacity 1s ease-out, -moz-transform 1.5s;
    -ms-transition:opacity 1s ease-out, -ms-transform 1.5s;
    transition:opacity 1s ease-out, transform 1.5s;
}
.fadeShade15{
    opacity:1;
    -webkit-transition:opacity 2s ease-out;
    -moz-transition:opacity 2s ease-out;
    -ms-transition:opacity 2s ease-out;
    transition:opacity 2s ease-out;
}
.textScale{
    -webkit-transform:scale(1.8,1.8);
    -moz-transform:scale(1.8,1.8);
    -ms-transform:scale(1.8,1.8);
    transform:scale(1.8,1.8);
    -webkit-transition:ease-out 0.8s, -webkit-transform 0.8s;
    -moz-transition:ease-out 0.8s, -moz-transform 0.8s;
    -ms-transition:ease-out 0.8s, -ms-transform 0.8s;
    transition:ease-out 0.8s, transform 0.8s;
}
.textHide{
    opacity:0 !important;
    -webkit-transition:opacity 0.8s ease-out;
    -moz-transition:opacity 0.8s ease-out;
    -ms-transition:opacity 0.8s ease-out;
    transition:opacity 0.8s ease-out;
}
.scaleImg{
    -webkit-transform: scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-transition: 0.5s ease-in;
    -moz-transition:0.5s ease-in;
    -ms-transition:0.5s ease-in;
    transition:0.5s ease-in;
}
.rotateImg{ 
    left:340px;
    -webkit-transform: rotate(20deg); 
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg); 
    transform: rotate(20deg);
    -webkit-transition:ease-out 1s, -webkit-transform 1s;
    -moz-transition:ease-out 1s,  -moz-transform 1s;
    -ms-transition:ease-out 1s,  -ms-transform 1s;
    transition:ease-out 1s,  transform 1s;
}
/*#guide {
    position: absolute;
    background: url('guide.png');
    opacity: 0.4;
    width: 300px;
    height: 250px;
    z-index:9999;
}*/