/*
Whatsapp
*/
.whatsapp {
	width: 380px;
	max-width: calc(100% - 40px);
	position: fixed;
	right: 20px;
	bottom: 90px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	z-index: 999999999;
}

.whatsapp__content {
	display: none;
	max-height: calc(100vh - 160px);
	background-color: #ffffff;
	overflow: auto;
}

.whatsapp__content::-webkit-scrollbar {
	width: 7px;
	background-color: rgba(36, 211, 102, 0.7);
}

.whatsapp__content::-webkit-scrollbar-thumb {
	background-color: transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

.whatsapp__header {
	padding: 30px 30px 100px 30px;
	background: url(images/whatsapp/tema.png) 0 0 / 80% repeat, linear-gradient(135deg, rgb(0, 161, 60) 0%, rgba(0, 161, 60, 0.8) 100%);
}

.whatsapp__header--wait {
	background: url(images/whatsapp/tema.png) 0 0 / 80% repeat, linear-gradient(135deg, rgb(205, 183, 71) 0%, rgb(183, 158, 7) 100%);
}

.whatsapp__logo {
	width: 40px;
	margin-bottom: 20px;
}

.whatsapp__header.is-scroll .whatsapp__logo {
	opacity: 0.7;
}

.whatsapp__title {
	font-size: 2em;
	color: #ffffff;
	font-weight: 500;
	text-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.08);
	margin-bottom: 0;
}

.whatsapp__header.is-scroll .whatsapp__title {
	opacity: 0.7;
}

.whatsapp__description {
	font-size: 1em;
	color: #ffffff;
	text-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.08);
	margin: 0 !important;
}

p.whatsapp__description {
	margin: 0 !important;
}

.whatsapp__header.is-scroll .whatsapp__description {
	opacity: 0.7;
}

.whatsapp__contact {
	width: 90%;
	padding: 15px;
	margin: 15px auto;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.whatsapp__contact--float {
	margin-top: -80px;
}

.whatsapp__wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 20px;
}

.whatsapp__avatar {
	width: 50px;
	margin-right: 15px;
	border: 4px solid #24d366;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.whatsapp__name {
	font-size: 1.1em;
	color: #333333;
	font-weight: 500;
	margin: 0 0 0 !important;
}

.whatsapp__legend {
	font-size: 0.875em;
	color: #666666;
	margin:0;
}

.whatsapp__link {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 0.875em;
	color: #ffffff;
	text-decoration: none;
	padding: 10px 0;
	background-color: #24d366;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.whatsapp__icon--link {
	width: 20px;
	margin-right: 10px;
}

.whatsapp__button {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 180px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	font-size: 0.875em;
	color: #ffffff;
	text-decoration: none;
	padding: 10px 0;
	background-color: #24d366;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
	transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.2s ease-in-out;
}

.whatsapp__button.is-active {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
	border-radius: 50%;
}

.whatsapp__icon--button {
	width: 30px;
	margin-right: 10px;
}

.whatsapp__button.is-active .whatsapp__icon--button {
	margin-right: 0;
	-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.5s ease-in-out;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.whatsapp__label {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.whatsapp__field {
	color: #444444;
	font-weight: 500;
	background-color: #f1f1f1;
	border: none;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	outline: none;
}

.whatsapp__field::-webkit-input-placeholder {
	color: #cccccc;
}

.whatsapp__field::-moz-placeholder {
	color: #cccccc;
}

.whatsapp__field:-ms-input-placeholder {
	color: #cccccc;
}

.whatsapp__field:-moz-placeholder {
	color: #cccccc;
}

.whatsapp__send {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 50px;
	background-color: #24d366;
	border: none;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	outline: none;
	cursor: pointer;
}

.whatsapp__icon--send {
	width: 15px;
}

/* 768px */
@media (max-width: 48em) {
	.whatsapp {
		right: 10px;
		bottom: 80px;
	}

	.whatsapp__button {
		width: 60px;
		height: 60px;
		right: 10px;
		bottom: 10px;
		-webkit-border-radius: 25%;
		-moz-border-radius: 25%;
		border-radius: 50%;
	}

	.whatsapp__icon--button {
		margin-right: 0;
	}

	.whatsapp__hidden {
		display: none;
	}
}

.box_whatsapp__button a:hover{
	color: #fff !important;
	text-decoration: none;
}
.box_whatsapp__button a:focus{
	color: #fff !important;
	text-decoration: none;
}
.box_whatsapp__button a:active{
	color: #fff !important;
	text-decoration: none;
}

.box_whatsapp__link a:hover{
	color: #fff !important;
	text-decoration: none;
}
.box_whatsapp__link a:focus{
	color: #fff !important;
	text-decoration: none;
}
.box_whatsapp__link a:active{
	color: #fff !important;
	text-decoration: none;
}