/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */

body {
    background-color: white;
    font: 16px/20px "Open Sans", Arial, sans-serif;
}
/*whatsapp*/
.whatsapp {
	display: block;
	position: fixed;
	z-index: 31;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	-webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.2));
}
.whatsapp__bg {
	position: absolute;
	border-radius: 50%;
	z-index: -1;
	width: 100%;
	background: #12C868;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 150, 78)), to(rgb(43, 173, 100)));
	background: -o-linear-gradient(rgb(0, 150, 78), rgb(43, 173, 100));
	background: linear-gradient(rgb(0, 150, 78), rgb(43, 173, 100));
	height: 100%;
	-webkit-animation: pulse 1.5s ease-in-out alternate infinite;
	animation: pulse 1.5s ease-in-out alternate infinite;
}
.whatsapp__img {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.whatsapp__img img {
	width: 30px;
	height: 30px;
}
@media (min-width: 375px) {
	.whatsapp {
		right: 43px;
		width: 66px;
		height: 66px;
		bottom: 43px;
	}
	.whatsapp .whatsapp__bg {
		-webkit-transition: opacity 0.6s ease;
		-o-transition: opacity 0.6s ease;
		transition: opacity 0.6s ease;
	}
	.whatsapp .whatsapp__img {
		-webkit-transition: -webkit-transform 0.6s ease;
		transition: -webkit-transform 0.6s ease;
		-o-transition: transform 0.6s ease;
		transition: transform 0.6s ease;
		transition: transform 0.6s ease, -webkit-transform 0.6s ease;
	}
	.whatsapp:hover .whatsapp__img {
		-webkit-transform: translate(0, -10px);
			-ms-transform: translate(0, -10px);
				transform: translate(0, -10px);
	}
	.whatsapp:hover .whatsapp__bg {
		-webkit-animation-play-state: paused;
				animation-play-state: paused;
		opacity: 0;
	}
	.whatsapp__img img {
		width: 50px;
		height: 50px;
	}
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@keyframes pulse {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}