
/*
English:

CSS framework framework.averin.pro 
Version: 5.0.1
Prefix: ""
Author: Artemiy Averin (ya@averin.pro)
Company: Design studio Artemy Averin (https://averin.pro/) 

Docs & Examples: https://framework.averin.pro/ 

Русский: 

CSS фреймворк framework.averin.pro
Версия: 5.0.1
Префикс: ""
Студия Артемия Аверина (ya@averin.pro)
 
Документая и примеры: httpы://framework.averin.pro/
*/

/*** Start messangers component ***/
.amm_button_block {
	position: fixed;
	bottom: 33px;
	right: 33px;
	z-index: 1000;
}
.amm_button_block span {
	background-color: rgba(255, 0, 0, 0.95);
	font-size: 16px;
	color: #fbfdff;
	border-radius: 20px;
	padding: 10px 25px 10px 25px;
	-webkit-animation: message_button-shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: message_button-shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	box-shadow:  
			0 -10px 5px rgba(0,0,0,0.01),
			0 1px 1px rgba(0,0,0,0.02),
			0 2px 2px rgba(0,0,0,0.02),
			0 4px 4px rgba(0,0,0,0.02),
			0 8px 8px rgba(0,0,0,0.01),
			0 16px 16px rgba(0,0,0,0.01),
			0 32px 32px rgba(0,0,0,0.01);
	margin: 0px auto;
	display: inline-block;
}
@media (max-width: 900px){
	.amm_button_block {
		left: 0px;
		right: 0px;
		text-align: center;
	}
	.amm_button_block span {
		font-size: 14px;
		padding: 5px 15px 5px 15px;
	}
}
.amm_button:hover {
	cursor: pointer;
	background-color: rgba(220, 0, 0, 0.95);
}
.amm_block_mobile {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1002;
}
.amm_block_mobile .ammcontent {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.amm_block_mobile .amm_cancel {
	display: block;
	padding: 16px 0;
	border-radius: 12px;
	margin: 0 10px 15px;
	text-align: center;
	background-color: #fff;
	color: #0076ff;
	font-size: 18px;
	font-weight: 600;
	font-family: sans-serif;
	cursor:pointer;
}
.amm_block_computer {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.7) 100%);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1002;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.amm_block_computer .ammcontent {
	text-align: center;
}
.amm_block_computer .ammcontent p {
	padding-bottom: 20px;
}
.amm_block_computer .ammcontent span {
	font-size: 18px;
	opacity: 0.8;
}
.amm_block_computer .amm_cancel {
	position: absolute;
	top: 50px;
	right: 50px;
	cursor:pointer;
}
.ammb {
	display: block;
	border-radius: 12px;
	margin: 0 10px 15px;
	text-align: center;
	background-color: #f2f2f2;
	font-size: 18px;
	color: #0076ff;
	margin: 10px 10px 8px;
}
.ammb div {
}
.ammb span {
	display: block;
	font-size: 13px;
	color: #949494;
	font-family: sans-serif;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #dddde0;
}
.ammb a {
	display: block;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	color: #0076ff;
	padding: 15px 0;
	border-bottom: 1px solid #dddde0;
}
.ammb a:last-child { border-bottom: 0px solid #f2f2f2; }
@-webkit-keyframes message_button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0);
	transform: translateX(0); }
	5%, 15%, 25%, 35% { -webkit-transform: translateX(-2px);
		transform: translateX(-2px); }
	10%, 20%, 30% { -webkit-transform: translateX(2px);
		transform: translateX(2px); }
	40% { -webkit-transform: translateX(1px);
		transform: translateX(1px); }
	45% { -webkit-transform: translateX(-1px);
		transform: translateX(-1px); } }
@keyframes message_button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0);
	transform: translateX(0); }
	5%, 15%, 25%, 35% { -webkit-transform: translateX(-2px);
		transform: translateX(-2px); }
	10%, 20%, 30% { -webkit-transform: translateX(2px);
		transform: translateX(1px); }
	40% { -webkit-transform: translateX(1px);
		transform: translateX(1px); }
	45% { -webkit-transform: translateX(-1px);
		transform: translateX(-1px); } }
/*** End messangers component ***/

