/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
color: var(--primary-color);
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.tab-dai-ly.tabbed-content ul > li {
    margin-right: 8px;
}
.tab-dai-ly.tabbed-content ul > li > a {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background: #fcc111;
    color: white;
    display: block;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    width: 144px;
}
.tab-dai-ly.tabbed-content ul > li.active > a {
    border-top-color: #ddbe16;
    background: white;
    color: black;
}
.row-page__contact #pickupsp td .form-unit-price {
    font-size: 20px;
}
.float-contact {
    position: fixed;
    bottom: 64px;
    right: 20px;
    z-index: 99999;
}
.chat-zalo {
    padding: 15px 25px;
    margin: 5px 0px 5px 39px;
    border-radius: 10px;
    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;
    -webkit-animation: pulsemnozoom 1s infinite;
    animation: pulsemnozoom 1s infinite;
    background-color: #fcc111;
}
.float-contact .hotline {
    padding: 15px 25px;
    margin: 10px 0px 10px 20px;
    border-radius: 10px;
    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;
    -webkit-animation: pulsemnozoom 1s infinite;
    animation: pulsemnozoom 1s infinite;
    background-color: #b20000;
}
.chat-zalo a, .chat-face a, .hotline a {
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    line-height: 0;
}
.chat-zalo a:hover, .chat-face a:hover, .hotline a:hover {
	color: #fff;
}
.chat-zalo img, .hotline img {
    height: 30px;
    margin-right: 10px;
    padding-bottom: 8px;
	filter: brightness(0) invert(1);
}
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before {
    color: #FBBF12;
}
.tab-dai-ly .tabbed-content ul > li {
    margin-right: 8px;
}
.tab-dai-ly .tabbed-content ul > li > a {
	width: 100%;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background: #fcc111;
    color: white;
    display: block;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
}
.tab-dai-ly .tabbed-content ul > li.active > a {
    border-top-color: #ddbe16;
    background: white;
    color: black;
}
.wpcf7 p {
    margin-bottom: 0 !important;
}
#pickupsp .gift_name::placeholder {
	color: #8a0648
}
#pickupsp td input[type='number'],
#pickupsp td input[type='tel'],
#pickupsp td input[type='text'] {
    border-radius: 10px;
    background: white;
    border: solid 1px #f9bf18;
    padding: 10px 15px;
    font-size: 18px;
	margin-top: 0;
}
#pickupsp td {
    border: 0;
    align-items: center;
}
#pickupsp td label {
    width: 145px;
    font-size: 18px;
    font-weight: 500;
}
#pickupsp td .form-unit-price {
    font-size: 24px;
    font-weight: 600;
}
#pickupsp .gift_name {
    color: #8a0648;
}
#pickupsp .btn-mua-hang {
    background: #f9bf18;
    background: -webkit-gradient(linear, left top, right top, from(#f9bf18), color-stop(50%, #f9bf65));
    background: linear-gradient(to right, #d9a100 0%, #f6b34b 50%);
    color: white;
    border-radius: 20px;
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    margin-right: 0;
    float: right;
}
.button.primary {
    font-weight: 500;
}
.pro-ingredient .img-inner {
    border-radius: 10%;
}
.note {
    background: #FBBF12;
    border: 1px dashed white;
    border-radius: 4px;
    padding: 10px;
}
.header-nav .hotline a {
    background: #b20000;
    color: white !important;
    padding: 13px 20px;
    border-radius: 4px;
}
.header-nav .hotline a:hover {
    background: #017d00;
}
.sec__page-contact input[type='email'], 
.sec__page-contact input[type='search'], 
.sec__page-contact input[type='number'], 
.sec__page-contact input[type='url'], 
.sec__page-contact input[type='tel'], 
.sec__page-contact input[type='text'], 
.sec__page-contact textarea, 
.sec__page-contact select {
	padding-left: 0;
}
#fixed-social-network {
  position: fixed;
  top: 25%;
  right: -120px;
  z-index: 999; 
}
#fixed-social-network > a {
	height: 40px;
	line-height: 40px;
/* 	padding: 0px 20px 0px 15px; */
	display: block;
	width: 170px;
	transform: translateX(0px);
	margin-bottom: 5px; 
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#fixed-social-network > a > img {
  margin-right: 20px; 
    height: 40px;
    padding: 5px;
}
#fixed-social-network > a:hover {
  transform: translateX(-120px);
}
#fixed-social-network > a.fb-icon {
  background: #3B5998;
  color: #fff; 
}
#fixed-social-network > a.tele-icon {
  background: #27a6e5;
  color: #fff; 
}
#fixed-social-network > a.yt-icon {
  background: #FF0000;
  color: #fff; 
}
#fixed-social-network > a.tw-icon {
  background: #0180c7;
  color: #fff; 
}
#fixed-social-network > a.gg-icon {
  background: #DF4A32;
  color: #fff; 
}
.widget.widget_nav_menu {
	margin-left: 0;
}
.logo-left .logo {
    margin-right: 100px;
}
.product-categories > li > a,
.widget.widget_nav_menu ul.menu > li.menu-item > a {	
	font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
	position: relative;
	padding-left: 25px !important;
}
.product-categories li.cat-item.current-cat > a,
.widget.widget_nav_menu ul.menu > li.menu-item.active > a,
.product-categories > li.active > a {
	font-weight: 500 !important;
	color: var(--primary-color);
}
.product-categories > li > a:after,
.widget.widget_nav_menu ul.menu > li.menu-item > a:before {
	content: '';
    height: 8px;
    width: 8px;
    border: 1px solid #000;
    margin-right: 15px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0;
    margin-left: 5px;
    transform: rotate(45deg);
}
.product-categories li.cat-item.current-cat > a:after,
.product-categories > li > a:hover:after,
.product-categories > li.active > a:after,
.widget.widget_nav_menu ul.menu > li.menu-item.active > a:before,
.widget.widget_nav_menu ul.menu > li.menu-item > a:hover:before {
    height: 12px;
    width: 12px;
    border: 1px solid var(--primary-color);
    margin-right: 15px;
    display: inline-block;
    position: absolute;
    top: 13px;
    left: -2px;
    background-color: var(--primary-color);
}
.header-nav.header-nav-main ul.nav-dropdown-default {
    padding: 3px;
}
.header-nav.header-nav-main ul.nav-dropdown-default li.menu-item > a {
/* 	font-family: "Oswald", sans-serif; */
	font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.product-section-title.container-width.product-section-title-related {
    margin-left: 0;
}
.product-short-description table tbody tr th {
	font-weight: 400;
}
.footer-primary {
    border-top: 1px solid #dddddd;
    padding-top: 15px;
}
.footer-2 a.ux-menu-link__link {
    color: #a8a8a8;
}
.footer-2 input[type='email'], 
.footer-2 input[type='search'], 
.footer-2 input[type='number'], 
.footer-2 input[type='url'], 
.footer-2 input[type='tel'], 
.footer-2 input[type='text'], 
.footer-2 textarea, .footer-2 select {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
	border-color: #494b4c;
	color: #fff;
}
.tabs__custom.tabbed-content .tab-panels {
    padding-right: 0;
}
.tabs__custom.tabbed-content > ul.nav > li {
    border-top: none;
}
.tabs__custom .nav-line li a {
    text-transform: none;
    color: #000 !important;
    font-size: 20px;
    padding-bottom: 8px;
    transition: none;
    font-weight: 400;
    padding-left: 27px;
}
.tabs__custom .nav-line li.active a, 
.tabs__custom .nav-line li:hover a {
    color: var(--primary-color) !important;
}
.tabs__custom .nav-line li:after {
    content: '';
    height: 8px;
    width: 8px;
    border: 1px solid #000;
    margin-right: 15px;
    display: inline-block;
    position: absolute;
    top: 21px;
    left: 0;
    margin-left: 5px;
    transform: rotate(45deg);
}
.tabs__custom .nav-line li.active:before,
.tabs__custom .nav-line li:hover:before {
    content: '';
    height: 12px;
    width: 12px;
    border: 1px solid var(--primary-color);
    margin-right: 15px;
    display: inline-block;
    position: absolute;
    top: 19px;
    left: -3px;
    margin-left: 5px;
    transform: rotate(45deg);
    background-color: var(--primary-color);
}
.tabs__custom .nav-line li.active:after,
.tabs__custom .nav-line li:hover:after {
	display: none;
}
.product-small.col .col-inner:hover {
    box-shadow: 0 -1px 12px rgb(0 0 0 / 10%);
}
button.scroll-for-more {
    animation: MoveUpDown 1s linear infinite;
}
button.scroll-for-more i {
	color: #ffa000;
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
/*     display: none; */
	opacity: 0;
	font-size: 0;
    -webkit-appearance: none;
	width: 50px;
	height: 45px;
}
p.form-item .wpcf7-submit {
	width: 90%;
	margin: 0;
}
p.form-item select,
p.form-item input[type=date] {
	background-image: url(https://webre.com.vn/soikeo/wp-content/uploads/2022/12/icon-download-1.png);
	background-position: right center;
    background-repeat: no-repeat;
	background-size: 1.75rem;
}
p.form-item select,
p.form-item input[type=date] {
    margin-bottom: 0;
    height: 45px;
    box-shadow: none;
    background-color: transparent;
	border: 1px solid #ddd !important;
	padding-left: 10px;
    padding-right: 10px;
}
p.form-item,
p.form-item label,
p.form-item input[type=date] {
	margin-bottom: 0;	
    font-weight: 400;
}
.ls-3 {
	letter-spacing: 3px !important;
}
.header-wrapper.stuck .header-main .nav > li > a.contact-select__trigger {
	color: #464646;
	filter: none;
}
.header-main .nav > li > a.contact-select__trigger {
    text-transform: uppercase;
    letter-spacing: .15625rem;
    color: #fefefe;
    outline: none;
    cursor: pointer;
    transition: opacity .4s;
	filter: brightness(0) invert(1);
	position: relative;
	padding-left: 40px;
}
.header-main .nav > li > a.contact-select__trigger:before {
	position: absolute;
	left: 0;
	content:"";
	width: 30px;
    height: 30px;
	background-image: url(https://webre.com.vn/soikeo/wp-content/uploads/2020/09/phone-1.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.off-canvas .nav-vertical>li>a {
	font-family: oswald,sans-serif;
	font-weight: 400;
	color: #464646;
}
.nav-slide-header .toggle,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: "Oswald", sans-serif !important;
    color: #464646 !important;
    letter-spacing: 3px !important;
    font-weight: 400;
}
ul.nav.nav-sidebar.nav-vertical.nav-uppercase.nav-slide {
    padding-top: 45px;
}
.mfp-ready .mfp-close {
	opacity: 1;
}
.sidebar-menu .toggle i.icon-angle-right {
    color: #ff7601;
}
button.mfp-close {
	left: 0;
/* 	width: 2rem;
	height: 2rem; */
	background-color: var(--primary-color);
	opacity: 1;
	mix-blend-mode: normal;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 100%;
}
@media (min-width: 850px) {
	.tabs__custom.tabbed-content > ul.nav {
		width: 20%;
	}
	.sec-form__book-now form.wpcf7-form {
		display: flex;
		align-items: center;
	}
	.sec-form__book-now p.form-item {
		width: 20%;
		margin: 0 10px;
	}
	ul.sub-menu.nav-sidebar-ul.children.is-current-slide {
		padding-top: 7.5rem;
	}
	button.mfp-close {		
		width: 5rem;
		height: 5rem;
		opacity: 1 !important;
	}
	.mfp-content ul.nav.nav-sidebar.nav-vertical.nav-slide {
		padding-top: 7.5rem;
	}
	.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
		width: 35rem;
	}
	.nav-slide-header .toggle,
	.mobile-sidebar-levels-2 .nav > li > ul > li > a,
	.off-canvas .nav-vertical>li>a {
		font-size: 20px !important;
	}
}
.header-main .nav > li.nav-icon > a {
    font-weight: 300;
    font-size: 20px;
}
span.wpcf7-list-item-label {
    font-weight: 300;
	color: #a8a8a8;
}
.footer-2 {
	border-color: #f3f3f3;
    border-width: 1px;
}
.icon-box__20 .icon-box {
    width: 20%;
    float: left;
}
.image-box__custom .box-text {
	position: relative;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}
.image-box__custom .box-text:before {
	position: absolute;
    z-index: 2;
    content: '';
	background: #464646;
	top: 6.25rem;
    right: 6.25rem;
    bottom: 6.25rem;
    left: 6.25rem;
	opacity: 0;
	transition: .6s cubic-bezier(.17,.67,.62,1.01);
}
.image-box__custom .box-text-inner {
	width: 100%;
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	transition: .6s cubic-bezier(.17,.67,.62,1.01);
	padding-left: 20px;
	padding-right: 20px;
}
.image-box__custom:hover .box-text-inner {
	bottom: 50%;
    left: 50%;
    z-index: 999;
    margin-bottom: -25px;
}
.image-box__custom:hover .box-text:before {
	opacity: .6;
	top: 0.9375rem;
    right: 0.9375rem;
    bottom: 0.9375rem;
    left: 0.9375rem;
}
.image-box__custom .box-image a,
.image-box__custom .box-image {
	position: relative;
}
.image-box__custom .box-image:before {
	content: '';
    position: absolute;
	left: 0.9375rem;
    top: 0.9375rem;
    width: 0;
    height: 0.0625rem;
	background-color: #f2a403;
	width: calc(100% - 1.875rem);
    transition: 1s;
	z-index: 99999;
}
.image-box__custom .box-image:after {
	content: '';
    position: absolute;
	left: 0.9375rem;
    top: 0.9375rem;
    width: 1px;
	background-color: #f2a403;
	height: calc(100% - 1.875rem);
    transition: 1s;
    transition-delay: 1s;
	z-index: 99999;
}
.image-box__custom .box-image a:before {
	content: '';
    position: absolute;
	right: 0.9375rem;
    bottom: 0.9375rem;
    width: 0;
    height: 0.0625rem;
	background-color: #f2a403;
	width: calc(100% - 1.875rem);
    transition: 1s;
    transition-delay: 2s;
	z-index: 99999;
}
.image-box__custom .box-image a:after {
	content: '';
    position: absolute;
	right: 0.9375rem;
    bottom: 0.9375rem;
    width: 1px;
    height: 0.0625rem;
	background-color: #f2a403;
	    height: calc(100% - 1.875rem);
    transition: 1s;
    transition-delay: 3s;
	z-index: 99999;
}
a.button.primary.is-outline {
    color: #464646;
    font-weight: 500;
}
.is-divider {
	transition: .9s cubic-bezier(.17,.67,.62,1.01);
}
h1, h2, h3, h4, h5, h6, .heading-font {
    margin-bottom: 5px;
	font-weight: 400 !important;
}
.off-canvas .nav-vertical>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.mobile-sidebar .sidebar-menu {
	padding-top: 0;
}
.mobile-sidebar .sidebar-menu .nav-sidebar li.html.custom.html_topbar_right {
    padding: 15px;
}
.mobile-sidebar .sidebar-menu .nav-sidebar li.html.custom.html_topbar_right a {
    padding: 0;
}
#logo-ads span {
    font-size: 12px;
	color: var(--primary-color);
}
#logo-ads i {
	background-image: url(./images/icon-group.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    padding: 0 1px;
}
#logo-ads i.sprite_live_help {
	background-position: -697px 0;
    width: 26px;
    height: 22px;
}
i.sprite_content_divider {
    background-position: -87px 0;
    width: 3px;
    height: 16px;
}
i.sprite_mobile {
    background-position: -1409px -26px;
    width: 26px;
    height: 22px;
}
.blog-wrapper.blog-single.page-wrapper .entry-header .entry-header-text-top {
	padding-bottom: 0;
}
.blog-wrapper.blog-single.page-wrapper .entry-content.single-page {
    padding-top: 0;
}
span.widget-title {
    background-color: var(--primary-color);
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}
a.tag-cloud-link {
    display: inline-block;
    margin-right: 5px;
    font-size: 9pt!important;
    border: 1px solid #c8c8c8;
    padding: 5px 10px;
    margin-bottom: 10px;
}
a.tag-cloud-link:hover {
    color: #fff;
}
.widget .col.post-item {
	padding-bottom: 0;
}
.widget .col.post-item .col-inner {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dedede;
}
.widget .col.post-item:last-child .col-inner {
	border-bottom: none;
}
.widget .col.post-item .box-text.text-left {
    padding: 0 0 0 10px;
}
.widget .is-divider,
.box-blog-post .is-divider {
	display: none;
}
.widget .col.post-item .post-title {
    font-weight: 400;
    font-size: 14px;
}
.pdl-15 {
	padding-left: 15px;
}
.pdr-15 {
	padding-right: 15px;
}
table {
    width: 100%;
    margin-bottom: 22px;
    border-collapse: collapse;
    border-left: 1px solid var(--pcborder-cl);
    border-right: 1px solid var(--pcborder-cl);
    border-top: 1px solid var(--pcborder-cl);
}
.statistics .statistics-inner {
    padding-top: 0;
}
section.statistics {
    padding-top: 0 !important;
}
.statistics .statistics-inner .stat {
    margin: 0 !important;
}
.pdb-0 {
	padding-bottom: 0 !important;
}
.row__block .button {
    margin-bottom: 0;
}
.row__block .img {
    margin-bottom: 0 !important;
}
.row__block .block1 > .col-inner {
    border: 1px solid #8bbfe2;
}
.row__block .block1 {
    position: relative;
}
.row__block .block1:before {
    position: absolute;
    left: -15px;
    top: -15px;
    content: "1";
    width: 50px;
    height: 50px;
    font-size: 36px;
    background-color: #6ec1e4;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 50%);
    z-index: 999;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.row__block .block1 .img {
    background-color: #174498;
}
.row__block .block1 .button.btn__top {
    background-color: transparent;
    background-image: linear-gradient(180deg,#5982F3 0%,#5982F3 100%);
}
/* Block 2 */
.row__block .block2 .btn1 {
    background-color: #61ce70 !important;
}
.row__block .block2 .btn2 {
    background-color: #11b127 !important;
}
.row__block .block2 > .col-inner {
    border: 1px solid #6cb746;
}
.row__block .block2 {
    position: relative;
}
.row__block .block2:before {
    position: absolute;
    left: -15px;
    top: -15px;
    content: "2";
    width: 50px;
    height: 50px;
    font-size: 36px;
    background-color: transparent;
    background-image: linear-gradient(180deg,#3EE955 0%,#11B127 100%);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 50%);
    z-index: 999;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.row__block .block2 .img {
    background-color: #097b19;
}
.row__block .block2 .button.btn__top {
    background-color: transparent;
    background-image: linear-gradient(180deg,#11B127 0%,#11B127 100%);
}
/* Block 3 */
.row__block .block3 .btn1 {
    background-color: #ffae6d;
}
.row__block .block3 .btn2 {
    background-color: #ff8320 !important;
}
.row__block .block3 > .col-inner {
    border: 1px solid #f0be39 !important;
}
.row__block .block3 {
    position: relative;
}
.row__block .block3:before {
    position: absolute;
    left: -15px;
    top: -15px;
    content: "3";
    width: 50px;
    height: 50px;
    font-size: 36px;
    background-color: transparent;
    background-image: linear-gradient(180deg,#FFF120 0%,#FF8320 100%);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 50%);
    z-index: 999;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.row__block .block3 .img {
    background-color: #c26821;
}
.row__block .block3 .button.btn__top {
    background-color: #ff8320;
}
/* Block 4 */
.row__block .block4 .btn1 {
    background-color: #ff9dea !important;
}
.row__block .block4 .btn2 {
    background-color: #fc4ed7 !important;
}
.row__block .block4 > .col-inner {
    border: 1px solid #cc63c6;
}
.row__block .block4 {
    position: relative;
}
.row__block .block4:before {
    position: absolute;
    left: -15px;
    top: -15px;
    content: "4";
    width: 50px;
    height: 50px;
    font-size: 36px;
    background-color: transparent;
    background-image: linear-gradient(180deg,#E7A6D9 0%,#FC4ED7 100%);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 50%);
    z-index: 999;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.row__block .block4 .img {
    background-color: #901e78;
}
.row__block .block4 .button.btn__top {
    background-color: #fc4ed7;
}
.statistics h3 {
    display: none;
}
span.count-title {
    font-weight: 600;
}
.button-xemngay button {
    background: #3387c8;
    color: #fff;
    border: none;
    padding: 0 25px;
    cursor: pointer;
    font-size: 1.5em;
    font-family: inherit;
    height: 44px;
    line-height: 46px;
    margin: 0 !important;
}
.button-xemngay .passSubmit, .xemngay.active {
    display: none!important;
}
.xemngay.active+.passSubmit {
    display: table!important;
    background: #cc011b!important;
    margin: 0 auto !important;
}
.tab-panels .box.box-badge .box-text {
    bottom: 0;
}
.row__cac-buoc .icon-box {
    padding: 0 10px 20px 10px;
}
.row__cac-buoc .button.expand {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.btn__custom:hover {
    transform: scale(1.1);
}
blockquote {
    padding: 10px 20px 10px 24px;
    font-style: italic;
    line-height: 1.5;
    font-size: 17px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    background: #fffeed!important;
    color: #000!important;
    border-color: orange !important;
    border-width: 5px;
}
blockquote p {
    margin-bottom: 0 !important;
}
p {
    margin-bottom: 10px !important;
}
.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 31px;
    text-align: center;
    font-size: 36px;
    z-index: 99999;
}
.text-justify {
    text-align: justify;
}
#tu-van {
    border-radius: 5px;
}
.ladi-button {
	position: fixed;
    bottom: 30px;
    right: 30px;
    width: 200px;
    height: 55px;
    overflow: hidden;
	z-index: 99;
	text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 70, 223, 0.4);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 70, 223, 0.4);
    border-color: rgb(9, 226, 181);
    border-width: 2px;
    border-radius: 3px;
	background: rgba(0, 70, 223, 1.0);
    background: -webkit-linear-gradient(90deg, rgba(0, 70, 223, 1.0), rgba(9, 226, 181, 1.0));
    background: linear-gradient(90deg, rgba(0, 70, 223, 1.0), rgba(9, 226, 181, 1.0));
	padding: 5px 15px;
}
.ladi-button span {
	color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
	display: block;
}
.ladi-button span:last-child {
	font-weight: 300;
	font-size: 13px;
}
#tu-van .flex-row.medium-flex-wrap.form-nhan-file {
    display: block;
}
#tu-van .flex-row.medium-flex-wrap.form-nhan-file input[type='text'],
#tu-van .flex-row.medium-flex-wrap.form-nhan-file input[type='email'] {
    margin-bottom: 9px;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select {
    box-shadow: none;
    height: 45px;
    margin-bottom: 0;
    font-weight: 400;
    border-left: none;
    border-top: none;
    border-right: none;
    padding-left: 15px;
    padding-right: 15px;
}
#tu-van .flex-row.medium-flex-wrap.form-nhan-file input[type='text'],
#tu-van .flex-row.medium-flex-wrap.form-nhan-file input[type='email'] {
    margin-bottom: 9px;
}
form.wpcf7-form {
    margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit.button.btn-bang-gia {
    margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit {
    /* width: 100%; */
    height: 45px;
    border-radius: 3px;
    float: right;
}
input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {
    box-shadow: none;
}
.hotline-footer {
    display: none;
}
@media (min-width: 850px) {

}
@media (max-width: 849px) {
	a#top-link {
		bottom: 52px;
	}
	.logo-left .logo {
		margin-right: 0;
	}
	.float-contact {
		display: none;
	}
	.hotline-footer {
		display: inline-block;
		position: fixed;
		bottom: 0;
		height: 45px;
		width: 100%;
		z-index: 999;
	}
	.hotline-footer .left {
		float: left;
		width: 50%;
		background: #d60000;
		text-align: center;
		height: 100%;
	}
	.hotline-footer .right {
		float: right;
		width: 50%;
		background: #f38800;
		text-align: center;
		height: 100%;
	}
	.hotline-footer .right a, .hotline-footer .left a, .hotline-footer .middle a {
		line-height: 42px;
		font-size: 22px;
		color: white;
		font-weight: 500;
	}
	.hotline-footer img {
		width: 30px;
		padding-right: 10px;
		filter: brightness(0) invert(1);
	}
}
@media (max-width: 549px) {

}
@media (max-width: 480px) {

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


}
.relatedcat ul > li {
	list-style: none;
}
@media (min-width: 849px) {
    .relatedcat ul {
        display: flex;
        margin: 0 -10px;
    }
    .relatedcat ul > li {
        list-style: none;
        width: 33.3333%;
        padding: 0 10px;
    }
    .relatedcat ul > li img {
        object-fit: cover;
        width: 100%;
        height: 150px;
        border-radius: 5px;
        transition: transform .5s;
    }
    .relatedcat ul > li > a {
        line-height: 20px;
        display: block;
        margin-top: 10px;
    }
}
.suntory-alo-phone{background-color:transparent;cursor:pointer;height:120px;position:fixed;-webkit-transition:visibility 0.5s ease 0s;transition:visibility 0.5s ease 0s;width:120px;z-index:200 !important;left:0px;bottom:0px;}
.suntory-alo-phone .suntory-alo-ph-circle{-webkit-animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color:transparent;border:2px solid rgba(30, 30, 30, 0.4);border-radius:100%;height:100px;left:0px;opacity:0.1;position:absolute;top:0px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:100px;}
.suntory-alo-phone .suntory-alo-ph-circle{border-color:#ff3301;opacity:1;}
.suntory-alo-phone .suntory-alo-ph-img-circle{border:2px solid transparent;border-radius:100%;height:50px;left:25px;opacity:0.7;position:absolute;top:25px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;width:50px;}
.suntory-alo-phone .suntory-alo-ph-img-circle{background-color:#ff3301;}
.suntory-alo-phone .suntory-alo-ph-img-circle i{-webkit-animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size:30px;line-height:50px;padding-left:10px;color:#fff;}
.suntory-alo-phone .suntory-alo-ph-circle-fill{-webkit-animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border:2px solid transparent;border-radius:100%;height:70px;left:15px;position:absolute;top:15px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:70px;}
.suntory-alo-phone .suntory-alo-ph-circle-fill{background-color:#ff3301;}
.suntory-alo-phone .phone-number{position:absolute;top:35px;left:82px;color:#ffffff;background-color:rgba(255, 51, 1, 0.67);padding:6px 10px;border-radius:3px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;}
.suntory-alo-phone:hover .phone-number{left:78px;visibility:visible;opacity:1;}
@-webkit-keyframes suntory-alo-circle-anim {
0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);transform:rotate(0deg) scale(0.5) skew(1deg);}
30%{opacity:0.5;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
100%{opacity:0.6;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-anim {
0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);transform:rotate(0deg) scale(0.5) skew(1deg);}
30%{opacity:0.5;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
100%{opacity:0.6;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@-webkit-keyframes suntory-alo-circle-fill-anim {
0%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
50%{opacity:0.2;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes suntory-alo-circle-fill-anim {
0%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
50%{opacity:0.2;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
}
@-webkit-keyframes suntory-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
.suntory-alo-phone .suntory-alo-ph-img-circle img {
    -webkit-animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
	filter: brightness(0) invert(1);
	width: 30px;
    position: absolute;
    top: 10px;
    left: 7px;
}
.mobile-hotline {
    display: none;
}
@media (max-width: 849px) {
	.icon-box__20 .icon-box {
		width: 25%;
	}
	.header-wrapper.stuck .header-main .nav.mobile-nav > li.nav-icon > a {
		color: #464646;
	}
	.suntory-alo-phone .phone-number {
		display: none;
	}
    ul.mobile-nav.nav.nav-right {
        display: block;
        text-align: center;
    }
	ul.mobile-nav.nav.nav-right li.html.custom.html_topbar_left {
		display: block;
	}
	ul.mobile-nav.nav.nav-right li.html.custom.html_topbar_left a.contact-select__trigger {
		font-size: 0;
		line-height: 30;
	}
    .header-bottom {
        min-height: 45px !important;
    }
    .header-bottom-nav > li > a {
        line-height: 45px !important;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        font-weight: 400 !important;
        text-transform: inherit;
    }
    .header-bottom-nav 
}
@media (max-width: 549px) {
	.icon-box__20 .icon-box {
		width: 33%;
	}
}