.messagify-wrapper {
	margin : 0;
	padding: 0;
}

.messagify-wrapper .messagify-btns {
	position      : fixed;
	bottom        : 0;
	left          : 0;
	overflow      : hidden;
	z-index       : 99999;
	padding-bottom: 30px;
	padding-left  : 30px;
}

.messagify-wrapper .messagify-btns .messagify-btn {
	position        : relative;
	width           : 50px;
	height          : 50px;
	background-color: #222222;
	color           : #fff;
	border-radius   : 50%;
	text-align      : center;
	display         : block;
	margin-bottom   : 12px;
	box-shadow      : -4px 5px 11px rgba(0, 0, 0, 0.3);
}

.messagify-wrapper .messagify-btns .messagify-btn:last-of-type {
	margin-bottom: 0;
}

.messagify-wrapper .messagify-btns .messagify-btn span {
	position : relative;
	top      : 50%;
	transform: translateY(-50%);
	display  : block;
}

.messagify-wrapper .messagify-btns .messagify-btn svg {
	fill          : white;
	width         : 26px;
	height        : 26px;
	display       : inline-block;
	vertical-align: middle;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-messenger {
	background-color: #0184FF;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-whatsapp {
	background-color: #4EC248;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-phone {
	background-color: #fbbc05;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-sms {
	background-color: #4285f4;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-snapchat {
	background-color: #fffc00;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-telegram {
	background-color: #0088cc;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-vk {
	background-color: #45668e;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-viber {
	background-color: #59267c;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-email {
	background-color: #ea4335;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-line {
	background-color: #00c300;
}

.messagify-wrapper .messagify-btns .messagify-btn.messagify-btn-global {
	background-color: #050f2c;
}

.messagify-wrapper .messagify-btns .messagify-btn:not(.messagify-btn-global):hover {
	background-color: #1e1e1e;
}

.messagify-wrapper .messagify-btns.is-compact .messagify-btn:not(.messagify-btn-global) {
	transition: all 400ms;
	transform : translateY(4px);
	opacity   : 0;
}

.messagify-wrapper .messagify-btns.is-compact .messagify-btn.messagify-btn-active {
	display  : block;
	transform: translateY(0px);
	opacity  : 1;
}

.messagify-wrapper .messagify-btns.is-background-dark .messagify-btn {
	background-color: #222222;
}

.messagify-wrapper .messagify-btns.is-background-dark .messagify-btn svg {
	fill: white;
}

.messagify-wrapper .messagify-btns.is-background-light .messagify-btn {
	background-color: #ffffff;
}

.messagify-wrapper .messagify-btns.is-background-light .messagify-btn svg {
	fill: #222222;
}

@media screen and (max-width: 767px) {
	.messagify-wrapper .messagify-btns.is-mobile-style-fixed {
		right          : 0;
		left           : 0;
		width          : 100%;
		padding        : 0;
		display        : flex;
		justify-content: center;
		flex-direction : row;
	}
}

@media screen and (max-width: 767px) {
	.messagify-wrapper .messagify-btns.is-mobile-style-fixed .messagify-btn {
		flex-grow    : 1;
		border-radius: 0;
		box-shadow   : none;
		margin       : 0;
	}
}

.messagify-wrapper .messagify-card-wrapper {
	position  : relative;
	z-index   : 9999;
	width     : 360px;
	font-size : 14px;
	padding   : 8px;
	transition: all 400ms;
	transform : translateY(4px);
	opacity   : 0;
	display   : none;
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-close {
	position: absolute;
	right   : 20px;
	top     : 20px;
	width   : 10px;
	height  : 10px;
	z-index : 1;
	cursor  : pointer;
}

@media screen and (max-width: 576px) {
	.messagify-wrapper .messagify-card-wrapper {
		width: 260px;
	}
}

.messagify-wrapper .messagify-card-wrapper.messagify-card-active {
	display  : block;
	transform: translateY(0px);
	opacity  : 1;
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container {
	position        : relative;
	padding         : 30px 30px 10px 15px;
	border-radius   : 8px;
	box-shadow      : 2px 2px 6px rgba(0, 0, 0, 0.4);
	background-color: #ffffff;
	margin-bottom   : 14px;
}

@media screen and (max-width: 576px) {
	.messagify-wrapper .messagify-card-wrapper .messagify-card-container {
		padding   : 30px 15px 10px 15px;
		text-align: center;
	}
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-images {
	position     : absolute;
	left         : 15px;
	top          : 30px;
	height       : 50px;
	width        : 50px;
	border       : 1px solid #eeeeee;
	border-radius: 8px;
	margin-right : 15px;
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-images img{
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 576px) {
	.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-images {
		position     : relative;
		top          : auto;
		left         : 50%;
		transform    : translateX(-50%);
		margin-bottom: 20px;
	}
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content {
	position    : relative;
	padding-left: 65px;
}

@media screen and (max-width: 576px) {
	.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content {
		padding-left: 0;
	}
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text {
	position     : relative;
	padding      : 16px;
	text-align   : left;
	border-radius: 8px;
	border       : 1px solid #eeeeee;
	margin-bottom: 15px;
}

@media screen and (max-width: 576px) {
	.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text {
		text-align: center;
	}
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text:before {
	position    : absolute;
	top         : 20px;
	left        : -11px;
	border      : 5px solid transparent;
	border-right: 5px solid #eeeeee;
	content     : "";
}

@media screen and (max-width: 576px) {
	.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text:before {
		top               : -11px;
		left              : 50%;
		border-bottom     : 5px solid #eeeeee;
		border-right-color: transparent;
		margin-left       : -5px;
	}
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text:after {
	position    : absolute;
	top         : 20px;
	left        : -10px;
	border      : 5px solid transparent;
	border-right: 5px solid #fff;
	content     : "";
}

@media screen and (max-width: 576px) {
	.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text:after {
		top               : -10px;
		left              : 50%;
		border-bottom     : 5px solid #fff;
		border-right-color: transparent;
		margin-left       : -5px;
	}
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-btns .messagify-btn {
	display     : inline-block;
	margin-right: 10px;
	width       : 36px;
	height      : 36px;
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-btns .messagify-btn svg {
	width : 18px;
	height: 18px;
}

.messagify-wrapper .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-btns .messagify-btn:last-of-type {
	margin-right: 0;
}
/* 
body.rtl .messagify-wrapper .messagify-btns {
	left         : auto;
	right        :0;
	padding-right: 30px;
}

body.rtl .messagify-wrapper .messagify-btns .messagify-btn {
	box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.3);
}

body.rtl .messagify-card-wrapper .messagify-card-close {
	left : 20px;
	right: auto;
}

body.rtl .messagify-card-wrapper .messagify-card-container {
	padding: 30px 15px 10px 30px;
}

body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-images {
	right       : 15px;
	left        : auto;
	margin-right: 0;
	margin-left : 15px;
}

@media screen and (max-width: 576px) {
	body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-images {
		right    : 50%;
		left     : auto;
		transform: translateX(50%);
	}
}

body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content {
	padding-right: 65px;
	padding-left : 0;
}

@media screen and (max-width: 576px) {
	body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content {
		padding-right: 0;
	}
}

body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text {
	text-align: right;
}

body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text:before {
	left              : auto;
	right             : -11px;
	border            : 5px solid transparent;
	border-left       : 5px solid #eeeeee;
	border-right-color: transparent;
	content           : "";
}

@media screen and (max-width: 576px) {
	body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text:before {
		right       : 50%;
		left        : auto;
		margin-right: -5px;
		margin-left : 0;
	}
}

body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text:after {
	right             : -10px;
	left              : auto;
	border            : 5px solid transparent;
	border-left       : 5px solid #fff;
	border-right-color: transparent;
}

@media screen and (max-width: 576px) {
	body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-text:after {
		right       : 50%;
		left        : auto;
		margin-right: -5px;
		margin-left : 0;
	}
}

body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-btns .messagify-btn {
	margin-left : 10px;
	margin-right: 0;
}

body.rtl .messagify-card-wrapper .messagify-card-container .messagify-card-content .messagify-card-btns .messagify-btn:last-of-type {
	margin-left: 0;
} */