.lmm { position: fixed; z-index: 100000; font-size: 30px; border-radius: 50%; }
.lmm svg { display: block; transition: all .3s; width: 30px; height: 30px; }

.lmm-top { top: 55px; display: flex; flex-direction: column-reverse; }
.lmm-bottom { bottom: 55px; }
.lmm-left { left: 15px; }
.lmm-right { right: 15px; }

.lmm button { height: unset; }

.lmm-trigger,
.lmm-link { padding: 10px; border: 2px solid #555; background: #555; border-radius: 50%; }
.lmm-trigger,
.lmm-link svg { fill: #fff; }

.lmm.few-children .lmm-wrap,
.lmm:not(.few-children) .lmm-trigger { display: none; }

.lmm-link { display: block; }
.lmm-bottom.few-children .lmm-link { margin-bottom: 10px; }
.lmm-top.few-children .lmm-link { margin-top: 10px; }

.lmm-order-call-popup { display: none; position: absolute; font-size: 14px; overflow: hidden; background: #fff; padding: 15px; box-shadow: 0 0 10px rgba(0,0,0,.5); }
.lmm-bottom .lmm-order-call-popup { bottom: 0; }
.lmm-right .lmm-order-call-popup { right: 20px; }
.lmm-left .lmm-order-call-popup { left: 0; }
.lmm-top .lmm-order-call-popup { top: 0; }
.lmm-order-call-popup p { font-size: 18px; font-weight: bold; margin-top: 0; }
.lmm-order-call-popup input { border: 1px solid #555; color: #555; padding: 10px; margin-bottom: 15px; border-radius: 5px; }
.lmm-order-call-popup button[type="submit"] { background: #555; border: 2px solid #555; color: #fff; text-transform: uppercase; letter-spacing: .5px; font: 12px inherit; display: block; border-radius: 5px; width: 100%; padding: 10px 0; transition: all .3s; font-weight: bold; }
.lmm-order-call-popup button[type="submit"]:hover { background: #fff; color: #555; }
.lmm-order-call-popup button.close { padding: 0; border: none; background: none; float: right; }
.lmm-order-call-popup button.close svg { stroke: #bbb; stroke-width: 5; stroke-linecap: round; }

@media (max-width: 767px) { 
	.lmm.not-mobile { display: none; }
	.lmm.tablet-only { display: none; }
}
@media (min-width: 768px) { .lmm.mobile-only { display: none; }}
@media (max-width: 1199px) { 
	.lmm.desktop-only { display: none; }
	
	.lmm-color .lmm-link.phone,
	.lmm-color .lmm-order-call-trigger { border-color: #f7d350; background: #f7d350; }
	.lmm-color .lmm-link.kyivstar { border-color: #229fff; background: #229fff; }
	.lmm-color .lmm-link.lifecell { border-color: #ffcb05; background: #ffcb05; }
	.lmm-link.vodafone #vodafone-logo-bg { fill: #fff; }
	.lmm-link.vodafone #vodafone-logo-drop { fill: #555; }
	.lmm-color .lmm-link.vodafone { border-color: #e60000; background: #e60000; }
	.lmm-color .lmm-link.vodafone #vodafone-logo-drop { fill: #e60000; }
	.lmm-color .lmm-link.email { border-color: #4ec54e; background: #4ec54e; }
	.lmm-color .lmm-link.fb-messenger { border-color: #3b5998; background: #3b5998; }
	.lmm-color .lmm-link.telegram { border-color: #0088cc; background: #0088cc; }
	.lmm-color .lmm-link.viber { border-color: #59267c; background: #59267c; }
	.lmm-color .lmm-link.skype { border-color: #00aff0; background: #00aff0; }
}

@media (min-width: 1200px) {
	.lmm svg { width: 24px; height: 24px; }

	.lmm.not-desktop { display: none; }
	.lmm.tablet-only { display: none; }

	.lmm.few-children { padding: 0 20px; }
	.lmm-left.few-children { left: 0; }
	.lmm-right.few-children { right: 0; }

/*	.lmm-link.phone,
	.lmm-link.kyivstar,
	.lmm-link.lifecell,
	.lmm-link.vodafone { display: none; }*/

	.lmm-trigger,
	.lmm-link { background: #fff; }
	.lmm-trigger,
	.lmm-link svg { fill: #555; }
	.lmm-trigger:hover,
	.lmm-link:hover { background: #555; }
	.lmm-trigger:hover svg,
	.lmm-link:hover svg { fill: #fff; }

	.lmm-color .lmm-trigger:hover { background: #fff; border-color: crimson; }
	.lmm-color .lmm-trigger:hover svg { fill: crimson; }

	.lmm-color .lmm-link.phone,
	.lmm-color .lmm-order-call-trigger { border-color: #f7d350; }
	.lmm-color .lmm-link.phone svg,
	.lmm-color .lmm-order-call-trigger svg { fill: #f7d350; }
	.lmm-color .lmm-link.phone:hover,
	.lmm-color .lmm-order-call-trigger:hover { background: #f7d350; }

	.lmm-color .lmm-link.kyivstar { border-color: #229fff; }
	.lmm-color .lmm-link.kyivstar svg { fill: #229fff; } 
	.lmm-color .lmm-link.kyivstar:hover { background: #229fff; }

	.lmm-color .lmm-link.lifecell { border-color: #ffcb05; }
	.lmm-color .lmm-link.lifecell svg { fill: #ffcb05; }
	.lmm-color .lmm-link.lifecell:hover { background: #ffcb05; }

	.lmm-link.vodafone:hover #vodafone-logo-bg { fill: #fff; }
	.lmm-link.vodafone:hover #vodafone-logo-drop { fill: #555; }
	.lmm-color .lmm-link.vodafone { border-color: #e60000; }
	.lmm-color .lmm-link.vodafone #vodafone-logo-bg { fill: #e60000; }
	.lmm-color .lmm-link.vodafone:hover { background: #e60000; }
	.lmm-color .lmm-link.vodafone:hover #vodafone-logo-bg { fill: #fff; }
	.lmm-color .lmm-link.vodafone:hover #vodafone-logo-drop { fill: #e60000; }

	.lmm-color .lmm-link.email { border-color: #4ec54e; }
	.lmm-color .lmm-link.email svg { fill: #4ec54e; }
	.lmm-color .lmm-link.email:hover { background: #4ec54e; }

	.lmm-color .lmm-link.fb-messenger { border-color: #3b5998; }
	.lmm-color .lmm-link.fb-messenger svg { fill: #3b5998; }
	.lmm-color .lmm-link.fb-messenger:hover { background: #3b5998; }

	.lmm-color .lmm-link.telegram { border-color: #0088cc; }
	.lmm-color .lmm-link.telegram svg { fill: #0088cc; }
	.lmm-color .lmm-link.telegram:hover { background: #0088cc; }

	.lmm-color .lmm-link.viber { border-color: #59267c; }
	.lmm-color .lmm-link.viber { fill: #59267c; }
	.lmm-color .lmm-link.viber:hover { background: #59267c; }

	.lmm-color .lmm-link.skype { border-color: #00aff0; }
	.lmm-color .lmm-link.skype svg { fill: #00aff0; }
	.lmm-color .lmm-link.skype:hover { background: #00aff0; }

	.lmm-color .lmm-link:hover svg { fill: #fff; }
}