/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
  --primary-color: #446084;
}

.tooltipster-base {
  --tooltip-color: #fff;
  --tooltip-bg-color: #000;
}

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
  --drawer-width: 300px;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
  max-width: 1250px !important;
}

.row.row-collapse {
  max-width: 1220px !important;
}

.row.row-small {
  max-width: 1242.5px !important;
}

.row.row-large {
  max-width: 1280px !important;
}

body.framed,
body.framed header,
body.framed .header-wrapper,
body.boxed,
body.boxed header,
body.boxed .header-wrapper,
body.boxed .is-sticky-section {
  max-width: 1080px !important;
}

.header-main {
  height: 115px !important;
}

#logo img {
  max-height: 115px !important;
}

#logo {
  width: 200px !important;
}

.header-bottom {
  min-height: 39px !important;
}

.header-top {
  min-height: 30px !important;
}

.transparent .header-main {
  height: 90px !important;
}

.transparent #logo img {
  max-height: 90px !important;
}

.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
  padding-top: 170px !important;
}

.header.show-on-scroll,
.stuck .header-main {
  height: 70px !important;
}

.stuck #logo img {
  max-height: 70px !important;
}

.header-bg-color {
  background-color: rgba(38, 98, 239, 0.9) !important;
}

.top-bar-nav > li > a,
.header-bottom-nav > li > a {
  line-height: 16px !important;
}

@media (max-width: 549px) {
  .header-main {
    height: 70px !important;
  }
  #logo img {
    max-height: 70px !important;
  }
}
body {
  color: #000000 !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

h1, h2, h3, h4, h5, h6, .heading-font,
.banner h1, .banner h2,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
  color: red !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

.alt-font {
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
  font-family: Roboto, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

.header:not(.transparent) .top-bar-nav > li > a {
  color: #207ac9 !important;
}

.header:not(.transparent) .header-nav-main.nav > li > a {
  color: #ffffff !important;
}

.header:not(.transparent) .header-nav-main.nav > li > a:hover,
.header:not(.transparent) .header-nav-main.nav > li.active > a,
.header:not(.transparent) .header-nav-main.nav > li.current > a,
.header:not(.transparent) .header-nav-main.nav > li > a.active,
.header:not(.transparent) .header-nav-main.nav > li > a.current {
  color: #eeee22 !important;
}

.header-nav-main.nav-line-bottom > li > a:before,
.header-nav-main.nav-line-grow > li > a:before,
.header-nav-main.nav-line > li > a:before,
.header-nav-main.nav-box > li > a:hover,
.header-nav-main.nav-box > li.active > a,
.header-nav-main.nav-pills > li > a:hover,
.header-nav-main.nav-pills > li.active > a {
  color: #fff !important;
  background-color: #eeee22 !important;
}

.header:not(.transparent) .header-bottom-nav.nav > li > a {
  color: #ffff !important;
}

.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,
.header:not(.transparent) .header-bottom-nav.nav > li.active > a,
.header:not(.transparent) .header-bottom-nav.nav > li.current > a,
.header:not(.transparent) .header-bottom-nav.nav > li > a.active,
.header:not(.transparent) .header-bottom-nav.nav > li > a.current {
  color: #ffa94d !important;
}

.header-bottom-nav.nav-line-bottom > li > a:before,
.header-bottom-nav.nav-line-grow > li > a:before,
.header-bottom-nav.nav-line > li > a:before,
.header-bottom-nav.nav-box > li > a:hover,
.header-bottom-nav.nav-box > li.active > a,
.header-bottom-nav.nav-pills > li > a:hover,
.header-bottom-nav.nav-pills > li.active > a {
  color: #fff !important;
  background-color: #ffa94d !important;
}

.absolute-footer,
html {
  background-color: #0a0a0a !important;
}

.nav-vertical-fly-out > li + li {
  border-top-width: 1px !important;
  border-top-style: solid !important;
}

.blog-archive h1.page-title {
  display: none !important;
}

.label-new.menu-item > a:after {
  content: "New" !important;
}
.label-hot.menu-item > a:after {
  content: "Hot" !important;
}
.label-sale.menu-item > a:after {
  content: "Sale" !important;
}
.label-popular.menu-item > a:after {
  content: "Popular" !important;
}

.btn {
  padding: 0.79em 1.3em 0.3em 2.0em !important;
  font-size: 0.69em !important;
  font-weight: bold !important;
  border-radius: 12px !important;
  color: #fff4e6 !important; /* 濂舵补鐧斤紝閫傚悎姗欒壊鑳屾櫙 */
  letter-spacing: 0.28em !important;
  text-shadow: -2px 2px 4px #ff8400 !important;
  background-color: transparent !important;
  border: 3px solid #ffa94d !important; /* 閲戞杈规 */
  box-shadow:
    0 0 0px 1px #cc6600,
    0 0 10px 2px #ff9900,
    inset 0 0 0px 1px #cc6600,
    inset 0 0 10px 2px #ff9900 !important;
  transition: 100ms !important;
  cursor: pointer !important;
}

.btn:hover {
  box-shadow:
    0 0 0px 1px #b35c00,
    0 0 12px 3px #ffaa33,
    inset 0 0 0px 1px #b35c00,
    inset 0 0 30px 2px #ffaa33 !important;
  text-shadow: 0 0 12px #ffaa33 !important;
  transform: translateY(-5px) !important;
}

.btn:active {
  box-shadow:
    0 0 0px 1px #b35c00,
    0 0 25px 3px #ffb347,
    inset 0 0 0px 1px #ffb347,
    inset 0 0 30px 2px #ffb347 !important;
  transform: translateY(1px) !important;
}

.lentop {
  border: 2px solid #02a9dc !important;
  border-radius: 15px !important;
  margin-bottom: 20px !important;
  padding-top: 20px !important;
  box-shadow: inset 0 0 11px -1px #02a9dc !important;
}

header .header-nav a {
  display: flex !important;
  flex-flow: column !important;
}

header .header-nav a img {
  width: 30px !important;
  height: 30px !important;
  margin-right: 0 !important;
  margin-bottom: 5px !important;
}

.wp-caption .wp-caption-text {
  background: #FFAE00 !important;
  border: 3px dashed #ffffff !important;
  box-shadow: 0 0 19px 0px #F0C800 !important;
  border-radius: 20px !important;
  font-weight: bold !important;
  color: #000000 !important;
  text-transform: uppercase !important;
}

.wp-caption.aligncenter img {
  border: 2px solid #FFFFFF !important;
  border-radius: 15px !important;
	box-shadow: 0 0 19px 0px #FFFFFF !important
}
.btn_custom{
	animation: buttona 2s infinite;background-color:#c30202 !important; width:80%;
}
@keyframes buttona{
	0% {
    transform: scale(0.9);
    border-radius: 5px;
    box-shadow: 0 0 0 0 rgb(255 0 0 / 70%), 0 0 0 0 rgb(251 255 0 0.98 / 70%);
}
40% {
    border-radius: 5px;
    transform: scale(1);
    box-shadow: 0 0 0 10px rgb(228 255 0 / 21%), 0 0 0 0 rgb(255 247 0 / 94%);
}
80% {
    border-radius: 5px;
    transform: scale(1);
    box-shadow: 0 0 0 10px rgb(255 0 0 / 0%), 0 0 0 20px rgb(255 0 0 / 0%);
}
100% {
    border-radius: 5px;
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgb(255 0 0 / 0%), 0 0 0 20px rgb(255 0 0 / 0%);
}
}

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