/* CONTACT */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../font/bebasneue-webfont.eot');
    src: url('../font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebasneue-webfont.woff') format('woff'),
         url('../font/bebasneue-webfont.ttf') format('truetype'),
         url('../font/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.contact {
position:fixed;
top:20%;
z-index:99;
}

.contact ul, .contact li {
margin:0; padding:0; list-style:none;
}

.contact ul {
}

.contact li {
padding:0px;
background-color:#404040;
cursor:pointer;
padding:5px 0;
line-height:63px;
padding-left:71px;
padding-right:0px;
height:63px;
width:0px;
margin-bottom:2px;
overflow:hidden;

-moz-border-radius:0 15px 15px 0;
-o-border-radius:0 15px 15px 0;
-webkit-border-radius:0 15px 15px 0;
border-radius:0 15px 15px 0;

-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
transition-duration:0.5s;
}

.contact li:hover , .contact li a:hover {
background-color:#181818;
font-family:bebas_neueregular;
font-size:24px !important;
padding-right:10px;
width:100%;
}

.topbbm {
background:url(../images/icons/bbm.png) no-repeat center left;
line-height:45px !important;
font-size:18px !important;
}

.topwhatsapp {
background:url(../images/icons/whatsapp.png) no-repeat center left;
line-height:45px !important;
font-size:18px !important;
}

.facebook{
background:url(../images/icons/fb.png) no-repeat center left;
line-height:45px !important;
font-size:18px !important;
}

.topline {
background:url(../images/icons/line.png) no-repeat center left;
}

.topwechat {
background:url(../images/icons/wechat.png) no-repeat center left;
line-height:45px !important;
}

.topphone {
background:url(../images/icons/phone.png) no-repeat center left;
line-height:45px !important;
font-size:18px !important;
}

.topym {
background:url(../images/icons/ym.png) no-repeat center left;
line-height:45px !important;
font-size:18px !important;
}

.contact li, .contact li a {
display:block;
color:#fff;
font-family: bebas_neueregular;
font-size:24px;
}