@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap');
.whatsapp-widget{
    position: fixed!important;
    width: 100%;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
	font-family: 'Open Sans', sans-serif;
    z-index: 99;
    text-align: center;
    box-sizing: border-box;
}
.whatsapp-widget-mobile{
    position: fixed!important;
    width: 100%;
    margin-top: 0px!important;
    margin-bottom: 0px!important;

    z-index: 99;
    text-align: center;
    box-sizing: border-box;
    position: fixed;
}
a.whatsapp-button{
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    font-size: 18px;
    padding: 13px 23px;
    -webkit-border-radius: 5px;
    border-radius: 0;
    color: #fff;
    width: auto;
    box-shadow: none;
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin-left: 40px;
    z-index: 2;
}
.whatsapp-widget-mobile a.whatsapp-button{
    font-size: 19px;
    line-height: 1.4em;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}
.button-content-wrapper{
    justify-content: center;
    position: absolute;
    display: block;
    top: 47px;
    right: 70px;
    text-decoration: none;
    font-weight: 600;
}
.whatsapp-button-icon{
    margin-right: 5px;
    flex-grow: 0;
    color: #062449;
    font-weight: 600;
    position: relative;display: none;
}
.whatsapp-button-text{
    text-decoration: inherit;text-align: left;
    order: 10;
    display: block;
    color: #062449;
    
}
.whatsapp-button-text span{
	font-weight: 900;line-height: 28px;
	font-family: 'Open Sans', sans-serif;
	font-size:18.37px;display: block;
}
.phonetext{
	font-size: 27px!important;
    font-weight: 900;
}
.bigblurwhatsapp{
    color: #062449;font-size: 19px!important;
    font-weight: 400!important;
}
.whatsapp-widget.top{
    top: 20px!important;
    right: 20px!important;
    width: 460px;
}
.whatsapp-widget.top a.whatsapp-button{
    font-size: 24px;
    padding: 35px 45px;
}
.whatsapp-widget-mobile.top{
    top: 10px!important;
}
.whatsapp-widget.bottom{
    bottom: 10px!important;
}
.whatsapp-widget-mobile.bottom{
    bottom: 10px!important;
} 
.whatsapp-widget-mobile{
    display: none;
}
@media (max-width:750px){
    .whatsapp-widget-mobile.bottom {
        display: block;
    }
	.bigblurwhatsapp{font-weight:900;}
	.whatsapp-widget-mobile .button-content-wrapper{right:45px;}
}
@media only screen and (max-width: 750px){
    .whatsapp-widget{
        display: block;
    }
    .whatsapp-widget-mobile.bottom {
        display: none;
    }
}
lottie-player{
    left: -310px;
    width: 500px;
    height: 500px;
    display: inline-block;
    position: absolute;
    top: -273px;
}
.top lottie-player{
    left: -20px;
    width: 70px;
    height: 70px;
    display: inline-block;
    position: absolute;
    top: -36px;
}
.whatsapp-button-text{
    /*margin-left: 35px;*/
}
.top .whatsapp-button-text{
    margin-left: 0;
}
@media screen and (max-width: 768px){
    .top lottie-player{
        left: -20px;
        width: 45px;
        height: 45px;
        display: inline-block;
        position: absolute;
        top: -14px;
    }
}
div.whatsapp-button-arrow{
    border-bottom: 99px solid transparent; 
    border-left:30px solid #2a507f;
    position: absolute;
    right: -30px;
    top: 0;
}
.wrappwhatsapp{
    width: 100%;
    /*background: url(wrapper.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}
.wrappwhatsapp-cover{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    width: 460px;
    bottom: 0px;
}

.wrappwhatsapp-icon{
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    top: 40px;
    left: 43px;
    max-width: 100px;
}
.whatsapp-widget-mobile .wrappwhatsapp-icon{
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    top: 37px;
    left: 38px;
    max-width: 55px;
}
.whatsapp-widget-mobile .wrappwhatsapp-cover{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    width: 460px;
    bottom: 0px;
}
.whatsapp-widget-mobile .whatsapp-button-text{
    
}
.whatsapp-widget-mobile .whatsapp-button-text .bigblurwhatsapp{
   
}
.whatsapp-widget-mobile .button-content-wrapper{
    justify-content: center;
    position: absolute;
    display: block;
    top: 36px;
    right: 37px;
    text-decoration: none;
    font-weight: 600;
}
    
    
    
    
    @media screen and (max-width: 480px){
		.whatsapp-widget.top{width:100%;right:auto!important;}
		.wrappwhatsapp-cover{width:96%!important;}
		.whatsapp-button-text span{line-height:normal;    font-size: 14px;}
		.bigblurwhatsapp{font-size:14px!important;}
		.phonetext{font-size:19px!important;}
		.button-content-wrapper{top: 25%;  right: auto; left: 42%;}
		.wrappwhatsapp-icon{max-width:65px;    left: 40px;}
	}
    
    
    
    
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}