@charset "UTF-8";
/*

@Author: NBC
@URL: www.nbcbearings.com




// 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
*/
.elementor.elementor-11844 {
    margin-top: -2%;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    display: none;
}
/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Roboto|Poppins:300,400,600,800&display=swap&subset=latin-ext");
/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
 font-family: "Roboto", sans-serif;
  color: #26282b;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

/* 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;
}

a:hover {
  text-decoration: none;
}

/* CUSTOM CONTAINER */
.container {
  max-width: 1200px;
}

/* FORM ELEMENTS */
input[type=text] {
  /* width: 100%; */
  /* height: 38px; */
  /* border: 1px solid #eee; */
  /* padding: 0 20px; */
  /* padding: 0 0 0 12px; */
  border: solid 1px #707070;
  /* border-radius: 0px; */
  height: calc(1.5em + .75rem + 2px);
  padding: 1.275rem 1.5rem;
}

textarea {
  width: 97%;
  height: 60px;
  /* border: 1px solid #eee; */
  padding: 15px 0px;
  border: solid 1px #707070;
}

button[type=submit] {
  height: 41px;
  background: #223f99 0% 0% no-repeat padding-box;
  border: none;
  /* background: #9f8054; */
  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: #9f8054;
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  border-top: 1px solid #eee;
  line-height: 26px;
}
.accordion .card [aria-expanded=true] {
  color: #9f8054 !important;
}
.accordion .card [aria-expanded=true]:before {
  content: "-" !important;
  color: #9f8054 !important;
}

/* PAGINATION */
.pagination {
  display: flex;
}
.pagination .page-item {
  display: inline-block;
  margin-right: 6px;
}
.pagination .page-item.active .page-link {
  background: #9f8054;
  color: #fff;
  border-color: transparent;
  position: relative;
  z-index: 2;
}
.pagination .page-item.active .page-link:hover {
  background: #9f8054;
  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: #9f8054;
}

/* 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: 80%;
  margin: 0;
  opacity: 0.6;
}
.gallery-container .swiper-slide.swiper-slide-active {
  width: 80%;
  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: #ebcfa7;
  opacity: 1;
}

/* VIDEO BG */
.video-bg {
 /* width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;*/
  /* background: #26282b; */
  /*background: -moz-linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%);
   background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%); */
  /* background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%); */
 /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#9f8054",GradientType=1);
*/}
.video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
  opacity: 0.15;
}

/* NAV PILLS */
.nav-pills {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 70px;
  /* padding-left: 10%; */
  margin-top: 45px;
}
.nav-pills .nav-item {
  display: inline-block;
  margin-right: 5px;
}
.nav-pills .nav-item:last-child {
  margin-right: 0;
}
.nav-pills .nav-item .nav-link {
  background: none;
  color: #26282b;
  /* border-bottom: 2px solid transparent; */
  /* padding: 4px 0; */
  border-radius: 0;
  /* font-weight: 600; */
  /* font-size: 14px; */
  background: #fff;
  /* padding: 15px 15px; */
  /* letter-spacing: 0.72px; */
  padding: 15px 10px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.52px;
  text-align: left;
  /* color: #ffffff; */
  text-transform: capitalize;
}
.nav-pills .nav-item .nav-link.active {
  /* border-bottom: 2px solid #26282b; */
  background: #223F99;
  /* color: #fff; */
  padding: 15px 10px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.52px;
  text-align: left;
  color: #ffffff;
  text-transform: capitalize;
}

/* 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: #ebcfa7;
}
.breadcrumb .breadcrumb-item a {
  color: #fff;
}

/* HAMBURGER */
.hamburger {
  position: relative;
  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);
  margin-top: 0px;
}
.hamburger span {
  display: block;
  height: 2px;
  width: 30px;
  background: #fff;
  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;
}

.upper-side .hamburger span {
  display: block;
  height: 2px;
  width: 30px;
  background: #222;
  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 span:nth-child(3) {
  width: 10px;
  top: 19px;
}
.hamburger span:nth-child(4) {
  width: 6px;
  top: 19px;
  left: 15px;
}
.hamburger.open {
  margin: 0;
}
.hamburger.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
  opacity: 0;
  left: 20px;
}
.hamburger.open span:nth-child(3) {
  width: 30px;
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.hamburger.open span:nth-child(4) {
  opacity: 0;
  left: 20px;
}
.hamburger:hover span:nth-child(4) {
  width: 20px;
  left: 10px;
}

/* PRELAODER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 12;
  background: #fbf100;
  -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: #676767;
  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;
}

/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 12;
  background: #ebcfa7;
  -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 */
.page-loaded .preloader {
  right: -100%;
}

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

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

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

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

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

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

/* SIDE NAVIGATION */
.side-navigation {
  width: 400px;
  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 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -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 .menu {
  display: none;
  margin-bottom: 20px;
}
.side-navigation .menu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.side-navigation .menu ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  position: relative;
}
.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: #ebcfa7;
  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: #ebcfa7;
}
.side-navigation.active {
  left: 0;
}

/* NAVBAR */
.navbar {
  width: 100%;
  padding: 0;
  /* position: absolute; */
  left: 0;
  /* top: 40px; */
  z-index: 3;
  background: #F1F1F1;
}
.navbar .container {
  flex-direction: column;
}
.navbar .container .upper-side {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0px 20px 0px;
  /* align-items: unset; */
  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 img {
  /* height: 48px; */
}
.navbar .container .upper-side .phone-email {
  /* margin-right: 0; */
  /* margin-left: 0px; */
  /* margin-top: 0px; */
  /* text-align: right; */
  /* color: #fff; */
  /* align-items: center; */
  /* text-align: center; */
  /* padding: 0px 0px 0px 0px; */
}
.navbar .container .upper-side .phone-email img {
  /* float: right; */
  /* height: 17px; */
  /* margin-left: 15px; */
  /* width: 25px; */
}
.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: #ebcfa7;
  opacity: 1;
}
.navbar .container .upper-side .language {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px 0;
  padding-right: 0px;
  /* 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: #ebcfa7;
  text-decoration: none;
}
.navbar .container .upper-side .hamburger {
  width: 30px;
  height: 21px;
  margin-right: 0;
}

.navbar .container .menu .hamburger {
  width: 30px;
  height: 21px;
  margin-right: 0;
}
.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;
  background: #676767;
}
.navbar .container .menu ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 40px;
  margin-top: 0px;
  margin-bottom: 0;
  padding: 0;
}
.navbar .container .menu ul li {
  margin: 0;
  margin-left: 25px;
  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 .container .menu ul li ul li a {
  padding: 8px 0;
}
.navbar .container .menu ul li ul li a:hover {
  border-color: transparent;
}
.navbar .container .menu ul li a {
  display: inline-block;
  padding: 15px 0;
  border-top: 1px solid transparent;
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #f1f1f1;
  cursor: pointer;
}
.navbar .container .menu ul li a:hover {
  text-decoration: none;
  color: #ffffff;
  border-top: 3px solid #FFF200;
  padding: 12px 0;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 600px;
  min-height: 600px;
  display: flex;
  flex-wrap: wrap;
  /* background: #26282b; */
  overflow: hidden;
  margin-top: -1px;
}
.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;
  background-repeat: no-repeat;
 background-position: center; 
}
.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%, #9f8054 100%);
  /* background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%); */
  /* background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#9f8054",GradientType=1);
  opacity: 0.65;
}
.slider .slider-container .swiper-slide .container {
  position: relative;
  z-index: 9;
  padding-left: 30px;
  margin-top: -180px;
}
.slider .slider-container .swiper-slide .container h1 {
  /* font-size: 4vw; */
  color: #fff;
  /* font-family: "Playfair Display", serif; 
  color: #223F99;*/
  margin-bottom: 0px;
  /* margin-top: 40px; */
  /* font-weight: 600; */
  font: normal normal bold 79px/65px Roboto;
  letter-spacing: 0px;
  /*color: #ffffff;
   padding-top: 70px; */
}
.slider .slider-container .swiper-slide .container h1 span {
  display: inline-block;
  position: relative;
}
.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: 500; */
  /* color: #676767; */
  /* margin-bottom: 50px; */
  /* font-size: 20px; */
  font: normal normal bold 27px/73px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
}
.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 #ebcfa7;
  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: #9f8054;
  border-color: #9f8054;
}
.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;
}
.slider .slider-container .inner-elements .container .social-media {
  width: 20px;
  position: absolute;
  left: 15px;
  top: calc(50% + 60px);
  transform: translateY(-50%);
  z-index: 4;
  text-align: center;
}
.slider .slider-container .inner-elements .container .social-media h6 {
  width: 120px;
  color: #fff;
  transform: rotate(90deg);
  transform-origin: left;
  margin-left: 9px;
  font-weight: 600;
  margin-bottom: 120px;
  font-size: 14px;
}
.slider .slider-container .inner-elements .container .social-media ul {
  margin: 0;
  padding: 0;
}
.slider .slider-container .inner-elements .container .social-media ul:before {
  content: "";
  width: 1px;
  height: 42px;
  background: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 10px;
}
.slider .slider-container .inner-elements .container .social-media ul li {
  margin: 0;
  padding: 3px 0;
  list-style: none;
}
.slider .slider-container .inner-elements .container .social-media ul li a {
  color: #fff;
  font-size: 12px;
}
.slider .slider-container .inner-elements .container .social-media ul li a:hover {
  color: #223f99;
}
.slider .slider-container .inner-elements .container .pagination {
  width: auto;
  position: absolute;
  left: auto;
  right: 15px;
  bottom: 20px;
  z-index: 4;
  color: #223f99;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
}
.slider .slider-container .inner-elements .container .pagination .swiper-pagination-current {
  font-size: 40px;
  font-weight: 800;
  margin-right: 5px;
}
.slider .slider-container .inner-elements .container .pagination .swiper-pagination-total {
  font-size: 20px;
  margin-left: 5px;
}
.slider .slider-container .inner-elements .container .button-prev {
  width: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% + 60px);
  z-index: 4;
  transform: rotate(90deg);
  -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;
  transform-origin: bottom;
  margin-top: -60px;
  font-weight: 600;
  color: #223f99;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: none;
}
.slider .slider-container .inner-elements .container .button-prev:hover {
  color: #ebcfa7;
}
.slider .slider-container .inner-elements .container .button-prev:after {
  content: "";
  width: 42px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: calc(-100% - 20px);
  top: 5px;
}
.slider .slider-container .inner-elements .container .button-next {
  width: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% + 60px);
  z-index: 4;
  transform: rotate(90deg);
  -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;
  transform-origin: bottom;
  margin-top: 60px;
  font-weight: 600;
  color: #223f99;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: none;
}
.slider .slider-container .inner-elements .container .button-next:hover {
  color: #ebcfa7;
}

/* 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%, #9f8054 100%);
  background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%);
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#9f8054",GradientType=1);
  opacity: 0.65;
}
.page-header .container {
  position: relative;
  z-index: 2;
}
.page-header .container h1 {
  font-size: 5vw;
  color: #fff;
  font-family: "Playfair Display", serif;
  color: #ebcfa7;
  margin-bottom: 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: #9f8054;
  width: 70%;
  padding: 40px 30px;
  padding-right: 60px;
  margin: 0;
}
.fgib {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.fgib1 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.fgib2 {
    border-bottom: 1px solid #ccc;
}

.fgib3 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.fgib4 {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.fgib5 {
    border-bottom: 1px solid #ccc;
}
/* INTRO */
.intro {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  margin-top: -150px;
}
.intro figure {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 0px;
  background: #ffffff;
  position: relative;
  padding-left: 6.5%;
}
.intro figure .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  background: url(../images/side-pattern-bg.png);
  background-size: contain;
}
.intro figure .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -65px);
}
.intro figure .holder img {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
}
.intro .content-box {
  /* display: block; */
  /* padding-left: 10%; */
}
.intro .content-box b {
  display: block;
  /* font-size: 30px; */
  /* font-weight: 800; */
  /* opacity: 0.2; */
  /* font: normal normal normal 68px/75px Roboto; */
  /* letter-spacing: 1.9px; */
  /* color: #223F99; */
  font-family: Roboto;
  font-size: 68px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: 1.9px;
  text-align: left;
  color: #223f99;
}
.intro .content-box h4 {
  display: block;
  font-size: 30px;
  /* font-family: "Playfair Display", serif; */
  margin-bottom: 15px;
  font: normal normal medium 22px/24px Roboto;
  letter-spacing: 0.62px;
  color: #807D7D;
}
.intro .content-box h4 span {
  color: #9f8054;
}
.intro .content-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.intro .content-box p {
  /* display: block; */
  /* padding-right: 40%; */
  /* 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: #9f8054;
  text-decoration: none;
}

/* LOGOS */
.logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 60px 0 30px 0;
}
.logos * {
  -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(1.2);
}
.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: 0px 0;
  /* text-align: center; */
  /* margin-top: -7%; */
  /* position: absolute; */
}
.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.2;
}
.benefits h4 {
  display: block;
  font-size: 30px;
  /* font-family: "Playfair Display", serif; */
  /* margin-bottom: 15px; */
  /* padding: 30px 40px 10px 40px; */
  /* font: normal normal bold 29px/40px Roboto; */
  /* letter-spacing: 1.45px; */
  /* color: #223F99; */
  /* text-align: left; */
  font-family: Roboto;
  font-size: 29px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 1.45px;
  text-align: left;
  color: #223f99;
  /* padding: 50px 0px 15px 70px; */
}
.benefits h4 span {
  color: #9f8054;
}
.benefits h3 {
  /* margin-bottom: 50px; */
  /* text-align: left; */
  /* font: normal normal bold 38px/52px Roboto; */
  /* letter-spacing: 1.9px; */
  /* color: #414141; */
  /* padding: 0px 0px 40px 70px; */
  /* font-family: Roboto; */
  /* font-size: 35px; */
  /* font-weight: bold; */
  /* font-stretch: normal; */
  /* font-style: normal; */
  /* line-height: 1.37; */
  /* letter-spacing: 1.1px; */
  /* text-align: left; */
  /* color: #414141; */
}
.benefits figure {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.benefits figure:after {
  content: "";
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 0;
  background: #ebcfa7;
  border-radius: 50%;
  opacity: 0;
  z-index: 0;
  margin-left: -35px;
}
.benefits figure img {
  height: 70px;
  position: relative;
  z-index: 2;
}
.benefits h6 {
  font-weight: 600;
  font-size: 24px;
  position: absolute;
  top: 50%;
  padding: 5px 10px;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 4px solid #FFF000;
  opacity: 0.81;
}

.benefits1 h6 {
    /* font-weight: 600; */
    /* font-size: 24px; */
    position: absolute;
    top: 50%;
    padding: 10px 0px 0px 0px;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    border: 4px solid #FFF000;
    opacity: 0.81;
    font-family: Roboto;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #3d3d3d;
    text-transform: uppercase;
    margin: 0;
}

h6.bnh6 a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.31;
    letter-spacing: normal;
    text-align: left;
    color: #223f99;
}
.benefits .odometer {
  font-size: 50px;
  line-height: 1;
  font-weight: 800;
}
.benefits .extra {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  transform: translateY(10px);
}

/* RECENT GALLERY */
.recent-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.recent-gallery b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.recent-gallery h4 {
  display: block;
  font-size: 30px;
  /* font-family: "Playfair Display", serif; */
  margin-bottom: 15px;
}
.recent-gallery h4 span {
  color: #9f8054;
}
.recent-gallery h3 {
  font-weight: 600;
  padding-right: 40%;
  margin-bottom: 30px;
}
.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;
  margin: 0;
  position: relative;
}
.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 figure {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -20px;
  background: #ebcfa7;
  position: relative;
}
.property-calculator figure:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: #ebcfa7;
  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: 4.5%; */
}
.property-calculator .content-box b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.property-calculator .content-box h4 {
  display: block;
  /* font-size: 30px; */
  /* font-family: "Playfair Display", serif; */
  /* margin-bottom: 22px; */
  /* padding-right: 12%; */
  /* color: #fff; */
  font-family: Roboto;
  font-size: 42px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: 1.05px;
  text-align: left;
  color: #ffffff;
  padding-bottom: 40px;
}
.property-calculator .content-box h4 span {
  color: #9f8054;
}
.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: 12%; */
  /* margin-bottom: 30px; */
  color: #fff;
  font-family: Roboto;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
  padding-bottom: 50px;
}
.property-calculator .content-box a {
  display: inline-block;
  color: #ffffff;
  /* font-weight: 600; */
  padding: 13px 38px 13px 38px;
  border: solid 1px #e3e3e3;
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: 0.45px;
  text-align: left;
  color: #ffffff;
}
.property-calculator .content-box a img {
  height: 46px;
  margin-right: 10px;
}
.property-calculator .content-box a:hover {
  color: #fbf200;
  text-decoration: none;
}

/* PROPERTY PLANS */
.property-plans {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* padding-bottom: 100px; */
  /* padding-top: 50px; */
  background: url(https://webrevenant.com/dev/images/home/IO002qApHF.png);
  margin-top: 30px;
}
.property-plans b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.property-plans h4 {
  display: block;
  /* font-size: 30px; */
  /* font-family: "Playfair Display", serif; */
  /* margin-bottom: 15px; */
  text-align: center;
  color: #fff;
  font-family: Roboto;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: 2.03px;
  /* text-align: left; */
  color: #ffffff;
}
.property-plans h4 span {
  color: #9f8054;
}
.property-plans h3 {
  /* font-weight: 500; */
  margin-bottom: 50px;
  text-align: center;
  /* color: #fff; */
  /* font-size: 15px; */
  font-family: Roboto;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 3.24; */
  letter-spacing: 0.95px;
  /* text-align: left; */
  color: #ffffff;
}
.property-plans p {
  display: block;
  padding-right: 40%;
  margin-bottom: 30px;
}
.property-plans table {
  display: table;
  margin-bottom: 30px;
  font-size: 15px;
}
.property-plans table tr td {
  padding: 5px 0;
}
.property-plans table tr td:first-child {
  color: #9f8054;
  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: block;
  flex-wrap: wrap;
  padding-top: 30px;
  margin-bottom: 4px;
  background-size: auto 120%;
  background-position: right;
  background-repeat: no-repeat;
  /* background-color: #ffffff; */
  padding-left: 30px;
}
.get-consultation2 {
  width: 100%;
  display: block;
  flex-wrap: wrap;
  padding-top: 30px;
  margin-bottom: 4px;
  background-size: auto 120%;
  background-position: right;
  background-repeat: no-repeat;
  /* background-color: #ffffff; */
  /*padding-left: 30px;*/
}
.get-consultation .content-box {
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 50px;
  margin-bottom: -100px;
  color: #fff;
  background: #9f8054;
  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 #ebcfa7 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.2;
}
.get-consultation h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.get-consultation h4 span {
  color: #ebcfa7;
}
.get-consultation h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.get-consultation p {
  display: block;
  padding-right: 20%;
  margin-bottom: 40px;
}
.get-consultation a {
  /* height: 41px; */
  /* line-height: 41px; */
  float: left;
  /* color: #807D7D; */
  /* font-size: 14px; */
  /* font-weight: 600; */
  /* padding-bottom: 10px; */
  /* position: relative; */
  /* background: #ffffff; */
  /* padding: 0 40px; */
  /* border: 1px solid #eaebec; */
  /* 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;
  padding: 18px 35px 16px;
  border: solid 2px #223f99;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: 0.4px;
  text-align: left;
  color: #807d7d;
}
.get-consultation a i {
  margin-left: 10px;
}
.get-consultation a:hover {
  text-decoration: none;
  background: #fff;
  color: #9f8054;
}

/* RECENT POSTS */
.recent-posts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* padding: 150px 0; */
  /*padding: 10px 0px 30px 0px;*/
 /* margin-top: -100px;*/
  /* background: #fff; */
  display: block;
  position: relative;
}
.recent-posts b {
  display: block;
  /* font-size: 30px; */
  /* font-weight: 800; */
  /* opacity: 0.2; */
  /* font: normal normal bold 29px/40px Roboto; */
  /* letter-spacing: 1.45px; */
  /* color: #223F99; */
  /* opacity: 1; */
  margin: 0 0 25px;
  font-family: Roboto;
  font-size: 29px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 1.45px;
  text-align: left;
  color: #223f99;
}
.recent-posts h4 {
  display: block;
  /* font-size: 30px; */
  /* font-family: "Playfair Display", serif; */
  /* margin-bottom: 15px; */
  /* font: normal normal bold 38px/52px Roboto; */
  /* letter-spacing: 1.9px; */
  /* color: #414141; */
  /* opacity: 1; */
  font-family: Roboto;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: 1.9px;
  text-align: left;
  color: #414141;
}
.recent-posts h4 span {
  color: #9f8054;
}
.recent-posts small {
  display: block;
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
  margin-bottom: 60px;
  /* opacity: 0.5; */
  /* font: 400 17px/22px Roboto; */
  /* letter-spacing: 0px; */
  /* color: #000000; */
  /* opacity: 1; */
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}
.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: 10px;
}
.recent-posts .post-box h6 a {
  display: block;
  /* font-size: 20px; */
  /* font-weight: 600; */
  font-family: Roboto;
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  margin-top: -4px;
}
.recent-posts .post-box h6 a {
  display: inline-block;
}
.recent-posts .post-box h6 a:hover {
  color: #223f99;
  text-decoration: none;
}
.recent-posts .post-box p {
  display: block;
  margin: 12px 0px 0px 0px;
  font-family: Roboto;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #676767;
}
.recent-posts .post-box span {
  width: 70%;
  display: block;
  /* font-size: 13px; */
  opacity: 1;
  /* margin-bottom: 10px; */
  margin-top: -50px;
  background: #fff;
  padding: 15px 0px 0px 0px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  /* text-align: center; */
  color: #000000;
}

/* PROPERTY CUSTOMIZATION */
.property-customization {
  width: 100%;
  display: inherit;
  flex-wrap: wrap;
  padding: 15% 0% 25% 40%;
  background: url(https://webrevenant.com/dev/images/home/BG2.png);
  color: #fff;
  position: relative;
}
.property-customization b {
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.property-customization h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.property-customization h4 span {
  color: #ebcfa7;
}
.property-customization h3 {
  font-weight: 600;
  margin-bottom: 30px;
}
.property-customization figure {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px 10px;
  margin: 15px 0;
}
.property-customization figure img {
  height: 40px;
  float: left;
  margin-right: 15px;
}
.property-customization figure figcaption {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

/* APARTMENTS */
.apartment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.apartment h2 {
  font-size: 4vw;
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
}
.apartment h2 span {
  color: #9f8054;
}
.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: #ebcfa7;
  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: #9f8054;
  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;
}

/* ABOUT CONTENT */
.about-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.about-content h2 {
  font-size: 4vw;
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
}
.about-content h2 span {
  color: #9f8054;
}
.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: #ebcfa7;
  margin-bottom: 40px;
}
.about-content blockquote p {
  margin: 0;
}
.about-content blockquote strong {
  font-size: 20px;
}
.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;
}

/* CERTIFICATES */
.certificates {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
}
.certificates b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.certificates h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.certificates h4 span {
  color: #9f8054;
}
.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 2px rgb(0 0 0 / 10%);
}
.certificates figure img {
  width: 100%;
}

/* FACILITIES */
.facilities {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0 0px 0;
}
.facilities b {
  display: block;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
}
.facilities h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.facilities h4 span {
  color: #9f8054;
}
.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: 10px 0;
  padding: 35px 10px 26px 30px;
  /* box-shadow: 0 0 1px rgb(235 207 167 / 40%); */
  /* border-right: solid 1px #cccccc; */
  /* border-bottom: solid 1px #cccccc; */
}
.facilities figure img {
  /* height: 80px; */
  float: left;
  width: 91.1px;
  height: 93.8px;
}
.facilities figure figcaption {
  width: calc(100% - 120px);
  float: right;
  margin-top: -15px;
}
.facilities figure figcaption h5 {
  /* font-weight: 600; */
  /* font-size: 23px; */
  text-transform: uppercase;
  /* letter-spacing: 0px; */
  /* color: #3D3D3D; */
  /* margin-top: -10px; */
}
.facilities figure figcaption p {
  font-size: 14px;
  opacity: .8;
  margin: 0;
}


/* FACILITIES1 */
.facilities1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0 0px 0;
}
.facilities1 b {
  display: block;
  font-size: 14px;
  font-weight: 600;
  opacity: 1;
}
.facilities1 h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.facilities h4 span {
  color: #9f8054;
}
.facilities1 small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}
.facilities1 small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}
.facilities1 figure {
  width: 100%;
  float: left;
  margin: 10px 0;
  padding: 35px 10px 26px 30px;
  /* box-shadow: 0 0 1px rgb(235 207 167 / 40%); */
  /* border-right: solid 1px #cccccc; */
  /* border-bottom: solid 1px #cccccc; */
}
.facilities1 figure img {
  /* height: 80px; */
  float: left;
  width: 91.1px;
  height: 93.8px;
}
.facilities1 figure figcaption {
  width: calc(100% - 120px);
  float: right;
  margin-top: -15px;
}
.facilities1 figure figcaption h5 {
  /* font-weight: 600; */
  /* font-size: 23px; */
  text-transform: uppercase;
  /* letter-spacing: 0px; */
  /* color: #3D3D3D; */
  /* margin-top: -10px; */
}
.facilities1 figure figcaption p {
  font-size: 14px;
  opacity: .8;
  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: #9f8054;
  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: "Playfair Display", 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: "Playfair Display", 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.2;
}
.intro-video h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.intro-video h4 span {
  color: #9f8054;
}
.intro-video h3 {
  font-weight: 600;
  margin-bottom: 50px;
}
.intro-video .video-container {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px;
  background: #ebcfa7;
}
.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: "Playfair Display", 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 #ebcfa7;
}
.photo-gallery .gallery-filter li a:hover {
  color: #9f8054;
  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: "Playfair Display", serif;
  margin-bottom: 15px;
}
.sales-team figure figcaption h4 span {
  color: #9f8054;
}
.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: #9f8054;
}

/* BLOG */
.blog {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 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: #9f8054;
  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: #9f8054;
  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: #ebcfa7;
  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: "Playfair Display", serif;
  margin-bottom: 20px;
}
.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: #9f8054;
}
.blog .sidebar .widget .categories li span {
  float: right;
  color: #9f8054;
}
.blog .sidebar .widget .categories li a {
  color: #26282b;
}
.blog .sidebar .widget .categories li a:hover {
  color: #9f8054;
}
.blog .sidebar .widget form {
  width: 100%;
  display: block;
}
.blog .sidebar .widget form input[type=text] {
  width: calc(100% - 50px);
  float: left;
  border: 1px solid #ebcfa7;
  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 #ebcfa7;
  padding: 0 10px;
  font-size: 13px;
  color: #9f8054;
  font-weight: 600;
}
.blog .sidebar .widget .tags li a:hover {
  background: #9f8054;
  color: #fff;
  border-color: #9f8054;
  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 */
.contact {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0 25px 0;
  background: #223F99;
  margin: 70px  0;
}
.contact b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}
.contact h4 {
  display: block;
  font-size: 30px;
  font-family: "Playfair Display", serif;
  margin-bottom: 15px;
}
.contact h4 span {
  color: #9f8054;
}
.contact small {
  display: block;
  text-transform: uppercase;
  /* letter-spacing: 2px; */
  /* margin-bottom: 50px; */
  /* opacity: 0.5; */
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 2.33; */
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.contact small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.contact address {
  display: block;
  margin-bottom: 50px;
}
.contact address strong {
  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: #ebcfa7;
  position: relative;
}
.contact .map:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: #ebcfa7;
  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(85px, -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: 4% 5% 2.5% 5%;
  background: #fff;
}
.contact .contact-form h5 {
  margin-bottom: 40px;
}
.contact .contact-form #contact {
  display: block;
  padding-top: 10px;
}
.contact .contact-form #contact .form-group {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  /* width: 48%; */
}
.contact .contact-form #contact .form-group span {
  width: 100%;
  line-height: 41px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0px 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;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 1.22; */
  letter-spacing: normal;
  text-align: left;
  color: #949494;
}
.contact .contact-form #contact .form-group span.label-up {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 600;
}
.contact .contact-form #contact .form-group input[type=text] {
  background: none;
  position: relative;
  z-index: 2;
}
.contact .contact-form #contact .form-group input:focus + span {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 600;
}
.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: 600;
}
.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;
}
.contact .contact-form #success {
  background: green;
  color: #fff;
}
.contact .contact-form .alert {
  border: none;
  border-radius: 0;
  padding: 20px 30px;
}

/* FOOTER BAR */
.footer-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.footer-bar .inner {
  /* background: #9f8054; */
  padding: 45px 0px;
  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: "Playfair Display", 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 */
.footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 100px 0px 50px 150px;
    /* padding-bottom: 30px; */
    /* background: #041936; */
    /* float: right; */
    background: linear-gradient(to right, #ffffff 5.7%,#081a36 5.7%,#041936 50%,#041936 100%);
    /* margin-left: 14px; */
}
.footer p {
  color: #fff;
  padding: 0px 100px 0px 0px;
}
.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: #9f8054;
}
.footer .select-box .dropdown-menu li a img {
  width: 20px;
  margin-right: 5px;
}
.footer .footer-menu {
  display: block;
  margin: 0;
  padding-inline-start: 0px;
}
.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-align: left; */
  /* font-family: Roboto; */
  font-size: 18px;
  font-weight: 400;
  /* font-stretch: normal; */
  /* font-style: normal; */
  line-height: 35px;
  letter-spacing: normal;
  /* text-align: left; */
  color: #cccccc;
}
.footer .footer-menu li a:hover {
  color: #fbf100;
}
.footer .contact-box {
  float: left;
  color: #fff;
  text-align: left;
}
.footer .contact-box h5 {
  margin-bottom: 10px;
  font-size: 19px;
  font-family: "Playfair Display", serif;
}
.footer .contact-box h3 {
  font-weight: 600;
  margin: 0;
}
.footer .contact-box p {
  margin-bottom: 10px;
}
.footer .contact-box p a {
  color: #fff;
  opacity: 0.5;
}
.footer .contact-box ul {
  float: left;
  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: 10px; */
  /* height: 10px; */
  float: left;
  padding: 2px;
  /* 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: #ebcfa7;*/
}
.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: unset;
}
.footer .col-12 .creation {
  float: right;
}
.footer .col-12 .creation a {
  color: #fff;
}

textarea {
    width: 98%;
    height: 80px;
    /* border: 1px solid #eee; */
    padding: 15px 30px;
    border: solid 1px #707070 !important;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px;
}

.nbcptext2:before {
 content: "";
 height: 2px;
 width: 24px;
 background: #223f99;
 position: absolute;
 margin-top: 12px;
}

p.nbcptextp2 {
    margin-left: 32px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 30px;
}

.intro .content-box {
    display: block;
    padding-left: 40px;
    margin-top: 30px;
}

.intro .content-box p {
    display: block;
    /* padding-right: 5%; */
    margin-bottom: 50px;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.62px;
    text-align: left;
    color: #807d7d;
}

.mau {
    /* margin-left: 10px; */
    margin-top: 30px;
}
.mau a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    /* font-stretch: normal; */
    /* font-style: normal; */
    /* line-height: 1.13; */
    letter-spacing: 0.4px;
    text-align: left;
    color: #807d7d !important;
    padding: 18px 35px 16px;
    border: solid 2px #223f99;
}

.property-calculator .content-box {
    display: block;
    /* padding: 13.8% 6.5%; */
}

.qfindlink .form-control {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    height: calc(1.6em + .75rem + 2px);
    padding: .375rem .75rem;
}

/* RESPONSIVE MEDIUM  FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .intro figure .holder {
    transform: translate(65px, -65px);
  }

  .intro figure .holder img {
    width: 450px;
  }

  .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;
  }
}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {

.slider .slider-container .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slider {
    width: 100%;
    height: 50vh;
    min-height: 512px;
  }
  .side-navigation .side-content {
    display: none;
  }

  .side-navigation .menu {
    display: block;
  }

  .navbar .container .menu {
    display: none;
  }

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

  .intro figure {
    width: 100%;
    margin-bottom: 0px;
    padding: 15px 10px 15px 10px;
  }

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

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

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

  .intro .content-box {
    padding-left: 10%;
  }

  .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: 30px 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;
  }

  

  .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;
  }

  .benefits {
    padding: 30px 0;
  }

  .property-calculator {
    padding-bottom: 80px !important;
    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: 30px;
  }

  .property-plans {
    padding-bottom: 30px;
    padding-top: 30px;
  }

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

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

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

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

  .video-bg video {
    float: right;
  }

  .certificates {
    padding: 80px 0;
  }

  .contact {
    padding: 0px 0;
  }

  .contact address p a {
    display: block;
  }

  .contact .contact-form {
    padding-left: 5%;
    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: 50px;
  }

  .footer {
    padding: 50px 30px;
    width: 100%;
    background: #041936;
  }

  .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: 767px), only screen and (max-device-width: 767px) {




  .side-navigation {
    width: 80vw;
  }

  .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;
  }

 .navbar .container .menu .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;
  }
.slider {
    width: 100%;
    height: 47vh;
    min-height: 384px;
    display: flex;
    flex-wrap: wrap;
    /* background: #26282b; */
    overflow: hidden;
}
.navbar .container .upper-side {

    padding: 10px 0;

}

.slider .slider-container .swiper-slide {background-size: contain;background-repeat: no-repeat;background-position: top;}
.slider .slider-container .swiper-slide .container h1 {
   font: normal normal bold 23px/44px Roboto;
   margin-top: 0px;
}

.slider .slider-container .swiper-slide .container h2 {

font: normal normal bold 16px/24px Roboto;

letter-spacing: .2px;

font-weight: 400;
}
  .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;
  }
}

.top-bar .contact-box ul {
  float: right;
  margin: 0;
  margin-top: 0px;
  padding: 0;
}
.top-bar .contact-box ul li {
  float: left;
  margin-left: 10px;
  padding: 0;
  list-style: none;
}
.top-bar .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);
}
.top-bar .contact-box ul li a:hover {
  color: #26282b;
  /* background: #ebcfa7; */
}
.top-bar {
    width: 100%;
    height: 30px;
    float: left;
    line-height: 30px;
    /* background: #FFF200; */
    color: #4C4765;
    background: linear-gradient(to right,  #fff200 0%,#fff200 50%,#f1f1f1 70%,#f1f1f1 100%);
}
.foo-bar {
    width: 100%;
    height: 40px;
    float: left;
    line-height: 40px;
    /* background: #FFF200; */
    color: #4C4765;
    background: linear-gradient(to right,  #fff200 0%,#fff200 50%,#fff 70%,#fff 100%);
}

.foo-bar .contact-box ul {
  float: right;
  margin: 0;
  margin-top: 0px;
  padding: 0;
}
.foo-bar .contact-box ul li {
  float: left;
  margin-left: 10px;
  padding: 0;
  list-style: none;
}
.foo-bar .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);
}
.foo-bar .contact-box ul li a:hover {
  color: #26282b;
  /* background: #ebcfa7; */
}
.socialtop {
    background: #FFF200;
}
.contact-box {
    float: right;
    color: #fff;
    text-align: right;
}
.upper-side i {
    width: 57px;
    height: 52px;
    float: left;
    line-height: 52px;
    text-align: center;
    background: #676767;
    color: #fff;
    /* font-size: 24px; */
    margin-top: 0px;
    margin-right: 10px;
}

.upper-side .phone-email h6 {
    margin-top: -16px;
    /* color: #000000; */
    /* line-height: 16px; */
    /* font-size: 12px; */
    margin-bottom: 0px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    text-align: left;
    color: #0f0f0f;
}
.getproject {
    background: #223F99;
    text-align: center;
}
.topblanck {
    background: #f1f1f1;
}
span.getprojecttext {
    color: #fff;
}
h3.nbch3 {
    /* text-align: left; */
    /* font: 600 25px/52px Roboto; */
    /* letter-spacing: 0.75px; */
    /* color: #223F99; */
    font-family: Roboto;
    font-size: 28px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: 0.75px;
    text-align: left;
    color: #223f99;
}
.facilities a {
    font: normal normal normal 15px/41px Roboto;
    letter-spacing: 0px;
    color: #052248;
}
h1.nbch1 {
    /* text-align: left; */
    /* font: 600 57px/68px Roboto; */
    /* letter-spacing: 0px; */
    /* color: #676767; */
    /* margin-bottom: 50px; */
    /* font: 500 57px/68px Roboto; */
    font-family: Roboto;
    font-size: 57px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #676767;
}
p.nbcptext {
    /* font-size: 16px; */
    /* font-weight: 600; */
    /* line-height: 26px; */
    /* font: 500 20px/24px Roboto; */
    /* letter-spacing: 0px; */
    /* color: #414141; */
    font-family: Roboto;
    font-size: 19px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #414141;
    padding-left: 20px;
    padding-top: 5px;
}
p.nbcptext1 {
    /* font-size: 15px; */
    /* line-height: 24px; */
    /* font: normal normal normal 18px/24px Roboto; */
    /* letter-spacing: 0px; */
    /* color: #807D7D; */
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #807d7d;
    padding-left: 20px;
}
p.nbcptext2 {
    font-size: 13px;
    line-height: 20px;
}

p.nbcptext2 {
    font-size: 14px;
    line-height: 12px;
}
p.get-consultation1 {
    float: right;
    color: #223F99;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.45px;
    color: #223f99;
    display: block;
}


p.get-consultation1 span {
    color: #807D7D;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: 0.4px;
    text-align: left;
    color: #807d7d;
}


.findh2 {
    text-align: center;
    /* font-weight: 600; */
    /*margin-bottom: 15px;*/
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 54px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    /* text-align: left; */
    color: #3d3d3d;
}

.col-12.cr {
    background: #fff;
    padding: 23px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    /* text-align: left; */
    color: #989898;
    /* margin-top: 50px; */
}

.footer h3 {
    /* color: #fff; */
    /* font: normal normal bold 24px/29px Roboto; */
    /* letter-spacing: 0px; */
    font-family: Roboto;
    font-size: 24px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff !important;
}
h4.awh4 {
    text-align: left;
    font: normal normal bold 40px/62px Roboto;
    letter-spacing: 0px;
    color: #333333;
    text-transform: uppercase;
}
.awh3 {
    background: rgb(255 240 0 / 53%);
    color: #3D3D3D !important;
    padding: 10px;
    letter-spacing: 0 !important;
}
h6.tabh6 {
    background: #223F99;
    text-align: center;
    color: #fff;
    padding: 20px;
    margin: -55px 30px;
    position: relative;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 3.78; */
    letter-spacing: 0.45px;
    /* text-align: left; */
    color: #ffffff;
}
.tabh6 {
    background: #223F99;
    text-align: center;
    color: #fff;
    padding: 15px;
    margin: -25px 30px;
    position: relative;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 3.78; */
    letter-spacing: 0.45px;
    /* text-align: left; */
    color: #ffffff;
    margin-bottom: 30px;
}
/*.title {
    text-align: center;
}*/
.title h2 {
    /* font: normal normal bold 45px/54px Roboto; */
    /* letter-spacing: 0px; */
    /* color: #3D3D3D; */
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    /* text-align: left; */
    color: #3d3d3d;
}
.title h4 {
   /* font: normal normal bold 29px/40px Roboto; */
   /* letter-spacing: 1.45px; */
   /* color: #223F99; */
   font-family: Roboto;
   font-size: 29px;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.38;
   letter-spacing: 1.45px;
   /* text-align: left; */
   color: #223f99;
}
h2.conh2 {
    text-align: left;
    font: 600 35px/56px Roboto;
    letter-spacing: 0px;
    color: #060606;
    text-transform: uppercase;
    padding-bottom: 30px;
}
.testavtname p {
    font: 500 24px/34px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0;
}
.test {
    color: #fff;
    padding: 0px 30px;
}
h2.tesyh2 {
    /* margin-top: -80px; */
    font-size: 24px;
    font-family: Roboto;
    font-size: 25px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.testavt {
    border-left: 3px solid white;
    padding: 5px;
}
.navbar .container .upper-side .logo {
 /* margin-left: 0;*/
 /* margin-left:-13px; */
 padding-left: 0;
}
.property-calculator {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0px;
  /*margin-top: 100px;*/
  margin-top: 0px;
  position: relative;
}
h2.findh4 {
    /* font-size: 24px; */
    /* padding: 0px; */
    /* font-family: Roboto; */
    font-size: 22px !important;
    /* font-weight: normal; */
    /* font-stretch: normal; */
    /* font-style: normal; */
    /* line-height: 40px; */
    /* letter-spacing: normal; */
    /* text-align: left; */
    /* color: #2a2a2a; */
}
hr.new5 {
    border: 2px solid #223F99;
    border-radius: 2px;
    width: 31px;
    float: left;
    margin-right: 10px;
}

.phone-email span {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3a3939;
    display: block;
    line-height: 18px;
}
.nbcptext2 {
    /* font-family: Roboto; */
    /* font-size: 18px; */
    /* font-weight: bold; */
    /* font-stretch: normal; */
    /* font-style: normal; */
    /* line-height: 1.11; */
    /* letter-spacing: normal; */
    /* text-align: left; */
    /* color: #807d7d; */
    /* clear: both; */
    /* padding-left: 20px; */
    /* font-family: Roboto; */
    /* font-size: 17px; */
    /* font-weight: 400; */
    /* font-stretch: normal; */
    /* font-style: normal; */
    /* line-height: 24px; */
    /* letter-spacing: normal; */
    /* text-align: left; */
    /* color: #807d7d; */
}
  

  button.btn.btn-default {
    padding: 7.9px 23.5px 7.2px 22.7px;
    background-color: #414141;
    border-radius: 0px;
}

h6.bnh6 span {
    /* font-size: 12px; */
    /* clear: both; */
    display: block;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.31;
    letter-spacing: normal;
    /* text-align: left; */
    color: #676262;
    text-transform: capitalize;
}

h6.tabh6 span {
    margin-bottom: -10px;
    display: block;
}

.property-customization {
    /* width: 100%; */
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* padding: 300px 0; */
    /* background: url(../images/home/BG2.png); */
    /* color: #fff; */
    /* position: relative; */
    background-position: center;
    background-size: cover;
}

.facilities .title {
    margin-bottom: 50px;
}



p.readmore img {
    width: 32px;
    height: 32px;
    padding: 10.8px 10.2px 10.4px 9.8px;
    background-color: #223f99;
    border-radius: 50%;
}
p.readmore a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #676767;
    padding-left: 10px;
}

p.tesyp {
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    font-weight: 100;
}

@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
 h3.nbch3 {
    text-align: left;
    font: 600 21px/31px Roboto;
    letter-spacing: 0.75px;
    color: #223F99;
}



h1.nbch1 {
    text-align: left;
    font: 500 40px/55px Roboto;
    letter-spacing: 0px;
    color: #676767;
    margin-bottom: 30px;
}
.benefits h4 {
    display: block;
    /* font-size: 30px; */
    /* font-family: "Playfair Display", serif; */
    /* margin-bottom: 15px; */
    padding: 0px;
    font: 600 25px/35px Roboto;
    letter-spacing: 1.45px;
    color: #223F99;
    text-align: left;
    margin-top: 30px;
}
.benefits h3 {
    margin-bottom: 50px;
    FONT-WEIGHT: 600;
    font: bold 28px/41px Roboto;
    letter-spacing: 1.9px;
    color: #414141;
    padding: 0px 0px;
    text-align: left;
}
section.benefits img {
    margin-bottom: 10px;
}
.title h2 {
    font: bold 34px/45px Roboto;
    letter-spacing: 0px;
    color: #3D3D3D;
    text-transform: uppercase;
}
.facilities figure {
    width: 100%;
    float: left;
    margin: 15px 0;
    padding: 10px 10px;
    /* box-shadow: 0 0 20px rgb(235 207 167 / 40%); */
}
.nav-pills .nav-item {
    display: inline-block;
    /* width: 48%; */
    /* margin: 3px; */
    width: 32%;
    margin-right: 4px;
    margin-bottom: 5px;
}
h6.tabh6 {
    background: #223F99;
    text-align: center;
    color: #fff;
    padding: 15px;
    margin: -50px 31px 35px 31px;
    position: relative;
}
h4.awh4 {
    text-align: right;
    font: 900 21px/40px Roboto;
    letter-spacing: 0px;
    color: #333333;
    text-transform: uppercase;
    /* margin-top: -40px; */
    padding: 10px;
    margin-bottom: 0px;
}
.test {
    color: #fff;
    padding: 20px;
    margin-top: 5%;
}

p.nbcptext {
    padding-left: 0px;
    padding-top: 30px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
}
p.nbcptext1 {
    padding-left: 0px;
    padding-top: 10px;
}
.nbcptext2 {
    padding-left: 0px;
    /* font-size: 12px; */
}

hr.new5 {
    width: 20px;
    margin-right: 5px;
}
.nbcptext2 {
    padding-left: 0px;
    font-size: 16px;
}
.get-consultation {
    padding-left: 0px;
}

.property-calculator .content-box h4 {
    padding-top: 30px;
    font-size: 30px;
    padding-right: 0px;
    line-height: 42px;
}

.property-calculator .content-box p {
    padding-right: 0px;
    font-size: 18px;
    line-height: 1.65;
}

.nav-pills .nav-item .nav-link.active {
    font-size: 10px;
    padding: 7px 1px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0px;
}

.nav-pills .nav-item .nav-link {
    font-size: 9px;
    padding: 8px 0px;
    text-align: center;
    font-weight: 600;
}

h3.awh3 {
    font-size: 16px;
    /* text-align: right; */
    margin-left: 12%;
    margin-bottom: 10px;
    line-height: 23px;
}

.recent-posts b {
    font-size: 22px;
    margin: 0 0 5px;
}
.recent-posts h4 {
    font-size: 30px;

}

h3.footh3 {
    margin-top: 30px;
}



.logos {

    padding: 30px 0;
}

h2.findh2 {
    font-size: 40px;
    line-height: 55px;
}
h2.findh4 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0;
    padding: 10px 0px;
}
.property-plans h4 {
    font-size: 40px;
    line-height: 55px;
}
h2.conh2 {
    font-size: 22px;
    line-height: 35px;
    padding-bottom: 10px;
}
.testavtname p {
    font-size: 18px;
    font-weight: 600;
}
.contact small {
    font-size: 15px;
}

.navbar .container .upper-side .logo img {
    height: 32px;
}


input[type=text] {

   padding: 20px 70px 20px 30px;
}

textarea {
    width: 97%;
    height: 60px;
    /* border: 1px solid #eee; */
    padding: 15px 30px;
    border: solid 1px #707070 !important;
}

.content-boxmob b {
    display: block;
    /* font-size: 30px; */
    /* font-weight: 800; */
    /* opacity: 0.2; */
    /* font: normal normal normal 68px/75px Roboto; */
    /* letter-spacing: 1.9px; */
    /* color: #223F99; */
    font-family: Roboto;
    font-size: 48px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: 1.9px;
    text-align: left;
    color: #223f99;
}
.content-boxmob p {
    display: block;
    /* padding-right: 5%; */
    /* margin-bottom: 60px; */
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 0.62px;
    text-align: left;
    color: #807d7d;
}
.content-boxmob1 b {
    display: block;
    /* font-size: 30px; */
    /* font-weight: 800; */
    /* opacity: 0.2; */
    /* font: normal normal normal 68px/75px Roboto; */
    /* letter-spacing: 1.9px; */
    /* color: #223F99; */
    font-family: Roboto;
    font-size: 48px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: 1.9px;
    text-align: left;
    color: #223f99;
}
.content-boxmob1 p {
    display: block;
    /* padding-right: 5%; */
    /* margin-bottom: 60px; */
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 0.62px;
    text-align: left;
    color: #807d7d;
}


.content-boxmob {
    width: 54%;
    float: left;
    padding: 0px 10px 0px 0px;
}

p.btn.mau {
    margin-left: -0px;
    margin-top: 20px;
}
  }


@media only screen and (max-width: 991px), only screen and (max-device-width: 991px){
.footer-bar .inner .col-lg-4 {
    margin: 20px 0;
}
.footer-bar .inner .col-lg-3 {
    margin: 20px 0;
    padding: 0;
}

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

}


.settingicon {
    margin-top: -190px;
    padding: 5px 20px;
}

.textonbg {
    /* color: #fff; */
    /* padding: 7px 30px 7px 20px; */
    color: #fff;
    padding: 10px 63px 10px 20px;
    line-height: 21px;
    font-size: 15px;
}
.arrowicon {
    width: 30px;
    background: #fff;
    height: 30px;
    border-radius: 100px;
    padding: 2px;
    text-align: center;
    margin: 5px 20px;
}

.rightborderimg3 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #438db900;
    width: 75%;
    height: 90%;
    border-bottom: 30px solid #0077C0;
    border-right: 30px solid #0077C0;
    border-top: 200px solid #0077C0;
}
.rightborderimg4 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #438db900;
    width: 75%;
    height: 50px;
    border-left: 30px solid #0077C0;
}

.nbctbhlink a {
    color: #fff !important;
    font-size: 16px;
    text-shadow: none;
    font-weight: 300;
}
figure.tabimgnbc {
    background: #fff;
    margin: 0;
}

.nbctbhtext small {
    font-size: 15px;
    line-height: 19px;
    display: block;
    padding: 8px 2px;
}

h6.nbctbh {
    font: 500 18px/30px Roboto;
    letter-spacing: 0.45px;
    color: #FFFFFF !important;
}

header.entry-header.has-text-align-center.header-footer-group {
    display: none;
}

.tesyh2 {
    color: #fff !important;
}

.viewall span {
    line-height: 32px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 15px;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    background: #223F99 0% 0% no-repeat padding-box;
}
.viewall{font: 500 18px/32px Roboto;letter-spacing: 0px;color: #676767;padding: 15px 0px;float: right;text-align: center;}

img.nbclogo {
    height: 67px;
}