@charset "UTF-8";
/*

// Table of contents //

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



*/
/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Poppins:300,400,600,800&display=swap&subset=latin-ext");

/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", 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: 1280px;
}

@media only screen and (min-width: 1300px),
only screen and (min-device-width: 1300px) {
  .container {
    max-width: 1680px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .intro,
  .factouter,
  .queryouter .row {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
  }

  .slider .slider-container .swiper-slide .container h1 {
    font-size: 4vw !important;
  }
}


p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 2
}

/* FORM ELEMENTS */
input[type=text] {
  width: 100%;
  height: 54px;
  border: 1px solid #eee;
  padding: 0 20px;
}

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

button[type=submit] {
  height: 38px;
  border: none;
  border-radius: 20px;
  background: #053097;
  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: #053097;
  text-decoration: none;
}

.accordion .card .card-body {
  width: 100%;
  border-top: 1px solid #eee;
  line-height: 26px;
}

.accordion .card [aria-expanded=true] {
  color: #053097 !important;
}

.accordion .card [aria-expanded=true]:before {
  content: "-" !important;
  color: #053097 !important;
}

/* PAGINATION */
.pagination {
  display: flex;
}

.pagination .page-item {
  display: inline-block;
  margin-right: 6px;
}

.pagination .page-item.active .page-link {
  background: #053097;
  color: #fff;
  border-color: transparent;
  position: relative;
  z-index: 2;
}

.pagination .page-item.active .page-link:hover {
  background: #053097;
  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: #053097;
}

/* GALLERY SLIDER*/
.gallery-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 30px 0;
  padding: 0px 0px 50px 0px;
  /*  background: #26282b;*/
}

.gallery-container .swiper-wrapper {
  width: 100%;
  float: left;
  position: relative;
}

.gallery-container .swiper-slide {
  width: 80%;
  margin: 0;
}

.gallery-container .swiper-slide.swiper-slide-active {
  width: 80%;
  opacity: 1;
}

.gallery-container .gallery-pagination {
  bottom: 0px;
  position: absolute;
  z-index: 2;
}

.gallery-container .gallery-pagination .swiper-pagination-bullet {
  background: #c5c5c5;
  opacity: 0.5;
}

.gallery-container .gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #053097;
  opacity: 1;
}

.button-prev2 {
  background: url(../images/prev-arrow.png) left top no-repeat;
  width: 21px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: 40%;
  transform: translateY(-40%);
  font-size: 0;
  z-index: 10000;
}

.button-next2 {
  background: url(../images/next-arrow.png) left top no-repeat;
  width: 21px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: 40%;
  right: 0;
  transform: translateY(-40%);
  font-size: 0;
  z-index: 10000;
}


/* 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%, #053097 100%);
  background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, #053097 100%);
  background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #053097 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b", endColorstr="#053097", 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: 40px;
}

.nav-pills .nav-item {
  display: inline-block;
  margin-right: 30px;
}

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

.nav-pills .nav-item .nav-link.active {
  border-bottom: 2px solid #26282b;
}

/* BREADCRUMB */
.breadcrumb {
  width: 100%;
  padding: 0;
  border-radius: 0;
  background: none;
}

.breadcrumb .breadcrumb-item {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

.breadcrumb .breadcrumb-item:first-child:before {
  display: none;
}

.breadcrumb .breadcrumb-item:before {
  content: "»";
  color: #fff;
  font-weight: 400;
  padding: 0 20px;
}

.breadcrumb .breadcrumb-item.active {
  color: #61c931;
}

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

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

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

.hamburger.cross {
  position: absolute;
  right: 14%;
  top: 2%;
}

.hamburger.cross span:nth-child(1) {
  top: 9px;
  width: 20px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.hamburger.cross span:nth-child(2) {
  opacity: 0;
  left: 20px;
}

.hamburger.cross span:nth-child(3) {
  width: 20px;
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.hamburger.cross span:nth-child(4) {
  opacity: 0;
  left: 20px;
}

.hamburger:hover span:nth-child(4) {
  width: 20px;
  left: 10px;
}

.whiteheader .hamburger span, .inrheader .hamburger span { background: #000; }


/* PRELAODER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 12;
  background: #333333;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.95s;
  overflow: hidden;
}

.preloader * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.preloader .layer {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: #333;
  transition-delay: 0.3s;
}

.preloader .inner {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
}

.preloader .inner figure {
  display: block;
  margin-bottom: 10px;
  transition-delay: 0.1s;
}

.preloader .inner figure img {
  height: 60px;
}

.preloader .inner p {
  font-weight: 600;
  color: #fff;
  font-size: 13px;
  display: block;
}

/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 12;
  background: #053097;
  -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: 300px;
  max-width: 100%;
  height: 100vh;
  min-height: 300px;
  position: fixed;
  right: -100%;
  top: 0;

  background: #000000e0;
  z-index: 10000;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 14px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  /*  justify-content: 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: 6px 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: 0.9vw;
}

.side-navigation .menu ul li a {
  display: inline-block;
  color: #fff;
  font-size: 1.3vw;
  font-weight: 400;
}

.side-navigation .menu ul li a:hover {
  opacity: 0.4;
  /*  color: #053097;*/
  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: #053097;
}

.side-navigation.active {
  /* left: 0; */
  right: 0;
}

/* NAVBAR */
.navbar {
  width: 100%;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}

.navbar .container {
  flex-direction: column;
}

.navbar .container .upper-side {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  /*align-items: center;*/
  transform: translateY(-80px);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /*transition-delay: 1.2s;*/
}

.navbar .container .upper-side .logo {
  margin-left: 0;
  position: relative;
}

.navbar .container .upper-side .logo img {
  max-height: 150px;
  position: relative;
  z-index: 0
}

.inrheader {
  background: #fff !important;
}

.navbar.inrheader .container .upper-side .logo img {
  max-height: 95px;
}

.navbar.inrheader .container .upper-side {
  padding: 5px 0;
}

.inrheader .topcontact div a {
  color: #000;
}

.navbar.inrheader .container .menu ul li a {
  background: #efefef;
}


.detail-bnr {
  padding: 0px 15px;
  background: #fff3e0 url(../images/orange-pattren.jpg) left bottom no-repeat;
}


.banrcurve {
  position: relative;
  z-index: 1;
}

.logooverlay {
  position: absolute;
  left: 0px;
  top: -20px;
  width: 450px;
  height: 70vh;
  overflow: hidden;
  z-index: -1
}

.logooverlay:before {
  content: '';
  position: relative;
  left: -225px;
  top: 0;
  width: 100%;
  height: 450px;
  background: #fff url(../images/logo-bg.jpg) left top no-repeat;
  transform: skew(-45deg);
  display: block;
}

.banrcurve2 {
  position: absolute;
  z-index: 2;
  left: -220px;
  bottom: -20px;
}

.banrcurve2 .overlay {
  position: relative;
  width: 470px;
  height: 70vh;
  overflow: hidden;
  z-index: -1;
}

.banrcurve2 .overlay:before,
.banrcurve2 .overlay:after {
  content: '';
  position: relative;
  left: -225px;
  top: 0;
  width: 100%;
  height: 450px;
  background: #61b33b;
  transform: skew(30deg);
  display: block;
  z-index: 0;
}

@media all and (max-width: 1600px) {

  .banrcurve2 .overlay:before,
  .banrcurve2 .overlay:after {
    content: '';
    height: 550px;
  }

}


.overlay:after {
  position: absolute !important;
  background: #ffffff3a !important;
  top: 0;
  bottom: auto;
  left: -190px !important;
  z-index: -1 !important
}

.navbar .container .upper-side .phone-email {
  margin-right: 0;
  margin-left: auto;
  margin-top: 5px;
  text-align: right;
  color: #fff;
}

.navbar .container .upper-side .phone-email img {
  float: right;
  height: 34px;
  margin-left: 15px;
}

.navbar .container .upper-side .phone-email h4 {
  margin-bottom: -5px;
  margin-top: 3px;
  font-size: 17px;
  font-weight: 600;
  display: -webkit-box;
  line-height: 1;
}

.navbar .container .upper-side .phone-email small {
  line-height: 1;
}

.navbar .container .upper-side .phone-email small a {
  opacity: 0.5;
  color: #fff;
}

.navbar .container .upper-side .phone-email small a:hover {
  text-decoration: none;
  color: #053097;
  opacity: 1;
}

.navbar .container .upper-side .language {
  margin-right: 40px;
  margin-left: 60px;
  padding: 10px 0;
  padding-right: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.navbar .container .upper-side .language a {
  display: inline-block;
  margin: 0 5px;
  color: #fff;
  font-weight: 600;
}

.navbar .container .upper-side .language a:hover {
  color: #053097;
  text-decoration: none;
}

.navbar .container .upper-side .hamburger {
  width: 30px;
  height: 21px;
  margin-right: 0;
}

.navbar .container .menu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /*    transition-delay: 1.4s;*/
  opacity: 0;
}

.navbar .container .menu ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: 0;
  margin-top: -1px;
}

.navbar .container .menu ul li {
  margin: 0;
  margin-left: 8px;
  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 {
  border-radius: 8px;
}

.navbar .container .menu ul li ul,
.navbar .container .menu ul li ul ul {
  min-width: 220px;
  position: absolute;
  left: 0;
  top: 120%;
  background: #ffffffe0;
  margin: 0;
  padding: 5px 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 ul {
  left: 100% !important;
  top: 0 !important;
  padding: 0px 0px;
}

.navbar .container .menu ul li ul:before,
.navbar .container .menu ul li ul ul:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  left: 35px;
  top: -10px;
}

.navbar .container .menu ul li ul ul:before {

  border-width: 0 8px 8px 8px;
  left: -10px !important;
  transform: rotate(270deg);
  top: 10px !important;
}

.navbar .container .menu ul li ul li {
  margin: 0;
  padding: 0 2px;
  white-space: nowrap;
  width: 100%;
}

.navbar .container .menu ul li ul li:hover {
  background: #053097;
}

.navbar .container .menu ul li ul li a {
  padding: 4px 10px;
  width: 100%;
  display: block;
  color: #000;
  border-radius: 0;
}

.navbar .container .menu ul li ul li a:hover {
  border-color: transparent;
  color: #fff;
}

.navbar .container .menu ul li a {
  color: #000;
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  padding: 6px 25px;
  background: #fff;
  border-radius: 25px;
}

.navbar .container .menu ul li a:hover,
.navbar .container .menu ul li a.active {
  text-decoration: none;
  background: #61b33b;
  color: #ffffff;
}

.navbar .container .menu ul ul:hover .menu a {
  background: #61b33b;
  color: #ffffff;
}



/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: flex;
  flex-wrap: wrap;
  /*  background: #26282b;*/
  background: url(../images/slide01.jpg) center top no-repeat;
  background-size: cover;
  overflow: hidden;
}

.slider .slider-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: scale(1.3);
  /*transition-delay: 1.25s;*/
  opacity: 0;
}

.slider .slider-container .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-size: cover;
}

.slider .slider-container .swiper-slide:after {
  /*    content: "";*/
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #26282b;
  background: -moz-linear-gradient(161deg, #040e1c 0%, #040e1c 49%, #053097 100%);
  background: -webkit-linear-gradient(161deg, #040e1c 0%, #040e1c 49%, #053097 100%);
  background: linear-gradient(161deg, #040e1c 0%, #040e1c 49%, #053097 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#040e1c", endColorstr="#053097", GradientType=1);
  opacity: 0.20;
}

.slider .slider-container .swiper-slide .container {
  position: relative;
  z-index: 9;
  padding-left: 300px;
}

.bnr-content {
  padding: 30px 0px 30px 50px;
  margin: 100px 0 13px 0;
}

.slider .slider-container .swiper-slide .container h1 {
  font-size: 3vw;
  color: #fff;
  margin-bottom: 10px;
  /*    text-shadow: 1px 4px 0px #ffffff;*/
  font-weight: 600;
  text-transform: uppercase;
}

.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: 400;
  color: #fff;
  margin-bottom: 0px;
  /*    text-shadow: 1px 1px 0px #ffffff;*/
  font-size: 1.1rem;
  line-height: 1.5;
}

.slider .slider-container .swiper-slide .container a {
  height: 45px;
  line-height: 45px;
  display: inline-block;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 10px;
  position: relative;

  background: #003d9e;
  border: 1px solid #003d9e5a;

  padding: 0 37px;
  box-shadow: 0 0 20px rgb(0 0 0 / 73%);
  -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.bnr-borderbtn {
  background: transparent;
  border-color: #fff
}


.slider .slider-container .swiper-slide .container a i {
  margin-left: 10px;
}

.slider .slider-container .swiper-slide .container a:hover {
  text-decoration: none;
  background: transparent;
  border-color: #053097;
}

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

.social-media {
  position: absolute;
  left: 30px;
  top: calc(28% + 60px);
  transform: translateY(-50%);
  z-index: 4;
  text-align: center;
}

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

.social-media ul {
  margin: 0;
  padding: 0;
}

.social-media ul:before {
  content: "";
  width: 1px;
  /*height: 42px;*/
  background: #fff;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 10px;
}

.social-media ul li {
  margin: 0px 3px 0px 5px;
  float: left;
  padding: 3px 0;
  list-style: none;
}

.social-media ul li a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: inline-block;
  background: #0035bb;
  color: #fff;
  font-size: 16px;
  padding-top: 8px;
  border: 1px solid #fff;
}

.social-media ul li a:hover {
  background: #395693;
  color: #fff;
}

/*.social-media ul li a .fa-twitter { color: #1c96e9; }
.social-media ul li a .fa-linkedin-in { color: #0270ad; }
.social-media ul li a .fa-youtube { color: #f70000; }*/


.social-media ul li:nth-child(2) a {
  background-color: #1c96e9;
}

.social-media ul li:nth-child(3) a {
  background-color: #0270ad;
}

.social-media ul li:nth-child(4) a {
  background-color: #f70000;
}

.social-media ul li:nth-child(1) a:hover {
  background: #395693;
  color: #fff;
}

.social-media ul li:nth-child(2) a:hover {
  background: #1c96e9;
}

.social-media ul li:nth-child(2) a:hover i {
  color: #fff !important;
}

.social-media ul li:nth-child(3) a:hover {
  background: #1c96e9;
}

.social-media ul li:nth-child(3) a:hover i {
  color: #fff !important;
}

.social-media ul li:nth-child(4) a:hover {
  background: #f70000;
  color: #fff;
}

.social-media ul li:nth-child(4) a:hover i {
  color: #fff;
}

.social-media ul li a:hover {
  color: #053097;
}

.slider .slider-container .inner-elements .container .pagination {
  width: auto;
  position: absolute;
  left: auto;
  right: 15px;
  bottom: 20px;
  z-index: 4;
  color: #fff;
  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: 50px;
  height: 50px;
  position: absolute;
  right: 2.9%;
  padding: 8px 0 0 10px;
  background: #fff;
  border-radius: 100%;

  top: calc(50% + 30px);
  z-index: 400000;
  /*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: -50px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.slider .slider-container .inner-elements .container .button-prev span,
.slider .slider-container .inner-elements .container .button-next span {
  font-size: 35px !important;
  color: #000 !important
}

.slider .slider-container .inner-elements .container .button-prev:hover,
.slider .slider-container .inner-elements .container .button-next:hover {
  background: #000;
  color: #fff !important;
}

.slider .slider-container .inner-elements .container .button-prev:hover span,
.slider .slider-container .inner-elements .container .button-next:hover span {
  color: #fff !important;
}



.slider .slider-container .inner-elements .container .button-prev:hover {
  color: #053097;
}

.slider .slider-container .inner-elements .container .button-prev:after {
  /*  content: "";*/
  width: 30px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: calc(-100% - 20px);
  top: 5px;
  left: 52px;
}

.slider .slider-container .inner-elements .container .button-next {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 2.9%;
  padding: 8px 0 0 10px;
  background: #fff;
  border-radius: 100%;

  top: calc(40% + 50px);
  z-index: 400000;
  /*  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: 50px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.slider .slider-container .inner-elements .container .button-next:hover {
  color: #053097;
}

.baner-price {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0 40px;
  height: 45px;
  line-height: 45px;
  background: rgb(0, 0, 0);
  background: linear-gradient(96deg, rgba(0, 0, 0, 1) 0%, rgba(41, 41, 41, 1) 67%, rgba(255, 255, 255, 0) 100%);
}

.baner-price span {
  font-size: 25px;
  font-weight: 600;
  vertical-align: middle;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 550px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 150px;
  background-color: #26282b;
  position: relative;
  margin-bottom: 30px;
}

.page-header:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  background: -moz-linear-gradient(161deg, #000 0%, #000 49%, #053097 100%);
  background: -webkit-linear-gradient(161deg, #000 0%, #000 49%, #053097 100%);
  background: linear-gradient(161deg, #000 0%, #000 49%, #053097 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000", endColorstr="#053097", GradientType=1);
  opacity: 0;
}

.page-header .container {
  position: relative;
  z-index: 2;
}

.page-header .container h1 {
  font-size: 3vw;
  color: #fff;

  color: #053097;
  margin-top: 20px;
  margin-bottom: 10px;
}

.page-header .container p {
  display: block;
  color: #fff;
  font-size: 20px;
  margin: 0;
}

.page-header .container .breadcrumb {
  width: 70%;
  padding: 0px;
  margin: 0px;
}

.inrpage-header {
  height: 300px;
  position: relative;
}

.inrpage-header:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(5 48 151 / 12%) 0%, rgba(234, 243, 254, 0) 100%);
  /*background: #0000006a;*/
}

@media all and (min-width: 1600px) {
  .inrpage-header {
    background-size: cover;
  }
}

@media all and (min-width: 1400px) {
  .slider .slider-container .inner-elements .container .button-prev {
    top: calc(48% + 30px)
  }
}

.inrpage-header .container .breadcrumb {
  width: auto !important;
  display: block !important;
}


/* INTRO */
.intro {
  width: 100%;
  padding: 0px 15px 100px 15px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  background: url(../images/introbg.png) right bottom no-repeat;
}

.intro figure {
  display: inline-block;
  margin-bottom: 0;
  position: relative;
}

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

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

.intro .content-box {
  display: block;
  padding-top: 60px;
  padding-left: 65px;
}

.intro .content-box h6 {
  display: block;
  font-size: 21px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: #003d9e;
}

.intro .content-box h4 {
  display: block;
  font-size: 50px;

  padding-right: 16%;
  margin-bottom: 30px;
}

.intro .content-box h4 span {
  color: #053097;
}

.intro .content-box h3 {
  font-weight: 600;
  margin-bottom: 30px;
}

.intro .content-box p {
  display: block;
  padding-right: 20%;
  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: #053097;
  text-decoration: none;
}

/* LOGOS */
.logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0px 100px 0px;
}

.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;
  border: 1px solid #efefef;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logos figure:hover img {
  opacity: 0;
  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: 150px 0;
  background: #f9f9f9;
  text-align: center;
}

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

  margin-bottom: 15px;
}

.benefits h4 span {
  color: #053097;
}

.benefits h3 {
  font-weight: 600;
  margin-bottom: 50px;
}

.benefits figure {
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.benefits figure:after {
  content: "";
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 0;
  background: #053097;
  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: 14px;
}

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

  margin-bottom: 15px;
}

.recent-gallery h4 span {
  color: #053097;
}

.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 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
  margin-top: 140px;
  position: relative;
}

.property-calculator figure {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -20px;
  background: #053097;
  position: relative;
}

.property-calculator figure:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: #053097;
  position: absolute;
  left: -50vw;
  top: 0;
}

.property-calculator figure .pattern-bg {
  width: 120%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: -5%;
  background: url(../images/side-pattern-bg.png);
  background-size: contain;
}

.property-calculator figure .holder {
  position: relative;
  width: 100%;
  float: left;
  display: block !important;
  transform: translate(85px, -35px);
}

.property-calculator figure .holder img {
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  width: 525px;
}

.property-calculator .content-box {
  display: block;
  padding-left: 10%;
}

.property-calculator .content-box b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}

.property-calculator .content-box h4 {
  display: block;
  font-size: 30px;

  margin-bottom: 15px;
}

.property-calculator .content-box h4 span {
  color: #053097;
}

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

.property-calculator .content-box a {
  display: inline-block;
  color: #26282b;
  font-weight: 600;
}

.property-calculator .content-box a img {
  height: 46px;
  margin-right: 10px;
}

.property-calculator .content-box a:hover {
  color: #053097;
  text-decoration: none;
}

/* PROPERTY PLANS */
.property-plans {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 150px;
}

.property-plans b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}

.property-plans h4 {
  display: block;
  font-size: 30px;

  margin-bottom: 15px;
}

.property-plans h4 span {
  color: #053097;
}

.property-plans h3 {
  font-weight: 600;
  margin-bottom: 30px;
}

.property-plans p {
  display: block;
  padding-right: 40%;
  margin-bottom: 30px;
}

.property-plans table {
  display: table;
  margin-bottom: 30px;
  font-size: 15px;
}

.property-plans table tr td {
  padding: 5px 0;
}

.property-plans table tr td:first-child {
  color: #053097;
  width: 120px;
  font-weight: 600;
}

.property-plans .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.property-plans .tab-nav li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}

.property-plans .tab-nav li a {
  color: #26282b;
  font-weight: 600;
}

/* GET CONSULTATION */
.get-consultation {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 150px;
  margin-bottom: 100px;
  background-size: auto 120%;
  background-position: right;
  background-repeat: no-repeat;
  background-color: #e5e4df;
}

.get-consultation .content-box {
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 50px;
  margin-bottom: -100px;
  color: #fff;
  background: #053097;
  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 #053097 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;

  margin-bottom: 15px;
}

.get-consultation h4 span {
  color: #053097;
}

.get-consultation h3 {
  font-weight: 600;
  margin-bottom: 30px;
}

.get-consultation p {
  display: block;
  padding-right: 20%;
  margin-bottom: 40px;
}

.get-consultation a {
  height: 60px;
  line-height: 60px;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  background: #26282b;
  padding: 0 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.get-consultation a i {
  margin-left: 10px;
}

.get-consultation a:hover {
  text-decoration: none;
  background: #fff;
  color: #053097;
}

/* RECENT POSTS */
.recent-posts {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}

.recent-posts b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}

.recent-posts h4 {
  display: block;
  font-size: 30px;

  margin-bottom: 15px;
}

.recent-posts h4 span {
  color: #053097;
}

.recent-posts small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}

.recent-posts small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}

.recent-posts .post-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.recent-posts .post-box figure {
  display: block;
  margin-bottom: 20px;
}

.recent-posts .post-box h6 {
  display: block;
  font-size: 20px;
  font-weight: 600;
}

.recent-posts .post-box h6 a {
  display: inline-block;
}

.recent-posts .post-box h6 a:hover {
  color: #053097;
  text-decoration: none;
}

.recent-posts .post-box p {
  display: block;
  margin: 0;
}

.recent-posts .post-box span {
  width: 100%;
  display: block;
  font-size: 13px;
  opacity: 0.5;
  margin-bottom: 10px;
}

/* PROPERTY CUSTOMIZATION */
.property-customization {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #26282b;
  color: #fff;
  position: relative;
}

.property-customization b {
  width: 100%;
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}

.property-customization h4 {
  display: block;
  font-size: 30px;

  margin-bottom: 15px;
}

.property-customization h4 span {
  color: #053097;
}

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

  margin-bottom: 20px;
}

.apartment h2 span {
  color: #053097;
}

.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: #053097;
  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: #053097;
  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;

  margin-bottom: 20px;
}

.about-content h2 span {
  color: #053097;
}

.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: #053097;
  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: 150px 0;
}

.certificates b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}

.certificates h4 {
  display: block;
  font-size: 30px;

  margin-bottom: 15px;
}

.certificates h4 span {
  color: #053097;
}

.certificates small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}

.certificates small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}

.certificates figure {
  display: block;
  margin: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.certificates figure img {
  width: 100%;
}

/* FACILITIES */
.facilities {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 135px 0;
}

.facilities b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}

.facilities h4 {
  display: block;
  font-size: 30px;

  margin-bottom: 15px;
}

.facilities h4 span {
  color: #053097;
}

.facilities small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
  opacity: 0.5;
}

.facilities small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}

.facilities figure {
  width: 100%;
  float: left;
  margin: 15px 0;
  padding: 50px 30px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
}

.facilities figure img {
  height: 70px;
  float: left;
}

.facilities figure figcaption {
  width: calc(100% - 90px);
  float: right;
}

.facilities figure figcaption h5 {
  font-weight: 600;
  font-size: 16px;
}

.facilities figure figcaption p {
  font-size: 14px;
  opacity: 0.5;
  margin: 0;
}

/* FAQ */
.faq {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}

.faq .sidebox {
  width: calc(100% - 70px);
  float: left;
  margin-left: 70px;
  padding: 40px 30px;
  text-align: center;
  background: #053097;
  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;

  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 {

  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;

  margin-bottom: 15px;
}

.intro-video h4 span {
  color: #053097;
}

.intro-video h3 {
  font-weight: 600;
  margin-bottom: 50px;
}

.intro-video .video-container {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px;
  background: #053097;
}

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

  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 #053097;
}

.photo-gallery .gallery-filter li a:hover {
  color: #053097;
  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;

  margin-bottom: 15px;
}

.sales-team figure figcaption h4 span {
  color: #053097;
}

.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: #053097;
}

/* ERROR 404*/
.error404 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  text-align: center;
}

.error404 figure {
  display: block;
  margin-bottom: 60px;
  padding: 0 10%;
}

.error404 figure img {
  width: 100%;
}

.error404 h2 {
  font-size: 50px;
  font-weight: 800;
  color: #053097;
}

.error404 p {
  display: block;
  margin-bottom: 40px;
}

.error404 a {
  height: 60px;
  line-height: 56px;
  display: inline-block;
  color: #053097;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  position: relative;
  border: 2px solid #053097;
  padding: 0 40px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.error404 a:hover {
  text-decoration: none;
  color: #fff;
  background: #053097;
  border-color: #053097;
}

/* 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: #053097;
  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: #053097;
  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: #053097;
  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;

  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: #053097;
}

.blog .sidebar .widget .categories li span {
  float: right;
  color: #053097;
}

.blog .sidebar .widget .categories li a {
  color: #26282b;
}

.blog .sidebar .widget .categories li a:hover {
  color: #053097;
}

.blog .sidebar .widget form {
  width: 100%;
  display: block;
}

.blog .sidebar .widget form input[type=text] {
  width: calc(100% - 50px);
  float: left;
  border: 1px solid #053097;
  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 #053097;
  padding: 0 10px;
  font-size: 13px;
  color: #053097;
  font-weight: 600;
}

.blog .sidebar .widget .tags li a:hover {
  background: #053097;
  color: #fff;
  border-color: #053097;
  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: 150px 0;
}

.contact b {
  display: block;
  font-size: 30px;
  font-weight: 800;
  opacity: 0.2;
}

.contact h4 {
  display: block;
  font-size: 30px;

  margin-bottom: 15px;
}

.contact h4 span {
  color: #053097;
}

.contact small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 50px;
  opacity: 0.5;
}

.contact small:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #26282b;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 4px;
  opacity: 0.5;
}

.contact address {
  display: block;
  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: #053097;
  position: relative;
}

.contact .map:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: #053097;
  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-left: 10%;
}

.contact .contact-form h5 {
  margin-bottom: 40px;
}

.contact .contact-form #contact {
  display: block;
}

.contact .contact-form #contact .form-group {
  display: block;
  position: relative;
  margin-bottom: 35px;
}

.contact .contact-form #contact .form-group span {
  width: 100%;
  line-height: 54px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 20px;
  z-index: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.contact .contact-form #contact .form-group span.label-up {
  font-size: 13px;
  line-height: 16px;
  top: -20px;
  font-weight: 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;
}

.services-slider__img:hover {
  border: 0.2px solid #61b33b;
  margin: 0;
  padding: 0;
  border-radius: 20px;

}

.services-slider__img img {
  padding: 20px 0;
  cursor: pointer;
}





.services-slider__img {
  position: sticky;
}

.letstalk-cont {
  background: url(../images/letstalk-bg.jpg) center top no-repeat;
  background-size: 100% auto;
}

.letstalk-cont-overlay {
  background: #0b3d66e6;
  min-height: 450px;
  padding: 200px 0px 0px 0px;
  text-align: center;
}

.letstalk-cont-overlay h2 {
  font-size: 46px;
  font-weight: 800;
  margin-bottom: 30px;
}

.letstalk-cont-overlay a {
  background: #e7db74;
  color: #000;
  border-radius: 10px;
}

/* FOOTER BAR */
.footer-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -80px;
}

.footer-bar .inner {
  background: #053097;
  padding: 60px 30px;
  color: #fff;
}

.footer-bar .inner figure {
  margin-bottom: 20px;
  float: left;
  margin-right: 30px;
}

.footer-bar .inner figure span {
  font-size: 86px;
  font-weight: 200;
  vertical-align: text-top;
  margin-top: -12px;
}

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

.footer-bar .inner h3 {

  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;
  background-size: 100% !important;
  padding-top: 60px;
  padding-bottom: 0px;
  padding-right: 40px;
  background: #121244;
  position: relative;
  top: 50px;

}

.footer p {
  color: #fff;
}

.footer .logo {
  margin-bottom: 15px;
  max-height: 103px;
}

.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: #053097;
}

.footer .select-box .dropdown-menu li a img {
  width: 20px;
  margin-right: 5px;
}

.footer .footer-menu {
  display: block;
  margin: 0;
}

.footer .footer-menu li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  font-size: 14px;
  font-weight: 300;
}

.footer .footer-menu li a {
  float: left;
  color: #fff;
}

.footer .footer-menu li a:hover {
  color: #62b23a;
}

.footer .contact-box {
  float: right;
  color: #fff;
  text-align: right;
}

.footer .contact-box h5 {
  margin-bottom: 10px;
  font-size: 19px;

}

.footer .contact-box h3 {
  font-weight: 600;
  margin: 0;
}

.footer .contact-box h3 a {
  color: #fff;
}

.footer .contact-box h3 a:hover {
  color: #62b23a;
}

.footer .contact-box p {
  margin-bottom: 10px;
}

.footer .contact-box p a {
  color: #fff;
  opacity: 0.5;
}

.footer .contact-box p a:hover {
  color: #62b23a;
  opacity: 1;
}

.footer .contact-box ul {
  float: right;
  margin: 0;
  margin-top: 20px;
  padding: 0;
}

.footer .contact-box ul li {
  float: left;
  margin-left: 5px;
  padding: 0;
  list-style: none;
}

.footer .contact-box ul li a {
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.footer .contact-box ul li a:hover {
  color: #fff;
  background: #61b33b;
}

.footer .col-12 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 40px;
  color: #fff;
  font-size: 13px;
}

.footer .col-12 .copyright {
  float: left;
}

.footer .col-12 .creation {
  float: right;
}

.footer .col-12 .creation a {
  color: #fff;
}

.detail-hdr {
  height: 600px;
  padding-top: 250px;
}

.det-nav {
  max-width: 850px;
  width: 62%;
  position: sticky;
  top: 85px;
  z-index: 10;
  margin: 20px 0px 20px 40px;
  background: linear-gradient(#edf3f8, #dbeaf7);
  border-radius: 20px;
}

.det-nav .container {
  padding-left: 0px;
  padding-right: 0px;
}

.det-nav .onepagenav {
  padding-left: 20px;
}

.det-nav .onepagenav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.det-nav .onepagenav ul li {
  margin: 8px 0px;
  padding: 0px;
  display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
  position: relative;
}

/*.det-nav .onepagenav ul li.active:after { content:''; position: absolute; width: 100%; height: 2px; background: #0c82e3; display: block; left:0; bottom:-10px; }*/
.det-nav .onepagenav ul li a {
  padding: 0px 10px;
}

.det-nav .onepagenav ul li.active a {
  color: #001489;
  font-weight: 600;
}

.det-content {
  padding: 50px 0px 50px 0px;
  position: relative;
}

.det-content p {
  text-align: justify;
}

.det-content h2 {
  font-weight: 600;
  color: #001489;
}

.det-content h5 {
  color: #419b18;
  margin: 10px 0px 15px 0px;
}

.det-content ul.gallery {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.det-content ul.gallery li {
  float: left;
  width: 30%;
  margin: 10px;
}

.amenity-box {
  background: #e1f2ff;
  height: 150px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0px 0px 0px;
  border-radius: 15px;
  flex-direction: column;
}

.amenity-box span {
  font-size: 60px;
  min-height: 60px;
  margin: 20px 0px;
  border-radius: 10px;
}

.amenity-box h5 {
  font-size: 16px;
}

.pageid {
  position: absolute;
  top: -100px;
}

html {
  scroll-behavior: smooth;
}


/*harpreet css start*/
/*.header.hide { top: -160px; }*/
.whiteheader,
.whiteheader2 {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.whiteheader .hamburger span,
.whiteheader2 .hamburger span {
  background: #000;
}

.whiteheader .logo,
.whiteheader2 .logo {
  display: none;
}

.whiteheader .d-none,
.whiteheader2 .d-none {
  display: block !important;
}

.whiteheader.navbar .container .menu ul li ul,
.whiteheader2.navbar .container .menu ul li ul {
  margin-bottom: 8px !important;
  background: #0c82e3;
}

/*.whiteheader.navbar .container .menu ul li ul li a, .whiteheader2.navbar .container .menu ul li ul li a { color: #fff; }*/

.whiteheader.navbar .container .menu>ul>li,
.whiteheader2.navbar .container .menu>ul>li {
  margin-left: 5px;
}

.whiteheader.navbar .container .menu>ul>li>a,
.whiteheader2.navbar .container .menu>ul>li>a {
  color: #000;
  font-size: 14px;
  background: #efefef
}

.whiteheader.navbar .container .menu>ul>li>a.active {
  background: #61b33b;
  color: #fff !important;
}

.whiteheader .topcontact {
  display: none !important;
}

.whiteheader .upper-side {
  align-items: center;
}

.whiteheader ul {
  margin-bottom: 0px;
}

.whiteheader.navbar .container .hamburger,
.whiteheader2.navbar .container .hamburger {
  margin-top: 0px !important;
}

.whiteheader .upper-side,
.whiteheader2 .upper-side {
  padding: 5px 0px !important;
}

.whiteheader.navbar .container .upper-side .logo img,
.whiteheader2.navbar .container .upper-side .logo img {
  max-height: 60px;
}

.queryform {
  position: relative;
  top: -64px;
  background: #fff;
  padding: 0px 0px 15px 0px;
  border-radius: 10px;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.queryform-outer {
  position: relative;
  padding: 0px 0px 0px 43px;
  background: #f5f5f5;
}

.queryform-outer h2 {
  color: #000;
  font-size: 28px;
  margin: 0px 0 20px 0;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #dfdfdf;
}

.queryform-outer h2 span {
  font-weight: 700;
}

/*.queryform .querybox { }*/
.querybox {
  margin: 20px 20px 0px 20px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
}

.queryform .querybox input,
.queryform .querybox select {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-color: transparent;
}

.queryform .querybox input {
  border-left: 1px solid #dbdbdb;
}

.queryform .nav-pills {
  margin-bottom: 0px;
  justify-content: center;
}

.queryform .nav-pills .nav-item {
  margin-right: 5px;
}

.queryform .nav-pills .nav-link {
  color: #fff;
  border-radius: 25px;
  background: #efefef;
  padding: 6px 45px;
  border-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  color: #000
}

.queryform .nav-pills .nav-link:hover,
.queryform .nav-pills .nav-link.active {
  color: #fff;
  background: #003d9e;
  border-bottom: 0;
}

.submitbtn {
  width: 94%;
  height: 40px;
  line-height: 40px;
  display: block;
  border-radius: 25px;
  margin-top: 8px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: relative;
  background: #003d9e;
  padding: 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;
}

.submitbtn span {
  display: inline-block;
  vertical-align: middle !important;
  margin-right: 10px;
}

.submitbtn:hover {
  text-decoration: none;
  background: #61b33b;
  color: #fff;
}

.bluebtn {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 25px;
  margin-top: 8px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: relative;
  background: #003d9e;
  border-color: #003d9e;
  padding: 0px 30px;
  -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;
}

.bluebtn span {
  display: inline-block;
  vertical-align: middle !important;
  margin-right: 10px;
}

.bluebtn:hover {
  text-decoration: none;
  background: #0c82e3;
  color: #fff;
}


.smallhd {
  display: block;
  font-size: 21px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #003d9e;
}

.bighd {
  display: block;
  font-size: 42px;
  font-weight: 600;
  color: #000;
  margin-bottom: 30px;
}

.why-choose-us {
  padding: 0px 0px 60px 0px;
}

.whybox {
  margin: 30px 30px 0px 0px;
}

.whyicon {
  margin: 0px 0px 20px 0px;
  color: #003d9e;
}

.whyicon:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  background: #efefef;
  border-radius: 100%;
  opacity: 0.9;
  left: 25px;
  top: 5px;
  z-index: 0;
  -webkit-animation: circleanimated 1s infinite alternate;
  animation: circleanimated 1s infinite alternate;
}

@-webkit-keyframes circleanimated {
  0% {
    width: 0px;
    height: 0px;
  }

  100% {
    width: 60px;
    height: 60px;
  }
}

@keyframes circleanimated {
  0% {
    width: 0px;
    height: 0px;
  }

  100% {
    width: 60px;
    height: 60px;
  }
}

.whyicon span {
  font-size: 60px;
  position: relative;
  z-index: 1
}

.whybox h3 {
  display: block;
  font-size: 20px;
  font-weight: 800;
}

.whybox:hover h3 {
  color: #003d9e;
}

.factouter {
  padding: 120px 15px 120px 15px;
  position: relative;
}

.factouter:before {
  content: '';
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #f9f7f7;
  display: block;
}

.completeyear {
  font-size: 90px;
  font-weight: 600;
  line-height: 1;
  padding: 30px 0px 30px 30px;
  position: absolute;
  left: -40px;
  bottom: 100px;
  min-width: 350px;
  min-height: 220px;
  text-align: center;
  background: #fff url(../images/year-bg.jpg) center center no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.completeyear h3 {
  font-size: 90px;
  font-weight: 600;
}

.completeyear span {
  font-size: 13px;
  font-weight: 400;
  color: #66717a;
  display: block;
  text-align: center;
}

.completeyear sup {
  margin-left: -10px;
}

.counter-num {
  font-size: 60px;
  line-height: normal;
  font-weight: 600;
  color: #003d9e;
}

.common-box {
  margin: 20px 0px;
}

.common-box .timer {
  line-height: 0.5
}

.common-box .counter-text {
  margin-top: -10px;
  font-size: 15px;
}

.counter-text {
  font-size: 16px;
  line-height: normal;
}

.factleft {
  margin: 0px 120px 0px 40px;
}

.testiouter {
  padding: 80px 0px 0px 0px;
}

.testi-box {
  padding: 30px;
  margin: 10px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .07);
}

.testi-head {
  background: url(../images/quote-img.png) right top 10px no-repeat;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.gallery-container .swiper-slide img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  margin-right: 15px;
}



.testimonial-name {
  font-size: 17px;
  font-weight: 600;
}

.testimonial-job {
  font-size: 13px;
  opacity: 0.7;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.testimonial-job:after {
  content: '';
  width: 40px;
  height: 2px;
  background: #59c726;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*.button-prev2, .button-prev4 { text-align: center; background: #edca20 url(../images/prev-arrow2.png) center center no-repeat; width: 30px; height: 30px; position: absolute; cursor: pointer; top: 28.33%; right: 52px; transform: translateY(-40%); font-size:0; z-index: 2; }
.button-next2, .button-next4 { text-align: center; background: #edca20 url(../images/next-arrow2.png) center center no-repeat; width: 30px; height: 30px; position: absolute; cursor: pointer; top: 28.33%; right: 18px; transform: translateY(-40%); font-size:0; z-index: 2; }*/

.queryouter {
  background: #0642B6 url(3px;/images/line-bg.png) left top repeat;
  background-size: cover;
  padding: 0px 15px 0px 0px;
}

.queryright {
  padding: 0 6% 0 5%;
}

.queryrow {
  margin: 25px 0px 0 0;
}

.queryrow input,
.queryrow select {
  border-radius: 3px !important;
  font-size: 14px;
  height: 47px;
}

.queryrow textarea {
  height: 150px;
  border-radius: 3px;
}


.queryrow a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  background: #61b33b;
  padding: 0px 30px;
  border-radius: 3px;
}

.queryrow a span {
  vertical-align: middle;
  margin-right: 10px;
}

.queryrow a:hover {
  text-decoration: none;
  background: #073358;
}

.newsouter {
  padding: 50px 0px;
  background: #f7f7f7;
}

.news-box span.date {
  font-size: 12px;
  padding: 3px 15px;
  background: #003d9e;
  color: #fff;
  border-radius: 3px;
}

.newshd {
  display: block;
  font-size: 16px;
  margin: 20px 0;
  font-weight: 600;
  color: #0966b3;
}

.topmobile {
  background: #e7db74;
  color: #000;
  margin: 8px 0px 15px 0px;
  padding: 5px 20px;
  border-radius: 10px;
}

.topmobile span {
  vertical-align: middle;
}

.topmobile:hover {
  background: #000;
}

.project-outer {
  padding: 60px 0px 0px 0px;
}

.partnerouter {
  background: #f7f7f7;
  margin: 40px 0px;
  padding: 40px 0px 60px 0px
}

.viewall-btn {
  font-size: 13px;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  height: auto;
  margin-bottom: 30px;
  padding: 0px;
  line-height: 1;
  color: #003d9e;
}

.viewall-btn:hover {
  text-decoration: none;
}

.viewall-btn:after {
  content: '';
  width: 0;
  height: 2px;
  background: #003d9e;
  position: absolute;
  left: 0;
  bottom: 20px;
  transition: all 0.3s ease-in-out;
}

.viewall-btn:hover:after {
  width: 100%;
}

.whiteheader .topmobile {
  /*display: none;*/
  font-size: 14px;
  margin: 0 0 13px 0;
}

.project-box {
  position: relative;
  width: 100%;
  min-height: 325px;
  overflow: hidden;
  border-radius: 5px;
  background: #0966b3;
}

.project-box img {
  width: 100%;
  max-height: 325px;
  border-radius: 5px;
  opacity: 0.777;
  position: relative;
  z-index: 0;
  transition: all 0.3s ease-in-out
}

.project-box a {
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 35px 0px 20px 35px;
}

.project-box a h4 {
  font-weight: 800;
}

.project-box a p {
  color: #fff;
}

.project-box-overlay span {
  position: absolute;
  right: 20px;
  bottom: 25px;
  font-size: 80px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.project-box a:hover span {
  opacity: 1
}

.project-box:hover img {
  transform: scale(1.05);
}

.project-boxbig {
  min-height: 674px;
}

.project-boxbig img {
  max-height: 674px;
}

.project-filter {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2
}

.filterrow {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.filterrow label {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: 600;
}

.filterrow input,
.filterrow select {
  background-color: rgba(0, 0, 0, .04);
  border: 0;
  width: 100%;
  height: 54px;
  padding: 0 20px;
}

.filterrow .btn {
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #fff;
  background: #1a85dd;
  padding: 0px 30px;
  margin: 34px 0px 0px 0px;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}

.filterrow .btn:hover {
  background: #000;
}

.project-img {
  border-radius: 15px;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.project-img img {
  max-width: 100%;
  max-height: 324px;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}

.project-cont:hover img {
  transform: scale(1.1);
  opacity: 0.8
}

.project-detls {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
  margin-bottom: 30px;
  border-radius: 0px 0px 15px 15px;
}

.project-detls h4 {}

.project-detls h4 a {
  color: #17619d;
  font-weight: 600;
}

.project-detls h4 a:hover {
  color: #000;
}

.project-detls h4 strong {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0px;
}

.prolist-row {
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.prolist-row div {
  padding: 7px 0px;
  text-align: right;
}

.prolist-row div:first-child {
  color: #000;
  font-weight: 600;
  position: relative;
  text-align: left;
  width: 26%;
}

.prolist-row div:first-child span {
  position: absolute;
  right: 0;
}

.prolist-row:last-child {
  border-bottom: 0px;
}

.partner-slide {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
}

.partner-slide .swiper-wrapper {
  width: 100%;
  float: left;
  position: relative;
}

.partnerouter iframe {
  border-radius: 20px;
}

.partnerouter .button-prev3,
.partnerouter .button-next3 {
  display: inline-block;
}

.partnerouter .button-prev3 {
  background: url(../images/prev-arrow.png) left top no-repeat;
  background-size: auto 100%;
  width: 21px;
  height: 20px;
  cursor: pointer;
  font-size: 0;
}

.partnerouter .button-next3 {
  background: url(../images/next-arrow.png) left top no-repeat;
  background-size: auto 100%;
  width: 21px;
  height: 20px;
  cursor: pointer;
  font-size: 0;
}

.right-fix {
  position: fixed;
  right: 0;
  top: 30%;
  transform: translateY(-30%);
  background: #0c82e3;
  width: 50px;
  height: 111px;
  border-radius: 10px 0px 0px 10px;
  z-index: 1000;
}

.right-fix ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin: 15px 0px 15px -6px;
}

.right-fix ul li {
  position: relative;
}

.right-fix ul li a {
  padding: 8px 20px 8px 20px;
  color: #fff;
  display: block;
}

.fixnumber {
  position: absolute;
  width: 0px;
  right: 0;
  top: 0;
  padding: 10px 10px 10px 15px;
  height: 40px;
  font-size: 0px;
  color: #fff;
  z-index: 0;
  border-radius: 10px 0 0 10px;
  transition: all 0.3s ease-in-out;
}

.fixnumber a {
  padding: 0px !important;
}

.right-fix ul li:first-child:hover .fixnumber {
  width: 200px;
  font-size: 14px;
  background: #0c82e3;
}

.right-fix ul li a span {
  z-index: 1;
  position: relative;
}

.enquirypop {
  padding: 50px;
}

.enquirypop input,
.enquirypop select,
.enquirypop textarea {
  background: #f3f3f3;
  border: 0;
}

.chatbutton {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 10
}

.enquirypop textarea {
  min-height: 112px;
  font-size: 15px;
}



.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}


.vert-move2 {
  -webkit-animation: mover2 0.5s infinite alternate;
  animation: mover2 0.5s infinite alternate;
}

.vert-move2 {
  -webkit-animation: mover2 0.5s infinite alternate;
  animation: mover2 0.5s infinite alternate;
}

@-webkit-keyframes mover2 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes mover2 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

.cont-header {
  height: auto;
  background: url(../images/contact-citibg.jpg) center bottom no-repeat;
  background-size: cover;
}

.contact-overlay:before {
  content: '';
  background: #0000009a;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.cont-header h1 {
  padding-top: 50px;
}

.contact-para {
  font-size: 18px !important;
  padding-top: 30px;
  color: #fff
}

.contact-para span {
  color: #fff
}

button.back-to-top {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  height: 0px;
  width: 0px;
  overflow: hidden;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: transparent;
  clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
  bottom: 75px;
  font-size: 0px;
  outline: 0 !important;
  z-index: 99;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus,
{
outline: 0 !important;
}

button.back-to-top::before,
button.back-to-top::after {
  content: "";
  display: block;
  vertical-align: middle;
  border-bottom: solid 10px #0c82e3;
  border-left: solid 10px transparent;
  line-height: 0;
  border-right: solid 10px transparent;
  height: 0;
  margin: 18px auto 0;
  width: 0;
  border-radius: 20px;
  visibility: hidden;
}

button.back-to-top.show::after,
button.back-to-top.show::before {
  visibility: visible;
}

button.back-to-top::after {
  border-bottom-color: #fff;
  position: relative;
  top: -24px;
}

button.back-to-top.show {
  display: block;
  background: #fff;
  color: #00ab6c;
  font-size: 25px;
  right: 25px;
  bottom: 10px;
  height: 50px;
  width: 50px;
  visibility: visible;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}

button.back-to-top.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}




.btn-whatsapp-pulse-border {
  bottom: 70px;
  position: fixed;
  z-index: 10000000000000;
  right: 25px;
  /*      animation-play-state: paused;*/

  background: #25d366;
  color: white;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  padding: 25px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

.btn-whatsapp-pulse-border:hover {
  color: #fff;
}



.btn-whatsapp-pulse-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 25px;
  border: 5px solid #25d366;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }

  75% {
    padding: 50px;
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/*new testimonial start*/

.testimonial_section {
  display: block;
  overflow: hidden;
}

.testimonial_section:after {
  display: block;
  clear: both;
  content: "";
}

.testimonial_section .about_content {
  background-color: #020d26;
  padding-top: 77px;
  padding-right: 210px;
  padding-bottom: 62px;
  position: relative;
}

.testimonial_section .about_content .background_layer {
  background-color: #020d26;
  width: auto;
  margin-left: -200px;
  right: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.testimonial_section .about_content .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
}

.testimonial_section .about_content .layer_content .section_title {
  margin-bottom: 24px;
  position: relative;
}

.testimonial_section .about_content .layer_content .section_title:after {
  display: block;
  clear: both;
  content: "";
}

.testimonial_section .about_content .layer_content .section_title h5 {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: #818a8f;
  margin-top: -5px;
  margin-bottom: 6px;
}

.testimonial_section .about_content .layer_content .section_title h2 {
  font-weight: 300;
  font-size: 45px;
  line-height: 50px;
  padding-bottom: 51px;
  margin-bottom: 0px;
  color: #fff;
}

.testimonial_section .about_content .layer_content .section_title h2 strong {
  font-weight: 600 !important;
  width: 100%;
  display: block;
}

.testimonial_section .about_content .layer_content .section_title .heading_line {
  position: relative;
}

.testimonial_section .about_content .layer_content .section_title .heading_line span {
  transition: all 0.5s ease-in-out 0s;
  position: relative;
}

.testimonial_section .about_content .layer_content .section_title .heading_line span:after {
  content: "";
  right: auto;
  left: 69px;
  position: absolute;
  bottom: 28px;
  width: 17px;
  margin-left: 0;
  border-bottom-width: 3px;
  border-bottom-color: #cacaca;
  border-bottom-style: solid;
}

.testimonial_section .about_content .layer_content .section_title .heading_line:after {
  content: "";
  left: 1%;
  margin-left: 0;
  position: absolute;
  bottom: 28px;
  width: 59px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #ff5e14;
}

.testimonial_section .about_content .layer_content .section_title p {
  color: #fff;
  margin: 0 0 15px;
}

.testimonial_section .about_content .layer_content a {
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
}

.testimonial_section .about_content .layer_content a i {
  font-size: 18px;
  vertical-align: middle;
}

.testimonial_section .about_content .layer_content a:hover {
  color: #ff5e14;
}

.testimonial_section .testimonial_box {
  margin-top: 60px !important;
  position: relative;
}

.testimonial_section .testimonial_box .testimonial_container {
  background-color: #ff5e14;
  margin-left: -170px !important;
  position: relative;
}

.testimonial_section .testimonial_box .testimonial_container .background_layer {
  background-color: #edca20;
  width: auto;
  margin-right: -200px;
  right: 0;
  background-image: url(../images/map.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {
  display: block;
  position: relative;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {
  margin: 10px 0 10px 0;
  padding: 62px 0px 72px 50px;
  position: relative;
  text-align: center;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);
  margin-left: 150px;
  margin-top: 69px;
  padding: 45px 40px 45px 40px;
  z-index: 1;
  position: relative;
  background-color: #fff;
  transition: all 0.5s ease-in-out 0s;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption {
  margin-bottom: 15px;
  position: relative;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption:after {
  content: "";
  width: 30px;
  display: block;
  height: 2px;
  text-align: center;
  left: 46%;
  margin-top: 6px;
  background-color: #ff5e14;
  position: absolute;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption h6 {
  padding-top: 0;
  margin-bottom: -5px;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  color: #020d26;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption span {
  font-size: 12px;
  color: #9f9f9f;
  margin: 0;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content p {
  padding: 0;
  margin: 0;
  padding-top: 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #5d6576;
  font-style: italic;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img {
  border: none;
  position: absolute;
  top: 0;
  left: 55px;
  top: 80px;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img img {
  border: 5px solid #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  width: 35%;
}

.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {
  position: absolute;
  top: 165px;
  right: 42px;
  border-radius: 0;
  background: #ff5e14;
  display: block;
  outline: 0;
  width: 34px;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}

.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev:hover {
  background: #020d26;
}

.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {
  position: absolute;
  top: 165px;
  right: 5px;
  border-radius: 0;
  display: block;
  background: #ff5e14;
  outline: 0;
  width: 34px;
  text-align: center;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}

.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next:hover {
  background: #020d26;
}

@media all and (max-width: 991px) {
  .testimonial_section .about_content {
    padding-right: 15px !important;
  }

  .testimonial_section .about_content .background_layer {
    width: 200% !important;
  }

  .testimonial_section .testimonial_box {
    margin-top: 0 !important;
  }

  .testimonial_section .testimonial_box .background_layer {
    width: 200% !important;
    margin-left: -200px;
  }

  .testimonial_section .testimonial_box .about_content {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 28% !important;
  }

  .testimonial_section .testimonial_box .testimonial_container {
    margin-left: -15px !important;
  }

  .testimonial_section .testimonial_box .testimonial_container .testimonials {
    margin: 0px 0 20px 0;
  }

  .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
    margin-left: -36px !important;
  }

  .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
    display: none;
  }
}

/*new testimonial end*/

.career-header {
  min-height: 570px;
  margin-bottom: 0px;
  background: url(../images/career-bnr.jpg) center bottom no-repeat;
}

.career-breadcrumb {
  padding: 8px 0px;
}

.career-breadcrumb .breadcrumb-item:before {
  color: #0c82e3
}

.career-breadcrumb .breadcrumb-item a {
  color: #000;
}

.careersection1 {
  padding: 40px 0px;
  margin: 0px;
}

.ethoscont {
  padding: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  text-align: center;
  min-height: 278px;
  transition: all 0.3s ease-in-out;
}

.ethoscont img {
  margin: 10px 0px 20px 0px;
  transition: all 0.3s ease-in-out;
}

.ethoscont h3 {
  font-size: 1.20rem;
  font-weight: 600;
}

.ethoscont:hover img {
  transform: scale(1.2) rotate(360deg);
}

.ethoscont:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.ethoscont2 {
  padding-right: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 100px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.ethoscont2 h3,
.ethoscont2 p {
  text-align: left;
}

.ethoscont2 img {
  margin-bottom: 0px;
  margin-right: 15px;
}

.videocont {
  border-bottom: 3px solid #0c82e3;
  margin: 0px 0px 30px 0px;
  min-height: 400px;
  padding: 60px 40px 40px 40px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: relative;
}

.videocont:before {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background: #0c82e3;
  left: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
}

.videocont:hover:before {
  width: 100%;
}

.line-bg {
  background: url(../images/line-bg.jpg) left top no-repeat;
  padding: 100px 0px !important;
}

.videocont h2 {
  font-size: 20px;
  margin: 10px 0 0 0;
  text-align: center;
}

.videocont iframe {
  border-radius: 25px;
}

.applybtn {
  border: none;
  background: #053097;
  color: #fff;
  padding: 10px 60px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
}

.applybtn:hover {
  background: #000;
  color: #fff;
}

.aboutgalery {
  border: 1px solid #efefef;
}

.aboutgalery img {
  max-height: 400px;
}

.menucontact {
  padding: 20px;
  margin: 30px 0 0 0;
  border: 2px solid #61b33bb3;
  border-radius: 15px;
}

.menucontact div a {
  display: flex;
  align-items: center;
  color: #fff;
  margin-bottom: 8px;
}

.menucontact div a span {
  margin: 0px 10px 0 0;
  color: #5de120;
}

.property_item {
  border: 1px solid #e5e5e5;
  background: #fff;
  position: relative;
  box-shadow: 0 0 18px 6px rgb(0 0 0 / 8%);
  -webkit-transition: all .9s ease 0s;
  -o-transition: all .9s ease 0s;
  transition: all .9s ease 0s;
  margin-bottom: 30px;
  height: 95%;
  border-radius: 0px 0px 18px 18px;
}

.property_item:hover {
  box-shadow: 0 0 18px 6px rgb(0 0 0 / 20%)
}



.property_item .image {
  width: 100%;
  overflow: hidden;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.property_item .image img {
  max-width: 100%;
  max-height: 220px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  /*  object-fit: cover*/
}

.property_item:hover .image {
  background: #000
}

.property_item:hover .image img {
  transform: scale(1.2);
  opacity: 0.6
}



.tag_t {
  position: absolute;
  top: 10px;
  display: inline-block;
  z-index: 1;
  font-size: 13px;
  padding: 5px 14px;
  background: #ffd119;
  right: 10px;
  font-weight: 600;
}

.proerty_content .proerty_text {
  padding: 10px 0 0px 0px;
}

.proerty_content .proerty_text .property-name-wrap {
  min-height: 37px;
  max-height: 60px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.2rem;
  font-weight: 600;
}

.properties h2 {
  color: #464646;
  font-size: 32px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}

.proerty_content p {
  margin: 0px 0px 7px 0px;
  padding: 0px 20px 0px 40px;
  min-height: 30px;
  font-size: 13px;
  line-height: 1.4;
  color: #242424;
  position: relative;
}

.proerty_content p i {
  position: absolute;
  left: 22px;
  top: 3px;
}

.proerty_content .property_meta {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.prop-price-wrap {
  padding: 12px 20px 5px 20px;
  border-top: 1px solid #eaeaea;
  font-size: 13px;
  min-height: 45px;
}

.prop-price-wrap .price-sec {
  font-weight: 600;
  color: #389d09;
  font-size: 15px;
}

.proerty_content .proerty_text .fa-map-marker {
  color: #61d72a;
}

.prop-price-wrap .area-icon img {
  max-width: 18px;
  margin-right: 8px;
}


span.prop-readmore-btn {
  float: right;
}

.prop-readmore-btn a {
  display: inline-block;
}

.prop-readmore-btn a,
.bookNowBtn {
  background: #003d9e;
  color: #fff;
  padding: 5px 12px 5px 12px;
  border-radius: 30px;

}

.prop-readmore-btn a:hover,
.bookNowBtn:hover {
  background: #61b33b;
}

.signleftSection {
  background: #e9f5ff;
  border-radius: 5px;
  /*  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);*/
  padding: 3em;
}

.LefttxtSty {
  min-height: 300px;
  position: relative;
}

.LefttxtSty img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.LefttxtSty img.slideanimation {
  left: auto;
  right: 30%;
  top: 45%;
}

.LefttxtSty img.two {
  right: 22%;
  top: 0%;
}

.slideanimation {
  animation: slideanimation 2s linear infinite;
  position: relative;
}

@keyframes slideanimation {
  0% {
    transform: translate(0px, -5px);
  }

  50% {
    transform: translate(0px, 5px);
  }

  100% {
    transform: translate(0px, -5px);
  }
}

.needHelpSty {
  color: #4c5869;
  margin-top: 3em;
}

.needHelpSty .title {
  font-size: 38px;
  line-height: 48px;
  margin-bottom: 15px;
}

.needHelpSty p {
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}

.process_wrapper {
  position: relative;
  width: 100%;
}

.signRightSection {
  padding: 30px 50px;
}


.signRightSection .maintitle {
  font-size: 30px;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 0px;
  line-height: 35px;
  color: #4c5869;
  font-weight: 600;
}

.loginIdfld {
  margin-top: 26px;
}

.signRightSection {
  padding: 30px 50px;
}

.signRightSection .maintitle {
  font-size: 30px;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 0px;
  line-height: 35px;
  color: #4c5869;
  font-weight: 600;
}

.signRightSection .maintitle span {
  font-size: 18px;
  display: block;
  font-weight: 300;
  line-height: 25px;
  margin-top: 5px;
  width: auto;
  height: auto;
}

.OTPBoxeSty {
  margin: 30px 0px;
}

.signRightSection .form-control,
.FAQsContainer .form-control {
  height: 50px;
  border-color: #e4e4e4;
  /* color: #000; */
  font-size: 16px;
  background: #f8f8f8;
  border-radius: 0;
  padding: 6px 20px;
  box-shadow: 0px 0px 0px 1px #e4e4e4;
}

.NewtoHomeonline {
  position: relative;
  padding-top: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}

.NewtoHomeonline a {
  font-weight: 600;
  margin-top: 15px;
  display: block;
  color: #003d9e;
}

.NewtoHomeonline a:hover {
  color: #61b33b;
}

.info-column {
  position: relative;
}

.info-column .inner-column {
  position: relative;
  /* box-shadow: 0px 0px 20px rgba(0,0,0,0.10); */
  border: solid 1px #f9f7ea;
}

.contact-page-section .title-box {
  position: relative;
  padding: 20px 30px;
  background-color: #f9f6de;
}

.contact-page-section .info-column .lower-box {
  position: relative;
  padding: 40px 35px 50px;
  background: #fffdeb;
}

.contact-page-section .info-column .info-list {
  position: relative;
  list-style: none;
  padding: 0px;
}

.contact-page-section .info-column .info-list li {
  position: relative;
  text-align: left;
  line-height: 1.5em;
  font-weight: 600;
  min-height: 60px;
  padding-left: 80px;
  margin-bottom: 20px;
  display: flex;
  justify-content: left;
  align-items: center;
}

.contact-page-section .info-column .info-list li .icon {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 60px;
  font-weight: 500;
  font-size: 24px;
  color: #61b33b;
  border-radius: 50px;
  background-color: #fff;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

.social-box {
  padding: 0px;
  margin: 0px;
}

.contact-page-section .info-column .social-box li {
  position: relative;
  display: inline-block;
  margin-bottom: var(--margin-bottom-10);
}

.contact-page-section .info-column .social-box li a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  transition: all 0.5s ease;
  margin-right: 5px;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.contact-page-section .info-column .social-box li.facebook a {
  background: #3b5998;
}

.contact-page-section .info-column .social-box li.twitter a {
  background: #000;
}

.contact-page-section .info-column .social-box li.linkedin a {
  background: #0270ad;
}
.contact-page-section .info-column .social-box li.youtbe a { background: #ff0000; }

.contact-page-section .info-column .social-box li.pinterest a {
  background: #d91081;
}

.contact-page-section .contact-form-box {
  position: relative;
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  padding: 20px 30px;
  border: solid 1px #f9f7ea;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10);
}

.contact-page-section .contact-form-box .form-title-box {
  position: relative;
  text-align: left;
  margin-bottom: 0px;
}

.contact-page-section .contact-form-box .form-title-box h3 {
  font-size: 22px;
}

.contact-form {
  position: relative;
}

.enquiryrow2 label {
  font-size: 13px;
  margin-bottom: 5px
}

.enquiryrow2 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  display: block;
}

.enquiryrow2 input {
  width: 100%;
  height: 40px;
  color: #000;
  font-size: 13px;
  padding: 8px 10px;
  margin: 0px;
  background: #fff;
  border: solid 2px #e5e5e5;
}

.enquiryrow2 select {
  width: 100%;
  color: #000;
  font-size: 13px;
  padding: 11px 10px;
  margin: 0px;
  background: #fff;
  border: solid 2px #e5e5e5;
}

.enquiryrow2 textarea {
  position: relative;
  display: block;
  width: 100% !important;
  line-height: 24px;
  padding: 15px 20px 25px;
  color: #7a7a7a;
  background: #fff;
  border: 2px solid #e5e5e5;
  height: 70px;
  resize: none;
  border-radius: 3px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.enquiryrow2 input.enq-sbmtbtn,
.enq-sbmtbtn {
  background: #053097;
  border-radius: 25px;
  color: #fff;
  font-size: 15px;
  border: none;
  width: 50%;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.enquiryrow2 input.enq-sbmtbtn:hover,
.enq-sbmtbtn:hover {
  background: #61b33b;
}

.contact-form3 .form-group {
  margin-bottom: 0px;
}

.videocont {
  border-bottom: 3px solid #0c82e3;
  margin: 0px 0px 30px 0px;
  min-height: 400px;
  padding: 60px 40px 40px 40px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: relative;
}

.videocont:before {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background: #0c82e3;
  left: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
}

.videocont .video {
  position: relative;
  height: 250px;
}

.videocont video {
  position: absolute;
  right: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 250px;
  bottom: 0px;
}



.videocont iframe,
.videocont video {
  border-radius: 25px;
}

.videocont h2 {
  font-size: 20px;
  margin: 10px 0 0 0;
  text-align: center;
}

.booknowlink {
  display: block;
  margin: 5px 0px 10px 0px;
  position: relative;
}

.booknowlink {
  position: relative;
  z-index: 0;
}

.pulser {
  z-index: 1;
  color: #fff;
  padding: 5px 25px;
  background: #61b33b;
  border-radius: 20px;
  position: absolute;
  bottom: 20px;
  left: 25px;
}

.pulser::after {
  animation: pulse 1000ms cubic-bezier(0.9, 0.7, 0.5, 0.9) infinite;
}

@keyframes pulse {
  0% {
    opacity: 0;
  }

  50% {
    transform: scale(1.4);
    opacity: 0.4;
  }
}

.pulser::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #61b33b;
  border-radius: 20px;
  z-index: -1;
}

.dart-form-8 label {
  margin-top: 15px;
}

.dart-form-8 .form-inline .form-control {
  height: 45px;
  padding: 10px 20px;
  margin: 5px 0;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  border: 1px solid #d1d1d1;
}

.dart-form-8 input[type=file] {
  padding: 8px 20px 8px 20px;
  height: auto
}

.dart-form-8 .enq-sbmtbtn {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 45px;
  border-radius: 30px;
}

.callbutton {
  position: fixed;
  left: 2%;
  bottom: 11.55%;
  z-index: 4;
}

.Phone {
  position: relative;
  display: block;
  margin: 0;
  width: 1em;
  height: 1em;
  font-size: 50px;
  background-color: #053097;
  border-radius: 0.5em;
  box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  transform: translate3d(0, 0, 0) scale(1);
}

.Phone::before,
.Phone::after {
  position: absolute;
  content: "";
}

.Phone::before {
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  /*  background-color: rgba(255, 255, 255, 0.1);*/
  background-color: #40a313;
  border-radius: 100%;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(0);
}

.Phone::after {
  top: 0.25em;
  left: 0.25em;
  width: 0.5em;
  height: 0.5em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(0, 0, 0);
}

.Phone.is-animating {
  -webkit-animation: phone-outer 3000ms infinite;
  animation: phone-outer 3000ms infinite;
}

.Phone.is-animating::before {
  -webkit-animation: phone-inner 3000ms infinite;
  animation: phone-inner 3000ms infinite;
}

.Phone.is-animating::after {
  -webkit-animation: phone-icon 3000ms infinite;
  animation: phone-icon 3000ms infinite;
}

@-webkit-keyframes phone-outer {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  33.3333% {
    transform: translate3d(0, 0, 0) scale(1.1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
  }

  66.6666% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
}

@keyframes phone-outer {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  33.3333% {
    transform: translate3d(0, 0, 0) scale(1.1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0.1), 0em 0.05em 0.1em rgba(0, 0, 0, 0.5);
  }

  66.6666% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0.5em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0em rgba(52, 152, 219, 0), 0em 0.05em 0.1em rgba(0, 0, 0, 0.2);
  }
}

@-webkit-keyframes phone-inner {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
  }

  33.3333% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0.9);
  }

  66.6666% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
}

@keyframes phone-inner {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
  }

  33.3333% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0.9);
  }

  66.6666% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
}

@-webkit-keyframes phone-icon {
  0% {
    transform: translate3d(0em, 0, 0);
  }

  2% {
    transform: translate3d(0.01em, 0, 0);
  }

  4% {
    transform: translate3d(-0.01em, 0, 0);
  }

  6% {
    transform: translate3d(0.01em, 0, 0);
  }

  8% {
    transform: translate3d(-0.01em, 0, 0);
  }

  10% {
    transform: translate3d(0.01em, 0, 0);
  }

  12% {
    transform: translate3d(-0.01em, 0, 0);
  }

  14% {
    transform: translate3d(0.01em, 0, 0);
  }

  16% {
    transform: translate3d(-0.01em, 0, 0);
  }

  18% {
    transform: translate3d(0.01em, 0, 0);
  }

  20% {
    transform: translate3d(-0.01em, 0, 0);
  }

  22% {
    transform: translate3d(0.01em, 0, 0);
  }

  24% {
    transform: translate3d(-0.01em, 0, 0);
  }

  26% {
    transform: translate3d(0.01em, 0, 0);
  }

  28% {
    transform: translate3d(-0.01em, 0, 0);
  }

  30% {
    transform: translate3d(0.01em, 0, 0);
  }

  32% {
    transform: translate3d(-0.01em, 0, 0);
  }

  34% {
    transform: translate3d(0.01em, 0, 0);
  }

  36% {
    transform: translate3d(-0.01em, 0, 0);
  }

  38% {
    transform: translate3d(0.01em, 0, 0);
  }

  40% {
    transform: translate3d(-0.01em, 0, 0);
  }

  42% {
    transform: translate3d(0.01em, 0, 0);
  }

  44% {
    transform: translate3d(-0.01em, 0, 0);
  }

  46% {
    transform: translate3d(0em, 0, 0);
  }
}

@keyframes phone-icon {
  0% {
    transform: translate3d(0em, 0, 0);
  }

  2% {
    transform: translate3d(0.01em, 0, 0);
  }

  4% {
    transform: translate3d(-0.01em, 0, 0);
  }

  6% {
    transform: translate3d(0.01em, 0, 0);
  }

  8% {
    transform: translate3d(-0.01em, 0, 0);
  }

  10% {
    transform: translate3d(0.01em, 0, 0);
  }

  12% {
    transform: translate3d(-0.01em, 0, 0);
  }

  14% {
    transform: translate3d(0.01em, 0, 0);
  }

  16% {
    transform: translate3d(-0.01em, 0, 0);
  }

  18% {
    transform: translate3d(0.01em, 0, 0);
  }

  20% {
    transform: translate3d(-0.01em, 0, 0);
  }

  22% {
    transform: translate3d(0.01em, 0, 0);
  }

  24% {
    transform: translate3d(-0.01em, 0, 0);
  }

  26% {
    transform: translate3d(0.01em, 0, 0);
  }

  28% {
    transform: translate3d(-0.01em, 0, 0);
  }

  30% {
    transform: translate3d(0.01em, 0, 0);
  }

  32% {
    transform: translate3d(-0.01em, 0, 0);
  }

  34% {
    transform: translate3d(0.01em, 0, 0);
  }

  36% {
    transform: translate3d(-0.01em, 0, 0);
  }

  38% {
    transform: translate3d(0.01em, 0, 0);
  }

  40% {
    transform: translate3d(-0.01em, 0, 0);
  }

  42% {
    transform: translate3d(0.01em, 0, 0);
  }

  44% {
    transform: translate3d(-0.01em, 0, 0);
  }

  46% {
    transform: translate3d(0em, 0, 0);
  }
}

.sitevisit-btn {
  position: fixed;
  right: 40px;
  top: 25%;
  z-index: 2;
  width: 211px;
  height: 70px;
  background: url(../images/free-sitevisit.png) center top no-repeat;
  text-align: center;
  padding: 23px 10px 0px 0px;
  line-height: 1;

}

.sitevisit-btn span {
  font-size: 15px;
  font-weight: 600;
}

.animate-charcter {
  background-image: linear-gradient(-225deg,
      #ffd321 0%,
      #fff 29%,
      #ffd321 67%,
      #ff0000 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;

}

@keyframes textclip {
  to {
    background-position: 200% center;
  }

  0% {
    color: black;
    transform: scale(0);
    opacity: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }

  25% {
    color: red;
    transform: scale(2);
    opacity: 1;
    text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
  }

  50% {
    color: black;
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }

  100% {
    /* animate nothing to add pause at the end of animation */
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }

}



.vert-move img {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

.vert-move img {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-5px);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-5px);
  }
}


/*harpreet css end*/




/* 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) {
  .mobtoggle {
    margin-right: 25px !important;
  }

  .logo img {
    max-height: 97px;
  }

  .side-navigation .side-content {
    display: none;
  }

  .side-navigation .menu {
    display: block;
    margin-top: 50px;
  }

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

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

  .intro figure {
    width: 100%;
    margin-bottom: 80px;
  }

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

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

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

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

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

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

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

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

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

  .apartment {
    padding: 80px 0;
  }

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

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

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

  .facilities {
    padding: 80px 0;
  }

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

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

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

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

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

  .error404 {
    padding: 80px 0;
  }

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

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

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

  .recent-gallery figure {
    margin-top: 80px;
  }

  .benefits {
    padding: 80px 0;
  }

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

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

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

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

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

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

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

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

  .property-calculator .content-box {
    padding-left: 0;
    margin-bottom: 70px;
    bottom: 0 !important;
  }
  .property-calculator figure .pattern-bg {
    display: none;
  }
.property-calculator figure .holder {
    transform: none !important
  }

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

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

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

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

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

  .video-bg video {
    float: right;
  }

  .certificates {
    padding: 80px 0;
  }

  .contact {
    padding: 80px 0;
  }

  .contact address p a {
    display: block;
  }

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

  .blog {
    padding: 80px 0;
  }

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

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

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

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

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

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

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

  .footer .contact-box ul {
    float: left;
  }
}

/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 768px),
only screen and (max-device-width: 768px) {
  .side-navigation {
    width: 47vw;
  }

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

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

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

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

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

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

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

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

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

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

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

  .apartment figure {
    margin: 15px 0;
  }

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

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

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

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

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

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

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

  .certificates figure {
    margin: 15px 0;
  }

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

.sitevisit-btn {
    top: auto;
    bottom: 80px;
    right: 0;
    margin: auto;
    width: 160px;
    padding-top: 12px;
    background-size: 100%;
}
    .sitevisit-btn span { font-size: 13px; }



}

@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
  button.back-to-top.show {
    left: auto;
    right: 25px;
    bottom: 10%;
  }

  .slider .slider-container .swiper-slide .container h2 {
    font-size: 1.5rem
  }

  .baner-price {
    height: auto;
  }

  .queryform-outer {
    padding: 0px;
  }

  .queryform-outer h2 {
    font-size: 16px;
    font-weight: 600;
  }

  .queryform .nav-pills .nav-link {
    padding: 5px 9px;
    font-size: 14px;
  }

  .queryform .form-group {
    margin-bottom: 10px;
  }

  .querybox {
    border: 0;
  }

  .queryform .querybox input,
  .queryform .querybox select {
    border: 1px solid #dbdbdb;
    border-radius: 20px;
  }

  .queryform .querybox input,
  .queryform .querybox select,
  .submitbtn {
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 14px;
  }

  .callbutton {
    bottom: 22%;
  }

  .btn-whatsapp-pulse-border {
    right: auto;
    left: 2%
  }

  .submitbtn {
    margin-top: 0px;
  }

  .services-slider__item .services-slider__title {
    font-size: 25px;
  }


  .intro figure .holder {
    transform: translate(0, 0);
    padding: 0 8%;
  }

  .intro figure {
    margin-bottom: 0px;
  }

  .intro .content-box {
    padding-top: 50px;
  }

  .intro .content-box h4,
  .bighd {
    font-size: 33px;
  }

  .intro .content-box p {
    padding-right: 0%;
  }

  .project-box {
    min-height: 290px;
  }

  .factleft {
    margin: 0px;
  }

  .queryouter .pl-lg-0 {
    padding-right: 0px;
  }

  .completeyear {
    min-width: 200px;
    min-height: 100px;
    bottom: 0px;
    left: 0px;
    padding: 10px 0px 10px 0px;
  }

  .completeyear h3 {
    font-size: 40px;
  }

  .queryrow input,
  .queryrow select {
    border: 0;
  }

  .queryrow {
    margin-top: 10px;
  }

  .mobtoggle {
    margin-right: 0px !important;
    margin-top: 0
  }

  .bnr-content {
    padding: 0px 0px 5px 0px !important;
  }

}



.r-form {
  width: 100%;
  margin-bottom: 80px;
  border-radius: 15px;
  padding: 18px 20px;
  background: #edf3f8;
}


.r-form .phcall {
  font-size: 16px;
  color: #053097;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  padding-bottom: 18px;
}

.r-form h4 {
  font-size: 22px;
  color: #053097;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  padding-bottom: 10px;
  line-height: 18px;
}

.r-form h4 span {
  padding: 0px !important;
  background: none !important;
  font-size: 18px !important;
  color: #666666 !important;
  font-weight: 700;
  text-align: center;
  text-transform: none;
  display: inline-block !important;
}

.r-form .form-group2 {
  width: 100%;
  float: left;
  margin-bottom: 8px;
  position: relative;
}



.r-form .form-group .name {
  background: #f6f6f6 url(../images/name-icon.png) no-repeat top 10px left 10px;
}

.r-form .form-control2 {
  background: #f6f6f6;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-radius: 5px;
  font-size: 14px;
  box-shadow: none !important;
  color: #333333;
  padding: 6px 40px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #c3ddf3;
}

.form-control2 {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.r-form .form-group2 textarea {
  width: 100%;
  padding: 10px 40px;
  box-sizing: border-box;
  height: 65px;
  margin-bottom: 5px;
  line-height: normal;
}

.r-form .form-group2 .name {
  background: #ffffff url(../images/name-icon.png) no-repeat top 10px left 10px;
  s
}

.r-form .form-group2 .mobile {
  background: #ffffff url(../images/mobile-icon.png) no-repeat top 10px left 10px;
}

.r-form .form-group2 .email {
  background: #ffffff url(../images/email-icon.png) no-repeat top 10px left 10px;
}

.r-form .form-group2 .msg {
  background: #ffffff url(../images/msg-icon.png) no-repeat top 10px left 10px;
}

.r-form .form-group2 .location {
  background: #ffffff url(../images/location-icon.png) no-repeat top 10px left 10px;
}

.r-form .form-group2 .search {
  background: #ffffff url(../images/src-icon.png) no-repeat top 10px left 10px;
}

.contact_deatils {
  background: #edf3f8 url(../images/globe-icon.png) right -50px bottom -50px no-repeat;
  margin-top: 20px;
  border-radius: 5px;
  padding-bottom: 16px;
  padding-top: 30px;
}

.ffpp {
  line-height: 1
}

.contact_deatils .pb15px {
  /* padding-bottom: 15px; */
  padding-left: 30px;
}

.contact_deatils .pt15px {
  padding-top: 25px;
}

.contact_deatils .df-dt {
  width: auto;
}

.df-dtc {
  display: table-cell;
}

.w50px {
  width: 50px;
}



.theme2 {
  color: #60b23b;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  transition: all 0.7s ease-in-out;
  font-size: 28px;
}

.theme2:hover {
  color: #fff;
  background-color: #053097;
  border: transparent;

}

.pl10px {
  padding-left: 10px;
}

.ffpp {
  font-weight: normal;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 0px;
}


.vam {
  vertical-align: middle !important;
}

.detail_col_hr {
  width: 94%;
  height: 1px !important;
  background-color: #053097;
  margin-left: 3%;

  display: none;
}

.contact-form2 {
  background: #051e32cc;
  padding: 60px;
  margin: 30px 0px;
  border-radius: 5px;
}

.contact-form2 h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.contact-form2 input,
.contact-form2 select,
.contact-form2 textarea {
  width: 100%;
  height: 40px;
  font-size: 14px;
  border: 1px solid #ced4da;
  padding: 0 10px;
}

.contact-form2 textarea {
  height: 80px;
}

.contact-form2 .animate-btn-style3 {
  height: 40px;
  border-radius: 5px;
}

.contact-form2 .animate-btn-style3:hover {
  background: #000;
}



.contact-block {
  min-height: 250px;
  padding: 37px 15px 0px 15px;
  border: 1px solid #e7e7e7;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.contact-block2 {
  min-height: 5px;
  flex-direction: row;
  padding-bottom: 20px;
}

.contact-icon {
  margin-bottom: 20px;
}

.contact-details h5,
.contact-details p {
  text-align: center;
}

.contact-icon i {
  width: 64px;
  height: 64px;
  background: #053097;
  text-align: center;
  line-height: 64px;
  display: inline-block;
  border-radius: 6px;
}

.contact-icon i:before {
  color: #fff;
  font-size: 36px;
}

.mrb-80 {
  margin-bottom: 80px;
}

.mrl-10 {
  margin-left: 10px;
}

.mrb-30 {
  margin-bottom: 30px;
}

.contact-deails-p {
  padding-top: 4px;

}

.our-team-card {
  background: #fcfcfc;
  cursor: pointer;
  border: 0px !important;
  border-radius: 10px;
  margin: 20px 0px 90px 0px;
  padding: 15px 20px 20px 20px;
  box-shadow: 0 13px 29px rgba(0, 0, 0, .1);
}

.team-card-img-sec {
  min-height: 267px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.team-card-img-sec img {
  max-width: 100%;
  max-height: 267px;
  transition: 0.4s ease-in;
}

.our-team-card:hover .team-card-img-sec img {
  transform: scale(1.04);
}

.team-card-content {
  position: relative;
  margin: 0px;
  padding: 15px 20px 0px 20px;
}

.item--social {
  list-style: none;
  margin: 0px !important;
  padding: 0px !important;
  text-align: center;
}

.item--social li {
  display: inline-block;
  margin: 10px;
  font-size: 20px;
}

.item--social li i.fa-facebook-f {
  color: #25319d;
}

.item--social li i.fa-twitter {
  color: #0c91f7;
}

.item--social li i.fa-linkedin-in {
  color: #0270ad;
}

.our-team-card:hover .team-card-content-default-view {
  transform: translateY(-44px);
}

.team-card-content-default-view {
  transition: 0.4s ease-in;
  text-align: center;
  padding: 12px 0px 8px 0px;
  position: relative;
  z-index: 2;
}

.team-card-content .item--title {
  margin: 10px 0px 8px 0px;
  font-size: 20px;
  text-align: center;
}

.item--position {
  text-align: center;
  font-size: 13px;
  color: #0c82e3;
  margin-bottom: 20px;
}

.our-team-card:hover .team-card-content-default-view h4 {
  color: #000;
}

.our-team-card:hover .team-card-content-default-view p {
  color: #000;
  line-height: 17px;
  margin-bottom: 20px;
  margin-top: 4px;
}

.team-card-content-more-view {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.4s ease-in;
  z-index: 2;
}

.our-team-card:hover .team-card-content-more-view {
  opacity: 1;
  transform: translateY(-10px);
  bottom: 6px;
}

.team-card-content-more-view ul li {
  display: flex;
  align-items: center;
  justify-content: center;

}

.team-card-content-more-view ul li i {
  margin-right: 10px;
  transition: all 0.4s ease-in;
}

.team-card-content-more-view ul li p {
  margin: 0px;
}

.team-card-content-more-view ul li p a {
  margin: 0px;
  transition: all 0.4s ease-in;
  font-size: 14px;

}

.our-team-card:hover .team-card-content-more-view ul li p a {
  color: #000000;
}

.our-team-card:hover .team-card-content-more-view ul li i {
  color: #000000;
}

.mrb-60 {
  margin-bottom: 60px;
}



/* blog page css start here */

.blog_section {
  padding-top: 25px;

}

.news-box2 {
  margin-bottom: 30px;
  border-radius: 15px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.news-box2 figure {
  border-radius: 15px 15px 0px 0px;
}

.news-box2 figure img {
  border-radius: 15px 15px 0px 0px;
}


.news-box2 .date2 {
  margin-left: 20px;
}

.news-box2 .newshd2 {
  margin: 20px 20px;

}


.news-box2 .blog_icon {
  padding: 0 0 20px 20px;

}

/* blog details Page Css start here  */

.blog-details-section {
  padding-top: 30px;
  padding-bottom: 40px;
}

.blog-details-section .blog-details-desc {
  padding-right: 40px;
}

.blog-details-section .blog-details-desc .image {
  overflow: hidden;
  border-radius: 3px;
}

.blog-details-desc .mb-20 {
  margin-bottom: 20px;
}



.blog-details-section .blog-details-desc .image img {
  transition: .5s;
}

.blog-details-desc img {
  width: 100%;
  height: auto;
  border-radius: 15px;
  max-height: 450px !important;
}

.blog-details-section .blog-details-desc .info-list {
  padding: 0;
  list-style: none;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-details-section .blog-details-desc .info-list li {
  display: flex;
  -webkit-box-align: center;
  /* -ms-flex-align: center; */
  align-items: center;
  margin-right: 16px;
  color: #797979;
}

.blog-details-section .blog-details-desc .info-list li:last-child {
  margin-right: 0;
}

.blog-details-section .blog-details-desc .content h3 {
  margin-top: -4px;
  margin-bottom: 15px;
  font-size: 20px;
}

.align-items-center {
  /* -ms-flex-align: center !important; */
  align-items: center !important;
}

.blog-details-section .blog-details-desc .image {
  overflow: hidden;
  border-radius: 3px;
}

.blog-details-desc .mb-30 {
  margin-bottom: 30px !important;
}


.blog-details-desc .mb-30 {
  margin-bottom: 30px !important;
}

.blog-details-section .blog-details-desc .blockquote {
  position: relative;
  padding: 25px 20px;
  margin-bottom: 25px;
  background: #f9f8fe;
  border-radius: 5px;
}

.blockquote {
  /* margin-bottom: 1rem; */
  font-size: 1.25rem;
}

blockquote {
  margin: 0 0 1rem;
}

.blog-details-section .blog-details-desc .blockquote p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}

aside {
  display: block;
}

.blog-details-section h3.sub-title {
  line-height: 1;
  margin-top: -2px;
  margin-bottom: 20px;
  font-size: 22px;
  text-transform: capitalize;
}

.blog-details-section .widget-area .widget-article .article-item {

  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  margin-bottom: 20px;
}

.blog-details-section .widget-area .widget-article .article-item .image {
  -webkit-box-flex: 0;
  flex: 0 0 140px;
  overflow: hidden;
}

.blog-details-section .widget-area .widget-article .article-item .image img {
  transition: .5s;
  border-radius: 15px;
}

.blog-details-section .widget-area .widget-article .article-item .content {
  background: #fff;
  padding-left: 10px;
}

.content {
  margin-bottom: 20px;
}

.blog-details-section .widget-area .widget-article .article-item .content h3 {
  margin-bottom: 10px;
  font-size: 18px;
}

.blog-details-section .widget-area .widget-article .article-item .content h3 a {
  color: #090031;
}



.blog-details-section .widget-area .widget-article .article-item .content .list {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.blog-details-section .widget-area .widget-article .article-item .content .list li:last-child {
  margin-right: 0;
}

.blog-details-section .widget-area .widget-article .article-item .content .list li {
  display: inline-block;
  /* margin-right: 12px; */
  color: #797979;
}

.blog-details-section .widget-area .widget-article .article-item .content .author span {
  font-size: 15px;
}

.blog-details-section .blog-details-desc .image img:hover {
  transform: scale(1.1) !important;
}

.blog-details-section .widget-area .widget-article .article-item .image img:hover {
  transform: scale(1.1) !important;
}

.blog-details-section .widget-area .widget-article .article-item .content h3 a:hover {
  color: #0c82e3;
  text-decoration: underline;
}

.stay_touch_section {
  background-color: #045aa1;
  padding: 40px 0;
}

.stay_touch_section h4 {
  color: #f36f21;
  font-size: 31px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.stay_touch_section h3 {
  color: #6a6666;
  font-size: 15px;
  font-weight: 300;
  margin: 5px 0;
}

.stay_touch_section h3::after {
  background-color: #e2d671;
  border-radius: 5px;
  bottom: -6px;
  content: "";
  height: 3px;
  left: 14px;
  position: absolute;
  width: 70px;
}

.stay_touch_section input[type="email"] {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  border: 2px solid #dcdcdc;
  border-radius: 10px;
  font-size: 16px;
  padding: 20px 30px;
  width: 92%;
}

.stay_touch_section input[type="email"]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.stay_touch_section input[type="email"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.stay_touch_section input[type="email"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

.search-part-btn {
  background: url(../images/subscribe.png) no-repeat top 12px right 10px;
  width: 18%;
  height: 63px;
  float: left;
  border: none;
  cursor: pointer;
  margin: 0px 0 0 0;
  position: absolute;
  right: 75px;
  top: 0px;
  font-size: 0px;
}

.inrhdr {
  background-size: 100% 100% !important;
}

.breadcrumb-outer {
  border-bottom: 1px solid #dfdfdf;
  margin: 0px 0px 40px 0px;
  padding: 5px 0px 0px 0px;
}

.breadcrumb-outer .breadcrumb {
  margin-bottom: 5px
}

.breadcrumb-outer .breadcrumb .breadcrumb-item a {
  color: #0e0e0e;
}

.breadcrumb-outer .breadcrumb .breadcrumb-item:before {
  color: #053097;
}

.breadcrumb-outer .breadcrumb .breadcrumb-item.active {
  text-decoration: none;
}

.inrhdr .container h1 {
  margin-top: 130px;
  color: #fff;
}

.whiteheader2 ul {
  margin-bottom: 0
}

.inrhdr .container h1 span {
  position: relative;
  background: #1e74bb;
  padding: 8px 65px 10px 35px;
  border-radius: 10px 0 0 10px
}

.inrhdr .container h1 span:after {
  content: '';
  width: 60px;
  height: 100%;
  background: #1e74bb;
  transform: skew(30deg);
  display: block;
  top: 0;
  right: -30px;
  position: absolute;
}

.common-box2 {
  width: 250px;
  height: 250px;
  background: #242424;
  color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 20px 20px 20px 40px;
}

.common-box2 span {
  color: #fff;
  font-size: 28px;
}

.common-box2 span.timer {
  font-size: 45px;
}

.common-box2 .counter-text {
  margin-top: -10px;
}

.common-box3 {
  position: absolute;
  right: 41px;
  top: 0;
  width: 190px;
  height: 180px;
  background: #e7db74;
}

.common-box4 {
  position: absolute;
  right: 60px;
  top: 200px;
  width: 210px;
  height: 210px;
  padding-top: 0px;
  background: #218ee7;
}

.common-box5 {
  position: absolute;
  left: 60px;
  top: 270px;
  width: 190px;
  height: 180px;
  background: #2a4d6a;
  padding-top: 0px;
  padding-right: 0px;
}

.founderprof {
  border: 1px solid #afdbff;
  border-radius: 50px;
  padding: 20px;
  margin: 15px 0px 30px 0px;
}

.founderprof a {
  display: flex;
}

.founderprof img {
  max-width: 70px;
  border-radius: 100%;
  margin-right: 15px;
}

.founderprof h4 {
  font-size: 18px;
  margin: 15px 0 0 0;
}

.founderprof h4 span {
  font-size: 13px;
  display: block;
  margin-top: 5px;
  color: #0c82e3;
}

.our-expert-outer {
  position: relative;
  overflow-x: hidden;
}

.our-expert-outer:before {
  content: '';
  position: absolute;
  left: -45px;
  top: 100px;
  width: 110%;
  height: 250px;
  background: #0c82e3;
}

.detailbnr-info {
  padding: 140px 40px 0 40px
}

.detailbnr-info h6 {
  position: relative;
  padding-left: 35px;
  margin: 18px 0px;
}

.detailbnr-info h6 span.material-symbols-outlined {
  position: absolute;
  left: 0px;
  color: #33a100;
}

.detailbnr-info h4 {
  font-weight: 600;
  color: #002272;
}

.project-bnrhd {
  font-weight: 600;
  font-size: 2vw;
  line-height: 1.5;
  color: #053097;
}

.productbnr h5 {
  color: #fff;
  margin-top: 30px;
}

.productbnr p {
  font-size: 15px !important;
}

.project-bnrbtn {
  display: inline-block;
  background: #61b33b;
  color: #fff;
  margin: 20px 0px 15px 0px;
  padding: 8px 35px;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.project-bnrbtn:hover {
  background: #053097;
  color: #fff;
}



.productbnr-box {
  margin: 20px 0px 0px 0px;
  width: 100%;
  background: rgb(255 255 255 / 84%);
  border-radius: 15px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
}

.productbnr-box img {
  margin-right: 20px;
}

.productbnr-box h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
}

.productbnr-box p {
  color: #0c82e3 !important
}

.productbnr-box a {
  display: inline-block;
  font-size: 13px;
  background: #e7db74;
  color: #000;
  margin: 5px 0px 15px 0px;
  padding: 3px 20px;
  border-radius: 10px;
}

.productbnr-box a:hover {
  background: #0c82e3;
  color: #fff
}


.productbnr-box2 {
  position: absolute;
  right: -10px;
  width: 90%;
  top: -30px;
  z-index: 1;
  flex-direction: column;
  min-height: 360px;
  background: #fff9b0f0;
}

.productbnr-box2 img {
  margin: 20px 0px;
}

.productbnr-box2 p {
  color: #000 !important
}

.productbnr-box2 a {
  background: #0c82e3;
  color: #fff
}

.productbnr-box2 a:hover {
  background: #000 !important;
}

.table {
  margin: 20px 0px 0px 0px
}

.table th {
  background: #053097;
  color: #fff;
  font-weight: 600;
}

.table th,
.table td {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.detailform {
  position: sticky;
  top: 82px;
}

.detailform .r-form {
  margin-bottom: 25px;
}

.privacyhdr {
  height: 200px;
  padding-top: 100px;
  background: #cfe2ff;
}

.projectdet {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  margin: 20px 0 0 0;
  padding: 20px 0px 20px 30px;
}

.topcontact {
  list-style: none;
  margin: 0px 0px 15px 0px;
}

.topcontact div {
  float: left;
  margin-left: 20px;
  color: #fff;
  font-size: 14px;
}

.topcontact div span {
  vertical-align: middle;
  color: #5de120;
}

.topcontact div a {
  color: #fff
}

.topcontact div a:hover {
  color: #5de120;
  text-decoration: underline;
}

.toplogin {
  border-radius: 20px;
  font-size: 14px;
  padding: 4px 17px;
  background: #053097;
  border: 0;
}

.topcontact div a.toplogin:hover {
  background: #61b33b;
  color: #fff !important;
  text-decoration: none;
}

.topcontact div a.toplogin:hover span {
  color: #fff !important;
}

.toplogin.dropdown-toggle::after {
  vertical-align: 0.155em !important;
}

.show>.btn-secondary.toplogin.dropdown-toggle {
  color: #fff;
  background-color: #61b33b;
}

.show>.btn-secondary.toplogin.dropdown-toggle span {
  color: #fff;
}

.topcontact .dropdown-menu {
  border-radius: 8px;
}

.topcontact .btn-group {
  margin-left: 0px;
}

.topcontact .dropdown-item {
  color: #000;
}

.topcontact .dropdown-item:hover {
  text-decoration: none;
}


/*.toplogin:hover { background: #61b33b; }*/

.SecWrap {
  padding: 60px 0px 0px 0px;
}

.secImg {
  width: 100%;
  position: relative;
}

.secImg img.image-i {
  width: 86%;
  border-radius: 8px;
}

.secImg img.image-ii {
  position: absolute;
  bottom: -35px;
  right: 20px;
  width: 290px;
  border-radius: 8px;
  border: 3px solid #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.secTitle {
  position: relative;
}

.secTitle .subTitle {
  color: #004882;
  display: inline-block;
  padding: 10px 14px;
  border-radius: 0px;
  font-size: 17px;
  font-weight: 700;
  padding-left: 55px;
  position: relative;
}

.secTitle .subTitle::before {
  content: "";
  display: inline-block;
  height: 3px;
  background: #004882;
  position: absolute;
  width: 12px;
  left: 0;
  bottom: 0px;
  top: 0px;
  margin: auto;
}

.secTitle .subTitle::after {
  content: "";
  display: inline-block;
  height: 3px;
  background: #004882;
  position: absolute;
  width: 27px;
  left: 16px;
  /* left: 0; */
  bottom: 0px;
  top: 0px;
  margin: auto;
}

.secTitle .mainTitle {
  color: #000000;
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 4px;
}

.defaultListView .title {
  font-size: 18px;
}

.defaultListView ul {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
  padding: 0px 0px 0px 15px;
  list-style: none;
}

.defaultListView ul li {
  width: 48%;
  padding-left: 25px;
  background-image: url(../images/check.png);
  background-size: 18px;
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 28px;
}

.homeAboutPara .defaultBtn {
  margin-top: 20px;
}

.defaultBtn a,
.defaultBtn button {
  padding: 10px 20px;
  border-radius: 25px;
  background: linear-gradient(70deg, #003d9e, #2c7dff);
  color: #fff;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.defaultBtn a:hover span,
.defaultBtn button:hover span {
  color: #ffffff;
  z-index: 2;
  position: relative;
}

.defaultBtn a::after,
.defaultBtn button::after {
  position: absolute;
  content: '';
  width: 0%;
  height: 120%;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: auto;
  background: #61b33b;
  z-index: 1;
  transition: 0.4s ease-in-out;
}

.defaultBtn a:hover:after,
.defaultBtn button:hover:after {
  width: 120%;
}

.hero-subheader__video {
  position: relative;
  width: 100%;
  /* height: 250px; */
}

/* .hero-subheader__video:before { content:''; width: 80%; height: 110%; border-radius: 15px; background: #fff; position: absolute; left:0; right:0; margin: auto; top: -10%; transform: skew(5deg);
 box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
} */


.hero-subheader__video video {
  position: absolute;
  right: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  bottom: 0px;
}

.texture3 {
  position: absolute;
  left: 0px;
  top: 60px;
  width: 140px;
  z-index: 2;
  animation: circleMover 10s infinite linear;
  opacity: 0.4;
}

.texture3 img {
  width: 100%;
}

@keyframes circleMover {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.services-slider__item {
  position: relative;
  overflow: hidden;
  transition: all ease-in-out .35s;
  -webkit-transition: all ease-in-out .35s;
  margin-bottom: 30px;
  width: 100%;
  height: 320px;
}

.services-slider__item .services-slider__title {
  position: absolute;
  bottom: 0;
  text-align: center;
  margin: auto;
  width: auto;
  left: 0;
  right: 0;
  font-size: 32px;
  z-index: 2;
  font-weight: 900;
  top: -140px;
  transform: translate(0, 50%);
  text-shadow: 4px 4px 6px rgb(0 0 0 / 25%);
}

.services-slider__item .services-slider__content_hide {
  position: absolute;
  bottom: 0;
  padding: 10px;
  text-align: center;
  margin: auto;
  width: auto;
  left: 0;
  right: 0;
  z-index: 9;
  top: -60px;
  transform: translate(0, 50%);
  text-shadow: 4px 4px 6px rgb(0 0 0 / 25%);
  opacity: 0;
  transition: all ease-in-out .35s;
  -webkit-transition: -webkit-all ease-in-out .35s;
}

.bg-overlay-3:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all ease-in-out .35s;
}

.color-white {
  color: #fff !important;
}

.services-slider__item:hover .services-slider__content_hide {
  opacity: 1;
}

.services-slider__item:hover .bg-overlay-3:before {
  background: linear-gradient(330deg, rgb(62 51 12) 50%, rgb(63 177 11) 100%);

}

.services-slider__item .services-slider__img {
  position: relative;
  padding: 0px 30px 50px 30px;
  overflow: hidden;
}

.services-slider__item .services-slider__img:after {
  content: '';
  position: absolute;
  background: #003d9e;
  width: 110%;
  height: 300px;
  border-radius: 100%;
  left: -5%;
  right: auto;
  bottom: -100px;
  top: auto;
  z-index: 0;
}

.services-slider__item .services-slider__img img {
  position: relative;
  z-index: 1;
  border-radius: 10px 10px 0px 0px;
  transition: transform ease-in-out .35s;
  -webkit-transition: -webkit-transform ease-in-out .35s;
  /*height: 325px;
    object-fit: inherit;*/
}

.services-slider__item:hover .services-slider__img img {
  transform: scale3d(1.2, 1.2, 1.2);
  opacity: 0.5;
}

.services-slider__content_hide a {
  background: #fff;
  padding: 5px 15px;
  font-size: 14px;
  border-radius: 5px;
}

.services-slider__content_hide a:hover {
  background: #61b33b;
  color: #fff;
}

/*video-box*/
.video-box {
  border: 0.5px solid #f2f2f2;
  padding: 20px;
  cursor: pointer;
  padding: 10px;
}

.gallery-container2 {
  width: 100%;
  margin: -50px 0 0 0;
  padding: 80px 0px 0px 0px;
  overflow: hidden;
  position: relative;
}

.button-prev4,
.button-next4 {
  top: 20px !important;
  margin-top: 0;
}

.button-prev4 {
  background-color: transparent;
  background-image: url(../images/prev-arrow4.png);
  width: 21px;
  background-position: left top !important;
  height: 44px !important;
  right: 80px !important;
}

.button-next4 {
  background-color: transparent;
  background-image: url(../images/next-arrow4.png);
  width: 21px;
  background-position: left top !important;
  height: 44px !important;
  right: 40px !important;
}

@media all and (max-width: 480px) {
  .button-prev4 {
    right: auto !important;
    left: 40px !important;
  }

  .button-next4 {
    right: 40px !important;
  }
}

.footer_call {
  margin: 0;
  background: #45376c;
  background: linear-gradient(to right, #1b7bbd 0, #002894 50%, #3c9113 50%, #63b33b 100%);
  width: 100%;
  padding: 30px 0;
  position: relative;
}

.footer_call .call_us_ft h2 {
  color: #fff;
}

.footer_call .call_us_ft p {
  font-size: 14px;
}

.footer_call::after {
  content: '';
  padding: 42px 0;
  background: url(../images/marketing.png) no-repeat center #45376c;
  position: absolute;
  left: 0;
  right: 0;
  top: 25%;
  width: 99px;
  margin: 0 auto;
  border-radius: 50px;
  height: 99px;
}

.footer_call .request_btn h2 {
  font-weight: 600;
  text-transform: uppercase;
}

.footer_call .request_btn a {
  color: #48474f;
  background: #fff;
  border-radius: 25px;
  padding: 8px 45px;
  text-decoration: none;
}

.amenitybox {
  padding: 20px;
  border: 1px dotted #efefef;
  margin-bottom: 30px;
  border-radius: 10px;
  background: #efefef24;
}

.single-facilities ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.single-facilities li {
  display: flex;
  padding: 10px 0;
  width: 50%;
  border-right: 1px solid #efefef;
  padding-right: 30px;
  align-items: center;
  border-bottom: 1px solid #efefef;
  padding-left: 30px;
}

.single-facilities li:nth-child(odd) {
  padding-right: 30px;
  padding-left: 0;
}

.single-facilities li:nth-child(even) {
  border-right: 0;
  padding-right: 0;
}

.single-facilities li img,
.single-facilities li span {
  color: #61b33b;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}

.PYRCon {
  background: #fff3e0;
  border: 1px solid #ffd1c4;
  margin-top: 0;
  margin-top: 20px;
  padding: 2em 0;
}

.PYRSection h3 {
  font-size: 24px;
  font-weight: 300;
  color: #393a3c;
  margin: 0;
}

.PYRSection p {
  font-size: 30px;
  color: #393a3c;
  font-weight: 700;
  margin: 0;
  line-height: 1.6;
}

.pyr_graphic {
  height: 100px;
  margin-top: -25px;
  position: relative;
  top: 12px;
}

.pyr_graphic img {
  margin-top: 15px;
  max-height: 100px;
}

.PYRBTNs {
  margin-top: 0px;
}

.PYRBTNs .btn-default {
  background: var(--green);
  color: #fff;
  border: 0px;
  font-size: 17px;
  font-weight: 600;
  padding: 10px 0px;
  width: 100%;
  margin-right: 0px;
  border-radius: 20px;
  margin-bottom: 5px;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.PYRBTNs span {
  display: block;
  text-align: center;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
}

.customer-header {
  height: 100px !important;
  margin-bottom: 0
}

.student-rht {
  background: #fff;
  padding: 30px 50px;
  margin-bottom: 30px;
  border-radius: 30px 0px 30px 30px;
  box-shadow: rgb(0 0 0 / 0%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 12px -5px 17px -2px;
}

.customerleftmenu {
  min-height: 350px;
}

.customerleftmenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.customerleftmenu ul li {
  margin: 10px 0px 15px 0px;
  padding: 0px;
  font-size: 18px;
}

.customerleftmenu ul li a {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.customerleftmenu ul li a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 15px 0px 0px;
  transition: all 0.3s ease-in-out;
}

.customerleftmenu ul li a:hover,
.customerleftmenu ul li a.active {
  color: #0056b3;
}

.customerleftmenu ul li a:hover span,
.customerleftmenu ul li a.active span {
  background: #61b33b;
  color: #fff;
}

.customerleftmenu ul li a:hover span {
  transform: rotate(360deg);
}

.student-rht h2 {
  font-size: 20px;
  color: #61b33b;
}


@media all and (min-width: 769px) {
  .student-rht {
    position: relative;
    width: 111%;
    min-height: 250px;
    left: -90px;
    z-index: 1;
  }
}

.customer-paging h1 {
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
}

.customer-paging h1 span {
  color: #61b33b;
}

.customer-paging {
  padding: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

.customer-paging .breadcrumb {
  width: auto;
  margin: 0px;
}

.customer-paging .breadcrumb .breadcrumb-item a {
  color: #343434;
  font-weight: 400;
  position: relative;
}

.customer-paging .breadcrumb .breadcrumb-item a:after {
  content: '/';
  position: absolute;
  right: -25px;
}

/*-----career------*/

.back-ground {
  padding: 50px 40px;
}

.life {
  display: flex;
  justify-content: center;
  width: 100%;
}

.title-saksham {
  font-size: 18px;
  font-weight: 600;
}

.life_1 {
  border: 2px solid #61b33b;
}

.life_1 .card-body {
  background: #f8fff5;
}

.topic-head {
  background: #61b33b;
  height: 4px;
  border-radius: 0 0 3px 3px;
}

.ethos {
  padding: 50px;
}

.ethos h4 {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}

.ethos p {
  font-size: 15px;
  margin: 15px 0;
  text-align: center;
}


.careerpointbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.imgg {
  width: 150px;
  height: 150px;
  background: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  transition: all 0.3s ease-in-out;
}

.careerpointbox:hover .imgg {
  transform: rotate(180deg);
}

.ethos-2 h6 {
  padding: 10px 0px;
  margin: 0;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
}

.ethos-2 p {
  line-height: 1.5;
  text-align: center;
  margin: 0px 15px 15px 15px;
  color: #fff;
}

.ethos-2 {
  padding: 20px 50px;
  display: block;
  text-align: center;
}


.worklife {
  padding: 0px 0px 0;
}

.benefit {
  padding: 10px;
  text-align: center;
}

p.pee a {
  color: #308907 !important;
  text-decoration: underline !important;
}

p.pee a:hover {
  color: #000 !important;
  text-decoration: none !important;
}

.letter {
  background-color: #61b33b;
  padding: 40px 0;
}

.letter h3::before {

  background: #fff;

}

.letter h3::after {
  background: #fff;
}

.perks {
  display: block;
  font-size: 42px;
  font-weight: 600;
  color: #000;
  width: fit-content;
  margin: auto;
}





@media screen(min-width: 320px) {
  .back-ground {

    padding: 30px 10px;
  }

  .ethos-2 p {
    line-height: 1.5;
    text-align: center;
    position: relative;
    /* right: 20px; */
  }

  .ethos {
    padding: 20px;

  }

  .back-ground {

    padding: 50px 10px;
  }

  .card {
    padding: 20px;
  }

}

.animate-btn-style3 {
  border: none;
  background: #61b33b;
  color: white;
  padding: 10px 60px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  border-radius: 30px
}

.animate-btn-style3:hover {
  background: #121244;
  color: #fff;
}

.beapart {

  padding: 5px 0px 40px 0px;
  background: #dfffd1;
  position: relative;
  top: 50px;

}

/*-----career------*/


/*-----About-----*/
.separator {
  position: relative;
  width: 50px;
  height: 4px;
}

.separator:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 25px;
  height: 4px;
  background-color: #1a1d1f;
}

.separator:after {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  width: 25px;
  height: 4px;
  background-color: #71b100;
}

.inner-card {
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

}

.inner-card img {
  width: 30%;
  margin: auto;
  display: block;
}

.card .inner-card:hover {
  border: 1px solid #61b33b;
  background-clip: border-box;
  position: relative;
  flex-direction: column;
  min-width: 0;

}

.card .inner-card:hover {
  color: #61b33b;

}


.inner-card .card-title {
  margin: 20px 20px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;

}

.client {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  text-align: center;
  margin: 0;
}

.slider-cli {
  padding-bottom: 50px;
}

.slider-cli img {
  width: 200px;
}

.taglinehd {
  font-weight: 600;
  color: #46b513;
  font-size: 18px;
}

.greencont {
  padding: 40px 0px 30px 0px;
  background: #61b33b;
  margin: 50px 0 0 0;
}


/*-----About-----*/


@media all and (max-width: 769px) {
  .side-navigation .menu ul li a {
    font-size: 2vw;
  }

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

  .slider .slider-container .inner-elements .container .button-prev {
    right: 12.9%;
    top: calc(75% + 0px);
  }

  .slider .slider-container .inner-elements .container .button-next {
    top: calc(65% + 0px);
  }

  .social-media {
    right: 10px;
    top: calc(25% + 0px);
  }

  .bnr-content {
    padding: 0px 0px 30px 0px;
  }

  .slider .slider-container .swiper-slide .container {
    padding-left: 150px;
  }

  .slider .slider-container .swiper-slide .container h1 {
    font-size: 6vw;
  }

  .slider .slider-container .swiper-slide .container h2 {
    font-size: 1.5rem;
  }

  .banrcurve2 .overlay:before,
  .banrcurve2 .overlay:after {
    height: 758px;
  }

  .queryform {
    z-index: 2;
  }

  .services-slider__item {
    margin-top: 30px;
    margin-bottom: 0px;
  }

  .services-slider__item .services-slider__img img {
    width: 100%;
    background-color: #000;
  }

  .services-slider__item .services-slider__img:after {
    bottom: -15px;
  }

  .services-slider__item .services-slider__content_hide {
    width: 81%;
    opacity: 1;
  }

  .project-outer .smallhd,
  .project-outer .bighd {
    text-align: center;
  }

  .project-outer .justify-content-sm-end {
    justify-content: center !important;
    display: block !important;
    text-align: center !important;
  }

  .hero-subheader__video {
    height: 434px;
    margin-bottom: 20px;
  }

  .factleft {
    margin: 35px 120px 0px 40px;
  }

  .queryright {
    padding: 43px 4% 38px 4%;
  }

  .footer_call .call_us_ft h2 {
    font-size: 1.4rem;
  }

  .footer_call .request_btn h2 {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }

  .footer {
    padding: 40px 20px;
  }

  .footer .col-12 {
    padding-left: 80px;
  }
}

@media all and (max-width: 480px) {

  .banrcurve,
  .banrcurve2 {
    display: none;
  }

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

  .side-navigation {
    width: 80vw;
  }

  .side-navigation .menu {
    margin-top: 100px;
  }

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

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

  .social-media {
    left: auto;
    right: 10px;
    top: calc(15% + 0px);
    width: 100%;
    text-align: center;
  }

  .social-media ul li {
    float: right;
    margin: 0px 3px 0px 3px;
  }

  .social-media ul li a {
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 1;
  }

  .slider .slider-container .swiper-slide .container {
    padding-left: 50px;
  }

  .slider .slider-container .inner-elements .container .button-next,
  .slider .slider-container .inner-elements .container .button-prev {
    width: 35px;
    height: 35px;
    padding: 0;
  }

  .slider .slider-container .inner-elements .container .button-next {
    top: calc(40% + 0px);
    text-align: center;
  }

  .slider .slider-container .inner-elements .container .button-prev {
    top: calc(55% + 0px);
    right: auto;
    left: 10px;
    text-align: center;
  }

  .slider .slider-container .swiper-slide .container h2 {
    font-size: 1rem;
  }

  .slider .slider-container .swiper-slide .container a {
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }

  .defaultListView ul li {
    width: 100%;
  }

  .secTitle .mainTitle,
  .bighd {
    font-size: 24px;
  }

  .bighd {
    margin-bottom: 15px
  }

  .bighd br {
    display: none;
  }

  .secImg img.image-ii {
    width: 128px;
  }

  .services-slider__item .services-slider__img {
    padding: 0;
    background: #003d9e
  }

  .services-slider__item .services-slider__img:after {
    display: none;
  }

  .services-slider__content_hide p {
    display: none;
  }

  .services-slider__item .services-slider__title {
    top: -150px;
    font-size: 25px;
  }

  .services-slider__item {
    height: 192px;
  }

  .hero-subheader__video {
    height: auto;
    margin-bottom: 50px;
  }

  .factouter {
    padding: 0px 15px 0px 15px;
  }

  .why-choose-us {
    padding: 0px 0px 30px 0px;
  }

  .factleft {
    margin: 35px 0px 0px 0px;
  }

  .footer_call::after {
    display: none;
  }

  .request_btn .float-right {
    float: left !important;
  }

  .intro {
    padding: 0px 0px 50px 19px;
  }

  .project-outer {
    padding: 50px 0px 0px 0px;
  }

  .common-box {
    margin: 0px 0px 10px 0px;
    padding-bottom: 8px;
    border: 1px solid #ccc;
  }

  .counter-num {
    font-size: 40px;
    text-align: center;
  }

  .common-box .counter-text {
    text-align: center;
  }

  .footer .col-12 {
    padding-left: 15px
  }

  .videoPop {
    left: 70% !important
  }

  .partnerouter .bighd {
    margin-bottom: 15px !important;
  }

  .factouter:before {
    display: none;
  }

  .testi-head {
    background: transparent;
  }

  .footer_call {
    background: linear-gradient(to right, #1b7bbd 0, #002894 100%);
  }

  .page-header:after {
    background: linear-gradient(179deg, #ffffff 0%, #004783fa 49%, #000e18 100%);
    opacity: 0.7;
  }

  .dart-form-8 label {
    margin-top: 0;
    margin-bottom: 0
  }

}


/*css end*/



.videoPop {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 84%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

img.imagepop {
  width: 60px;
}

.videoPop::after,
.videoPop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 100%;
  z-index: -1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #004882;
}

.videoPop:before {
  animation: animationSignal1;
  animation-iteration-count: infinite;
  animation-duration: 3s;
  -webkit-animation: animationSignal1;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
}

.videoPop:after {
  animation: animationSignal2;
  animation-iteration-count: infinite;
  animation-duration: 3s;
  -webkit-animation: animationSignal2;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
}

@keyframes animationSignal1 {

  /*Video Popup*/
  0% {
    opacity: 0.8;
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }

  100% {
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@-webkit-keyframes animationSignal1 {

  /*Video Popup*/
  0% {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }

  100% {
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes animationSignal2 {

  /*Video Popup*/
  0% {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }

  100% {
    transform: scale(1.9);
    -moz-transform: scale(1.9);
    -webkit-transform: scale(1.9);
    -ms-transform: scale(1.9);
    -o-transform: scale(1.9);
    opacity: 0;
  }
}

@-webkit-keyframes animationSignal2 {

  /*Video Popup*/
  0% {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }

  100% {
    transform: scale(1.9);
    -moz-transform: scale(1.9);
    -webkit-transform: scale(1.9);
    -ms-transform: scale(1.9);
    -o-transform: scale(1.9);
    opacity: 0;
  }
}

.upload {
  padding: 20px 0;
}

.association {

  text-align: center;
  display: contents;
  justify-content: center;
  align-items: center;
  justify-self: center;
}

.association button {
  width: 50%;
}

.modal-body {
  margin: 0;
  padding: 0;

}

.job_form {
  background: #ededed !important;
}

.form-box,
.btn,
.btn-primary button {
  border: none;
  background: #61b33b;

}

.job_form_1,
.jobform_2 {
  padding: 20px 0;
}

.job_form_1 button {
  position: relative;
  font-size: 20px;
  left: 195px;

}

.jobform_2 button {
  position: relative;
  left: 240px;

  font-size: 20px;
}

.great {
  margin-top: 20px !important;
}

.form-box {
  padding: 45px 20px;
  margin: 0;
  background: #f9f9f9;

}

.lower-box-2 {
  background: #f9f9f9;
  color: #000000;

}



.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: 435px;
  border-radius: 10px;
}


.property-calculator figure:before {
  content: "";
  width: 50vw;
  height: 100%;
  background: #ebcfa7;
  position: absolute;
  left: -50vw;
  top: 0;
}


.property-calculator figure:after {
  content: "";
  width: 50vw;
  height: 100%;
  background: #f9f6de;
  position: absolute;
  left: -50vw;
  top: 0;
}

.property-calculator figure {
  display: inline-block;
  margin-bottom: 0;
  margin-top: -20px;
  background: #f9f6de;
  position: relative;
}


.property-calculator .content-box {

  display: block;
  padding-left: 0%;
  position: relative;
  bottom: 150px;

}

.enq_2 {
  background: #61b33b !important;
}




/*vijay css start */


.info,
.success,
.warning,
.error,
.validation {

  margin: 10px 0px;
  padding: 5px 10px 5px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-size: 14px;
}

.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../images/error.png');
}


input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #FFBEBE !important;
  border: 1px solid #EED3D7 !important;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.8em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.ajaxError {
  font-size: 12px;
  color: #f00;
  font-weight: bold;
}









.profiletable th {
  font-size: 13px !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: nowrap !important;
}

.profiletable td {
  font-size: 12px !important;
}

.formfld input {
  height: 40px;
  font-size: 13px;
}

.menuarrow {     float: right;
  background: #5faf3a;
  width: 25px;
  height: 25px;
  margin: -26px 0 0 200px;
  text-align: center;
  padding: 5px 0 0 0;
  border-radius: 4px; }

  @media all and (max-width: 768px) {
    .property-calculator .content-box { bottom: auto; }
    .property-calculator figure .holder { transform: none; }
    .nav-pills .nav-item { width: 42%; text-align: center; margin-top: 10px; }
    .queryrow input, .queryrow select { height: 35px; }
  }





@media all and (max-width: 480px) {
    .signRightSection { padding: 0px 20px; }
    .signRightSection .form-control, .FAQsContainer .form-control { height: 33px; font-size: 14px; }
    .signleftSection { padding: 1em; }
    .LefttxtSty { min-height: 250px; }
    .LefttxtSty img.two { right: 5%; top: 7%; max-height: 79px; }
    .page-header .container h1 { font-size: 7vw; margin-top: 0; }
    .breadcrumb .breadcrumb-item:before { padding: 0 4px; font-size: 13px; font-weight: 400; }
    .inrpage-header { height: 230px; }
    .signRightSection .maintitle { font-size: 20px; }
    .signRightSection .maintitle span { font-size: 13px; }
    .back-ground { padding: 50px 20px; }
    .life { flex-direction: column; gap:20px; }
    .ethos-2 { padding: 0px; }
    .ethos-2 h6 { font-size: 20px; }
    .perks { font-size: 22px; }
    .life_1 { margin-bottom: 20px; }
    .job_form_1, .jobform_2 { text-align: center; }
    .job_form_1 button, .jobform_2 button { left: auto; right: auto; font-size: 15px; }
     
     
     
     .detailbnr-info { padding: 140px 0px 0 0px; }
    .project-bnrhd { font-size: 14px; }
    .detailbnr-info h6 { margin: 10px 0px; font-size: 14px; }
    .detailbnr-info h4 { font-size: 17px; margin-top: 20px; }
    .page-header.pr-detail-bnr { height: 253px; }
    .det-nav { max-width: 100%; width: 100%; margin: 20px 0; border-radius: 5px; top: 52px; }
    .det-nav .onepagenav ul li { margin: 3px 0px; font-size: 13px; }
    p { font-size: 13px; line-height: 1.7; }
    .det-content h2, .det-content h3, .det-content h4, .det-content h5, .det-content h6 { font-size: 1.3rem!important; }
    .det-content ul, .det-content ul li { font-size: 13px!important; line-height: 1.7!important; }
    .table th { font-size: 14px; }
    .table td { font-size: 13px; line-height: 1.7; }
    .det-content ul.gallery li { width: 45%; min-height: 100px; margin: 0px 10px 10px 0px; }
    .single-facilities li { width: 100%; padding-left: 0!important }
    .contact_deatils .pb15px { padding-left: 6px; }
    .theme2 { width: 30px; height: 30px; font-size: 20px; }
    .contact_deatils .w50px { width: 30px; }
    .contact_deatils p { text-align: left; }
    .PYRSection h3 { font-size: 14px; font-weight: 400; color: #000; }
    .PYRSection p { font-size: 17px; margin: 10px 0;line-height: 1.3; }
    .PYRBTNs .btn-default { font-size: 14px; padding: 6px 0px; width: 100%; margin-bottom: 5px;
    margin-top: 41px; }
    .PYRBTNs span { color: #000; font-size: 15px; }


}









]

/* *********************** 16/09/2024 ************************** */
@media (max-width:991px){
    .logooverlay {
        width:387px;
    }
}

@media (max-width:768px) {
  .logooverlay {
    width: 381px; height:auto;
  }

  .social-media {
    right: 10px !important;
    top: calc(25% + 0px);
    left: auto;
  }

  .slider .slider-container .inner-elements .container .button-next {
    top: calc(60% + 0px) !important;
  }

  .hero-subheader__video {
    margin-bottom: 65px;
  }

  .inner-card .card-title {
    font-size: 14px;
  }

  .footer .col-12 {
    padding-left: 0px;
  }

  .footer .col-12 .creation {
    float: right;
  }

  .life_1 {
    min-height: 248px;
    margin-bottom: 20px;
  }

  .secImg img.image-i {
    width: 96%;
  }

  .secImg img.image-ii {
    bottom: -9%;
    right: 5px;
  }

  .sitevisit-btn {
    top: auto;
    bottom: 80px;
    right: 0;
    margin: auto;
    width: 160px;
    padding-top: 12px;
    background-size: 100%;
    left: auto;
  }

  .nav-pills .nav-item {
    width: 42%;
    text-align: center;
    margin-top: 10px;
  }

  .property-calculator {
    padding-bottom: 40px;
  }

  .property-calculator .content-box {
    padding-left: 0;
    margin-bottom: 70px;
  }
  .property-calculator figure .pattern-bg {
    display: none;
  }
.property-calculator figure .holder {
    transform: none !important
  }

}



@media (max-width:480px) {
  .slider .slider-container .inner-elements .container .button-next {
    top: calc(40% + 0px) !important;
  }

  .social-media {
    top: calc(15% + 0px);
  }

  .about-prop .card {
    margin-bottom: 20px;
  }

  .life_1 {
    margin-bottom: 20px;
  }

  .det-content {
    padding: 0px 0px 50px 0px;
  }
  
  
  
  
  .logooverlay:before {
  height: 226px !important;
}

.banrcurve,
.banrcurve2 {
  display: block !important;
}

.hero-subheader__video {
  height: auto;
  margin-bottom: 30px;
}

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

.property-calculator {
  padding-bottom: 20px;
} 
.property-calculator figure .pattern-bg {
    display: none;
  }
.property-calculator figure .holder {
    transform: none !important
  }
}

.social-media ul li a:hover { background: #294276; color: #fff; }
.social-media ul li:nth-child(2) a { background-color: #000; }
.social-media ul li:nth-child(3) a { background-color: #0270ad; }
.social-media ul li:nth-child(4) a { background-color: #f70000; }
.social-media ul li:nth-child(5) a { background-color: #d91081; }

.social-media ul li:nth-child(1) a:hover { background: #395693; color: #fff; }
.social-media ul li:nth-child(2) a:hover { background: #1c96e9; }
.social-media ul li:nth-child(2) a:hover i { color: #fff!important; }
.social-media ul li:nth-child(3) a:hover { background: #1c96e9; }
.social-media ul li:nth-child(3) a:hover i { color: #fff!important; }
.social-media ul li:nth-child(4) a:hover { background: #c70a0a; color: #fff; }
.social-media ul li:nth-child(4) a:hover i { color: #fff; }
.social-media ul li:nth-child(5) a:hover { background: #f6783e; color: #fff; }


.footer .contact-box ul li a:hover { color: #fff; background: #61b33b; }
.footer .contact-box ul li a:hover { background: #294276; color: #fff; }
.footer .contact-box ul li:nth-child(2) a:hover { background-color: #000; }
.footer .contact-box ul li:nth-child(3) a:hover { background-color: #0270ad; }
.footer .contact-box ul li:nth-child(4) a:hover { background-color: #f70000; }
.footer .contact-box ul li:nth-child(5) a:hover { background-color: #d91081; }