/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 @media only screen and (max-width: 800px) {
    .floating-panel {position:static!important;}
}

.floating-panel {
    width:100%;
    z-index:300;
    transform: translateZ(0);
    transition:all 0.5s;
}

/* Float Panel: class="floating-panel fixed" */

.fixed {
    position: fixed;
    animation:slide-down 0.7s;
}                  
.fixed .fa-gg {                  
    transform: rotate(360deg);      
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.fl-icon-text-wrap p {
    position: relative;
    padding-left: 32px;
}

.fl-icon-text-wrap p span.icon {
    position: absolute;
    width: 20px;
    display: inline-block;
    left: 0;
    text-align: right;
}