#tinet-chat-buttons-id {
        position: fixed;
        z-index: 9999999999 !important;
        }

        #tinet-chat-buttons-id .open-chat-list-btn {
        text-align: center;
        display: block;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
                box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 20;
        cursor: pointer;
        }

        #tinet-chat-buttons-id .open-chat-list-btn .tinet-chat-buttons-main-button {
        display: block;
        font-size: 30px;
        text-align: center;
        border-radius: 50%;
        background-size: 70%;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 20;
        position: absolute;
        -webkit-box-shadow: 0 3px 3px #00000016;
                box-shadow: 0 3px 3px #00000016;
        }

        #tinet-chat-buttons-id.is-show-chat-list .tinet-chat-buttons-contact-list {
        bottom: 100%;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
                transform: scale(1);
        }

        #tinet-chat-buttons-id .tinet-chat-buttons-contact-list {
        position: absolute;
        bottom: 0;
        right: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
        }

        #tinet-chat-buttons-id .tinet-chat-buttons-contact-list .tcb-button {
        border-radius: 50%;
        z-index: 20;
        -webkit-box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
                box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
        -webkit-transition: bottom 2s ease 0s;
        transition: bottom 2s ease 0s;
        margin: 0 0 10px 0;
        }

        #tinet-chat-buttons-id .tinet-chat-buttons-contact-list .tcb-button a {
        text-align: center;
        display: block;
        width: 100%;
        -webkit-box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
                box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
        position: absolute;
        z-index: 20;
        }

        #tinet-chat-buttons-id .tinet-chat-buttons-contact-list .tcb-button a .tcb-icon {
        display: block;
        position: absolute;
        font-size: 40px;
        text-align: center;
        border-radius: 50%;
        z-index: 20;
        -webkit-box-shadow: 0 3px 3px #00000016;
                box-shadow: 0 3px 3px #00000016;
        background-size: 36%;
        background-position: center;
        background-repeat: no-repeat;
        }

        #tinet-chat-buttons-id .tinet-chat-buttons-contact-list .tcb-button a .slide-label {
        display: inline-block;
        padding: 0;
        border: 0;
        border-radius: 100px;
        position: absolute;
        top: 0;
        right: 10px;
        width: 0;
        overflow: hidden;
        -webkit-transition: all 1s;
        transition: all 1s;
        -webkit-box-shadow: 0 0 5px #888;
                box-shadow: 0 0 5px #888;
        white-space: nowrap;
        opacity: 0;
        font-weight: 600;
        line-height: 2.9em;
        z-index: 19;
        text-align: left;
        }

        #tinet-chat-buttons-id .tinet-chat-buttons-contact-list .tcb-button a:hover .slide-label {
        width: 280px;
        padding-left: 30px;
        padding-right: 10px;
        opacity: 1;
        }
		
		
		
		#tinet-chat-buttons-id .slide-label{
			position: relative;
		}
		
		#tinet-chat-buttons-id .slide-label p{
			position: absolute;
			left: 20%;
			top: 50%;
			transform: translate(-20%, -50%);
		}
		

		.btn-call {
			background: #38a3fd;
			border-radius: 50%;
			box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3);
			cursor: pointer;
			text-align: center;
			position: fixed;
			z-index: 999;
			transition: .3s;
			-webkit-animation: hoverWave linear 1s infinite;
			animation: hoverWave linear 1s infinite;
			display: flex;
			justify-content: center;
			align-items: center;
			text-decoration: none;
}

		.btn-call__ico {
			display: flex;
			justify-content: center;
			align-items: center;
			animation: 1200ms ease 0s normal none 1 running shake;
			animation-iteration-count: infinite;
			-webkit-animation: 1200ms ease 0s normal none 1 running shake;
			-webkit-animation-iteration-count: infinite;
			color: white;
			transition: .3s all;
		}


		@-webkit-keyframes hoverWave {
			0% {
				box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
			}

			40% {
				box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
			}

			80% {
				box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067)
			}

			100% {
				box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
			}
		}

		@keyframes hoverWave {
			0% {
				box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
			}

			40% {
				box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2)
			}

			80% {
				box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067)
			}

			100% {
				box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0)
			}
		}

		/* animations icon */

		@keyframes shake {
			0% {
				transform: rotateZ(0deg);
				-ms-transform: rotateZ(0deg);
				-webkit-transform: rotateZ(0deg);
			}

			10% {
				transform: rotateZ(-30deg);
				-ms-transform: rotateZ(-30deg);
				-webkit-transform: rotateZ(-30deg);
			}

			20% {
				transform: rotateZ(15deg);
				-ms-transform: rotateZ(15deg);
				-webkit-transform: rotateZ(15deg);
			}

			30% {
				transform: rotateZ(-10deg);
				-ms-transform: rotateZ(-10deg);
				-webkit-transform: rotateZ(-10deg);
			}

			40% {
				transform: rotateZ(7.5deg);
				-ms-transform: rotateZ(7.5deg);
				-webkit-transform: rotateZ(7.5deg);
			}

			50% {
				transform: rotateZ(-6deg);
				-ms-transform: rotateZ(-6deg);
				-webkit-transform: rotateZ(-6deg);
			}

			60% {
				transform: rotateZ(5deg);
				-ms-transform: rotateZ(5deg);
				-webkit-transform: rotateZ(5deg);
			}

			70% {
				transform: rotateZ(-4.28571deg);
				-ms-transform: rotateZ(-4.28571deg);
				-webkit-transform: rotateZ(-4.28571deg);
			}

			80% {
				transform: rotateZ(3.75deg);
				-ms-transform: rotateZ(3.75deg);
				-webkit-transform: rotateZ(3.75deg);
			}

			90% {
				transform: rotateZ(-3.33333deg);
				-ms-transform: rotateZ(-3.33333deg);
				-webkit-transform: rotateZ(-3.33333deg);
			}

			100% {
				transform: rotateZ(0deg);
				-ms-transform: rotateZ(0deg);
				-webkit-transform: rotateZ(0deg);
			}
		}

		@-webkit-keyframes shake {
			0% {
				transform: rotateZ(0deg);
				-ms-transform: rotateZ(0deg);
				-webkit-transform: rotateZ(0deg);
			}

			10% {
				transform: rotateZ(-30deg);
				-ms-transform: rotateZ(-30deg);
				-webkit-transform: rotateZ(-30deg);
			}

			20% {
				transform: rotateZ(15deg);
				-ms-transform: rotateZ(15deg);
				-webkit-transform: rotateZ(15deg);
			}

			30% {
				transform: rotateZ(-10deg);
				-ms-transform: rotateZ(-10deg);
				-webkit-transform: rotateZ(-10deg);
			}

			40% {
				transform: rotateZ(7.5deg);
				-ms-transform: rotateZ(7.5deg);
				-webkit-transform: rotateZ(7.5deg);
			}

			50% {
				transform: rotateZ(-6deg);
				-ms-transform: rotateZ(-6deg);
				-webkit-transform: rotateZ(-6deg);
			}

			60% {
				transform: rotateZ(5deg);
				-ms-transform: rotateZ(5deg);
				-webkit-transform: rotateZ(5deg);
			}

			70% {
				transform: rotateZ(-4.28571deg);
				-ms-transform: rotateZ(-4.28571deg);
				-webkit-transform: rotateZ(-4.28571deg);
			}

			80% {
				transform: rotateZ(3.75deg);
				-ms-transform: rotateZ(3.75deg);
				-webkit-transform: rotateZ(3.75deg);
			}

			90% {
				transform: rotateZ(-3.33333deg);
				-ms-transform: rotateZ(-3.33333deg);
				-webkit-transform: rotateZ(-3.33333deg);
			}

			100% {
				transform: rotateZ(0deg);
				-ms-transform: rotateZ(0deg);
				-webkit-transform: rotateZ(0deg);
			}
		}