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

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

#testimonial { display: none !important; }

body { font-family: "Poppins", sans-serif; }
body.nav-open { overflow: hidden; }

.hide-mobile { display: block !important; }
.show-mobile { display: none !important; }

.lt-green { color: #859A89; }
.dk-green { color: #556056; }

.right { text-align: right; }

a, .align-middle, .scroll, .social img { transition: all .3s ease; }
a.btn { padding: 10px 20px 8px 20px; font-weight: 700; color: #fff; border: 1px solid #fff; border-radius: 30px; background: rgba(133, 154, 137, .3); }
a.btn:hover { color: #fff; background: rgba(133, 154, 137, 1); }

h3 { font-weight: 700; }

header .logo { height: 82px; padding: 20px 0 0 30px; }
header .strapline { font-family: "Poppins", sans-serif; text-align: center; font-size: 14px; line-height: 16px; margin-top: 40px; }
header .strapline span { font-weight: 600; }
header .client { background:  rgba(133, 154, 137, 1); font-weight: bold; padding: 10px 20px 5px; margin: 30px 80px 0 0; }
header .client:hover { background: #556056; }
header .client img { float: left; height: 18px; width: auto; margin: 2px 5px 10px 0; }

#intro { text-align: center; height: 90vh; padding: 30px; position: relative; }
#intro-2 { text-align: center; height: calc(80vh - 60px);  padding: 30px; position: relative; }
#intro .scroll { font-weight: 600; font-size: 14px; text-align: center; text-transform: lowercase; margin-top: 30px; position: absolute; bottom: 30px; left: 50%; width: 100px; margin-left: -50px; }
#intro .scroll:hover { opacity: .5; }
#intro .scroll img { width: 20px; height: auto; margin-top: 10px; animation: key1 .4s ease infinite alternate; }

@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-8px);}
}

#intro .container-fluid, #intro-2 .container-fluid { border-radius: 4rem; background: #859a89; height: calc(80vh - 60px); overflow: hidden; border: 1px solid #fff; }
#intro .container-fluid .col-12, #intro .container-fluid .col-6, #intro-2 .container-fluid .col-6 { height: 100%; color: #fff; }
#intro .container-fluid .col-6:first-of-type, #intro-2 .container-fluid .col-6:first-of-type { border-right: 1px solid #fff; }
#intro .container-fluid .col-12 span, #intro .container-fluid .col-6 span, #intro-2 .container-fluid .col-6 span { font-size: 21px; line-height: 24px; padding-bottom: 30px; }
#intro .container-fluid .col-12 .btn, #intro .container-fluid .col-6 .btn, #intro-2 .container-fluid .col-6 .btn { margin-top: 15px; }
#intro .container-fluid .col-12 .btn img, #intro .container-fluid .col-6 .btn img, #intro-2 .container-fluid .col-6 .btn img { height: 18px; width: auto; margin: 5px 0 10px 5px; }
#intro .container-fluid .col-12 .align-middle, #intro .container-fluid .col-6 .align-middle, #intro-2 .container-fluid .col-6 .align-middle { background: rgba(133,154,137,.75); width: 100%; height: 100%; display: block; padding: 32% 80px; }
#intro .container-fluid .col-12:hover .align-middle, #intro .container-fluid .col-6:hover .align-middle, #intro-2 .container-fluid .col-6:hover .align-middle { background: rgba(133,154,137,.35); }

#intro .project-mment { }

.page #intro .container-fluid { padding-left: 0; padding-right: 0; }
.page #intro .h-100 { width: 100%; margin-left: 0; margin-right: 0; }
.page #intro .container-fluid .col-12 .align-middle { padding-top: 23%; padding-bottom: 12%; background: linear-gradient(0deg, rgba(133,154,137,.95) 0%, rgba(133,154,137,.65) 40%, rgba(255,255,255,0) 100%); }
.page #intro .container-fluid .col-12 span { max-width: 600px;  display: inline-block; line-height: 30px; }

.page .col-4 {}
.page .col-8 {}

#content { padding: 5vh 0 7.5vh 0; }
#content #welcome { text-align: center; }
#content #welcome img { max-width: 50%; margin-bottom: 2rem; }
#content #welcome h2 { font-size: 28px; line-height: 32px; }
#content #welcome p { margin-left: 70px; margin-right: 70px; }
#content #welcome p a { color: #859A89; text-decoration: none; border-bottom: 1px solid #859A89; }
#content #welcome p a:hover { color: #000; border-color: #000; }

#project { background: #859A89; border-radius: 4rem; overflow: hidden; height: 75vh; min-height: 75vh; margin-bottom: 4rem; }
#project .container-fluid { padding: 0; position: relative; }
#project .container-fluid, #project .container-fluid .col-6 { height: 100%; }
#project .container-fluid .col-6:first-of-type { border-right: 1px solid #fff; }
#project .container-fluid .col-6:last-of-type {
    width: 35%;
    float: right;
    clear: none;
    position: absolute;
    top: 0;
    right: 7.5%;
    z-index: 100;
	color: #fff;
	padding-top: 14vh;
}
#project .btn:hover { background: #556056; }

#property { background: #859A89; border-radius: 4rem; overflow: hidden; height: 75vh; min-height: 75vh; margin-top: 4rem; }
#property .container-fluid { padding: 0; position: relative; }
#property .container-fluid, #property .container-fluid .col-6 { height: 100%; }
#property .container-fluid .col-6:first-of-type { border-right: 1px solid #fff; }
#property .container-fluid .col-6:last-of-type {
    width: 35%;
    float: right;
    clear: none;
    position: absolute;
    top: 0;
    right: 7.5%;
    z-index: 100;
	color: #fff;
	padding-top: 14vh;
}
#property .btn:hover { background: #556056; }

#project .btn img, #property .btn img, #team .btn img, #welcome .btn img { float: right; height: 14px; width: auto; margin: 4px 0 10px 5px; margin-bottom: 0; }

#team { margin: 4rem 0 4rem 30px; }
#team h3 { margin-top: 15vh; }
#team .card { border-radius: 1.5rem; background: #f3f4f3; padding: 1rem; width: 30%; float: left; margin-right: 30px; }
#team .card .image { border-radius: 1rem; overlfow: hidden; height: 50vh; }
#team .card .name { font-weight: 600; padding-top: 1rem; display: block; }

#team .col-lg-6 .card { border-radius: 1.5rem; background: #fff; width: 100%; padding: 1rem; float: left; margin-right: 30px; margin-bottom: 30px; transition: all .3s ease }
#team .col-lg-6 .card:hover { background: #f3f4f3; }
#team .col-lg-6 .card h5 { margin-top: 0; font-size: 18px; margin-bottom: 0;}
#team .col-lg-6 .card p { font-size: 14px; }
#team .col-lg-6 .card .image { border-radius: 1rem; overlfow: hidden; height: 55vh; }
#team .col-lg-6 .card .name { font-weight: 700; padding-top: 1rem; display: block; }

#team-gallery { width: calc(100% - 60px); height: 75vh; border-radius: 4rem; overflow: hidden; margin: 0 30px 30px 30px; }
#team-gallery div, #team-gallery .slick-slide, #team-gallery .slick-slide div { width: 100%; height: 100%; }

#team .slick-slide { margin-right: 1.5rem; }
#team .btn, #welcome .btn { background: #859A89; min-width: inherit; }
#team .btn:hover, #welcome .btn:hover { background: #859A89; }

#property-video { width: calc(100% - 60px); height: 75vh; border-radius: 4rem; overflow: hidden; margin: 0 30px 30px 30px; position: relative; }

video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
	}

#testimonial { background-color: #556056; color: #fff; text-align: center; border-radius: 3rem; padding: 3rem; margin: 5rem 0 0; position: relative; z-index: 5; }
#testimonial .quote { margin-bottom: 2rem; }

footer { position: relative;color: #fff;  background: rgb(133,154,137); background: linear-gradient(0deg, rgba(133,154,137,1) 0%, rgba(133,154,137,1) 40%, rgba(255,255,255,1) 100%); padding: 30px; padding-top: 20vh; margin-top: -5vh; position: relative; z-index: 0; }
footer a, footer a:hover { color: #fff; }
footer .nav { list-style: none; }
footer .nav li { font-size: 38px; font-weight: bold; width: 100%; margin: 0; text-align: left; }
footer .nav li a { text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0); }
footer .nav li a:hover { border-bottom: 1px solid #fff; }
footer .nav li a img { height: 28px; width: auto; margin: 5px 0 10px 5px; transition: all .3s ease;}
footer .nav li a:hover img { padding-left: 10px; }
footer .social { display: block; padding-top: 10vh; }
footer .social img { width: 20px; height: auto; float: left; margin-right: 25px; }
footer .social a:hover img { opacity: .5; }
footer .contact { font-size: 34px; padding-top: 40px; margin-bottom: 0; }
footer .tel, footer .email { width: 100%; font-size: 34px; text-decoration: none; margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #fff; }
footer .tel:hover, footer .email:hover { border-bottom: 1px solid rgba(255,255,255,0); }
footer .tel img { height: 34px; width: auto; margin: 5px 5px 10px 0; border-bottom: none; }
footer .email img { height: 28px; width: auto; margin: 5px 5px 10px 0; border-bottom: none; }
footer .copy { padding-top: 10vh; }
footer .copy a { text-decoration: none; margin-left: 2rem; }
footer .copy a:hover { color: #fff; opacity: .5; }

footer .client { background: #556056; font-size: 24px; font-weight: bold; padding: 10px 20px 5px; margin: 30px -5px 0 0; }
footer .client:hover { background: #859A89; }
footer .client img { float: left; height: 28px; width: auto; margin: 2px 10px 10px 0; }

footer .icon img { width: 20px; height: auto; float: right; margin-right: 0; }
footer .icon:hover { opacity: .5; }

#team .slick-dots {
    margin-top: 0; bottom: -35px;
}

.slick-dots li button:before, .slick-dots li.slick-active button:before  {
    font-size: 14px !important;
    top: 20px !important;
    color: #859A89 !important;
}

.gallery.team.slick-initialized .slick-dots {
    left: 0 !important;
    right: 0 !important;
}

.gallery.team.slick-initialized  .slick-next, .gallery.team.slick-initialized  .slick-prev {
    display: none !important;
}

.nav-logo {
	height: 61px;
    width: auto;
    position: absolute;
    left: 43px;
    top: 20px;
    z-index: 10;
}

.overlay .strapline { color: #fff; margin-top: 40px; }

.overlay footer { background: none; padding-top: 30vh; }

.nav-container {
  position: absolute;
  width: auto;
  height: auto;
  text-align: center;
  top: 10px;
  right: 10px;
  margin: 0 auto;
}

.button_container {
  position: relative;
  top: 30px;
  right: 30px;
  float: right;
  height: 27px;
  width: 30px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}

.button_container:hover {
  opacity: 1;
}

.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -ms-transform: translateY(11px) translateX(0) rotate(45deg);
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}

.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}

.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-11px) translateX(0) rotate(-45deg);
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}

.button_container span {
  background: #859A89;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}

.button_container span:nth-of-type(2) {
  top: 11px;
  width: 60%;
}

.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: #859A89;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}

.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
  z-index: 99;
}

.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 50px;
  font-family: 'Montserrat', serif;
  font-weight: 700;
  text-align: left;
}


@media screen and (max-width: 990px) {

	.hide-mobile { display: none !important; }
	.show-mobile { display: block !important; }

	header .logo { width: 150%; height: auto; padding-left: 0; }
	header .right { width: 50%; }
	header .client { margin-right: 0; }

	.footer-logo {
		width: 250px;
    	margin: -40px auto 40px;
	}

	.nav-container { right: 0; }

	.overlay .nav { margin-top: 25px; }

	#content #welcome h2 { font-size: 24px; line-height: 32px; }
	#content #welcome, #content #welcome p { font-size: 16px; line-height: 24px; width: 100%; margin: 0; }

	.col-6, header footer .right { width: 100%; }
	.overlay { overflow-y: scroll; }
	.overlay .nav-logo { left: 20px; }
	.overlay footer { margin-top: 0; padding: 120px 0 0 0; }
	.overlay footer .container-fluid { padding: 0; }

	#project, #property {
    background: #859A89;
    border-radius: 2rem;
    overflow: hidden;
    height: auto;
    margin: 15px;
	}
	#project .container-fluid, #project .container-fluid .col-6, #property .container-fluid, #property .container-fluid .col-6 {
    height: 50vh;
	}
	#project .container-fluid .col-6:last-of-type, #property .container-fluid .col-6:last-of-type {
    width: 100%;
	height: auto;
    clear: none;
    position: relative;
    top: 0;
    right: auto;
    z-index: 100;
    color: #fff;
    padding: 20px;
    float: left;
	}
	.col-10.offset-1 {
		width: calc(100% - 10px);
		margin-left: 5px;
	}
	#testimonial {
    border-radius: 2rem;
    overflow: hidden;
    height: auto;
    margin-bottom: 2rem;
	padding: 30px;
	}
	#testimonial h4 { font-size: 18px; }

	#team .col-3, .col-3 { width: calc(100% - 30px); padding: 0 15px 30px; text-align: center; }
	#team .col-9 { width: 100%; }
	#team h3 { margin-top: 0; }

	#team { margin: 0 0 30px 0; }
	#team .col-3 { width: 100%; }
	#team .slick-list { margin-right: -20px; margin-left: -20px; }
	#team .slick-slide { margin-right: 20px; margin-left: 20px; }

	#team .col-lg-6 .card { margin: 0; }
	#team .col-lg-6 .card .image { height: 50vh; }
	#team .col-12 .slick-list { margin-left: 0; margin-right: 0; }

	.slick-dots { margin-top: 30px; }
	.slick-dots li button:before, .slick-dots li.slick-active button:before  {
		font-size: 14px !important;
		top: 20px !important;
		color: #859A89 !important;
	}

	#team .col-12 .slick-dots { bottom: -12px; }

	footer .nav li, footer .client, footer .contact, footer .tel, footer .email { text-align: center; font-size: 18px; border-bottom: none; }
	footer .tel, footer .email { text-align: center; font-size: 18px; border-bottom: none; }
	footer .nav li { margin-bottom: 10px; }
	footer .nav li a img { height: 14px; }
	footer .right { text-align: center; }
	footer .copy { padding-top: 20px; font-size: 12px; line-height: 24px; }
	footer .copy a { margin-left: 15px; }
	footer .client { margin-top: 10px; border: 2px solid #fff; }
	footer .client img { height: 21px; }
	footer .contact { padding-top: 20px; }
	footer .tel img { height: 24px; }
	footer .email img { height: 18px; }
	footer .copy .icon img { wodth: 18px; float: none; margin-top: -2px; }
	footer .social { width: 100%; padding-top: 10px; text-align: center; }
	footer .social a { display: inline-block; }
	footer .social a:last-of-type img { margin-right: 0; }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}