:root {
  --font-family-lato: "Lato", sans-serif;
  --bg-grey: #ededed;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url("../fonts/ProximaNova-Bold.eot");
  src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ProximaNova-Bold.woff") format("woff"),
    url("../fonts/ProximaNova-Bold.ttf") format("truetype"),
    url("../fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova Rg";
  src: url("../fonts/ProximaNova-Regular.eot");
  src: url("../fonts/ProximaNova-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/ProximaNova-Regular.woff") format("woff"),
    url("../fonts/ProximaNova-Regular.ttf") format("truetype"),
    url("../fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova Lt";
  src: url("../fonts/ProximaNova-Light.eot");
  src: url("../fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ProximaNova-Light.woff") format("woff"),
    url("../fonts/ProximaNova-Light.ttf") format("truetype"),
    url("../fonts/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.mt-50px {
  margin-top: 50px;
}
*,
figure {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input,
select {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus {
  text-decoration: none;
  outline: none;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
}

body {
  font-family: "Proxima Nova Rg";
  font-size: 14px;
  color: #292929;
  line-height: 1.4;
  font-weight: 400;
  overflow-x: hidden;
  background: #fff;
}

body.hiddenoverflow {
  overflow: hidden;
}

.container-fluid {
  padding: 0 100px;
  max-width: 1300px;
}

@media screen and (max-width: 1499px) {
  .container-fluid {
    padding: 0 30px;
  }
}

@media screen and (max-width: 991px) {
  .container-fluid {
    padding: 0 15px;
  }
}

header {
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  padding: 20px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 99;
}

@media screen and (max-width: 1499px) {
  header {
    padding: 20px 0;
  }
}

header .navbar {
  padding: 0;
}

header .navbar-brand {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .navbar-brand svg {
  width: 190px;
  fill: #ffffff;
}

@media screen and (max-width: 767px) {
  header .navbar-brand svg {
    width: 160px;
  }
}

header .headertop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  header .headertop {
    position: fixed;
    top: 0;
    right: -250px;
    width: 250px;
    z-index: 9;
    background: #03878c;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100vh;
    padding: 60px 30px 0;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  header .headertop.opened {
    right: 0;
  }
}

header .headertop .mainmenuclose {
  display: none;
}

@media screen and (max-width: 767px) {
  header .headertop .mainmenuclose {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    width: 40px;
  }
}

header .headertop .mainmenuclose svg {
  fill: #ffffff;
}

header .headertop li {
  margin-left: 30px;
}

@media screen and (max-width: 991px) {
  header .headertop li {
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  header .headertop li {
    display: block;
    margin-left: 0;
    margin-bottom: 15px;
  }
}

header .headertop li a {
  color: #ffffff !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 767px) {
  header .headertop li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  header .headertop li.hassubnav {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  header .headertop li.hassubnav:after {
    font-size: 14px;
    position: absolute;
    top: 6px;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
}

header .mainheader ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .mainheader ul li {
  margin-left: 40px;
}

@media screen and (max-width: 991px) {
  header .mainheader ul li {
    margin-left: 24px;
  }
}

@media screen and (max-width: 767px) {
  header .mainheader ul li {
    margin-left: 10px;
  }
}

header .mainheader ul li a {
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff !important;
  letter-spacing: 1px;
}

header .mainheader ul li.menuicon {
  display: none;
}

@media screen and (max-width: 767px) {
  header .mainheader ul li.menuicon {
    display: block;
  }
}

header .mainheader ul li.menuicon a {
  width: 30px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  height: 24px;
  position: relative;
  display: inline-block;
  background: none;
}

header .mainheader ul li.menuicon a span {
  position: absolute;
  top: 9px;
  height: 2px;
  width: 100%;
  left: 0;
  background: #ffffff;
}

header .mainheader ul li.getintouch a {
  padding: 10px 30px;
  border: 1px solid #ffffff;
  display: inline-block;
  color: #ffffff !important;
}

@media screen and (max-width: 991px) {
  header .mainheader ul li.getintouch a {
    padding: 8px 20px;
  }
}

@media screen and (max-width: 767px) {
  header .mainheader ul li.getintouch a {
    padding: 7px 10px;
    font-size: 12px;
  }
}

header .mainheader ul li.getintouch a:hover {
  background: #ffffff;
  color: #292929 !important;
}

header ul.navbar-nav li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

header ul.navbar-nav li a {
  display: block;
  padding: 10px 0 5px;
  white-space: nowrap;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  line-height: 27px;
  text-transform: uppercase;
  position: relative;
  border-bottom: 1px solid transparent;
}

@media screen and (max-width: 1499px) {
  header ul.navbar-nav li a {
    font-size: 16px;
  }
}

header ul.navbar-nav li a:hover,
header ul.navbar-nav li a.active {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

header ul.navbar-nav li a svg {
  width: 22px;
  fill: #ffffff;
}

header ul.navbar-nav li.search a {
  padding: 15px 0 0;
}

header ul.navbar-nav li.search a:hover {
  border: none;
}

.featuresection {
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .featuresection {
    overflow: initial;
  }
}

.homebanner {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 991px) {
  .homebanner {
    height: auto;
  }
}

.homebanner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 1;
  content: "";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.homebanner .homevideo {
  width: 100%;
  min-height: 100vh;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media screen and (max-width: 991px) {
  .homebanner .homevideo {
    min-height: auto;
  }
}

.homebanner .homecaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  .homebanner .homecaption {
    display: none;
  }
}

.homebanner .homecaption .bannercontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .homebanner .homecaption .bannercontent {
    display: block;
  }
}

.homebanner .homecaption h3 {
  font-size: 25px;
  color: #ffffff;
  margin: 0;
  min-width: 270px;
}

@media screen and (max-width: 991px) {
  .homebanner .homecaption h3 {
    margin-bottom: 10px;
  }
}

.homebanner .homecaption p {
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}

.homebanner .homecaption .bannerbtn {
  text-align: right;
  min-width: 260px;
}

@media screen and (max-width: 991px) {
  .homebanner .homecaption .bannerbtn {
    text-align: left;
  }
}

.homebanner .homecaption .bannerbtn a {
  padding: 10px 30px;
  background: #ffffff;
  border: none;
  font-size: 12px;
  color: #000000;
  display: inline-block;
  text-transform: uppercase;
}

@media screen and (max-width: 991px) {
  .homebanner .homecaption .bannerbtn a {
    padding: 8px 20px;
  }
}

.imagewrapershowtitle {
  position: relative;
  display: block;
  overflow: hidden;
}

.imagewrapershowtitle img {
  width: 100%;
}

.imagewrapershowtitle p {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  text-align: center;
  font-weight: 500;
  font-family: "Lato", sans-serif;
  color: #ffffff !important;
  font-size: 24px;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.imagewrapershowtitle:hover p {
  bottom: 0;
}

.clickbtn {
  padding: 10px;
  border: 1px solid #ffffff;
  display: inline-block;
  width: 175px;
  text-align: center;
  color: #ffffff;
  background: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-size: 12px;
}

.clickbtn:hover {
  background: #ffffff;
  color: #292929;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.clickbtn.filled {
  background: #03878c;
  color: #ffffff;
  padding: 15px;
  margin-top: 20px;
}

section {
  padding: 100px 0;
}

@media screen and (max-width: 1440px) {
  section {
    padding: 70px 0;
  }
}

@media screen and (max-width: 991px) {
  section {
    padding: 60px 0;
  }
}

@media screen and (max-width: 767px) {
  section {
    padding: 40px 0;
  }
}

.lifeatats h3 {
  font-size: 55px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  margin-bottom: 30px;
  color: #292929;
}

@media screen and (max-width: 767px) {
  .lifeatats h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}

.lifeatats p {
  font-size: 18px;
  line-height: 1.4;
  color: #292929;
}

.lifeatats .lifeatatsfilledbox {
  position: relative;
  padding: 40px 40px 20px;
  width: 100%;
  background: #116232;
  color: #ffffff;
  z-index: 9;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .lifeatats .lifeatatsfilledbox {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .lifeatats .lifeatatsfilledbox {
    padding: 20px 15px;
  }
}

.lifeatats .lifeatatsfilledbox P {
  font-size: 16px;
  color: #ffffff;
}

.lifeatats .lifeatatsfilledbox h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.lifeatats .owl-nav {
  text-align: right;
  position: absolute;
  bottom: 20px;
  right: 40px;
  border: none;
  padding: 0;
}

.lifeatats .owl-nav button::before {
  display: none;
}

.lifeatats .owl-nav button.owl-next {
  margin-left: 10px;
}

.lifeatats .owl-nav button svg {
  width: 34px;
  fill: #ffffff;
}

.lifeatats #sync2 video {
  width: 100%;
  background: #000000;
}

.videowraper {
  position: relative;
}

.videowraper video {
  border: 1px solid #e5e5e5;
}

.videowraper a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  border: 5px solid #ffffff;
  width: 70px;
  height: 70px;
  z-index: 2;
  border-radius: 50%;
  cursor: pointer;
}

.featuredprojects h3 {
  font-size: 55px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  margin-bottom: 30px;
  color: #292929;
}

@media screen and (max-width: 991px) {
  .featuredprojects h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}

.featuredprojects p {
  font-size: 18px;
  line-height: 1.4;
  color: #292929;
}

@media screen and (max-width: 991px) {
  .featuredprojects p {
    font-size: 16px;
  }
}

.featuredprojects .owl-nav {
  text-align: left;
  position: absolute;
  bottom: 20px;
  left: -380px;
  border: none;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .featuredprojects .owl-nav {
    bottom: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.featuredprojects .owl-nav button::before {
  display: none;
}

.featuredprojects .owl-nav button.owl-next {
  margin-left: 10px;
}

.featuredprojects .owl-nav button svg {
  width: 34px;
  fill: #292929;
}

.lifestyleslider h3 {
  font-size: 55px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  margin-bottom: 30px;
  color: #292929;
}

@media screen and (max-width: 991px) {
  .lifestyleslider h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}

.lifestyleslider p {
  font-size: 18px;
  line-height: 1.4;
  color: #292929;
}

@media screen and (max-width: 991px) {
  .lifestyleslider p {
    font-size: 16px;
  }
}

.lifestyleslider .owl-nav {
  text-align: left;
  position: absolute;
  bottom: 20px;
  right: -110px;
  border: none;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .lifestyleslider .owl-nav {
    bottom: -50px;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.lifestyleslider .owl-nav button::before {
  display: none;
}

.lifestyleslider .owl-nav button.owl-next {
  margin-left: 10px;
}

.lifestyleslider .owl-nav button svg {
  width: 34px;
  fill: #292929;
}

#featuredprojects {
  width:100%;
}

@media screen and (max-width: 991px) {
  #featuredprojects {
    width: 100%;
  }
}

#featuredprojects .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#lifestyleslider {
  width:100%;
  }

#lifestyleslider .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 991px) {
  #lifestyleslider {
    width: 100%;
    left: 0;
  }
}

.consdrivenbox {
  position: relative;
  top: -75px;
  padding: 30px 20px;
  background-color: #116232;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 991px) {
  .consdrivenbox {
    top: 0;
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

.consdrivenbox h3 {
  font-size: 45px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .consdrivenbox h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}

.consdrivenbox h3 span {
  display: block;
  font-size: 35px;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .consdrivenbox h3 span {
    font-size: 22px;
  }
}

.consdrivenbox p {
  font-size: 16px;
  line-height: 25px;
  color: #ffffff;
  margin-bottom: 30px;
  width: 90%;
}

.impactlist {
  border-top: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {
  .impactlist {
    margin-bottom: 0px;
    margin-top: 20px;
  }
}

.impactlist li {
  width: 50%;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 20px;
  color: #03878c;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .impactlist li {
    padding: 10px;
  }
}

.impactlist li span {
  font-size: 62px;
  display: inline-block;
  margin-bottom: 5px;
  min-width: 130px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #292929;
}

@media screen and (max-width: 1199px) {
  .impactlist li span {
    font-size: 24px;
  }
}

.impactlist li span .count {
  display: inline-block;
  min-width: auto;
}

.impactlist li span small {
  font-size: 16px;
  color: #4f4f4f;
  line-height: 1.4;
  display: block;
  text-transform: none;
}

.impactlist.aboutcounter {
  border: none;
  margin-top: 0;
}

.impactlist.aboutcounter li {
  width: calc(100% / 3);
}

@media screen and (max-width: 767px) {
  .impactlist.aboutcounter li {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .impactlist.aboutcounter li:last-child {
    margin-bottom: 0;
  }
}

.impactlist.aboutcounter li span {
  color: #ffffff;
}

@media screen and (max-width: 1199px) {
  .impactlist.aboutcounter li span {
    font-size: 50px;
  }
}

@media screen and (max-width: 767px) {
  .impactlist.aboutcounter li span {
    font-size: 42px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 250px;
  }
}

.impactlist.aboutcounter li span span {
  display: inline-block;
  width: auto;
}

.impactlist.aboutcounter li span small {
  color: #ffffff;
}

.atsinfra h4 {
  font-size: 45px;
  font-weight: 300;
  padding-left: 200px;
  position: relative;
  color: #116232;
  font-family: "Lato", sans-serif;
  padding-top: 15px;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .atsinfra h4 {
    padding-left: 0;
    font-size: 24px;
  }
}

.atsinfra h4 span {
  font-size: 104px;
  font-weight: 300;
  left: 0;
  position: absolute;
  top: 0;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .atsinfra h4 span {
    position: relative;
    font-size: 70px;
  }
}

.atsinfra h5 {
  font-size: 32px;
  color: #292929;
  margin-top: 10px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

footer {
  padding: 40px 0 0;
  border-top: 1px solid #e5e5e5;
}

@media screen and (max-width: 767px) {
  footer {
    text-align: center;
  }
}

footer h3 {
  font-size: 35px;
  line-height: 42px;
  font-weight: 300;
}

@media screen and (max-width: 911px) {
  footer h3 {
    text-align: center;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  footer h3 {
    text-align: left;
  }
}

footer h3.has-submenu {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 15px;
  padding: 0;
  color: #000000;
}

@media screen and (max-width: 911px) {
  footer h3.has-submenu {
    text-align: left;
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  footer h3.has-submenu {
    font-size: 15px;
  }
}

footer h3.has-submenu:hover {
  padding: 0;
  line-height: 17px;
  color: #000000;
}

footer h3.has-submenu .sub-arrow {
  display: none;
}

footer p {
  line-height: 1.3;
  font-size: 12px;
  margin-bottom: 5px;
}

footer p a {
  font-size: 14px;
}

footer .footermenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 911px) {
  footer .footermenu {
    text-align: left;
  }
}

footer .footermenu li {
  width: calc(100% / 5);
  padding: 0 15px;
}

@media screen and (max-width: 911px) {
  footer .footermenu li {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 767px) {
  footer .footermenu li {
    width: 100%;
  }
}

footer ul.sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block !important;
  position: relative;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  footer ul.sub-menu {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  footer ul.sub-menu.opened {
    display: block !important;
  }
}

footer ul.sub-menu li {
  display: block;
  margin: 0 0 5px;
  width: 100%;
  padding: 0;
}

footer ul.sub-menu li a {
  font-size: 12px;
  line-height: 1;
  padding: 0;
  color: #292929;
}

footer ul.sub-menu li a:hover {
  padding: 0;
  color: #03878c;
  line-height: 1;
}

footer .ficonslist {
  position: relative;
  padding-left: 50px;
}

@media screen and (max-width: 911px) {
  footer .ficonslist {
    margin-top: 20px;
  }
}

footer .ficonslist a {
  color: #292929;
}

footer .ficonslist a:hover {
  color: #03878c;
}

footer .ficonslist span {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #03878c;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

footer .ficonslist span i {
  font-size: 16px;
  color: #03878c;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.backtotop {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #116232;
  position: relative;
  bottom: -50px;
  position: fixed;
  display: inline-block;
  right: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 99;
}

.backtotop i {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 2px;
  font-size: 30px;
  color: #ffffff;
}

.backtotop.show {
  bottom: 50px;
}

.flogo {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .flogo {
    margin-bottom: 20px;
  }
}

.social-f-links {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .social-f-links {
    margin-bottom: 30px;
  }
}

.social-f-links li {
  display: inline-block;
  margin-right: 7px;
}

@media screen and (max-width: 991px) {
  .social-f-links li {
    margin-right: 3px;
  }
}

@media screen and (max-width: 767px) {
  .social-f-links li {
    margin-right: 5px;
  }
}

.social-f-links li a {
  width: 36px;
  height: 36px;
  background: #03878c;
  border-radius: 50%;
  color: #ffffff;
  position: relative;
  display: block;
}

.social-f-links li a:hover {
  -webkit-box-shadow: 0 0 10px rgba(125, 125, 125, 0.7);
  box-shadow: 0 0 10px rgba(125, 125, 125, 0.7);
}

.social-f-links li a i {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.f-getintouch {
  padding: 30px 0 50px;
  border-top: 1px solid #e5e5e5;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .f-getintouch {
    text-align: left;
  }
}

.f-getintouch h3 {
  font-size: 35px;
  line-height: 42px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
}

.quicklinks {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .quicklinks {
    text-align: center;
  }
}

.quicklinks a {
  color: #ffffff;
}

.quicklinks a:hover {
  text-decoration: underline;
}

.footerbottom {
  background: #03878c;
  color: #ffffff;
  padding: 15px 0;
}

.footerbottom p {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .footerbottom p {
    text-align: center;
    margin-bottom: 5px;
  }
}

.section-heading {
  font-size: 50px;
  font-family: "Lato", sans-serif;
  margin-bottom: 30px;
  font-weight: 300;
  color: #4f4f4f !important;
}

@media screen and (max-width: 1199px) {
  .section-heading {
    font-size: 36px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  .section-heading {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .section-heading {
    font-size: 24px;
  }
}

.section-para {
  font-size: 18px;
  margin-bottom: 30px;
}

.content-section p {
  font-size: 17px;
  color: #000000;
  margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
  .content-section p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .content-section p {
    font-size: 14px;
  }
}

.content-section ul {
  margin-bottom: 10px;
  list-style-type: disc;
  padding-left: 20px;
}

.content-section ul li {
  font-size: 17px;
  color: #000000;
  margin-bottom: 7px;
}

@media screen and (max-width: 991px) {
  .content-section ul li {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .content-section ul li {
    font-size: 14px;
  }
}

.content-section h3 {
  font-size: 35px;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .content-section h3 {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .content-section h3 {
    font-size: 22px;
  }
}

.content-section p.featurdpara {
  font-size: 24px;
  margin-bottom: 30px;
  color: #000000 !important;
}

@media screen and (max-width: 1199px) {
  .content-section p.featurdpara {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  .content-section p.featurdpara {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .content-section p.featurdpara {
    font-size: 16px;
  }
}

.inner-banner {
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .inner-banner img {
    min-height: 300px;
    width: 150% !important;
    position: relative;
    left: -25%;
  }
}

.inner-banner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  content: "";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.2)),
    to(rgba(0, 0, 0, 0.5))
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
}

.inner-banner .bannercaption {
  position: absolute;
  top: calc(50% + 40px);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .inner-banner .bannercaption {
    top: calc(50% + 20px);
  }
}

.inner-banner .bannercaption h3 {
  font-family: "Lato", sans-serif;
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .inner-banner .bannercaption h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }
}

.inner-banner .bannercaption ul li {
  margin-right: 15px;
  padding-right: 70px;
  color: #ffffff;
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .inner-banner .bannercaption ul li {
    font-size: 14px;
    padding-right: 30px;
  }
}

.inner-banner .bannercaption ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.inner-banner .bannercaption ul li a {
  color: #ffffff;
  position: relative;
}

.inner-banner .bannercaption ul li a::before {
  position: absolute;
  top: 50%;
  right: -68px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  content: "";
}

@media screen and (max-width: 767px) {
  .inner-banner .bannercaption ul li a::before {
    right: -33px;
  }
}

.inner-banner .bannercaption ul li a::after {
  position: absolute;
  top: 50%;
  right: -70px;
  width: 50px;
  height: 2px;
  background: #ffffff;
  content: "";
}

@media screen and (max-width: 767px) {
  .inner-banner .bannercaption ul li a::after {
    width: 30px;
    right: -35px;
  }
}

.bg-blue {
  background: #116232;
}

.bg-gray {
  background: #f5f6f8;
}

.thingsbox {
  background: #ededed;
  padding: 30px 20px 15px;
}

.thingsbox h3 {
  font-size: 35px;
  font-family: "Lato", sans-serif;
  color: #03878c;
  margin-bottom: 15px;
}

@media screen and (max-width: 1440px) {
  .thingsbox h3 {
    font-size: 30px;
  }
}

@media screen and (max-width: 911px) {
  .thingsbox h3 {
    font-size: 22px;
  }
}

.leftcaption-banner {
  position: relative;
}

.leftcaption-banner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  content: "";
  z-index: 1;
}

.leftcaption-banner.jbanner:after {
  display: none;
}

.leftcaption-banner .leftcaption {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  z-index: 2;
}

.leftcaption-banner .leftcaption h3 {
  font-family: "Lato", sans-serif;
  font-size: 45px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1;
  color: #ffffff;
}

@media screen and (max-width: 991px) {
  .leftcaption-banner .leftcaption h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .leftcaption-banner .leftcaption h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

.leftcaption-banner .leftcaption p {
  font-size: 24px;
  margin-bottom: 30px;
  color: #ffffff !important;
}

@media screen and (max-width: 1199px) {
  .leftcaption-banner .leftcaption p {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  .leftcaption-banner .leftcaption p {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .leftcaption-banner .leftcaption p {
    font-size: 16px;
  }
}

.leftcaption-banner .leftcaption p span {
  display: block;
}

@media screen and (max-width: 767px) {
  .leftcaption-banner .leftcaption p span {
    display: inline-block;
  }
}

.leftcaption-banner .leftcaption .philosophy {
  overflow: hidden;
  height: 100%;
  -ms-flex-item-align: baseline;
  align-self: baseline;
  position: relative;
}

.leftcaption-banner .leftcaption .philosophy h3 {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 1440px) {
  .leftcaption-banner .leftcaption .philosophy h3 {
    font-size: 36px;
    margin-bottom: 20px;
  }
}

.leftcaption-banner .leftcaption .philosophy p {
  line-height: 1.3;
  position: absolute;
  bottom: -240px;
  overflow: hidden;
  left: 0;
  width: 100%;
  height: 200px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 1440px) {
  .leftcaption-banner .leftcaption .philosophy p {
    font-size: 16px;
    margin-bottom: 20px;
    height: 90px;
    bottom: -120px;
  }
}

.leftcaption-banner .leftcaption .philosophy:hover h3 {
  bottom: 260px;
}

@media screen and (max-width: 1440px) {
  .leftcaption-banner .leftcaption .philosophy:hover h3 {
    bottom: 140px;
  }
}

.leftcaption-banner .leftcaption .philosophy:hover p {
  bottom: 40px;
}

@media screen and (max-width: 1440px) {
  .leftcaption-banner .leftcaption .philosophy:hover p {
    bottom: 30px;
  }
}

.leftcaption-banner .philosophywraper {
  height: 100%;
  bottom: 0;
}

.leftcaption-banner .philosophywraper .container-fluid,
.leftcaption-banner .philosophywraper .row {
  height: 100%;
}

.leftcaption-banner .philosophywraper .col-md-3,
.leftcaption-banner .philosophywraper .col-md-4 {
  border-right: 1px solid #e5e5e5;
}

.leftcaption-banner .philosophywraper .col-md-3:last-child,
.leftcaption-banner .philosophywraper .col-md-4:last-child {
  border-right: none;
}

.chairmainnote {
  background: #f5f6f8;
  padding: 60px 0;
}

@media screen and (max-width: 767px) {
  .chairmainnote {
    padding: 30px 0;
  }
}

.chairmainnote h3 {
  font-size: 35px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  margin-bottom: 30px;
}

.chairmainnote p {
  font-size: 18px;
}

.chairmainnote p small {
  font-size: 28px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .chairmainnote p small {
    font-size: 20px;
  }
}

.chairmainnote .chairman-photo {
  position: relative;
  margin-top: -120px;
}

@media screen and (max-width: 911px) {
  .chairmainnote .chairman-photo {
    margin-top: -100px;
  }
}

@media screen and (max-width: 767px) {
  .chairmainnote .chairman-photo {
    margin-top: 30px;
  }
}

.trueleader h3 {
  font-size: 35px;
  font-weight: 300;
  line-height: 55px;
  font-family: "Lato", sans-serif;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .trueleader h3 {
    font-size: 24px;
    line-height: 38px;
  }
}

@media screen and (max-width: 767px) {
  .presence {
    margin-bottom: 30px;
  }
}

.groupcompanyslider .item {
  padding: 15px;
}

.groupcompanyslider .item .companies-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  padding: 20px;
  height: 110px;
  margin-bottom: 30px;
}

.groupcompanyslider .item .companies-logos.filled {
  background: #e5e5e5;
}

.groupcompanyslider .item .companies-logos img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.groupcompanyslider .item .companies-logos:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.groupcompanyslider .item .companies-logos:last-child {
  margin-bottom: 0;
}

.groupcompanyslider.owl-carousel .owl-dots {
  text-align: center;
}

.groupcompanyslider.owl-carousel .owl-dots button {
  width: 13px;
  height: 13px;
  background: #d8d8d8;
  border: #03878c;
  border-radius: 50%;
  margin: 0 3px;
}

.groupcompanyslider.owl-carousel .owl-dots button.active {
  background: #03878c;
}

.iconlist li {
  display: block;
  padding-left: 40px;
  position: relative;
  font-size: 18px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1440px) {
  .iconlist li {
    font-size: 16px;
  }
}

.iconlist li a {
  color: #292929;
}

.iconlist li a:hover {
  color: #03878c;
}

.iconlist li svg {
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  fill: #292929;
}

.iconlist.bigicons li {
  padding-left: 45px;
}

@media screen and (max-width: 767px) {
  .iconlist.bigicons li {
    padding-left: 30px;
  }
}

.iconlist.bigicons li svg {
  width: 35px;
}

@media screen and (max-width: 767px) {
  .iconlist.bigicons li svg {
    width: 20px;
  }
}

.leadershipwraper {
  background: #f5f6f8;
  padding-bottom: 30px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  display: block;
  margin-bottom: 30px;
  height: calc(100% - 30px);
}

.leadershipwraper figure {
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.leadershipwraper figure figcaption {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #03878c;
  padding: 30px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.leadershipwraper figure figcaption p {
  font-size: 18px;
  line-height: 1.3;
  color: #ffffff;
}

.leadershipwraper h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  text-align: center;
  color: #4f4f4f;
  padding-top: 20px;
}

@media screen and (max-width: 991px) {
  .leadershipwraper h2 {
    font-size: 18px;
  }
}

.leadershipwraper h2 span {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
}

.leadershipwraper:hover figure figcaption {
  top: 0;
}

.reportees-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.reportees-list li {
  margin-bottom: 30px;
  width: calc(100% / 5 - 30px);
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .reportees-list li {
    margin-right: 20px;
  }
}

.reportees-list li:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 991px) {
  .reportees-list li:nth-child(5n) {
    margin-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .reportees-list li:nth-child(5n) {
    margin-right: 20px;
  }
}

.reportees-list li:nth-child(3n) {
  margin-right: 30px;
}

@media screen and (max-width: 991px) {
  .reportees-list li:nth-child(3n) {
    margin-right: 0px;
  }
}

@media screen and (max-width: 767px) {
  .reportees-list li:nth-child(3n) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .reportees-list li:nth-child(2n) {
    margin-right: 0px;
  }
}

@media screen and (max-width: 991px) {
  .reportees-list li {
    width: calc(100% / 3 - 30px);
  }
}

@media screen and (max-width: 767px) {
  .reportees-list li {
    width: calc(100% / 2 - 10px);
    margin-bottom: 20px;
  }
}

.reportees-list li a {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.reportees-list li a img {
  width: 100%;
}

.reportees-list li a:nth-child(5) {
  margin-right: 0;
}

.reportees-list li a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #03878c;
  content: "";
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.reportees-list li a h4 {
  position: absolute;
  top: 70%;
  left: 0;
  width: 100%;
  padding: 0 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.reportees-list li a h4 span {
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

.reportees-list li a:hover::after {
  opacity: 1;
}

.reportees-list li a:hover h4 {
  top: 50%;
  opacity: 1;
}

.mapwraper {
  border-left: 1px solid #e5e5e5;
  padding-left: 40px;
}

@media screen and (max-width: 767px) {
  .mapwraper {
    padding-left: 15px;
    border: none;
  }
}

.logowraper figure {
  width: 100%;
  position: relative;
  height: 130px;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding: 10px 15px;
}

.logowraper figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
}

.branch-office {
  background: #03878c url("../images/bg-contact.png") right center no-repeat;
}

.branch-office h2,
.branch-office p {
  color: #ffffff !important;
}

.branch-office .thingsbox {
  height: 100%;
}

.branch-office .thingsbox p {
  color: #292929 !important;
}

.core-values h2,
.core-values p {
  color: #ffffff !important;
}

.core-values .thingsbox {
  height: 100%;
}

.core-values .thingsbox p {
  color: #292929 !important;
}

.innovationwraper {
  height: 100%;
  margin-top: 70px;
}

.innovationwraper h4 {
  font-size: 50px;
  font-family: "Lato", sans-serif;
  margin-bottom: 30px;
  font-weight: 300;
  color: #4f4f4f !important;
}

@media screen and (max-width: 1199px) {
  .innovationwraper h4 {
    font-size: 36px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  .innovationwraper h4 {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .innovationwraper h4 {
    font-size: 24px;
  }
}

.innovationwraper p,
.innovationwraper ul li {
  font-size: 17px;
  margin-bottom: 15px;
  line-height: 1.4;
  text-align: justify;
}

.innovationwraper ul {
  padding-left: 20px;
  list-style: disc;
}

.innovationwraper ul li {
  margin-bottom: 10px;
}

.contactform .form-control {
  width: 100%;
  padding: 10px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  color: #292929;
}

.contactform button {
  display: inline-block;
  padding: 10px 30px;
  font-size: 14px;
  text-transform: uppercase;
  background: #03878c;
  color: #ffffff;
  margin-top: 20px;
  position: relative;
  top: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}

.contactform button:hover {
  background: #03878c;
  top: -1px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.checkedlabel label {
  position: relative;
  overflow: hidden;
  padding-left: 30px;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.checkedlabel label input {
  position: absolute;
  left: -100px;
}

.checkedlabel label span {
  position: absolute;
  width: 15px;
  height: 15px;
  display: inline-block;
  left: 0;
  top: 0;
  border: 1px solid #e5e5e5;
}

.checkedlabel label span::after {
  position: absolute;
  width: 8px;
  height: 3px;
  content: "";
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  top: 4px;
  left: 3px;
}

.checkedlabel label input:checked ~ span {
  background: #03878c;
}

.checkedlist li {
  position: relative;
  overflow: hidden;
  padding-left: 30px;
  display: block;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 16px;
}

.checkedlist li span {
  position: absolute;
  width: 15px;
  height: 15px;
  display: inline-block;
  left: 0;
  top: 3px;
  border: 1px solid #e5e5e5;
  background: #03878c;
}

.checkedlist li span::after {
  position: absolute;
  width: 8px;
  height: 3px;
  content: "";
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  top: 4px;
  left: 3px;
}

.contact-immage {
  position: relative;
  width: calc(100% + 60px);
  left: -60px;
}

@media screen and (max-width: 767px) {
  .contact-immage {
    width: 100%;
    left: 0;
    margin-bottom: 20px;
  }
}

.firstlist.hasnavfixed {
  margin-top: 63px;
}

.adv-search {
  padding: 0 0 20px;
  border-bottom: 1px solid #e5e5e5;
}

.adv-search.projectsdetail {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  z-index: 90;
  border-top: 1px solid #e5e5e5;
}

.adv-search label {
  font-size: 14px;
  color: #292929;
  margin-bottom: 5px;
  margin-top: 20px;
}

.adv-search h3 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .adv-search h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .adv-search h3 {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .adv-search h3 {
    font-size: 14px;
  }
}

.adv-search h3.special {
  color: #03878c;
}

.adv-search select {
  width: 100%;
  height: 40px;
  padding: 15px 10px;
  height: auto;
  font-size: 14px;
  color: #292929;
  background: #f5f6f8;
  border: none;
  outline: none;
}

.adv-search select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adv-search .adv-searchbtn {
  padding: 15px 30px;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  background: #03878c;
  border: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  .adv-search .adv-searchbtn {
    padding: 12px 15px;
  }
}

@media screen and (max-width: 767px) {
  .adv-search .adv-searchbtn {
    margin-top: 20px;
  }
}

.adv-search .adv-searchbtn:focus,
.adv-search .adv-searchbtn:hover {
  outline: none;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.selectwraper {
  position: relative;
}

.selectwraper::after {
  position: absolute;
  top: 48%;
  right: 15px;
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #292929;
  border-right: 1px solid #292929;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

.project-list {
  margin-top: 50px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

@media screen and (max-width: 991px) {
  .project-list {
    margin-top: 30px;
  }
}

.project-list figure {
  overflow: hidden;
}

.project-list figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}

.project-list ul {
  padding: 0 15px 20px;
}

@media screen and (max-width: 991px) {
  .project-list ul {
    padding: 0 10px 10px;
  }
}

.project-list ul li {
  display: inline-block;
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  margin-right: 30px;
  padding-left: 25px;
  line-height: 20px;
}

@media screen and (max-width: 991px) {
  .project-list ul li {
    padding-left: 20px;
    font-size: 12px;
    margin-right: 20px;
  }
}

.project-list ul li svg {
  width: 18px;
  display: inline-block;
  top: 0;
  left: 0;
  position: absolute;
}

@media screen and (max-width: 991px) {
  .project-list ul li svg {
    width: 14px;
  }
}

.project-list:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.project-list:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.project-list-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 991px) {
  .project-list-details {
    padding: 15px 10px;
    margin-bottom: 0;
  }
}

.project-list-details h3 {
  font-size: 24px;
  color: #292929;
}

@media screen and (max-width: 991px) {
  .project-list-details h3 {
    font-size: 20px;
  }
}

.project-list-details h3 span {
  display: block;
  color: #4f4f4f;
  margin-top: 5px;
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .project-list-details h3 span {
    font-size: 12px;
  }
}

.project-list-details a {
  display: inline-block;
  width: 150px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  background: #116232;
  padding: 20px 5px 18px;
  letter-spacing: 1px;
}

@media screen and (max-width: 991px) {
  .project-list-details a {
    padding: 12px 5px 10px;
    font-size: 12px;
    width: 110px;
  }
}

.project-detailpage {
  position: relative;
  overflow: hidden;
}

.project-detailpage .item {
  position: relative;
}

.project-detailpage .item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  content: "";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.2)),
    to(rgba(0, 0, 0, 0.5))
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
}

@media screen and (max-width: 767px) {
  .project-detailpage .projectslider.owl-carousel .owl-item .item {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .project-detailpage .projectslider.owl-carousel .owl-item .item img.w-100 {
    min-height: 500px !important;
    width: 200% !important;
    position: relative;
    left: -50%;
  }
}

.project-detailpage .project-detail-caption {
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 100%;
  z-index: 2;
}

.project-detailpage .project-detail-caption h3 {
  font-family: "Lato", sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .project-detailpage .project-detail-caption h3 {
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .project-detailpage .project-detail-caption h3 {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .project-detailpage .project-detail-caption h3 {
    font-size: 24px;
  }
}

.project-detailpage .project-detail-caption p {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  width: 80%;
}

@media screen and (max-width: 991px) {
  .project-detailpage .project-detail-caption p {
    line-height: 1.3;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .project-detailpage .project-detail-caption p {
    font-size: 16px;
    width: 100%;
  }
}

.project-detailpage .project-detail-caption .custom-btns {
  float: right;
  position: relative;
  top: 30px;
}

@media screen and (max-width: 767px) {
  .project-detailpage .project-detail-caption .custom-btns {
    top: 0;
    float: left;
  }
}

.project-detailpage .project-detail-caption .custom-btns li {
  display: inline-block;
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .project-detailpage .project-detail-caption .custom-btns li {
    margin-left: 0;
    margin-right: 15px;
  }
}

.project-detailpage .project-detail-caption .custom-btns li a {
  display: block;
  border: 1px solid #ffffff;
  padding: 10px 30px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  .project-detailpage .project-detail-caption .custom-btns li a {
    padding: 10px 20px;
  }
}

.project-detailpage .project-detail-caption .custom-btns li a svg {
  width: 10px;
  fill: #ffffff;
}

.project-detailpage .project-detail-caption .custom-btns li a:hover {
  background: #03878c;
  border-color: #03878c;
}

.project-detailpage .owl-nav {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 1300px;
  z-index: 4;
  padding: 0 100px;
  max-width: 1300px;
  width: 100%;
  display: block;
}

@media screen and (max-width: 1499px) {
  .project-detailpage .owl-nav {
    padding: 0 30px;
  }
}

@media screen and (max-width: 991px) {
  .project-detailpage .owl-nav {
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .project-detailpage .owl-nav {
    bottom: 10px;
  }
}

.project-detailpage .owl-nav svg {
  width: 40px;
  fill: #ffffff;
}

.project-detailpage .owl-nav button {
  margin-left: 10px;
}

.project-detailpage .owl-nav button:before {
  display: none;
}

.projects-tab {
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

.projects-tab .projectstab {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .projects-tab .projectstab {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.projects-tab .projectstab a {
  font-size: 16px;
  color: #292929;
}

@media screen and (max-width: 767px) {
  .projects-tab .projectstab a {
    padding: 5px 5px;
    width: calc(100% / 4);
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
  }
}

.projects-tab .projectstab a:hover,
.projects-tab .projectstab a.active {
  color: #03878c;
}

.projects-tab.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90;
}

.bhktabs {
  border: none;
  border-top: 1px solid #c4c4c4;
  margin-top: 30px;
}

.bhktabs li {
  width: calc(100% / 3);
  max-width: 150px;
}

.bhktabs li a {
  font-size: 16px;
  display: block;
  padding: 10px 0;
  color: #292929;
  position: relative;
  top: -1px;
  text-align: center;
  border-top: 2px solid transparent;
}

.bhktabs li a:hover,
.bhktabs li a.active {
  color: #03878c;
  border-top: 2px solid #000000;
}

.propertytabs {
  border: none;
  margin-bottom: 30px;
}

.propertytabs li {
  width: calc(100% / 2);
  max-width: 170px;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .propertytabs li {
    max-width: 70px;
  }
}

.propertytabs li a {
  font-size: 16px;
  display: block;
  padding: 15px 0;
  color: #292929;
  border-bottom: 2px solid #c4c4c4;
}

@media screen and (max-width: 767px) {
  .propertytabs li a {
    padding: 0 0 5px;
    font-size: 14px;
  }
}

.propertytabs li a:hover,
.propertytabs li a.active {
  color: #03878c;
  border-bottom: 2px solid #000000;
}

.bhkplanwraper {
  border: 1px solid #e5e5e5;
  padding: 30px 15px 0;
}

.bhkplanwraper h3 {
  font-size: 16px;
  padding: 15px 0;
  border-top: 1px solid #e5e5e5;
  margin-top: 15px;
  color: #979797;
}

.propertyslider.owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  top: -70px;
}

.propertyslider.owl-carousel .owl-nav button {
  margin-left: 10px;
  background: none !important;
  border: 2px solid #e5e5e5 !important;
  padding: 0 5px !important;
  display: inline-block;
}

.propertyslider.owl-carousel .owl-nav button:before {
  display: none;
}

.propertyslider.owl-carousel .owl-nav button svg {
  width: 30px;
  position: relative;
  top: 3px;
  fill: #000;
}

.propertyslider.owl-carousel .owl-nav button:hover {
  background: #03878c !important;
  border-color: #03878c !important;
}

.propertyslider.owl-carousel .owl-nav button:hover svg {
  fill: #ffffff;
}

.projects-details h4 {
  margin-top: 20px;
  font-size: 13px;
  color: #4f4f4f;
}

@media screen and (max-width: 767px) {
  .projects-details h4 {
    margin-top: 15px;
  }
}

.projects-details h3 {
  font-size: 35px;
}

@media screen and (max-width: 991px) {
  .projects-details h3 {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .projects-details h3 {
    font-size: 22px;
  }
}

.projects-details p {
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 0;
}

.projects-details p a {
  color: #292929;
}

.projects-details p a:hover {
  color: #03878c;
}

.awardswraper {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  margin-top: 70px;
}

@media screen and (max-width: 1199px) {
  .awardswraper {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .awardswraper {
    margin-top: 30px;
  }
}

.awardswraper figure {
  position: relative;
}

.awardswraper figure img {
  width: 100%;
}

.awardswraper figure:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url("../images/award-icon.png") center center
    no-repeat;
  content: "";
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.awardswraper.press figure::before {
  display: none;
}

.awardswraper h4 {
  color: #4f4f4f;
  margin-bottom: 10px;
  font-size: 16px;
  margin-top: 30px;
}

.awardswraper h3 {
  color: #03878c;
  font-family: "Lato", sans-serif;
  margin-bottom: 10px;
  font-size: 30px;
}

@media screen and (max-width: 1440px) {
  .awardswraper h3 {
    font-size: 24px;
  }
}

.awardswraper p {
  color: #4f4f4f;
  font-size: 16px;
  margin-bottom: 30px;
}

.awardswraper:hover {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.awardswraper:hover figure:before {
  opacity: 1;
}

.bloglist {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  overflow: hidden;
  height: 100%;
  display: block;
}

@media screen and (max-width: 1199px) {
  .bloglist {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .bloglist {
    margin-top: 30px;
  }
}

.bloglist figure {
  position: relative;
  overflow: hidden;
}

.bloglist figure img {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.bloglist h3 {
  color: #03878c;
  font-family: "Lato", sans-serif;
  font-size: 24px;
  padding: 0 30px 10px;
  margin: 0 0 20px;
}

.bloglist h3 a {
  color: #03878c;
}

.bloglist h3 span {
  color: #292929;
  font-size: 13px;
  display: block;
  margin-top: 10px;
}

.bloglist p {
  font-size: 16px;
  padding: 0px 30px 0px;
}

.bloglist p a {
  font-size: 20px;
  color: #03878c;
}

.bloglist:hover {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.bloglist:hover figure img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.testislider.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.testislider.owl-carousel .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.testislider.owl-carousel .owl-dots {
  text-align: center;
  padding: 20px 0 0;
}

.testislider.owl-carousel .owl-dots button {
  width: 15px;
  height: 15px;
  background: #cccccc;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
}

.testislider.owl-carousel .owl-dots button.active {
  background: #03878c;
}

.testiwraper {
  padding: 30px 30px 140px;
  background: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  height: 100%;
  position: relative;
  text-align: center;
}

.testiwraper svg {
  width: 90px;
  fill: #03878c;
}

.testiwraper .testicontent p {
  font-size: 16px;
  margin-bottom: 15px;
}

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

.testiwraper h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
  padding: 30px 0;
  margin: 0;
}

.testiwraper h3::after {
  position: absolute;
  top: 0;
  width: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  background: #03878c;
  height: 3px;
}

.testiwraper h3 span {
  display: block;
  font-size: 16px;
}

.video-testimonials {
  background: #e5e5e5;
}

.video-testimonials iframe {
  width: 100%;
  height: 250px;
  margin: 0;
}

.video-testimonials h3 {
  padding: 5px 15px 10px;
  font-size: 24px;
  color: #03878c;
  margin: 0 0 40px;
}

.video-testimonials h3 span {
  display: block;
  font-size: 16px;
  color: #292929;
}

.blogsidecard {
  padding: 25px 20px;
  background: #f0f0f0;
  margin-bottom: 30px;
  border-radius: 3px;
}

.blogsidecard h3 {
  margin-bottom: 15px;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 600;
  color: #292929;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8d8;
}

.blogsearch svg {
  width: 20px;
  fill: #000000;
}

.blogsearch .input-group {
  border: 1px solid #aaa;
}

.blogsearch input {
  font-size: 14px;
  padding: 10px;
  border: none;
}

.blogsearch input:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blogsearch .input-group-text {
  background: #ffffff;
  border: none;
}

.paging li {
  margin-left: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
}

.paging li span {
  display: block;
  padding: 5px 10px;
  text-align: center;
  background: #d8d8d8;
  color: #292929;
}

.paging li a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  background: #03878c;
  color: #ffffff !important;
  cursor: pointer;
}

.paging li a.desabled {
  background: #d8d8d8;
  color: #292929 !important;
}

.paging li a:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

.paging li a.desabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.recent-post ul li {
  margin-bottom: 20px;
}

.recent-post ul li:last-child {
  margin-bottom: 0;
}

.recent-post ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
}

.recent-post ul li a img {
  width: 90px;
  height: 70px;
  margin-right: 10px;
}

.recent-post ul li a p {
  font-size: 15px;
  color: #03878c;
  padding-right: 10px;
  margin: 0;
}

.recent-post ul li a:hover {
  background: #ffffff;
}

.blogarchive ul {
  padding-left: 20px;
}

.blogarchive ul li {
  color: #666;
  margin-bottom: 10px;
}

.blogarchive ul li a {
  color: #292929;
  font-size: 18px;
  display: block;
  position: relative;
}

.blogarchive ul li a::after {
  position: absolute;
  top: 9px;
  left: -15px;
  width: 5px;
  height: 5px;
  background: #666;
  content: "";
}

.blogarchive ul li a:hover {
  color: #03878c;
}

.blogarchive ul li a:hover::after {
  background: #03878c;
}

.blogcategories {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
  margin: 0 30px 20px;
}

.blogcategories a {
  display: inline-block;
  border-radius: 5px;
  background: #03878c;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 20px;
  margin-right: 10px;
}

.blog-content h3 {
  margin-bottom: 15px;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 600;
}

.blog-content p {
  font-size: 16px;
  margin-bottom: 15px;
}

.blog-content ul {
  padding-bottom: 7px;
  padding-left: 20px;
}

.blog-content ul li {
  list-style-type: disc;
  margin-bottom: 8px;
  font-size: 16px;
}

.blogcomments {
  padding: 30px 20px;
  margin-top: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.blogcomments h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}

.leavereply {
  padding: 30px 20px;
  margin-top: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.leavereply h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}

.leavereply input {
  width: 100%;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  padding: 10px;
}

.leavereply textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  padding: 10px;
  min-height: 200px;
}

.ats-property-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
  background: rgba(0, 0, 0, 0.9);
}

.ats-property-popup .closepopup {
  position: absolute;
  top: 15px;
  right: 30px;
  z-index: 2;
}

.ats-property-popup .closepopup svg {
  width: 40px;
  fill: #ffffff;
}

.ats-property-popup .imagewraper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
}

.ats-property-popup.opened {
  display: block;
}

.quotewrap li {
  text-align: left;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .quotewrap li {
    margin-bottom: 50px;
  }
}

.quotewrap li:last-child {
  margin-bottom: 30px;
}

.quotewrap li .quotebox {
  width: 70%;
  background: #ffffff;
  padding: 60px;
  margin-left: 26px;
  position: relative;
  display: inline-block;
  -webkit-box-shadow: 10px 10px 14px #0000000f;
  box-shadow: 10px 10px 14px #0000000f;
}

@media screen and (max-width: 991px) {
  .quotewrap li .quotebox {
    padding: 30px;
    width: 70%;
    margin-left: 18px;
  }
}

@media screen and (max-width: 767px) {
  .quotewrap li .quotebox {
    width: calc(100% - 13px);
    margin-left: 13px;
    padding: 15px;
  }
}

.quotewrap li .quotebox svg {
  width: 30px;
  fill: #00a5c5;
  margin-bottom: 10px;
}

.quotewrap li .quotebox p {
  color: #000000;
  font-size: 16px;
  text-align: justify;
}

.quotewrap li .quotebox::before {
  position: absolute;
  top: 0;
  left: -26px;
  width: 26px;
  height: calc(100% - 40px);
  background: #99b2c0;
  content: "";
}

@media screen and (max-width: 991px) {
  .quotewrap li .quotebox::before {
    width: 18px;
    left: -18px;
  }
}

@media screen and (max-width: 767px) {
  .quotewrap li .quotebox::before {
    width: 13px;
    left: -13px;
  }
}

.quotewrap li .quotebox::after {
  position: absolute;
  right: 0;
  display: none;
  bottom: -26px;
  width: 70%;
  height: 26px;
  background: #666;
  content: "";
}

@media screen and (max-width: 991px) {
  .quotewrap li .quotebox::after {
    height: 18px;
    bottom: -18px;
  }
}

@media screen and (max-width: 767px) {
  .quotewrap li .quotebox::after {
    height: 13px;
    bottom: -13px;
  }
}

.quotewrap li .quotebox .quotename {
  position: absolute;
  width: 70%;
  top: 0;
  left: 100%;
  padding: 15px 0 0 40px;
}

@media screen and (max-width: 991px) {
  .quotewrap li .quotebox .quotename {
    padding: 10px 0 0 30px;
    width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .quotewrap li .quotebox .quotename {
    position: relative;
    left: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
}

.quotewrap li .quotebox .quotename::after {
  position: absolute;
  top: 102px;
  left: 0;
  z-index: 1;
  content: "";
  border-left: 30px solid #ffffff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

@media screen and (max-width: 991px) {
  .quotewrap li .quotebox .quotename::after {
    left: -5px;
    top: 98px;
  }
}

@media screen and (max-width: 767px) {
  .quotewrap li .quotebox .quotename::after {
    display: none;
  }
}

.quotewrap li .quotebox .quotename h3 {
  font-size: 24px;
  color: #03878c;
}

.quotewrap li .quotebox .quotename p {
  color: #292929;
  font-size: 14px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .quotewrap li .quotebox .quotename p {
    text-align: center;
  }
}

.quotewrap li .quotebox .quotename img {
  width: 80px;
  overflow: hidden;
  border: 1px solid #ccc;
  margin-bottom: 5px;
}

.quotewrap li:nth-child(2n) {
  text-align: right;
  margin-left: 0;
  margin-right: 26px;
}

@media screen and (max-width: 991px) {
  .quotewrap li:nth-child(2n) {
    margin-right: 18px;
  }
}

@media screen and (max-width: 767px) {
  .quotewrap li:nth-child(2n) {
    margin-right: 13px;
  }
}

.quotewrap li:nth-child(2n) .quotebox {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .quotewrap li:nth-child(2n) .quotebox {
    margin-left: 0px;
    width: 100%;
  }
}

.quotewrap li:nth-child(2n) .quotebox::before {
  left: auto;
  right: -26px;
}

@media screen and (max-width: 991px) {
  .quotewrap li:nth-child(2n) .quotebox::before {
    right: -18px;
  }
}

@media screen and (max-width: 767px) {
  .quotewrap li:nth-child(2n) .quotebox::before {
    right: -13px;
  }
}

.quotewrap li:nth-child(2n) .quotebox::after {
  left: 0;
  right: auto;
}

.quotewrap li:nth-child(2n) .quotename {
  left: auto;
  right: 100%;
  text-align: right;
  padding: 15px 40px 0 0;
}

@media screen and (max-width: 991px) {
  .quotewrap li:nth-child(2n) .quotename {
    padding: 10px 30px 0 0px;
  }
}

@media screen and (max-width: 767px) {
  .quotewrap li:nth-child(2n) .quotename {
    position: relative;
    right: 0;
    padding: 0;
    text-align: center;
  }
}

.quotewrap li:nth-child(2n) .quotename::after {
  left: auto;
  right: 0;
  border-left: 0px solid transparent;
  border-right: 30px solid #ffffff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

@media screen and (max-width: 991px) {
  .quotewrap li:nth-child(2n) .quotename::after {
    right: -5px;
  }
}

.quotewrap li:nth-child(2n) .quotename p {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .quotewrap li:nth-child(2n) .quotename p {
    text-align: center;
  }
}

.culturesection {
  margin-bottom: 70px;
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.culturesection .owl-carousel .owl-dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 1;
  text-align: center;
}

.culturesection .owl-carousel .owl-dots button {
  width: 12px;
  height: 12px;
  background: none;
  border-radius: 50%;
  border: 1px solid #03878c;
  margin: 0 3px;
}

.culturesection .owl-carousel .owl-dots button.active {
  background: #03878c;
}

.culturesection .contentbox {
  padding: 0 30px;
}

.culturesection .contentbox h2 {
  font-size: 40px;
}

@media screen and (max-width: 991px) {
  .culturesection .contentbox h2 {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .culturesection .contentbox h2 {
    font-size: 24px;
  }
}

.growlogos {
  text-align: center;
}

.growlogos img {
  width: 100%;
  max-width: 230px;
  /* margin-bottom: 70px;*/
}

.singleitemcarousel .captionimg {
  background: #d8d8d8;
  text-align: center;
  color: #292929;
  font-size: 16px;
  padding: 7px 15px;
  margin-bottom: 0;
}

.careerfilter {
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .careerfilter .selectwraper {
    margin-bottom: 10px;
  }
}

.careerfilter select,
.careerfilter input {
  border: 1px solid #e5e5e5;
  padding: 10px;
  background: #ffffff;
  height: 40px;
  color: #292929;
  font-size: 16px;
  width: 100%;
  border-radius: 0;
}

.careerfilter select:focus,
.careerfilter input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.careerfilter button {
  background: #03878c;
  color: #ffffff;
  font-size: 16px;
  height: 40px;
  border: 1px solid #03878c;
  padding: 0px 30px;
}

.careerslist li {
  background: #ffffff;
  display: block;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px 15px;
}

@media screen and (max-width: 767px) {
  .careerslist li {
    border-radius: 5px;
  }
}

.careerslist li h4 {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 600;
  color: #03878c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .careerslist li h4 {
    font-size: 17px;
  }
}

.careerslist li h4 span {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .careerslist li h4 span {
    width: calc(100% - 85px);
  }
}

.careerslist li h4 .c-location {
  width: 120px;
  color: #292929;
  font-size: 16px;
  font-weight: 400;
}

.careerslist li h4 .c-location svg {
  width: 20px;
  position: relative;
  top: 3px;
}

.careerslist li h4 .clickinks a {
  font-size: 16px;
  cursor: pointer;
  font-weight: 400;
}

.careerslist li .postdetails {
  padding-top: 15px;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
  display: none;
}

.careerslist li ul li {
  display: block;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 10px;
  border-radius: 0;
  padding: 0;
  font-size: 15px;
}

.careerslist li ul li strong {
  width: 150px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .careerslist li ul li strong {
    width: 120px;
  }
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

@media screen and (max-width: 767px) {
  .mCSB_outside + .mCSB_scrollTools {
    right: -10px;
  }
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0;
  border-radius: 5px;
  width: 20px;
}

@media screen and (max-width: 1199px) {
  .mCSB_scrollTools a + .mCSB_draggerContainer {
    width: 10px;
  }
}

@media screen and (max-width: 767px) {
  .mCSB_scrollTools a + .mCSB_draggerContainer {
    width: 6px;
  }
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

@media screen and (max-width: 1199px) {
  .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
  }
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 3px;
  background-color: transparent;
  border-radius: 2px;
}

@media screen and (max-width: 767px) {
  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
  }
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #cccccc;
  border-radius: 0px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #cccccc;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools
  .mCSB_dragger.mCSB_dragger_onDrag
  .mCSB_dragger_bar {
  background-color: #cccccc;
}

.carousel-inner .carousel-item {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
/*# sourceMappingURL=stylesheet.css.map */
.people_philosphy p {
  font-size: 17px;
}
.people_philosphy .img-field {
  position: relative;
}
.overlay-inr {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 18px;
  background: #0000007a;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.people_philosphy .img-field:hover .overlay-inr {
  height: 100%;
  transition: all 0.3s;
  /*  background: linear-gradient(to right, #03878C, #03878C);*/
}

.people_philosphy.main {
  flex-basis: 25%;
  margin: auto;
}
.people_philosphy .img-fluid {
  width: 100%;
}
.people_philosphy .snake {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.people_philosphy .main.snake:hover img {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transform: scale(1.1);
}

/*--== testimonial ==--*/
.testmonial_section_nw {
  padding: 50px 0px;
  background: #f1f1f1;
  font-family: "Lato", sans-serif;
}

.testmonial_section_nw .heading_nw {
  color: #fff;
}
.user_client {
  font-family: "Lato", sans-serif;
  font-size: 17px;
  line-height: 30px;
  font-style: italic;
}
.client_name_nw {
  text-align: right;
}
.client_name_nw h4 {
  font-size: 14px;
  font-weight: bold;
}
.client_name_nw h5 {
}
.client_name_nw h6 {
}
.client_txt_section .client_img {
  width: 80px;
  height: 80px;
  border: solid 2px #fff;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 15px;
}
.client_txt_section .client_img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center center;
}
.clint_nmimg {
  display: flex;
  float: right;
  margin-top: 40px;
}
.testmonial_section_nw .owl-carousel {
  position: relative;
}
.testmonial_section_nw .owl-item.active {
  background: #fff;
  padding: 30px;
  border-radius: 7px;
}
.testmonial_section_nw .owl-carousel .owl-nav {
  position: absolute;
  color: #fff;
  width: 100%;
  font-size: 45px;
  top: 17%;
}
.testmonial_section_nw .owl-carousel .owl-prev {
  left: -35px;
  position: absolute;
}
.testmonial_section_nw .owl-carousel .owl-next {
  right: -35px;
  position: absolute;
}
.testmonial_section_nw .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.testmonial_section_nw .owl-dots button.owl-dot {
  width: 35px;
  height: 5px;
  background: #8e8e8e;
  border-radius: 10px;
  margin-left: 10px !important;
}

.testmonial_section_nw .owl-dots button.owl-dot.active {
  background: #03878c;
}
.testmonial_section_nw .opal-icon-chevron-left:before,
.testmonial_section_nw
  .owl-theme.owl-carousel
  .owl-nav
  .owl-prev[class*="owl-"]:before,
.testmonial_section_nw
  .owl-theme
  .products
  .owl-nav
  .owl-prev[class*="owl-"]:before,
.testmonial_section_nw
  .elementor-nav-menu--indicator-chevron_right
  .elementor-nav-menu
  .sub-arrow:before,
.testmonial_section_nw .opal-icon-chevron-right:before,
.testmonial_section_nw
  .owl-theme.owl-carousel
  .owl-nav
  .owl-next[class*="owl-"]:before,
.testmonial_section_nw
  .owl-theme
  .products
  .owl-nav
  .owl-next[class*="owl-"]:before {
  display: none;
}
.testmonial_section_nw .owl-nav button.owl-prev,
.testmonial_section_nw .owl-nav button.owl-next {
  color: #8e8e8e;
}

.info_can_hp {
  background: #03878c;
  width: 100%;
  padding: 60px 0px;
}
.info_can_hp h4 {
  color: #fff;
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  font-family: "Lato", sans-serif;
}

/*--== ==--*/
.greg-bg-box {
  background: var(--bg-grey);
  padding: 40px 0px;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 100px;
  position: relative;
}

.greg-bg-box.box-left:before {
  width: 200px;
  height: 100%;
  background: #fff;
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
}
.greg-bg-box.box-right:before {
  width: 200px;
  height: 100%;
  background: #fff;
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
}
.greg-bg-box:last-child {
  margin-bottom: 0px;
}
/*.greg-bg-box.box-left .gr-img-box{
 margin-left: -150px;
} 
.greg-bg-box.box-right .gr-img-box  {
  margin-right: -150px;
}*/
.greg-bg-box.box-left .content-box {
  padding-right: 30px;
}
.greg-bg-box .content-box h4 {
  /* font-size: 24px;
 font-weight:bold;*/
  font-family: var(--font-family-lato);
}
.greg-bg-box .content-box p {
  font-size: 20px;
  line-height: 1.5;
  font-family: var(--font-family-lato);
}
.greg-bg-box .content-box ul li {
  font-size: 17px;
  padding-bottom: 1.4px;
  padding-left: 15px;
}
ul.circle li {
  position: relative;
}
ul.circle li:before {
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 100%;
  content: "";
  top: 5px;
}

.greg-bg-box.box-right .content-box {
  padding-left: 30px;
}
.gr-img-box {
  max-width: 450px;
  min-width: 450px;
  z-index: 1;
}

.img-gallery {
  background: var(--bg-grey);
}
.propertytabs li {
  max-width: 200px;
}
.section_img_bx {
  background: url(../images/section-bg.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.section_img_bx:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff45;
}
.section_img_bx .img-out {
  position: relative;
}
.section_img_bx .img-out img {
  height: 450px;
  object-fit: cover;
  object-position: center center;
  display: none;
}
.section_img_bx .img-out .img-overlay {
  /*position:absolute; */
  background: #fffffff2;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #282828;
  font-family: var(--font-family-lato);
  min-height: 358px;
  border-radius: 8px;
}
.section_img_bx .img-out .img-overlay h4 {
  font-size: 24px;
}
.section_img_bx .img-out .img-overlay p {
  font-size: 16px;
}

.work-with-us-table {
  background: var(--bg-grey);
}
.work-with-us-table table thead {
  background: #f7f7f7;
}
.work-with-us-table table {
  background: #fff;
}
.form-section {
  width: 100%;
  height: auto;
  background: url(../images/contact-form.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.form-section:before {
  width: 100%;
  height: 100%;
  background: #00000045;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.form-section form label {
  color: #fff;
  font-size: 16px;
  font-family: var(--font-family-lato);
}
.form-section form label sup {
  color: #ff0000;
  padding-left: 5px;
}
.form-section .col,
.form-section form .row {
  margin-bottom: 20px;
}
.form-section form .form-control {
  height: 40px;
  font-size: 16px;
  font-family: var(--font-family-lato);
}
.form-section .btn-sec {
  display: flex;
  gap: 10px;
}
.btn.register-btn,
.btn.back-btn {
  font-size: 17px;
  background: #181818;
  padding: 5px 10px;
  width: 100px;
  color: #fff;
  transition: all 0.3s;
}
.btn.register-btn:hover,
.btn.back-btn:hover {
  opacity: 0.8;
  transition: all 0.3s;
}
.form-section .col-md-5 {
  background: #03878ccc;
  padding: 20px;
}
section.work-with-us-table thead th,
section.work-with-us-table tbody td {
  padding: 10px 15px;
}
section.atlas_sec {
  padding: 50px 0px;
}