@font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 300; src: local('Libre Franklin Light'), local('LibreFranklin-Light'), url('../fonts/libre-franklin-v1-latin-300.woff2') format('woff2'), url('../fonts/libre-franklin-v1-latin-300.woff') format('woff'); }
@font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 700; src: local('Libre Franklin Bold'), local('LibreFranklin-Bold'), url('../fonts/libre-franklin-v1-latin-700.woff2') format('woff2'), url('../fonts/libre-franklin-v1-latin-700.woff') format('woff'); }
.wpfm-main{
	color: #333; font-family: "Libre Franklin", arial, sans-serif; position: fixed; width: 250px; height: 80px; font-size: 13px; background: white; padding: 5px; border-radius: 50px; -webkit-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .3); -moz-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .3); box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .3); box-sizing:border-box; z-index: 10000001; display: block; cursor: pointer;
}
.wpfm-main:hover{
    -webkit-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .4); -moz-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .4); box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .4);
}
.wpfm-main.blb {
	bottom: -250px; left: 20px;
}
.wpfm-main.bll {
	left: -320px; bottom: 20px;
}
.wpfm-main.trt {
	top: -250px; right: 20px;
}
.wpfm-main.trr {
	right: -320px; top: 30px;
}
.wpfm-main.with-image{
	width: 330px;
}
.wpfm-main .wpfm-right div {
	border-left: 4px solid grey; padding-left: 10px;
}
.wpfm-main.with-image .wpfm-right div {
	border-left: 0; padding-left: 0;
}
.wpfm-main .message{
	height: 55px;  display: block; line-height: 19px; font-weight: 300; color: black;
}
.wpfm-main .message strong{
	font-size: 15px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: 700 !important;
}
.wpfm-main .message a{
	color: black; text-decoration: none;
}
.wpfm-main .message .msg{
    display: block;padding-top: 14px;
}
.wpfm-main .time {
	font-size: 11px; display: block;
}
.wpfm-left {
	width: 70px; height:70px; float: left; margin-right: 12px; display: block;
}
.wpfm-left img{
	width: 100%; height: 100%; vertical-align: middle; border-radius: 35px;
}
.wpfm-right {
	width: 224px; float: left; display: block;
}
.wpfm-main.with-image .wpfm-right {
	width: 224px; float: left;
}
.wpfm-clear {
	clear: both;
}