/*
Theme Name: Maxweb
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: Hoan
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root{
	--do:#f72816;
	--vang:#f8d531;
	--xanh: #136058;
}
.uxb-draggable *{
	pointer-events:initial !important;
}
html,body,span,label,a,p,button,b,div,nav,li{
	font-family: "Crimson Text", serif;
}
h1,h2,h3,h4,h5,h6,.nav > li > a,h1>span,h2>span,h3>span,h4>span,h5>span,h6>span{
	font-family: "Playfair Display", serif!important;
}
.header-main .nav > li:hover > a {
    color: #136058 !important;
}
.header-nav-main{
    justify-content: space-between;
}
b,strong{
	font-weight:bold;
}
form{
	margin:0 !important;
}
form input:not([type=submit]),textarea,select{
	box-shadow:none !important;
}
input[type=submit]{
	margin:0;
}
.txt-jus{
	text-align:justify;
}
.txt-jus :is(h1,h2,h3,h4,h5,h6){
	text-align:left;
}
a{
	cursor:pointer;
}
.wpcf7-spinner,.product-images .image-tools.bottom.left,.post-item .is-divider,aside > .is-divider,.entry-header .is-divider{
	display:none !important;
}
.section-content{
	z-index:unset !important;
}
.dark, .dark p, .dark td{
	color:#fff !important;
}
.pd-b0,.ga-pd-b0 .col{
	padding-bottom:0 !important;
}
.p-mb0 p,.title-mb0 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:0;
}
.p-mb5 p,.title-mb5 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:5px;
}
.p-mb10 p,.title-mb10 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:10px;
}
.p-mb15 p,.title-mb15 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:15px;
}
.p-mb20 p,.title-mb20 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:20px;
}
.p-w400 p, .title-w400 :is(h1,h2,h3,h4,h5,h6){
	font-weight:400;
}
.p-w500 p, .title-w500 :is(h1,h2,h3,h4,h5,h6){
	font-weight:500;
}
.p-w600 p,.title-w600 :is(h1,h2,h3,h4,h5,h6){
	font-weight:600;
}
.p-w700 p,.title-w700 :is(h1,h2,h3,h4,h5,h6){
	font-weight:700;
}
.p-w800 p,.title-w800 :is(h1,h2,h3,h4,h5,h6){
	font-weight:800;
}
.p-w900 p,.title-w900 :is(h1,h2,h3,h4,h5,h6){
	font-weight:900;
}
.title-f30 :is(h1,h2,h3,h4){
	font-size:30px;
}
.title-f20 :is(h1,h2,h3,h4){
	font-size:20px;
}
.is-uppercase, .uppercase{
	line-height:inherit;
}
.col-h100 > .col-inner{
	height:100%;
}
.img-h100 :is(.img,.img-inner){
	height:100%;
}
.img-h100 img{
	height:100%;
	object-fit:cover;
}
.absolute-footer{
	background-color:var(--xanh) !important;
	padding:0;
	font-size: 17px;
}
.footer-secondary{
	display:none;
}
.footer-primary,.copyright-footer{
	width:100%;
	text-align:center;
	color:#ffffff;
	position:relative;
}
.footer-primary{
	padding:10px 0 15px;
}
.blog-wrapper{
	padding-bottom:0;
}
.single-page{
	text-align:justify;
	padding-top:0;
}
#top-link{
	width: 40px;
	height: 40px;
	border-radius: 5px !important;
	border: 1px solid var(--do) !important;
	color: #fff !important;
	background: url(/wp-content/uploads/2025/12/top.png) var(--do);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: 16px;
	min-width:unset;
}
table {
	border-collapse: collapse;
}
.owl-stage{
	display:flex;
}
.owl-stage .col,.owl-stage .col > .col-inner{
	height:100%;
}
.owl-item {
	flex-shrink:0;
}
.owl-item .col {
	max-width:100%;
}
.owl-dots {
	margin:0 !important;
}
.owl-dots button{
	min-height:unset;
	margin:0 5px;
}
.owl-theme .owl-dots .owl-dot span{
	margin:5px 4px !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background:var(--vang) !important;
}
.owl-nav{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translatey(-50%);
	margin:0 !important;
}
.owl-nav button{
	min-height:unset;
	line-height:unset !important;
	margin:0 !important;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	display:flex !important;
	align-items:center;
	justify-content:center;
	transition:all 0.3s;
}
.accordion button.toggle{
	pointer-events:none !important;
}
.map :is(p,iframe){
	width:100%;
	height:100%;
	margin:0;
}
.pum-overlay.pum-overlay-disabled {
	visibility: inherit !important;
}
.button.btn-center,
.text-center .button.btn-center{
	display:block;
	width:max-content;
	margin:0 auto !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
.icon-box.icon-center .icon-box-img :is(.icon,.icon-inner){
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.icon-box.icon-center img{
	padding-top:0;
}
.post-item .col-inner{
	height:100%;
}
.post-item .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tieude1 h1{
	font-size: 70px;
	letter-spacing: 8px;
	line-height: 1em;
	margin-bottom: 10px;
}
.tieude1 h4{
	font-family: "Crimson Text", serif!important;
	font-style: italic;
    font-size: 20px;
    letter-spacing: 5px;
    line-height: 1.5em;
}
.tieude1 h2{
	font-size: 36px;
    letter-spacing: 1px;
    line-height: 1.2em;
}
.tieude1 h3{
	font-size: 32px;
    letter-spacing: 2px;
    line-height: 1.5em;
}
.tieude1 hr {
    width: 15%;
    border-bottom: 4px solid #68d800;
    left: 50%;
    transform: translatex(-50%);
    position: relative;
    opacity: 1;
    border-top: 0;
}
.hr-left hr {
    left: 0%;
    transform: translatex(0%);
}
@media screen and (min-width: 850px) {
    .row20 .large-2 {
        flex-basis: 20%;
        max-width: 20%;
    }
}
.row20 .large-2 .col-inner{
    padding: 10px;
}
.row20 .large-2:hover .col-inner{
    background-color: rgba(184, 216, 153, 0.37);
    border-radius: 15px 15px 15px 15px;
    padding: 10px;
}
.form-dk input{
	height: 50px;
	border-radius: 10px;
	box-shadow: none;
}
.form-dk input[type=checkbox], .form-dk input[type=radio]{
	height: auto;
	margin-bottom: 0;
	border-radius: 99% !important;
}
.form-dk .wpcf7-checkbox{
    display: grid;
}
.form-dk .wpcf7-list-item-label{
    top: -2px;
    position: relative;
    left: -5px;
    font-size: 16px;
}
.form-dk textarea{
	box-shadow: none;
	border-radius: 10px;
}
.form-dk input[type=submit] {
    left: 100%;
    transform: translatex(-100%);
}
.sec-footer h2 {
	font-family: "Cormorant Garamond", serif!important;
    text-transform: uppercase;
    font-size: 75px;
    color: #FFFFFF !important;
    letter-spacing: 0.2em;
    line-height: 1.2em;
}
.form-lh input, .form-lh textarea{
    background: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 7px;
    color: #fff;
}
.form-lh input{
    height: 43px;
    color: #fff;
    font-size: 17px;
}
.form-lh input::placeholder, .form-lh textarea::placeholder{
	color: #fff;
	font-weight: 500;
}
.form-lh input[type=submit] {
    margin: 0;
    float: right;
    background: #fff !important;
    color: #111 !important;
    border-radius: 2px !important;
}
.form-lh input:focus-visible {
    background: #fff !important;
}
.form-lh input[type=submit]:after{
	content: "\f054";
	 font-family: FontAwesome;
	line-height: 1em;
	opacity: 0;
    position: absolute;
    margin-left: -1em;
	font-size: 1.6em;
    font-weight: 400;
}
.form-lh input[type=submit]:hover:after {
	opacity: 1;
    margin-left: 0;
}
.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    box-shadow: none;
}
.text-1 h5{
	font-family: "Cormorant Garamond", serif!important;
	font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    color: #FFFFFF !important;
    letter-spacing: 0.3em;
    line-height: 1.4em;
}
.text-1 p{
    color: #7CDA24 !important;
    font-size: 18px;
}
.bnt-map{
	background-color: #fff!important;
	border: 1px solid #e02b20 !important;
	border-radius: 2px;
}
.bnt-map span{
	color: #e02b20!important;
}
.bnt-map i {
    color: #e02b20!important;
}
.gal-tienich .box-image:before {
    content: "\e012";
    font-family: fl-icons;
    font-size: 6px;
    color: #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1;
    visibility: hidden;
}
.gal-tienich .box-image:hover:before {
  font-size: 20px;
  top: 50%;
  visibility: visible;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 2px;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  line-height: 38px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  text-align: center;
  transition: all 0.6s ease;
  color: #f8da3c;
}
.sec-thietke .section-content{
	background-image: url(/wp-content/uploads/2026/03/tai-xuong.svg);
}
.tab-matbang .nav-tabs>li {
    width: 25%;
    margin: 0 !important;
}
.tab-matbang .nav>li>a {
    font-size: 17px;
    width: 100%;
    border: 1px solid #111;
    justify-content: center;
}
.tab-matbang .nav-tabs>li.active>a {
    background: var(--fs-color-primary);
    color: #fff;
    border: 1px solid var(--fs-color-primary);
}
@media screen and (min-width: 850px) {
    .sec-tintuc .container .row-large:not(.row-collapse), .sec-tintuc .row .row-large:not(.row-collapse) {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: -30px;
    }
}
.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: -10px;
}



@media only screen and (min-width: 320px) and (max-width: 860px){
	.text-center{
		text-align: center !important;
	}
	.sec-footer h2 {
    font-size: 30px;
}
	.tieude1 h1 {
    font-size: 40px;
}
	.tieude1 h4 {
    font-size: 18px;
    letter-spacing: 1px;
}
	.tieude1 h3 {
    font-size: 19px;
    letter-spacing: 1px;
}
	.tieude1 h2 {
    font-size: 24px;
}
	.sec-thietke .section-content {
    background: #FFEDED;
}
	.tab-matbang .nav-tabs>li {
    width: 50%;
}
	.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) {
    margin-left: 0;
}
	.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {
    background-color: #136058;
}
}