/*
Theme Name: Spa
Description: This is a child theme for Flatsome Theme
Author: Việt Lâm Coder - 0944.71.4545
Template: flatsome
Version: 3.0
*/

.mobile-hotline {
	display: none
}

.hotline {
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 9000;
	display: block;
	background: #807a48;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 99px;
	font-family: "UTM Avo", sans-serif;
}

.hotline .hotline-number {
	font-size: 20px;
	font-family: "UTM Avo", sans-serif;
	color: white;
	font-weight: bold
}

@media (max-width: 767px) {
	.hotline {
		display: none;
	}
	.mobile-hotline {
		display: block;
		bottom: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		height: 60px;
		position: fixed;
		z-index: 9999999
	}
	.mobile-hotline .mobile-hotline-left {
		width: 45%;
		float: left;
		text-align: center;
		background: #00a502;
		margin-left: 10px;
		margin-right: 5px;
		margin-top: 7px;
		height: 45px;
		border-radius: 4px
	}
	.mobile-hotline .mobile-hotline-left a {
		color: white;
		line-height: 46px;
		font-size: 16px;
		font-weight: bold
	}
	.mobile-hotline .mobile-hotline-right {
		width: 45%;
		float: right;
		text-align: center;
		background: #fac100;
		margin-left: 5px;
		margin-right: 10px;
		margin-top: 7px;
		height: 45px;
		border-radius: 4px
	}
	.mobile-hotline .mobile-hotline-right a {
		color: red;
		line-height: 46px;
		font-size: 16px;
		font-weight: bold
	}
}