/* @charset "UTF-8"; */
/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	01.	GOOGLE FONTS
	02.	BODY
	03.	CUSTOM CLASSES
	04. FORM ELEMENTS
	05.	SECTIONS
	06.	HTML TAGS
	07.	LINKS
	08.	MODAL
	09.	PAGINATION
	10. PRELOADER
	11.	TRANSITION OVERLAY
	12.	SANDWICH BUTTON
	13.	SCROLL DOWN
	14.	NAVIGATION MENU
	15.	HEADER
	16.	SOCIAL MEDIA
	17.	NAVBAR
	18.	SLIDER
	19.	PAGE HEADER
	20.	VIDEO BG
	21.	WORKS
	22.	FEATURES CONTENT
	23.	LISTING CONTENT
	24.	FULL MEDIA CONTENT
	25.	INTRODUCTION
	26. OUR TEAM
	27.	NEWS
	28.	SAY HELLO
	29.	LOGOS
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES



*/
/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
:root {
  font-size: 65%; /* This sets the base font size to 10px */
  --font-family: "Josefin Sans", sans-serif;
  --theme-color: #c07f06; /* Primary color variable */
}
/* BODY */
* {
  outline: none !important;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
html, body {
  margin: 0;
  padding: 0;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #26282b;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.theme-color{
  color: var(--theme-color);  
}
/* HTML ELEMENT */
img {
  max-width: 100%;
}

/* CUSTOM CLASSES */
.overflow {
  overflow: hidden;
}

/* LINKS */
a {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  color: #26282b;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: var(--theme-color);
}
p {
  text-align: justify;
}
.hidden{
  visibility: hidden;
}
/* CUSTOM CONTAINER */
.container {
  max-width: 1280px;
}

/* FORM ELEMENTS */
.form-control {
 font-size: 1.6rem;
}
input[type=text] {
  width: 100%;
  height: 54px;
  border: 1px solid #eee;
  padding: 0 20px;
}

textarea {
  width: 100%;
  height: 160px;
  border: 1px solid #eee;
  padding: 15px 20px;
}

button[type=submit] {
  height: 54px;
  border: none;
  background: var(--theme-color);
  color: #fff;
  padding: 0 30px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

/* ODOMETER */
.odometer {
  line-height: 1;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}

/* ACCORDION */
.accordion {
  width: 100%;
  float: left;
  background: #fff;
  padding: 0;
}
.accordion .card {
  background: none;
  border-radius: 0;
  margin-top: -1px;
  border: 1px solid #eaebee;
}
.accordion .card .card-header {
  background: none;
  padding: 0;
  border-bottom: none;
}
.accordion .card .card-header a {
  width: 100%;
  float: left;
  font-weight: 500;
  padding: 20px 25px;
  color: #26282b;
  font-weight: 600;
}
.accordion .card .card-header a:before {
  content: "+";
  float: left;
  text-align: center;
  margin-right: 8px;
  color: #26282b;
  font-weight: 600;
}
.accordion .card .card-header a:hover {
  color: var(--theme-color);
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  border-top: 1px solid #eee;
  line-height: 26px;
}
.accordion .card [aria-expanded=true] {
  color: var(--theme-color) !important;
}
.accordion .card [aria-expanded=true]:before {
  content: "-" !important;
  color: var(--theme-color) !important;
}

/* PAGINATION */
.pagination {
  display: flex;
}
.pagination .page-item {
  display: inline-block;
  margin-right: 6px;
}
.pagination .page-item.active .page-link {
  background: var(--theme-color);
  color: #fff;
  border-color: transparent;
  position: relative;
  z-index: 2;
}
.pagination .page-item.active .page-link:hover {
  background: var(--theme-color);
  border-color: transparent;
  color: #fff;
}
.pagination .page-item .page-link {
  display: inline-block;
  border-radius: 0 !important;
  padding: 15px 20px;
  color: #26282b;
  font-weight: 600;
  font-size: 13px;
  border: 1px solid #dee2e6;
  line-height: 1;
}
.pagination .page-item .page-link:hover {
  background: none;
  border-color: #dee2e6;
  color: var(--theme-color);
}

/* GALLERY SLIDER*/
.gallery-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 30px 0;
  background: #26282b;
}
.gallery-container .swiper-wrapper {
  width: 100%;
  float: left;
  position: relative;
}
.gallery-container .swiper-slide {
  width: 100%;
  margin: 0;
  opacity: 0.6;
}
.gallery-container .swiper-slide.swiper-slide-active {
  width: 100%;
  opacity: 1;
}
.gallery-container .swiper-slide img {
  width: 100%;
}
.gallery-container .gallery-pagination {
  bottom: 20px;
  position: absolute;
  z-index: 2;
}
.gallery-container .gallery-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
.gallery-container .gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--theme-color);
  opacity: 1;
}

/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  background: #26282b;
  background: -moz-linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="var(--theme-color)",GradientType=1);
  object-fit: cover;
  z-index: -1;
}
.video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
  opacity: 0.15;
}
/* Search Wrapper */

.search-wrapper {
    position: absolute;
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}
.search-wrapper.active {}

.search-wrapper .input-holder {    
    height: 70px;
    width:70px;
    overflow: hidden;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    width:450px;
    border-radius: 50px;
    background: rgba(0,0,0,0.5);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
    width:100%;
    height: 50px;
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#FFF;
    transform: translate(0, 60px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}
.search-wrapper .input-holder .search-icon {
    width:70px;
    height:70px;
    border:none;
    border-radius:6px;
    background: #FFF;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height:50px;
    margin: 10px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute; 
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #FE5F55;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #FE5F55;
}
.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:24px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-50px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FE5F55;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}

/* NAV PILLS */
.nav-pills {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  justify-content: center;
}
.nav-pills .nav-item {
  display: inline-block;
  margin-right: 30px;
}
.nav-pills .nav-item:last-child {
  margin-right: 0;
}
.nav-pills .nav-item .floor-link {
  background: none;
  color: #26282b;
  border-bottom: 2px solid transparent;
  padding: 4px 0;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.nav-pills .nav-item .floor-link.active {
  border-bottom: 2px solid #26282b;
}

/* BREADCRUMB */
.breadcrumb {
  width: 100%;
  padding: 0;
  border-radius: 0;
  background: none;
}
.breadcrumb .breadcrumb-item {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}
.breadcrumb .breadcrumb-item:first-child:before {
  display: none;
}
.breadcrumb .breadcrumb-item:before {
  content: "»";
  color: #fff;
  font-weight: 400;
  padding: 0 20px;
}
.breadcrumb .breadcrumb-item.active {
  color: #fff;
}
.breadcrumb .breadcrumb-item a {
  color: #fff;
}

/* HAMBURGER */
.hamburger {
  position: fixed;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  right: 100px;
  z-index: 1;
  top: 2rem;
  display: none;
}
.hamburger span {
  display: block;
  height: 2px;
  width: 50px;
  background: var(--theme-color);
  opacity: 1;
  position: absolute;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
..hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  top: 9px;
}

.hamburger.open {
  margin: 0;
}

.hamburger.open span:nth-child(1) {
  top: 9px;
  transform: rotate(135deg);
}

.hamburger.open span:nth-child(2) {
  opacity: 1;
  top: 9px;
  transform: rotate(-135deg);
}


/* PRELAODER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
  /* background: var(--theme-color); */
  background: #c07f06;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.95s;
  overflow: hidden;
}
.preloader * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layer {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: #333;
  transition-delay: 0.3s;
}
.preloader .inner {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
}
.preloader .inner figure {
  display: block;
  margin-bottom: 10px;
  transition-delay: 0.1s;
}
.preloader .inner figure img {
  height: 60px;
}
.preloader .inner p {
  font-weight: 600;
  color: #fff;
  font-size: 13px;
  display: block;
  text-align: center;
}

/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 12;
  /* background: var(--theme-color); */
  background: #c07f06;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  overflow: hidden;
}
.transition-overlay .layer {
  width: 100%;
  height: 100vh;
  position: absolute;
  right: -100%;
  top: 0;
  background: #333;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.6s;
}
.transition-overlay.active {
  left: 0;
}
.transition-overlay.active .layer {
  right: 0;
}

/* PAGE LOADED */
.loaded .preloader {
  right: -100%;
}

.loaded .preloader .inner figure {
  opacity: 0;
  transform: scale(1.5);
}

.loaded .preloader .inner p {
  transform: translateY(20px);
  opacity: 0;
}

.loaded .preloader .layer {
  left: -100%;
}

.loaded .navbar .container .upper-side {
  transform: translateY(0);
}

.loaded .navbar .container .menu {
  opacity: 1;
}

.loaded .slider .slider-container {
  transform: scale(1);
  opacity: 1;
}

/* SIDE NAVIGATION */
.side-navigation {
  width: 300px;
  max-width: 100%;
  height: 100vh;
  min-height: 400px;
  position: fixed;
  left: -100%;
  top: 0;
  background: #26282b;
  z-index: 10;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 14px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.side-navigation.active:after
 {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  width: 0;
  opacity: 0.5;
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  z-index: -1;
  transition: width 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  pointer-events: none; /* so it doesn't block clicks */
}
.side-navigation.active::after {
  width: 100vw;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.side-navigation::after {
  transition: width 0.5s ease 0s;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.side-navigation.active::after {
  transition: width 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.side-navigation .logo {
  width: 100%;
  display: block;
  margin: 25px 0;
}
.side-navigation .menu {
  display: none;
  margin-bottom: 20px;
}
.side-navigation .menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 3rem;
}
.side-navigation .menu ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 1rem 0;
  list-style: none;
  position: relative;
}
.side-navigation .menu ul li button.header_button{
  background: var(--theme-color);
  padding: 12px 18px;
}
.side-navigation .menu ul li ul {
  width: 100%;
  display: none;
  padding-left: 20px;
  margin-bottom: 10px;
}
.side-navigation .menu ul li ul li {
  display: block;
}
.side-navigation .menu ul li ul li a {
  font-size: 2vw;
}
.side-navigation .menu ul li a {
  display: inline-block;
  color: #fff;
  font-size: 3vw;
  font-weight: 600;
}
.side-navigation .menu ul li a:hover {
  color: var(--theme-color);
  text-decoration: none;
}
.side-navigation .side-content {
  width: 100%;
  display: block;
}
.side-navigation figure {
  display: block;
  margin-bottom: 30px;
}
.side-navigation figure img {
  height: 40px;
}
.side-navigation address {
  display: block;
  margin-bottom: 20px;
}
.side-navigation h6 {
  font-weight: 600;
  font-size: 20px;
}
.side-navigation p {
  display: block;
  margin-bottom: 30px;
}
.side-navigation p a {
  color: #fff;
}
.side-navigation .gallery {
  margin-bottom: 20px;
  padding: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.side-navigation .gallery li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 0 5px;
  list-style: none;
}
.side-navigation .gallery li img {
  width: 100%;
}
.side-navigation .social-media {
  width: 100%;
  float: left;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}
.side-navigation .social-media li {
  float: left;
  margin-left: 5px;
  padding: 0;
  list-style: none;
}
.side-navigation .social-media li a {
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.side-navigation .social-media li a:hover {
  color: #26282b;
  background: var(--theme-color);
}
.side-navigation.active {
  left: 0;
}

/* NAVBAR */
.navbar {
  width: 100%;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}
.navbar .container {
  flex-direction: column;
}
.navbar .container .upper-side {
  width: 100%;
  display: flex;
  /* flex-wrap: wrap; */
  padding: 20px 0;
  align-items: center;
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.2s;
}
.navbar .container .upper-side .logo {
  margin-left: 1rem;
}
.navbar .container .upper-side .logo img {
  width: 300px;
  height: auto;
}
.navbar .container .upper-side .phone-email {
  margin-right: 0;
  margin-left: auto;
  margin-top: 5px;
  text-align: right;
  color: #fff;
}
.navbar .container .upper-side .phone-email img {
  float: right;
  height: 34px;
  margin-left: 15px;
}
.navbar .container .upper-side .phone-email h4 {
  margin-bottom: -5px;
  margin-top: 3px;
  font-size: 17px;
  font-weight: 600;
  display: -webkit-box;
  line-height: 1;
}
.navbar .container .upper-side .phone-email small {
  line-height: 1;
}
.navbar .container .upper-side .phone-email small a {
  opacity: 0.5;
  color: #fff;
}
.navbar .container .upper-side .phone-email small a:hover {
  text-decoration: none;
  color: var(--theme-color);
  opacity: 1;
}
.navbar .container .upper-side .language {
  margin-right: 40px;
  margin-left: 60px;
  padding: 10px 0;
  padding-right: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.navbar .container .upper-side .language a {
  display: inline-block;
  margin: 0 5px;
  color: #fff;
  font-weight: 600;
}
.navbar .container .upper-side .language a:hover {
  color: var(--theme-color);
  text-decoration: none;
}
.navbar .container .upper-side .hamburger {
  width: 50px;
  height: 25px;
  margin-left: 0;
  right: 2rem;
  position: absolute;
}
#navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 49;
  background: rgba(0, 0, 0, 0.6);
  min-height: 100px;
  /* overflow: hidden; */
}

#navbar::before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transition: top 0.5s ease;
}
/* When scrolled, animate the background from top */
#navbar.scrolled::before {
  top: 0;
}
#scroll-progress {
  position: fixed;
  top: 100px;
  left: 0;
  height: 8px;
  width: 0%;
  z-index: 9;
  background-color: var(--theme-color); /* Change color as needed */
  transition: width 0.25s ease-out;
}

.navbar .container .menu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* border-top: 1px solid rgba(255, 255, 255, 0.15); */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.4s;
  opacity: 0;
}
.navbar .container .menu ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: 0;
  margin-top: -1px;
  margin-bottom: 0;
}
.navbar .container .menu ul li {
  margin: 0;
  margin-left: 30px;
  padding: 0;
  list-style: none;
  position: relative;
}
.navbar .container .menu ul li:hover ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.navbar .container .menu ul li ul {
  min-width: 220px;
  position: absolute;
  left: -35px;
  top: 120%;
  background: #26282b;
  margin: 0;
  padding: 25px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navbar .container .menu ul li ul:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #26282b transparent;
  position: absolute;
  left: 35px;
  top: -10px;
}
.navbar .container .menu ul li ul li {
  margin: 0;
  padding: 0 35px;
  white-space: nowrap;
}
.navbar.scrolled {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.navbar.scrolled .container .menu ul li a{
  color: var(--theme-color);
}
.navbar .container .menu ul li ul li a {
  padding: 8px 0;
  color: white !important;
}
.navbar .container .menu ul li button a {
  color: white !important;
}
.navbar .container .menu ul li ul li a:hover {
  border-color: transparent;
}
.navbar .container .menu ul li a {
  color: #fff;
  display: inline-block;
  font-weight: 400;
  padding: 25px 0 15px;
  text-decoration: none;
  /* text-transform: uppercase; */
  /* border-top: 1px solid transparent; */
}
.navbar .container .menu ul li a:hover {
  text-decoration: none;
  color: var(--theme-color);
  /* border-top: 1px solid var(--theme-color); */
}

.navbar .container .menu ul li button.header_button {
    border: none;
    /* background: var(--theme-color); */
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    color: white;
    border-radius: 10px;
    margin-top: 10px;
    padding: 12px 18px;
}
.navbar .container .menu ul li button.header_button img {
    padding-right: 4px;
}
.navbar .container .menu ul li button.header_button a{
  padding: 0px;
}
.pulse-button {
    color: #333;
    font-weight: 500;
    position: relative;
    text-align: left;
    border: none;
    box-shadow: 0 0 0 0 #435f54;
    border-radius: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    font-size: 18px;
}
.pulse-button img {
    -webkit-animation: wiggle 2s infinite;
    -moz-animation: wiggle 2s infinite;
    animation: wiggle 2s infinite;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(255, 232, 160, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(255, 232, 160, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(255, 232, 160, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(255, 232, 160, 0);}}

/* safari and chrome */
@-webkit-keyframes wiggle {
    0% {-webkit-transform:rotate(15deg);}
    50% {-webkit-transform:rotate(-15deg);}
    100% {-webkit-transform:rotate(15deg);}
}
 
/* firefox */
@-moz-keyframes wiggle {
    0% {-moz-transform:rotate(15deg);}
    50% {-moz-transform:rotate(-15deg);}
    100% {-moz-transform:rotate(15deg);}
}
 
/* anyone brave enough to implement the ideal method */
@keyframes wiggle {
    0% {transform:rotate(15deg);}
    50% {transform:rotate(-15deg);}
    100% {transform:rotate(15deg);}
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: flex;
  flex-wrap: wrap;
  background: #26282b;
  overflow: hidden;
}
.slider .carousel {
  height: 100vh;
}
.slider .carousel-item img{
  height: calc(100vh - 0px);
}
.slider .carousel-item .caption{
    position: absolute;
    top: 40%;
    right: 0;
    transform: translateY(-60%);
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
    left: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
}
.slider .carousel-item .caption h1{
  color: white;
  font-size: 4rem;
}
.slider .carousel-item .caption h2{
  color: white;
  font-size: 2rem;
  padding-left: 6px;
}
.slider .carousel-item .caption a{
    display: inline-block;
    padding: 1rem 2rem;
    color: #fff;
    background: linear-gradient(-45deg, #e6b21e, #cc9906, #e6b21e, #cc9906);
    background-color: #e6b21e;
    border: none;
    font-size: 2rem;
    border-radius: 50px;
    margin-top: 1rem;
}
.slider .carousel-indicators{
    width: max-content;
    margin: 0 auto;
    padding-bottom: 1.5rem;
    left: 0;
    bottom: 0;
    transform: translateY(-50%);
    padding: 0 5rem;
}
.slider .carousel-indicators button{
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.zoom-element {
  /* Apply the animation */
  animation: zoom-in-out 3s ease-in-out infinite alternate; 
}

@keyframes zoom-in-out {
  0% {
    transform: scale(1); /* Initial size */
  }
  50% {
    transform: scale(1.01); /* Zoom in to 130% size */
  }
  100% {
    transform: scale(1); /* Return to initial size (zoom out) */
  }
}
@keyframes up-down {
  0% {
      transform: translateY(10px);
  }
  100% {
      transform: translateY(-10px);
  }
}
button.carousel-control-prev span, button.carousel-control-next span {
  display: none !important;
  background-color: var(--bs-black);
  border-radius: 500%;
  font-size: 1rem;
  padding:20px;
  pointer-events: none;
}

.slider .slider-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: scale(1.3);
  transition-delay: 1.25s;
  opacity: 0;
}
.slider .slider-container .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-size: cover;
}
.slider .slider-container .swiper-slide:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #26282b;
  background: -moz-linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="var(--theme-color)",GradientType=1);
  opacity: 0;
}
.slider .slider-container .swiper-slide .container {
  position: relative;
  z-index: 9;
  padding-left: 100px;
}
.slider .slider-container .swiper-slide .container h1 {
  font-size: 5vw;
  color: #fff;
  font-family: "Josefin Sans", sans-serif;
  color: var(--theme-color);
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  z-index: 2;
  
} 

/* .slider .slider-container .swiper-slide .container h1 {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
} */

.slider .slider-container .swiper-slide .container h1 span {
  display: inline-block;
  position: relative;
}
.slider .slider-container .swiper-slide .container h1:before {
  content: "";
  width: 100%;
  height: 100%;
  background: white;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  padding: 5px;
  border-radius: 5px;
  transform: scaleX(0);
}

.slider .slider-container .swiper-slide .container h1 span:before {
  content: "";
  width: 247px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 40px;
  /* background: url(../images/title-mark.png) center no-repeat; */
  background-size: contain;
  z-index: -1;
}
.slider .slider-container .swiper-slide .container h2 {
  font-weight: 600;
  color: #fff;
  margin-bottom: 50px;
}
.slider .slider-container .swiper-slide .container a {
  height: 60px;
  line-height: 56px;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid var(--theme-color);
  padding: 0 40px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.slider .slider-container .swiper-slide .container a i {
  margin-left: 10px;
}
.slider .slider-container .swiper-slide .container a:hover {
  text-decoration: none;
  background: var(--theme-color);
  border-color: var(--theme-color);
}
.slider .slider-container .swiper-slide .container figure {
  float: left;
  margin-left: 40px;
  margin-bottom: 0;
}
.slider .slider-container .swiper-slide .container figure img {
  height: 60px;
}
.slider .slider-container .inner-elements {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.slider .slider-container .inner-elements .container {
  position: relative;
  height: 100vh;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 200px;
  background-color: #26282b;
  position: relative;
  margin-bottom: 30px;
}
.page-header:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #26282b;
  background: -moz-linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, var(--theme-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="var(--theme-color)",GradientType=1);
  opacity: 0.1;
}
.page-header .container {
  position: relative;
  z-index: 2;
}
.page-header .container h1 {
  font-size: 3.5vw;
  color: #fff;
  font-family: "Josefin Sans", sans-serif;
  color: var(--theme-color);
  margin-bottom: 20px;
  position: relative;
  display: inline-block;  
}
.page-header .container h1:before {
  content: "";
  position: absolute;
  background: white;
  width: 68%;
  height: 100%;
  z-index: -1;
  padding: 10px;
  right: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.page-header .container p {
  display: block;
  color: #fff;
  font-size: 20px;
  margin: 0;
}
.page-header .container .breadcrumb {
  position: absolute;
  left: 15px;
  bottom: -30px;
  background: var(--theme-color);
  width: 70%;
  padding: 40px 30px;
  padding-right: 60px;
  margin: 0;
}
.sub-header {
  background-image: url("../images/slide01.jpg");
  background-position: 0% 0%;
  background-attachment: fixed;
}

/* INTRO */
.intro {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  padding: 100px 0 50px 0;
  background: white;
}
.intro figure {
  display: inline-block;
  background: var(--theme-color);
  position: relative;
}
.intro figure:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: var(--theme-color);
  position: absolute;
  left: -50vw;
  top: 0;
}
.intro figure .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/side-pattern-bg.png);
  background-size: contain;
}
.intro figure .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(250px, -65px);;
  padding: 10px;
  border: 11px solid var(--theme-color);
  border-radius: 20px;
}
#homeproject-video {
  max-height: 600px;
}
.intro figure .holder img {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
}

.intro figure .holder .zoom-in-zoom-out {
  margin: 24px;
  width: 525px;
  height: 627px;
  background: url(../images/thanku_village.jpg) center no-repeat;
  /* animation: zoom-in-zoom-out 8s ease-out infinite; */
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.9, 0.9);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(0.9, 0.9);
  }
}
.intro .content-box {
  display: block;
  padding-left: 10%;
}
.intro .content-box b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.intro .content-box h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.intro .content-box h4 span {
  color: var(--theme-color);
}
.intro .content-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.intro .content-box p {
  display: block;
  padding-right: 10%;
  margin-bottom: 30px;
}
.intro .content-box a {
  display: inline-block;
  color: #26282b;
  font-weight: 600;
}
.intro .content-box a img {
  height: 46px;
  margin-right: 15px;
}
.intro .content-box a:hover {
  color: var(--theme-color);
  text-decoration: none;
}

/* LOGOS */
.logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 100px 0;
  background:white;
}
.logos * {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.logos .col-lg-2 {
  border-right: 1px dashed #eee;
}
.logos .col-lg-2:last-child {
  border-right: none;
}
.logos figure {
  width: 100%;
  margin: 0;
  position: relative;
}
.logos figure:hover img {
  opacity: 1;
  transform: scale(0.6);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0.9;
  transform: scale(0.6);
}
.logos figure:hover h6 {
  opacity: 1;
  transform: scale(1);
}
.logos figure img {
  width: 100%;
}
.logos figure h6 {
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  opacity: 0;
  font-weight: 800;
  font-size: 13px;
  transform: scale(1.1);
}

/* BENEFITS */
.benefits {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  background: #f9f9f9;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: url(../images/banners/viceroy_savana.webp) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  scroll-margin-top: 100px !important; /* Makes it work even without JS */
}
.benefits:before {
  /* background: url(../images/banners/viceroy_savana.webp) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.5;
   content: ""; 
  position: absolute;
  width: 100%;
  height: 100%; */
   content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgb(192, 127, 6, 0.8); /* Black with 20% opacity for a slight darkening */
  z-index: 1; /* Ensure the overlay is above the background image */
}
.benefits .col {
  border-right: 1px solid #eee;
  padding-top: 20px;
  padding-bottom: 20px;
}
.benefits .col:nth-child(odd) {
  margin-top: 50px;
}
.benefits .col:hover figure:after {
  opacity: 1;
}
.benefits .col:last-child {
  border-right: none;
}
.benefits b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.benefits h4 {
  display: block;
  font-size: 30px;
  font-family: var(--font-family);
  margin-bottom: 15px;
  color: white;

}
.benefits h4 span {
  color: var(--theme-color);
}
.benefits h3 {
  font-weight: 600;
  margin-bottom: 50px;
  color: white;
}
.benefits figure {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.benefits figure:after {
  /* content: ""; */
  width: 100px;
  height: 100px;
  position: absolute;
  left: 42%;
  top: -20%;
  background: transparent;
  border-radius: 50%;
  opacity: 0;
  z-index: 0;
  margin-left: -35px;
  border: 2px solid white;
}
.benefits figure img {
  height: 70px;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0px 1000px 0 white);
  transform: translateY(-1000px);
}
.benefits h6 {
  font-weight: 600;
  font-size: 14px;
  color: white;
}
.benefits .odometer {
  font-size: 50px;
  line-height: 1;
  font-weight: 800;
  color: white;
}
.benefits .extra {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  transform: translateY(10px);
  color: white;
}

/* RECENT GALLERY */
.recent-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: white;
}
.recent-gallery b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.recent-gallery h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.recent-gallery h4 span {
  color: var(--theme-color);
}
.recent-gallery h3 {
  font-weight: 600;
  padding-right: 10%;
  margin-bottom: 30px;
  font-size: 1.60rem;
}
.recent-gallery .link {
  display: inline-block;
  color: #26282b;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  padding-bottom: 10px;
}
.recent-gallery .link i {
  margin-left: 10px;
}
.recent-gallery .link:hover {
  text-decoration: none;
}
.recent-gallery .link:hover:before {
  width: 100%;
}
.recent-gallery .link:before {
  content: "";
  width: 60px;
  height: 2px;
  background: #26282b;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.recent-gallery figure {
  display: block !important;
  left: 0 !important;
  margin: 0;
  position: relative;
  padding: 5px;
  border: 4px solid var(--theme-color);
   border-image: 
    linear-gradient(
      to bottom, 
      var(--theme-color), 
      rgba(255, 255, 255, 0)
    ) 1 100%;
}
.recent-gallery figure img{
  border-radius: 5px;
}
.recent-gallery .col-md-4:nth-child(1) {
  margin-top: 100px;
}
.recent-gallery .col-md-4:nth-child(2) {
  margin-top: 0;
}
.recent-gallery .col-md-4:nth-child(3) {
  margin-top: 80px;
}

/* PROPERTY CALCULATOR */
.property-calculator {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 150px;
  margin-top: 100px;
  position: relative;
}
.property-calculator figure {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -20px;
  background: var(--theme-color);
  position: relative;
}
.property-calculator figure:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: var(--theme-color);
  position: absolute;
  left: -50vw;
  top: 0;
}
.property-calculator figure .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  background: url(../images/side-pattern-bg.png);
  background-size: contain;
}
.property-calculator figure .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -35px);
}
.property-calculator figure .holder img {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
}
.property-calculator .content-box {
  display: block;
  padding-left: 10%;
}
.property-calculator .content-box b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.property-calculator .content-box h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.property-calculator .content-box h4 span {
  color: var(--theme-color);
}
.property-calculator .content-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.property-calculator .content-box ul {
  display: block;
  margin-bottom: 60px;
  padding: 0;
}
.property-calculator .content-box ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.property-calculator .content-box ul li:nth-child(1) {
  margin-right: 30px;
}
.property-calculator .content-box ul li img {
  height: 35px;
}
.property-calculator .content-box p {
  display: block;
  padding-right: 10%;
  margin-bottom: 30px;
}
.property-calculator .content-box a {
  display: inline-block;
  color: #26282b;
  font-weight: 600;
}
.property-calculator .content-box a img {
  height: 46px;
  margin-right: 10px;
}
.property-calculator .content-box a:hover {
  color: var(--theme-color);
  text-decoration: none;
}

/* PROPERTY PLANS */
.property-plans {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 150px;
  background: white;
}
.property-plans b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.property-plans h4 {
  display: block;
  font-size: 25px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.property-plans h4 span {
  color: var(--theme-color);
}
.property-plans h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.property-plans p {
  display: block;
  padding-right: 40%;
  margin-bottom: 30px;
}
.property-plans table {
  display: table;
  margin-bottom: 30px;
  font-size: 15px;
  width: 100%;
}
.property-plans table tr td {
  padding: 5px 0;
}
.property-plans table tr td:first-child {
  color: var(--theme-color);
  /* width: 120px; */
  font-weight: 600;
}
.property-plans .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.property-plans .tab-nav li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.property-plans .tab-nav li a {
  color: #26282b;
  font-weight: 600;
}

/* GET CONSULTATION */
.get-consultation {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 150px;
  margin-bottom: 100px;
  background-size: auto 120%;
  background-position: right;
  background-repeat: no-repeat;
  background-color: #e5e4df;
}
.get-consultation .content-box {
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 50px;
  margin-bottom: -100px;
  color: #fff;
  background: var(--theme-color);
  position: relative;
  overflow: hidden;
}
.get-consultation .content-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 200px 100vh 0;
  border-color: transparent var(--theme-color) transparent transparent;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.15;
}
.get-consultation b {
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.get-consultation h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
/* .get-consultation h4 span {
  color: var(--theme-color);
} */
.get-consultation h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.get-consultation p {
  display: block;
  padding-right: 20%;
  margin-bottom: 40px;
}
.get-consultation a {
  height: 60px;
  line-height: 60px;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  background: #26282b;
  padding: 0 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.get-consultation a i {
  margin-left: 10px;
}
.get-consultation a:hover {
  text-decoration: none;
  background: #fff;
  color: var(--theme-color);
}

/* RECENT POSTS */
.recent-posts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #fff;
}
.recent-posts b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.recent-posts h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.recent-posts h4 span {
  color: var(--theme-color);
}
.recent-posts small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.recent-posts small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.recent-posts .post-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.recent-posts .post-box figure {
  display: block;
  margin-bottom: 20px;
}
.recent-posts .post-box h6 {
  display: block;
  font-size: 20px;
  font-weight: 600;
}
.recent-posts .post-box h6 a {
  display: inline-block;
}
.recent-posts .post-box h6 a:hover {
  color: var(--theme-color);
  text-decoration: none;
}
.recent-posts .post-box p {
  display: block;
  margin: 0;
}
.recent-posts .post-box span {
  width: 100%;
  display: block;
  font-size: 13px;
  opacity: 0.5;
  margin-bottom: 10px;
}

/* PROPERTY CUSTOMIZATION */
.property-customization {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  /* background: #26282b; */
  color: #fff;
  position: relative;
}
.property-customization b {
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.property-customization h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.property-customization h4 span {
  color: var(--theme-color);
}
.property-customization h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.property-customization figure {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px 10px;
  margin: 15px 0;
  text-align:center;
  position:relative;
}
.property-customization figure:hover:before {
    content: "";
    position: absolute;
    width: 10%;
    height: 3px;
    background: white;
    left: 0;
    transition: all 04s ease-in-out;
}
.property-customization figure:hover{
  background-color: var(--theme-color);
  color: white;
}
.property-customization figure img {
  display: none;
  height: 40px;
  float: left;
  margin-right: 15px;
}
.property-customization figure figcaption {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

/* APARTMENTS */
.apartment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.apartment h2 {
  font-size: 4vw;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 20px;
}
.apartment h2 span {
  color: var(--theme-color);
}
.apartment h6 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
}
.apartment h5 {
  margin-bottom: 70px;
  font-weight: 600;
  opacity: 0.5;
}
.apartment h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.apartment p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.apartment p strong {
  font-weight: 600;
}
.apartment ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.apartment ul li {
  margin: 0;
  padding: 4px 0;
}
.apartment blockquote {
  display: inline-block;
  padding: 30px;
  background: var(--theme-color);
  margin-bottom: 40px;
}
.apartment blockquote p {
  margin: 0;
}
.apartment blockquote strong {
  font-size: 20px;
}
.apartment figure {
  width: 100%;
  display: block;
  margin-bottom: 70px;
  margin-top: 50px;
}
.apartment .gallery-slider {
  width: 80%;
  margin-top: 50px;
  margin-bottom: 70px;
}
.apartment .gallery-slider .gallery-container {
  margin: 0;
}
.apartment .property-plan {
  display: inline-block;
}
.apartment .property-infos {
  display: inline-block;
  background: var(--theme-color);
  color: #fff;
  padding: 50px;
  margin-bottom: 50px;
  float: left;
  margin-right: 100px;
}
.apartment .property-infos .odometer {
  font-size: 60px;
  font-weight: 800;
  position: relative;
  display: inline-flex;
}
.apartment .property-infos .odometer:after {
  content: attr(data-text);
  font-size: 30px;
  font-weight: 600;
  margin-top: 10px;
  margin-left: 5px;
  opacity: 0.5;
}
.apartment .property-infos p:last-child {
  margin-bottom: 0;
}

/* Page - Banner */

.page-banner{
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 700px;
  position: relative;
  background-attachment: fixed;
}
.page-banner  .page-heading {
   position: absolute;
  margin: 0 auto;
  left: 25;
  right: 0;
  top: 40%;
  margin: 0 auto;
  /* padding: 300px 0px; */
  color: white;
  transform: translateY(50%);
}
 .page-banner  .page-heading h1{
  font-size: 5rem;
  padding: 0;
  margin: 0;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.page-banner .page-title{
  position: relative;
  margin: 0 auto;
  padding: 300px 0px;
  color: white;
  /* position: absolute;
  margin: 0 auto;
  left: 25;
  right: 0;
  top: 40%;
  
  transform: translateY(50%); */
}
.desktop {
  display: flex;
}
.mobile {
  display: none;
}
@media (max-width: 1024px) {
  .page-banner .page-title {
    padding: 300px 20px;
  }

}
@media (max-width: 768px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .slider{
    height: auto;
  }
  .slider .carousel {
    height: auto;
  } 
  .slider .carousel-item .caption{
    position: absolute;
    text-align: center;
    bottom: 10rem;
    top: auto;  
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .slider .carousel-item .caption h1 {
    font-size: 3rem;
  }
  .slider .carousel-item img {
      height: 100vh;
      object-fit: cover;
  }
  .gallery-carousel .item {
    padding: 0 10px;
  }
  /* Styles for mobile and small tablets */
  .paddT-10rem, .padd-10rem {
    padding: 0 !important;
  }
  .page-banner .page-title{
    padding: 300px 15px;
  }
  .page-banner{
    max-height: calc(100vh - 60px);
  }
  #amenities .section_title:before, #gallery .section_title:before, #floorplan .section_title:before, #location .section_title:before, #enquirenow .section_title:before {
    display: none;
  }
}

.page-banner .page-title h1{
  font-size: 5rem;
  padding: 0;
  margin: 0;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.page-banner:before{
      content: "";
    position: absolute;
    background: black;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

/* ABOUT CONTENT */
.scroll-container {
	height: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #121212;
}

.scroll-container .infinite-scroll-wrapper {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.infinite-scroll-wrapper .infinite-scroll-content {
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	animation: scroll 100s linear infinite;
	width: 100%;
	gap: 0px;
}

.infinite-scroll-wrapper .infinite-scroll-items {
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	gap: 0px;
}

.infinite-scroll-items .item-wrap {
	position: relative;
	min-width: 238px;
	height: 700px;
	flex-shrink: 0;
	overflow: hidden;
}

.infinite-scroll-items .item-wrap:hover .img-overlay
 {
    opacity: 1;
    /* transform: translate(0%, 0); */
    transition: all 0.5s;
    cursor: pointer;
    /* cursor: url(../images/info.png), auto !important; */
}
.infinite-scroll-items .item-wrap:hover .img-overlay:before{
  content: 'Learn More';
  position: absolute;
  color:white;
  font-size: 1.8rem;
}

.item-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.item-wrap .text {
	position: absolute;
	bottom: 16px;
	left: 16px;
	z-index: 10;
	color: #fff;
	font-weight: 500;
}

.item-wrap:hover img {
	transform: scale(1.05);
}

@media (min-width: 1024px) {
	.infinite-scroll-wrapper:hover .infinite-scroll-content {
		animation-play-state: paused;
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}


.about-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
  background-color: white;
}

.about-content h2 {
  font-size: 2.5vw;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 20px;
  text-align: center;
}
.about-content h2 span {
  color: var(--theme-color);
}
.about-content h6 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
}
.about-content h5 {
  margin-bottom: 40px;
  font-weight: 600;
  opacity: 0.5;
}
.about-content h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.about-content p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.about-content p strong {
  font-weight: 600;
}
.about-content ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.about-content ul li {
  margin: 0;
  padding: 4px 0;
}
.about-content blockquote {
  display: inline-block;
  padding: 30px;
  background: var(--theme-color);
  margin-bottom: 40px;
}
.about-content blockquote p {
  color: white;
  line-height: 1.7;
  margin: 0;
}
.about-content blockquote strong {
  font-size: 20px;
  /* color: white; */
  line-height: 1.7;
}
.about-content blockquote button.enquire-now {
  display: inline-block;
  padding: 0.5rem 2rem;
  background: var(--theme-color);
  color: #fff;
  background: linear-gradient(-45deg, #e6b21e, #cc9906, #e6b21e, #cc9906);
  background-color: #e6b21e;
  border: none;
}
.about-content .video-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
  margin-top: 30px;
}
.about-content .video-content video {
  width: 100%;
  height: 100%;
  float: left;
}
.about-content .gallery-container {
  margin-bottom: 50px;
}

.resale-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
    background-color: white;
    min-height: 450px;
}

.resale-content h2 {
  font-size: 2.5vw;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 20px;
  text-align: center;
}
.resale-content h2 span {
  color: var(--theme-color);
}
.resale-content h6 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
}
.resale-content h5 {
  margin-bottom: 40px;
  font-weight: 600;
  opacity: 0.5;
}
.resale-content h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.resale-content p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.resale-content p strong {
  font-weight: 600;
}
.resale-content ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.resale-content ul li {
  margin: 0;
  padding: 4px 0;
}
.slide-container {
  position: absolute;
  left: 5%;
  width: 80%;
  transform: translate(10px, 10px);
}

.slide-item {
  position: relative;
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--theme-color);
  border-radius: 20px;
  cursor: pointer;
   background: #fff;
	 border-radius: 12px;
	 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
   display: flex;
	 justify-content: center;
	 align-items: center;
	 animation: fadeInCanvas 0.6s ease-in;
}

.slide-item > * {
  position: relative;
  font-size: 3em;
  margin: 0;
}

.slide-toggle-container {
  position: absolute;
  right: 5%;
  width: 10%;
  height: 200px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transform: translate(10px, 50%);
}
.slide-toggle-container p {
    line-height: 1 !important;
    margin: 0 !important;
}
/* Container for the slider arrows */
.slide-toggle-container {
    display: flex;
    flex-direction: column; /* Stack the arrows vertically */
    gap: 20px; /* Add spacing between the arrows */
    align-items: center; /* Center them horizontally */
}

/* Style for each arrow, creating a clickable area */
.slide-toggle {
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Hover effect to provide visual feedback */
.slide-toggle:hover {
    /* transform: scale(1.1); */
}

/* Styles for the SVG icon within the clickable area */
.slide-toggle svg {
    display: block;
    width: 100%; /* Set width to 100% of parent */
    height: 100%; /* Set height to 100% of parent */
    fill: #c07f06; /* The specified color for the icon */
    transition: fill 0.2s ease-in-out;
}
.slide-toggle i {
  color: var(--theme-color);
  font-size:4rem;
}

/* Change icon color on hover */
.slide-toggle:hover svg {
    fill: #a26505;
}

@media (max-width: 768px) {
  .slide-container {
    left: 0;
    width: 100%;
    position: relative;
    transform: unset;
    padding: 2rem;

  }
  .property-card{
    display: flex !important;
  }
  .property-card .property-image img{
   border-radius: 10px;
  }
  
.slide-toggle-container{
   position: relative;
    flex-direction: row;
    bottom: 0;
    width: 100%;
    transform: translateY(0px);
    height: 100px;
    left: 0;
    right: 0;
    height: 50px;
}
}

.slide-toggle {
  font-size: 1.5em;
  margin: 1em;
  cursor: pointer;
  user-select: none;
}
 @keyframes fadeInCanvas {
	 from {
		 opacity: 0;
		 transform: scale(0.95);
	}
	 to {
		 opacity: 1;
		 transform: scale(1);
	}
}

 .property-card {
	 overflow: visible;
	 transition: transform 0.3s ease;
	 animation: slideUpCard 0.5s ease-out;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.property-card img{
  max-width: 100%;
  height:auto;
}

 @keyframes slideUpCard {
	 from {
		 opacity: 0;
		 transform: translateY(20px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 .property-card .property-image {
	 /* overflow: hidden; */
	 position: relative;
	 width: 100%;
	 border-top-left-radius: 10px;
	 margin: 0;
	 padding: 0;
	 border-bottom-left-radius: 10px;
}


.property-card .property-image .badge-area-show {
  margin: 0 auto;
  position: relative;
}

.property-card .property-image .bagde-flag-wrap {
  	position: absolute;
    top: 20px;
    left: -25px;
}

.property-card .property-image .bagde-flag-wrap::before {
    content: "";
    position: absolute;
    top: 45px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 0;
    border-color: transparent red  transparent transparent;
}

.property-card .property-image .bagde-flag {
	text-transform: capitalize;
    color: #ffffff;
    background: red;
    letter-spacing: 0;
    font-size: 1.5rem;
    line-height: 15px;
    font-weight: 600;
    padding:15px 15px 15px 30px;
	display: block;
  text-decoration: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
}



 .property-card .property-image img {
  width: 100%;
  height: 100%;
  display: block;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
 .property-card .property-image .property-status {
	 position: absolute;
	 top: 12px;
	 left: 12px;
	 background: #e63946;
	 color: #fff;
	 padding: 6px 12px;
	 font-size: 0.85rem;
	 border-radius: 4px;
	 font-weight: bold;
}
 .property-card .property-details {
	 padding: 16px;
}
 .property-card .property-details .property-title {
	 font-size: 2.4rem;
	 font-weight: 600;
   text-align: center;
	 margin-bottom: 10px;
   background-color:var(--theme-color); 
   color: white;
   padding:10px 0;
   border-radius: 10px;
}
 .property-card .property-details .property-address {
	 font-size: 0.95rem;
	 color: #666;
	 margin-bottom: 12px;
}
.property-card .property-details .property-config table {
  width: 100%;
  font-size: 1.5rem;
}
.property-card .property-details .property-config table th{
  background-color: #c07f06; color: #fff;
  text-align: left
}

.property-card .property-details .property-config table tr td{
  text-align: left;
}
.property-card .property-details .property-config table tr td span{
  display: block;
    font-size: 1.1rem;
}

 .property-card .property-details .view-more-btn {
	 background: var(--theme-color);
	 color: #fff;
	 border: none;
	 padding: 10px 16px;
	 border-radius: 10px;
	 cursor: pointer;
	 font-size: 1.5rem;
	 transition: background 0.3s;
}
 @media (max-width: 480px) {
	 .property-card {
		 max-width: 100%;
	}
	 .property-details .property-features {
		 flex-direction: column;
		 gap: 6px;
	}
	 .property-details .view-more-btn {
		 width: 100%;
		 text-align: center;
	}
}

.rent-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
    background-color: white;
    min-height: 450px;
}

.rent-content h2 {
  font-size: 2.5vw;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 20px;
  text-align: center;
}
.rent-content h2 span {
  color: var(--theme-color);
}
.rent-content h6 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 20px;
}
.rent-content h5 {
  margin-bottom: 40px;
  font-weight: 600;
  opacity: 0.5;
}
.rent-content h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.rent-content p {
  line-height: 1.7;
  margin-bottom: 20px;
}
.rent-content p strong {
  font-weight: 600;
}
.rent-content ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.rent-content ul li {
  margin: 0;
  padding: 4px 0;
}
.iconnect h2{
  border-bottom: 1px solid darken;
}
#resale.fancybox__content,
#rent.fancybox__content {
        padding: 10px 5px;
    min-width: 350px;
    margin: 0 auto;
    text-align: center;
}
#resale.fancybox__content h2,
#rent.fancybox__content h2 {
  font-size: 2rem;
}
#resale.fancybox__content .icontent,
#rent.fancybox__content .icontent {
  padding: 0.5rem;
}
#resale.fancybox__content .icontent a,
#rent.fancybox__content .icontent a {
  text-decoration: none;
}

#underconstruction{
  background: url("../images/banners/uc_bg.webp") no-repeat center center;
  padding: 50px 0 !important;
  background-size: cover;
  position: relative;
  border-top-right-radius: 10rem;
  border-top-left-radius: 10rem;
  color: white;
}
#underconstruction h2{
  color: white;
}
#readytomove, #underconstruction {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 0;
    overflow-x: hidden;
    position: relative;
    scroll-margin-top: 100px !important; /* Makes it work even without JS */
    /* background: rgb(0, 0, 0, 0.2); */
}

#readytomove figcaption, #underconstruction figcaption {
    text-align: center;
}

/* .owl-carousel .item, .owl-carousel .item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
} */
.owl-carousel .item a:hover figure{
  /* background-color: rgba(0, 0, 0, 0.5);  */
  /* transform: translateY(-10rem); */
  transition: all 0.3s ease-in-out;
  /* filter: brightness(150%); */
  /* box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1); */
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

.owl-carousel .item a:hover figcaption h2{
  /* background: var(--theme-color); */
  background:radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  color: white;
  padding: 4px;
}
   

.owl-carousel .item a:hover figure img {
  transform: scale(0.9);
  transition: all 0.3s ease-in-out;
}
.owl-carousel .item a:hover figcaption {
  transform: translateY(-14.5rem);
  color: white;
 }
.owl-carousel .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: space-between;
}
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 20px;
    top: 40%;
    background-color: var(--theme-color) !important;
    display: block;
    padding: 0 .3em !important;
    font-size: 3em;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: 23px;
    top: 40%;
    background-color: var(--theme-color) !important;
    display: block ;
    padding: 0 .3em !important;
    font-size: 3em ;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}
.owl-carousel .owl-nav button.owl-prev span{
    /* font-size: 2.5rem; */
    color: white;
    padding: 10px 15px;
}
.owl-carousel .owl-nav button.owl-next span{
    /* font-size: 2.5rem; */
    color: white;
    padding: 10px 15px;
}
.owl-carousel .owl-nav button.owl-prev {
    left: -5%;
    padding: 10px;
    border-radius: 100px;
}
.owl-carousel .owl-nav button.owl-next {
    right: -11%;
    padding: 10px;
    border-radius: 100px;
}
#gallery .owl-carousel .owl-nav button.owl-prev  {
  left: -5%;
}
#gallery .owl-carousel .owl-nav button.owl-next  {
  right: -13%;
}
#floorplan .owl-carousel .owl-nav button.owl-prev  {
  left: -5%;
}
#floorplan .owl-carousel .owl-nav button.owl-next  {
  right: -13%;
}

#readytomove h1, #underconstruction h1 {
  text-align: center;
  font-size: 2.5rem;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 20px;  
}

.detail-menu ul {
  margin: 0;
  padding: 5px;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-menu ul li{
  margin: 0;
  padding: 0;
}
.detail-menu ul li a{
  margin: 0;
  padding: 5px 20px;
}



/* CERTIFICATES */
.certificates {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: white;
}
.certificates b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.certificates h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.certificates h4 span {
  color: var(--theme-color);
}
.certificates small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.certificates small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.certificates figure {
  display: block;
  margin: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.certificates figure img {
  width: 100%;
}

/* FACILITIES */
.facilities {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}
.facilities b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.facilities h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.facilities h4 span {
  color: var(--theme-color);
}
.facilities small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.facilities small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.facilities figure {
  width: 100%;
  float: left;
  margin: 15px 0;
  padding: 50px 30px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
}
.facilities figure img {
  height: 70px;
  float: left;
}
.facilities figure figcaption {
  width: calc(100% - 90px);
  float: right;
}
.facilities figure figcaption h5 {
  font-weight: 600;
  font-size: 16px;
}
.facilities figure figcaption p {
  font-size: 14px;
  opacity: 0.5;
  margin: 0;
}

/* FAQ */
.faq {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.faq .sidebox {
  width: calc(100% - 70px);
  float: left;
  margin-left: 70px;
  padding: 40px 30px;
  text-align: center;
  background: var(--theme-color);
  color: #fff;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
}
.faq .sidebox i {
  font-size: 100px;
  margin-bottom: 20px;
  display: inline-block;
}
.faq .sidebox h3 {
  display: block;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 20px;
}
.faq .sidebox p {
  color: #fff;
}

/* SALES OFFICES */
.sales-offices {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}
.sales-offices .office-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
  margin: 15px 0;
  border: 1px solid #eee;
}
.sales-offices .office-box h5 {
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 20px;
  font-size: 26px;
}
.sales-offices .office-box address {
  margin-bottom: 25px;
}
.sales-offices .office-box a {
  height: 44px;
  line-height: 44px;
  display: inline-block;
  padding: 0 20px;
  background: #26282b;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.sales-offices .office-box a i {
  margin-right: 7px;
}
.sales-offices .office-box a:hover {
  text-decoration: none;
}

/* INTRO VIDEO */
.intro-video {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  text-align: center;
}
.intro-video b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.intro-video h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.intro-video h4 span {
  color: var(--theme-color);
}
.intro-video h3 {
  font-weight: 600;
  margin-bottom: 50px;
}
.intro-video .video-container {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px;
  background: var(--theme-color);
}
.intro-video .video-container video {
  width: 100%;
  float: left;
}


/* PRESS RELEASES */
.press-relases {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}
.press-relases figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 15px 0;
  border: 1px solid #eee;
}
.press-relases figure a {
  width: 40%;
}
.press-relases figure a img {
  width: 100%;
}
.press-relases figure figcaption {
  width: 60%;
  padding-left: 20px;
}
.press-relases figure figcaption h5 {
  display: block;
  font-size: 22px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.press-relases figure figcaption p {
  font-size: 14px;
}
.press-relases figure figcaption small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0;
  opacity: 0.5;
}

/* PHOTO GALLERY */
.photo-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.photo-gallery .gallery-filter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  padding: 0;
}
.photo-gallery .gallery-filter li {
  display: inline-block;
  margin-right: 25px;
  padding: 0;
  list-style: none;
}
.photo-gallery .gallery-filter li a {
  font-weight: 600;
  border-bottom: 2px solid transparent;
}
.photo-gallery .gallery-filter li a.current {
  border-bottom: 2px solid var(--theme-color);
}
.photo-gallery .gallery-filter li a:hover {
  color: var(--theme-color);
  text-decoration: none;
}
.photo-gallery .gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-left: -4px;
  margin-right: -4px;
  padding: 0;
}
.photo-gallery .gallery li {
  width: 25%;
  margin: 0;
  padding: 4px;
  list-style: none;
}
.photo-gallery .gallery li img {
  width: 100%;
  float: left;
}

/* SALES TEAM */
.sales-team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.sales-team figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #eee;
  margin: 15px 0;
}
.sales-team figure img {
  width: 50%;
  display: inline-block;
}
.sales-team figure figcaption {
  display: inline-block;
}
.sales-team figure figcaption h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.sales-team figure figcaption h4 span {
  color: var(--theme-color);
}
.sales-team figure figcaption small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.sales-team figure figcaption small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.sales-team figure figcaption ul {
  display: block;
  margin: 0;
  padding: 0;
}
.sales-team figure figcaption ul li {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  padding: 0;
  list-style: none;
}
.sales-team figure figcaption ul li a {
  font-size: 14px;
  font-weight: 600;
}
.sales-team figure figcaption ul li a i {
  margin-right: 6px;
  font-size: 12px;
  font-weight: 400;
}
.sales-team figure figcaption ul li a:hover {
  text-decoration: none;
  color: var(--theme-color);
}

/* ERROR 404*/
.error404 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  text-align: center;
}
.error404 figure {
  display: block;
  margin-bottom: 60px;
  padding: 0 10%;
}
.error404 figure img {
  width: 100%;
}
.error404 h2 {
  font-size: 50px;
  font-weight: 800;
  color: var(--theme-color);
}
.error404 p {
  display: block;
  margin-bottom: 40px;
}
.error404 a {
  height: 60px;
  line-height: 56px;
  display: inline-block;
  color: var(--theme-color);
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid var(--theme-color);
  padding: 0 40px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.error404 a:hover {
  text-decoration: none;
  color: #fff;
  background: var(--theme-color);
  border-color: var(--theme-color);
}

/* BLOG */
.blog {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0;
}
.blog .post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog .post .post-image {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
.blog .post .post-image img {
  width: 100%;
}
.blog .post .post-content {
  width: calc(100% - 60px);
  float: left;
  background: #fff;
  margin: 0 30px;
  margin-top: -100px;
  padding: 30px;
}
.blog .post .post-content.single {
  width: 100%;
  margin: 0;
  margin-top: 50px;
  padding: 0;
}
.blog .post .post-content .post-title {
  font-weight: 800;
  margin-bottom: 20px;
}
.blog .post .post-content .post-title a {
  color: #26282b;
}
.blog .post .post-content .post-title a:hover {
  color: var(--theme-color);
  text-decoration: none;
}
.blog .post .post-content .post-tags {
  width: 100%;
  float: left;
}
.blog .post .post-content .post-tags i {
  font-size: 19px;
  float: left;
  margin-right: 10px;
  color: var(--theme-color);
  margin-top: 4px;
}
.blog .post .post-content .post-tags ul {
  display: block;
  margin: 0;
  padding: 0;
}
.blog .post .post-content .post-tags ul li {
  float: left;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog .post .post-content .post-tags ul li a {
  color: #26282b;
  text-decoration: underline;
}
.blog .post .post-content ul {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}
.blog .post .post-content ul li {
  margin: 0;
  padding: 4px 0;
}
.blog .post .post-content blockquote {
  display: inline-block;
  padding: 30px;
  background: var(--theme-color);
  margin-bottom: 40px;
}
.blog .post .post-content blockquote p {
  margin: 0;
}
.blog .post .post-content blockquote strong {
  font-size: 20px;
}
.blog .post .post-content .post-intro {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  font-size: 19px;
  line-height: 1.6;
}
.blog .post .post-content .post-author {
  width: 100%;
  float: left;
  line-height: 60px;
  margin-bottom: 20px;
}
.blog .post .post-content .post-author img {
  width: 60px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
.blog .post .post-content .post-author span {
  float: left;
  opacity: 0.5;
  margin-right: 5px;
}
.blog .post .post-content .post-author a {
  color: #26282b;
}
.blog .sidebar {
  width: calc(100% - 50px);
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px;
  border-left: 1px solid #eee;
  padding-left: 50px;
}
.blog .sidebar .widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.blog .sidebar .widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.blog .sidebar .widget .title {
  width: 100%;
  display: block;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 20px;
  font-weight: bold;
}
.blog .sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.blog .sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 2px 0;
  list-style: none;
}
.blog .sidebar .widget .categories li:before {
  content: "»";
  margin-right: 9px;
  color: var(--theme-color);
}
.blog .sidebar .widget .categories li span {
  float: right;
  color: var(--theme-color);
}
.blog .sidebar .widget .categories li a {
  color: #26282b;
}
.blog .sidebar .widget .categories li a:hover {
  color: var(--theme-color);
}
.blog .sidebar .widget form {
  width: 100%;
  display: block;
}
.blog .sidebar .widget form input[type=text] {
  width: calc(100% - 50px);
  float: left;
  border: 1px solid var(--theme-color);
  border-right: none;
}
.blog .sidebar .widget form button[type=submit] {
  width: 50px;
  padding: 0;
}
.blog .sidebar .widget .tags {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.blog .sidebar .widget .tags li {
  float: left;
  margin-right: 8px;
  margin-bottom: 6px;
  padding: 0;
  list-style: none;
}
.blog .sidebar .widget .tags li a {
  height: 30px;
  line-height: 30px;
  float: left;
  border: 1px solid var(--theme-color);
  padding: 0 10px;
  font-size: 13px;
  color: var(--theme-color);
  font-weight: 600;
}
.blog .sidebar .widget .tags li a:hover {
  background: var(--theme-color);
  color: #fff;
  border-color: var(--theme-color);
  text-decoration: none;
}
.blog .sidebar .widget .side-gallery {
  margin-left: -3px;
  margin-right: -3px;
  padding: 0;
}
.blog .sidebar .widget .side-gallery li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 3px;
  list-style: none;
}
.blog .sidebar .widget .side-gallery li a {
  width: 100%;
  float: left;
  background: #26282b;
}
.blog .sidebar .widget .side-gallery li a:hover img {
  opacity: 1;
}
.blog .sidebar .widget .side-gallery li a img {
  opacity: 0.5;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* CONTACT */
.swal2-html-container{
  overflow: hidden;
}
.swal2-confirm{
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  font-size: 1.5rem;
}
.swal2-confirm {
  float: right;
  margin-right: 0;
}
/* ENQUIRY FORM  */
#enquiryform {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  font-size: 1.2rem;
}
#enquiryform input[type=text] {
  margin: 0;
  height: 54px;
  padding: 10px;
}
#enquiryform input[type=checkbox]{
   width: 15px;
    height: 15px;
    margin-top: 0;
}
#enquiryform .form-group {
  margin-bottom: 1.5rem;
}
.terms-checkbox{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.terms-text{
  margin-left: 10px;
  font-size: 12px;
}
#enquiryform textarea {
  margin: 0;
  width: 100%;
  height: 5rem;
}
.contact {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 5rem 0;
}
.contact b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.6;
}
.contact h4 {
  display: block;
  font-size: 30px;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 15px;
}
.contact h4 span {
  color: var(--theme-color);
}
.contact small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 50px;
  opacity: 0.5;
}
.contact small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.contact address {
  display: block;
  /* padding-right: 100px; */
  margin-bottom: 50px;
}
.contact address strong {
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.contact address p {
  display: block;
  margin: 0;
}
.contact .map {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 100px;
  background: var(--theme-color);
  position: relative;
}
.contact .map:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: var(--theme-color);
  position: absolute;
  left: -50vw;
  top: 0;
}
.contact .map .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  background: url(../images/side-pattern-bg.png);
  background-size: contain;
}
.contact .map .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(35px, -35px);
}
.contact .map .holder iframe {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
  height: 657px;
  border: none;
}
.contact .contact-form {
  width: 100%;
  display: block;
  padding-left: 10%;
}
.contact .contact-form h5 {
  margin-bottom: 40px;
}
.contact .contact-form #contact {
  display: block;
}
.contact .contact-form #contact .form-group {
  display: block;
  position: relative;
  margin-bottom: 35px;
}
.contact .contact-form #contact .form-group span {
  width: 100%;
  line-height: 54px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 20px;
  z-index: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.contact .contact-form #contact .form-group span.label-up {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 500;
}
.contact .contact-form #contact .form-group input[type=text] {
  background: none;
  position: relative;
  z-index: 2;
}
input::placeholder {
  color: transparent;
}
textarea::placeholder {
  color: transparent;
}
.contact .contact-form #contact .form-group input:focus + span {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 500;
}
.contact .contact-form #contact .form-group textarea {
  background: none;
  position: relative;
  z-index: 2;
}
.contact .contact-form #contact .form-group textarea:focus + span {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 500;
}
.contact .contact-form #contact .form-group label.error {
  color: red;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 13px;
}
.contact .contact-form #success, .contact .contact-form #error {
  display: none;
  float: left;
}
.contact .contact-form #error {
  background: red;
  color: #fff;
}
.error-message {
  background: red;
  color: #fff;
  font-size: 0.85em;
  margin-top: 4px;
}
.contact .contact-form #success {
  background: green;
  color: #fff;
}
.contact .contact-form .alert {
  border: none;
  border-radius: 0;
  padding: 20px 30px;
}
/* DISCLAIMER */
.disclaimer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
/* PRIVACY POLICY */
.privacy-policy {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
/* FOOTER BAR */
.footer-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -80px;
  background: white;
}
.footer-bar .inner {
  background: var(--theme-color);
  padding: 60px 30px;
  color: #fff;
}
.footer-bar .inner figure {
  margin-bottom: 20px;
  float: left;
  margin-right: 30px;
}
.footer-bar .inner figure img {
  height: 70px;
}
.footer-bar .inner h3 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 22px;
  margin-bottom: 15px;
}
.footer-bar .inner p {
  font-size: 16px;
  margin: 0;
}
.footer-bar .inner strong {
  font-weight: 600;
  /* text-decoration: underline; */
}

/* FOOTER */
.home-page .footer, .about-page .footer, .contact-page .footer, .propertydetail  .footer, .rent-page .footer, .resale-page .footer {
  padding-top: 180px;
}
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 50px;
  padding-bottom: 30px;
  background: #26282b;
}
.footer p {
  color: #fff;
}
.footer p.rera{
  font-size: 12px;
}
.footer .logo {
  height: 41px;
  margin-bottom: 15px;
}
.footer .logo img {
  height: 48px;
}
.footer .select-box {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 15px;
  padding-left: 25px;
  margin-top: 20px;
}
.footer .select-box:hover {
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.footer .select-box span {
  margin-right: 40px;
}
.footer .select-box .dropdown-toggle {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.footer .select-box .dropdown-toggle:hover {
  text-decoration: none;
}
.footer .select-box .dropdown-toggle img {
  width: 20px;
  margin-right: 5px;
}
.footer .select-box .dropdown-menu {
  width: 100%;
  background: #fff;
  border-radius: 0;
  border: none;
  margin-left: -25px;
  margin-top: 13px;
}
.footer .select-box .dropdown-menu li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .select-box .dropdown-menu li a {
  display: block;
  padding: 7px 25px;
  font-size: 14px;
  line-height: 1;
}
.footer .select-box .dropdown-menu li a:hover {
  background: none;
  color: var(--theme-color);
}
.footer .select-box .dropdown-menu li a img {
  width: 20px;
  margin-right: 5px;
}
.footer .footer-menu {
  display: block;
  margin: 0;
}
.footer .footer-menu li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 4px 0;
  list-style: none;
}
.footer .footer-menu li a {
  float: left;
  color: #fff;
  text-decoration: none;
}
.footer .footer-menu li a:hover {
  color: var(--theme-color);
}
.footer .contact-box {
  float: right;
  color: #fff;
  text-align: right;
}
.footer .contact-box h5 {
  margin-bottom: 10px;
  font-size: 19px;
  font-family: "Josefin Sans", sans-serif;
}
.footer .contact-box h3 {
  font-weight: 600;
  margin: 0;
}
.footer .contact-box p {
  margin-bottom: 10px;
}
.footer .contact-box p a {
  color: #fff;
  text-decoration:none;
  opacity: 0.5;
}
.footer .contact-box ul {
  float: right;
  margin: 0;
  margin-top: 20px;
  padding: 0;
}
.footer .contact-box ul li {
  float: left;
  margin-left: 5px;
  padding: 0;
  list-style: none;
}
.footer .contact-box ul li a {
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.footer .contact-box ul li a:hover {
  color: #26282b;
  background: var(--theme-color);
}
.footer .col-12 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
  /* margin-top: 80px; */
  color: #fff;
  font-size: 13px;
}
.footer .col-12 .copyright {
  float: left;
}
.footer .col-12 .creation {
  float: right;
}
.footer .col-12 .creation a {
  color: #fff;
  text-decoration: none;
}
  /*--------------------------------------------------------------
  # Scroll Top Button
  --------------------------------------------------------------*/
  .progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  
  .progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .progress-wrap::after {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f062';
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #1f2029;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    color: var(--theme-color);
  }
  
  .progress-wrap:hover::after {
    opacity: 0;
  }
  
  .progress-wrap::before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f062';
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    opacity: 0;
    background-image: linear-gradient(298deg, #da2c4d, #f8ab37);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  
  .progress-wrap:hover::before {
    opacity: 1;
  }
  
  .progress-wrap svg path {
    fill: none;
  }
  
.progress-wrap svg.progress-circle path {
  stroke: var(--theme-color);
  stroke-width: 6;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
figure{
  position: relative;
}
.fancybox-lock .fancybox-overlay {
  overflow: hidden !important;
  overflow-y: hidden !important;
}
.fancybox-skin {
  cursor: pointer;
}
.fancybox:hover .img-overlay
 {
    opacity: 1;
    /* transform: translate(0%, 0); */
    transition: all 0.5s;
    cursor: url(../images/hovericon.png), auto !important;
}
.tab-pane{
  text-align: center;
}
.tab-pane figure{
  cursor: pointer;
}
.tab-pane figure:hover .img-overlay{
   opacity: 1;
    /* transform: translate(0%, 0); */
    transition: all 0.5s;
    cursor: url(../images/hovericon.png), auto !important;
}
.img-overlay {
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    /* transform: translate(-101%, 0); */
    opacity: 0;
    transition: all 1s;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 48;
}

/* Property Details */
.propertydetail{
  position: relative;
}
.propertydetail .customresidential{

}

.propertydetail  .custom-banner {
    color: #721c24;
    padding: 60px 20px;
}
.sticky {
    position: fixed;
    top: 160px;
    z-index: 1000;
  }
.detailPage .nav {
  will-change: transform;
  position: relative;
  top: 25%;
  left: 0;
  width: 100%;
  z-index: 1;
  background: darkgoldenrod;
  /* transform: translateY(-100%); */
  overflow: hidden;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.detailPage .nav ul {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 100vw;
}
.nav--active {
  transform: translateY(0);
}
.nav_list {
  display: flex;
}
.nav_item {
  flex: 1;
  position: relative;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav_item:hover {
  opacity: 0.75;
}
.nav_link {
  position: relative;
}
.nav_thumb {
  display: block;
  height: 80px;
  background: darkgoldenrod;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav_item.nav_item--active a.nav_link .nav_thumb {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.nav_item.nav_item--active a.nav_link p.nav_label
 {
    color: white;
}
.nav_thumb:before {
  content: attr(data-letter);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 70px;
  text-transform: uppercase;
  opacity: 0;
}
.nav_label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: wheat;
  margin: 0;
  font-size: 1.5rem;
}

.page {
  /* height: 100vh; */
  height: max-content;
  min-height: 750px;
  will-change: transform;
  perspective: 400px;
  overflow: hidden;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.detail-section {
    padding: 2vw 0;
    will-change: transform;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: max-content;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    transform: translateX(-100%);
    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 10; /* Ensure it's above other content */
}
.section--hidden {
  transform: translateX(-100%);
}
.section--active {
  transform: translateX(0) rotateY(0);
  z-index: 2;
}
.section_wrapper {
  width: 100%;
  max-width: 100%;
  padding: 0;
  position: relative;
}
.section_title {
  margin: 0 0 25px 0;
  font-size: 48px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: black;
}
.section_title:before {
  content: '';
  position: absolute;
  top: 5rem;
  left: 1%;
  margin: auto;
  width: 10%;
  height: 2px;
  background: black;
} 
.section p {
  margin: 0 0 25px 0;
  font-family: 'Georgia';
  font-size: 18px;
  color: black;
  opacity: 0.55;
}

.section p:last-child {
  margin-bottom: 0;
}

/* Overview */
#overview{
  position: relative;
}
#overview .section_wrapper h1,
#overview .section_wrapper h3
{
  text-align: left;
}
#overview button.header_button {
    border: none;
    /* background: var(--theme-color); */
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    border-radius: 10px;
    margin-top: 10px;
    padding: 12px 18px;
        float: left;
}
#overview button.header_button a {
  color: white;
}
#amenities .section_title:before, #gallery .section_title:before,
#floorplan .section_title:before, #location .section_title:before, 
#enquirenow .section_title:before
{
  content: '';
  position: absolute;
  top: 5rem;
  left: 45%;
  margin: auto;
  width: 10%;
  height: 2px;
  background: black;
} 
#amenities .features-list {
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
 .features-list li {
	 margin-bottom: 6px;
	 display: flex;
	 align-items: center;
	 color: radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #fff 0%, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
	 font-size: 1.9rem;
}
 .features-list li i {
	 color: radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #fff 0%, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
	 margin-right: 12px;
	 font-size: 16px;
}
 
.padd-10rem {
  margin: 0;
  padding-left: 10rem;
  padding-right: 10rem;
}
.paddTB-5rem {
  margin: 0;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.paddT-10rem {
  margin: 0;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.amenities
 {
    text-align: center;
    margin-bottom: 30px;
}
.ameicon {
    padding: 0 !important;
}
.ameicon i {
    background: #272727 !important;
    width: 110px;
    height: 110px;
    margin: 0;
    margin-bottom: 15px;
    color: #fdbf32;
    border: none;
    transition: ease all 0.5s;
}
.ameicon i::before {
    line-height: 110px !important;
}
.ameicon .hi-icon:after {
    box-shadow: 0 0 0 2px #555 !important;
}
.ameicon .hi-icon:hover {
    background: var(--theme-color) !important;
    color: #ffffff !important;
    /* border-color: transparent; */
    /* transform: rotate(360deg); */
    transition: ease all 0.5s;
}

/* Gallery  */
.gallery-thumbs {
    height: 320px;
    overflow: hidden;
}
.gallery-thumbs:hover img {
    transform: scale(1.19);
    transition: all 0.5s;
}

.gallery-thumbs,
.floorplan-thumbs {
    height: 320px;
    overflow: hidden;
}

.gallery-thumbs img,
.floorplan-thumbs img {
    height: 100%;
    width: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}
.gallery-thumb img {
    transition: transform 0.3s ease;
}

.gallery-thumb:hover img {
    /* transform: scale(1.05); */
}


.overlay-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-thumb:hover .overlay-icon {
    opacity: 1;
}

.overlayg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.overlayg.transparent {
    background: rgba(0, 0, 0, 0);
}

.overlayg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px dashed #383838;
    transform: scale(0.975);
    z-index: 99;
}

.overlayg.whiteborder::before {
    border: none;
}


/* Floor Plans */
.floorplan-carousel.single-center {
  display: flex !important;
  justify-content: center;
}

.floorplan-carousel.single-center .item {
  max-width: 600px; /* optional, adjust size */
}
.floorplan-thumb {
    border: 1px solid var(--theme-color);
    position: relative;
    display: block;
    border-radius: 10px;
    padding: 5px;
    min-height: 247px;
}

.floorplan-thumb .overlay {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.floorplan-thumb img {
    transition: transform 0.3s ease;
    min-height: 247px;
}
.owl-blur .item img {
    filter: blur(7px);
    -webkit-filter: blur(7px);
}
.floorplan-thumb:hover img {
    /* transform: scale(1.05); */
}

.overlay-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.floorplan-thumb:hover .overlay-icon {
    opacity: 1;
}

/* Location  */

.location-thumb img {
    transition: transform 0.3s ease;
    border-radius: 8px;
}

.location-thumb:hover img {
    transform: scale(1.03);
}

.list-group-item {
    font-size: 1rem;
    padding: 0.75rem 1rem;
}
#location .accordion-button{
  font-size: 1.8rem;
}
#location .accordion-button:not(.collapsed),
#location .accordion-button:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
  background-color: transparent;
}
#location .accordion-button::after {
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-color: var(--theme-color);
  background-image: none !important;
}
#location .accordion-button.collapsed::after {
  background-color: gray;
}
#location  .accordion-button:not(.collapsed) {
  color: var(--theme-color);
}
#location .accordion-body ul {
  padding-left: 0;
  margin-bottom: 0;
  padding-top: 8px;
}
#location .accordion-body ul li {
  list-style: circle;
  text-align: left;
  font-size: 1.5rem;
  border:none;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: auto !important;
}



/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

  .page-header .container h1 {
    font-size: 8vw;
  }
  .sub-header{
    background-position: top center !important
  }
  .intro figure .pattern-bg {
    width: 100%;
    left: 0;
  }

  .intro figure .holder img {
    width: 100%;
  }

  .intro .content-box {
    padding-left: 0;
  }

  .logos figure img {
    padding: 0 10%;
  }

  .about-content {
    padding: 80px 0;
  }

  .sales-offices {
    padding: 80px 0;
  }

  .press-relases {
    padding: 80px 0;
  }

  .photo-gallery {
    padding: 80px 0;
  }

  .photo-gallery .gallery li {
    width: 33.33333%;
  }

  .intro-video {
    padding: 80px 0;
  }

  .faq .sidebox {
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
  }

  .apartment {
    padding: 80px 0;
  }

  .apartment .property-infos {
    width: 100%;
    margin-right: 0;
  }

  .apartment .property-plan {
    margin: 50px 0;
  }

  .apartment .gallery-slider {
    width: 100%;
  }

  .facilities {
    padding: 80px 0;
  }

  .blog .sidebar {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .sales-team {
    padding: 80px 0;
  }

  .sales-team figure figcaption {
    width: 50%;
  }

  .sales-team figure figcaption h4 {
    font-size: 21px;
  }

  .sales-team figure figcaption small {
    margin-bottom: 20px;
  }

  .error404 {
    padding: 80px 0;
  }

  .recent-gallery {
    padding: 80px 0;
  }

  .recent-gallery h3 {
    padding-right: 0;
  }

  .recent-gallery .col-md-4 {
    margin-top: 0 !important;
  }

  .recent-gallery figure {
    margin-top: 80px;
    margin: 0 auto;
    text-align: center;
  }

  .benefits {
    padding: 0;
  }

  .property-calculator {
    padding-bottom: 80px;
    margin-top: 0;
  }

  .property-calculator .col-lg-6:nth-child(1) {
    order: 2;
  }

  .property-calculator .col-lg-6:nth-child(2) {
    order: 1;
  }

  .property-calculator figure {
    width: 100%;
  }

  .property-calculator figure:before {
    display: none;
  }

  .property-calculator figure .pattern-bg {
    width: 100%;
    left: 0;
  }

  .property-calculator figure .holder {
    transform: translate(0, -45px);
    padding: 0 15%;
  }

  .property-calculator figure .holder img {
    width: 100%;
  }

  .property-calculator .content-box {
    padding-left: 0;
    margin-bottom: 150px;
  }

  .property-plans {
    padding-bottom: 80px;
  }

  .property-plans .nav-pills {
    margin-top: 40px;
  }

  .recent-posts {
    padding: 80px 0;
  }

  .recent-posts .post-box {
    margin: 25px 0;
  }

  .property-customization {
    padding: 80px 0;
  }

  .video-bg video {
    float: right;
  }

  .certificates {
    padding: 80px 0;
  }

  .contact {
    padding: 80px 0;
  }

  .contact address p a {
    display: block;
  }

  .contact .contact-form {
    padding-left: 0;
    margin-top: 50px;
  }

  .blog {
    padding: 80px 0;
  }

  .footer-bar .inner {
    padding: 30px;
  }

  .footer-bar .inner .col-lg-4 {
    margin: 20px 0;
  }

  .footer-bar .inner figure {
    width: 70px;
    margin-right: 0;
  }

  .footer-bar .inner figure img {
    height: 60px;
  }

  .footer {
    padding-top: 150px;
  }

  .footer .select-box {
    margin-bottom: 80px;
  }

  .footer .footer-menu {
    padding: 0;
  }

  .footer .contact-box {
    float: left;
    text-align: left;
    margin-top: 80px;
  }

  .footer .contact-box ul {
    float: left;
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  /* .page-banner {
      background-position: top center;
      background-size: contain;
  } */
  .twgardenwadhwaorchad  .page-banner{
    background-position: center center;
  }
  .hamburger {
        display: block;
        z-index: 50;
        right: 70px;
        top: 4.5rem;
    }
  .navbar .container .menu {
    display: none;
  }
  .page-banner .page-title h1{
    font-size: 2rem;
  }
  .property-plans p{
    padding-right: 0%;
    margin-bottom: 0px;
  }
  .navbar .container .upper-side .logo img{
    max-width: 200px;
  }
  .navbar .container .upper-side {
    padding: 20px 0;
  }
  .navbar .container .upper-side .logo{
    max-width: 250px;
  }
  .side-navigation .logo {
    max-width: 200px;
  }
  .side-navigation .side-content {
    display: none;
  }

  .side-navigation .menu {
    display: block;
    padding-top: 20%;
  }

  .intro figure .holder {
            transform: translate(140px, -45px);
        padding: 10px;
  }

  .intro figure .holder img {
    width: 450px;
  }
#homeproject-video {
    max-height: 500px;
    display: flex;
        margin: 0 auto;
}
  .property-calculator figure .holder {
    transform: translate(65px, -65px);
  }

  .property-calculator figure .holder img {
    width: 450px;
  }

  .footer-bar .inner p {
    font-size: 15px;
  }

  .footer-bar .inner p br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
 
     
  .intro figure .holder{
      transform: translate(0, 0);
    padding: 0;
    border: none;
  }
      .intro figure {
        width: 100vw;
        margin-bottom: 80px;
    }
    .intro .interchange {
    flex-direction: column-reverse
  }
  .nav_label {
    font-size: 14px;
  }
  .footer-bar div.add {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
   .navbar .container .upper-side .logo img{
    max-width: 175px;
  }
  .side-navigation {
    width: 80vw;
    z-index: 10;
  }

  .page-header .container h1 {
    font-size: 10vw;
  }

  .page-header .container .breadcrumb {
    width: calc(100% - 30px);
  }

  .navbar .container .upper-side .phone-email {
    display: none;
  }

  .navbar .container .upper-side .language {
    display: none;
  }

  .navbar .container .upper-side .hamburger {
    margin-left: auto;
  }

  .slider .slider-container .inner-elements .container .social-media {
    display: none;
  }

  .slider .slider-container .swiper-slide .container {
    padding-left: 15px;
    padding-right: 40px;
  }

  .slider .slider-container .swiper-slide .container figure {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }

  .benefits .col {
    width: 50%;
    flex-basis: auto;
    border-right: none;
  }

  .benefits .col:nth-child(odd) {
    margin-top: 0;
  }

  .apartment h2 {
    font-size: 9vw;
  }

  .apartment figure {
    margin: 15px 0;
  }

  .apartment h4 {
    margin-top: 30px;
  }

  .about-content h2 {
    font-size: 10vw;
  }

  .blog .post .post-image {
    margin-bottom: 30px;
  }

  .blog .post .post-content {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .contact .map .holder iframe {
    width: 100%;
    height: 450px;
  }

  .side-navigation .menu ul li a {
    font-size: 5vw;
  }

  .side-navigation .menu ul li ul li a {
    font-size: 4vw;
  }

  .certificates figure {
    margin: 15px 0;
  }

  .footer .col-12 .creation {
    float: left;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 720px) {
   .nav_label {
    display: none;
  }
  .nav_thumb {
    height: 60px;
  }
  .nav_thumb:before {
    font-size: 24px;
    opacity: 0.7;
  }
   .section_title {
    font-size: 28px;
  }
  .section_title:before {
    top: 3.25rem;
  }
  .section p {
    font-size: 16px;
  }
}
/*# sourceMappingURL=style.css.map */