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

/*************** ADD CUSTOM CSS HERE.   ***************/
.fa-comment-alt:before, .fa-message:before {content: "\f4ad";}
.text-capitalize {text-transform:capitalize}
.fa-telegram-plane:before, .fa-telegram:before {content: "\e07b";}

.aio-contact-trigger-front .fa-comment-alt{animation:tada 2s linear infinite}
.aio-contact-trigger-front::before{border:1px solid #bda997;content:'';display:block;width:150%;height:150%;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:phone-circle-animate 1s ease-in-out infinite;animation:phone-circle-animate 1s ease-in-out infinite}
.aio-contact-trigger-front::after{background-color:#bda997;opacity:0.5;content:'';display:block;width:120%;height:120%;border-radius:50%;position:absolute;left:50%;top:50%;z-index:-1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:phone-circle-fill-animate 2s ease-in-out infinite;animation:phone-circle-fill-animate 2s ease-in-out infinite}
@keyframes phone-circle-animate {
0%{transform:translate(-50%,-50%) rotate(0) scale(0.5);opacity:.1}
30%{transform:translate(-50%,-50%) rotate(0) scale(0.7);opacity:.5}
100%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.1}
}
@keyframes phone-circle-fill-animate {
0%,100%{transform:translate(-50%,-50%) rotate(0) scale(0.7)}
50%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
@keyframes phone-icon-animate {
0%,100%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes tada {
0%{transform:scale(1)}
10%,20%{transform:scale(.9) rotate(-8deg)}
30%,50%,70%{transform:scale(1.1) rotate(8deg)}
40%,60%{transform:scale(1.1) rotate(-8deg)}
100%,80%{transform:scale(1) rotate(0)}
}

#header .gt_switcher-popup:hover {color:#000}

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


}