/*
Theme Name: 	Vala
Theme URI: 		https://valagarden.com/
Description: 	HTML5 Bootstrap jQuery WordPress Theme
Version: 		2.0.0
Author: 		talarkadeh
Author URI: 	http://1tarah.com
Tags: 			Bootstrap 4.5.0, HTML5, CSS3, jQuery 3.5.0, rtl , jalali calendar
*/
html,
body,
#main {
	height: 100%;
}

.vala-slide {
	min-height: calc(100% - 80px);
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.vala-slide:not(#vala-section-1):not(#vala-section-5) {
	padding-top: 120px !important;
}

.vala-slide:not(#vala-section-5) {
	position: relative;
	background-color: #FFF;
	z-index: 20 !important;
}

#vala-section-5 {
	position: static;
}

#vala-section-5>div:first-child {
	padding-top: 120px !important;
}

body {
	scroll-behavior: smooth;
	overflow-x: hidden;
	overflow-y: auto;
}

#down-btn {
	position: absolute;
	bottom: 50px;
	right: 50%;
	left: 50%;
	margin-right: -64px;
	margin-left: -64px;
	width: 128px;
	text-align: center;
	text-shadow: 0 1px 0px #8C7642, 1px 0px 0px #8C7642, 0px -1px 0px #8C7642, -1px 0 0 #8C7642, 0 2px 1px #8C7642, 2px 0 1px #8C7642, 0px -2px 1px #8C7642, -2px 0px 1px #8C7642, 1px 1px 5px rgba(0, 0, 0, .8);
}

#vala-section-1 {
	height: auto;
	height: 100%;
}

#section-1 {
	height: calc(100% - 80px);
}

#section-1 .carousel-item {
	position: relative;
}

.carousel-text {
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
	font-family: IranNastaliq, nastaliq;
	top: 50%;
	bottom: 50%;
	color: #E7DECB;
	direction: rtl;
	text-shadow: 0 1px 0px #8C7642, 1px 0px 0px #8C7642, 0px -1px 0px #8C7642, -1px 0 0 #8C7642, 0 2px 1px #8C7642, 2px 0 1px #8C7642, 0px -2px 1px #8C7642, -2px 0px 1px #8C7642, 1px 1px 5px rgba(0, 0, 0, .8);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #AF9453;
}

.carousel-text.a {
	text-shadow: 0 1px 0px #E7DECB, 1px 0px 0px #E7DECB, 0px -1px 0px #E7DECB, -1px 0 0 #E7DECB, 0 2px 1px #E7DECB, 2px 0 1px #E7DECB, 0px -2px 1px #E7DECB, -2px 0px 1px #E7DECB, 0px 0px 6px rgba(255, 255, 255, .8);
}

.carousel-text span {
	display: inline-block;
}

#section-1 .carousel-small-text {
	font-size: 64px;
	line-height: 164px;
}

#section-1 .carousel-item img {
	height: auto;
	width: 100%;
	object-fit: cover;
}

.mobile #section-1 .carousel-item img,
.portrait #section-1 .carousel-item img {
	height: 100%;
	width: auto;
	min-width: 100%;
}

.bg-black {
	background-color: #000 !important;
}

.bg-vala-dark {
	background-color: #AF9453 !important;
}

.bg-vala-light {
	background-color: #E7DECB !important;
}

.bg-vala-lighter {
	background-color: #F4F3E8 !important;
}

.text-vala-dark {
	color: #AF9453 !important;
}

a {
	color: #AF9453;
}

.text-vala-light {
	color: #E7DECB !important;
}

a.text-vala-dark:hover {
	color: #564827 !important;
}

a:hover {
	color: #564827;
}

a.text-vala-light:hover {
	color: #F2EDE3 !important;
}

.bg-vala-dark-1 {
	background-color: #A7905C !important;
}

.bg-vala-dark-2 {
	background-color: #8C7642 !important;
}

.text-vala-dark-1 {
	color: #A7905C !important;
}

.text-vala-dark-2 {
	color: #8C7642 !important;
}

a.text-vala-dark-1:hover {
	color: #8B784B !important;
}

a.text-vala-dark-1:hover {
	color: #8B784B !important;
}

.btn-vala-dark {
	background-color: #AF9453 !important;
	color: #E7DECB !important;
	border-color: #A7905C !important;
}

.btn-vala-light {
	background-color: #E7DECB !important;
	color: #A7905C !important;
	border-color: #E7DECB !important;
}

.btn-outline-vala-dark {
	border-color: #AF9453 !important;
	color: #AF9453 !important;
	background-color: transparent !important;
}

.btn-vala-dark:hover,
.btn-vala-dark:focus {
	background-color: #A7905C !important;
	color: #E7DECB !important;
	border-color: #A7905C !important;
}

.btn-vala-light:hover,
.btn-vala-light:focus {
	background-color: #EEE8DB !important;
	color: #8C7642 !important;
	border-color: #AF9453 !important;
}

.btn-outline-vala-dark:hover,
.btn-outline-vala-dark:focus {
	border-color: #AF9453 !important;
	color: #E7DECB !important;
	background-color: #AF9453 !important;
}

.btn-outline-vala-light {
	border-color: #E7DECB !important;
	color: #E7DECB !important;
	background-color: transparent !important;
}

.btn-outline-vala-light:hover,
.btn-outline-vala-light:focus {
	border-color: #8C7642 !important;
	color: #E7DECB !important;
	background-color: #8C7642 !important;
}

.bg-10-lb {
	background-image: url('images/bg-10-lb.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

.bg-10-lt {
	background-image: url('images/bg-10-lt.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 200px 200px;
}

/*.navbar-holder {
	height:130px;
}*/
#top-navbar {
	margin-top: 90px;
	position: fixed;
	z-index: 999998;
	top: 0;
	right: 0;
	left: 0;
	transition: margin-top .5s linear;
}

.navbar-top-logo {
	position: absolute;
	width: 182px;
	height: 182px;
	top: 50%;
	right: 50%;
	bottom: 50%;
	left: 50%;
	margin: -91px;
	transition: all .5s linear;
}

.navbar-top-logo img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

/*.mobile .navbar-holder {
	height:80px;
}*/
.mobile #top-navbar {
	margin-top: 40px;
}

.mobile .navbar-top-logo {
	width: 100px;
	height: 100px;
	top: 0;
	margin: -25px -50px;
}

.inscroll .mobile #top-navbar,
.inscroll #top-navbar {
	margin-top: 0px;
}

.mobile .inscroll .navbar-top-logo,
.inscroll .navbar-top-logo {
	width: 80px;
	height: 80px;
	top: 50%;
	bottom: 50%;
	margin: -35px -40px -45px;
}

#vala-id-1 .vticker {
	height: 60px;
	overflow: hidden;
	position: relative;
}

#vala-id-1 .vticker ul {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	text-align: center;
}

#vala-id-1 li {
	font-size: 24px;
	line-height: 60px;
}

.h1-title {
	display: inline-block;
	padding-right: 7px;
	padding-left: 7px;
	position: relative;
	line-height: 100px;
	height: 120px;
}

.h1-title:before,
.h1-title:after {
	content: '';
	position: absolute;
	top: 10px;
	height: 50%;
	width: 39px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 39px 20px;

}

.h1-title:before {
	right: -39px;
	background-image: url('images/title-border-before.png');
}

.h1-title:after {
	left: -39px;
	background-image: url('images/title-border-after.png');
}

#services a:hover>div {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

#services a:hover img {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-fill-mode: both;
}

#services a:hover h3 {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-fill-mode: both;
}

#services a:active>div {
	box-shadow: inset 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.rounded-right-0 {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

#aboutus-note {
	background-image: url('images/aboutus-top-left.png');
	background-position: left top;
	background-repeat: no-repeat;
}

#videoparent {
	position: relative;
	z-index: 0;
}

#videoparent:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 50%;
	width: 64px;
	height: 64px;
	margin: -32px;
	background-image: url('images/video-play-pause.gif');
	background-position: center top;
	opacity: .5;
	transition: opacity .4s linear;
	cursor: pointer;
	border-radius: 64px;
	border: 2px #fff solid;
	background-color: #fff;
}

#videoparent.active:after {
	background-position: center bottom;
	opacity: 0;
}

#videoparent:hover:after {
	opacity: .9;
}

#video {
	background-image: url('images/video-bg.png');
	background-attachment: fixed;
	background-color: #000 !important;
	z-index: 0;
}

.goToTopParent {
	display: none;
}

.inscroll .goToTopParent {
	display: block;
}

#spaces .more-btn-parent {
	position: absolute;
	bottom: 5px;
	left: 5px;
	display: none;
}

#spaces .col-12:hover>.more-btn-parent {
	display: block;
}

#posts .card {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#posts .card:hover .btn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.goToTop-btn {
	z-index: 5555;
	width: 66px !important;
	text-align: center;
	bottom: -50px;
	padding-bottom: 50px !important;
}

.vala-label {
	position: absolute;
	line-height: 31px;
	top: 0;
	right: 23px;
	transition: all .5s linear;
	color: #333;
}

.vala-active .vala-label {
	line-height: 12px;
	top: -12px;
	right: 0px;
	color: #AF9453;
}

.vala-right-navbar {
	position: fixed;
	right: 15px;
	top: 50%;
	bottom: 50%;
	vertical-align: middle;
	text-align: center;
	margin: -84px 0;
	padding: 0;
	z-index: 500;
	list-style: none;
	opacity: .5;
	transition: all .3s linear;
}

.vala-right-navbar:hover {
	opacity: .8;
}

.vala-right-navbar li {
	margin: 0;
	padding: 0;
	line-height: 20px;
}

.vala-right-navbar a {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #E7DECB;
	border: 2px #AF9453 solid;
	margin: 4px;
}

.vala-right-navbar a.active {
	background-color: #AF9453;
}

.mobile .vala-right-navbar {
	right: 7px;
	margin: -69px 0;
}

.mobile .vala-right-navbar li {
	margin: 0;
	padding: 0;
	line-height: 15px;
}

.mobile .vala-right-navbar a {
	width: 15px;
	height: 15px;
	border-radius: 15px;
}

@-webkit-keyframes zoomInOut {
	from {
		opacity: 0;
		-webkit-transform: scale3d(1.7, 1.7, 1.7);
		transform: scale3d(1.7, 1.7, 1.7);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomInOut {
	from {
		opacity: 0;
		-webkit-transform: scale3d(1.7, 1.7, 1.7);
		transform: scale3d(1.7, 1.7, 1.7);
	}

	50% {
		opacity: 1;
	}
}

.zoomInOut {
	-webkit-animation-name: zoomInOut;
	animation-name: zoomInOut;
}

@-webkit-keyframes titleFlash {
	from {
		color: #E7DECB;
		text-shadow: 0 1px 0px #8C7642, 1px 0px 0px #8C7642, 0px -1px 0px #8C7642, -1px 0 0 #8C7642, 0 2px 1px #8C7642, 2px 0 1px #8C7642, 0px -2px 1px #8C7642, -2px 0px 1px #8C7642, 1px 1px 5px rgba(0, 0, 0, .8);
	}

	50% {
		color: #fff;
		text-shadow: 0 1px 0px #E7DECB, 1px 0px 0px #E7DECB, 0px -1px 0px #E7DECB, -1px 0 0 #E7DECB, 0 2px 1px #E7DECB, 2px 0 1px #E7DECB, 0px -2px 1px #E7DECB, -2px 0px 1px #E7DECB, 0px 0px 6px rgba(255, 255, 255, .8);
	}

	top: {
		color: #E7DECB;
		text-shadow: 0 1px 0px #8C7642, 1px 0px 0px #8C7642, 0px -1px 0px #8C7642, -1px 0 0 #8C7642, 0 2px 1px #8C7642, 2px 0 1px #8C7642, 0px -2px 1px #8C7642, -2px 0px 1px #8C7642, 1px 1px 5px rgba(0, 0, 0, .8);
	}
}

@keyframes titleFlash {
	from {
		color: #E7DECB;
		text-shadow: 0 1px 0px #8C7642, 1px 0px 0px #8C7642, 0px -1px 0px #8C7642, -1px 0 0 #8C7642, 0 2px 1px #8C7642, 2px 0 1px #8C7642, 0px -2px 1px #8C7642, -2px 0px 1px #8C7642, 1px 1px 5px rgba(0, 0, 0, .8);
	}

	50% {
		color: #fff;
		text-shadow: 0 1px 0px #E7DECB, 1px 0px 0px #E7DECB, 0px -1px 0px #E7DECB, -1px 0 0 #E7DECB, 0 2px 1px #E7DECB, 2px 0 1px #E7DECB, 0px -2px 1px #E7DECB, -2px 0px 1px #E7DECB, 0px 0px 6px rgba(255, 255, 255, .8);
	}

	top: {
		color: #E7DECB;
		text-shadow: 0 1px 0px #8C7642, 1px 0px 0px #8C7642, 0px -1px 0px #8C7642, -1px 0 0 #8C7642, 0 2px 1px #8C7642, 2px 0 1px #8C7642, 0px -2px 1px #8C7642, -2px 0px 1px #8C7642, 1px 1px 5px rgba(0, 0, 0, .8);
	}
}

.titleFlash {
	-webkit-animation-name: titleFlash;
	animation-name: titleFlash;
}

#commentsLayer ul,
#commentsLayer ol {
	list-style: none;
}

#footer {
	position: relative;
	overflow: hidden;
	margin: 0;
	z-index: 20;
}

footer {
	position: relative;
	z-index: 20;
	margin-bottom: 89px;
}

.footer-a-group {
	position: absolute;
	height: 90px;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

#footer-a-group-inner {
	position: relative;
	margin-top: -100px;
	transition: margin-top .5s linear .5s;
}

.active #footer-a-group-inner {
	margin-top: 0;
}

.footer-a-group a {
	-webkit-filter: grayscale(1);
	transition: all .3s linear;
}

.footer-a-group a:hover {
	-webkit-filter: grayscale(0);
}

.copyright {
	direction: ltr;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.fa-2x {
	font-size: 1rem;
}

.fixedVideo {
	position: fixed;
	z-index: 0;
	top: 0;
	right: 50%;
	left: 50%;
	bottom: 0;
	height: 100%;
	width: auto;
	margin: 0 -50%;
}

.normalVideo {
	height: auto;
	width: 100%;
}

#contact-group a {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	opacity: .85;
}

#contact-group a:hover {
	opacity: 1;
}

#contact-group p {
	position: relative;
	text-align: justify;
}

#contact-group p b {
	font-weight: bold;
	display: inline-block;
	width: 40px;
	text-align: left;
	margin-left: 5px;
}

#contact-group p:after {
	content: '';
	position: absolute;
	width: 50%;
	right: 25%;
	left: 25%;
	bottom: 0;
	border-bottom: .5px #AF9453 solid;
	border-collapse: collapse;
	opacity: .2;
}

#priceBtn {
	display: none;
}

#priceBtn a {
	display: block;
	left: 5px;
	right: auto !important;
	bottom: 5px;
	position: fixed;
	z-index: 99999;
}

.carousel-text {
	font-size: 64px;
	line-height: 64px;
	height: 64px;
	margin-top: -32px;
	margin-bottom: -32px;
}

.modal-footer {
	background-image: url(images/vala-modal-footer.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 17px !important;
}

.gallery-item {
	display: inline-block;
	margin: 20px;
	position: relative
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-item a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	--webkit-box-shadow: inset 0px 0px 67px 40px rgba(56, 40, 5, 1);
	-moz-box-shadow: inset 0px 0px 67px 40px rgba(56, 40, 5, 1);
	box-shadow: inset 0px 0px 67px 40px rgba(56, 40, 5, 1);

	z-index: 500;
}

/* responcive */
@media (min-width: 560px) {
	.carousel-text {
		font-size: 72px;
		line-height: 72px;
		height: 72px;
		margin-top: -36px;
		margin-bottom: -36px;
	}

}

@media (min-width: 768px) {
	.carousel-text {
		font-size: 86px;
		line-height: 86px;
		height: 86px;
		margin-top: -43px;
		margin-bottom: -43px;
	}

	.fa-2x {
		font-size: 1.25rem;
	}
}

@media (min-width: 992px) {
	.carousel-text {
		font-size: 106px;
		line-height: 106px;
		height: 106px;
		margin-top: -53px;
		margin-bottom: -53px;
	}

	.fa-2x {
		font-size: 1.5rem;
	}

	.fixedVideo {
		right: 0;
		left: 0;
		bottom: 0;
		height: auto;
		width: 100%;
		margin: 0 -0;
	}
}

@media (min-width: 1200px) {
	.fa-2x {
		font-size: 2rem;
	}

	.carousel-text {
		font-size: 110px;
		line-height: 128px;
		height: 120px;
		margin-top: -84px;
		margin-bottom: -84px;
	}

}

.sp-spacer {
	padding-top: 110px;
}

@media (min-width:1280px) {
	.sp-spacer {
		padding-top: 230px;
	}
}

.tk-menu-bg{
	background-image: url("https://valagarden.com/content/uploads/2023/10/photo_2023-10-14_11-26-57.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.tk-menus{
	max-width: 600px;
	margin:auto;    
}

.tk-menus__group{
	text-align: right;
}


img{
	max-width: 100%;
	height: auto;
}


.object-cover{
	object-fit:cover;
}

@media only screen and (min-width:1200px){
	.article__title{
		min-height:57px;
	}
}