*{box-sizing:border-box;outline:none}

.container_call {
    position: fixed;
    bottom:-85px;
    left: 50%;
    max-width: 880px;
    width: 95%;
    height: auto;
    /* border-radius: 50%; */
    /* cursor: pointer; */
    z-index: 10000;
	transform:translateX(-50%);
    transition: all .5s;
    background-color:#00373c;
    color: #fff;
	display:flex;
	padding: 15px 10px 15px 10px;
	justify-content: space-between;
	border-radius: 6px;
	border:2px solid #fff;
	animation:.5s 1s anim3  forwards;
	
}

.container_call .open{
	
	position:relative;
	padding: 0 0 0 65px;
	flex-grow:1
	
}

.container_call .open:after{
	display: block;
    content: "";
    background-image: url(/plugins/telegram/image/tg.svg);
    background-position: center center;
    background-repeat: no-repeat;

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 40px;
    height: 40px;

    z-index: 2;
}


.container_call span{
	display:block;
	cursor:pointer;
	font-size:16px;
	color:#ccc
}

.container_call .telegram_text, .container_call .telegram_text span{
	font-family:Exo2Bold;
	color:#fff;
	font-size:20px;
	    line-height: 20px;
}

 .container_call .telegram_text span{
	 
	 display:inline;
	 
 }


/* .container_call.animation{
	animation:4s ease-in-out 1s anim  infinite ;
} */




.container_call .close{
	
	background-image:url(/plugins/telegram/image/close.svg?4);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:35%;

	transition:all .3s;
	width:41px;
	z-index:1;
}



@media only screen and (max-width: 590px) {

.container_call .telegram_text span{
	
	display:none;
	
}	

.container_call .telegram_text{
    font-size: 16px;
}

.container_call span {
    font-size: 14px;
}

.container_call .open {
    padding: 0 0 0 65px;
}

.container_call .open:after {
    left: 15px;
    width: 35px;
    height: 35px;
}

.container_call {

	padding: 10px 10px 10px 0;
}

}





@keyframes anim3 {
	0{
		bottom:-85px
	}
	
	100% {
		bottom:10px
	}

}