.mobile-hide{display:block;}
.mobile-show{display:none!important;}
.display-hide {display: none;}
.display-none {display: none !important;}
.ipad-hide {display: block;}
.ipad-show {display: none !important;}

#whatsapp-badge { background-color: #25d366; color: #fff; position: fixed; z-index: 1000; left: 30px; bottom: 80px; padding: 10px 15px; border-radius: 3px; font-family: Raleway; font-weight: 600; }
#whatsapp-badge i { vertical-align: sub; margin-right: 5px; font-size:25px; }

@-webkit-keyframes uzmDaire{
	0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.01}
	30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.01}
}
@keyframes uzmDaire{
	0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.01}
	30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.01}
}
@-webkit-keyframes uzmDaireFill{
	0%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg);opacity:0}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}
	100%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg);opacity:.2}
}
@keyframes uzmDaireFill{
	0%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg); opacity:0}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg); opacity:.2}
	100%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg); opacity:.2}
}
#u-whatsapp { font-family:Arial; position:fixed; width: 72px; height: 72px; bottom: 80px; top: auto; right: auto; left: 40px; z-index:99999; }
.cember, .cember-fill { position:absolute;border-radius:100%;-webkit-transition:all .5s;transition:all .5s;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0; -webkit-animation-delay:2s;animation-delay:2s }
.cember{ width:250%;height:250%;background-color:transparent;border:2px solid #189d0e;-webkit-animation:uzmDaire 2.2s infinite ease-in-out;animation:uzmDaire 2.2s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%; transform-origin:50% 50%;left:-71%;top:-75%; }
.cember-fill { width:155%;height:155%;background-color:#189d0e;border:2px solid transparent;-webkit-animation:uzmDaireFill 2.3s infinite ease-in-out;animation:uzmDaireFill 2.3s infinite ease-in-out;box-shadow:0 0 2px 0 #189d0e!important;left:-23.5%;top:-27.5%; }
.main-button { position: relative; right: 1px; top: 1px; float: right; width: 64px; height: 64px; background: center center no-repeat #189d0e; box-shadow: 0 3px 5px 1px rgba(0,0,0,.2); background-size: 30px; border-radius: 100%; cursor: pointer; font-size: 16px; color: #fff; text-align: center; line-height: 58px; }
.main-button i { opacity: 0; visibility: hidden; -webkit-transition: all .6s cubic-bezier(.55,0,.1,1); transition: all .6s cubic-bezier(.55,0,.1,1); -webkit-transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%,-50%,0); transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%,-50%,0); z-index: 1; width: 45%; height: 45%; font-size: 16px; }
.main-button i.rotate-icon { opacity: 1; visibility: visible; -webkit-transform: perspective(400px) rotateY(0) scale(1) translate3d(-50%,-50%,0); transform: perspective(400px) rotateY(0) scale(1) translate3d(-50%,-50%,0);}
.main-button img { vertical-align:middle; }
.main-text { position: absolute; background: #189d0e; width: 0px; left: 52px; line-height: 40px; margin-top: 12px; border-radius: 3px; color:#fff; overflow: hidden; white-space: nowrap; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; text-indent:10px; text-align:left; }
.main-text.active { width:255px; }

#WhatsAppMobile { position: fixed; bottom:0; width:100%; height:56px; padding: 8px 10px; background: #189d0e; color:#fff; z-index: 8001;}
#WhatsAppMobile a { color: #fff; font-family: Arial; line-height: 40px; text-align: center; font-weight:600; }
#WhatsAppMobile a img { width: 30px; vertical-align:middle; margin-right:10px; }

@media screen and (max-width:480px) {
	#whatsapp-badge {
		bottom: 0 !important;
		width: 100%;
		left: 0 !important;
		text-align: center;
		z-index: 8001 !important;
		padding: 17px 15px !important;
		font-size: 18px;
		border-radius: 0 !important;
	}
}
@media screen and (min-width: 959px) {
	.desktop-hide {display: none !important;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
	.mobile-hide {display: none !important;}
}
@media screen and (max-width: 959px) and (min-width: 768px) {
	.mobile-hide {display: none !important;}
}
@media screen and (max-width: 768px) {
	.d-none {display: block !important;}
	.mobile-hide {display: none !important;}
}