/* boton wasap pie */


.wasap_2021 {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999999;
	background-color: green;
	font-family: 'nunitoextrabold',sans-serif;
}

.wasap_2021 .logo_solo {
    width: 48px;
    position: fixed;
    bottom: 95px;
    right: 10px;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -moz-transition: opacity 0.4s, visibility 0.4s;
    -ms-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}


.wasap_2021 .logo_solo img {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.wasap_2021 .logo_solo:hover {
	opacity: 0.8;
}

.caja{

	width: 400px;
	height: 300px;
	background: #fff;
	
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow: 0px 0px 10px #666;
	-ms-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;

	position: fixed;
	bottom: 10px;
	right: 10px;
	opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0,400px,0);
  -moz-transform: translate3d(0,400px,0);
  -ms-transform: translate3d(0,400px,0);
  transform: translate3d(0,400px,0);
  -webkit-transition: -webkit-transform 0.4s,opacity 0.4s, visibility 0.4s;
	-moz-transition: -moz-transform 0.4s,opacity 0.4s, visibility 0.4s;
	-ms-transition: -ms-transform 0.4s,opacity 0.4s, visibility 0.4s;
	transition: transform 0.4s,opacity 0.4s, visibility 0.4s;

}


.up{
	background: #46d265;
	-moz-border-radius: 20px 20px 0px 0px;
	-ms-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px;
	height: 50px;
	width: auto;
	padding: 2%;
}


.izquierda {
    float: left;
    font-weight: bold;
}

.izquierda img{
	width: 32px;
	position: relative;
	top: 9px;
}

.cierra{
	display: inline-block;
	float: right;
	font-weight: bold;
	width: 32px;
	height: 32px;
	line-height: 32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
	opacity: 0.6;
	position: relative;
	top: 10px;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
.cierra:hover{
	opacity:1;
	text-decoration: none!important;
}

.globo{
	text-align: left;
	width: 360px;
	margin-top: 10px;
}

.globo img{
	width: 80%;
}

.hola {
    position: relative;
    color: #666;
    line-height: 25px;
    left: 57px;
    bottom: 92px;
    font-size: 14px;
    font-weight: bold;
}

.enviar_a_wasap{
	float: right;
	-moz-border-radius: 10px ;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #46d265;
	width: 200px;
	height: 44px;
	position: relative;
	bottom: 25px;
	right: 15px;
	opacity: 1;
	
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.enviar_a_wasap:hover{
	opacity: 0.8;	
}

.enviar_a_wasap img {
    width: 24px;
    position: relative;
    top: 6px;
    left: 20px;
}

.abrir_chat {
    position: relative;
    top: 4px;
    color: #fff;
    font-weight: bold;
}

.popup-whatsup-active .wasap_2021 .logo_solo {
  opacity: 0;
  visibility: 0;
}
.popup-whatsup-active .wasap_2021 .caja {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}



@media only screen 
and (min-width : 0px) 
and (max-width : 1023px){


.menu_movil{
	display: none;
}

.caja{

	width: 300px;
	height: 300px;
	background: #fff;
	
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow: 0px 0px 10px #666;
	-ms-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;

	position: fixed;
	bottom: 10px;
	right: 10px;
	opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0,400px,0);
  -moz-transform: translate3d(0,400px,0);
  -ms-transform: translate3d(0,400px,0);
  transform: translate3d(0,400px,0);
  -webkit-transition: -webkit-transform 0.4s,opacity 0.4s, visibility 0.4s;
	-moz-transition: -moz-transform 0.4s,opacity 0.4s, visibility 0.4s;
	-ms-transition: -ms-transform 0.4s,opacity 0.4s, visibility 0.4s;
	transition: transform 0.4s,opacity 0.4s, visibility 0.4s;

}


		
}