body {
	font-family: Arial, sans-serif;
	background-image: url("img/ep_naturalblack.png"); 
	background-size: contain;
}
.phone-callback {
	position: fixed;
	/*top: 250px;*/
	bottom: 10px;
}
.dws {
	position: fixed; 
	top: 85%;
	right: 0%;
	transform: translate(-50%, -50%);
}
.pulse, .bloc, .phone {
	position: absolute;
	width: 90px;
	height: 90px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}
.bloc {
	cursor: pointer;
	z-index: 1;
	overflow: hidden;
}
.pulse {
	background: #5CC2E2;
	position: relative;
	transition: .5s;
}
.phone {
	font-size: 50px;
	line-height: 94px;
	animation: phone .9s ease-in-out infinite;
}
.text {
	position: absolute;
	opacity: 0;
	text-transform: uppercase;
	font-weight: 700;
	top: 28px;
	font-size: 15px;
	transform: scaleX(-1);
	transition: .5s ease-in-out;
}
.phone i {
	transition: .5s ease-in-out;
}
.pulse:hover {
	background: #29AEE3;
}
.pulse:hover i {
	transition: .5s ease-in-out;
	transform: scale(0);
}
.pulse:hover .text {
	transform: scaleX(1);
	transition: .5s ease-in-out;
	opacity: 1;
}
.pulse:hover::before,
.pulse:hover::after {
	content: '';
	position: absolute;
	border: 1px solid #29AEE3;
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	border-radius: 50%;
	animation: pulse 1.8s linear infinite;
	opacity: 0;
}
.pulse:hover::after {
	animation-delay: .5s;
}
@keyframes phone {
	0%, 100% {
		transform: rotate(-20deg);
	}
	50% {
		transform: rotate(21deg);
	}
}
@keyframes pulse {
	0% {
		transform: scale(0.5);
		opacity: 0;
}
 50% {
  opacity: 1;
 }
 100% {
	transform: scale(1.2);
	opacity: 0;
 }
}

.modal-window2 {
	z-index: 237;
	position: fixed;
	right: -100%;
	top: 45%;
	padding: 30px 30px 30px 30px;		
	font-weight: bold;
	font-family: '__PT Sans_5';
	border-radius:10px;
	opacity: 0.0;
	background-color: #ffffff;
	border-color: #29AEE3;
	border-style: solid;
	border-width: 10px;
}
.modal-window-text2 p {
	text-align: left;
}

.modal-window-phone {
	text-align: center;
}

#modal-window-button {
	padding: 5px;
	width: 80%;
	margin-top: 7%;
}

.modal-window-button {
	text-align: center!important;
}
@media screen and (max-width: 1920px) {

}
@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {
	.dws {
		right: -3%;
		top: 80%;
	}	
}
@media screen and (max-width: 1152px) {

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 960px) {
	
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 736px) {
	.dws {
		right: 3%;
		top: 88%;
	}
}
@media screen and (max-width: 720px) {

}
@media screen and (max-width: 667px) {

}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 568px) {
		
}
@media screen and (max-width: 480px) {
	.dws {
		right: -9%;
		top: 87%;
	}	
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {

}

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

}