.bgcall { width:200px; height:403px; background-image:url(https://thx.wewereonabreak.net/images/silver.png); position:relative; overflow:hidden; }
.bgcallr { width:200px; height:403px; background-image:url(https://thx.wewereonabreak.net/images/rose.png); position:relative; overflow:hidden; }
.bgcallb { width:200px; height:403px; background-image:url(https://thx.wewereonabreak.net/images/black.png); position:relative; overflow:hidden; }
.bgcallgo { width:200px; height:403px; background-image:url(https://thx.wewereonabreak.net/images/gold.png); position:relative; overflow:hidden; }
.lockscreencall { position:absolute; top:51px; left:14px; width:172px; height:304px; overflow:hidden; }
.bgcallimg { position:absolute; top:0px; left:0px; width:172px; height:304px; opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.darken { position:absolute; top:0px; left:0px; width:172px; height:304px; background-color:#222; opacity:.2; }
.statscall { position:absolute; top:2px; left:0px; width:172px; height:10px; background-image:url(https://thx.wewereonabreak.net/images/phonebarthread.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.caller { position:absolute; top:25px; width:172px; height:43px; text-align:center; line-height:43px; font-size:18px; color:#fff; font-family:lato; font-weight:100; text-transform:none; 	text-shadow: 1px 1px 1px black; }
.time { position:absolute; top:35px; width:172px; height:43px; text-align:center; line-height:43px; font-size:50px; color:#fff; font-family:lato; font-weight:100; }
.date { position:absolute; top:85px; width:172px; line-height:13px; text-align:center; font-size:12px; color:#fff; font-family:lato; font-weight:100; text-transform:none; }
.unlock { position:absolute; top:260px; left:20px; width:120px; height:15px; background-image:url(https://thx.wewereonabreak.net/images/iunlock.png); }
.slideright { position:absolute; top:0px; left:0px; width:172px; height:304px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcall:hover .slideright { left:304px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcall:hover .bgcallimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcall:hover .darken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }
.bgcall:hover .messages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallb:hover .slideright { left:304px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallb:hover .bgcallimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallb:hover .darken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }
.bgcallb:hover .messages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallgo:hover .slideright { left:304px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallgo:hover .bgcallimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallgo:hover .darken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }
.bgcallgo:hover .messages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallr:hover .slideright { left:304px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallr:hover .bgcallimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.bgcallr:hover .darken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }
.bgcallr:hover .messages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.messages { position:absolute; top:0px; left:0px; width:172px; height:304px; background-color:#fff; opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.menu {position:absolute; top:0px; left:0px; width:172px; height:110px; background-color:#d9d9d9; border-bottom:1px solid #dadada;}
.inside {position:absolute; top:0px; left:0px; width:172px; height:304px; background-color:#f8f8f8; border-bottom:0px solid #dadada; border-top:0px solid #dadada; }
.statscallinside { position:absolute; top:2px; left:0px; width:172px; height:10px; background-image:url(https://thx.wewereonabreak.net/images/phonebarthread.png);}
.slidebg {position:absolute; top:111px; left:0px; width:172px; height:193px; background-color:#fbfbfb; border-bottom:1px solid #efefef; overflow:auto;  font-size:10px; }
.phonename { position:absolute; top:92px; width:172px; height:10px; line-height:10px; font-family:arial; color:#2c2c2c; font-size:10px; text-align:center; text-transform:none; font-weight:bold; }
.contactpic { position:absolute; top:12px; left:48px; width:75px; height:75px; border-radius:75px; }
.bubble { padding:5px; background-color:#e5e5e5; border-radius:3px; color:#2c2c2c; font-family:roboto condensed; font-size:10px;  line-height:13px; text-transform:none; }