@charset "UTF-8";
.w100 {
  width: 100%; }

.mxw100 {
  max-width: 100%; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt45 {
  margin-top: 45px; }

.mt50 {
  margin-top: 50px; }

.mb0 {
  margin-bottom: 0; }

.slider {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .slider .slide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
    .slider .slide.contain {
      background-size: contain; }
  .slider.left-to-right .slide {
    left: -100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease; }
    .slider.left-to-right .slide.show {
      left: 0;
      z-index: 1; }
      .slider.left-to-right .slide.show ~ .slide {
        left: 100%; }
  .slider.fade-inout .slide {
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease; }
    .slider.fade-inout .slide.show {
      opacity: 1;
      z-index: 1; }
  .slider .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    min-height: 90px;
    background-color: rgba(255, 255, 255, 0.9);
    padding-top: 15px;
    padding-bottom: 10px; }
  .slider .slide-related {
    display: none; }
    .slider .slide-related.show {
      display: block; }
  .slider .slider-thumbs {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 7; }
    .slider .slider-thumbs > div {
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease;
      border: 2px solid #fff;
      cursor: pointer;
      margin: 0 3px; }
      .slider .slider-thumbs > div.selected, .slider .slider-thumbs > div:hover {
        background: #fff; }

.cover {
  background-size: cover;
  background-position: center; }

.contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.ph0 {
  padding-left: 0;
  padding-right: 0; }

.ph5 {
  padding-left: 5px;
  padding-right: 5px; }

.dib, .col-dib {
  display: inline-block;
  vertical-align: middle; }
  .dib.bottom, .bottom.col-dib {
    vertical-align: bottom; }

.col-dib {
  float: none; }

.helper {
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.rel {
  position: relative; }

.bgw {
  background: #fff; }

.cs-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  visibility: hidden; }

.full-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.oh {
  overflow: hidden; }

@font-face {
  font-family: 'AileronBold';
  src: url("fonts/aileron-bold.eot");
  src: url("fonts/aileron-bold.eot?#iefix") format("embedded-opentype"), url("fonts/aileron-bold.woff2") format("woff2"), url("fonts/aileron-bold.woff") format("woff"), url("fonts/aileron-bold.ttf") format("truetype"), url("fonts/aileron-bold.svg#AileronBold") format("svg"); }
@font-face {
  font-family: 'AileronThin';
  src: url("fonts/aileron-thin.eot");
  src: url("fonts/aileron-thin.eot?#iefix") format("embedded-opentype"), url("fonts/aileron-thin.woff2") format("woff2"), url("fonts/aileron-thin.woff") format("woff"), url("fonts/aileron-thin.ttf") format("truetype"), url("fonts/aileron-thin.svg#AileronThin") format("svg"); }
@font-face {
  font-family: 'RomainBPHeadlineRegular';
  src: url("fonts/romain_bp_headline_regular.eot");
  src: url("fonts/romain_bp_headline_regular.eot?#iefix") format("embedded-opentype"), url("fonts/romain_bp_headline_regular.woff2") format("woff2"), url("fonts/romain_bp_headline_regular.woff") format("woff"), url("fonts/romain_bp_headline_regular.ttf") format("truetype"), url("fonts/romain_bp_headline_regular.svg#RomainBPHeadlineRegular") format("svg"); }
@font-face {
  font-family: 'RomainBPTextRegular';
  src: url("fonts/romain_bp_text_regular.eot");
  src: url("fonts/romain_bp_text_regular.eot?#iefix") format("embedded-opentype"), url("fonts/romain_bp_text_regular.woff2") format("woff2"), url("fonts/romain_bp_text_regular.woff") format("woff"), url("fonts/romain_bp_text_regular.ttf") format("truetype"), url("fonts/romain_bp_text_regular.svg#RomainBPTextRegular") format("svg"); }
@font-face {
  font-family: 'AileronRegular';
  src: url("fonts/aileron-regular.eot");
  src: url("fonts/aileron-regular.eot?#iefix") format("embedded-opentype"), url("fonts/aileron-regular.woff2") format("woff2"), url("fonts/aileron-regular.woff") format("woff"), url("fonts/aileron-regular.ttf") format("truetype"), url("fonts/aileron-regular.svg#AileronRegular") format("svg"); }
@font-face {
  font-family: 'romain_bp_headlinebold_italic';
  src: url("fonts/romain_bp_headline_bold_italic-webfont.eot");
  src: url("fonts/romain_bp_headline_bold_italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/romain_bp_headline_bold_italic-webfont.woff2") format("woff2"), url("fonts/romain_bp_headline_bold_italic-webfont.woff") format("woff"), url("fonts/romain_bp_headline_bold_italic-webfont.ttf") format("truetype"), url("fonts/romain_bp_headline_bold_italic-webfont.svg#romain_bp_headlinebold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
.fab12w {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 12px;
  color: #ffffff;
  line-height: 14px; }

.fab13g {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 13px;
  color: #58585a;
  line-height: 15px; }

.fab14w {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: #ffffff;
  line-height: 16px; }

.fab26g {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 26px;
  color: #58585a;
  line-height: 36px; }

.fab14g {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: #808080;
  line-height: 16px; }

.fab22g {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 22px;
  color: #808080;
  line-height: 28px; }

.fab35g {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 35px;
  color: #808080;
  line-height: 40px; }

.fab15g {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 15px;
  color: #b9d969;
  line-height: 16px; }

.fab29g {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 30px;
  color: #808080;
  line-height: 33px; }

.far {
  font-family: Arial, Geneva, sans-serif;
  font-size: 24px;
  color: #ffffff;
  line-height: 24px;
  font-weight: bold; }

.far12w {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 12px;
  color: #ffffff;
  line-height: 14px; }

.far14g {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: #6c6c6e;
  line-height: 18px; }

.far14g2 {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: #58585a;
  line-height: 18px; }

.far18g {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 20px;
  color: #6c6c6e;
  line-height: 22px;
  font-weight: bold;
  margin-top: -10px; }

.far18b {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 18px;
  color: #444;
  line-height: 22px; }

.far13g {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 13px;
  color: #6f7071;
  line-height: 16px; }

.far13gb {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 13px;
  color: #6f6f6f;
  line-height: 16px;
font-weight: bolder; }

.far30gnb {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 30px;
  color: #b9d969;
  line-height: 40px; }

.far20g {
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 20px;
  color: #6c6c6e;
  line-height: 20px; }

.fat14w {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px; }

.fat14gn {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: #b9d969;
  line-height: 18px; }

.fat14g {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: #58585a;
  line-height: 18px; }

.fat30gnb {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 30px;
  color: #5b7523;
  line-height: 40px; }

.fat16g {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 16px;
  color: #79797b;
  line-height: 19px; }

.fat18g {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 18px;
  color: #89898b;
  line-height: 22px;
  font-weight: inherit; }

.fat17w {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 17px;
  color: #ffffff;
  line-height: 21px; }

.fab17w {
  font-family: AileronBold,Tahoma, Geneva, sans-serif;
  font-size: 17px;
  color: #ffffff;
  line-height: 21px; }

.fat20gn {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 20px;
  color: #b9d969;
  line-height: 24px; }

.fat20g {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 20px;
  color: #939598;
  line-height: 24px; }

.fat35g {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 35px;
  color: #58585a;
  line-height: 45px; }

.fat25gnb {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 25px;
  color: #5b7523;
  line-height: 32px; }

.fatb25gnb {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 25px;
  color: #58585a;
  line-height: 32px;
  font-weight: bold; }

.fatb16gnb {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 16px;
  color: #58585a;
  line-height: 37px;
  font-weight: bold; }

.fat35gnb {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 35px;
  color: #5b7523;
  line-height: 45px; }

.frhbi20gn {
  font-family: romain_bp_headlinebold_italic,Tahoma, Geneva, sans-serif;
  font-size: 20px;
  color: #b9d969;
  font-weight: bold;
  line-height: 26px; }

.frhbi20g {
  font-family: romain_bp_headlinebold_italic,Tahoma, Geneva, sans-serif;
  font-size: 20px;
  color: #58585a;
  font-weight: bold;
  line-height: 26px; }

.frhbi30gn2 {
  font-family: romain_bp_headlinebold_italic,Tahoma, Geneva, sans-serif;
  font-size: 30px;
  color: #5b7523;
  font-weight: bold;
  line-height: 38px; }

.faul15gb {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 20px;
  color: #b9d969;
  line-height: 18px; }

.faul20gb {
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-size: 26.6px;
  color: #0d0d0d;
  line-height: 24px; }

.frt13g {
  font-family: RomainBPTextRegular,Tahoma, Geneva, sans-serif;
  font-size: 13px;
  color: #58585a;
  line-height: 15px; }

.frt13gn {
  font-family: RomainBPTextRegular,Tahoma, Geneva, sans-serif;
  font-size: 13px;
  color: #b9d969;
  line-height: 15px; }

.frt10g {
  font-family: RomainBPTextRegular,Tahoma, Geneva, sans-serif;
  font-size: 10px;
  color: #58585a;
  line-height: 12px; }

.frt22g {
  font-family: RomainBPTextRegular,Tahoma, Geneva, sans-serif;
  font-size: 22px;
  color: #939598;
  line-height: 26px; }

.frt17g {
  font-family: RomainBPTextRegular,Tahoma, Geneva, sans-serif;
  font-size: 17px;
  color: #939598;
  line-height: 24px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 26px;
  width: 28px;
  z-index: 10;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  opacity: 0.6; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    opacity: 1;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 0;
  background: url(../img/arr-left.png) center/contain no-repeat; }
  .fill-nav .slick-prev {
    background: url(../img/arr-left-fill.png) center/contain no-repeat; }
  .gutter-nav .slick-prev {
    left: 20px; }

.slick-next {
  right: 0;
  background: url(../img/arr-right.png) center/contain no-repeat; }
  .fill-nav .slick-next {
    background: url(../img/arr-right-fill.png) center/contain no-repeat; }
  .gutter-nav .slick-next {
    right: 20px; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 10px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      width: 8px;
      height: 8px;
      background: #fff;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
    .slick-dots li.slick-active button {
      background: #333c6d; }

.slick-slider * {
  outline: none; }

body {
  width: 100%;
  text-align: justify; }

@media (min-width: 1280px) {
  .collapse-menu #static {
    height: 50px; }

  .collapse-menu #menu {
    margin-top: 12px; }

  .collapse-menu .logo {
    height: 40px;
    background-position: -10px 46px; } }
.mr50 {
  margin-right: 50px; }

#static {
  height: 100px;
  position: fixed;
  width: 100%;
  z-index: 11; }

video {
  display: block; }

#static.static {
  background: transparent !important;
  border-bottom: none !important;
  z-index: 11;
  top: 0; }

#header-bg {
  background: transparent !important;
  height: 100px;
  width: 100%; }

.header-bg-home {
  opacity: 0; }

#header {
  position: relative; }

.content {
  max-width: 990px;
  margin: 0 auto; }

.logo {
  top: 10px;
  left: 30px;
  position: absolute;
  width: 117px;
  height: 82px;
  background-size: 140px auto;
  background-position: -10px; }

.logo {
  opacity: 1;
  background-image: url(../img/logo.svg); }

.logo_white {
  opacity: 0;
  background-image: url(../img/logo_white.svg); }

#menu {
  float: right;
  margin-top: 47px;
  margin-left:30px;}
  @media (min-width: 1280px) {
    #menu {
      display: block; } }
  @media (max-width: 1279px) {
    #menu {
      position: absolute;
      width: 96%;
      left: 2%;
      top: 52px;
      background: #fff; } }

#menu > * {
  display: block;
  float: left;
  margin-left: 40px;
  padding: 10px 10px 20px 5px; }
  @media (max-width: 1279px) {
    #menu > * {
      float: none;
      margin-left: 0;
      padding: 15px; } }

#menu > *:hover {
  color: #b9d969; }
  @media (max-width: 1279px) {
    #menu > *:hover, #menu > *.selected {
      overflow: hidden; } }

#menu > div:after {
  color: #58585a;
  font-size: 18px;
  margin-left: 10px; }

#footer {
  padding: 30px 0; }

.map-desc {
  color: #000000;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  font-weight: bold;
  position: absolute !important;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left; }

.red-f {
  color: #d12335; }

.green-f {
  color: #b9d969; }

.blue-f {
  color: #76bcd7; }

a {
  font: inherit;
  text-decoration: none;
  color: inherit; }

#home-video {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  display: inline-block;
  vertical-align: baseline;
  box-sizing: border-box;
  box-sizing: border-box;
  background-size: cover; }

body, html {
  width: 100%;
  height: 100%; }

#video-cover {
  position: fixed;
  top: 0px;
  left: 0;
  height: 100%;
  right: 0;
  z-index: 9;
  overflow: auto;
  background: rgba(0, 0, 0, 0.3); }

.main_cover {
  background: url(../img/cover_1.jpg) center;
  background-size: cover; }

.play #video-cover {
  background: none; }

.rel {
  position: relative !important; }

.topleft {
  top: 0 !important;
  left: 0 !important; }

.disclaimer {
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #6f7071;
  line-height: 20px; }
  @media (min-width: 768px) {
    .disclaimer {
      margin-bottom: 20px; } }

.und {
  border-bottom: 1px solid #ffffff;
  display: inline-block;
  line-height: 28px;
  margin-bottom: 30px;
  padding-bottom: 5px; }

.und-g {
  border-bottom: 1px solid #b9d969;
  display: inline-block;
  line-height: 28px;
  margin-bottom: 30px;
  padding-bottom: 5px; }

.h100 {
  height: 100%; }

#welcome {
  position: absolute;
  width: 100%;
  top: 22%;
  line-height: 45px;
  font-size: 30px;
  padding: 0 40px;
  font-family: romain_bp_headlinebold_italic,Tahoma, Geneva, sans-serif;
  color: #b9d969;
  text-align: center; }

#lifstyle {
  letter-spacing: 1px;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  display: inline-block;
  padding-bottom: 12px;
  font-size: 35px; }

.fullscreen {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
  height: 100%; }

#slide_show {
  overflow: hidden;
  top: 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

#slide_show > div {
  height: 100%;
  width: 100%;
  opacity: 0;
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity 1.5s ease,background-size 1s ease,background-position .3s ease-out;
  -moz-transition: opacity 1.5s ease,background-size 1s ease,background-position .3s ease-out;
  -o-transition: opacity 1.5s ease,background-size 1s ease,background-position .3s ease-out;
  -ms-transition: opacity 1.5s ease,background-size 1s ease,background-position .3s ease-out;
  transition: opacity 1.5s ease,background-size 1s ease,background-position .3s ease-out; }

#slide_show > div.show {
  z-index: 10;
  opacity: 1; }

#welcome_develop {
  width: 100%;
  top: 12%;
  line-height: 45px;
  font-size: 30px;
  font-family: romain_bp_headlinebold_italic,Tahoma, Geneva, sans-serif;
  color: #b9d969;
  text-align: left !important; }
  @media (min-width: 992px) {
    #welcome_develop {
      padding-left: 100px; } }
  @media (min-width: 1280px) {
    #welcome_develop {
      position: absolute;
      margin-left: 245px;
      width: 75% !important;
      padding-left: 0; } }

.view-button {
  border: 2px solid #808080;
  padding: 14px 14px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 10;
  margin-top: 20px; }

@media only screen and (max-height: 830px) {
  #welcome {
    top: 25%; } }
@media only screen and (max-height: 630px) {
  #welcome {
    top: 25%; } }
.img_preview {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: #ffffff;
  opacity: 0;
  display: none;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.img_preview.show {
  display: block;
  opacity: 1; }

.bottom {
  bottom: 0 !important;
  top: auto !important; }
  @media (min-width: 992px) {
    .bottom {
      right: 50px !important; } }

#news-cnt {
  position: absolute;
  left: 280px;
  bottom: 22%; }

#movie-cnt {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 620px;
  max-width: 100%;
  padding-top: 24px;
  background: #000000;
  z-index: 10; }
  @media (min-width: 1280px) {
    #movie-cnt {
      left: 54%; } }

#movie-cnt.close {
  padding: 0; }

#news {
  width: 190px;
  height: 39px;
  cursor: pointer;
  padding: 5px 20px;
  margin-left: 17px;
  background: #b9d969; }

#news:hover {
  background: #ffffff; }

#news.selected {
  background: #ffffff; }

#news-slider {
  padding: 13px 13px 13px;
  background-color: #ffffff;
  margin-top: 5px;
  overflow: hidden;
  border: 1px solid #bcb8b3;
  position: relative; }

#news-slider .left {
  float: left;
  width: 90px;
  margin-right: 10px; }

#news-slider .right {
  margin-top: 10px; }

#news-slider div {
  width: 410px; }

#news-slider > span {
  position: absolute;
  color: #7c7c7c;
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 11px;
  top: 5px;
  right: 8px;
  cursor: pointer; }

.round {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  width: 60px;
  border-radius: 60%;
  background: #FFFFFF;
  margin: -30px 0 0 -30px;
  cursor: pointer; }

#play {
  display: block;
  opacity: 1;
  z-index: 10;
  width: 186px;
  height: 68px;
  margin-bottom: 6px;
  cursor: pointer;
  border: 2px solid #ffffff;
  padding: 0px 20px;
  background-image: url(../img/play_n.png);
  background-size: cover;
  background-position: center;
  margin-left: 17px; }

#play:hover {
  background: url(../img/play_h.png) center no-repeat #b9d969; }

#play.selected {
  background: url(../img/play_h.png) center no-repeat #b9d969; }

#pause {
  opacity: 0;
  z-index: 9; }

#pause > div {
  height: 30px;
  width: 10px;
  background: #231F20;
  margin-left: 5px;
  float: left;
  margin-top: 15px; }

#pause > div:nth-child(1) {
  margin-left: 18px; }

#pause.show {
  opacity: 0.4;
  z-index: 11; }

#pause.show:hover {
  opacity: 1; }

.r-more {
  position: absolute;
  bottom: 6px;
  right: 13px;
  color: #ffffff;
  background: #b9d969;
  padding: 7px 7px;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  line-height: 9px; }

.r-more:hover {
  color: #58585a;
  background: none; }

#home-cnt {
  height: 100%;
  width: 100%; }

@media (min-width: 992px) {
  #master {
    min-height: 390px; } }

.play #welcome {
  top: 3%;
  opacity: 0; }

.play #news-cnt {
  top: 80%;
  opacity: 0; }

.play #play {
  opacity: 0; }

.play #menu {
  color: #ffffff; }

.play #menu > a, .play #menu > div > a {
  opacity: 0.7; }

.play #menu > div:after {
  color: #ffffff;
  opacity: 0.7; }

.play .logo {
  opacity: 0; }

.play .logo_white {
  opacity: 0.7; }

.play #static:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7); }

#menu .menu-action {
  cursor: pointer; }

.prj-n {
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d4d4d4; }

.prj-cnt {
  max-height: 0;
  overflow: hidden; }
  .prj-cnt img {
    width: 236px;
    max-height: 120px; }
  @media (min-width: 992px) {
    .prj-cnt {
      margin-left: 55px; } }

.prj-cnt.open {
  max-height: 460px; }

.specification {
  max-height: 0;
  overflow: hidden; }

.specification.open {
  max-height: 780px; }
  @media (max-width: 991px) {
    .specification.open {
      max-height: none; } }

#header-bg, #welcome, #news-cnt, #play, #pause, #news-slider, #menu, .logo, #static, .dd, .prj-cnt, .specification, .form, .status-cover-container, .gallery-cnt > div, .phase-container, .specs, .specs-cnt, #slide_show, .slider_arr, #news, #movie-cnt, #yt_movie {
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out; }

.close #news-slider {
  height: 0;
  padding: 0 13px;
  border: 0; }

.close #yt_movie {
  height: 0;
  padding: 0 13px;
  border: 0; }

.mr10 {
  margin-right: 10px; }

.ml350 {
  margin-left: 350px; }

.content2 {
  max-width: 1280px;
  margin: 0 auto; }

.content3 {
  max-width: 1280px;
  margin: 0 auto; }

.ds-inb {
  display: inline-block;
  margin: 11px 0 0 11px; }

#space {
  height: 20px; }
  @media (min-width: 992px) {
    #space {
      height: 50px; } }
  @media (min-width: 1280px) {
    #space {
      height: 100px; } }

@media (min-width: 992px) {
  .right-content {
    margin-left: 180px; } }
@media (min-width: 1280px) {
  .right-content {
    margin-left: 260px; } }

section.text {
  padding: 15px 0; }
  @media (min-width: 768px) {
    section.text {
      padding: 20px 0; } }
  @media (min-width: 992px) {
    section.text {
      padding: 30px 0; } }
  @media (min-width: 1280px) {
    section.text {
      padding: 50px 0; } }

section.text_gallery {
  padding: 14px 0; }

section.image {
  background-attachment: fixed;
  height: 800px;
  background-size: cover;
  background-position: center; }

.section-1 {
  background-image: url(../img/sec-6.jpg); }

#map {
  background: url(../img/project/map.png);
  top: -267px;
  right: 10px; }

@media only screen and (min-width: 1320px) {
  #map {
    right: -30px; } }
#map, #map > div {
  background-position: -165px -10px;
  height: 730px;
  width: 660px;
  position: absolute; }

#map > div {
  opacity: 0; }

#map > div.hover, #map > div.show {
  opacity: 1; }

#map-cnt {
  position: relative;
  background: #f8fbf0;
  min-height: 510px;
  padding: 40px 0; }

#map2 {
  right: 0;
  top: 200px;
  max-width: 660px;
  position: relative; }
  @media (min-width: 992px) {
    #map2 {
      margin-top: -267px;
      float: right; } }
  #map2 .bg {
    opacity: 0.3;
    width: 100%; }

#map_view {
  display: none; }

@media (min-width: 1450px) {
  #map_view {
    left: 100%;
    top: 28%;
    position: absolute;
    white-space: nowrap;
    opacity: 0.7;
    display: block; } }
.view-plan-img {
  display: none !important; }

@media (min-width: 768px) {
  .section-2 {
    min-height: 320px; } }

.section-4 .content2 {
  min-height: 260px;
  position: relative; }

.mr215 {
  margin-right: 215px; }

.mr150 {
  margin-right: 150px; }

@-webkit-keyframes map-lyr {
  0% {
    opacity: 1; }
  40% {
    opacity: 0.2; }
  80% {
    opacity: 1; } }
@-moz-keyframes map-lyr {
  0% {
    opacity: 1; }
  40% {
    opacity: 0.2; }
  80% {
    opacity: 1; } }
@-ms-keyframes map-lyr {
  0% {
    opacity: 1; }
  40% {
    opacity: 0.2; }
  80% {
    opacity: 1; } }
@-o-keyframes map-lyr {
  0% {
    opacity: 1; }
  40% {
    opacity: 0.2; }
  80% {
    opacity: 1; } }
@keyframes map-lyr {
  0% {
    opacity: 1; }
  40% {
    opacity: 0.2; }
  80% {
    opacity: 1; } }
.cs-23 {
  width: 9.5%;
  height: 58%;
  top: 11%;
  left: 52.5%;
  position: absolute;
  cursor: pointer; }

.cs-24 {
  width: 11%;
  height: 64%;
  top: 13%;
  left: 59%;
  position: absolute;
  cursor: pointer; }

.cs-25 {
  width: 11%;
  height: 64%;
  top: 13%;
  left: 71.5%;
  position: absolute;
  cursor: pointer; }

.cs-26 {
  width: 11%;
  height: 64%;
  top: 13%;
  left: 84%;
  position: absolute;
  cursor: pointer; }

.cs-27 {
  width: 11%;
  height: 69%;
  top: 11%;
  left: 38.2%;
  position: absolute;
  cursor: pointer; }

.cs-28 {
  width: 11%;
  height: 64%;
  top: 12%;
  left: 48%;
  position: absolute;
  cursor: pointer; }

.cs-29 {
  width: 11%;
  height: 69%;
  top: 11%;
  left: 73.5%;
  position: absolute;
  cursor: pointer; }

.cs-30 {
  width: 11%;
  height: 59%;
  top: 12%;
  left: 34%;
  position: absolute;
  cursor: pointer; }

.cs-31 {
  width: 11%;
  height: 59%;
  top: 12%;
  left: 46.5%;
  position: absolute;
  cursor: pointer; }

.cs-32 {
  width: 11%;
  height: 59%;
  top: 12%;
  left: 59%;
  position: absolute;
  cursor: pointer; }

.cs-33 {
  width: 11%;
  height: 59%;
  top: 12%;
  left: 83%;
  position: absolute;
  cursor: pointer; }

.cs-34 {
  width: 11%;
  height: 59%;
  top: 11%;
  left: 59%;
  position: absolute;
  cursor: pointer; }

.cs-35 {
  width: 11%;
  height: 59%;
  top: 11%;
  left: 71.5%;
  position: absolute;
  cursor: pointer; }

.cs-36 {
  width: 11%;
  height: 59%;
  top: 11%;
  left: 84%;
  position: absolute;
  cursor: pointer; }
  
.cs-41{
	width: 17.5%;
    height: 64%;
    top: 17%;
    left: 62%; 
    position:absolute; 
    cursor:pointer; }
    
.cs-50{
	width: 20.5%;
    height: 69%;
    top: 3%;
    left: 47%;
    position:absolute; 
    cursor:pointer; }

.cs-51{
	width: 20.5%;
    height: 69%;
    top: 3%;
    left: 70%;
    position:absolute; 
    cursor:pointer; }


  
.cs-77{width: 9.5%;height: 58%;top: 11%;left: 74.5%; position:absolute; cursor:pointer; }


.map2-lyr {
  position: absolute;
  cursor: pointer; }

.map2-lyr.w {
  width: 11%;
  left: 45%;
  top: 37.2%;
  -webkit-animation: map-lyr 3s infinite;
  -moz-animation: map-lyr 3s infinite;
  -ms-animation: map-lyr 3s infinite;
  -o-animation: map-lyr 3s infinite;
  animation: map-lyr 3s infinite; }

.map2-lyr.e {
  width: 13%;
  left: 55%;
  top: 11%;
  -webkit-animation: map-lyr 3s infinite;
  -moz-animation: map-lyr 3s infinite;
  -ms-animation: map-lyr 3s infinite;
  -o-animation: map-lyr 3s infinite;
  animation: map-lyr 3s infinite;
  background-size: cover; }

.map2-lyr.r {
  width: 21.2%;
  left: 78.5%;
  top: 37.5%;
  -webkit-animation: map-lyr 3s infinite;
  -moz-animation: map-lyr 3s infinite;
  -ms-animation: map-lyr 3s infinite;
  -o-animation: map-lyr 3s infinite;
  animation: map-lyr 3s infinite;
  background-size: cover; }

@-webkit-keyframes project-location {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
@-moz-keyframes project-location {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
@-ms-keyframes project-location {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
@-o-keyframes project-location {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
@keyframes project-location {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }
.section-4 .content2 > .project-location {
  display: none;
  height: 8px;
  width: 8px;
  position: absolute;
  background: #b9d969;
  border-radius: 60%;
  top: 112px;
  right: 118px;
  -webkit-animation: project-location 3s infinite;
  -moz-animation: project-location 3s infinite;
  -ms-animation: project-location 3s infinite;
  -o-animation: project-location 3s infinite;
  animation: project-location 3s infinite; }
  @media (min-width: 992px) {
    .section-4 .content2 > .project-location {
      display: block; } }

.section-4 .fat16g {
  max-width: 565px; }

#map-cnt .content2 {
  position: relative; }

.section-5 {
  background-image: url(../img/sec-5.jpg); }

#slideshow {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%; }

@media (max-width: 1279px) {
  section.image {
    height: 650px; } }
@media (max-width: 991px) {
  section.image {
    height: 500px; } }
@media (max-width: 767px) {
  section.image {
    height: 300px; } }
.rotate {
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#footer.fixed {
  bottom: 0;
  position: fixed;
  left: 0;
  right: 0; }

.social a {
  display: block;
  height: 27px;
  width: 27px;
  margin-right: 32px;
  background-color: #b4d33d;
  float: left;
  border-radius: 60%;
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 992px) {
    .social a {
      margin-left: 32px;
      margin-right: auto; } }

.social a.twitter {
  background-image: url(../img/twitter.svg); }

.social a.facebook {
  background-image: url(../img/facebook.svg); }

.social a.insta {
  background-image: url(../img/insta.svg); }

#footer td {
  height: 27px;
  line-height: 27px; }

#to-top {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  border: 1px solid #6f7071;
  line-height: 28px; }

#to-top span {
  display: inline-block;
  border-left: 1px solid #6f7071;
  border-top: 1px solid #6f7071;
  height: 7px;
  width: 7px;
  position: absolute; }

#to-top > span > span {
  margin: 2px 0 0 2px; }

#to-top > span {
  position: absolute;
  left: 8px;
  top: 9px; }

.dd {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  max-height: 0;
  background-color: #414042;
  background-color: rgba(65, 64, 66, 0.9);
  z-index: 20;
  overflow: hidden; }
  .collapse-menu .dd {
    top: 50px; }
  @media (max-width: 1279px) {
    .dd {
      position: initial;
      float: left;
      width: 100%; } }

.dd.open {
  max-height: 360px; }
  @media (max-width: 1279px) {
    .dd.open {
      margin: 8px 0; } }

.play .dd {
  top: 101px; }

@media (max-width: 1279px) {
  .collapse .dd {
    top: 50px; } }

.dd-content {
  width: 780px;
  padding: 15px 0;
  height: 145px; }
  @media (max-width: 1279px) {
    .dd-content {
      width: auto;
      margin-left: 0;
      height: auto; } }

.dd-content a {
  padding: 5px 26px;
  display: inline-block;
  margin-top: 8px; }

.dd-content a:hover, .learn-more > a:hover {
  color: #b9d969; }

.learnmore {
  overflow: hidden;
  padding-top: 14px; }
  @media (max-width: 1279px) {
    .learnmore {
      display: none; } }

.learnmore > div {
  float: right; }

.lrn-ttl {
  position: relative;
  margin-bottom: 7px; }

.lrn-ttl span {
  position: absolute;
  display: block;
  height: 21px;
  width: 19px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  top: -12px;
  left: -10px; }

.line {
  width: 100%;
  border-top: 1px solid #ffffff;
  margin: 30px 0; }

.center {
  text-align: center; }

.dd-extra {
  padding-bottom: 25px; }
  @media (max-width: 1279px) {
    .dd-extra {
      display: none; } }

.dd-extra-mb {
  display: none !important; }
  @media (max-width: 1279px) {
    .dd-extra-mb {
      display: block !important;
      background: rgba(65, 64, 66, 0.9); }
      .dd-extra-mb div {
        color: #fff; } }

.dd-extra > a > div {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-left: 50px;
  margin: 0 45px;
  position: relative; }
  @media (max-width: 767px) {
    .dd-extra > a > div {
      display: block;
      margin: 0;
      text-align: left; } }

.shwmb {
  display: none !important; }
  @media (max-width: 767px) {
    .shwmb {
      display: block !important; } }

.dd-extra .cam::before {
  background-image: url(../img/gal.svg); }

.dd-extra .loc::before {
  background-image: url(../img/loc.svg); }

.dd-extra .test::before {
  background-image: url(../img/test.svg); }

.dd-extra > a > div::before {
  content: ' ';
  display: inline-block;
  background-size: 133px auto;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 45px;
  background-repeat: no-repeat;
  background-position: 5px center; }

.dd-extra > a > div:hover::before {
  background-position: center center; }

.resp100 {
  padding-top: 100%; }

.respprj {
  padding-top: 58%; }
  @media (min-width: 1280px) {
    .respprj {
      padding-top: 0%;
      height: 650px; } }

#map > div.apartment-zone {
  background-image: url(../img/project/apartment-zone.png); }

#map > div.commercial {
  background-image: url(../img/project/commercial.png); }

#map > div.existing-villas {
  background-image: url(../img/project/existing-villas.png); }

#map > div.focal-interest {
  background-image: url(../img/project/focal-interest.png); }

#map > div.vehicular-road {
  background-image: url(../img/project/vehicular-road.png); }

#map > div.future-extensions-of-existing-villas {
  background-image: url(../img/project/future-extensions-of-existing-villas.png); }

#map > div.green {
  background-image: url(../img/project/green.png); }

#map > div.hospitality {
  background-image: url(../img/project/hospitality.png); }

#map > div.new-villas-zone {
  background-image: url(../img/project/new-villas-zone.png); }

#map article {
  display: block;
  position: absolute;
  top: 15px;
  left: -212px; }

#map article > div {
  padding-bottom: 1px;
  cursor: pointer; }

#map article > div:hover, #map article > div.selected {
  background: #eeeeee; }

#map article span {
  display: block;
  float: left;
  height: 7px;
  width: 20px;
  background: red;
  margin: 7px 7px 0 0; }

#map article > div[data-rel="apartment-zone"] span {
  background-color: #fca699; }

#map article > div[data-rel="existing-villas"] span {
  background-color: #f2d9c9; }

#map article > div[data-rel="future-extensions-of-existing-villas"] span {
  background-color: #b16d99; }

#map article > div[data-rel="new-villas-zone"] span {
  background-color: #5f9eaa; }

#map article > div[data-rel="hospitality"] span {
  background-color: #f3c851; }

#map article > div[data-rel="green"] span {
  background-color: #b8d4b3; }

#map article > div[data-rel="commercial"] span {
  background-color: #e1871a; }

#map article > div[data-rel="focal-interest"] span {
  background-color: #000000;
  border-radius: 60%;
  width: 10px;
  height: 10px;
  margin: 4px 11px 0 6px; }

#map article > div[data-rel="vehicular-road"] span {
  background-color: #d7d7d7; }

.builded-area {
  position: absolute;
  opacity: 0; }

.builded-area.hover {
  opacity: 1; }

.loc-name {
  position: absolute;
  padding: 3px 7px;
  line-height: 16px;
  border: 1px solid transparent; }

.loc-name.hashover {
  background: #b9d969;
  cursor: pointer; }

.ev-od section:nth-child(even) {
  background: #f2f2f3; }

.quot {
  line-height: 20px; }

.quot:before, .quot:after {
  color: #b9d969;
  font-size: 40px;
  font-family: RomainBPTextRegular,Tahoma, Geneva, sans-serif;
  line-height: 32px;
  height: 16px;
  display: inline-block;
  overflow: hidden;
  margin: 0 5px; }

.quot:before {
  content: '“'; }

.quot:after {
  content: '”'; }

.to-line {
  margin-top: 16px;
  display: inline-block; }

.mb10 {
  margin-bottom: 10px; }

.w .types > div {
  margin-top: 60px;
  border-left: 1px solid #bfc0c2;
  padding: 0 85px;
  float: left;
  opacity: 0.3;
  cursor: pointer; }

.east_height .types > div {
  margin-top: 60px;
  border-left: 1px solid #bfc0c2;
  padding: 0 54px;
  float: left;
  opacity: 0.3;
  cursor: pointer; }

.ridge_project .types > div {
  margin-top: 60px;
  border-left: 1px solid #bfc0c2;
  padding: 0 54px;
  float: left;
  opacity: 0.3;
  cursor: pointer; }

.types > div.open {
  opacity: 1; }

.types > div:first-child {
  padding-left: 0;
  border-left: 0; }

.types > div:last-child {
  padding-right: 0; }

.square {
  font-size: 50%;
  line-height: 10px; }

.specs {
  max-height: 0;
  background: #f8fbf0; }

.specs .specs-cnt {
  max-height: 0;
  overflow: hidden; }

.specs.open, .specs.open .specs-cnt {
  max-height: 510px; }
  @media (max-width: 991px) {
    .specs.open, .specs.open .specs-cnt {
      max-height: none; } }

.specs .left {
  margin-bottom: 20px; }
  @media (min-width: 992px) {
    .specs .left {
      margin-left: 4%;
      float: left;
      width: 23%;
      height: 510px; } }

.specs .right {
  float: left;
  width: 830px;
  height: 510px;
  background-position: center; }

.r-fls {
  cursor: pointer;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #b9d969;
  display: inline-block;
  margin-top: 8px;
  margin-left: 5px;
  -webkit-user-select: none;
  user-select: none;
  -moz-user-select: none; }

.r-fls > * {
  height: 12px;
  width: 12px;
  -webkit-transform-origin: center;
  -webkit-transform: rotate(45deg);
  -moz-transform-origin: center;
  -moz-transform: rotate(45deg);
  -ms-transform-origin: center;
  -ms-transform: rotate(45deg);
  -o-transform-origin: center;
  -o-transform: rotate(45deg);
  transform-origin: center;
  transform: rotate(45deg); }

.r-fls > div {
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  margin: 9px 7px; }

.r-fls > span {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin: 9px 11px;
  display: inline-block; }

.zoom {
  border: 1px solid #6f7070;
  width: 600px;
  max-width: 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  background: no-repeat right center rgba(255, 255, 255, 0.85); }
  .zoom img {
    width: 100%; }

.hide-sc {
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 0.5s linear;
  -webkit-transform: translate(-50%, -50%) scale(0, 0);
  -moz-transition: all 0.5s linear;
  -moz-transform: translate(-50%, -50%) scale(0, 0);
  -ms-transition: all 0.5s linear;
  -ms-transform: translate(-50%, -50%) scale(0, 0);
  -o-transition: all 0.5s linear;
  -o-transform: translate(-50%, -50%) scale(0, 0);
  transition: all 0.5s linear;
  transform: translate(-50%, -50%) scale(0, 0); }

.zoom.show, .view-plan.show, .news-zoom.show, .view-detail.show, .view-construction.show, .view-news.show {
  -webkit-transform: translate(-50%, -50%) scale(1, 1);
  -moz-transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%) scale(1, 1);
  -o-transform: translate(-50%, -50%) scale(1, 1);
  transform: translate(-50%, -50%) scale(1, 1);
  z-index: 8; }

.close-box {
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 10;
  color: #6f6f6f;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  cursor: pointer;
  padding: 5px 11px; }

.close-box:hover {
  color: #242424; }

.layer-j-1 {
  position: absolute;
  width: 100%;
  height: 40%;
  top: 0;
  cursor: pointer; }

.layer-j-2 {
  position: absolute;
  width: 100%;
  height: 30%;
  top: 40%;
  cursor: pointer; }

.layer-j-3 {
  position: absolute;
  width: 100%;
  height: 30%;
  top: 70%;
  cursor: pointer; }

.layer-j-4 {
  position: absolute;
  width: 43%;
  height: 50%;
  top: 0%;
  cursor: pointer; }

.layer-j-5 {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0%;
  left: 43%;
  cursor: pointer; }

.layer-j-6 {
  position: absolute;
  width: 100%;
  height: 50%;
  top: 50%;
  cursor: pointer; }

.details {
  height: 135px;
  overflow: auto; }

.line2 {
  border-top: 1px solid #999999;
  width: 115px; }

.btn1 {
  background: #b9b9b9;
  height: 22px;
  line-height: 22px;
  min-width: 20px;
  text-align: center;
  padding: 0 8px;
  color: #ffffff;
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 13px;
  display: inline-block;
  cursor: pointer;
  margin-top: 10px; }

.fls2 {
  -webkit-transform: scale(0.85, 0.85);
  -moz-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85); }

.fls3 {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7); }

.mt10 {
  margin-top: 10px; }

.specs > .content3 {
  position: relative;
  height: 100%; }

.view-plan {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #000000;
  position: fixed;
  width: 750px;
  max-width: 100%;
  top: 50%;
  left: 50%; }

.view-detail {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #000000;
  position: fixed;
  width: 800px;
  max-width: 90%;
  top: 50%;
  left: 50%; }

.view-construction {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #000000;
  position: fixed;
  width: 1065px;
  max-width: 100%;
  top: 50%;
  left: 50%; }

.view-news {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #000000;
  position: fixed;
  width: 453px;
  left: 50%;
  top: 50%;
  max-width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate(-50%, -50%) scale(0, 0);
  -moz-transform: translate(-50%, -50%) scale(0, 0);
  -ms-transform: translate(-50%, -50%) scale(0, 0);
  -o-transform: translate(-50%, -50%) scale(0, 0);
  transform: translate(-50%, -50%) scale(0, 0); }

.plan_image_cont {
  position: relative;
  background-position: center;
  background-repeat: no-repeat; }

.plan_image_cont .plan_btn {
  cursor: pointer;
  position: absolute;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.plan_image_cont .plan_btn:hover {
  background: rgba(0, 0, 0, 0.1); }

.image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 40%; }

.image_detail {
  width: 800px;
  max-width: 100%;
  padding-top: 48%; }

.plan-btns {
  display: none; }
  @media (min-width: 992px) {
    .plan-btns {
      position: absolute;
      bottom: 30px;
      right: 35px;
      width: 120px;
      display: block; } }

.fr {
  float: right; }

.plan-arr {
  cursor: pointer; }

.main-arr-1 {
  cursor: pointer; }

.main-arr-2 {
  cursor: pointer; }

.main-arr-3 {
  cursor: pointer; }

.main-arr-4 {
  cursor: pointer; }

.main-arr-5 {
  cursor: pointer; }

.main-arr-6 {
  cursor: pointer; }

.det-arr {
  cursor: pointer; }

.gn-line {
  width: 63px;
  border-bottom: 1px solid #acd45c; }

.clear {
  clear: both; }

.big-button {
  border: 1px solid #808080;
  padding: 15px 9px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 8; }

.big-button .fab35g {
  line-height: 29px; }

.mt40 {
  margin-top: 40px; }

#media-cnt {
  margin-top: 43px; }

#media-cnt > .left {
  width: 222px;
  float: left;
  background-size: cover;
  background-position: center;
  height: 136px;
  cursor: pointer; }

#media-cnt > .right {
  width: 450px;
  float: left;
  margin-left: 25px;
  height: 136px;
  overflow: hidden; }
  @media (max-width: 1279px) {
    #media-cnt > .right {
      width: 100%;
      margin-left: 0px;
      height: auto; } }

#videos-big-container, #news-big-container {
  background: #b9d969;
  height: 160px;
  padding: 15px 0;
  width: 127%;
  overflow: hidden; }
  @media (max-width: 991px) {
    #videos-big-container, #news-big-container {
      width: 100%;
      height: 100%; } }

.news-container {
  width: 765px;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  height: 170px;
  float: left; }
  @media (max-width: 991px) {
    .news-container {
      white-space: normal;
      text-align: center; } }

.news-item {
  width: 130px;
  height: 130px;
  margin-right: 30px;
  border: 1px dashed #ffffff;
  display: inline-block;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  position: relative; }
  @media (max-width: 991px) {
    .news-item {
      margin: 0 10px; } }

.arrow-cnt {
  height: 130px;
  width: 60px;
  float: left; }
  @media (max-width: 767px) {
    .arrow-cnt {
      display: none; } }

.arrow-circle {
  height: 45px;
  width: 45px;
  background: #ffffff;
  border-radius: 60%;
  overflow: hidden;
  margin-top: 40px;
  margin-left: 6px;
  cursor: pointer; }

.arrow-circle.lt > div {
  border-bottom: 3px solid #b9d969;
  border-left: 3px solid #b9d969;
  height: 16px;
  width: 16px;
  margin: 13px 16px; }

.arrow-circle.rt > div {
  border-top: 3px solid #b9d969;
  border-right: 3px solid #b9d969;
  height: 16px;
  width: 16px;
  margin: 13px 10px; }

.news-zoom {
  border: 10px solid #cdcdcd;
  height: 455px;
  width: 825px;
  position: absolute;
  background-size: cover;
  background-position: center;
  z-index: 10;
  -webkit-transform-origin: 30px 30px; }

@media only screen and (max-width: 1450px) {
  .news-container {
    width: 623px; }

  .news-zoom {
    width: 700px; } }
@media only screen and (max-width: 1130px) {
  .news-container {
    width: 461px; }

  .news-zoom {
    width: 550px; } }
@media (max-width: 991px) {
  .news-container {
    width: auto;
    height: auto;
    overflow: auto; } }

.phase {
  display: inline-block;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #000000;
  line-height: 30px;
  cursor: pointer;
  opacity: 0.3;
  width: 100%; }
  @media (min-width: 768px) {
    .phase {
      width: auto; }
      .phase.lft {
        float: left; }
      .phase.cntr {
        text-align: center;
        margin: 0 auto; }
      .phase.rght {
        float: right; } }

.phase.active {
  opacity: 1; }

.phase > span {
  display: inline-block;
  width: 55px;
  border-top: 1px solid #000000;
  float: right;
  margin-right: -10px; }

.gallery-cnt {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .gallery-cnt {
      height: 300px; } }
  @media (min-width: 992px) {
    .gallery-cnt {
      height: 400px; } }
  @media (min-width: 1280px) {
    .gallery-cnt {
      height: 500px; } }

.gallery-cnt > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media (min-width: 768px) {
    .gallery-cnt > div {
      width: 70%;
      margin-left: 15%; } }

.gallery-cnt > div.show {
  opacity: 1;
  z-index: 1; }

.gallery-cnt > span > span {
  font-size: 12px;
  line-height: 26px; }

.gall-img {
  padding-top: 66%;
  background: center top/contain no-repeat; }

.status {
  width: 100%;
  margin-top: 22px;
  display: table;
  table-layout: fixed;
  height: 9px; }

.status > div {
  border-left: 1px solid #b9d969;
  height: 9px;
  display: table-cell;
  cursor: pointer; }

.status > div > div {
  background: #b9d969;
  margin-top: 4px;
  height: 1px; }

.status > div:last-child {
  border-right: 1px solid #b9d969; }

.gal-pos {
  top: 22px;
  color: #0d0d0d;
  font-size: 20px;
  line-height: 20px;
  font-family: AileronThin,Tahoma, Geneva, sans-serif;
  font-weight: bold;
  display: block;
  text-align: center; }
  @media (min-width: 768px) {
    .gal-pos {
      position: absolute; } }

.status-cover-container {
  margin-top: -9px;
  width: 50%;
  overflow: hidden; }

.status.cover {
  margin-top: 0px; }

.status > div.curent ~ div {
  border-left: 1px solid #8f8f91; }

.status > div.curent ~ div > div {
  background: #8f8f91; }

.status > div.curent ~ div:last-child {
  border-right: 1px solid #8f8f91; }

#gallery-arrows-container {
  color: #4a4a4a;
  text-align: center; }
  @media (min-width: 992px) {
    #gallery-arrows-container {
      top: 44px;
      left: 60px;
      position: absolute; } }

#gallery-arrows-container > div {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

#gallery-arrows-container > div:hover {
  color: #b9d969; }

.phase-container {
  max-height: 0;
  overflow: hidden; }
  .phase-container.show {
    max-height: 235px; }
    @media (min-width: 768px) {
      .phase-container.show {
        max-height: 335px; } }
    @media (min-width: 992px) {
      .phase-container.show {
        max-height: 435px; } }
    @media (min-width: 1280px) {
      .phase-container.show {
        max-height: 535px; } }

.dd-box {
  display: inline-block;
  float: right; }
  @media (max-width: 1279px) {
    .dd-box {
      display: block;
      float: none;
      margin-right: 0;
      padding: 0 15px; } }

.reachus {
  overflow: hidden; }

.reachus .left {
  float: left;
  width: 296px; }

.reachus .right {
  float: right;
  width: 100%; }
  @media (min-width: 992px) {
    .reachus .right {
      width: 452px;
      border-right: 1px solid #a8a8a8; } }

#map-canvas {
  height: 100%;
  left: 0;
  top: 0;
  padding-top: 62%; }

.line-l {
  width: 110px;
  border-bottom: 1px solid #a8a8a8; }

.line-r {
  border-bottom: 1px solid #a8a8a8; }

.lh38 {
  line-height: 38px;
  margin-top: 10px;
  display: inline-block; }

.reachus .social {
  margin: 10px 15px 15px 0;
  float: left; }
  @media (min-width: 992px) {
    .reachus .social {
      margin: 10px 15px 15px;
      float: right; } }

.right-reach {
  float: left;
  padding: 10px 0;
  text-align: left;
  border-bottom: 1px solid #d9d9d9; }
  @media (min-width: 992px) {
    .right-reach {
      float: right;
      padding: 10px 15px; } }

.rqt-vst {
  padding-right: 85px;
  float: right;
  background: url(../img/car.png) no-repeat right;
  height: 22px;
  margin: 10px;
  line-height: 26px;
  display: none;
  cursor: pointer; }
  @media (min-width: 992px) {
    .rqt-vst {
      display: block; } }

.gry-sc {
  background: #b3aba8;
  min-height: 500px;
  overflow: hidden; }

.gry-sc .left {
  width: 180px;
  float: left;
  padding: 25px 10px;
  margin-left: 45px; }

.gry-sc .left img {
  margin: 15px auto 34px auto; }

.gry-sc .right {
  width: 820px;
  float: left;
  position: relative;
  overflow: hidden;
  max-width: 100%; }
  @media (max-width: 1279px) {
    .gry-sc .right {
      width: 100%; } }

.cm-ttl {
  color: #b9d969;
  margin-top: 20px; }
  @media (min-width: 992px) {
    .cm-ttl {
      margin-top: 102px; } }

.form {
  background: rgba(255, 255, 255, 0.95);
  padding: 15px 20px; }
  @media (min-width: 992px) {
    .form {
      padding: 30px 40px;
      position: absolute;
      top: 0;
      z-index: 1; } }
  @media (max-width: 991px) {
    .form .close {
      display: none; } }

.form.close {
  top: -310px; }

.grn-ln {
  max-width: 585px;
  border-bottom: 1px solid #b1c75b;
  margin: 10px 20px; }

.inb {
  display: inline-block; }

.gry-sc .close {
  cursor: pointer; }

.form-cnt {
  margin: 30px 0 0 0; }

.inpt {
  width: 324px;
  padding-left: 20px;
  background: #e7e8e9;
  border: 1px solid #e7e8e9;
  height: 30px;
  margin: 0 15px 20px 0;
  max-width: 93%; }

::-webkit-input-placeholder {
  color: #58585a;
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 12px; }

:-moz-placeholder {
  color: #58585a;
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 12px; }

::-moz-placeholder {
  color: #58585a;
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 12px; }

:-ms-input-placeholder {
  color: #58585a;
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 12px; }

.sbmt {
  background: #b9d969;
  padding: 0 10px;
  height: 20px;
  color: #ffffff;
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 12px;
  cursor: pointer;
  border: 0;
  margin-right: 16px; }
  @media (min-width: 768px) {
    .sbmt {
      float: right;
      margin-top: 60px; } }


.play {
  left: 40%;
  opacity: 0; }

.play .slider_arr {
  left: 40%;
  opacity: 0; }

.play .fullscreen {
  left: 100%;
  opacity: 0; }

.error {
  border: 1px solid red; }

label.error {
  display: none !important; }

.learn-more > * {
  display: inline-block;
  padding: 3px 10px; }

.image_main_4 {
  background-size: cover;
  width: 100%;
  background-position: center;
  float: left;
  position: relative;
  top: -38px; }

.image_main_1, .image_main_2, .image_main_3, .image_main_5, .image_main_7, .image_main_8 {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position: top left;
  position: relative;
  top: -38px; }
  @media (min-width: 992px) {
    .image_main_1, .image_main_2, .image_main_3, .image_main_5, .image_main_7, .image_main_8 {
      float: left;
      width: 73%; } }
  .image_main_1 > div, .image_main_2 > div, .image_main_3 > div, .image_main_5 > div, .image_main_7 > div, .image_main_8 > div {
    padding-top: 61%; }

.image_main_6 {
  background-size: contain;
  width: 100%;
  padding-top: 30%;
  background-position: center;
  float: left;
  position: relative;
  background-repeat: no-repeat; }
  @media (min-width: 992px) {
    .image_main_6 {
      width: 90%; } }
  @media (min-width: 1280px) {
    .image_main_6 {
      width: 80%; } }

.name_plan {
  top: 37px;
  position: absolute;
  left: 127px;
  height: 18px;
  border: none;
  text-transform: uppercase;
  width: 200px; }

.image_plan {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 580px; }

.hide-div {
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: translate(-50%, -50%) scale(0, 0);
  -moz-transform: translate(-50%, -50%) scale(0, 0);
  -ms-transform: translate(-50%, -50%) scale(0, 0);
  -o-transform: translate(-50%, -50%) scale(0, 0);
  transform: translate(-50%, -50%) scale(0, 0); }

.mt15 {
  margin-top: 15px; }

.background_full {
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(6, 0, 63, 0.3) 0%, rgba(229, 229, 229, 0.2) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(6, 0, 63, 0.3)), color-stop(100%, rgba(229, 229, 229, 0.2)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(6, 0, 63, 0.3) 0%, rgba(229, 229, 229, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(6, 0, 63, 0.3) 0%, rgba(229, 229, 229, 0.2) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(6, 0, 63, 0.3) 0%, rgba(229, 229, 229, 0.2) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(6, 0, 63, 0.3) 0%, rgba(229, 229, 229, 0.2) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#33e5e5e5',GradientType=0 );
  position: fixed;
  top: 0;
  z-index: 1; }

.image_news {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 79%;
  position: relative;
  z-index: -1; }

.close-news {
  position: absolute;
  top: 0;
  right: 5px;
  color: #333;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  cursor: pointer; }

.close-news:hover {
  color: #b9d969; }

.yticon {
  width: 32px;
  height: 32px;
  border-radius: 38px;
  border: 2px solid #808080;
  float: left;
  margin-right: 10px;
  background-image: url(../img/play.png);
  background-position: center;
  background-size: cover; }

.dev_title {
  padding: 5px 0;
  line-height: 30px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 30px;
  float: left; }

.mtm {
  margin-top: -13px; }

.mlm {
  margin-left: -15px; }

.al_right {
  float: right; }

.mt100 {
  margin-top: 100px; }

.news-nav {
  position: absolute; }

.pic_bottom {
  background-position: bottom; }

.cmnty_text {
  max-width: 800px;
  margin: 0 auto;
  text-align: justify; }

.logo_matta {
  width: 135px;
  height: 44px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 10px 0 25px 0; }

.bold {
  font-weight: bold; }

.test {
  cursor: default; }

.mt32 {
  margin-top: -32px; }

.mt20 {
  margin-top: 20px; }

.intro_proj {
  display: none; }

.intro_proj.show {
  display: block; }

.slider_arr {
  height: 45px;
  width: 45px;
  background: #ffffff;
  border-radius: 60%;
  overflow: hidden;
  top: 50%;
  cursor: pointer;
  position: absolute;
  z-index: 8;
  opacity: 0.7; }

.slider_arr.left {
  left: 5%;
  right: auto; }

.slider_arr.right {
  right: 5%;
  left: auto; }

.slider_arr.left > div {
  border-bottom: 3px solid #b9d969;
  border-left: 3px solid #b9d969;
  height: 16px;
  width: 16px;
  margin: 13px 16px; }

.slider_arr.right > div {
  border-top: 3px solid #b9d969;
  border-right: 3px solid #b9d969;
  height: 16px;
  width: 16px;
  margin: 13px 10px; }

.slider_arr.left > div:hover {
  border-bottom: 3px solid #000000;
  border-left: 3px solid #000000; }

.slider_arr.right > div:hover {
  border-top: 3px solid #000000;
  border-right: 3px solid #000000; }

.slider_btn {
  width: 7px;
  height: 7px;
  border-radius: 6px;
  background: #b9d969;
  float: left;
  margin: 2px;
  cursor: pointer; }

.slider_btn:hover {
  background: #ffffff; }

.slider_btn.selected {
  background: #ffffff; }

.button_container {
  position: absolute;
  bottom: 20px;
  top: auto;
  left: 50px;
  right: auto;
  z-index: 10; }

.icon_new {
  width: 25px;
  height: 25px;
  border: 2px solid #737373;
  border-radius: 50%;
  margin-right: 20px;
  float: left;
  background: url(../img/news.png);
  background-position: center; }

.whatsnew {
  line-height: 27px;
  text-transform: uppercase; }

#yt_movie {
  background: #000000;
  overflow: hidden; }

#yt_movie > span {
  position: absolute;
  color: #7c7c7c;
  font-family: AileronRegular,Tahoma, Geneva, sans-serif;
  font-size: 11px;
  top: 8px;
  right: 8px;
  cursor: pointer; }

#icons_cont {
  position: absolute;
  bottom: 22%; }

.bg_cover {
  width: 100%;
  /* height: 100%; */
  background: #ffffff;
  opacity: 0;
  display: none;
  position: fixed;
  top: 37px;
  z-index: 10;
  bottom: 0; }

.movie_cnt_find_home {
  left: 320px !important;
  bottom: 54% !important; }

.close #yt_movie > span {
  display: none; }

.newsandEvent {
  padding-top: 30px !important;
  overflow-x: hidden; }

@media (max-width: 1279px) {
  #header-bg, #static {
    height: 50px !important; }

  #menu {
    margin-top: 0 !important; }

  .logo {
    height: 40px !important;
    background-position: -10px 46px !important; } }
.icon-bar {
  background: #b9d969; }

.social-btm a {
  margin: 0; }

.home-slideshow {
  position: absolute !important; }

.video_icon {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/play_w.png) center/50px no-repeat rgba(0, 0, 0, 0.35); }

a {
  outline: none; }

.inpt-sl {
  width: 100%;
  height: 35px;
  border: 1px solid #b9d969; }

/*# sourceMappingURL=css.css.map */
#menu > a,
#menu > div > .menu-action {
  font-size: 18px !important;
  font-weight: 600;
}
.social .facebook,
.social .instagram,
.social .youtube {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}

.social .facebook {
    background-image: url('../img/facebook.png'); /* already used */
}

.social .instagram {
    background-image: url('../img/instagram.png');
}

.social .youtube {
    background-image: url('../img/youtube.png');
}
/* --- Scroll to Top Icon --- */
#to-top .wide-arrow {
    display: inline-block;
    width: 48px; /* double the social icon width */
    height: 24px;
    background-image: url('../img/straight.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    margin-left: 10px;
}
.social-btm {
    display: flex;
    gap: 10px;
}


/* Make them large and consistent */
.social-icon.large {
    width: 50px;
    height: 50px;
}

/* Specific Icons */
.social-icon.facebook {
    background-image: url('../img/facebook.png');
}

.social-icon.instagram {
    background-image: url('../img/instagram.png');
}

.social-icon.youtube {
    background-image: url('../img/youtube.png');
}
.social-icon.scrolltop {
    background-image: url('../img/arrow.png');
    background-size: 30%;
}
/* Reset */
.custom-footer {
    padding: 15px 0;
    background: #fff;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Sections */
.footer-left,
.footer-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-center {
    text-align: center;
}

/* Logo */
.footer-logo {
    max-height: 50px;
    display: block;
    margin: 0 auto;
}

/* Text */
.footer-copy {
    margin-top: 8px;
    font-size: 14px;
    color: #333;
}

/* Social icons */
.social-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: none;
    transition: transform 0.2s ease;
}

.social-icon:hover {
    transform: scale(1.1);
}

.social-icon.facebook {
    background-image: url('../img/facebook.png');
}

.social-icon.instagram {
    background-image: url('../img/instagram.png');
}

.social-icon.youtube {
    background-image: url('../img/youtube.png');
}
.social-icon.scrolltop {
    background-image: url('../img/arrow.png');
    background-size: 100%;
}

/* --- Reach Us Page Redesign --- */

.reachus-hero {
  background: #b9d969;
  color: white;
  padding: 60px 20px;
  text-align: center;
  height: 400px;
}

.page-title {
  font-size: 36px;
  margin-bottom: 10px;
}

.subtitle {
  font-size: 18px;
  opacity: 0.9;
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px;
}

.contact-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
}

.contact-card, .contact-form {
  flex: 1;
  min-width: 300px;
}

.section-heading {
  font-size: 22px;
  margin-bottom: 20px;
}

.contact-list {
  list-style: none;
  padding: 0;
  font-size: 16px;
  line-height: 1.8;
}

.contact-list a {
  color: #2b2d42;
  text-decoration: underline;
}

.social-icons {
  margin-top: 20px;
}

.social-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.social-icon.facebook {
  background-image: url('../img/facebook.png');
}

.social-icon.instagram {
  background-image: url('../img/instagram.png');
}

.social-icon.youtube {
  background-image: url('../img/youtube.png');
}

.contact-form form input,
.contact-form form textarea {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

.contact-form form textarea {
  resize: vertical;
  min-height: 100px;
}

.contact-form form button {
  background-color: #2b2d42;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.contact-form form button:hover {
  background-color: #1e1f2d;
}

.reachus-map {
  height: 400px;
  width: 100%;
  margin-top: 60px;
}

#map-canvas {
  width: 100%;
  height: 100%;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-grid {
    flex-direction: column;
  }

  .page-title {
    font-size: 28px;
  }

  .section-heading {
    font-size: 20px;
  }
}
.reachus-hero {
  background: #b9d969;
  background-size: cover;
  padding: 100px 20px;
  color: white;
  text-align: center;
  position: relative;
}

.reachus-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #b9d969;
  z-index: 1;
}

.reachus-hero .container {
  position: relative;
  z-index: 2;
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 30px 15px;
}

.contact-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
}

.contact-card, .contact-form {
  flex: 1;
  min-width: 300px;
}

.section-heading {
  font-size: 22px;
  font-weight: bold;
  color: #6fb93b;
  margin-bottom: 20px;
}


.contact-list {
  list-style: none;
  padding: 0;
  font-size: 16px;
  line-height: 1.8;
}

.contact-list a {
  color: #2b2d42;
  text-decoration: underline;
}

.social-icons {
  margin-top: 20px;
}

.social-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.social-icon.facebook {
  background-image: url('../img/facebook.png');
}

.social-icon.whatsapp {
  margin-left: 5px;
  background-image: url('../img/whatsapp.png');
}
.social-icon.instagram {
  background-image: url('../img/instagram.png');
}

.social-icon.youtube {
  background-image: url('../img/youtube.png');
}
.contact-form form input,
.contact-form form textarea {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

.contact-form form textarea {
  resize: vertical;
  min-height: 100px;
}

.contact-form form button {
  background-color: #2b2d42;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.contact-form form button:hover {
  background-color: #1e1f2d;
}

/* Google Maps Link Section */
.location-link {
  margin-top: 25px;
  display: flex;
  align-items: center;
}

.location-link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #2b2d42;
  font-weight: bold;
  transition: color 0.2s ease;
}

.location-link a:hover {
  color: #4e6fae;
}

.map-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-grid {
    flex-direction: column;
  }
}

/* HERO SLIDER */
.community-hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.community-slider {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  animation: fadeSlider 50s infinite;
}

.community-slider .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.community-slider .slide:nth-child(1) { animation: slideFade 45s infinite 0s; }
.community-slider .slide:nth-child(2) { animation: slideFade 45s infinite 5s; }
.community-slider .slide:nth-child(3) { animation: slideFade 45s infinite 10s; }
.community-slider .slide:nth-child(4) { animation: slideFade 45s infinite 15s; }
.community-slider .slide:nth-child(5) { animation: slideFade 45s infinite 20s; }
.community-slider .slide:nth-child(6) { animation: slideFade 45s infinite 25s; }
.community-slider .slide:nth-child(7) { animation: slideFade 45s infinite 30s; }
.community-slider .slide:nth-child(8) { animation: slideFade 45s infinite 35s; }
.community-slider .slide:nth-child(9) { animation: slideFade 45s infinite 40s; }

@keyframes slideFade {
  0% { opacity: 0; }
  5% { opacity: 1; }
  25% { opacity: 1; }
  30% { opacity: 0; }
  100% { opacity: 0; }
}

.overlay-text {
  position: relative;
  z-index: 2;
  text-align: center;
  top: 45%;
  transform: translateY(-50%);
  color: white;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}

.overlay-text .main-title {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 15px;
}

.hero-subtitle {
  font-size: 20px;
}

/* HIGHLIGHTS */
.community-highlights {
  padding: 60px 15px;
  background: #f9f9f9;
}

.highlight-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
}

.highlight {
  flex: 1;
  min-width: 280px;
  background: white;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  text-align: center;
}

.highlight h3 {
  color: #6fb93b; /* your green */
  margin-bottom: 10px;
}

/* DESCRIPTION */
.community-description {
  padding: 40px 15px;
  font-size: 17px;
  line-height: 1.7;
  color: #444;
}

/* CALL TO ACTION */
.community-cta {
  background-color: #b9d969;
  padding: 60px 15px;
  text-align: center;
  color: white;
}

.community-cta h2 {
  margin-bottom: 10px;
  font-size: 28px;
}

.btn-visit {
  margin-top: 15px;
  display: inline-block;
  background: white;
  color: #6fb93b;
  padding: 12px 25px;
  font-weight: bold;
  border-radius: 30px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.btn-visit:hover {
  background: #e6ffe0;
}

/* Responsive */
@media (max-width: 768px) {
  .highlight-grid {
    flex-direction: column;
  }
  .overlay-text .main-title {
    font-size: 28px;
  }
}
/* HERO */
.developer-hero {
  background: linear-gradient(to right, #6fb93b, #a3cd74);
  padding: 60px 15px;
  text-align: center;
  color: white;
}

.developer-title {
  font-size: 36px;
  font-weight: bold;
}

.developer-subtitle {
  font-size: 18px;
  margin-top: 10px;
}

/* QUOTE BOX */
.developer-message .quote-box {
  background: #f7f7f7;
  padding: 40px 30px;
  border-left: 5px solid #6fb93b;
  margin: 40px auto;
  font-size: 17px;
  line-height: 1.8;
  max-width: 900px;
}

.quote-box .quote {
  margin-bottom: 20px;
  position: relative;
  padding-left: 25px;
}

.quote-box .quote::before {
  content: "“";
  font-size: 32px;
  color: #6fb93b;
  position: absolute;
  left: 0;
  top: -10px;
}

.chairman-signature {
  font-style: italic;
  text-align: right;
  color: #555;
}

/* OVERVIEW */
.developer-overview {
  margin-top: 40px;
  padding: 20px 15px;
}

.overview-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}

.developer-logo {
  flex: 1;
  min-width: 200px;
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.overview-text {
  flex: 2;
}

.overview-text h2 {
  color: #6fb93b;
  font-size: 24px;
  margin-bottom: 15px;
}

/* VALUES SECTION */
.developer-values {
  background: #f0f4ec;
  padding: 60px 15px;
  margin-top: 60px;
  text-align: center;
}

.developer-values h2 {
  font-size: 28px;
  margin-bottom: 30px;
  color: #6fb93b;
  font-weight: bold;
}

.value-cards {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.value-card {
  background: white;
  padding: 25px;
  border-radius: 10px;
  width: 260px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.value-card h3 {
  color: #6fb93b;
  font-size: 20px;
  margin-bottom: 10px;
}
.gallery-hero {
  background-size: cover;
  background-position: center;
  padding: 80px 0px;
  color: rgba(0,0,0,0.7);
  text-shadow: 0 0 10px #b9d969;
}

.gallery-title {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
}

.gallery-subtitle {
  font-size: 18px;
  font-weight: 300;
}

.gallery-tabs {
  background: #f9f9f9;
  padding: 20px 0;
}

.gallery-tabs .tab-btn {
  background: none;
  border: 2px solid #b9d969;
  color: #333;
  padding: 10px 25px;
  margin: 0 10px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 3px;
  transition: 0.3s;
}

.gallery-tabs .tab-btn.active,
.gallery-tabs .tab-btn:hover {
  background: #b9d969;
  color: white;
}

.gallery-content {
  padding: 40px 0;
}

.gallery-grid {
  display: none;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.gallery-grid.active {
  display: flex;
}

.gallery-item {
  width: 300px;
  height: 200px;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  transition: transform 0.3s ease;
}

.gallery-item:hover {
  transform: scale(1.03);
}

.gallery-videos {
  background: #f0f0f0;
  padding: 60px 0;
}

.video-title {
  text-align: center;
  font-size: 30px;
  color: #333;
  margin-bottom: 30px;
}

.video-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 0 20px;
  scroll-snap-type: x mandatory;
}

.video-thumb {
  scroll-snap-align: start;
  flex: 0 0 auto;
}

.thumb {
  width: 300px;
  height: 180px;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: white;
  text-shadow: 0 0 10px rgba(0,0,0,0.8);
}
.gallery-thumb {
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.gallery-thumb:hover {
  transform: scale(2);
  cursor: pointer;
}

/* Force header section to shrink */
#home-cnt,
#static,
#header {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

/* Make sure no ghost elements are visible */
#header-bg {
  display: none !important;
  height: 0 !important;
}

body {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.dd {
  position: absolute;
  top: 100%;
  left: 31%;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 25px;
  display: none;
  min-width: 280px;
  border-radius: 0 0 6px 6px;
  z-index: 99;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* When open class is added */
.selected .dd {
  display: block;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {opacity: 0; transform: translateY(-10px);}
  to {opacity: 1; transform: translateY(0);}
}

/* Inner link blocks */
.dd-content div,
.dd-box div {
  margin-bottom: 10px;
  font-size: 14px;
}

.dd-content a,
.dd-box a {
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  display: inline-block;
  padding: 3px 0;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
}

.dd-content a:hover,
.dd-box a:hover {
  border-color: #b9d969;
}

/* "Learn More" area */
.learnmore {
  margin-top: 50px;
  border-top: 1px solid #b9d969;
  padding-top: 15px;
  font-size: 13px;
  opacity: 0.9;
}

.learnmore .lrn-ttl {
  font-weight: bold;
  margin-bottom: 5px;
  color: #b9d969;
}

.learn-more a {
  color: #fff;
  margin: 0 5px;
  font-weight: 500;
}

.learn-more span {
  color: #b9d969;
}
.home-slideshow > div {
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 1;
}
.home-slideshow > div.show {
  opacity: 1;
  z-index: 2;
}
.slide-caption {
  position: absolute;
  bottom: 60px;
  left: 50px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
.video-wrapper iframe {
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
#project-intro h2, #lifestyle h2 {
  font-size: 32px;
  margin-bottom: 15px;
}
#project-intro p, #lifestyle p {
  font-size: 17px;
  line-height: 1.7;
}
#project-intro p,
#project-intro h2,
#lifestyle p,
#lifestyle h2 {
  max-width: 100%;
  width: auto;
  word-break: normal;
  white-space: normal;
  display: block;
  line-height: 1.6;
}

#project-intro .col-md-6,
#lifestyle .col-md-12 {
  width: 100%;
  max-width: 100%;
}
/* Slideshow Styles */
.home-slideshow > div {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.home-slideshow > div.show {
  opacity: 1;
  z-index: 2;
}
.slide-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}
.hero-title {
  font-size: 44px;
  font-weight: bold;
}
.hero-subtitle {
  font-size: 20px;
  margin-top: 10px;
}

/* Ridge Section */
.ridge-section {
  text-align: center;
}
.ridge-banner {
  background: #f8f8f8;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0,0,0,0.08);
}
.badge-construction {
  background: #f39c12;
  color: white;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 14px;
}

/* Button Style */
.btn.btn-primary {
  background-color: #446cb3;
  color: white;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
}
.btn.btn-primary:hover {
  background-color: #2e4d84;
}

/* Spacing Helpers */
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }

/* Slideshow */
.home-slideshow > div {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.home-slideshow > div.show {
  opacity: 1;
  z-index: 2;
}
.slide-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}
.hero-title {
  font-size: 48px;
  font-weight: bold;
}
.hero-subtitle {
  font-size: 20px;
  margin-top: 15px;
}

/* Spacer to push next sections */
.slideshow-spacer {
  height: 100vh;
  background: transparent;
}

/* Ridge Announcement */
.ridge-section {
  text-align: center;
}
.ridge-banner {
  background: #f8f8f8;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0,0,0,0.08);
}
.badge-construction {
  background: #f39c12;
  color: white;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 14px;
}

/* Video Wrapper */
.video-wrapper {
  max-width: 900px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(0,0,0,0.15);
}

/* Button */
.btn.btn-primary {
  background-color: #446cb3;
  color: white;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
  display: inline-block;
}
.btn.btn-primary:hover {
  background-color: #2e4d84;
}

/* Spacing Utilities */
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }

/* Slideshow and Overlay */
.home-slideshow > div {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.home-slideshow > div.show {
  opacity: 1;
  z-index: 2;
}
.slide-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}
.hero-title {
  font-size: 48px;
  font-weight: bold;
}
.hero-subtitle {
  font-size: 20px;
  margin-top: 10px;
}

/* Spacer */
.slideshow-spacer {
  height: 100vh;
  background: transparent;
}

/* Ridge Section */
.ridge-highlight {
  margin: 80px auto;
}
.ridge-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
}
.ridge-text {
  flex: 1 1 50%;
}
.ridge-text h2 {
  font-size: 32px;
  margin-bottom: 15px;
}
.ridge-text ul {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}
.ridge-text ul li {
  padding: 6px 0;
  font-size: 16px;
}
.ridge-image {
  flex: 1 1 50%;
  height: 360px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

/* Video Section */
.video-card {
  max-width: 960px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* General Styling */
.btn.btn-primary {
  background-color: #446cb3;
  color: white;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
  display: inline-block;
}
.btn.btn-primary:hover {
  background-color: #2e4d84;
}
.mt20 { margin-top: 20px; }
.mt60 { margin-top: 60px; }
.mb60 { margin-bottom: 60px; }
/* Slideshow and Overlay */
.home-slideshow > div {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.home-slideshow > div.show {
  opacity: 1;
  z-index: 2;
}
.slide-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}
.hero-title {
  font-size: 48px;
  font-weight: bold;
}
.hero-subtitle {
  font-size: 20px;
  margin-top: 10px;
}

/* Spacer */
.slideshow-spacer {
  height: 100vh;
  background: transparent;
}

/* Ridge Section */
.ridge-section {
  display: flex;
  justify-content: center;
}
.ridge-banner {
  background: #f9f9f9;
  padding: 40px;
  max-width: 900px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  text-align: center;
}
.ridge-banner h2 {
  font-size: 32px;
  margin-bottom: 20px;
}
.ridge-banner p {
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 15px;
}

/* Video */
.video-card {
  max-width: 960px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* General Styling */
.btn.btn-primary {
  background-color: #446cb3;
  color: white;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
  display: inline-block;
}
.btn.btn-primary:hover {
  background-color: #2e4d84;
}
.mt20 { margin-top: 20px; }
.mt60 { margin-top: 60px; }
.mb60 { margin-bottom: 60px; }

/* Ajaltoun Green Container */
.ajaltoun-green {
  background-color: #b9d969;
  color: #1f1f1f;
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 0 15px rgba(0,0,0,0.05);
  text-align: center;
}
.ajaltoun-green h2,
.ajaltoun-green p {
  color: #1f1f1f;
}
.ajaltoun-green a.btn {
  background-color: #ffffff;
  color: #5a7334;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: 600;
  transition: 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.ajaltoun-green a.btn:hover {
  background-color: #f4f4f4;
  color: #446c2f;
  text-decoration: none;
}

/* Video Section Title */
.video-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
  font-weight: 600;
  color: #333;
}

/* Optional: Rounded video container */
.video-card {
  max-width: 960px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.learnmore {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.learnmore .lrn-ttl {
  margin-bottom: 10px;
  font-weight: bold;
  color: #b2ff59;
}

.learnmore .learn-more {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
/* === Section Titles & Layout === */
.section-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

.section-subtitle {
  font-size: 16px;
  color: #888;
  margin-bottom: 20px;
}

.section-description {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
}

/* === Projects Grid Layout === */
.projects-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  margin-top: 40px;
}

.prj-cnt {
  width: 100%;
  max-width: 350px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  padding: 20px;
  transition: transform 0.3s ease;
}

.prj-cnt:hover {
  transform: translateY(-5px);
}

.prj-n {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* === Status Colors === */
.red-f {
  color: #e74c3c;
  font-weight: bold;
}

.green-f {
  color: #27ae60;
  font-weight: bold;
}

.blue-f {
  color: #2980b9;
  font-weight: bold;
}

/* === View Button === */
.view-button {
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  padding: 10px 15px;
  border-radius: 8px;
  background: #b9d969;
  color: #fff;
  text-decoration: none;
  transition: background 0.3s ease;
}

.view-button:hover {
  background: #a0c758;
}

.view-button .fab14g {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.view-button .fab29g {
  font-size: 18px;
}

/* === Slideshow Styling === */
#slideshow .cover {
  min-height: 400px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.arr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  font-size: 24px;
  background: rgba(0,0,0,0.4);
  padding: 10px;
  color: white;
  border-radius: 50%;
}

.arr.left {
  left: 20px;
}

.arr.right {
  right: 20px;
}

/* === General Cleanup === */
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

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

/* === Mobile Enhancements === */
@media (max-width: 768px) {
  .projects-grid {
    flex-direction: column;
    align-items: center;
  }

  .section-title {
    font-size: 24px;
  }

  .section-description {
    font-size: 14px;
  }

  .view-button {
    width: 100%;
    padding: 12px 0;
  }
}
/* === General Typography === */
body {
  font-family: 'Helvetica Neue', sans-serif;
  color: #333;
  background-color: #fff;
}

/* === Section Titles === */
.section-title {
  font-size: 32px;
  color: #b9d969;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}

.section-subtitle {
  font-size: 16px;
  color: #7a7a7a;
  margin-bottom: 20px;
  text-align: left;
}

.section-description {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-top: 10px;
}

/* === Hero Section === */
.hero-section {
  background: #eaf4e2;
  padding: 60px 20px;
  text-align: center;
}

.eco-title {
  font-size: 38px;
  color: #2f4f1f;
  margin-bottom: 10px;
}

.eco-sub {
  font-size: 18px;
  color: #6b8e23;
}

/* === Project Cards === */
.projects-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  margin-top: 40px;
}

.project-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.08);
  overflow: hidden;
  max-width: 300px;
  transition: transform 0.3s ease;
}

.project-card:hover {
  transform: translateY(-5px);
}

.project-card img {
  width: 100%;
  height: auto;
}

.project-info {
  padding: 20px;
  text-align: center;
}

.project-info h3 {
  font-size: 20px;
  color: #2e7031;
  margin-bottom: 10px;
}

.project-info .status {
  font-size: 14px;
  margin-bottom: 15px;
}

.status.available {
  color: #27ae60;
  font-weight: bold;
}

.status.sold {
  color: #e74c3c;
  font-weight: bold;
}

.btn-view {
  display: inline-block;
  padding: 10px 15px;
  background: #b9d969;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background 0.3s ease;
}

.btn-view:hover {
  background: #a1c354;
}

/* === Leaflet Map Container === */
#eco-map {
  width: 100%;
  height: 500px;
  border: 2px solid #d9e8c3;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

#slideshow {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

#slideshow .cover {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
}

.arr {
  width: auto;
  height: auto;
  background-color: transparent; /* remove circle */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  font-weight: bold;
  color: #b9d969; /* green arrow */
  transition: color 0.3s ease;
  font-family: Arial, sans-serif;
}

.arr:hover {
  color: white; /* turn white on hover */
}

.arr.left {
  left: 20px;
}

.arr.left::before {
  content: '‹';
}

.arr.right {
  right: 20px;
}

.arr.right::before {
  content: '›';
}

/* === Responsive === */
@media (max-width: 768px) {
  .projects-grid {
    flex-direction: column;
    align-items: center;
  }

  .section-title {
    font-size: 24px;
    text-align: center;
  }

  .section-subtitle {
    text-align: center;
  }

  .project-card {
    width: 90%;
  }
}

.eco-hero {
  background: url('https://ajaltounvalley.com/img/DJI_0135.jpg') no-repeat center center;
  background-size: cover;
  min-height: 500px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.eco-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.hero-overlay {
  position: relative;
  z-index: 2;
  color: white !important;
}

.eco-title {
  font-size: 48px;
  font-weight: bold;
  color: white !important;
  margin-bottom: 10px;
}

.eco-sub {
  font-size: 20px;
  color: #f0f0f0 !important;
}

/* Fix content alignment under titles */
.right-content {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
  padding: 0 20px;
}
.lebanon-map {
  position: relative;
  display: inline-block;
  max-width: 240px;
  margin-top: 20px;
}
.lebanon-map img {
  display: block;
  width: 100%;
}
.project-location {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #b9d969;
  border: 2px solid white;
  border-radius: 50%;
  top: 24%; /* Adjust to match Ajaltoun location */
  left: 66%; /* Adjust to match Ajaltoun location */
  z-index: 2;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

/* Center the Lebanon map and position the location dot */
/* ============= Lebanon Map Section ============= */
.village-map-wrapper {
  text-align: center;
  margin-top: 40px;
  position: relative;
}

.village-map-wrapper img {
  max-width: 180px;
  width: 100%;
  height: auto;
  display: inline-block;
}

/* Ajaltoun Dot on Lebanon Map */
.project-location-dot {
  position: absolute;
  top: 45.5%;   /* adjusted manually to align */
  left: 48.5%;  /* adjusted manually to align */
  width: 10px;
  height: 10px;
  background-color: #b9d969;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 6px #b9d969;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.projects-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}

.project-card {
  width: 300px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
}

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

.project-info {
  padding: 20px;
}

.project-info h3 {
  font-size: 20px;
  color: #2c3e50;
  margin-bottom: 10px;
}

.status {
  font-weight: bold;
  margin-bottom: 10px;
}

.status.available {
  color: #4CAF50;
}

.status.sold {
  color: #e74c3c;
}

.status.under-construction {
  color: #f39c12;
}

.btn-view {
  display: inline-block;
  padding: 10px 20px;
  background-color: #b9d969;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
}
#map {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background: url('../img/map.png') no-repeat center;
  background-size: contain;
  height: 800px; /* adjust depending on your map height */
}


#map img.builded-area {
  position: absolute;
  transition: opacity 0.3s ease;
  opacity: 0.6;
}

#map img.builded-area.hover,
#map img.builded-area.show {
  opacity: 1;
}

#map .loc-name,
#map .map-desc {
  position: absolute;
  font-size: 12px;
  color: #333;
  background: rgba(255, 255, 255, 0.7);
  padding: 2px 6px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

#map article {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(255,255,255,0.9);
  padding: 10px;
  border-radius: 6px;
  font-size: 12px;
  z-index: 20;
}

#map article div {
  margin-bottom: 4px;
  cursor: pointer;
}

#map article div span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  background: #b9d969;
}
.master-plan-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 80px 20px;
  position: relative;
  text-align: center;
}

#map {
  position: relative;
  width: auto;
  max-width: 100%;
  height: auto;
}

#map .map-base {
  width: 100%;
  height: auto;
  display: block;
}

#map img.builded-area,
#map .loc-name,
#map .map-desc {
  position: absolute;
  z-index: 2;
  transition: 0.3s ease;
}

#map img.builded-area {
  opacity: 0.5;
}

#map img.builded-area.hover,
#map img.builded-area.show {
  opacity: 1;
}

#map .loc-name {
  font-size: 12px;
  background-color: #ffffffcc;
  padding: 4px 6px;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1.2;
  z-index: 3;
}

#map .loc-name.hover {
  background-color: #b9d969;
  color: #fff;
}

#map .map-desc {
  font-size: 10px;
  background-color: #eee;
  padding: 2px 5px;
  border-radius: 3px;
  z-index: 2;
}

#map article {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ffffffee;
  padding: 12px;
  border-radius: 8px;
  z-index: 5;
  max-width: 240px;
  text-align: left;
}

#map article > div {
  cursor: pointer;
  margin-bottom: 5px;
  font-size: 13px;
}

#map article > div span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #b9d969;
  margin-right: 5px;
  border-radius: 2px;
}

#map article > div.selected {
  font-weight: bold;
  color: #b9d969;
}
.map-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 40px auto 0;
}

.map-base-img {
  width: 60%;
  height: auto;
  display: block;
}

#map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* Disable hover if needed */
}

#map img.builded-area,
#map .loc-name,
#map .map-desc,
#map article {
  position: absolute;
  pointer-events: auto; /* Re-enable interaction for labels and zones */
}

/* Optional: Center the map legend and labels */
#map article {
  top: 10px;
  right: 10px;
  background: rgba(255,255,255,0.8);
  padding: 10px;
  border-radius: 6px;
  z-index: 10;
}

.loc-name, .map-desc {
  font-size: 12px;
  font-weight: bold;
  color: #2f2f2f;
  text-shadow: 1px 1px 3px white;
  z-index: 20;
}
.map-wrapper {
  position: relative;
  width: 100%;
  max-width: 700px; /* ✅ Smaller map */
  margin: 0 auto;
}


.interactive-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* 👇 allows base map to not block interaction */
}

.interactive-layer * {
  pointer-events: auto; /* ✅ Enable hover/click inside map */
}

.builded-area {
  position: absolute;
  z-index: 5;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.builded-area.hover {
  opacity: 1;
}

.loc-name,
.map-desc {
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 4px;
  border-radius: 4px;
  z-index: 10;
}

article.far14g {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 15;
  background: rgba(255,255,255,0.9);
  padding: 10px;
  border-radius: 6px;
  max-width: 180px;
  font-size: 12px;
  line-height: 1.4;
}

article.far14g div span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #b9d969;
  margin-right: 6px;
  border-radius: 50%;
}
/* Modernized Select */
#project-small,
.types-select {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #fff;
}

/* Section Titles */
.frhbi20gn.und-g {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #b9d969;
}

/* Project Description Box */
.intro_proj {
  font-size: 18px;
  color: #444;
  line-height: 1.7;
  margin-bottom: 10px;
}

/* Project Info Cards */
.prj-cnt,
.specification {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Map styling */
#map2 {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid #e0e0e0;
}

#map2 img.bg {
  width: 100%;
  height: auto;
}

.map2-lyr {
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.map2-lyr:hover {
  transform: scale(1.03);
}

/* Location name tags */
.loc-name {
  background-color: rgba(255,255,255,0.85);
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
  transition: background 0.2s;
}
.loc-name:hover {
  background-color: #e6f2da;
}

/* Button styles */
.btn1 {
  background-color: #b9d969;
  color: #fff;
  padding: 8px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.3s;
}
.btn1:hover {
  background-color: #a6c855;
}

/* Image Slider Enhancements */
.image_main_1, .image_main_2, .image_main_3,
.image_main_5, .image_main_6, .image_main_7, .image_main_8 {
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  transition: background-image 0.3s ease-in-out;
  height: 380px;
}

/* Detail & Plan Preview Area */
.view-plan, .view-detail, .view-construction {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 20px;
}

/* Close Box Button */
.close-box {
  background: #f44336;
  color: white;
  padding: 4px 10px;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
  float: right;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* Notification Text */
.notif {
  font-style: italic;
  font-size: 13px;
  color: #888;
}

/* Arrows */
.r-fls span, .main-arr-1 span, .main-arr-2 span, .main-arr-3 span, .main-arr-5 span,
.main-arr-6 span, .main-arr-7 span, .main-arr-8 span {
  border: solid #444;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
}

.r-fls.fls3.lft span,
.main-arr-1.lft span, .main-arr-2.lft span,
.main-arr-3.lft span, .main-arr-5.lft span,
.main-arr-6.lft span, .main-arr-7.lft span,
.main-arr-8.lft span {
  transform: rotate(135deg);
}

.r-fls.fls3.rght span,
.main-arr-1.rght span, .main-arr-2.rght span,
.main-arr-3.rght span, .main-arr-5.rght span,
.main-arr-6.rght span, .main-arr-7.rght span,
.main-arr-8.rght span {
  transform: rotate(-45deg);
}

/* Image container max width */
.plan_image_cont .rel {
  max-width: 100%;
  margin: auto;
  padding-top: 20px;
}
.find-your-project-intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 60px 20px;
  background: #f5f5f5;
}

.find-your-project-intro .intro-text {
  flex: 1 1 50%;
  max-width: 520px;
  padding-right: 30px;
}

.find-your-project-intro .intro-text .section-title {
  font-size: 34px;
  font-weight: bold;
  color: #2a2a2a;
  margin-bottom: 10px;
}

.find-your-project-intro .intro-text .section-subtitle {
  font-size: 16px;
  color: #8b8b8b;
  margin-bottom: 25px;
  font-style: italic;
}

.find-your-project-intro .intro-text .section-description {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
}

.find-your-project-intro .intro-map {
  flex: 1 1 45%;
  position: relative;
  text-align: center;
}

.find-your-project-intro .intro-map img {
  max-width: 100%;
  border-radius: 12px;
  border: 1px solid #ddd;
}
.right-content .intro_proj {
  margin-top: 50px; /* adjust as needed */
}
.frhbi20gn.und-g.intro_proj {
  color: #b9d969;
}
#map2 {
  transform: scale(0.8); /* or use percentages like 90% */
  transform-origin: top left;
  max-width: 100%;
}

.btn1 {
  display: inline-flex;        /* so it only grows to fit the content */
  align-items: center;
  justify-content: center;
  padding: 0 12px;             /* controls button width */
  height: 28px;
  background-color: #b9d969;
  color: white;
  font-weight: bold;
  font-size: 13px;
  border-radius: 4px;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
}

.map-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 600px; /* Adjust to match your map image height */
  overflow: hidden;
}

.master-plan-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
}

.master-plan-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

.map-wrapper { min-height: 600px; position: relative; }
.interactive-layer { position: absolute; width: 100%; height: 100%; z-index: 10; }
.builded-area, .prj-cnt { z-index: 20; }

.ridge_project .types {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;          /* Reduced from 60px */
  flex-wrap: nowrap;         /* Force same line */
  gap: 30px;               /* Moderate spacing between items */
}

.ridge_project .types > div {
  border-left: 1px solid #bfc0c2;
  padding: 0 20px;           /* Smaller padding for tighter layout */
  opacity: 0.3;
  cursor: pointer;
  white-space: nowrap;
  font-size: 18px;           /* Reduced font size */
  line-height: 1.2;
}

/* Remove left border on first tab */
.ridge_project .types > div:first-child {
  border-left: none;
}

/* Highlight active tab */
.ridge_project .types > div.open {
  opacity: 1;
  font-weight: bold;
}