@import url("fonts.css");

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1170px;
  }
}

html {
  scroll-behavior: smooth;
}

.ltr {
  direction: ltr;
}


.rtl {
  direction: rtl;
}

body {
  font-size: 16px;
  font-family: 'Janna LT', sans-serif;
  background: #fff;
  overflow-x:hidden;

}



body.no_scroll {
  overflow: hidden
}

section {
  /* float: left;
  width: 100%; */
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Janna LT", sans-serif;
    font-weight: bold;
}

.btn {
  padding : 0.8rem 2.5rem;
}

.btn-primary {
  background-color: #5468e7;

}
.btn-primary:hover {
  background-color: #6276f5;

}


.btn-secondary {
  background-color: #AA986A ;
  border: none ;
  border-radius: 0;

}
.btn-secondary:hover {
  background-color: #c3ae7a ; 
  border: none;
  border-radius: 0;

}

.form-control {
  background: #F4F2EC;
  border:0;
  border-radius: 0;
}

.form-control:focus {
  background: #eae7dd;
  border:0;
  border-radius: 0;
  box-shadow:none;

}
.col-form-label {
  color: #043A38;
  font-size: 0.9rem;

}


body:not(.page-contact-us) header {
  background: url('../images/bg.png') no-repeat;
  background-size: cover;
  position: relative;
  height: 100vh;
}


body.page-contact-us {
  background: url('../images/contact-bg-min.jpeg') no-repeat;
  background-position: center top;
  background-size: cover;
}

.border-white {
  border-color: #fff;
}
body.page-contact-us header {
  height: auto;
  background: none;
}

header .navbar {
  z-index: 2;
  transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1);

}

header .navbar-expand-lg .navbar-nav .nav-link {
  padding: 15px 22px !important;
  font-size: 16px;
  color: #fff !important;
}

div#navbarNavAltMarkup.show {
  background: #aa986a;
}


.page-business header .navbar-expand-lg .navbar-nav .nav-link.active , header .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #7A5D7A !important;
}

.page-taste header .navbar-expand-lg .navbar-nav .nav-link.active , header .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #C6B784 !important;
}

.page-live header .navbar-expand-lg .navbar-nav .nav-link.active , header .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #358CAA !important;
}

.page-contact-us header .navbar-expand-lg .navbar-nav .nav-link.active , header .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #aa986a !important;
}



.navbar.navbar-fixed-top {
  position: fixed !important;
  background: #aa986a;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
  right: 0;
  left: 0;
  top: 0;
  z-index: 4;

}

.navbar.navbar-fixed-top .navbar-nav .nav-link {
  color: #043A38 !important;
}
.page-contact-us header .navbar-expand-lg .navbar-nav .nav-link.active {
  color: #043A38 !important;

}
.navbar.navbar-fixed-top .navbar-nav .nav-link:hover , .navbar.navbar-fixed-top .navbar-nav .nav-link.active {
  color: #043A38 !important;
}

@keyframes animate {
  0% {
      letter-spacing: -15px;
  }

  20% {
      letter-spacing: 10px;
  }

  100% {
      letter-spacing: 2px;
  }
}


header .hero {
  z-index: 1;
  position: relative;
  min-height: 75vh;
}


header .hero h1 {
  font-family: 'Janna LT', sans-serif;
  font-size: 3rem;
}
header .hero h1.active {
  animation: animate 3s ease-out forwards infinite;
  animation-delay: 1s;
  letter-spacing: 15px;  
}

header .hero h2 {
  font-family: 'Janna LT', sans-serif;
  font-size: 2rem;
  font-weight: normal;
}

header .hero a.btn-slider {
  background-color: transparent;
  border: solid 2px #fff;
  color: #fff;
  padding: 4px;
  text-decoration: none;
}

header .hero a.btn-slider span {
  background-color: #333F47;
  padding: 4px 30px;
  display: inline-block;
}

a.btn-bussiness span {
  background-color: #7A5D7A !important;
}

a.btn-taste span {
  background-color: #C6B784 !important;
}


a.btn-live span {
  background-color: #358CAA !important;
}



header .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 1;
}
header .slider .slick-list , header .slider .slick-track {
  height: 100%;
  width: 100%;
}

header .slider video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

header .slider a.btn-slider {
  background-color: transparent;
  border: solid 2px #fff;
  color: #fff;
  padding: 4px;
  text-decoration: none;
}

header .slider a.btn-slider span {
  background-color: #7A5D7A;
  padding: 4px 40px;
  display: inline-block;
}

header .slider a.style-2 span {
  background-color: #C6B784;
}

header .slider a.style-3 span {
  background-color: #358CAA;
}

header .slider a.style-4 span {
  background-color: #333F47;
}

header .slider .smoke-slider {
  position: relative;
}

header .slider .smoke-slider::after {
  content: "";
  ba
}
.block {

}

.block-title {
  font-size: 35px;
  letter-spacing: 7px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  display: inline-block;
}

.rtl .block-title {
  letter-spacing:0;
}

.block-title::after {
  content: "";
  height: 3px;
  background-color: #043A38;
  width: 50%;
  position: absolute;
  bottom: -10px;
  left: 25%;
}

.block-caption {

}

#about {
  position: relative;
}

#about::after {
  content: "";
  position:absolute;
  background-color: #AA986A;
  width: 60%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

body.rtl #about::after {
  right: 0;
  left: auto;
}

#about .about-img {
  right: 0;
  z-index: 2 !important;
  position: relative;
}

#about .about-img video {
  object-fit: cover;
  width: 70%;
  height: 50%;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: 100;
}

body.rtl #about .about-img {
  left: 0;
  right: auto;
}

#about::before {
  background:  url('../images/bg-about.png') no-repeat bottom;
  content: "";
  position:absolute;
  width: 30%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}



body.rtl #about::before {
  right: 0;

}

#about .block {
  z-index: 2;
  position: relative;
}

#about .block-image {
  z-index: 2;
  position: relative;
}


#about .block p.block-caption {
  line-height: 1.8rem;
}



html[lang='en'][dir=ltr] #valley {
  background: #023A38 url('../images/valley-bg.png') no-repeat;
  background-size: cover;
  position: relative;
}


html[lang='en'][dir=ltr] #valley::before {
  background:  url('../images/bg-green.png') no-repeat top;
  content: "";
  position:absolute;
  width: 30%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

html[lang='ar'][dir=rtl] #valley {
  background: #023A38 url('../images/valley-bg-rev-min.png') no-repeat;
  background-size: cover;
  position: relative;
}


html[lang='ar'][dir=rtl] #valley::before {
  background:  url('../images/bg-green.png') no-repeat top;
  content: "";
  position:absolute;
  width: 30%;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

#valley h2 {
  font-size: 22px;
  letter-spacing: 7px;
  font-weight: bold;
  color: #AA986A;
}
.rtl #valley h2 {
  letter-spacing:0;
}





@-webkit-keyframes animateCloudrtl {
  0% {
      margin-right: -1000px;
  }
  100% {
      margin-right: 100%;
  }
}

@-moz-keyframes animateCloudrtl {
  0% {
      margin-right: -1000px;
  }
  100% {
      margin-right: 100%;
  }
}

@keyframes animateCloudrtl {
  0% {
      margin-right: -1000px;
  }
  100% {
      margin-right: 100%;
  }
}


@-webkit-keyframes animateCloud {
  0% {
      margin-left: -1000px;
  }
  100% {
      margin-left: 100%;
  }
}

@-moz-keyframes animateCloud {
  0% {
      margin-left: -1000px;
  }
  100% {
      margin-left: 100%;
  }
}

@keyframes animateCloud {
  0% {
      margin-left: -1000px;
  }
  100% {
      margin-left: 100%;
  }
}

@-webkit-keyframes animateCloud2 {
  0% {
      margin-left: -1800px;
  }
  100% {
      margin-left: 100%;
  }
}

@-moz-keyframes animateCloud2 {
  0% {
      margin-left: -1800px;
  }
  100% {
      margin-left: 100%;
  }
}

@keyframes animateCloud2 {
  0% {
      margin-left: -1800px;
  }
  100% {
      margin-left: 100%;
  }
}


.x2 {
	-webkit-animation: animateCloud 70s linear infinite;
	-moz-animation: animateCloud 70s linear infinite;
	animation: animateCloud 70s linear infinite;
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
  z-index: 1;
}

.rtl .x2 {
  margin-right: -1000px;
	-webkit-animation: animateCloudrtl 70s linear infinite;
	-moz-animation: animateCloudrtl 70s linear infinite;
	animation: animateCloudrtl 70s linear infinite;
  /* display: none; */

}


.cloud {
  background: url('../images/sky-1.png') no-repeat;
  height: 480px;
  position: absolute;
  width: 900px;
}




.x1 {
	-webkit-animation: animateCloud2 50s linear infinite;
	-moz-animation: animateCloud2 50s linear infinite;
	animation: animateCloud2 50s linear infinite;
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
  position: relative;
  top: 30%;
  z-index: 1;

}

.rtl  .x1 {
  /* display: none; */
  margin-right: -1000px;
	-webkit-animation: animateCloudrtl 50s linear infinite;
	-moz-animation: animateCloudrtl 50s linear infinite;
	animation: animateCloudrtl 50s linear infinite;
}

.cloud1 {
  background: url('../images/sky-2.png') no-repeat;
  height: 389px;
  position: absolute;
  width: 812px;
}



#land {
  /* background: url('../images/01.png') no-repeat; */
  /* background-size: 100%; */
  background: #043A38;
  color: #fff;
  position: relative;
  /* height: 100vh; */
}

/*#land::before {*/
/*  background:  url('../images/land-bg.png') no-repeat center;*/
/*  content: "";*/
/*  position:absolute;*/
/*  left: 0;*/
/*  right: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  z-index: 1;*/
/*}*/

/* #land img {
    filter: brightness(0) invert(1);
} */

#land img.land-map {
    object-fit: cover;
}

#land .number {
  position: relative;
  font-weight: bold;
}

#land .number::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 3px;
  width: 40%;
  right: 30%;
  background-color: #043A38;
}

#land .duration {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 12px;
}
.rtl #land .duration {
  letter-spacing: 0;
}

#counters {
  background-color: #043A38;
  color: #fff;
}
#counters .body h5 {
  /* fon */
}
#counters .body p {
  font-size: 14px;
}

@media (min-width: 992px){
  #counters {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
  }

  #counters *{
    border: none!important;
  }
}

#features {}

#features .title h2 {
  padding-bottom: 10px;
  color: #AA986A;
  position:relative;
}

#features .title h2::after {
	content:"";
	position:absolute;
	bottom:0;
	height: 3px;
	background: #043A38;
	width: 70px;
	right: calc(50% - 35px);
}
#features .image-wrapper {
  min-height: 80px;
}

#features h2, #features small {
  color: #324C5E;
}


#features small {
  font-size: 10px;
}


#info {
  background-color: #F4F2EC;
  min-height: 964px!important;
  display: flex;
  justify-content: center;
  align-items: center;
}

#info img{
  max-height: 150px;
}

#info h2 {
  color: #AA986A;
  font-size: calc(40px + 1vw);
}

#info small {
  color: #043A38;
  /* font-size: 11px; */
}





#footer {
  background: #043A38;
  font-size: 13px;
}

#footer .block {
  position: relative;
}

@media screen and (min-width: 567px) {
  
  #footer .block::after {
    content: "";
    position:absolute;
    height: 60%;
    top:20%;
    left: 0;
    width: 1px;
    background: #AA986A;
  }
  
  body.rtl #footer .block::after {
    left: 0;
    right: auto;
  
  }
  
  #footer .block:last-child::after {
    display: none;
  }
}


#footer  a {
  color: #fff;
  text-decoration: none;
}
#footer  h2 {
  font-size: 14px;
  color: #AA986A;
}

#footer  a {
  color: #fff;
  text-decoration: none;
}

#footer .footer-copyright a {
  color: #AA986A;
  letter-spacing: 4px;
  font-size: 12px;
}
.rtl #footer .footer-copyright a {
  letter-spacing: 0;
}

.ltr #footer .text-start{
  text-align: left!important;
}

/* .ltr #footer .text-start{
  text-align: right!important;
} */

@media (min-width: 576px){
  .ltr #footer .text-start{
    text-align: right!important;
  }  

  .ltr #footer .text-sm-end {
    text-align: left!important;
  }

  .ltr #footer .text-sm-center {
    text-align: center!important;
  }

}


.ltr #footer .list-inline{

}

/* Taste Page */

.page-taste {}

.page-taste .taste-content img {
  max-height: 70px;
  max-width: 120px;
}



#page-section {
  color: #324C5E;
}

#page-section .page-title h5 {
  letter-spacing: 3px;
  position: relative;
  color: #AA986A;
  line-height: 30px;
}
.rtl #page-section .page-title h5 {
  letter-spacing: 0;
}

#page-section .page-title h3 , .card h3 {
  letter-spacing: 8px;
  line-height: 35px;
}

.rtl #page-section .page-title h3  , .rtl .card h3 {
  letter-spacing: 0 !important;
}

#page-section .page-title h5::after {
  position:absolute;
  width: 70px;
  height: 3px;
  background-color: #043A38;
  content: "";
  bottom: 0;
  left: calc(50% - 35px);
}

#page-section .image-wrapper {
  min-height: 150px;
}

.hover {
  background: #233D3B;
  position: relative;
}

.hover:after {
  position: absolute;
  top: 0;
  content: "(source: ' attr(data-count) ')";
}


.partner-wrapper img {
  /* max-height: 40px; */
}

.map text {
  display: none;
}


.page-contact-us .card h3 {
  color: #AA986A;
  position: relative;
  font-weight: normal;
  font-size: 1.4rem;
}

.page-contact-us .card h3::after {
  position: absolute;
  width: 70px;
  height: 3px;
  background-color: #043A38;
  content: "";
  bottom: -10px;
  left: 0;
}

.page-contact-us .card .form-control {
  background: none;
  border-bottom: 1px solid #AA986A;
}
.page-contact-us .card .form-control::placeholder {
  color: #D9D9D9;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.smoke-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 222px;
}

.smoke,
.smoke2,
.smoke3 {
  filter: blur(5px);
  transform-origin: 50% 50%;
}

.smoke {
  animation: smoke1 3s linear infinite;
  animation-delay: 0.5s;
}

.smoke2 {
  animation: smoke2 3s linear infinite;
  animation-delay: 1.5s;
}

.smoke3 {
  width: 500px;
  animation: smoke3 4s linear infinite;
  animation-delay: 2.5s;
}

@keyframes smoke1 {
  0% {
    filter: blur(0px);
    transform: translateY(0px) scale(-1, 1);
    opacity: 0;
  }

  25% {
    filter: blur(3px);
    transform: translateY(-10px) scale(-1, 1.05);
    opacity: 0.5;
  }

  50% {
    filter: blur(5px);
    transform: translateY(-20px) scale(-1, 1.1);
    opacity: 1;
  }

  75% {
    filter: blur(5px);
    transform: translateY(-30px) scale(-1, 1.15);
    opacity: 0.5;
  }

  100% {
    filter: blur(7px);
    transform: translateY(-40px) scale(-1, 1.2);
    opacity: 0;
  }
}

@keyframes smoke2 {
  0% {
    filter: blur(0px);
    transform: translateY(0px) scale(1);
    opacity: 0;
  }

  25% {
    filter: blur(3px);
    transform: translateY(-10px) scale(1.05);
    opacity: 0.5;
  }

  50% {
    filter: blur(5px);
    transform: translateY(-20px) scale(1.1);
    opacity: 1;
  }

  75% {
    filter: blur(5px);
    transform: translateY(-30px) scale(1.15);
    opacity: 0.5;
  }

  100% {
    filter: blur(7px);
    transform: translateY(-40px) scale(1.2);
    opacity: 0;
  }
}

@keyframes smoke3 {
  0% {
    filter: blur(0px);
    transform: translateY(0px) scale(1);
    opacity: 0;
  }

  25% {
    filter: blur(3px);
    transform: translateY(-20px) scale(1.05);
    opacity: 0.5;
  }

  50% {
    filter: blur(5px);
    transform: translateY(-40px) scale(1.1);
    opacity: 1;
  }

  75% {
    filter: blur(5px);
    transform: translateY(-60px) scale(1.15);
    opacity: 0.5;
  }

  100% {
    filter: blur(7px);
    transform: translateY(-80px) scale(1.2);
    opacity: 0;
  }
}




#smoke {
	position: absolute;
	z-index: 3;
	width: 1px; height: 160px;
	left: 50%; bottom: 30px;
}

/* smoke balls */

#smoke span { 
  display: block;
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-left: -20px;
  height: 0px;
  width: 0px;
  border: 35px solid #fcf9c173;
  border-radius: 35px;
  left: -14px;
  opacity: 0;
  transform: scale(0.2);
  z-index: 1;
}

/* Smoke animation */

@keyframes smokeL {
	0%   { transform: scale(0.2) translate(0, 0) }
	10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
	100% { opacity: 0; transform: scale(1) translate(-20px, -130px) }
}

@keyframes smokeR {
	0%   { transform: scale(0.2) translate(0, 0) }
	10%  { opacity: 1; transform: scale(0.2) translate(0, -5px) }
	100% { opacity: 0; transform: scale(1) translate(20px, -130px) }
}

#smoke .s0 { animation: smokeL 10s 0s infinite }
#smoke .s1 { animation: smokeR 10s 1s infinite }
#smoke .s2 { animation: smokeL 10s 2s infinite }
#smoke .s3 { animation: smokeR 10s 3s infinite }
#smoke .s4 { animation: smokeL 10s 4s infinite }
#smoke .s5 { animation: smokeR 10s 5s infinite }
#smoke .s6 { animation: smokeL 10s 6s infinite }
#smoke .s7 { animation: smokeR 10s 7s infinite }
#smoke .s8 { animation: smokeL 10s 8s infinite }
#smoke .s9 { animation: smokeR 10s 9s infinite }


@media only screen and (max-width: 480px) {
  #about::after {
    width: 100%;
  }

  #about .about-img {
    right: auto;
    left: auto;
    bottom: -30px;
    z-index: 2 !important;
  }

  #counters .body p {
    font-size: 13px;
  }
}



/* Arabic Styling Fixes */
@media (min-width: 992px){
  html[lang='ar'][dir=rtl] header .navbar .navbar-nav {flex-direction: row-reverse!important;}
}

/* English Styling Fixes */