/*
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.   ***************/


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


}
.aio-contact-trigger-front, .aio-contact-trigger-back {
    width: 60px !important;
    height: 60px !important;
    background-image: url('/wp-content/uploads/2025/12/icon.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
}

.aio-contact-parent .aio-contact-trigger i {
    display: none;
}
body.archive .large-10.col {
    flex-basis: 100%;
    max-width: 100%;
}
nav#ftwp-contents {
    width: 100% !important;
}
.entry-content figure img {
    margin: 0 auto;
    display: block;
}
.absolute-footer, html {
   background-color: #0e0e0e;
 }
.header-button,
.dang-ky-bao-gia {
  animation: zoom-in-zoom-out 0.8s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}

a.button.secondary.is-bevel {
  font-size: 14px;
  color: #000;
}

.header-main {
  box-shadow: #d8fcfc 0px 10px 20px;
}

.header .flex-row {
  max-width: 1250px !important;
}

.image-glow {
  -webkit-box-reflect: below 10px
    linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.box-image {
  box-shadow: 15px 5px 15px #7fc0c0;
  border-radius: 20px;
}

a.button.alert {
  background-image: linear-gradient(40deg, rgb(255 0 0) 60%, #f6e32f);
  border: none;
}

a.button.secondary.lowercase.header-button {
  background-image: radial-gradient(#ff8a00, #e52e71);
}

a.button.secondary {
  background-image: linear-gradient(40deg, rgb(255 0 0) 60%, orange);
  border: none;
  color: #fff !important;
}

a.button.primary.is-bevel {
  background-image: linear-gradient(to right, violet, darkred, purple);
  border: none;
}


.header-button-1:before {
  content: "" "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  -webkit-animation: shockwave 1s 0.5s ease-out infinite;
  animation: shockwave 1s 0.5s ease-out infinite;
}
.header-button-1:after {
  z-index: -1;
  content: "" "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  -webkit-animation: shockwave 1s 0.65s ease-out infinite;
  animation: shockwave 1s 0.65s ease-out infinite;
}
""/* button-hapnhay */
.header-button-2:before {
  content: "" "" "" "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  -webkit-animation: shockwave 1s 0.5s ease-out infinite;
  animation: shockwave 1s 0.5s ease-out infinite;
}
@keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 2px #c874f4, inset 0 0 1px #c874f4;
  }
  95% {
    box-shadow: 0 0 16px #f8ec5c, inset 0 0 16px #f8ec5c;
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.header-button-2--shockwave.is-active {
  -webkit-animation: shockwaveJump 1s ease-out infinite;
  animation: shockwaveJump 1s ease-out infinite;
}
.header-button-2:after {
  z-index: -1;
  content: "" "" "" "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  -webkit-animation: shockwave 1s 0.65s ease-out infinite;
  animation: shockwave 1s 0.65s ease-out infinite;
}

/* animation text */
@keyframes gradient-animation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.h1-heading-title h1 {
  background: linear-gradient(
    -225deg,
    #28a745 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  -webkit-background-clip: text;
  color: transparent;
}

.h1-heading-title h1 {
  background-size: 200% 100%;
  animation: gradient-animation 5s linear infinite;
}
/* header-mobile */
.mfp-wrap .mfp-content {
  background-color: rgba(0, 0, 0, 0.5);
}
.mobile-sidebar li a {
  color: #fff;
}
main .box-image {
  box-shadow: none;
}
.banner-footer {
  position: fixed;
  bottom: 0;
  z-index: 1000;
}
.banner-footer .list-banner {
  padding: 0;
}
.copyright-footer {
  position: relative;
}
.box_close button,
.btn_open_banner {
  font-weight: 600;
  padding: 0px 10px;
  border: none;
  height: 25px;
  background-color: #ff8a00;
  color: #fff;
  margin: 0 !important;
  margin-right: 0px !important;
  line-height: 1;
  font-size: 10px;
  text-transform: initial;
  background: linear-gradient(to right, #c02425 0%, #f0cb35 50%, #c02425 100%);
}
.btn_open_banner {
  position: fixed;
  left: 30px;
  bottom: 0;
  z-index: 1000;
}
.box_close {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-25%, -100%);
}

.banner-footer {
  position: fixed;
  bottom: 0;
  z-index: 1000;
}
.banner-footer .list-banner {
  padding: 0;
}
.copyright-footer {
  position: relative;
}
.box_close button,
.btn_open_banner {
  font-weight: 600;
  padding: 0px 10px;
  border: none;
  height: 25px;
  background-color: #ff8a00;
  color: #fff;
  margin: 0 !important;
  margin-right: 0px !important;
  line-height: 1;
  font-size: 10px;
  text-transform: initial;
  background: linear-gradient(to right, #c02425 0%, #f0cb35 50%, #c02425 100%);
}
.btn_open_banner {
  position: fixed;
  left: 30px;
  bottom: 0;
  z-index: 1000;
}
.box_close {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-25%, -100%);
}
@media (min-width: 768px) {
  .banner-footer {
    padding-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .banner-footer {
    left: 0;
    right: 0;
  }
}
footer .ux-menu-link__link {
  border-bottom-color: #fff !important;
}
.banner-footer {
  position: fixed;
  bottom: 0;
  z-index: 1000;
}
.banner-footer .list-banner {
  padding: 0;
}
.copyright-footer {
  position: relative;
}
.box_close button,
.btn_open_banner {
  font-weight: 600;
  padding: 0px 10px;
  border: none;
  height: 25px;
  background-color: #ff8a00;
  color: #fff;
  margin: 0 !important;
  margin-right: 0px !important;
  line-height: 1;
  font-size: 10px;
  text-transform: initial;
  background: linear-gradient(to right, #c02425 0%, #f0cb35 50%, #c02425 100%);
}
.btn_open_banner {
  position: fixed;
  left: 30px;
  bottom: 0;
  z-index: 1000;
}
.box_close {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-25%, -100%);
}
@media (min-width: 768px) {
  .banner-footer {
    padding-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .banner-footer {
    left: 0;
    right: 0;
  }
}