/*
Theme Name:        Flatsome
Theme URI:         http://flatsome.uxthemes.com/
Author:            UX-Themes
Author URI:        http://www.uxthemes.com/
Description:       Multi-Purpose Responsive WooCommerce Theme
Version:           3.13.3
Requires at least: 5.0.0
Requires PHP:      5.6.20
Text Domain:       flatsome
License:           http://themeforest.net/licenses
License URI:       http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.fixed-right {
    position: fixed;
    z-index: 9999;
    left: 15px;
    bottom: 15px;
    text-align: center;
    overflow: hidden;
}
.fixed-right a {
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    display: block;
}
.fixed-right a.phone {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}
.fixed-right a.phone img{
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #e90505;
    border-radius: 50%;
    padding: 5px;
}
.fixed-right a.phone span{
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 12px;
    background: #FF0000;
    margin-left: -11px;
    min-width:125px;
}
@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
.text-box {margin-top: -45px !important;}
.text-box-content.text.dark {padding-bottom: 20px !important;}