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

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,900;1,900&display=swap');
.content-p {text-align: justify; } 
.content-p a {text-decoration: underline;color: #000;}
.content-p-thin {font-weight: 400;}
.title-mon-semibold { font-family: 'Manrope', sans-serif; font-weight: 600; }
.title-mon-bold { font-family: 'Manrope', sans-serif; font-weight: 700;}
.title-mon-extrabold {  font-family: 'Manrope', sans-serif; font-weight: 800;}
.title-roboto-h1 {  font-family: Roboto,sans-serif; font-weight: 900; margin-bottom: 5px; font-size: 80px; line-height: 80px;font-style: italic;}	
.title-roboto { font-family: "Roboto", sans-serif; font-weight: 900; margin-bottom: 0px;  font-style: italic; line-height: 55px; font-size: 45px;}
.title-roboto-md {  font-family: Roboto,sans-serif; font-weight: 900; margin-bottom: 5px; font-size: 70px; line-height: 70px;font-style: italic;}	
.title-roboto-ld {  font-family: Roboto,sans-serif; font-weight: 900; margin-bottom: 5px; font-size: 28px; line-height: 28px;font-style: italic;}	
.title-roboto-sm { font-family: "Roboto", sans-serif; font-weight: 900;  font-style: italic; line-height: 26px; font-size: 22px;  margin-bottom: 16px;}
.blog-single h1.entry-title {font-family: 'Manrope', sans-serif; font-weight: 900;font-size: 42px; line-height: 50px;}
.blog-single h2,.blog-single h3,.blog-single h4,.blog-single h5,.blog-single h6 {font-family: 'Manrope', sans-serif !important; } 
 h3 {font-size: 1.1em;}
.blog-single .entry-header-text { padding: 0.1em 0; } 
footer.entry-meta { border-bottom: 3px solid #0137a4; border-top: none;}
.blog-single .post-sidebar, .blog-archive .post-sidebar {max-width: 26% ; } 
.blog-single .large-9{ margin-right: 48px !important; }
.post-sidebar a.title-mon-bold {font-size:17px;}
.content-click-full { position: relative; max-height: 15em; overflow: hidden; padding-bottom: 2em; font-weight: 600; } 
.content-page { font-weight: 600; } 
.read-more-btn { position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; background: url(https://cdn.unityfitness.vn/2023/11/down-icon.svg) no-repeat center center; border: none; cursor: pointer; z-index: 1; opacity: .5; }
.content-click-full::after { content: ""; position: absolute; bottom: 0em; left: 0; width: 100%; height: 5em; background: linear-gradient(#fff0, #ffffffe3, #fff); }
.protein { width: 100%; height: 630px; }
.bmi  { width: 100%; height: 950px; }
.bmr { width: 100%; height: 664px; }
.fat { width: 100%; height: 620px; }
.carb {width: 100%; height: 600px; }
.tdee {width: 100%; height: 800px; }
.marco {width: 100%; height: 890px; }
.bodyfat {width: 100%; height: 580px; }
footer { padding: 0; text-align: left; }
.is-xlarge { font-size: 1.125rem; }  .is-small { font-size: 0.875rem; }
/* Begin Kiểm tra màn hình mobile */  

@media only screen and (max-width: 549px) {	
.protein { height: 900px; }
.bmi {height:980px;}
.bmr { height: 570px; }	
.fat {  height: 860px; }
.carb { height: 900px; }
.tdee { height: 2100px; }
.marco { height: 1100px; }
.bodyfat {height: 780px; }
.title-h1 {font-size:1.4em;}
.title-roboto-h1 {font-size:28px;line-height: 28px;}
.title-roboto-md {font-size:28px;line-height: 28px;}
.title-roboto-ld {font-size:22px;line-height: 22px;}
.title-roboto {font-size:28px;line-height: 28px;  margin-bottom: 20px;}
ul.breadcrumbs-page li {margin-right: -2px !important; }
.vbee-plugin select { width: 100% !important;}
.post-sidebar.large-3.col .post-img-right .box-text{width: 100% !important; }
.post-sidebar  { padding-left: 60px; padding-right: 0px; }
.swal-modal { width: 378px !important; }
.blog-single h1.entry-title {font-size: 24px;line-height: 32px; }
.blog-single .post-sidebar, .blog-archive .post-sidebar {max-width: 100% ; }
.post-sidebar { padding: 15px; }
.blog-single .post-sidebar { margin-top: 0px; }
.blog-single .large-9, .blog-archive .large-9 { margin-right: 0px !important; }
.kienthuc-post-item .box-text.text-left {padding-left: 0 !important; }
.slide-cate .flickity-prev-next-button.previous { left: 43% !important; } 
.archive .slide-cate .flickity-prev-next-button {top: 85% !important;}
.footer-khuyenmai .ml-half { margin-left: 0px; }
.dot-home-baner .flickity-page-dots { bottom: 12px !important; display: none;}
#footer p, #footer a, #footer span { font-weight: 600;}
.banner-map .overlay { background-color: #00000040 !important;opacity: 1 !important; }  .view-map { display: block !important; }
.page-id-7661 #logo { width: 61px; }
.page-id-7661 #logo img {padding: 10px 0;}
.page-id-7661 .flex-left { margin-right: 0px; } 
.page-id-7661 .header-main { height: 50px;border-bottom: 1px solid #ffffff24; } 
.page-id-7661 .flex-col.show-for-medium.flex-right { background: #030d29; } 
.page-id-7661 .header-button-2 a.button.secondary.is-xsmall { display: none; }
.page-id-7661 .nav>li>a>i.icon-menu {color: #ffffff2b;}
.page-id-7661 .header-bg-color {background-color: #000E29;}
.page-id-7661 .bg-list-card-mb {background: linear-gradient(1deg, rgba(0, 14, 41, 1) 0%, rgba(0, 35, 104, 1) 46%, rgba(0, 14, 41, 1) 100%);}
.page-id-7661 .off-canvas .sidebar-menu {
  border-top: none;
}

.page-id-7661 .off-canvas-left.dark .mfp-content {
  background-color: #000E29;
  margin-top: 12px;
}

.page-id-7661 .mfp-close {
  opacity: 1;
  mix-blend-mode: normal;
  background: #fff;
  width: 25px;
  height: 25px;
  background-image: url(https://cdn.unityfitness.vn/2024/09/arro-left.svg);
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  top: 10px !important;
}

.page-id-7661 .mfp-close svg {display: none ;}
.list-card .is-selected.row-small>.col {
  padding: 0 15px 19.6px 0;
}

.list-card.tab-card-mobile .is-selected.row-small>.col {
  padding: 0 10px 15px;
}

}

/* End Kiểm tra màn hình mobile */      

/* Begin Kiểm tra màn hình tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 .nav-spacing-xlarge>li { margin: 0px 14px; } 
.nav-size-medium>li>a { font-size: 0.9rem; }
.medium-logo-center .flex-left { flex: none; order: 1; }
.medium-logo-center .flex-right {flex: none;order: 2;}
.header-button-2 a.button.secondary.is-xsmall { font-size: 0.8rem;     border-radius: 8px;}
 .header-button-2 .button {border: none; }
.nav>li>a>i.icon-menu {color: #fff;}
.mfp-close { left: 14px; top: 12px; }
 .mfp-bg.mfp-ready { opacity: .0; } 
 .off-canvas-left.dark .mfp-content { background-color: #000e29; margin-top: 80px; }
.off-canvas-left .mfp-content {width: 100%;box-shadow: none; } .dark .nav-sidebar.nav-vertical>li+li { border: none; }
.off-canvas .sidebar-menu { border-top: 1px solid #007bff; }
#logo img { padding: 15px 0; }
}
/* End Kiểm tra màn hình tablet */

@media screen and (min-width: 850px) {
.large-9 { flex-basis: 74%; max-width: 74%; }
.single-post .large-9 { flex-basis: 70%; max-width: 70%; }
.post-sidebar { flex-basis: 30%; max-width: 30%; } 
#header .nav-dropdown { display: block; } 
#header .nav-dropdown ul.sub-menu { font-weight:500;position: absolute; left: 100%; top: 0; background: #000e29; width: 235px; padding: 0; display: none !important; -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%); box-shadow: 1px 1px 15px rgb(0 0 0 / 15%); } #header .header .nav-dropdown ul.sub-menu a { white-space: normal; margin: 0; padding: 10px 15px; border: 0; font-weight: 600;font-size:0.9rem; } #header .nav-dropdown li:hover > ul.sub-menu{ display: block !important; } #header .nav-dropdown li { border-right: 0; white-space: normal; width: 100%; display: block; position: relative; }#header .header .nav-dropdown li.menu-item-has-children > a {font-weight: 500; font-size: 0.9rem; color: rgb(255 255 255);} #header .nav-dropdown li.active>a:hover,#header .nav-dropdown li.menu-item-has-children > a:hover,#header .nav-dropdown ul.sub-menu a:hover { color: #007BFF; } 
}
.header-nav.nav-spacing-large>li { margin: 0 16px; }
.header-nav li:nth-child(5) .nav-dropdown { min-width: 200px; }
.header-main {border-bottom: 1px solid #007bff; }
.nav-spacing-xlarge>li { margin: 0px 22px; } .nav-size-medium>li>a { font-size: 1rem; } 

.home .nav-size-xlarge>li>a { font-size: 1.5rem;  } 
.textchay { background: #007BFF; height: 40px; z-index: 9999; position: relative; border: 1px solid #1EA7FF; width:102%; } 
.xoaytren {	transform: rotate(357deg);} 
.xoayduoi {transform:rotate(2deg);} 
.textchay .nav>li>a {color:#000000;} .track-horizontal { position: absolute; white-space: nowrap; will-change: transform; animation: marquee-horizontal 25s linear infinite; } .track-horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } 
.marquee-text {width:1500px; margin-right: 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #112A5A; text-transform: uppercase; font-weight:700; font-size:1.3rem; } 
.marquee-horizontal { position: relative; z-index: 200; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 128%; margin-left:-10px;height: 40px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #007BFF; border: 1px solid #1EA7FF; } .dichvu-textchay .marquee-horizontal {width: 129%;}

@keyframes marquee-horizontal { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes marquee-horizontal-d { from { transform: translateX(-50%); } to { transform: translateX(0%); } } .track-horizontal-d { position: absolute; white-space: nowrap; will-change: transform; animation: marquee-horizontal-d 25s linear infinite; } .marquee-horizontal-d { position: relative; z-index: 200; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 102%; height: 40px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #007BFF; border: 1px solid #1EA7FF; } .track-horizontal-d { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { background-color: #fff0; border: none; box-shadow: none; color: #B7E0FA; border-bottom: 1px solid; padding: 0; margin-top:12px;font-family: 'Manrope';font-weight: 500;font-size: 18px;} ::placeholder {color:#B7E0FA;} input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus { background-color: #fff0; box-shadow: none; color: #B7E0FA; } 
  
input.wpcf7-form-control.wpcf7-submit.has-spinner { background-color: #007bff; border-radius: 8px; width: 100%; padding:8px 16px 8px 16px; margin-top:36px;} 
#footer li {list-style: none; margin-left: 0 !important; font-size: .875em;  line-height: 1.25rem;} #footer i { color: #007Bff; } .absolute-footer.dark { color: #ffffff; }
.is-divider {display: none;} hr {opacity: 1; }
/* .line-tab-home .nav-line-bottom>li>a:before {width: 103%;height:6px } */
.line-tab-home .is-divider { display: block; height: 2px; margin: -16px 0px 30px 0px; width: 101%; background-color: #0137a4; }
.line-tab-home .nav>li.active>a { color: #0137a4; } .line-tab-home .nav>li>a { color: #000;}
.line-tab-home .nav-left { justify-content: space-between; }
.line-tab-home ul li.tab  {width: 182px; text-align: center; }
.dot-home .flickity-prev-next-button { display: none; }
.col-nopad.col { padding: 0 9.8px 1.6px;  }
/* .dot-home .nav-line-bottom>li>a:before {transform: translateX(-88%);} */
.bta {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-right: 25px; 
    font-size: 16px;
    font-weight: 700;
}

.bta:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.unityfitness.vn/2024/09/right-cricle.svg) no-repeat;
    background-size: 100%;
    background-position: center;
}


.bta-white {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-right: 25px; 
  font-size: 16px;
}

.bta-white:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(https://cdn.unityfitness.vn/2024/09/right-cricle-white.svg) no-repeat;
  background-size: 100%;
  background-position: center;
}


.camnhan-next .slidehome .flickity-prev-next-button.previous ,.kienthuc-next .slide-cate .flickity-prev-next-button.previous
{ opacity: 1;
    width: 30px;
    height: 30px;
    margin: 2px 0 0 6px;
    background-size: contain;
    background-image: url(https://cdn.unityfitness.vn/2024/05/bt-pre-gray.png);
    background-repeat: no-repeat;
    background-position: center; }
.camnhan-next .slider-nav-circle .flickity-prev-next-button svg, .kienthuc-next .slider-nav-circle .flickity-prev-next-button svg{display: none;}
.camnhan-next .slidehome .flickity-prev-next-button.previous:hover ,.kienthuc-next .slide-cate .flickity-prev-next-button.previous:hover { opacity:1;}
.camnhan-next .slidehome .flickity-prev-next-button.next,.kienthuc-next .slide-cate .flickity-prev-next-button.next
 {opacity: 1;
    width: 30px;
    height: 30px;
    margin: 2px 0 0 6px;
    background-size: contain;
    background-image: url(https://cdn.unityfitness.vn/2024/05/bt-next-blue.png);
    background-repeat: no-repeat;
    background-position: center;}
.camnhan-next .slider-nav-circle .flickity-prev-next-button .arrow,.camnhan-next .slider-nav-circle .flickity-prev-next-button svg ,.kienthuc-next .slider-nav-circle .flickity-prev-next-button .arrow,.kienthuc-next .slider-nav-circle .flickity-prev-next-button svg {border: none;}
.camnhan-next .post-title a ,.kienthuc-next .post-title a ,.post-title a{ font-family: Manrope,sans-serif; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; margin-bottom: 20px;}  
.camnhan-next .from_the_blog_excerpt,.kienthuc-next .from_the_blog_excerpt,.blog-archive .from_the_blog_excerpt {font-family: Manrope,sans-serif;font-weight: 400; }
.camnhan-next .slider-nav-circle .flickity-prev-next-button:hover svg,.kienthuc-next .slider-nav-circle .flickity-prev-next-button:hover svg  { background-color: #007bff; border-color: #007bff; }  
.camnhan-next .next svg,.kienthuc-next .next svg  {fill: #007bff !important;border-color: #007bff !important; background-color: #007bff;} 
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot {border-radius: 10px;  margin: 0 3px;} 
.row-slider .flickity-page-dots .dot.is-selected { background-color: #007BFF;width:50px;}
.dot-home-baner .slider-nav-light .flickity-page-dots .dot.is-selected { background-color: #007bff ; border-color: #007bff; }
.dot-home-baner .slider-nav-light .flickity-page-dots .dot { opacity: 1; }
.hometin .button ,.hometin-mb .button{ text-transform: none;  font-size: .875rem; font-family: Manrope,sans-serif; font-weight: 600; float:right;margin-right:0px;}
.hometin .col.post-item:nth-child(1){ margin-top: 80px; } 
.hometin .col.post-item:nth-child(3){ margin-top: 15px; } 
.hometin .col.post-item:nth-child(4) { margin-top: -76px; }
.accordion .toggle {right:0;left: inherit;}
.accordion-title {font-weight: 700; font-size: 16px; border-top: none; padding: 0.5em 4em 0em 0;}
.accordion-item { border-bottom: 1px solid #000; padding: 30px 0px 5px 0px; }
.accordion-title a.plain {color:#000000} .toggle{opacity: 1;} .accordion-title .icon-angle-down:before { color: #000; }
.slidehome .flickity-prev-next-button.next { left: 91%; right: auto; }  
.slidehome .flickity-prev-next-button.previous { left: auto; right: 9%; } 
.slidehome .flickity-prev-next-button {width: 30px; top: 95%;}
.slide-cate .flickity-prev-next-button.previous { left: 46%; right: auto; } 
.slide-cate .flickity-prev-next-button.next { left: 52%; right: auto; } 
.slide-cate .flickity-prev-next-button { top: 99%; }
/* .slide-cate .row .row:not(.row-collapse) { margin-bottom: 0; margin-left: -19px; margin-right: -15px; } */
.archive-post-slide .post-title, .archive-post-bottom .post-title { font-size: 1.1rem;  }
.archive-post-top h2.post-title a, .tintuc-post-top h2.post-title a { font-size: 1.7rem; }
.archive-post-bottom { margin-top: 20px; }
.banner-ads-kienthuc img { margin-left: -15px; }
.kienthuc-next .is-large a { font-size: 1.1rem; }
.kienthuc-next .is-xlarge a { font-size: 1.7rem; }
.kienthuc-top-slide .flickity-button {display:none;}
.kienthuc-top-slide .flickity-page-dots , .u_posts_related .flickity-page-dots { bottom: 20px; }
.kienthuc-post-item .col.post-item{border-bottom: 1px solid #CBCBCB; padding: 28px 0px 28px;}
.kienthuc-post-item .col.post-item:last-child {border:none;}
.kienthuc-post-item .box-text.text-left {padding-left: 40px; }
.ptap .flickity-prev-next-button.previous { left: 0%;}
.ptap .flickity-prev-next-button.next { right: 0%;} 
.ptap .slider-nav-circle .flickity-prev-next-button .arrow, .ptap .slider-nav-circle .flickity-prev-next-button svg { border: none; border-radius: 1px; } 
.ptap svg.flickity-button-icon { background: #0052C3; opacity:80%;} 
.ptap .flickity-prev-next-button {width: 52px; }
.ptap .flickity-prev-next-button svg {padding: 32%;}
.ptap .tieude-ptap p {margin-bottom: 0.7em}
.ptap .icon-box-text a{ font-weight: 700; color: #fff; }
.ptap .icon-box-img img, .icon-box-img svg { padding-top: 0em;  }
/* .ptap .col { padding: 0 5px 19.6px; } */
.cauhoi {z-index:3}
.dichvu .section-content { z-index: auto; }  .dichvu .col { z-index: 999; }
.hlv a.button { padding: 17px; font-size: 19px; color: #DDF4FF;font-style: italic;}
.hlv .button span {margin-left: -73px; }
#myForm { display: flex; flex-direction: row;  margin: 0 auto; } 
#myForm select {  margin: 5px 0; background-color: #fff; color: #757575; height: 65px; border-radius: 4px; font-size: 16px; font-weight: 500;padding-left:1em;} 
#myForm .selectBox1 { width: 27%; } #myForm .selectBox2 { width: 35%; } #myForm .selectBox3 { width: 16%; } #myForm .selectBox4 { width: 17%; }
#myForm .selectBoxclb { width: 100%; } #myForm option { font-size: 16px; font-weight: 700; }
#myForm #result { margin-top: 20px; font-weight: bold; text-align: center; } #myForm img { max-width: 100%; margin-top: 10px; }
#myForm select {border-bottom: none;} 
#myForm select#selectLocation {padding-left: 3em; }
#myForm select option { background: #fff;}
select { background-image: url(https://cdn.unityfitness.vn/2023/11/down-icon.svg); background-position: right 0.85em top 50%;background-size: auto 7px;}
.control.has-icons-left .input, .control.has-icons-left .select select { padding-left: 2.5em; } .control { font-size: 1.2rem; position: relative; margin-right: 25px;} .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } .select:not(.is-multiple) { height: 2.5em; } .control.has-icons-left .icon.is-left { left: 10px; } .control.has-icons-left .input.is-large~.icon, .control.has-icons-left .select.is-large~.icon, .control.has-icons-right .input.is-large~.icon, .control.has-icons-right .select.is-large~.icon { font-size: 1.5rem; } .control.has-icons-left .icon, .control.has-icons-right .icon { color: #afafaf; height: 2.5em; pointer-events: none; position: absolute; top: 21px; width: 2.5em; z-index: 4; } .fa-search:before { content: "\f002"; } .fa-calendar:before { content: "\f133"; }
select option { background: #112a5a ; font-weight:700; }


.wpcf7 { color: #fff; } 
.accordion-inner {padding: 1em 0em; }
.active-hotro .accordion-inner {display: block !important;padding-top:10px;}
.lichtap-img img { border-radius: 8px; margin-top: 8px; }
.goitap .button.is-outline {border: 1px solid #007BFF; } 
.goitap .secondary.is-outline {color: #007BFF;}
.goitap .secondary.is-outline:hover {color: #ffffff;}
.goitap .button.is-outline:hover {  border: 1px solid #3a78fd;}
.thamvan .button span { font-size: 16px; padding: 6px; }
.button.is-outline ,input[type=button].is-outline {border: 1px solid; }
.feedback-text {padding-left:8px}

.goitap .option {
  background-color: #0a2540;
  color: white;
  padding: 8px 16px;
  margin: 10px 0;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border: 2px solid transparent;
}

.goitap .option.selected {
  border: 2px solid #007bff;
}  
.goitap .option .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  color: #F3F6FC;
}
.goitap .option .text .duration {
  color: #E2E2E2;
  font-size: 14px;
}
.goitap .option .text .price {
  font-size: 16px;
  font-weight: bold;
}
.goitap .option .radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}
.goitap .option.selected .radio {
  border-color: #007bff;
}
.goitap .option.selected .radio::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #007bff;
  border-radius: 50%;
}

.bg-goitap { width: 100%; height:615px; padding: 42px 40px 27px 80px; background: url(https://cdn.unityfitness.vn/2023/12/bg-the-hvien.svg) no-repeat; background-size: contain; }
input#bt,input#btt,input#bttt{ border-radius: 8px; padding: 9px 24px 9px 24px; font-size: 13px; font-weight: 700; width: 200px; }
.accordion-title.active { background-color: rgb(0 0 0 / 0%);}
.slide-hoivien .flickity-prev-next-button {bottom: 65%; top: 0%;}
.slide-hoivien .flickity-prev-next-button .arrow, .slide-hoivien .flickity-prev-next-button svg ,.slide-hoivien .slider .flickity-prev-next-button:hover .arrow{ fill: none;}
.hoivien .button {    padding: 8px 15px 8px 15px; border-radius:8px;}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button { opacity: 1;}
.slide-hoivien .flickity-prev-next-button.previous svg { background: url(https://cdn.unityfitness.vn/2023/11/left-icon.svg); background-repeat: no-repeat; }
.slide-hoivien .flickity-prev-next-button.next svg { background: url(https://cdn.unityfitness.vn/2023/11/right-icon.svg); background-repeat: no-repeat; }
.stuck ul.nav-dropdown{ top: 48px; } .stuck .nav-dropdown ul.sub-menu  {top: -9px !important;}
#footer .accordion-title .icon-angle-down:before {color: #fff;} 
#footer .accordion-title ,#footer .accordion-item {border: none; } 
#footer .is-divider { display: block; height: 1px; width: 100%; background-color: #007BFF; } 
#footer a.icon { margin-left: 0.45em; margin-right: 0.45em; }
#footer .accordion-item {padding: 10px 0 5px; }
a#top-link { border: 1px solid #0052c3; }
.mfp-close svg { border: 3px solid #fff; border-radius: 50px; width: 25px; height: 25px;color:#fff; } 
.mfp-ready .mfp-close {opacity: 1; mix-blend-mode: normal;} 
.mobile-nav a.is-small.current-lightbox-clicked { opacity:.0; }
.nav-dropdown.dropdown-uppercase>li>a { font-weight: 500; }
.border-radius-img img,.border-radius-img .banner-bg,.border-radius-img .banner{border-radius:30px;}
.dv-groupx .title-roboto span { position: relative; display: inline-block; }
.recent-blog-posts { padding: 0px 0; }
span.post_comments.op-7.block.is-xsmall { display: none; }
.widget { margin-bottom: 1.5em;  }
.popular-posts-list li { margin: 0;  } #flatsome_recent_posts-2 li { border-top: none;}
.baochi .col-inner {border: 1px solid #d8d8d8; border-radius: 16px; overflow: hidden; height: 80px; background: #fff; margin: 1px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.baochi.row-small>.col {padding: 0 6.8px 19.6px;}
.row-collapse.baochi .col { padding: 5px !important; }
.form-flashsale .wpcf7-spinner  { display: none; } .form-flashsale input.wpcf7-form-control.wpcf7-submit.has-spinner {margin-top: 12px; }
.form-flashsale input[type=text] , .form-flashsale select, .form-flashsale input[type=tel] { background-color: #fff; border-radius: 15px; padding: 0 0.75em;  height: 3.3em; color: #0052a9; font-weight: 500; margin-top: 8px; border: 1px solid #0052a9;}  
.form-flashsale ::placeholder { color: #0052a9; font-weight:400; } 
.form-flashsale input[type=submit] { color: #ffffff; background: linear-gradient(90deg, rgba(0,55,255,1) 35%, rgba(74,195,233,1) 100%); border: 1px solid #00d8dd; border-radius: 30px !important; width: 70% !important; padding: 2px 16px !important;}
.form-flashsale select option { background: #ffffff; font-weight: normal; }
.footer-flashsale li {list-style:none; margin-left: 0px !important;}
.footer-flashsale .accordion-item { border-bottom: 1px solid #112a5a; padding: 0.6em 0 0 0; }
.footer-flashsale .accordion-title .icon-angle-down:before { color: #fff; }
.footer-flashsale .is-divider { display: block; height: 1px; width: 100%;}
 .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; color: #000; font-size: 13px; }
.form-footer-flashsale .wpcf7 {color:#000;}
.title-2 p {margin-bottom:1em;}
.title-h1 {font-size:5rem;line-height:80px;}
/* .slider-nav-simple .flickity-page-dots {bottom: -10px;} */
a.button { font-weight: 600; font-size: 1rem;}
.goitap a.button { font-size: 1rem; font-weight: 700; }
.overlay-icon { background-color: #fff; border: none; color: #a3a3a3;height: 4em; line-height: 4em; ;width: 4em; } .overlay-icon i.icon-play { font-size: 1.8em; top: 7px;}
a.button.open-video.icon { border: none; } 
.video-button-wrapper .is-outline:hover {background:none;}
.video-button-wrapper a.button.open-video {font-size: 1.5rem; }
b, strong {  font-weight: 700; }
.tool li {list-style:none;} .tool a {color:#000;font-weight:600;}
.tabbed-content .nav span {font-weight: 700;}
.line-tab-home .tabbed-content { justify-content: flex-end; }       
.line-tab-home ul.nav.nav-line-bottom.nav-uppercase { width: 749px; border-bottom: 1px solid #000; }
.line-tab-home .tab-panels {padding-top: 2.4em;}
ul.breadcrumbs-page { list-style: none; padding: 0; display: flex; font-size: 0.875rem;color: #cbcbcb;} ul.breadcrumbs-page li { display: inline-block; margin-left: 12px;  } ul.breadcrumbs-page li:last-child { margin-right: 0;  }
.dot-home-baner .flickity-page-dots { bottom: 12px !important; }
.icon-box-left .icon-box-text { margin-top: -2px; } .zalo .icon-box-text { margin-top: 0px !important; }
.title-widget { font-size: 1.5rem; font-weight: 700; line-height: 1.7rem; }

/*css chat zalo fb */
.arcontactus-widget.right.arcontactus-message{right:20px} .arcontactus-widget.right.arcontactus-message{bottom:20px} .arcontactus-widget .arcontactus-message-button .pulsation{-webkit-animation-duration:2s;animation-duration:2s} .arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message{width:60px;height:60px} .arcontactus-widget{opacity:0;transition:.2s opacity} .arcontactus-widget *{box-sizing:border-box} .arcontactus-widget.left.arcontactus-message{left:20px;right:auto} .arcontactus-widget.left .arcontactus-message-button{right:auto;left:0} .arcontactus-widget.left .arcontactus-prompt{left:80px;right:auto;transform-origin:0 50%} .arcontactus-widget.left .arcontactus-prompt:before{border-right:8px solid #FFF;border-top:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid transparent;right:auto;left:-15px} .arcontactus-widget.left .messangers-block{right:auto;left:0;-webkit-transform-origin:10% 105%;-ms-transform-origin:10% 105%;transform-origin:10% 105%} .arcontactus-widget.left .callback-countdown-block{left:0;right:auto} .arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before{left:25px;right:auto} .arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block{bottom:70px} .arcontactus-widget.md .arcontactus-prompt{bottom:5px} .arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before{left:21px} .arcontactus-widget.md.left .arcontactus-prompt{left:70px} .arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before{right:21px} .arcontactus-widget.md.right .arcontactus-prompt{right:70px} .arcontactus-widget.md .arcontactus-message-button .pulsation{width:74px;height:74px} .arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px} .arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message{width:50px;height:50px} .arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block{bottom:60px} .arcontactus-widget.sm .arcontactus-prompt{bottom:0} .arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before{left:16px} .arcontactus-widget.sm.left .arcontactus-prompt{left:60px} .arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before{right:16px} .arcontactus-widget.sm.right .arcontactus-prompt{right:60px} .arcontactus-widget.sm .arcontactus-message-button .pulsation{width:64px;height:64px} .arcontactus-widget.sm .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px} .arcontactus-widget.sm .arcontactus-message-button .static{margin-top:-16px} .arcontactus-widget.sm .arcontactus-message-button .callback-state{width:40px;height:40px;margin-top:-20px;margin-left:-20px} .arcontactus-widget.active{opacity:1} .arcontactus-widget .icons.hide,.arcontactus-widget .static.hide{opacity:0;transform:scale(0)} .arcontactus-widget.arcontactus-message{z-index:999;right:20px;bottom:20px;position:fixed!important;height:70px;width:70px} .arcontactus-widget .arcontactus-message-button{width:70px;position:absolute;height:70px;right:0;background-color:red;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer} .arcontactus-widget .arcontactus-message-button p{font-family:Ubuntu,Arial,sans-serif;color:#fff;font-weight:700;font-size:10px;line-height:11px;margin:0} .arcontactus-widget .arcontactus-message-button .pulsation{width:84px;height:84px;background-color:red;border-radius:50px;position:absolute;left:-7px;top:-7px;z-index:-1;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:arcontactus-pulse 2s infinite;animation:arcontactus-pulse 2s infinite} .arcontactus-widget .arcontactus-message-button .icons{background-color:#fff;width:44px;height:44px;border-radius:50px;position:absolute;overflow:hidden;top:50%;left:50%;margin-top:-22px;margin-left:-22px} .arcontactus-widget .arcontactus-message-button .static{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-26px;width:52px;height:52px;text-align:center} .arcontactus-widget .arcontactus-message-button .static img{display:inline} .arcontactus-widget .arcontactus-message-button .static svg{width:24px;height:24px;color:#FFF} .arcontactus-widget .arcontactus-message-button.no-text .static{margin-top:-12px} .arcontactus-widget .pulsation:nth-of-type(2n){-webkit-animation-delay:.5s;animation-delay:.5s} .arcontactus-widget .pulsation.stop{-webkit-animation:none;animation:none} .arcontactus-widget .icons-line{top:10px;left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);-o-transition:cubic-bezier(.13,1.49,.14,-.4);-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);height:24px;transition:.2s all} .arcontactus-widget .icons,.arcontactus-widget .static{transition:.2s all} .arcontactus-widget .icons-line.stop{-webkit-animation-play-state:paused;animation-play-state:paused} .arcontactus-widget .icons-line span{display:inline-block;width:24px;height:24px;color:red} .arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg{width:24px;height:24px} .arcontactus-widget .icons-line span i{display:block;font-size:24px;line-height:24px} .arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span{margin-right:40px} .arcontactus-widget .icons.hide .icons-line{transform:scale(0)} .arcontactus-widget .icons .icon:first-of-type{margin-left:0} .arcontactus-widget .arcontactus-close{color:#FFF} .arcontactus-widget .arcontactus-close svg{-webkit-transform:rotate(180deg) scale(0);-ms-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0);-webkit-transition:ease-in .12s all;-o-transition:ease-in .12s all;transition:ease-in .12s all;display:block} .arcontactus-widget .arcontactus-close.show-messageners-block svg{-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1)} .arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block{background:center no-repeat #FFF;box-shadow:0 0 10px rgba(0,0,0,.6);width:235px;position:absolute;bottom:80px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;-webkit-transform-origin:80% 105%;-ms-transform-origin:80% 105%;transform-origin:80% 105%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:ease-out .12s all;-o-transition:ease-out .12s all;transition:ease-out .12s all;z-index:10000} .arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before{position:absolute;bottom:-7px;right:25px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #FFF;border-left:8px solid transparent;content:''} .arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .arcontactus-widget .arcontactus-prompt{color:#787878;font-family:Arial,sans-serif;font-size:16px;line-height:18px;width:auto;bottom:10px;right:80px;white-space:nowrap;padding:18px 20px 14px} .arcontactus-widget .arcontactus-prompt:before{border-right:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #FFF;border-bottom:8px solid transparent;bottom:16px;right:-15px} .arcontactus-widget .arcontactus-prompt.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close{position:absolute;right:6px;top:6px;cursor:pointer;z-index:100;height:14px;width:14px;padding:2px} .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg{height:10px;width:10px;display:block} .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing{border-radius:10px;display:inline-block;left:3px;padding:0;position:relative;top:4px;width:50px} .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div{position:relative;float:left;border-radius:50%;width:10px;height:10px;background:#ccc;margin:0 2px;-webkit-animation:arcontactus-updown 2s infinite;animation:arcontactus-updown 2s infinite} .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2){animation-delay:.1s} .arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3){animation-delay:.2s} .arcontactus-widget .messangers-block.sm .messanger{padding-left:50px;min-height:44px} .arcontactus-widget .messangers-block.sm .messanger span{height:32px;width:32px;margin-top:-16px} .arcontactus-widget .messangers-block.sm .messanger span svg{height:20px;width:20px;margin-top:-10px;margin-left:-10px} .arcontactus-widget .messanger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;cursor:pointer;width:100%;padding:8px 20px 8px 60px;position:relative;min-height:54px;text-decoration:none} .arcontactus-widget .messanger:hover{background-color:#EEE} .arcontactus-widget .messanger:before{background-repeat:no-repeat;background-position:center} .arcontactus-widget .messanger.facebook span{background:#0084ff} .arcontactus-widget .messanger.viber span{background:#7c529d} .arcontactus-widget .messanger.telegram span{background:#2ca5e0} .arcontactus-widget .messanger.skype span{background:#31c4ed} .arcontactus-widget .messanger.email span{background:#ff8400} .arcontactus-widget .messanger.contact span{background:#7eb105} .arcontactus-widget .messanger.call-back span{background:#54cd81} .arcontactus-widget .messanger span{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:40px;height:40px;border-radius:50%;background-color:#0084ff;margin-right:10px;color:#FFF;text-align:center;vertical-align:middle} .arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg{width:24px;height:24px;vertical-align:middle;text-align:center;display:block;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px} .arcontactus-widget .messanger span i{font-size:24px;line-height:24px} .arcontactus-widget .messanger p{margin:0;font-family:Arial,sans-serif;font-size:14px;color:rgba(0,0,0,.87)} @-webkit-keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}} @media (max-width:468px){.arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message{width:auto;right:20px;left:20px}} @keyframes arcontactus-updown{0%,100%,43%{transform:translate(0,0)}25%,35%{transform:translate(0,-10px)}} @-webkit-keyframes arcontactus-updown{0%,100%,43%{transform:translate(0 0)}25%,35%{transform:translate(-10px 0)}} @keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}} @-webkit-keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}} @keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}} @-webkit-keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}} @keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}
 
/*css bài viết liên quan cùng chuyên mục post*/
.related-box .related-head { font-weight: 700; display: block; margin-bottom: 10px; font-size: 19px; color: black; } .related-box ul li { margin-bottom: 3px; } .related-box ul li a { font-weight: 700; font-size: 16px; /*color: #2a9e2f;*/ } .related-box ul li a:hover { text-decoration: underline; } .feature { position: relative; overflow: hidden; } .feature::before { content: ""; display: block; padding-top: 56.25%; } .feature .image{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background-size: cover; background-position: center; } ul.row.related-post li { list-style: none; } .related-title { line-height: 1.3 !important; margin-top: 10px !important;  font-family: Roboto,sans-serif;} .related-title a {color:#000;font-size:15px;}
.rank-math-breadcrumb { font-size: 13px; }
.vbee-plugin select {width: 220px; color: #666; padding-left: 10px; margin-top: 0px;}  
.vbee-plugin select option {background: none; }
.blog-share.text-center {margin-top: 20px;  text-align: left; }
.mb { margin-bottom: 0px; }
#result img {background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%;}
.box-ribbon { --s:10px; --o:5px; --c:#00a4ef; width:200px; height:100px; display:inline-block; margin:5px; position:relative; }
.box-ribbon:before { content:attr(data-text); font-size:12px; font-weight: 600; padding:5px calc(10px + var(--s)) calc(5px + var(--o)) calc(10px + var(--o)); position:absolute; top:20px; left:calc(-1*var(--o)); background: linear-gradient(to right, #007bff 0%, #459fff 51%, #007bff 100%); clip-path:polygon(0 0,100% 0,calc(100% - var(--s)) calc(100% - var(--o)),var(--o) calc(100% - var(--o)),var(--o) 100%,0 calc(100% - var(--o))); }
.avt-tuyendung img { border-radius: 50%; } .block-tuyendung { display: none; }

/*menu tab post - menu tab tin tức page*/
.menu-post-la {
  border-bottom: 1px solid #CBCBCB;
  white-space: nowrap;
}
.menu-post { display: flex; }
.menu-post-la-child, .menu-post-la-child.tab { padding-bottom: 5px; }
.menu-post-title.first-title { border-bottom: 4px solid #0137A4; }
.menu-post-la-child a { color: #000; }
.menu-post-la .nav-line-bottom>li>a:before {height: 4px;}

.danh-muc { margin-bottom: 15px; } .danh-muc span.title, .the-tim-kiem span.title { border-radius: 4px; background: #0137a4; padding: 4px 10px; color: white; margin-right: 5px; } .danh-muc a, .the-tim-kiem a {line-height:32px; border-radius: 4px; margin-bottom: 10px; padding: 4px 10px; background: #dedede; color: #464646; } .danh-muc a:hover, .the-tim-kiem a:hover { background: #007bff; color: white; }
.title-lienquan { font-size: 18px; line-height: 22px; padding-top: 10px; } .title-lienquan a { color: #000; }
.u_posts_related .flickity-button {display:none;}
.u_posts_related {margin-top:-30px;}
.ux-relay__load-more-button {  border-radius: 99px;  font-weight: 600;text-transform: unset;}
.button-gym-gan-day li.current-dropdown>.nav-dropdown { left: 0px;} .button-gym-gan-day li { margin-left:0px !important }
.button-gym-gan-day .nav-dropdown {width:100%;} .button-gym-gan-day a {color:#fff !important;} 
.button-gym-gan-day .nav-dropdown>li.nav-dropdown-col { display: contents; } .button-gym-gan-day #header .nav-dropdown ul.sub-menu {width:315px;} .button-gym-gan-day .nav-dropdown {padding: 0;}
.content-home-footer .accordion-item {border-bottom: none;} .accordion.content-home-footer .accordion-title {padding: 0px;}
.content-home-footer .accordion-title .icon-angle-down:before { color: #fff; }
.content-home-footer.home-icon-angle-down .accordion-title .icon-angle-down:before { color: #000; }
.content-home-footer.accordion .toggle { right: 46%; top: 1.8em; opacity: .8; font-size: .79em;}
.tag-label { background-color: #0052C3; opacity: 1; font-weight: 600;padding: 6px 8px; font-size: 13px; text-transform: capitalize; border-radius: 4px; margin-top: 18px;}
.tintuc-page .box-vertical .box-text {vertical-align: top ; }
.tintuc-page h2.post-title a,.tintuc-page h3.post-title a {margin: 18px 0;}
.tintuc-page .cuocsong .box-text::before { content: ''; position: absolute; top: 0; left: 15px; width: 32px; height: 21px; background: url(https://cdn.unityfitness.vn/2024/05/icon-cr.png) no-repeat center center; background-size: cover; pointer-events: none; }
.tintuc-page .tabbed-content .active span {font-weight: 600 !important;}
.tintuc-page .tabbed-content .nav span {font-weight: 500; color: #000;font-size: 14px;}
.menu-header-archive .nav , .block-congcu .nav {flex-flow: row;white-space: nowrap;overflow-x: auto;}
.tintuc-page .section-title-normal span { border-bottom: 5px solid #0137A4; border-bottom: 5px solid #0137A4; font-size: 18px; font-family: 'Manrope'; font-weight: 600;} .tintuc-page .section-title-normal { border-bottom: none; }
.kienthuc-post-top .post-title a , .kienthuc-post-sub .post-title a {-webkit-line-clamp: 3;}
.kienthuc-post-sub .is-large a {font-size: .8rem;}
.is-divider-gray {width: 100%; height: 1px; background-color: #E2E2E2; margin-top: -35px;}
.button-black-plus  {background-color: #000E29 !important;}
.menu-header-archive .nav-line-bottom>li>a:before {  background:none; } 
.menu-header-archive  .menu-post-la { border-bottom:none}
.menu-header-archive .dark .nav>li.active>a { color: #1EA7FF; }  .menu-header-archive .menu-post-la .nav li a { color: #fff;}
.menu-header-archive .banner-bg .overlay { background: linear-gradient(360deg, rgba(1, 55, 164, 0) 59.59%, #0137a4 100%); }
.archive-page-header h1.page-title, .archive-page-header .taxonomy-description {display: none;}
.block-congcu h4 { text-align: left; color: #0052C3; font-weight: 600; font-family: 'Manrope'; font-size: 17px; } 
.block-congcu ul.nav.nav-line-bottom { margin-top: -46px; }
.block-congcu ul li.tab {margin-left: 26px !important;}
.archive .slide-cate .flickity-prev-next-button {top: 89%;}
.block-congcu ul::-webkit-scrollbar,.menu-post-la ul::-webkit-scrollbar, .slide-khu-tap ul::-webkit-scrollbar { width: 0 !important; display: none; } 
.single-post .post-sidebar .tag-label { display: none;}
tbody tr:nth-child(even) { background: #f5f5f5; } table {border-collapse: collapse; border: 1px solid #ececec;}
td:first-child, th:first-child { padding-left: 10px; }
tr:first-child { height: 38px; background: #3a78fd; color: #fff; border: 1px solid #5076fb; } tr:first-child td {color: #fff;}
.mfp-close {   color: #fff !important; }

/*popup form*/

/* #form30ngay:before, #formutm:before {
  content: '';
  position: absolute;
  top: -78px;
  right: 50%;
  transform: translateY(2%);
  width: 390px;
  height: 155px;
  background-image: url(https://cdn.unityfitness.vn/2024/12/xu.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
} */

#form30ngay, #formutm {
  position: relative;
  padding-top: 30px !important;
  border: 1px solid #fff;
  /* box-shadow: 1px 1px 150px 7px #fdeceb, 0 1px 3px rgb(0 0 0 / 60%); */
  outline: 1px solid #cfcfcf;
  outline-offset: 7px;
}


.mfp-auto-cursor .mfp-content {
  cursor: auto;
  /* background: url(https://cdn.unityfitness.vn/2025/03/bg-83.png) no-repeat; */
  background-size: cover;
 width: 610px;
  padding: 50px;
}



.lightbox-content {
  background: #E3ECFD;
  background: linear-gradient(129deg, #E3ECFD 0%, #E3ECFD 100%);
  border-radius: 16px; 

} 


#form30ngay input.wpcf7-form-control.wpcf7-submit.has-spinner, #formutm input.wpcf7-form-control.wpcf7-submit.has-spinner{ 
background: #5CAAFF;
  background: linear-gradient(90deg, #5CAAFF 0%, #007AFF 100%);
  box-shadow: 1px 1px 30px #013EB040;
color: #fff;
font-size: 16px;
  font-weight: 600;
}

#form30ngay input[type=text],.lightbox-content input[type=tel], #form30ngay select , #form30ngay ::placeholder,
#formutm input[type=text],#formutm select , #formutm ::placeholder
{
color: #000000; 
font-weight: 400; font-size: 16px;
}




#form30ngay select option , #formutm select option {
  background: #ffffff;
}



.form-text {font-size: 13px;font-weight:400;color: #000; }  
.form-title {font-size: 26px; line-height: 28px; margin-bottom: 16px; color: #0052C3; }

#form30ngay .mfp-close svg , #formutm .mfp-close svg {
  border: 2px solid #AFAFAF;
color: #AFAFAF;
}

#form30ngay form,#formutm form {
  margin-bottom: 0;
}

@media (max-width: 768px) {
.page-id-7661 .mfp-auto-cursor .mfp-content { padding: 0px ; }
.mfp-auto-cursor .mfp-content { padding: 23px;
  background-size: contain !important;
  /* background: url(https://cdn.unityfitness.vn/2025/03/bg83.png) no-repeat; */} 
#form30ngay:before, #formutm:before { height: 100px; right: 40%; top: -41px;}
.form-title {font-size: 22px;}
.off-canvas-left.dark .mfp-content { background: #000e29; margin-top: 60px; }
.mfp-close { left: 14px; top: 12px; }
#form30ngay .mfp-close { left: 85% !important; }
}	

/* icon click map */

.banner:hover .view-map { display: block; } 
.view-map { display: none; }
.view-map a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(https://cdn.unityfitness.vn/2024/09/arrow-up-right.svg) no-repeat;
  background-size: 100%;
  background-position: center;
}

.banner-map, .banner-map .banner-bg.fill, .banner-map .banner.has-hover {border-radius: 6px;}
.banner-map .overlay {border-radius: 9px;}

/*css member huấn luyện viên */

.member-card .info-mem{
  width: 100%;
  height: 125px;
  background: linear-gradient(181deg, rgb(32 60 141 / 86%) 54%, #0052c3d1 100%);
  color: gray;
  overflow: hidden;
  transition: all 0.3s ease;
  padding: 10px;
  bottom: 0px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.member-card .banner.has-hover ,.member-card .banner-bg.fill{ border-radius: 16px;  }

.member-card .banner-layers:hover .info-mem {
  height: 340px;
  background-color: #3a78fdbd;
}


.member-card .info-mem:hover .title-work .title-exp{
  color: #fff;
}

.member-card .title-name {
  font-size: 24px;
  font-weight: 700;
  margin: 0px;
}

.member-card .title-work {
  font-size: 16px;
  margin: 0px;
  color: #dddddd;
}

.member-card .title-exp {
  font-size: 14px;
  font-weight: 400;
  color: #939393;
  line-height: 20px;
}

.member-card .title-exp ul {margin-bottom: .7em;}
.member-card  .title-exp li {margin-bottom: .1em;}

/*member mobile*/

.member-card-mobile .banner.has-hover ,.member-card-mobile .banner-bg.fill{ border-radius: 16px;  }
.member-card-mobile .slider-style-focus .flickity-slider>:not(.is-selected) { transform: scale(1); opacity: 1; } 
.member-card-mobile .is-selected.row-small>.col { padding: 0 8px 19.6px 0; }           
.member-card-mobile .row-small>.col {   padding: 0 19.8px 19.6px; }
.member-card-mobile .slider-style-focus { padding: 10px 0; }
.member-card-mobile-end.is-selected .col-inner { margin-left:8px;}
.member-card-mobile .slider-style-focus .row.is-selected:last-of-type {margin-left: 0px;}

.info-mem-mobile {
  width: 100%;
  background: linear-gradient(181deg, rgb(32 60 141 / 86%) 54%, #0052c3d1 100%);
  color: gray;
  padding: 8px 10px 0px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;

}

.info-mem-mobile .info-member-show {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}


.info-mem-mobile .title-name {
  font-size: 18px;
  font-weight: 700;
  margin: 0px;
}

.info-mem-mobile .title-work {
  font-size: 14px;
  margin: 0px;
  color: #dddddd;
}

.info-mem-mobile .title-exp {
  font-size: 12px;
  font-weight: 400;
  
}
button.thu-gon-btn {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  text-transform: none;
  font-weight: 500;
  font-size: 13px;
  color: #1EA7FF;
}

.info-mem-mobile p {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.info-mem-mobile .title-exp ul {margin-bottom: .7em;}
.info-mem-mobile .title-exp li {margin-bottom: .1em;}


/* css phong gym gan day */

.page-id-7661 .mfp-container:has(.info-coso-popup) {
  background-color: #fff;
}

.page-id-7661 .mfp-container {
  padding: 0px;

}



.list-card .button.is-outline {
  line-height: 3em !important;
  font-family: 'Roboto';
}

.list-card .nav-size-small>li>a {
  font-size: 12px;
}
.btn-small .is-small.button {font-size: 10px;}
.title-roboto-list-card {font-weight:500; font-size: 16px; font-style: italic; font-family: sans-serif;}
.btn-buy  {
  color: #007BFF;
  background: linear-gradient(to right, #A9D2FF 0%, #007BFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: Roboto, sans-serif;
}

/* .list-card.tab-card-mobile .nav-pills>li>a { padding: 0 1.6em; }
.list-card .item-parc-mall .bg-loaded::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(226deg, rgba(0, 61, 167, 1) 0%, rgba(0, 107, 215, 1) 38%, rgba(0, 235, 176, 1) 70%, rgb(0,16,47) 100%);
  z-index: -1;
  border-radius: 14px;
}


.list-card .item-second .bg-loaded::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(51deg, rgba(0, 93, 255, 1) 0%, rgba(0, 107, 215, 1) 38%, rgba(16, 15, 22, 1) 80%, rgba(0, 14, 41, 1) 100%);
  z-index: -1;
  border-radius: 13px;
}



.list-card .item-parc-mall .bg-loaded, .list-card .item-second .bg-loaded{
border-radius: 14px;
  border: 2px solid transparent;
  background-clip: padding-box;
  position: relative;
} */

.info-coso-popup .flickity-page-dots { left: 5%; right: 5%;   bottom: 5px;}

.info-coso-popup .flickity-page-dots .dot.is-selected {
  background-color: #ffffff;
  width: 25px;
}

.info-coso-popup .flickity-page-dots .dot {
  background-color: #ffffff;
  border-radius: 10px;
  height: 3px;
  opacity: .4;
  width: 25px;
}
.info-coso-popup .flickity-button { display:none }

.info-coso-popup .mejs-controls {
  display: none;
}

.info-coso-popup .mejs-overlay-button {
  background: url(https://cdn.unityfitness.vn/2024/09/play-c.png) no-repeat;
  width: 70px;
  height: 70px;
}
.info-coso-popup .mejs-overlay {background: #00000033;}

.list-card .banner {
  margin-bottom: 5px;
}

.list-card .tab-panels .col {
  padding: 0 10px 15px;
}

.tabbed-content.list-card {
  margin-top: -60px;
}

.list-card .info-coso { font-size: 10px; }
.dark, .dark p, .dark td { color: #ffffff; }
.list-card .banner-bg .overlay  {
background: linear-gradient(181deg, rgb(32 60 141 / 86%) 54%, #0052c3d1 100%);
height: 78px;
bottom: 0px;
top:auto;
}

.info-coso-popup .slider-nav-dots-dashes-spaced .flickity-page-dots .dot { border-radius: 10px; height: 2px; width: 30px; }  
.info-coso-popup .flickity-page-dots .dot { border: 1px solid #fff; }

.list-card .label-local { 
	background: #007AFFBF;
  border-radius: 4px 0px 0px 4px;
  padding: 0px 0px 0px 12px;
  line-height: 5px; 
	font-weight:500;
}



.list-card .nav-pills>li.active>a { background:linear-gradient(90deg, rgba(12, 106, 255, 1) 0%, rgb(58 120 253 / 60%) 46%, rgba(11, 106, 255, 1) 100%);}
.list-card .banner-bg.fill ,.list-card .banner.has-hover { border-radius: 8px;  }
.list-card .slider-style-focus { padding: 10px 0; }
.banner-video .banner-bg.fill ,.banner.has-hover.banner-video {  border-radius: 16px;  }
.list-card-end.is-selected .col-inner { margin-left:15px;}

a.button.open-video.icon {
    border: none;
    background: #CBCBCBBF;
}
.title-manrope {font-family: Manrope,sans-serif !important }

/* slide khu vực tập */
.slide-kv-tap {margin-top: -235px !important;
  align-items: flex-end;
  bottom: 40px;
  display: flex;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: auto;
  width: 1300px !important;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin: 0 auto;}
.slide-kv-tap .active .item-slide {background-color: rgb(17, 42, 90); width: 279px; border-radius: 8px; border: 1px solid rgb(0, 123, 255); color: #fff; padding: 15px 15px 10px 15px;}
.slide-kv-tap .active  .item-slide p { font-size: 0.85rem; font-weight: 500; }
.slide-kv-tap .active  .item-slide h3.title-manrope { font-size: 1rem; color: #fff; }
.slide-kv-tap.align-end {
  justify-content: flex-end !important;
}

.slide-khu-tap .tab-panels {
  padding-top: 0;
}
.slide-khu-tap .flickity-page-dots {
  bottom: 15px !important; }

/* Nếu các tab nằm trong #tab-container, sử dụng selector này thay thế */
/* #tab-container:has(#tab_khu-tap-cycling.active),
#tab-container:has(#tab_khu-tap-ho-boi.active) {
    justify-content: flex-end !important;
} */


.item-slide h3.title-manrope { font-size: 1rem; color: #E2E2E2; }
.slide-kv-tap .item-slide {
    background-color: #000E2980;
    width: 279px;
    border-radius: 8px;
    border: 1px solid #757575;
    color: #757575;
    padding: 15px 15px 10px 15px;
}

.dot-home .slider-nav-light .flickity-page-dots .dot.is-selected{
    background-color: #007bff;
    border-radius: 10px;
    border: none;
	width: 50px;
}


.dot-home .flickity-page-dots .dot { cursor: pointer; display: inline-block; transition: opacity .3s; background-color: #cfcfcf; border: 0; height: 10px; opacity: 1; width: 10px; margin: 0 3px; }


.banner.list-the-tap { border-radius: 8px; margin-bottom: 10px; }
.goitap .bg-the-vip .col-inner{
    background: linear-gradient(90deg, rgba(188, 208, 249, 1) 0%, rgba(243, 248, 251, 1) 100%);
}

.khutap-mobile .col {padding:0px;}
.khutap-mobile .text { padding: 0 15px; }


.slide-kv-tap .active .item-slide p {
  -webkit-line-clamp: 4;
  max-height: 150px;
}


.slide-kv-tap .item-slide p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: -webkit-line-clamp 0.6s ease-in-out, max-height 0.6s ease-in-out;
  max-height: 40px;
}

/* form sdt footer */
#footer input[type=text], #footer input[type=tel] { background-color: #fff; border: none; border-radius: 4px; color: #B7E0FA; padding: 12px; margin-top: 12px; font-weight: 500; font-size: 14px; height: 52px; } #footer input.wpcf7-form-control.wpcf7-submit.has-spinner { background-color: #007bff; border-radius: 8px; width: 100%; padding: 8px 18px; margin-top: 36px; }
.wpcf7-spinner {display:none;} #footer .wpcf7 form.sent .wpcf7-response-output {border: none;color: #3a78fd;}
#footer ::placeholder {color:#5C7694;}
.button-fb-footer {background: #112A5A;border: 1px solid #007Bff;}
.button-fb-footer .icon-facebook:before {  background: #fff; border-radius: 50px; padding: 2px; color: #192959; }
.section.footer-ss {padding-bottom: 0px !important;}  .absolute-footer {padding: 0px; }

/* css table so sánh gói tập */
.membership-table-container {
  overflow-x: auto;
  position: relative;
  border-radius: 16px;
	border: 1px solid #0052c3;
}

.membership-table {
  width: 100%;
  min-width: 570px; 
  border-collapse: separate;
  border-spacing: 0;
  background-color: #000E29;
  color: white;
  border: none;
  border-radius: 10px;
	margin-bottom:0px;
}

.membership-table .row-top-table {
  text-align: right;
  background: #0052C3 !important;
  height: 48px;
  font-size: 18px;
	border-right: none !important;
}

.membership-table th,
.membership-table td {
  padding: 17px;
  text-align: left;
  border-top: none;
  border-bottom: none;
}

.membership-table th:not(:last-child),
.membership-table td:not(:last-child) {
  border-right: 1px solid #112A5A;
}

.membership-table th:first-child,
.membership-table td:first-child {
  position: sticky;
  left: 0;
  background-color: #000E29;
  z-index: 1;
}

.membership-table th:first-child {
  width: 40%;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
}

.membership-table th:not(:first-child) {
  width: 15%;
}

.membership-table th:nth-child(2) {
  color: #ffaa00;
  font-size: 20px;
  text-align: center;
}

.membership-table th:nth-child(3) {
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}

.membership-table th:nth-child(4) {
  color: #00e1ff;
  font-size: 20px;
  text-align: center;
}
.membership-table th:nth-child(5) {
  color: #09ff00;
  font-size: 20px;
  text-align: center;
}

.membership-table tr:first-child {
  background-color: #0052C3;
}

.membership-table .section-header td {
  background-color: #112A5A;
  font-weight: bold;
  padding: 8px 12px;
}

.membership-table td:not(:first-child) {
  text-align: center;
}

.membership-table tr:not(.section-header) td:not(:first-child) {
  font-size: 14px;
}

.membership-table tr:nth-child(even):not(.section-header):not(:first-child) {
  background-color: #000E29;
}

.membership-table tr:hover:not(.section-header):not(:first-child) {
  background-color: #001d3a;
}

.membership-table .check::before {
  content: "✓";
  color: #2ecc71;
}


.membership-table tr:nth-child(even):not(.section-header):not(:first-child) td:first-child {
  background-color: #000E29;
}

.membership-table tr:hover:not(.section-header):not(:first-child) td:first-child {
  background-color: #001d3a;
}

.membership-table .section-header td:first-child {
  background-color: #112A5A;
  position: sticky;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .membership-table {
    font-size: 14px;
  }

  .membership-table th,
  .membership-table td {
    padding: 10px;
  }

  .membership-table th:first-child,
  .membership-table td:first-child {
    min-width: 150px; 
  }
  
  .membership-table-container {
    max-width: 100%;
    overflow-x: auto;
	  border: 1px solid #0052c3;
  }
}

/* end css so sánh gói tập */



.tag-cong-cu .white {
    background-color: #EEEEEE !important;
    color: #333333 !important;
    border: none;
    font-weight: 500;
    font-size: 14px;
}