/*General*/
body {padding: 0; margin: 0; background-color: #FFF;}
div, img {padding: 0; margin: 0; position: absolute; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; transform: translateZ(0); transform: translate3d(0, 0, 0);}
#banner{width: 298px; height: 248px; position: relative; border: 1px solid #000; overflow: hidden;}
.banner-size{width: 300px; height: 250px;}
 #preloader{
	 width: 298px; height: 248px; top:0px; left:0px;
	 background-color:#FFF; background-image:url(preloader.gif);
	 background-repeat:no-repeat; background-position:center;
	 border:#000 solid 1px
 }
/*CTAs*/
#bg-exit{cursor:pointer; background-color:rgba(90, 20, 200, 0.0);}
#cta{ top:176px; left:159px; opacity:0; cursor:pointer; -webkit-transform:scale(.5,.5);  -ms-transform:scale(.5,.5);  transform:scale(.5,.5); display:none;} 
#cta.on{opacity:1; -webkit-transform:scale(1.2,1.2);  -ms-transform:scale(1.2,1.2);  transform:scale(1.2,1.2); transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s;}
#cta.out{-webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  transform:scale(1,1); transition: ease-out 0.3s;-webkit-transition: ease-out 0.3s;} 

/*ELEM*/
#broken{top:205px; transform:translateX(-300px); -webkit-transform:translateX(-300px);}
#news{bottom:0; transform:translateX(300px); -webkit-transform:translateX(300px);}
#footer{left:0px; transform:translateY(255px); -webkit-transform:translateY(255px);}

#logo{ bottom:5px; right:9px; opacity:0;}
#copy1, #copy2, #copy3, #copy4{left:0px; transform:translateY(255px); -webkit-transform:translateY(255px);}
#slogan{ bottom:14px; left:80px; opacity:0;}
#copy5{ top:176px; left:33px; opacity:0;}

/*ANIM*/
.SlideB1 {transform:translateX(0px) !important; -webkit-transform:translateX(0px) !important; transition:ease-out .3s; -webkit-transition:ease-out .3s; }
.SlideB2 {transform:translateX(-300px) !important; -webkit-transform:translateX(-300px) !important; transition:ease-out .3s; -webkit-transition:ease-out .3s; }
.SlideN1 {transform:translateX(0px) !important; -webkit-transform:translateX(0px) !important; transition:ease-out .3s; -webkit-transition:ease-out .3s; }
.SlideN2 {transform:translateX(300px) !important; -webkit-transform:translateX(300px) !important; transition:ease-out .3s; -webkit-transition:ease-out .3s; }
.SlideF {transform:translateY(207px) !important; -webkit-transform:translateY(207px) !important; transition:ease-out .3s; -webkit-transition:ease-out .3s; }
.SlideUp1 {transform:translateY(39px) !important; -webkit-transform:translateY(39px) !important; transition:ease-out .5s; -webkit-transition:ease-out .5s; }
.Copy3Up {transform:translateY(130px) !important; -webkit-transform:translateY(130px) !important; transition:ease-out .5s; -webkit-transition:ease-out .5s; }
.SlideUp2 {transform:translateY(-150px) !important; -webkit-transform:translateY(-150px) !important; transition:ease-out .5s; -webkit-transition:ease-out .5s; }
.Copy2Up {transform:translateY(-200px) !important; -webkit-transform:translateY(-200px) !important; transition:ease-out .5s; -webkit-transition:ease-out .5s; }


#CTA-hit.Slide{-webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); opacity:1; -webkit-transition: -webkit-transform cubic-bezier(0.69, 0.4, 0.2, 2) 0.6s; transition: transform cubic-bezier(0.69, 0.4, 0.2, 2) 0.6s;}
.fadeOut{opacity:0 !important; transition:ease-out 0.8s; -webkit-transition:ease-out 0.8s;}
.fadeIn{opacity:1 !important; transition:ease-out 0.8s; -webkit-transition:ease-out 0.8s;}