@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}
a:hover,
a:focus,
a:active{
	outline:0;
}
@media (min-width:768px) {
	.container {
		max-width: 750px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1170px;
		max-width:1300px;
	}
}

/*.fb_iframe_widget_fluid_desktop span {
	height: 450px !important;
}*/
iframe{
	max-width: 100%;
}
.fb_iframe_widget_fluid_desktop iframe {
	height: 100% !important;
}

.loading-page {
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	animation: backGround 5s ease infinite;
	z-index: 20000
}

.loading-page .loadingWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.loading-page .loadingWrapper #loading {
	margin: auto;
	height: 100px;
	width: 100px;
	border: transparent;
	border-top: 3px solid #ffcb23;
	border-radius: 50%;
	animation: round 2s linear infinite
}

.loading-page .loadingWrapper h1 {
	color: #555;
	position: relative;
	margin: auto;
	top: 50%
}

@keyframes round {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

@keyframes backGround {
	0% {
		background-color: #222
	}
	50% {
		background-color: #555
	}
	75% {
		background-color: #444
	}
	100% {
		background-color: #111
	}
}

body {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #081c36;
	overflow-x: hidden;
}

a:hover{
	text-decoration: none;
}

body>section {}

img {
	max-width: 100%;
	object-fit: cover;
	content-visibility: auto;
}

.divider {
	margin: 15px 0;
	position: relative
}

.divider .line1 {
	width: 50px
}

.divider .line2 {
	width: 200px
}

.divider .line1,
.divider .line2 {
	height: 1px;
	background-color: #8d191c;
	margin: 3px auto
}

.section__subtitle {
	text-align: center;
	font-size: 16px
}

.btn {
	color: #90191d;
	padding: 15px 30px;
	font-size: 13px;
	letter-spacing: .5px;
	border-color: #8a181d;
	background-color: transparent;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-transform: uppercase;
	border-radius: 30px
}

.owl-theme .owl-prev {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 40px;
	height: 40px;
	border-radius: 50%!important
}

.owl-theme .owl-next {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 40px;
	height: 40px;
	border-radius: 50%!important
}

.owl-theme .owl-nav {
	margin: 0
}

.owl-theme .owl-nav img {
	max-width: 100%
}

.section__title {
	text-align: center;
	font-size: 25px;
	text-transform: uppercase;
	color: #374853;
	margin-bottom: 15px;
	position: relative;
	font-weight: 600
}

.section__about {
	color: #333
}

.section__about .section__title {
	font-size: 30px;
	color: #8d191c
}

.about_desc__desc p {
	margin-bottom: 0
}

.view-about {
	padding: 8px 30px;
	background-color: #8d191c;
	color: #fff;
	margin-top: 10px
}

.view-about:hover{
	background-color: #cc1c21;
	color: #fff;
}

.about_desc__subtitle a {
	font-size: 20px;
	font-weight: 800;
	color: #8d191c;
	letter-spacing: 3px;
	text-transform: uppercase
}

.about_desc__desc {
	line-height: 1.8em;
	font-size: 16px;
	text-align: justify;
	font-family: inherit;
}

header {
	position: absolute;
	width: 100%
}

.seeall {
	width: 100%;
	position: relative
}

.header {
	z-index: 111;
	position: relative
}

.header .top-header {
	background-color: #8f191c;
	padding: 6px 0;
	border-bottom: .5px solid #ffffffa1
}

.header .item-header {
	display: flex;
	text-decoration: none;
	list-style-type: none
}

.header .item-header.item-header_right {
	justify-content: flex-end
}

.header .item-header.item-header_left {
	justify-content: start
}

.header .item-header .form-group {
	margin: 0;
	position: relative
}

.header .item-header .form-group .form-control {
	padding: 0 15px;
	font-size: 12px;
	color: #fff;
	height: calc(1.5em + .45rem + 2px);
	background: 0 0
}

.header .item-header .form-group .form-control:active,
.header .item-header .form-group .form-control:focus-visible,
.header .item-header .form-group .form-control:hover {
	outline: -webkit-focus-ring-color auto 0;
	outline: 0;
	box-shadow: none;
	background: 0 0;
	border-color: #dca814
}

.header .item-header .form-group .form-control::placeholder {
	color: #fff
}

.header .item-header .form-group .btn-search_top {
	position: absolute;
	right: 0;
	border: none;
	background-color: transparent;
	color: #fff
}

.header .item-header p {
	margin: 0;
	font-size: 12px;
	color: #fff;
	padding: 0 15px
}

.header .item-header a {
	color: #fff
}

.header select {
	width: 100%;
	background: 0 0;
	color: #fff;
	border: 0
}

.header .select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	border: 0;
	width: 130px;
	margin-left: 35px
}

.header .styledSelect {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	padding: 0 10px;
	opacity: 0
}

.header .styledSelect:after {
	content: "";
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	top: 9px;
	right: 6px
}

.header .styledSelect.active,
.header .styledSelect:active {
	background-color: #eee
}

.header .options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0 0;
	padding: 0 0;
	list-style: none;
	border: 1px solid #ccc;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border-radius: 5px;
	width: 110%
}

.header .options li {
	padding: 0 6px;
	margin: 0 0;
	padding: 5px 10px;
	margin-top: 5px;
	transition: all .5s ease-in-out
}

.header .options li:hover {
	background-color: #fff;
	border-left: 5px solid #8d191c;
	color: #000;
	transition: all .5s ease-in-out
}

.header .social__icons {
	display: flex;
	justify-content: space-between;
	margin: 0
}

.header .social__icons .social-icons__item {
	list-style-type: none
}

.header .social__icons .social-icons__item a {
	padding: 15px;
	color: #fff
}

.header nav .row {
	width: 100%
}

.header nav .logo img {
	height: 60px;
	object-fit: contain
}

.header nav.navbar {
	position: relative;
	background-color: #8f191c;
	z-index: 1000;
	min-height: 70px;
	margin-bottom: 0;
	border: 1px solid transparent;
	transition: all 0.8s ease;
	z-index: 9;
	padding: 0
}

.header nav.navbar .navbar-header {
	position: absolute;
	top: 10px
}

.header nav.navbar.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: #8f191c;
	animation: fadeInDown 0.8s ease;
}

.header nav #navbarNavDropdown {
	justify-content: flex-end
}

.header .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: 0 solid transparent;
	border-bottom: 0;
	border-left: 0 solid transparent
}

.header .dropdown-menu {
	width: 120%;
	transition: all .5s ease-in-out;
	background: #8e191cde;
	border-radius: 0;
	margin: 0
}
@media(max-width:991px){
	.header .dropdown-menu{
		width:100%;
		border:0;
	}
}
.header .nav-item.dropdown:hover .dropdown-menu {
	display: block;
	transition: all .5s ease-in-out
}

.header .nav-link {
	display: inline-block;
	padding: 26px 15px!important;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff!important;
	font-family: 'Times New Roman';
	font-size: 12px;
	    white-space: nowrap;
}

.header .nav-item:nth-last-child(1)>a {
	padding-right: 0!important
}

.header .dropdown {
	margin: 0
}

.header .dropdown li {
	padding: 10px 25px;
	position: relative
}

.header .dropdown li .dropdown-menu2 {
	padding: 0;
	list-style-type: none;
	position: absolute;
	left: 100%;
	width: 125%;
	display: none;
	top: 9px;
	background: #8e191cde
}

.nav-item .dropdown-menu2 .item-menu {
	padding: 10px 15px
}

.drop,
.drop-2 {
	display: none !important;
	padding: 10px;
	color: #fff
}

.drop-2 {
	padding: 5px 10px
}

.lang-menu .dropdown-toggle {
	background: 0 0;
	border: 0;
	color: #fff
}

.dropdown-menu.show {
	display: block!important
}

.lang-menu ul.dropdown-menu {
	transition: none
}

.lang-menu ul.dropdown-menu {
	transition: none;
	padding: 0
}

.header .dropdown li a {
	color: #fff;
	font-weight: 600;
	font-family: 'Times New Roman';
	font-size: 12px;
}

.header .dropdown li:hover .dropdown-menu2 {
	display: block
}

.header a {
	font-weight: 500;
	text-transform: uppercase;
}

.header a:hover {
	color: #ecca47!important;
	text-decoration: none
}

#banner {
	background: #3333
}

#banner .owl-banner .item {
	position: relative
}

.owl-banner .item img {
	/*height: 100vh;*/
	height: auto;
	object-fit: cover
}

.owl-banner.banner-page .item img {
	height: 381px
}

#banner .owl-banner .item .content-banner {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, 10px);
	z-index: 2;
	text-align: center;
	color: #fff;
	width: 100%
}

.owl-banner .item .welcome_content__title {
	color: #fff;
	font-size: 40px;
	font-weight: 400
}

#banner .owl-banner .item .content-banner .btn-reservation {
	border: 1px solid #fff;
	color: #fff;
	transition: all .5s ease-in-out
}

#banner .owl-banner .item .content-banner .btn-reservation:hover {
	background: #8d191c
}

#banner .owl-banner .item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	/*   background: rgba(0, 0, 0, .4);*/
	z-index: -1;
	top: 0;
	left: 0
}
#banner .owl-banner-contact .item {
	position: relative
}

#banner .owl-banner-contact .item img {
	/*height: 382px;*/
	height: auto;
	object-fit: cover
}

#banner .owl-banner-contact .item .content-banner {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, 10px);
	z-index: 2;
	text-align: center;
	color: #fff;
	width: 100%
}

.owl-banner-contact .item .content-banner .welcome_content__title {
	color: #fff;
	font-size: 60px;
	font-weight: 400;
	text-shadow: 0 0 1px #000
}

#banner .owl-banner-contact .item .content-banner .btn-reservation {
	border: 1px solid #fff;
	color: #fff;
	transition: all .5s ease-in-out
}

#banner .owl-banner-contact .item .content-banner .btn-reservation:hover {
	background: #8d191c
}

#banner .owl-banner-contact .item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	/*   background: rgb(0 0 0 / 23%);*/
	z-index: 1;
	top: 0;
	left: 0
}

.section__about {
	padding: 50px 0 50px;
	transition: 1.5s
}
@media(max-width:576px){
	.section__about{
		padding-bottom:0;
	}
}
.section__about .section__title>strong {
	color: #8e191d
}

.section__about .about_desc__subtitle {
	color: #8d191c;
	letter-spacing: 6px;
	text-transform: uppercase
}

.section__about .about_desc__title {
	font-size: 26px;
	margin-bottom: 30px
}

.section__about .about_desc__quote {
	padding: 10px 0;
	margin: 20px 0;
	font-style: italic;
	line-height: 1.3em;
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	font-size: 18px;
	font-weight: 600;
	color: #000
}

.section__about .about__desc a.btn-default {
	color: #8d191c
}

.section__about .about__desc a.btn-default:hover {
	color: #fff;
	background-color: #8d191c;
	border-color: #8d191c
}

.section__best-rooms {
	position: relative;
	background-image: url(../../files/images/2.jpg);
	background-size: 100% 100%;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 30px 0 0 0;
	animation: fadeIn 5s infinite;
	animation-iteration-count: 1;
	background-repeat: no-repeat;
	background-position: center
}

/*.section__best-rooms:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .4)
}*/

.section__best-rooms p.section__subtitle {
	color: #fff!important;
	font-size: 16px
}

.section__best-rooms .section-title .section__subtitle,
.section__best-rooms .section-title strong {
	color: #8d191c !important;
	position: relative;
}

.section__best-rooms .best-rooms__item {
	overflow: hidden;
	position: relative;
	margin-bottom: 25px
}

.section__best-rooms .best-rooms__item img {
	height: 300px;
	object-fit: cover;
	width: 100%
}

.section__best-rooms .best-rooms__item figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	color: #fff;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 10%, rgba(0, 0, 0, .3) 30%, rgba(0, 0, 0, .1) 50%, transparent 100%);
	background: linear-gradient(to top, rgba(0, 0, 0, .6) 10%, rgba(0, 0, 0, .3) 30%, rgba(0, 0, 0, .1) 50%, transparent 100%);
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

.best-rooms__item figcaption h3 {
	font-size: 24px;
	font-weight: 600;
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 4px;
	color: #fff;
	-webkit-transform: translate(0, 220px);
	transform: translate(0, 200px);
	-webkit-transition: opacity .4s, -webkit-transform .4s;
	transition: opacity .4s, -webkit-transform .4s;
	transition: opacity .4s, transform .4s;
	transition: opacity .4s, transform .4s, -webkit-transform .4s;
	-webkit-transition-delay: .45s;
	transition-delay: .45s;
	border-bottom: 1px solid #deaa86
}

.best-rooms__item figcaption .item__price {
	margin-bottom: 10px;
	-webkit-transform: translate(0, 260px);
	transform: translate(0, 200px);
	-webkit-transition: opacity .4s, -webkit-transform .4s;
	transition: opacity .4s, -webkit-transform .4s;
	transition: opacity .4s, transform .4s;
	transition: opacity .4s, transform .4s, -webkit-transform .4s;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	font-size: 24px
}

.section__best-rooms .best-rooms__item figcaption .item__price small {
	font-size: 14px
}

.section__best-rooms .best-rooms__item figcaption .item__desc {
	opacity: 0;
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, transform .3s;
	transition: opacity .3s, transform .3s, -webkit-transform .3s;
	margin-top: 30px;
	margin-bottom: 50px;
	line-height: 1.5em
}

.section__best-rooms .best-rooms__item figcaption .btn-book {
	opacity: 0;
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, transform .3s;
	transition: opacity .3s, transform .3s, -webkit-transform .3s;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none
}

.section__best-rooms .best-rooms__item figcaption .btn-book i {
	opacity: 1
}

.section__best-rooms .best-rooms__item figcaption .btn-book:hover>i {
	-webkit-transition: all .35s;
	transition: all .35s;
	margin-left: 10px;
	opacity: 0
}

.section__best-rooms .best-rooms__item:active figcaption,
.section__best-rooms .best-rooms__item:focus figcaption,
.section__best-rooms .best-rooms__item:hover figcaption {
	background-color: rgba(0, 0, 0, .6)
}

.section__best-rooms .best-rooms__item:active figcaption h3,
.section__best-rooms .best-rooms__item:focus figcaption h3,
.section__best-rooms .best-rooms__item:hover figcaption h3 {
	transition-delay: .1s;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.section__best-rooms .best-rooms__item:active figcaption .item__price,
.section__best-rooms .best-rooms__item:focus figcaption .item__price,
.section__best-rooms .best-rooms__item:hover figcaption .item__price {
	transition-delay: .2s;
	transform: translate(0, 0)
}

.section__best-rooms .best-rooms__item:active figcaption .item__desc,
.section__best-rooms .best-rooms__item:focus figcaption .item__desc,
.section__best-rooms .best-rooms__item:hover figcaption .item__desc {
	opacity: 1;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	transform: translate(0, 0)
}

.section__best-rooms .best-rooms__item:active figcaption .btn-book,
.section__best-rooms .best-rooms__item:focus figcaption .btn-book,
.section__best-rooms .best-rooms__item:hover figcaption .btn-book {
	opacity: 1;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.section__best-rooms .rooms__button {
	text-align: center;
	margin: 50px 0
}

.section__best-rooms .seeall a {
	color: #8d191c;
	border-color: #8d191c;
	display:inline-block;
	font-weight:900;
}

.section__best-rooms .seeall a:hover {
	background: #8d191c;
	color:#fff;
}

.section__services {
	text-align: center;
	color: #707070;
	/*background-image: url(../../files/images/anh-trang-chu-danh-gia.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.bg__img img{
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}
/*.section__services::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .6)
}*/

.section__services .container {
	padding: 0 8%
}

.section__services .review-title strong {
	color: #fff
}

.section__services .review-title {
	position: relative;
	color: #fff
}

.section__services .review-title .divider .line1,
.section__services .review-title .divider .line2{
	background-color:#fff;
}

.section__services .review-title .section__title {
	color: #fff
}

.section__services .owl-review {
	margin-bottom: 30px;
	padding: 25px 25px;
	background-color: #fff;
	font-size: 16px
}

.section__services .service-avatar {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border-radius: 70px;
	overflow: hidden;
	vertical-align: middle
}

.section__services .service-avatar img {
	width: 100px;
	height: 100px;
	object-fit: cover
}

.section__services .service-customer {
	padding-top: 20px;
	width: 80%;
	margin: 0 auto
}

.section__services .services_item__desc {
	line-height: 1.8em;
	font-size: 15px;
	padding: 0;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/*height: 61px;*/
	margin-bottom: 10px
}

.section__services .info-customer span {
	display: block;
	text-align: center;
	margin-bottom: 10px
}

.section__gallery {
	padding: 30px 0
}

.section__gallery .section__title {
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	color: #374853;
	margin-bottom: 15px;
	margin-top: 10px
}

.section__gallery .section__subtitle {
	color: #8e191d;
	text-align: center;
	line-height: 1.8;
	padding-bottom: 15px;
	font-size: 16px
}

.section__gallery .hotel__link {
	font-size: 18px;
	color: #8d191c;
	font-weight: 600
}

.section__gallery .hotels-slider__detail {
	margin-top: 15px
}

.section__gallery .hotels-slider__detail .hotel__link {
	font-size: 18px;
	color: #8d191c;
	font-weight: 600
}

.section__gallery .hotels-slider__detail .hotel__address .hotel__price {
	padding: 8px 0;
	margin-bottom: 0;
	color: #000
}

.hotels-slider__item {
	background: #f3f3f3;
	border-radius: 5px;
	overflow: hidden;
}

.hotels-slider__item .hotels-slider__detail {
	padding: 10px
}

.hotel__address {
	height: 40px;
	color: #081c36;
}

.hotel__price {
	color: #081c36;
}

.hotel__detail:hover {
	color: #fff;
	background-color: #cc1c21;
}

.hotel__detail {
	display: inline-block;
	color: #fff;
	border: none;
	background: #8d191c;
	border-radius: 20px;
	text-align: center;
	padding: 4px 28px;
	margin-top: 15px
}

.section__events {
	position: relative;
	background-image: url(../../files/images/3.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	padding: 30px 0 40px 0
}

/*.section__events:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .521)
}*/

.section__events .section__title strong {
	color: #8d191c;
}

.section__events .events__item {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 15px;
	-webkit-transition: box-shadow .3s ease-in-out;
	transition: box-shadow .3s ease-in-out
}

.section__events .events__item img {
	width: 100%;
	height: 200px;
	object-fit: cover
}

.section__events .events__item .events-item__body {
	padding: 20px
}

.section__events .events-item__header {
	margin-bottom: 10px
}

.section__events .events-item__header .events-item__date {
	float: left;
	margin-top: -5px;
	text-align: center;
	margin-right: 5px
}

.section__events .events-item__header .events-item__date .item_date__nbr {
	color: #8d191c;
	font-size: 72px;
	font-weight: 700;
	line-height: 1
}

.section__events .events-item__header .events-item__date .item_date__mounth {
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: -10px
}

.section__events .events-item__content .events-item__title {
	margin-bottom: 22px
}

.section__events .events-item__content .events-item__title h3 {
	margin: 0;
	font-weight: 700;
	font-size: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 48px
}

.section__events .events-item__info .item-info__list {
	padding: 0;
	list-style: none
}

.section__events .events-item__info .item-info__list .info-list__item {
	display: inline-block;
	letter-spacing: .03em;
	font-size: 12px
}

.section__events .events-item__info .item-info__list .info-list__item i {
	color: #818181
}

.section__events .events-item__text {
	margin-bottom: 10px;
	height: 60px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	color: #081c36;
}

.section__events .events-item__link {
	text-align: center;
	padding-top: 10px
}

.section__events .events-item__link a {
	display: inline-flex;
	align-items: center;
	padding: 8px 30px;
	background-color: #8d191c;
	color: #fff;
	border-radius: 20px;
	font-weight: 600;
	text-decoration: none;
	transition: all .5s ease-in-out
}

.section__events .events-item__link a:hover {
	background-color: #cc1c21
}

.section__events .events-item__link a i {
	margin-left: 5px
}

.section__events .btn-seemore {
	position: relative;
	width: 100%;
	text-align: center
}

.section__events .btn-seemore a {
	color: #8d191c;
	border-color: #8d191c;
	transition: all .5s ease-in-out;
	font-weight:900;
}

.section__events .btn-seemore a:hover {
	background-color: #8d191c;
	color:#fff;
}

.section__footer {
	color: #fff;
	background-color: #8d191c
}

@media (min-width:1200px) {
	.section__footer .container {
		width: 1200px
	}
}

.section__footer .footer__top {
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #a27e7e
}

.section__footer .footer__top p {
	margin-bottom: 8px
}

.section__footer .footer__top p span {
	color: #f9ed9c;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1.2px
}

.section__footer .footer__top p a {
	color: #fff;
	text-decoration: none
}

.section__footer .footer__top .logo-ft {
	text-align: center;
	margin-bottom: 20px
}

.section__footer .footer__top .logo-ft img {
	width: 100px
}

.section__footer .footer__top h3 {
	font-size: 18px;
	color: #fff;
	margin: 0 0 20px
}

.section__footer .footer__body {
	margin-top: 40px;
	margin-bottom: 20px
}

.footer__body .d-flex {
	flex-wrap: wrap
}

.section__footer .footer__body .footer__item {
	flex-basis: 48%
}

.section__footer .footer__body .footer__item h5 {
	font-size: 18px;
	font-weight: 700;
	color: #f9ed9c;
	margin-bottom: 20px;
	text-transform: uppercase
}

.section__footer .footer__body .footer__links {
	list-style: none;
	padding: 0
}

.section__footer .footer__body li {
	line-height: 28px;
	display: flex;
	align-items: center;
	margin: 0
}

.section__footer .footer__body li a {
	font-size: 15px;
	color: #d8d8d8;
	text-transform: capitalize;
	transition: all .3s;
	text-decoration: none
}

.section__footer .footer__body li:hover a {
	color: #f9d54a
}

.section__footer .footer__body h5 {
	font-size: 18px;
	font-weight: 700;
	color: #f9ed9c;
	margin-bottom: 20px;
	text-transform: uppercase
}

.section__footer #maps {
	margin-bottom: 20px
}

.section__footer #maps .map-wp {
	position: relative;
	overflow: hidden;
	border: 1px solid #fff
}

.section__footer #maps .map-wp .mapbar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #00000080;
	height: 36px;
	display: flex;
	align-items: center;
	z-index: 1
}

.section__footer #maps .map-wp .smap-btn {
	height: 36px;
	background: #fff;
	border: 0;
	width: 203px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	font-weight: 600;
	color: #8d191c;
	text-transform: capitalize
}

.section__footer #maps .map-wp .smap-btn i {
	font-size: 16px
}

.section__footer #maps .map-wp .searchmaps {
	position: absolute;
	padding: 15px 10px;
	background-color: #8d191c;
	color: #fff;
	top: 34px;
	left: 0;
	width: 203px;
	transform: translateX(-100%);
	transition: all .3s ease;
	z-index: 1
}

.section__footer #maps .map-wp .searchmaps.active {
	transform: translateX(0);
	transition: all .3s ease
}

.section__footer #maps h3 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: 500
}

.section__footer #maps label {
	margin: 0;
	font-size: 16px;
	font-weight: 500
}

.section__footer #maps .selectmaps {
	width: 100%;
	margin: 5px 0 15px;
	padding: 4px 8px;
	border-radius: 4px;
	color: #fff;
	height: 32px;
	font-size: 13px;
	background-color: transparent;
	background-image: none;
	border: 1px solid #ccc
}

.section__footer #maps .selectmaps option:not(selected) {
	color: #8d191c
}

.section__footer .maps {
	height: 340px
}

.section__footer .maps iframe {
	height: 412px!important;
	margin-top: -58px
}

.section__footer h3 {
	text-transform: uppercase;
	color: #f9ed9c;
	font-size: 18px;
	font-weight: 500;
	margin: 0;
	line-height: 1.42857143
}

.section__footer .social__icons {
	margin-top: 20px;
	padding: 0
}

.section__footer .social__icons .social-icons__item {
	display: inline-block;
	padding: 0 15px
}

.footer__copyright .footer_copyright__text {
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 0
}

.footer__copyright hr {
	border-top: 1px solid #f7d34a
}

.section__footer .social__icons .social-icons__item a {
	font-size: 20px
}

.section__footer .border-top {
	border-top: 1px solid #ddd;
	padding-top: 15px
}

.section__footer .newsletter__form {
	margin-top: 15px;
	position: relative
}

.section__footer .newsletter__form .form-group>.form-control {
	color: #fff;
	box-shadow: none;
	height: 32px;
	font-size: 12px;
	background: 0 0
}

.section__footer .newsletter__form .form-group>.form-control::placeholder {
	color: #fff
}

.section__footer .btn-newsletter {
	border-color: transparent;
	padding: 0 6px;
	color: #fff;
	position: absolute;
	top: 1px;
	right: 1px;
	-webkit-transition: color .3s;
	transition: color .3s
}

.section__footer .btn-newsletter i {
	font-size: 20px;
	margin-top: 4px
}

.section__about-alt {
	padding: 40px 0 0;
	font-size: 16px;
	color: #555;
	line-height: 1.5
}

.section__about-alt .about__desc {
	padding: 10px
}
@media(max-width:576px){
	.section__about-alt .about__desc{
		padding:0;
	}
}
.section__about-alt .about__desc .about_desc__title {
	font-size: 34px;
	margin-bottom: 15px;
	margin-top: 20px
}

.section__about-alt .about__desc .about_desc__quote {
	padding: 10px 0;
	margin: 15px 0;
	font-style: italic;
	line-height: 1.5em;
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	color: #374853;
	font-weight: 600;
	font-size: 18px
}

.content-about {
	font-size: 16px;
	color: #555
}

.content-body .about_desc__title {
	font-size: 34px;
	margin-bottom: 15px
}

.content-body h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #0e0e0e;
	font-weight: 600
}

.content-body a,
.content-body a:active,
.content-body a:focus,
.content-body a:hover {
	text-decoration: none;
	color: #000
}

.list-hotel {
	padding: 20px 0;
	background: #fff
}

.list-hotel .list-hotel_title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction:column;
}
.list-hotel .list-hotel_search{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:20px;
}
.list-hotel .list-hotel_search form{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
}
.list-hotel .list-hotel_search form button[type=submit]{
	background:#8f191c;
	padding:10px;
	color:#fff;
	border:0;
	outline:0;
	border-radius:4px;
}

.list-hotel .list-hotel_search .select-pos{
	width:calc(100%/3 - 20px);
	width:100%;
}
@media(max-width:768px){
	.list-hotel .list-hotel_search{
		flex-direction:column;
	}
	.list-hotel .list-hotel_search .select-pos{
		width:100%;
	}
}
.note-title p {
	text-align: justify;
	font-size: 16px;
	color: #212529
}

.wrap-table-title [class*=col-] {
	padding-left: 0;
	padding-right: 0
}

.list-hotel .list-hotel_title h3 {
	font-size: 26px;
	color: #8e191cde;
	font-weight: 600;
	margin-bottom: 18px;
}
.list-hotel .list-hotel_title .select-pos .form-group{
	position:relative;
	margin-bottom:0;
}
.list-hotel .list-hotel_title .select-pos select,
.list-hotel .list-hotel_title .select-pos input{
	height: 34px;
	padding: 0 15px;
	border-radius: 3px;
	border-color: #fbd849;
	font-size: 16px;
	width:100%;
	outline:none;
}
.list-hotel .list-hotel_title .select-pos .iconart{
	position:absolute;
	top:10px;
	right:5px;
	z-index:1;
	font-size:10px;
}
.list-hotel .list-hotel_title .select-pos .showmore-art{
	display:inline-block;
	height: 34px;
	padding: 4px 15px;
	border-radius: 3px;
	border-color: #fbd849;
	font-size: 16px;
	width:100%;
	outline:none;
	color:#000;
}
.list-hotel .list-hotel_title .select-pos .showmore-art:focus{
	box-shadow:none;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap{
	padding:10px;
	border: 1px solid #fbd849;
	display:none;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap ul{
	list-style:none;
	margin-bottom:0;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap ul li{
	margin-bottom:10px;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap .group-checked{
	display:flex;
	align-items:center;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap .group-checked input{
	width:auto;
	display:none;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap .group-checked label{
	position:relative;
	margin-bottom:0;
	padding-left:25px;
	cursor:pointer;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap .group-checked label:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	width:20px;
	height:20px;
	border-radius:3px;
	border:1px solid #fbd849;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap .group-checked label:after{
	content:'\f00c';
	font-family:fontawesome;
	position:absolute;
	top:50%;
	left:4px;
	transform:translate(0,-50%);
	color:#fbd849;
	display:none;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap .group-checked input:checked + label:before{
	background: #8d191c;
}
.list-hotel .list-hotel_title .select-pos .more-art-wrap .group-checked input:checked + label:after{
	display:block;
	color:#fff;
}
.list-hotel .list-hotel_title p {
	text-align: justify;
	font-size: 16px;
	color: #212529
}

.list-hotel .list-hotel_item {
	background-color: #f3f3f3;
	margin-bottom: 25px
}

.list-hotel_item figure img {
	height: 210px
}

.list-hotel .list-hotel_item figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative
}

.list-hotel .list-hotel_item figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.list-hotel .list-hotel_item figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s
}

.list-hotel .list-hotel_item .list-hotel_des {
	padding: 10px 15px 20px 15px
}

.list-hotel .list-hotel_item .list-hotel_des p {
	font-size: 14px;
	color: #777;
	font-style: italic;
	margin-bottom: 5px
}
.list-hotel .list-hotel_item .list-hotel_des .star{
	color:#f3f3f3;
	text-align:center;
	color:#f7d549;
}
.list-hotel_des .hotel-name a {
	font-size: 15px;
	font-weight: 700;
	color: #666;
	margin-bottom: 10px;
	font-style: normal;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 39px
}

.list-hotel .list-hotel_item .list-hotel_des .hotline a {
	color: #b42324;
	text-decoration: none;
	font-size: 14px;
	margin-left: 7px;
}

.list-hotel .list-hotel_item .list-hotel_des .address {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 42px;
	margin-top: 3px;
	color: #081c36;
}

.star {
	color: #f7d549;
}

.list-hotel .list-hotel_item .list-hotel_des p {
	font-size: 14px;
	color: #081c36;
	font-style: italic;
	margin-bottom: 5px;
	display: flex
}

.list-hotel .list-hotel_item .list-hotel_des .detail-btn {
	display: inline-block;
	color: #fff;
	border: none;
	background: #8d191c;
	border-radius: 20px;
	text-align: center;
	padding: 4px 28px;
	margin-top: 15px;
	text-decoration: none;
}
.list-hotel .list-hotel_item .list-hotel_des .detail-btn:hover{
	color: #fff;
	background-color: #cc1c21;
	text-decoration: none;
}


.list-hotel .hotel-name a {
	font-size: 16px;
	font-weight: 700;
	color: #666;
	margin-bottom: 10px;
	font-style: normal;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 45px
}

.list-hotel .hotel-name a:hover {
	color: #8d191c
}

.list-hotel figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s
}

.list-hotel h3 {
	font-size: 26px;
	color: #8e191cde;
	font-weight: 600;
	margin-bottom: 18px;
	margin-top: 15px
}

select {
	height: 34px;
	padding: 0 15px;
	border-radius: 3px;
	border-color: #fbd849;
	font-size: 16px
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

@keyframes shine {
	100% {
		left: 125%
	}
}

.list-city {
	position: relative;
	padding: 50px 0;
	background-color: #fff
}

.list-city figure {
	position: relative;
	overflow: hidden;
	margin-bottom: 0
}

.list-city figure:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #000000af;
	transition: all .5s ease-in-out;
	opacity: 0
}

.list-city figure img {
	width: 100%;
	transition: all 2s ease-in-out;
	height: 300px;
	overflow: hidden;
	object-fit: cover
}

.list-city figure .btn-clean {
	position: absolute;
	top: 50%;
	left: 50%;
	text-transform: uppercase;
	font-weight: 700;
	transform: translate(-50%, 0);
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	border: 1px solid #f7d549;
	z-index: 2;
	transition: all .5s ease-in-out;
	font-size: 15px
}

.list-city figure:hover img {
	transform: scale(1.3);
	width: 100%;
	height: 300px;
	overflow: hidden
}

.list-city .item:hover figure::before {
	opacity: 1;
	z-index: 1
}

.detai-hotel {
	padding: 30px 0
}

.detai-hotel .detail-hotel-tab {
	border-bottom: 1px solid #bad4f7;
	padding-bottom: 1px
}

.detai-hotel .detail-hotel-tab .detailhotel-tab_list {
	background-color: #fff;
	padding: 0;
	list-style: none;
	font-size: 14px;
	display: flex;
	width: 100%;
	justify-content: center;
	border-bottom: 0
}

.detai-hotel .detail-hotel-tab .detailhotel-tab_list .detailhotel-tab_item {
	border-right: 1px solid #fff;
	display: table-cell;
	text-align: center;
	margin: 15px
}

.detai-hotel .detail-hotel-tab .detailhotel-tab_list .detailhotel-tab_item a {
	display: block;
	padding: 8px;
	text-decoration: none;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	transition: all .5s ease-in-out
}

.detai-hotel .detail-hotel-tab .detailhotel-tab_list .detailhotel-tab_item:hover {
	color: #8d191c;
	transition: all .5s ease-in-out
}

.detai-hotel .detail-hotel-tab .detailhotel-tab_list .detailhotel-tab_item:last-child {
	border-right: none
}

.detai-hotel .detail-hotel-tab .detailhotel-tab_list .nav-link.active {
	color: #fff!important;
	background-color: #febb02!important;
	border-color: #febb02!important;
	padding: 10px 15px
}

.detai-hotel .hotel-gallery {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 15px;
	position: relative
}

.detai-hotel .hotel-gallery .hotel-gallery-item img {
	width: 100%;
	height: 336px;
	object-fit: cover
}

.room-style .row>[class*=col-] {
	padding-left: 10px;
	padding-right: 10px
}

.detai-hotel .hotel-gallery .hotel-gallery-right {
	width: 100%
}

.detai-hotel .hotel-gallery .hotel-gallery-bottom {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 10px
}

.detai-hotel .hotel-gallery .hotel-gallery-bottom img {
	width: 100%;
	height: 80px
}

.detai-hotel .owl-theme .owl-prev {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 40px;
	height: 40px;
	border-radius: 50%!important;
	transform: translateY(-50%)
}

.detai-hotel .owl-next {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 40px;
	height: 40px;
	border-radius: 50%!important;
	transform: translateY(-50%)
}

.detai-hotel .tab-content {
	margin-bottom: 30px
}

.detai-hotel strong {
	font-weight: 700;
	font-size: 16px;
	color: #8d191c
}

.detai-hotel .filter-list-room {
	margin-top: 30px
}

.detai-hotel .filter-list-room .list-room_item {
	border: 1px solid #ddd
}

.detai-hotel .filter-list-room .wrap-table-title {
	border: 1px solid #8a7858;
	border-bottom: none;
	background: #7f7159;
	height: 37px
}

.detai-hotel .filter-list-room .wrap-table-title h3 {
	margin: 0;
	text-align: center;
	font-size: 15px;
	color: #fff;
	text-transform: capitalize;
	padding: 10px 0
}

.detai-hotel .filter-list-room .row {
	margin-left: 0;
	margin-right: 0;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap
}

.detai-hotel .filter-list-room .room-item_img img {
	width: 100%
}

.detai-hotel .filter-list-room .room-item_img a {
	text-decoration: none;
	color: #8d191c;
	font-weight: 600;
	display: block;
	margin-top: 5px;
	font-size: 16px;
	text-transform: capitalize
}

.detai-hotel .filter-list-room .room-item_img p {
	font-size: 14px;
	margin-top: 3px
}

.detai-hotel .filter-list-room .room-item_row {
	padding: 10px
}

.detai-hotel .filter-list-room .room-item_row .room-item_des {
	line-height: 1.8;
	color: #081c36;
}
.detai-hotel .filter-list-room .room-item_row .room-item_des span {
	color: #081c36 !important;
}

.detai-hotel .filter-list-room .room-item_row .view-room {
	text-decoration: underline;
	cursor: pointer;
	color: #8e191cde;
	font-size: 15px;
	margin-top: 5px;
	display: block;
	font-weight: 600
}

.detai-hotel .filter-list-room .room-item_row .modal {
	padding-left: 0!important
}

.detai-hotel .filter-list-room .room-item_row .modal .modal-dialog {
	width: 60%;
	max-width: 100%
}

.detai-hotel .filter-list-room .room-item_row .modal .modal-header {
	padding: 12px 15px 60px;
	border-bottom: 0;
	position: relative
}

.detai-hotel .filter-list-room .room-item_row .modal .modal-header .close {
	margin: 0;
	padding: 0;
	margin-left: -10px;
	position: absolute;
	top: 0;
	right: 8px;
	font-size: 28px;
	color: #000;
	border-color: #000
}

.detai-hotel .filter-list-room .room-item_row .modal .hotel__modal-head {
	color: rgba(0, 0, 0, .65)
}

.detai-hotel .hotel__modal-head .detai-hotel .filter-list-room .room-item_row .modal h3 {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 20px;
	font-size: 22px;
	font-weight: 600
}

.detai-hotel .filter-list-room .room-item_row .modal .hotel__modal-content {
	color: #081c36;
	line-height: 1.8
}

.detai-hotel .price-item-room {
	text-align: center;
	padding: 10px
}

.detai-hotel .price-item-room .price-room,
.night-price,
.day-price p{
	font-size: 18px;
	font-weight: 700;
	color: #b68603
}

.detai-hotel .price-item-room span {
	font-size: 15px
}

.detai-hotel .number-room {
	margin-bottom: 20px;
	padding: 10px 0
}

.detai-hotel .number-room select {
	width: 100%;
	height: 30px;
	padding: 0 5px;
	font-size: 14px
}

.detai-hotel .number-room select::placeholder {
	color: #000
}

.detai-hotel .book-now {
	text-align: center;
	width: 100%;
	display: block;
	border: none;
	padding: 8px 20px;
	color: #fff;
	background-color: #8d191c;
	border-radius: 4px;
	transition: all .3s linear;
	text-transform: uppercase
}

.detai-hotel .border-right {
	border-right: 1px solid #ddd
}

.detai-hotel .border-x {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd
}

.detai-hotel .side-bar.detailsrooms .rate-guarantee {
	background: #8d191c;
	text-align: center;
	padding: 8px 5px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
	text-transform: uppercase;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.detai-hotel .side-bar.detailsrooms .rate-guarantee h3 {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	margin: 0;
	font-size: 20px
}

.detai-hotel .side-bar.detailsrooms .sb-searchbox {
	padding: 10px 15px;
	border-radius: 3px;
	font-size: 13px;
	background: #ffcd0085;
	color: #333;
	margin:0 ;
}

.detai-hotel .side-bar.detailsrooms .sb-searchbox .search-box {
	padding-bottom: 8px;
	cursor: pointer;
	margin-top: 10px
}

.detai-hotel .side-bar.detailsrooms .sb-searchbox .search-box .searchbox-label {
	font-size: 14px;
	margin-bottom: 0;
	padding-bottom: 0
}

.detai-hotel .side-bar.detailsrooms .sb-searchbox .search-box .group-input {
	position: relative
}

.detai-hotel .side-bar.detailsrooms .sb-searchbox .search-box .group-input .sb-icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	font-size: 21px;
	right: 0;
	text-align: center;
	color: #6b6b6b
}

.detai-hotel .side-bar.detailsrooms .sb-searchbox .search-box .group-input .searchbox-input {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 8px 8px 8px;
	height: auto;
	color: #333;
	background: #fff;
	border-radius: 2px;
	border: 0
}

.detai-hotel .side-bar.detailsrooms .sb-searchbox button.sb-search {
	font-size: 16px;
	line-height: 24px;
	padding: 6px;
	width: 100%;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	background-color: #fff;
	color: #8d191c;
	text-transform: uppercase;
	font-weight: 700;
	visibility: hidden;
	margin-top: 10px;
	visibility: visible;
	transition: all .5s ease-in-out
}

.detai-hotel .side-bar.detailsrooms .sb-searchbox button.sb-search:hover {
	background-color: #8d191c;
	color: #fff
}

.detai-hotel .side-bar.detailsrooms .hotel-nearby h3 {
	font-size: 23px;
	font-weight: 700;
	text-transform: uppercase
}

.detai-hotel .map-sidebar {
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	margin: 20px 0
}

.detai-hotel .map-sidebar .show-map_btn {
	position: absolute;
	left: 50%;
	bottom: 16%;
	transform: translateX(-50%);
	width: 66%
}

.detai-hotel .map-sidebar .show-map_btn a.btn-blue {
	border-radius: 0;
	padding: 8px 10px
}

.detai-hotel .map-sidebar .show-map_btn .btn-blue {
	display: block;
	background-color: #febb02;
	color: #fff;
	padding: 8px 16px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none!important;
	text-transform: uppercase;
	transition: all .5s ease-in-out
}

.detai-hotel .map-sidebar .show-map_btn .btn-blue:hover {
	background-color: #8d191c;
	color: #fff
}

.detai-hotel .hotel-article-right {
	margin: 5px 0 15px 0
}

.detai-hotel .hotel-article-right .article-right-wp {
	padding: 15px;
	background: #ebf3ff;
	border: 1px solid #ebf3ff;
	border-radius: 3px;
	font-size: 13px;
	line-height: 1.2
}

.detai-hotel .hotel-article-right .article-right-wp .btn-book {
	text-align: center;
	margin-bottom: 0
}

.detai-hotel .hotel-article-right .article-right-wp .btn-book .btn-blue {
	display: block;
	background-color: #febb02;
	color: #fff;
	padding: 8px 16px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none!important;
	text-transform: uppercase;
	transition: all .5s ease-in-out
}

.detai-hotel .hotel-article-right .article-right-wp .btn-book .btn-blue:hover {
	background-color: #8d191c
}

.modalBook {
	width: 60%;
	max-width: 100%
}

.modalBook .modal-content {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .472)
}

.modalBook .modal-header {
	padding: 10px;
	border-bottom: 0;
	padding-bottom: 0;
	position: relative
}

.modalBook .modal-header h4.modal-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	width: 100%;
	font-weight: bolder;
	color: #000
}

.modalBook .modal-header .close {
	margin: 0;
	padding: 0;
	margin-left: -10px;
	position: absolute;
	top: 0;
	right: 8px;
	font-size: 28px;
	color: #000;
	border-color: #000
}

.modalBook .modal-body {
	position: relative;
	padding: 15px
}

.modalBook .modal-body .starRed {
	color: red
}

.modalBook .modal-body .form-modal_wp {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px
}

.modalBook .modal-body .form-modal_wp .form-control {
	height: 34px;
	color: #333;
	font-size: 15px
}

.modalBook .modal-body .form-modal_wp .form-group {
	flex-basis: 100%;
	padding: 0 5px
}

.modalBook .modal-body .form-modal_wp .form-group.group-large {
	flex-basis: 66%
}

.modalBook .modal-body .form-modal_wp .fix-width {
	flex-basis: 100%
}

.modalBook .modal-body .hotel-book_btn:hover {
	background: #b41117;
	color: #fff
}

.modalBook .modal-body .hotel-book_btn {
	height: 34px;
	text-transform: uppercase;
	background: #8d191c;
	color: #fff;
	border: 0;
	border-radius: 3px;
	width: 100%;
	margin-top: 5px
}

.modalBook label {
	color: #333;
	font-weight: 700
}

.modalBook input::placeholder,
.modalBook select::placeholder {
	color: #000
}

.sr-recruit {
	padding: 6px 30px;
	font-size: 15px;
	border-radius: 5px;
	background: #a22e32fc;
	color: #fff
}

.modal {
	color: #333;
	font-size: 16px
}

.modal-title {
	text-align: center;
	font-weight: 600;
	width: 100%
}

.modal-body h4 {
	font-weight: 600
}

.modal_job .modal-dialog {
	width: 50%;
	max-width: none
}

.modal_job .modal-body {
	max-height: 450px;
	overflow-y: auto
}

.modal_job .modal-body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #fff
}

.modal_job .modal-body::-webkit-scrollbar {
	width: 6px;
	background-color: #fff
}

.modal_job .modal-body::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #8d191c
}

.modal_job .form-group {
	margin-bottom: 20px;
	font-size: 14px
}

.modal_job .form-group .form-control {
	font-size: 14px
}

.modal_job .form-group label {
	margin-bottom: 5px;
	font-weight: 700
}

.modal_job .smit-ut {
	padding: 9px 25px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	background: #8d191c;
	border: 1px solid #333;
	color: #fff;
	border-radius: 3px;
	transition: all .4s ease-in-out
}

#myModalHotel {
	line-height: 1.8
}

#myModalHotel .modal-body {
	padding: 30px 40px
}

.requi-contact h5 {
	font-weight: 600
}

.requi-contact ul {
	padding-left: 0!important;
	list-style: none;
	margin-bottom: 0;
	line-height: 32px
}

#myModalHotel .modal-header {
	padding: 10px
}

.requi-title {
	font-family: Arial;
	font-size: 30px
}

.requi-sub-title {
	font-family: Arial;
	font-weight: 600;
	font-size: 21px;
	margin-bottom: 0
}

#myModalHotel .modal-body .pos {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 600;
	color: #333;
	margin: 15px 0;
	display: inline-block;
	font-family: times
}

.widget-contact {
	position: fixed;
	left: 20px;
	/*right:100px;*/
	bottom: 90px;
	font-size: 30px;
	color: #fff;
	z-index: 1000;
	cursor: pointer
}

.widget-contact--detail {
	display: flex;
	align-items: center;
	text-decoration: none
}

.widget-contact--detail:focus,
.widget-contact--detail:hover {
	text-decoration: none
}

.widget-contact--detail:hover .widget-contact--text {
	background-color: #7c0408;
	color: #fff;
	transition: all .3s ease
}

.widget-contact--detail:hover .widget-contact--text span {
	color: #fff
}

.widget-contact--icon {
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	color: #0d7eed;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px
}

.widget-contact--icon i {
	animation: ring-phone 1s infinite ease-in-out
}

.widget-contact--icon::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	z-index: -1;
	background-color: #fff;
	animation: scale-icon-phone 2s 1s infinite
}

@keyframes scale-icon-phone {
	from {
		transform: scale(1);
		opacity: 1
	}
	to {
		transform: scale(1.6);
		opacity: 0
	}
}

@keyframes ring-phone {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}
	100% {
		transform: rotate(0) scale(1) skew(1deg)
	}
}

.widget-contact--text {
	background-color: #8d191c;
	color: #fff;
	padding: 10px 25px 10px 65px;
	margin-left: -50px;
	height: 49px;
	border: 1px solid rgba(255, 255, 255, .72);
	display: flex;
	align-items: center;
	border-radius: 40px;
	transition: all .3s ease
}

.widget-contact--text span {
	font-size: 20px;
	font-weight: 600
}

.section__title>strong {
	color: #8e191d
}

.btn_bookguarantee {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 11;
	padding: 20px 50px;
	font-size: 14px;
	background-color: #8d191c;
	color: #fff;
	border: 1px solid #fff;
	text-transform: uppercase;
	border-radius: 40px;
}

.btn_bookguarantee a {
	text-decoration: none
}

.btn_bookguarantee:hover {
	background-color: #680508
}

.btn_bookguarantee a {
	color: #fff;
	font-weight: 600
}

.zalo-contact {
	position: fixed;
	z-index: 999;
	bottom: 85px;
	right: 20px;
	width: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0px 0px 10px #666666;
	cursor: pointer;
}

.zalo-contact a {
	display: inline-block;
}

.zalo-contact a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.facebook-contact {
	position: fixed;
	z-index: 999;
	bottom: 155px;
	right: 20px;
	width: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #40bde9;
	border-radius: 50%;
	cursor: pointer;
}

.facebook-contact iframe {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	opacity: 0.001;
}

.facebook-contact svg {
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	height: auto;
}

.rule-ft {
	padding: 0
}

.list__hotel .hotel__item {
	margin-bottom: 30px;
	border-radius: 5px;
	overflow: hidden;
	background-color: #f3f3f3;
	text-align:left;
}

.list__hotel .hotel__item img {
	max-width: 100%;
	height: 240px
}

.list__hotel .hotel__item .hotel__des {
	padding: 0 15px 15px
}
.list__hotel .hotel__item .hotel__des .star {
	text-align:center;
}
.hotel-name {
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 44px;
	margin: 20px 0 10px;
	line-height: 1.4;
	color: #333;
	font-weight: 600
}

.hotel-name:hover {
	color: #8d191c
}

.list__hotel .hotel__item .address,
.phone, .hotline {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 40px;
	color: #081c36;
	margin: 10px 0;
	font-style: italic
}

.list__hotel .hotel__item .price {
	color: #555
}

.hotel-article-left {
	font-size: 15px;
	color: #333
}

.hotel-nearby h3 {
	font-size: 23px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333
}

.hotel-nearby ul {
	list-style: none;
	padding-left: 0
}

.hotel-nearby li a {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	font-size: 16px;
	color: #333
}

.owl-theme .owl-nav [class*=owl-] {
	color: #fff!important
}

.detail_ht strong {
	color: #8d191c
}

.filter-list-room .room-item_row .modal .modal-header {
	padding: 20px 15px 60px
}

.events-item__content h3 {
	margin: 0;
	font-weight: 700;
	font-size: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 50px;
	margin-bottom: 21px
}

.bootstrap-datetimepicker-widget {
	list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	display: block;
	margin: 2px 0;
	padding: 4px;
	width: 19em
}

@media (min-width:768px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width: 38em
	}
}

@media (min-width:992px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width: 38em
	}
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
	content: '';
	display: inline-block;
	position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, .2);
	top: -7px;
	left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	top: -6px;
	left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	border-top-color: rgba(0, 0, 0, .2);
	bottom: -7px;
	left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	bottom: -6px;
	left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
	left: auto;
	right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
	left: auto;
	right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
	margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
	padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
	box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
	width: 54px;
	font-weight: 700;
	font-size: 1.2em;
	margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
	padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
	text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
	padding: 0;
	margin: 0;
	height: auto;
	width: auto;
	line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
	line-height: 2.5;
	height: 2.5em;
	width: 100%
}

.bootstrap-datetimepicker-widget table {
	width: 100%;
	margin: 0
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
	text-align: center;
	border-radius: 4px
}

.bootstrap-datetimepicker-widget table th {
	height: 30px;
	line-height: 30px;
	width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
	width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
	background: 0 0;
	color: #777;
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
	cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
	background: #eee
}

.bootstrap-datetimepicker-widget table td {
	height: 54px;
	line-height: 54px;
	width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
	font-size: .8em;
	height: 20px;
	line-height: 20px;
	color: #777
}

.bootstrap-datetimepicker-widget table td.day {
	height: 20px;
	line-height: 30px;
	width: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
	background: #eee;
	cursor: pointer
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
	color: #777
}

.bootstrap-datetimepicker-widget table td.today {
	position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
	content: '';
	display: inline-block;
	border: solid transparent;
	border-width: 0 0 7px 7px;
	border-bottom-color: #374853;
	border-top-color: rgba(0, 0, 0, .2);
	position: absolute;
	bottom: 4px;
	right: 4px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #374853;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
	border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
	background: 0 0;
	color: #777;
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
	display: inline-block;
	width: 54px;
	height: 54px;
	line-height: 54px;
	margin: 2px 1.5px;
	cursor: pointer;
	border-radius: 4px
}

.bootstrap-datetimepicker-widget table td span:hover {
	background: #eee
}

.bootstrap-datetimepicker-widget table td span.active {
	background-color: #374853;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget table td span.old {
	color: #777
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
	background: 0 0;
	color: #777;
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
	height: 27px;
	line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
	width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
	line-height: 1.8em!important
}

.input-group.date .input-group-addon {
	cursor: pointer
}

.owl-carousel .animated {
	animation-duration: 2.5s;
	animation-fill-mode: both
}

.owl-theme .owl-nav [class*=owl-] {
	background: 0 0
}

.owl-theme .owl-nav [class*=owl-]:focus,
.owl-theme .owl-nav [class*=owl-]:hover {
	background: 0 0;
	border: 0;
	outline: 0;
	box-shadow: none
}

.hotel__list-img .owl-nav [class*=owl-] {
	width: 20px;
	height: 20px
}

.hotel__list-img .owl-nav [class*=owl-] span {
	font-size: 22px
}

.hotel__list-img .owl-nav .owl-prev {
	left: 0
}

.hotel__list-img .owl-nav .owl-next {
	right: 0
}

.center-mobile {
	text-align: center
}

.hotel__modal-head h3 {
	font-size: 22px;
	font-weight: 600
}

.about__pic-mobile {
	display: none
}

@media (max-width :1200px) and (min-width:992px) {
	.header .nav-link {
		padding: 26px 10px!important;
		display:block;
		font-size: 13px
	}
}

@media (max-width:991px) {
	.hotel-nearby {
		margin-top: 20px
	}
	.owl-banner-contact .item .content-banner .welcome_content__title {
		font-size: 42px
	}
	.hotel-nearby ul {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0
	}
	.hotel-nearby ul li {
		flex-basis: 50%;
		padding: 10px
	}
	/*#banner .owl-banner .item img {
	height: 468px
}*/
	/*#banner .owl-banner-contact .item img {
	height: 468px
}*/
	/*.section__best-rooms .best-rooms__item img {
	height: 225px
}*/
	.best-rooms__item figcaption>h3 {
		font-size: 20px;
		font-weight: 600;
		-webkit-transform: translate(0, 146px);
		transform: translate(0, 146px)
	}
	/*.best-rooms__item figcaption .item__price {
	transform: translate(0, 145px)
}*/
	.owl-review {
		margin-bottom: 0;
		padding: 20px 25px;
		background-color: #fff;
		font-size: 16px
	}
	.about__desc {
		margin-bottom: 20px
	}
	.drop,
	.drop-2 {
		display: inline-block !important;
	}
	.header .dropdown li {
		padding: 5px 30px
	}
	.header .dropdown li a {
		display: inline-block;
		min-width: 200px
	}
	.header .nav-link {
		padding: 10px 15px!important;
		display:block;
	}
	.header .nav-item .show-mobile{
		position:absolute;
		top:0;
		right:0;
		z-index:1;
		cursor:pointer;
	}
	.header .nav-item.dropdown:hover .dropdown-menu {
		display: none
	}
	.header .dropdown li .dropdown-menu2.show {
		display: block
	}
	.header .dropdown li:hover .dropdown-menu2 {
		display: none
	}
	.header li.dropdown .dropdown-menu2.show {
		display: block
	}
}

.blog.blog_other {
	padding: 30px 0;
}

.blog__list--item {
	border-radius: 5px;
}

.blog__list--item .list--item {
	border-radius: 5px;
}

@media(max-width:991px) {
	.detai-hotel .filter-list-room .room-item_row .modal .modal-dialog {
		width: 96%
	}
	.section__footer .footer__top .logo-ft {
		margin: 0 auto 20px;
		width: 115px
	}
}

@media (min-width:769px) {
	.icondrop,
	.icondrop2 {
		display: none
	}
}
@media (max-width:991px){
	.navbar-toggler {
		position: absolute;
		top: -50px;
		right: -15px;
		border:none;
	}	
	.navbar-toggler i {
		color: #ecca47;
	}
	.logo{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left:50px;
	}

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

	.icondrop {
		display: block;
		position: absolute;
		top: 15px;
		right: 0;
		color: #fff
	}
	.icondrop2 {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		color: #fff
	}
	.dropdown-menu,
	.dropdown-menu2 {
		position: static!important;
		width: 100%!important;
		background: 0 0
	}
	.lang-menu .dropdown-menu {
		position: absolute!important;
		display: none
	}
	.lang-menu .dropdown-menu.show {
		display: block
	}
	.dropdown-menu {
		transition: all .5s ease-in-out;
		background: #ffffff00;
		box-shadow: 0 0 3px rgba(255, 255, 255, 0)
	}
	.contact-mid {
		margin-left: 0
	}
	.item-header.item-header_left,
	form.search-form.hidden-xs {
		display: none
	}
	.rule-ft,
	.section__footer .footer__top .contact-mid {
		padding: 0;
		margin-left: 0
	}
	.modalBook {
		width: 100%
	}
	.social__icons {
		display: flex;
		justify-content: flex-start;
		padding: 0
	}
	.navbar-toggler {
		color: transparent;
		border: none
	}
	.navbar-toggler i {
		color: #ecca47
	}
}

@media(max-width:767px) {
	.section__title {
		font-size: 26px;
	}
	.hotel_title{
		width: 58%;
		margin: 0 auto;
		line-height: 40px;
	}
	.section__services .container {
		padding: 0 15px;
	}
	.section__services .service-customer {
		width:100%;
	}
	.hotel__modal-head h3 {
		margin-top: 20px
	}
	.list-hotel .list-hotel_title {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 15px
	}
	.list-hotel .list-hotel_title h3 {
		font-size: 24px
	}
	/*#banner .owl-banner .item img {
	height: 420px
}*/
	/*#banner .owl-banner-contact .item img {
	height: 420px
}*/
	.owl-banner .item .welcome_content__title {
		font-size: 28px
	}
	.owl-banner-contact .item .content-banner .welcome_content__title {
		font-size: 30px
	}
	.owl-banner .owl-next,
	.owl-banner .owl-prev {
		width: 28px;
		height: 28px
	}
	.owl-banner .owl-prev {
		left: 2px
	}
	.owl-banner .owl-next {
		right: 2px
	}
	.hotel-nearby ul li {
		flex-basis: 100%
	}
	.detai-hotel .detail-hotel-tab .detailhotel-tab_list .detailhotel-tab_item {
		margin: 15px 0
	}
}

@media (max-width:500px) {
	.section__footer .footer__body .footer__item {
		flex-basis: 100%
	}
	.btn_bookguarantee {
		padding: 10px 15px;
		bottom: 70px;
		right: 90px;
		width: max-content;
	}
	.widget-contact {
		left: 10px;
		bottom: 15px
	}
	.widget-contact--icon {
		width: 40px;
		height: 40px;
		font-size: 20px
	}
	.widget-contact--text {
		padding: 10px 10px 10px 42px;
		margin-left: -40px;
		height: 40px
	}
	.widget-contact--text span {
		font-size: 18px
	}
}

@media (max-width:420px) {
	/*#banner .owl-banner .item img {
	height: 380px
}*/
	/*#banner .owl-banner-contact .item img {
	height: 380px
}*/

	.widget-contact {
		left: 5px;
		bottom: 55px
	}
	.widget-contact--icon {
		width: 35px;
		height: 35px;
		font-size: 16px
	}
	.widget-contact--text {
		padding: 10px 10px 10px 42px;
		width: 166px;
		margin-left: -35px;
		height: 35px
	}
	.widget-contact--text span {
		font-size: 16px
	}
	.btn_bookguarantee {
		/*width: 168px;*/
		bottom: 5px;
		left: 5px;
		right: auto;
		padding: 10px 15px;
		text-align: center;
		font-size: 13px
	}
	.pop-up .popup-img {
		width: 92%;
	}
}

@media (max-width:374px) {
	.section__title {
		font-size: 22px;
	}
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
	transition: 1.2s !important;
}
.welcome__content.content-short {
	margin-top: 20px;
	text-align: center;
}
.welcome__content.content-short h1
{
	font-size: 26px;
	color: #8e191d;
	text-transform:uppercase;
	font-weight:600
}






div#myModalPosition {
	top: 30% !important;
}

/*section#banner {
margin-top: -20px;
}*/

/* paging */
.container__news-item-pages {
	display: flex;
	justify-content: center;
}
.container__nws-item-pages-wrap {
	display: flex;
	justify-content: center;
}

.container__news-item-pages-item {
	list-style: none;
	display: inline-block;
}

.container__news-item-pages-link {
	display: inline-block;
	text-decoration: none;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(102,102,102,0.1);
	text-align: center;
	line-height: 37px;
	border-radius: 50%;
	font-size: 16px;
	font-family: var(--normal-font);
	margin: 0 5px;
}

.container__news-item-pages-link i {
	font-size: 12px;
}

.container__news-item-pages-link:hover,
.container__news-item-pages-link.active {
	color: white !important;
	border: 1px solid rgba(102,102,102,0.1);
	background: #8d191c;
}

.container__news-item-pages-item.active .container__news-item-pages-link {
	color: white;
	border: 1px solid rgba(102,102,102,0.1);
	background: #8d191c;
}

/*==btn-share==*/
.btn-share {
	display: flex;
	width: 100%;
	padding: 15px 0;
	margin-top: 30px;
	gap: 15px;
	border-top: 1px solid #dedede;
}

.btn-share > button,
.btn-share > a {
	border: 1px solid #8f191c;
	outline: none;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: transparent
}

.btn-share > a i {
	font-size: 20px;
	/*color: #ff0018;*/
}
.btn-share > a.share-fb i{
	color:#0056b3;
}

.btn-share > a:hover {
	background-color: #fff;
}

.btn-share > a:hover i {
	font-size: 22px;
	/*color: #fadf67;*/
}

.list--item__title a{
	color: #666;
	font-weight: 600;
	display: inline-block;
	margin: 15px 0;
}

.search-hotel-title h3 {
    font-size: 26px;
    color: #8e191cde;
    font-weight: 600;
    margin-bottom: 18px;
	text-align:left;
	margin-top:15px;
}
.search-hotel_wrap{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}
.search-hotel_wrap form{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
}
.search-hotel_wrap form button[type=submit]{
	background:#8f191c;
	padding:10px;
	color:#fff;
	border:0;
	outline:0;
	border-radius:4px;
}
.search-hotel_wrap .select-pos{
	width:100%;
}
.search-hotel_wrap .select-pos .form-group{
	position:relative;
	margin-bottom:0;
}
.search-hotel_wrap .select-pos select,
.search-hotel_wrap .select-pos input{
	height: 34px;
	padding: 0 15px;
	border-radius: 3px;
	border-color: #fbd849;
	font-size: 16px;
	width:100%;
	outline:none;
}
.search-hotel_wrap .select-pos .iconart{
	position:absolute;
	top:10px;
	right:5px;
	z-index:1;
	font-size:10px;
}
.search-hotel_wrap .select-pos .showmore-art{
	display:inline-block;
	height: 34px;
	padding: 4px 15px;
	border-radius: 3px;
	border-color: #fbd849;
	font-size: 16px;
	width:100%;
	outline:none;
	color:#000;
	text-align:left;
}
.search-hotel_wrap .select-pos .showmore-art:focus{
	box-shadow:none;
}
.search-hotel_wrap .select-pos .more-art-wrap{
	padding:10px;
	border: 1px solid #fbd849;
	display:none;
}
.search-hotel_wrap .select-pos .more-art-wrap ul{
	list-style:none;
	margin-bottom:0;
}
.search-hotel_wrap .select-pos .more-art-wrap ul li{
	margin-bottom:10px;
}
.search-hotel_wrap .select-pos .more-art-wrap .group-checked{
	display:flex;
	align-items:center;
}
.search-hotel_wrap .select-pos .more-art-wrap .group-checked input{
	width:auto;
	display:none;
}
.search-hotel_wrap .select-pos .more-art-wrap .group-checked label{
	position:relative;
	margin-bottom:0;
	padding-left:25px;
	cursor:pointer;
}
.search-hotel_wrap .select-pos .more-art-wrap .group-checked label:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	width:20px;
	height:20px;
	border-radius:3px;
	border:1px solid #fbd849;
}
.search-hotel_wrap .select-pos .more-art-wrap .group-checked label:after{
	content:'\f00c';
	font-family:fontawesome;
	position:absolute;
	top:50%;
	left:4px;
	transform:translate(0,-50%);
	color:#fbd849;
	display:none;
}
.search-hotel_wrap .select-pos .more-art-wrap .group-checked input:checked + label:before{
	background: #8d191c;
}
.search-hotel_wrap .select-pos .more-art-wrap .group-checked input:checked + label:after{
	display:block;
	color:#fff;
}
.list__hotel-list{
	padding:20px 0;
}