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

.container_call{
	
	position:fixed;
	bottom:50px;
	right:100px;
	width:60px;
	height:60px;
	border-radius:50%;
	cursor:pointer;
	z-index:10000000000;
		transition:all .5s
}
.container_call span{
	display:block;
	position:absolute;	
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;

}


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

.container_call.animation:after{
	display:block;
	content:"";
	position:absolute;	
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;
	border:1px solid #9B0025;
	animation:4s ease-in-out 1s anim2  infinite ;
	opacity:0
}

.container_call.animation:before{
	display:block;
	content:"";
	position:absolute;	
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;
	border:1px solid #9B0025;
	animation:4s ease-in-out 1s anim3  infinite;
	opacity:0
}


.container_call .close{
	background-color:#fff;
	background-image:url('../image/close_4.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:30%;
	border:1px solid #ccc;
	transition:all .3s;
	transform:scale(.01);
	z-index:1;
}

.container_call .open{
	background-color:#9B0025;
	background-image:url('../image/phone.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:60%;
	transition:all .3s;
	z-index:2;
}

.container_call.active .open{
	transform:scale(.01);
}

.container_call.active .close{
	transform:scale(1);
}

.container_form{
	position:fixed;
	bottom:125px;
	right:100px;
	max-width: 330px;
	background-color:#fff;
	transform:rotateY(90deg);
	opacity:0;
	transition:all .3s;
	padding:40px;
	z-index:1000000000000
}

.container_form .back_text{
	
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	color:#9B0025
}

.container_form div{
	padding-bottom:25px
}

.container_form div.back_attention{
	padding-bottom:0;
	font-size:14px;
	color:#999
}



.container_form div input{
	
	padding:0 0 15px 0;
	border:0;
	border-bottom:1px solid #ccc;
	outline:none;
	width:100%;
	font-size:16px
}

.container_form div input::placeholder{
	
	color:#999;
	
}

.container_form div input.alarm{
	
	border-bottom:1px solid #9B0025;
	
}

.container_form .back_error div{
	
	background-color:#9B0025;
	color:#fff;
	text-align:center;
	padding:20px;
}


.container_form button{
	
	width:100%;
	padding:12px;
	text-align:center;
	text-transform:uppercase;
	background-color:#fff;
	border:4px solid #9B0025;
	color:#9B0025;
	cursor:pointer;
	font-size:15px 
}

.container_form  .response_field{
	
	padding:0
	
}


.container_form.active{
	transform:rotateY(0);
	opacity:1;
	box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}

.container_form .resp{
	text-align:center;
	padding:10px 30px 30px;	
}


@keyframes anim {
	0{
		transform:scale(1);	
	}
	
	10%{
		transform:scale(1.1);	
	}
	
	20%{
		transform:scale(1);	
	}
	
	100% {
		transform:scale(1);	
	}

}
@keyframes anim2 {
	0{
		transform:scale(1);	
		opacity:1
	}
	5%{
		transform:scale(1);	
		opacity:1
	}
	
	40%{
		transform:scale(2);	
		opacity:0;
	}
	

	
	100% {
		transform:scale(1);	
		opacity:0;
	}

}

@keyframes anim3 {
	0{
		transform:scale(1);	
		opacity:1
	}
	15%{
		transform:scale(1);	
		opacity:1
	}
	
	50%{
		transform:scale(2);	
		opacity:0;
	}
	

	
	100% {
		transform:scale(1);	
		opacity:0;
	}

}

@media only screen and (max-width: 750px) {
.container_call, .container_form{
	
	display:none
	
}
}