
        .cont_wtsp{
        position: fixed;
        bottom: 10px;
        right: 150px;
        z-index: 10;

    }
    
    
    
    .icons_wtsp_all{
        padding: 10px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #2db742;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: ease 0.3s;
        animation: efecto 1.2s infinite;
    }
    
    @keyframes efecto{
        0%{
            box-shadow: 0 0 0 0 rgba(0,0,0,0.85);
            
        }


        50%{
            box-shadow: 0 0 0 20 rgba(150, 147, 149, 0.8);
            
        }
        
        
        90%{
            box-shadow: 0 0 0 12px rgba(0,255,0,0.6);
        }

    }
    .icons_wtsp_all svg{
        width: 40px;
        display: block
    }
    .icons_wtsp_all svg path{
        /*fill: #2db742*/
    }
    .cont_numbers_wtsps{
        position: absolute;
        right: 70px;
        bottom: 0;
        /****}}}}}*/
        width: 351px;
        border-radius: 5px 5px 8px 8px;
        overflow: hidden;
        box-shadow: 0px 10px 10px 4px rgba(0,0,0,0.04);
        opacity: 0;
        visibility: hidden;
        -ms-transform: translate(0,50px);
        transform: translate(0,50px);
        -webkit-transform: translate(0,50px);
        -moz-transform: translate(0,50px);
        transition: 0.4s ease all;
        -webkit-transition: 0.4s ease all;
        -moz-transition: 0.4s ease all;
        will-change: transform,visibility,opacity;
        /*max-width: calc(100% - 50px);*/
        
    }
    .active_wtsp{
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        visibility: visible;
        opacity: 1;
    }
    
    .head_wtsp_chat{
        background-color: #2db742;
        color: #fff;
        display: flex;
        padding: 10px 20px;
    }
    .head_wtsp_chat svg{
        width: 40px;
    } 
    .text_head_wtps h3, .text_head_wtps p{
        margin: 0;
    }
    .body_wtsp_land{
        background-color: #fff;
    }
    .text_head_wtps p{
        margin: 0;
        line-height: 1.2;
    }
    .items_numbers_wtsp span{
        display: block;
    }
    .text_head_wtps{
        margin-left: 10px;
    }
    .items_numbers_wtsp .number_wtsp_area{
        margin: 0;
        line-height: 1.2;
        margin-left: 15px;
    }
    .cont_wtsp_ico_body img{
        width: 40px;
    }
    .items_numbers_wtsp{
        display: flex;
        align-items: center;
        color: #000;
        padding: 15px 25px;
        border-left: 5px solid #2db742;
    }
    .items_numbers_wtsp:nth-child(odd){
        background: #eceded;
        /*border-left: 5px solid #f8a303;*/
        border-left: 5px solid #2db742;
    }
    @media (max-width: 700px){
        .head_wtsp_chat{
            padding: 10px;
        }
        .text_head_wtps h3, .text_head_wtps p{
            line-height: 1.2;
        }
        .cont_numbers_wtsps{
            right: 100px;
            bottom: -70px;
            width: 231px;
        }
        .cont_wtsp{
            bottom: 80px;
            right: 20px;
        }
    }
