/*
Theme Name: GZODEMO
Theme URI: https://vinhyen.gzodana.com/
Template: hello-elementor
Author: GZODEMO
Author URI: https://vinhyen.gzodana.com/
Description: https://vinhyen.gzodana.com/ is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1732069421
Updated: 2024-11-20 02:23:41

*/

.header-orange,
.header-signature,
.header-main,
.header-apartment,
.header-cosmopolis {
	display: none !important;
}

.footer-main,
.footer-apartment,
.footer-cosmopolis,
.footer-orange,
.footer-signature {
	display: none !important;
}
/* 
.single-product .header-main{
	display: initial !important;
} */

/* home */
.page-id-197 .header-signature,
.page-id-196 .header-orange,
.page-id-194 .header-cosmopolis,
.page-id-192 .header-apartment,
.page-id-360 .header-main {
	display: initial !important;
}

.page-id-197 .footer-signature,
.page-id-196 .footer-orange,
.page-id-194 .footer-cosmopolis,
.page-id-192 .footer-apartment,
.page-id-360 .footer-main {
	display: initial !important;
}

/* rooms */
.page-id-783 .header-signature,
.page-id-784 .header-orange,
.page-id-782 .header-cosmopolis,
.page-id-850 .header-apartment,
.page-id-678 .header-main {
	display: initial !important;
}

.page-id-783 .footer-signature,
.page-id-784 .footer-orange,
.page-id-782 .footer-cosmopolis,
.page-id-850 .footer-apartment,
.page-id-678 .footer-main {
	display: initial !important;
}

/* facilities */
.page-id-801 .header-signature,
.page-id-802 .header-orange,
.page-id-803 .header-cosmopolis,
.page-id-804 .header-apartment,
.page-id-626 .header-main {
	display: initial !important;
}

.page-id-801 .footer-signature,
.page-id-802 .footer-orange,
.page-id-803 .footer-cosmopolis,
.page-id-804 .footer-apartment,
.page-id-626 .footer-main {
	display: initial !important;
}

/* media */
.page-id-812 .header-signature,
.page-id-815 .header-orange,
.page-id-813 .header-cosmopolis,
.page-id-691 .header-apartment,
.page-id-814 .header-main {
	display: initial !important;
}

/* new */
.category-31 .header-signature,
.category-30 .header-orange,
.category-29 .header-cosmopolis,
.category-28 .header-apartment,
.category-27 .header-main {
	display: initial !important;
}

.category-31 .footer-signature,
.category-30 .footer-orange,
.category-29 .footer-cosmopolis,
.category-28 .footer-apartment,
.category-27 .footer-main {
	display: initial !important;
}

/* room detail */
.product-cat-irest-signature-ba-dinh-lakeside .header-signature,
.product-cat-irest-orange-tay-ho-lakeside-apartment .header-orange,
.product-cat-irest-cosmopolis-vinh-yen .header-cosmopolis,
.product-cat-irest-apartment-vinh-yen .header-apartment,
.product-cat-irest-apartment .header-main {
	display: initial !important;
}

.product-cat-irest-signature-ba-dinh-lakeside .footer-signature,
.product-cat-irest-orange-tay-ho-lakeside-apartment .footer-orange,
.product-cat-irest-cosmopolis-vinh-yen .footer-cosmopolis,
.product-cat-irest-apartment-vinh-yen .footer-apartment,
.product-cat-irest-apartment .footer-main {
	display: initial !important;
}

/* end rooms */

.home .site-footer,
.home .site-header{
	display: none;
}

/* button translate */
.gtranslate_wrapper {
	border: 2px solid rgb(255, 255, 255, 0.5);
	background: #caad2a;
	border-radius: 50px;
}

.gtranslate_wrapper .notranslate{
	padding: 1px 6px;
	color:#fff;
}

.gtranslate_wrapper .notranslate.gt-current-lang {
	background: rgb(0 0 0 / 30%);
	border-radius: 50px;
}
/* end */
/* tel */
.fix-tel .elementor-image-box-title {
	margin-top:0;
}

.fone {
	font-size: 22px;
	color: #dd890b;
	line-height: 40px;
	font-weight: 600;
	padding-left: 45px;
	margin: 0 0;
}
.fix_tel { position:fixed; bottom:15px; right:15px; z-index:999;}
.fix_tel a {text-decoration: none; display:block;}
.tel { background: #eee;width:205px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #ccc;}
.ring-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 80px;
	position: absolute;
	transition: visibility 0.5s ease 0s;
	visibility: hidden;
	width: 80px;
	z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
	visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
	opacity: 1;
}
.ring-alo-ph-circle {
	animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
	background-color: transparent;
	border: 2px solid rgba(30, 30, 30, 0.4);
	border-radius: 100%;
	height: 70px;
	left: 10px;
	opacity: 0.1;
	position: absolute;
	top: 12px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
	animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
	animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
	border-color: #f00;
	opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
	border-color: #baf5a7;
	opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
	border-color: #dda552;
	background-color: #dda552;
	opacity: 0.5;
}
.ring-alo-ph-circle-fill {
	animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
	background-color: #000;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 30px;
	left: 30px;
	opacity: 0.1;
	position: absolute;
	top: 33px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.5);
	opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
	background-color: rgba(117, 235, 80, 0.5);
	opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.5);
	opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
	animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 30px;
	left: 30px;
	opacity: 1;
	position: absolute;
	top: 33px;
	transform-origin: 50% 50% 0;
	width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
	background-color: #dda552;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
	background-color: #75eb50;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
	background-color: #dda552;
}
@keyframes ring-alo-circle-anim {
	0% {
		opacity: 0.1;
		transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
		opacity: 0.5;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
		opacity: 0.6;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) 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(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
		opacity: 0.2;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.ring-alo-ph-img-circle a img {
	padding: 1px 0 0 1px;
	width: 30px;
	position: relative;
	top: -1px;
}

/* end tel */
.wpcf7 .required{
	color: red;
}

.text_description-product{
	overflow: hidden;
	max-height: 100px;
	margin-bottom: 20px !important;
}

.fellback-detail:before {
	content: "\201C" !important;
	font-family: Georgia, sans-serif !important;
	color: #caad2a;
	position: absolute;
	font-size: 128px;
	line-height: 1;
	left: -90px;
	top: 25px;
}

.item-testimonial-content::before {
	content: "\201C";
	font-family: Georgia, sans-serif;
	color: #caad2a;
	position: absolute;
	font-size: 96px;
	line-height: 1;
	left: -60px;
	top: 0px;
}

.text-detail {
	display: none;
}

.image_light-box:hover .text-detail {
	display: initial;
}

input.wpcf7-submit {
	display: block;
	width: 100%;
	margin-top: 25px;
}

div.wpcf7-response-output {
	margin: 0;
	padding: 15px;
	font-size: 12px;
}

div.wpcf7-mail-sent-ok {
	border: solid 2px #4b4b4b;
}

div.wpcf7 .ajax-loader {
	display: none;
}

.page-template-front-page .wpcf7-form,
.page-template-builder .wpcf7-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	/*flex-wrap: wrap;*/
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.page-template-front-page .wpcf7-form p,
.page-template-builder .wpcf7-form p {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 0 5px 15px 5px;
}

.page-template-front-page .wpcf7-form div.wpcf7-response-output,
.page-template-builder .wpcf7-form div.wpcf7-response-output {
    bottom: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    margin: 15px 5px 0 5px;
}

.page-template-front-page .wpcf7-form span.wpcf7-form-control-wrap,
.page-template-builder .wpcf7-form span.wpcf7-form-control-wrap {
	padding-bottom: 40px;
}

.page-template-front-page .wpcf7-form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.page-template-builder .wpcf7-form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
}

input, textarea, select {
	display: inline-block;
	font-size: 15px;
	width: 100%;
	max-width: 100%;
	height: 48px;
	padding: 6px 12px !important;
	line-height: normal;
	border: 1px solid #ebebeb !important;
	background-color: #fff;
	background-image: none;
	font-family: inherit;
	color: #4b4b4b;
	-webkit-transition: border-color .18s ease;
	transition: border-color .18s ease;
	box-shadow: 0 3px 1px #f3f3f3;
	border-radius: 0;
}

input[type="submit"], input[type="reset"], button[type="submit"] {
	font-weight: normal;
	margin: 0;
	line-height: normal;
	border: 0;
	box-shadow: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	-webkit-transition: .18s background-color ease, .18s color ease, .18s border-color ease;
	transition: .18s background-color ease, .18s color ease, .18s border-color ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 0;
	width: auto;
	height: auto;
	background-image: none;
	color: #4b4b4b;
	border: 2px solid #caad2a !important;
	font-family: "IBM Plex Serif", sans-serif;
	background: none;
	padding: 13px 40px !important;
	font-size: 14px;
}

label {
	display: block;
	margin: 0 0 8px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.625;
	font-size: 13px;
	color: #4b4b4b;
	font-family: "IBM Plex Sans", sans-serif;
}
input[type="submit"]:hover{
	text-decoration: none;
	color: #fff;
	background-color: #d6b938;
}

.wpcf7-spinner {
	display: none;
}

@media only screen and (max-width: 750px) {
	.page-template-front-page .wpcf7-form,
	.page-template-builder .wpcf7-form {
		flex-wrap: wrap !important;
	}

	.menu-mobile .elementor-icon-box-title{
		margin: 0!important;
	}
}