/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.d-hotline {
    background: linear-gradient(135deg,#ffe985 10%,#fa742b 100%);
    border: 3px solid #fff;
    border-radius: 40px;
    bottom: 20px;
    box-shadow: 0 0 15px 2px rgba(255,255,255,.75);
    display: block;
    left: 20px;
    padding: 10px 20px;
    position: fixed;
    width: auto;
    z-index: 5;
}
.d-hotline .icon {
    float: left;
    padding: 4px 0;
    position: relative;
}
.d-hotline .align-middle {
    -webkit-transform: translate(-50%,-50%) !important;
    left: 50%;
    position: absolute !important;
    top: 50%;
    transform: translate(-50%,-50%) !important;
}
.ripple-container {
    height: 100px;
    width: 100px;
}
.ripple {
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}
.d-hotline svg {
    margin-right: 5px;
    position: relative;
}
.svg-icon {
    height: 22px;
    vertical-align: middle;
    width: 22px;
}
.d-hotline .text {
    color: #333;
    font-size: 20px;
    font-weight: 700;
}
@-webkit-keyframes ripple {
 0% {
  -webkit-transform:scale(0);
  opacity:1;
  transform:scale(0);
  visibility:visible
 }
 100% {
  -webkit-transform:scale(1);
  opacity:0;
  transform:scale(1);
  visibility:hidden
 }
}
@keyframes ripple {
 0% {
  -webkit-transform:scale(0);
  opacity:1;
  transform:scale(0);
  visibility:visible
 }
 100% {
  -webkit-transform:scale(1);
  opacity:0;
  transform:scale(1);
  visibility:hidden
 }
}
.ripple:nth-child(2) {
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}
.ripple:nth-child(3) {
 -webkit-animation-delay:.6s;
 animation-delay:.6s
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}