.wkfe-contact{
    .icon-svg-wrapper{
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .wkfe-contact-content-wrapper{
        display:none;
        opacity: 0;
        z-index: -1;
        transition:all 0.3s ease;
        position: absolute;
        top:0;
        padding:15px;
        background:#eee;
        width:100%;
        .arrow-up {
            width: 0; 
            height: 0; 
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            
            border-bottom: 20px solid #eee;
            position: absolute;
            top:-15px;
            margin:0 auto;
        }
        .arrow-up.left{
            left:0;
        }
        .arrow-up.right{
            right:0;
        }
        .arrow-up.center{
            left:0;
            right:0;
        }
    }
    
    .wkfe-contact-content-wrapper.left{
        left:0;
    }
    .wkfe-contact-content-wrapper.center{
        left:0;
        right:0;
    }
    .wkfe-contact-content-wrapper.right{
        right:0;
    }

    .wkfe-contact-content-wrapper.active{
        display:block;
        opacity:1;
        z-index: 9;
        top:45px;
    }
    
    .wkfe-contact-content-wrapper.pos-absolute{
        position: fixed;
        top:0;
        display:none !important;
    }

    .wkfe-contact-content-wrapper.active.pos-absolute{
        position: fixed;
        display:block !important;
        opacity:1;
        z-index: 99;
        top:45px;
        display:block;
    }

}