@font-face {
	font-family: 'whatshelp';
	src:url('fonts/whatshelp.eot?nusorz');
	src:url('fonts/whatshelp.eot?nusorz#iefix') format('embedded-opentype'),
		url('fonts/whatshelp.ttf?nusorz') format('truetype'),
		url('fonts/whatshelp.woff?nusorz') format('woff'),
		url('fonts/whatshelp.svg?nusorz#whatshelp') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="wh-icon-"], [class*=" wh-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'whatshelp' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wh-icon-facebook-messenger:before {
	content: "\e900";
}
.wh-icon-whatshelp:before {
    content: "\e901";
}
.wh-icon-whatsapp:before {
    content: "\e902";
}
.wh-icon-telegram:before {
    content: "\e903";
}

#chats-messengers {
	position: fixed;
	bottom: 90px;
	left: 20px;
	z-index: 10;
}

#chats-messengers .chat,
#toggle-chats {
	display: block;
	padding: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
	border: 3px solid #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
	box-shadow: 0 0 5px rgba(0,0,0,.25);
}

#toggle-chats {
	background: #7a33d2;
	color: #fff;
	font-size: 28px;
    line-height: 28px;
	cursor: pointer;
}

#toggle-chats i {
	display: block;
}

#chats-messengers .chat {
	position: absolute;
	left: 0;
	height: 54px;
	width: 54px;
	margin-bottom: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

#chats-messengers .chat.facebook {
	bottom: 50px;
	background-color: #0084ff;
	background-image: url('img/facebook.svg');
}

#chats-messengers .chat.viber {
	bottom: 110px;
	background-color: #7b519d;
	background-image: url('img/viber.svg');
}

#chats-messengers .chat.phone {
	bottom: 230px;
	background-color: #ec5923;
	background-image: url('img/phone.svg');
}

#chats-messengers .chat.telegram {
	bottom: 170px;
	background-color: #08c;
	background-image: url('img/telegram.svg');
}

#chats-messengers:not(.open) .chat {
	opacity: 0;
	bottom: 0;
	pointer-events: none;
}