.lienhe ul{list-style: none;}
.lienhe ul li b{display: block; color: var(--hover);}
.lienhe ul li a{color: var(--text);}
.lienhe ul li a:hover{text-decoration: underline;}
.lienhe iframe{display: block!important; width: 100%!important; height: 697px!important;}.bds-more a{position: relative; background-color: var(--main); border-radius: 5px; color: #fff;}
.bds-more a i{margin-left: 3px; transition: all 0.125s ease 0s;}
.bds-more a input[type=submit]{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; opacity: 0;}
.bds-more a:nth-child(3){background-color: var(--red);}
.bds-more a:hover{background-color: var(--hover);}
.bds-more a:hover i{margin-left: 5px;}
.bds-img img{object-fit: cover;}
.bds-info{height: 100%; border: 1px solid var(--border); border-left: none;}
.bds-hot{top: 1rem; left: -4px;}
@media all and (max-width: 767px){
	.bds-info{border-left: 1px solid var(--border); border-top: none;}
}.dt-pic-btn a{display: block; border-radius: 5px; line-height: 35px; color: #fff; transition: all 0.5s ease 0s;}
.dt-pic-btn a:hover{background-color: var(--hover)!important;}
.dt-pic-btn a.SelectPicture{background-color: var(--main);}
.dt-pic-btn a.RemovePicture{background-color: var(--red);}
.dt-pic-img{min-height: 150px; background-color: var(--grey); border-radius: 5px; overflow: hidden;}
.dt-photos span.btn{padding: 0 30px; background-color: var(--hover); border-color: transparent; border-radius: 5px; transition: all 0.5s ease 0s;}
.dt-photos span.btn:hover{background-color: var(--main);}
.dt-photos span.btn span{font-size: 14px; font-weight: 700; line-height: 35px; color: #fff;}
.dt-photos span.btn input{cursor: default;}
.dt-photos .table{margin-bottom: 0;}
.dt-photos .template-photos{position: relative; float:left; width: 70px; height: 70px; margin: 10px 10px 0 0; border-radius: 5px; box-shadow: 0 0px 3px #cbcbcb;}
.dt-photos .template-photos > div{padding: 0;}
.dt-photos .template-photos img{width: 60px; height: 60px; margin: 5px 0 0 5px; object-fit: cover;}
.dt-photos .template-photos span.size{display: none;}
.dt-photos .template-photos button.delete{position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; background: var(--red); border: none; border-radius: 5px; font-size: 12px; color: #fff;}.bds-star i.gr{color: #999;}
.bds-star i.yl{color: #fc0;}
.bds-gallery{background-color: var(--grey);}
.bds-nav .slick-slide{opacity: 75%; transition: all 0.5s ease 0s;}
.bds-nav .slick-slide:hover,
.bds-nav .slick-current{opacity: 1;}
.bds-nav-slick{padding: 0 0.5rem; cursor: pointer;}
.bds-review textarea{height: 94px;}
.bds-review .f-item-2{padding-left: 75px;}
.bds-review .f-item-2 span{top: 0; left: 0; line-height: 35px;}
.f-rated {padding: 5px 0;}
.f-rated input[type="radio"]{width: 0; height: 0; border: none; appearance: none;}
.f-rated i{font-size: 22px; color: #999; cursor: pointer; transition: all 0.3s ease 0s;}
.f-rated label:is(:hover, :has(~ :hover)) i{transform: scale(1.35); color: #fc0; animation: jump 0.5s calc(0.3s + (var(--i) - 1) * 0.15s) alternate infinite;}
.f-rated label:has(~ :checked) i{color: #fc0;}
.reviews{background-color: var(--grey);}.coldanhmuc-title{background-color: var(--main); border-bottom: 3px solid var(--hover); letter-spacing: 1px; color: #fff;}
.coldanhmuc ul{list-style: none; border: 1px solid var(--border); border-top: 0;}
.coldanhmuc ul li+li{border-top: 1px dashed var(--border);}
.coldanhmuc ul li.active a, .coldanhmuc ul li a:hover{color: var(--main);}
.coldanhmuc ul li a:hover i{margin-left: 0.5rem;}.colhotro-title{background-color: var(--main); border-bottom: 3px solid var(--hover); letter-spacing: 1px; color: #fff;}
.colhotro-content{border: 1px solid #d7d7d7; border-top: none;}
.colhotro-content a{color: var(--text);}
.colhotro-content a img{width: 40px;}
.colhotro-content a:last-child{border-top: 1px solid #d7d7d7;}
.colhotro-content a:last-child img{width: 21px;}.phaply-carousel .slick-dots{margin-top: 1rem;}
.phaply-carousel .slick-dots li{width: 15px; height: 15px; margin: 0 0.25rem; border: 2px solid var(--main); border-radius: 50%;}
.phaply-carousel .slick-dots li.slick-active{background-color: var(--main);}
.phaply-item h3{background-color: var(--grey);}
.phaply-item h3 a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.phaply-item:hover h3{background-color: var(--main);}
.phaply-item:hover h3 a{color: #fff;}.coltienich ul{list-style: none;}
.coltienich ul li a{background-color: var(--main); letter-spacing: 1px; color: #fff;}
.coltienich ul li a img{position: absolute; bottom: -25px; right: -15px; height: calc(100% + 50px); opacity: 25%;}.coltin-title{background-color: var(--main); border-bottom: 3px solid var(--hover); letter-spacing: 1px; color: #fff;}
.coltin-list{border: 1px solid var(--border); border-top: 0;}
.coltin-item h3{display: -webkit-box; width: calc(100% - 120px - 1rem); -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}.form .container{border: 1px solid var(--border); border-bottom: 0;}
.form .row{border-bottom: 1px solid var(--border);}
.form .row:nth-child(1){background-color: var(--grey); border-bottom-width: 3px;}
.form .row > div:nth-child(1){border-right: 1px solid var(--border);}
.form a{background-color: var(--main); border-radius: 5px; color: #fff;}
.form a:hover{background-color: var(--hover);}.banner{height: 350px; background: no-repeat center / cover; color: #fff;}
.banner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%);}
.banner .container > *:after{content: ''; position: absolute; bottom: 10px; left: calc(100% + 15px); width: 70px; height: 3px; background-color: #fff;}
@media all and (max-width: 576px){
	.banner{height: 300px;}
    .banner .container > *:after{display: none;}
}.breadcrumb{background-color: var(--grey);}
.breadcrumb ul{list-style: none; display: flex;}
.breadcrumb ul li{display: inline;}
.breadcrumb ul li+li:before{content: '/'; padding: 0 0.25rem;}
.breadcrumb ul li a{color: var(--text);}.header #menu{display: none;}
.menu{position: relative; z-index: 2;}
.menu ul{list-style: none;}
.menu ul li{position: relative;}
.menu ul li.display{display: none;}
.menu ul li a{display: block; font-weight: 700; line-height: 40px; transition: all 0.5s ease 0s;}
.menu ul li ul{position: absolute; top: calc(100% + 0.5rem); width: 175px; opacity: 0; pointer-events: none; transition: all 0.5s ease 0s;}
.menu ul li ul li a{padding: 0 1rem; background-color: #fff; color: var(--text);}
.menu > ul > li > ul > li:hover > a{background-color: var(--main); color: #fff;}
.menu > ul > li{float: left;}
.menu > ul > li+li{margin-left: 1.5rem;}
.menu > ul > li > a{color: var(--text);}
.menu > ul > li:hover > a, .menu > ul > li.active > a{color: var(--main);}
.menu > ul > li > ul{padding-top: 0.5rem;}
.menu > ul > li > ul:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 0.5rem); box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.menu > ul > li:hover > ul{top: 100%; opacity: 1; pointer-events: auto;}
.menu ul li ul li ul{top: 0; left: 100%;}
.menu ul li ul li:hover ul{opacity: 1; pointer-events: auto;}
.menu ul li ul li ul li a:hover{background-color: var(--main); color: #fff;}
.mn-btn{padding: 20px 20px 10px;}
.mn-btn a{box-sizing: border-box; width: 50%; overflow: initial;}
.mn-btn a:nth-child(2n-1){padding: 0 5px 10px 0;}
.mn-btn a:nth-child(2n){padding: 0 0 10px 5px;}
.mn-btn a:last-child{width: 100%; padding: 0 0 10px;}
.mn-btn a:last-child span{background-color: var(--main); color: #fff;}
.mn-btn span{box-sizing: border-box; display: block; padding: 9px 15px; border: 1px solid var(--main); border-radius: 5px; text-align: center; color: var(--main);}
.mn-btn span i{margin-right: 5px;}.page ul{list-style: none; display: flex; justify-content: center; margin-bottom: 1.5rem;}
.page ul li{display: block; width: 35px; background-color: var(--grey); text-align: center; line-height: 35px; color: var(--text); cursor: pointer; transition: all 0.5s ease 0s;}
.page ul li+li{margin-left: 10px;}
.page ul li:hover{background: var(--main); color: #fff;}.search-toggle{right: 0; bottom: 0; left: 0; display: none; letter-spacing: 1px; color: #fff; z-index: 3;}
.search-toggle span{padding: 5px 15px; background-color: var(--main); border-radius: 5px 5px 0 0;}
.search-home{position: absolute; right: 0; bottom: 2rem; left: 0; z-index: 2;}
.search-home .search-form{padding: 0.5rem 0.5rem 0; background-color: rgb(0 0 0 / 50%); border-radius: 10px;}
.search-form .row{margin: 0 -0.25rem;}
.search-form .row > div{margin-bottom: 0.5rem; padding: 0 0.25rem;}
.search-form .f-item{margin-bottom: 0.25rem;}
.search-form .f-item input[type=text]::placeholder{color: var(--main);}
.search-form .f-item input[type=submit]{width: 100%; opacity: 0;}
.search-form .f-search span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--main); border-radius: 5px; line-height: 35px; color: #fff;}
@media all and (max-width: 576px){
	/*
    .search-toggle{display: block;}
	.search-home{transform: translatey(50%); opacity: 0; pointer-events: none; transition: all 0.5s ease 0s;}
    .search-home-2{transform: translatey(0); opacity: 1; pointer-events: auto;}
    */
    .search-form .f-item input,
    .search-form .f-item select{height: 30px;}
}.slide img{width: 100%;}
.slide-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 45.5%; overflow: hidden;}
.slide-video iframe{position: absolute; right: 0; width: 100%; height: 100%; transform: scale(1.25);}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: transparent; margin: auto;}
.slide .owl-nav button.owl-prev{left: 30px;}
.slide .owl-nav button.owl-next{right: 30px;}
.slide .owl-nav button i{display: block; font-size: 40px; color: #fff; transition: all 0.3s ease 0s;}
.slide .owl-nav button:hover i{color: var(--main);}
@media all and (max-width: 576px){
    .slide .owl-nav{display: none;}
}.tin img{width: 100%;}
.tin-tabs::-webkit-scrollbar {display: none;}
.tin-tabs ul{list-style: none; background-color: var(--grey); border-bottom: 2px solid var(--border);}
.tin-tabs ul li{flex: 0 0 auto;}
.tin-tabs ul li a{background-color: var(--grey);}
.tin-tabs ul li a:after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: var(--border); transition: all 0.5s ease 0s;}
.tin-tabs ul li a.active{background-color: #fff; color: var(--main);}
.tin-tabs ul li a.active:after{background-color: var(--main);}#local{background-color: var(--hover);}
.local-logo{max-width: 575px;}
.logal-slogan{border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-family: 'Times New Roman'; color: #fff;}
.local-item{background-color: #fdfd0f; border-radius: 5px; border: 1px solid var(--text);}
.local-item:hover{background-color: var(--main);}.news-item:hover{transform: translatey(-1px); box-shadow: 0 1px 3px rgb(0 0 0 / 25%);}
.news-img img{object-fit: cover;}
.news-txt{height: 100%; border: 1px solid var(--border); border-left: none;}
.news-prev{color: #777;}
.news-prev p{text-align: justify;}
.news-more a:after{content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 1px; background-color: var(--main); transition: all 0.5s ease 0s;}
.news-more a i{margin-left: 2px;}
.news-more a:hover{color: var(--hover);}
.news-more a:hover:after{width: 100%; background-color: var(--hover);}
.news-more a:hover i{margin-left: 5px;}
.news-other{border-bottom: 2px solid var(--border);}
.news-other > *:after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: var(--main);}
@media all and (max-width: 576px){
	.news-txt{border-left: 1px solid var(--border); border-top: none;}
}.hot-txt{background-color: var(--grey);}
.hot-carousel .slick-arrow{position: absolute; top: -54px; right: 0; width: 30px; height: 30px; background-color: var(--grey);}
.hot-carousel .slick-arrow i{line-height: 30px; color: var(--main);}
.hot-carousel .slick-arrow:hover{background-color: var(--main);}
.hot-carousel .slick-arrow:hover i{color: #fff;}
.hot-carousel .slick-prev{right: 35px}.popup{max-width: 576px; background-color: var(--hover); color: #fff;}
.popup-call a{color: #fff;}
.popup-form .f-item input[type=submit]:hover{background-color: var(--red);}
.loading-indicator-overlay, .loading-indicator{z-index: 99993!important;}
.fancybox-close-small{width: 50px; height: 50px; right: 0.5rem;}
.fancybox-close-small:after{top: 10px; right: 10px; color: #fff;}
@media all and (max-width: 576px){
	.popup{width: calc(100% - 1rem); margin: 0 auto;}
}.user-col div{line-height: 40px;}
.user-col ul{list-style: none;}
.user-col ul li+li{margin-top: 5px;}
.user-col ul li a{position: relative; display: block; padding: 5px 0 5px 30px; line-height: 40px; color: var(--text);}
.user-col ul li a *{display: block; transition: all 0.5s ease 0s;}
.user-col ul li a i{position: absolute; top: 0; left: 0; width: 50px; background-color: var(--grey); border: 3px solid #fff; border-radius: 50%; text-align: center; line-height: 44px;}
.user-col ul li a span{background-color: var(--grey); border-radius: 5px; font-weight: 700; text-indent: 30px; letter-spacing: 1px;}
.user-col ul li.active a, .user-col ul li a:hover{color: #fff;}
.user-col ul li.active a i, .user-col ul li a:hover i{background-color: var(--main);}
.user-col ul li.active a span, .user-col ul li a:hover span{background-color: var(--main);}.user{}
.user-wrap{border-radius: 15px; box-shadow: 0 0 30px rgb(0 0 0 / 25%);}

.user-title{background-image: linear-gradient(135deg, var(--main) 0%, var(--hover) 100%); color: #fff;}
.user-title p:nth-child(1){letter-spacing: 1px;}
.user-title p:nth-child(1):after{content: ''; display: block; width: 3rem; height: 1rem; margin: 0.5rem auto 0; border-bottom: 1px dashed #fff;}
.user-title p:nth-child(2) a{font-weight: 700; letter-spacing: 1px; color: #fff;}
.user-title p:nth-child(2) a:hover{text-decoration: underline;}

.user-form .f-item input[type=text], .user .f-item input[type=password]{height: 50px; background-color: var(--grey); border: none; border-radius: 25px;}
.user-form .f-item input[type=text]:focus, .user .f-item input[type=password]:focus{background-color: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 15%);}
.user-form .f-item input[type=submit]{height: 50px; border-radius: 25px;}
.user-form .f-item label.error{top: 0;  right: 15px; line-height: 50px;}
.user-form div a{font-weight: 700; letter-spacing: 1px; color: var(--main); transition: all 0.5s ease 0s;}
.user-form div a:hover{color: var(--hover);}

.user-error{background-color: var(--grey); border-left: 5px solid var(--red);}
.user-success{background-color: var(--grey); border-left: 5px solid var(--main);}.wnb-table{overflow-x: auto;}
.wnb-table form{min-width: 1116px;}
.wnb-table h2{padding: 0.5rem 0; background-color: var(--main); font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;}
.wnb-table table{border-right: 1px solid var(--border); border-left: 1px solid var(--border);}
.wnb-table i.fa-check{display: block; text-align: center; line-height: 21px; color: var(--main);}
.wnb-table i.fa-pen-field{display: block; padding: 0 0.25rem; background-color: var(--main); border-radius: 3px; text-align: center; line-height: 21px; color: #fff; transition: all 0.25s ease 0s;}
.wnb-table i.fa-pen-field:hover{background-color: var(--hover);}
.wnb-table input[type=checkbox]{display: block; width: 21px; height: 21px; margin: 0 auto; border: 1px solid var(--border); cursor: pointer;}
.wnb-table input[type=submit]{background-color: var(--red); border-radius: 0;}
.wnb-table input[type=submit]:hover{background-color: var(--hover);}
.wnb-red{background-color: rgb(255 0 0 / 25%);}
.wnb-menu ul{list-style: none;}
.wnb-menu ul li+li{margin-left: 0.5rem;}
.wnb-menu ul li a{display: block; padding: 0.5rem 1rem; background-color: var(--main); color: #fff; transition: all 0.5s ease 0s;}
.wnb-menu ul li a:hover, .wnb-menu ul li a.active{background-color: var(--hover);}
@media all and (min-width: 768px){
	.wnb-menu{margin-top: calc(-37px - 1.5rem);}
}
@media all and (max-width: 576px){
    .wnb-menu ul{width: 100%; justify-content: space-between;}
    .wnb-menu ul li+li{margin-left: 0;}
	.wnb-menu ul li a{padding: 0.5rem;}
}.wnb-dt h2{margin-bottom: 1.5rem; font-size: 16px; font-weight: 700;}
.wnb-dt .wnb-dt-body h2{color: var(--main);}
.wnb-dt .f-item{display: flex; align-items: center;}
.wnb-dt .f-item > label{cursor: pointer;}
.wnb-dt .f-item > label input[type=checkbox]{width: 21px; height: 21px; vertical-align: bottom; cursor: pointer;}
.wnb-dt .f-item > span{width: 100px; font-weight: 700;}
.wnb-dt .f-item > span+*{width: calc(100% - 100px);}
.wnb-dt .f-item .photos span.fileinput-button{margin-bottom: 0.5rem; padding: 2px 5px; background-color: #efefef; border-radius: 2px; border: 1px solid #767676;}
.wnb-dt .f-item .photos span.fileinput-button:hover{background-color: #dfdfdf;}
.wnb-dt .f-item .photos input[type=file]{cursor: pointer;}
.wnb-dt .f-item .photos .files{display: flex; flex-wrap: wrap;}
.wnb-dt .f-item .photos .template-photos{position: relative; width: 70px; border: 1px solid var(--bord);}
.wnb-dt .f-item .photos .template-photos+.template-photos{margin-left: 0.5rem;}
.wnb-dt .f-item .photos .template-photos .delete{position: absolute; top: 2px; right: 2px; padding: 0; width: 14px; height: 14px; background-color: var(--red); border: none;}
.wnb-dt .f-item .photos .template-photos .delete i{display: block; font-size: 12px; color: #fff; transform: translatex(0.5px);}
.wnb-dt .f-item .photos .template-photos .size{display: none;}.wnb-srch{margin-bottom: 1.25rem;}
.wnb-srch .row{margin: 0 -0.25rem;}
.wnb-srch .f-item{margin-bottom: 0.5rem; padding: 0 0.25rem;}