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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face{font-family:"ElleFutura";src:url("fonts/elle-futura.otf"), url("fonts/elle-futura.ttf") format("truetype");font-weight:normal;font-style:normal;font-display: swap}
@font-face{font-family:"ElleFuturaBold";src:url("fonts/elle-futura-bold.otf"), url("fonts/elle-futura-bold.ttf") format("truetype");font-weight:normal;font-style:normal;font-display: swap}

body{font-family:"ElleFutura",Arial, sans-serif!important;}
.fix-h {
    padding: 60px 0 0!important;
}
#cta-icon {
    position: fixed;
    width: 60px;
    right: 0;
    top: 50%;
    z-index: 2000;
    background: #fff;
    box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#cta-icon a:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
}
#cta-icon a.cta-phone {
    border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
}
#cta-icon a {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    transition: 0.3s;
}
#cta-icon a.cta-phone i {
    color: #dc3545;
    -webkit-animation: swing ease-in-out .2s infinite alternate;
    -moz-animation: swing ease-in-out .2s infinite alternate;
    -ms-animation: swing ease-in-out .2s infinite alternate;
    -o-animation: swing ease-in-out .2s infinite alternate;
    animation: swing ease-in-out .2s infinite alternate;
}
#cta-icon a i {
    font-size: 27px;
    color: #78BC1C;
}
#cta-icon a:hover i {
    color: #fff;
}
#cta-icon a:hover {
    background: #78BC1C;
}
#cta-icon .cs-ring {
    position: absolute;
    border: 1px solid #dc3545;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); } }

@-moz-keyframes swing {
  0% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); } }

@-ms-keyframes swing {
  0% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); } }

@keyframes pulsate {
  0% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg); }
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); } }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0; } }

@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0; } }

@-ms-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0; } }

#cta-icon a.cta-email .icon_email {
    background: url(/wp-content/themes/flatsome-child/icons/email.svg) 0 0/100% auto no-repeat;
    width: 27px;
    height: 27px;
    display: inline-block;
}
#cta-icon a.cta-chat .icon_chat {
    background: url(/wp-content/themes/flatsome-child/icons/chat-2.svg) 0 0/100% auto no-repeat;
    width: 27px;
    height: 27px;
    display: inline-block;
}
#cta-icon a.cta-zalo .ico_zalo {
    background: url(/wp-content/themes/flatsome-child/icons/ico_zalo.svg) 0 0/100% auto no-repeat;
    width: 27px;
    height: 27px;
    display: inline-block;
}
#cta-icon a.cta-messenger .ico_messenger {
    background: url(/wp-content/themes/flatsome-child/icons/ico_messenger.svg) 0 0/100% auto no-repeat;
    width: 27px;
    height: 27px;
    display: inline-block;
}
#cta-icon a.cta-backtotop {
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
	
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}