#groChat-control{
		display: inline-block;
    position: fixed;
    bottom: 0px;
    z-index: 1040;
    right: 0px;
    left: auto;
		font-weight: 400;
	}

	#groChat-floating-panel{
		width: 320px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px 0px;
    display: relative;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    transform: translate3d(0px, 0px, 0px);
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: auto;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    transition: opacity 0.3s ease 0s, margin 0.3s ease 0s, visibility 0.3s ease 0s;
	}

	.groChat-hidden{
    opacity: 0;
    pointer-events: none;
    touch-action: none;
    visibility: hidden;
    margin-bottom: 80px;
	}

	.groChat-visible{
		opacity: 1;
		pointer-events: all;
		touch-action: auto;
		visibility: visible;
		margin-bottom: 10px;
    z-index: 10;
	}
#groChat-button img {
	width: 38px;
}
	#groChat-button{
		height: 64px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative;
    background-color: rgb(255, 255, 255);
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
    width: 64px;
    border-radius: 50%;
	}

	#groChat-button:before{
		content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #EB3323;
    display: block;
    z-index: 1;
    right: 5px;
    top: 5px;
    border-radius: 50%;
	}

	#groChat-panel-header{
		/*background-color: #4592c4;*/
		background-color: #FC77A7;
		padding: 20px 15px; 
		font-size: 14px;
		color: #FFF;
		font-weight: 400;
		position: relative;
	}

	#groChat-close{
		position: absolute;
		top: 5px;
		right: 5px;
		padding: 0px 5px;
		color: #ffffff80;
		z-index: 9;
		cursor: pointer;
	}

	#groChat-panel-header p{
		line-height: 50px;
		margin-bottom: 0px;
	}

	#groChat-img, .groChat-img{
		background-color: transparent;
		border-radius: 50%;
		height: 50px;
		width: 50px;
		text-align: center;
		padding-top: 2px;
		float: left;
		margin-right: 10px;
		position: relative;
	}

	#groChat-img:before{
		content: "";
    bottom: 0px;
    right: 0px;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background-color: #48d800;
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    border: 2px solid #607D8B;
    display: none;
	}

	#groChat-panel-header {
		display: flex;
		align-items: center;
		width: 100%;
	}
	#groChat-img img {
		height: 50px;
	}

	#groChat-panel-body{
		padding: 20px;
	}

	#groChat-messages-stage{
		transition: all .3s ease-out;
	}

	.groChat-message-block{
		display: flex;
	}

	#groChat-panel-body .groChat-img{
		height: 40px;
		width: 40px;
		border: 0;
		float: none;
	}

	#groChat-panel-body .groChat-img img{
		height: 40px;
	}

	.groChat-message{
		background-color: rgb(241, 240, 240);
		border-radius: 2px 10px 10px;
		width: 200px;
		font-weight: 400;
		font-size: 12px;
		padding: 15px;
		line-height: 1.40;
		margin-bottom: 30px;
	}

	.groChat-message-move-out{
		margin-top: -180px;
	}

	.groChat-link {
		padding: 10px;
    flex-basis: 31%;
    border-radius: 4px;
    margin-bottom: 7px;
    display: inline-block;
    margin: 1%;
	}
	.groChat-link-mailto {
		padding: 10px;
    flex-basis: 31%;
    border-radius: 4px;
    margin-bottom: 7px;
    display: inline-block;
    margin: 1%;
	}

	#groChat-link-block{
		display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    text-align: center;
	}

	#groChat-link-block svg{
		vertical-align: middle;
	}

	.groChat-whatsapp{
		background-color: #4fce5d;
	}

	.groChat-instagram {
		background-color: #C04FBD;
	}

	.groChat-vk{
		background-color: #4d76a0;
	}

	.groChat-telegram{
		background-color: #28a8e9;
	}

	.groChat-viber{
		background-color: #574e92;
	}

	.groChat-litechat{
		background-color: #FF8F00;
	}

	.groChat-lead-text{
		text-align: center;
		font-size: 16px;
		margin-bottom: 15px;
	}

	#groChat-messages{
		height: 350px;
		overflow: hidden;
		position: relative;	
	}

	.groChat-link-btn{
		color: #FFF;
		padding: 5px;
		text-align: center;
		border-radius: 4px;
		margin: 5px 0px;
		display: block;
		text-decoration: none;
		font-size: 12px;
	}

	.groChat-link-btn:hover, .groChat-link-btn:focus {
		text-decoration: none;
		color: #FFF;
	}	

	.groChat-message .qr-box {
		text-align: center;
		padding-top: 5px;
	}

	.groChat-message .qr-box img{
		width: 70%;
	}

@media(max-width: 800px) {
	#groChat-button {
		display: none!important;
	}
}