:root {
  --principal: #44a5d2;
  --secundaria: #15478e;
  --whatsapp: #33af23;
}
.mobile {
   display: none;
}
.whatsapp-desktop {
	display: initial;
	position: fixed;
	bottom: 180px;
	right: 5px;
	z-index: 9999;
	text-align: center;
}
.whatsapp-desktop img {
	width: 60px;
}
.whatsapp-desktop img:hover {
	transform: scale(1.10);
	opacity:0.8; 
	transition: all 0.3s ease-out;
}
.whatsapp-desktop .whatsapp-text {
	background: var(--whatsapp);
	color: #FFF;
	font-size: 20px;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.d-mobile {
    position: fixed;
    width: 100%;
    display: block;
    bottom: 0;
    font-size: 14px;
    z-index: 999;
    text-align: center;
}
.d-mobile a {
    color: #FFF;
}
.d-mobile .d-phone {
    width: 50%;
    float: left;
    background-color: var(--principal);
    padding: 21px 0;
}
.d-mobile .d-whats {
    width: 50%;
    float: right;
    background-color: var(--whatsapp);
    padding: 21px 0;
}
.btn_whats {
	border-radius:4px; white-space: inherit; cursor: pointer !important; background: var(--whatsapp); color: #FFF !important; padding: 10px 15px; border: 1px solid var(--whatsapp);
}
.btn_whats:hover {
	color: var(--whatsapp) !important; background: #FFF !important; opacity:0.8; transition: all 0.3s ease-out;
}
.btn_phone {
	border-radius:4px; white-space: inherit; cursor: pointer !important; background: var(--principal); color: #FFF !important; padding: 10px 15px; border: 1px solid var(--principal);
}
.btn_phone:hover {
	color: var(--principal) !important; background: #FFF !important; opacity:0.8; transition: all 0.3s ease-out;
}
.btn_phone2 {
  border-radius:4px; white-space: inherit; cursor: pointer !important; background: var(--secundaria); color: #FFF !important; padding: 10px 15px; border: 1px solid var(--secundaria);
}
.btn_phone2:hover {
  color: var(--secundaria) !important; background: #FFF !important; opacity:0.8; transition: all 0.3s ease-out;
}
.btn_whats2 {
  border-radius:4px; white-space: inherit; cursor: pointer !important; background: var(--whatsapp); color: #FFF !important; padding: 10px 15px; border: 1px solid var(--whatsapp);
}
.btn_whats2 a {
  color: #FFF !important; 
}
.btn_whats2:hover {
  color: var(--whatsapp) !important; background: #FFF !important; opacity:0.8; transition: all 0.3s ease-out;
}
.btn_whats2:hover a {
  color: var(--whatsapp) !important; 
}
@media only screen and (max-width : 800px) {
    .d-mobile {
        display: block;
    }
    .mobile {
        display: initial;
    }
    .desktop {
        display: none;
    }
    .whatsapp-desktop {
    	display: none;
    }
    .page-wrapper{
        margin-bottom: 70px!important;
    }
    .scroll-to-top{
        bottom: 90px!important;
    }
}