/*
CSS Structure
CSS Grid by cssgrid.co
-------------------------------------------------------------
01. Normalise
02. Fonts
03. Header + Menu + Footer
04. Website Styles
05. Mobile, below 767 width
-------------------------------------------------------------
*/

/* 01. Normalise */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}
body {
	width:100%;
	height:auto;
	margin:0 auto;
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight:400;
	color:#2b2f2e;
	background-color:#ffffff;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html{min-height:100vh; background:#fbfbfb;}
b, strong{font-weight:bold;}
html {
	margin:0 auto;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* 02. Fonts */
@font-face {
    font-family: 'Koor Medium Thin';
    src: url('../fonts/KoorMediumThin.eot');
    src: url('../fonts/KoorMediumThin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KoorMediumThin.woff2') format('woff2'),
         url('../fonts/KoorMediumThin.woff') format('woff'),
         url('../fonts/KoorMediumThin.ttf')  format('truetype'),
         url('../fonts/KoorMediumThin.svg#Koor Medium Thin') format('svg');
}
.jarallax,.jarallax-keep-img {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img,.jarallax-keep-img > .jarallax-img{
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/* 03. Header + Menu + Footer */
.header {
	background-color:#fff;
	margin:0 auto;
	z-index:100;
	opacity:1;
	
	width:100%;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	position: relative;
	z-index:10;
}
.logo {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 300;
	font-weight:normal;
	z-index:3;
	position:relative;
	width:210px;
	max-width:100%;
	height:auto;
	padding:5px 0 10px 0;
}
.logo a {
	display:block;
	width:100%;
	height:100%;
}

a.logo-text {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
a.logo-text>img {
	width:100%;
}
a.logo-text>span {
    padding-left: 5px;
}
/* 04. Website Styles */
.wrapper, a, a img, .header, .nav, .nav-off, .line-nav-1, .line-nav-2, .line-nav-3, .line-nav-4, .logo, input, textarea, .gallery-image, .accordian, .owl-text {

}
a {
	text-decoration:none;
	outline:0;
	color:#2b2f2e;
}
img,
img a {
	font-size:14px;
	color:#999;
	border:0;
	margin:0;
	margin-bottom:-5px;
	overflow:hidden;
	padding:0;
	width:100%;
	height:auto;
}
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}
h1 {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: normal;
	font-style: normal;
	font-size:56px;
	line-height:56px;
	padding-bottom:20px;
}
.expertise-d-over-content h1 {
	padding-bottom:0;
}
h2 {
	font-family:iCiel Century Gothic Pro,'sans-serif';;
	font-weight: normal;
	font-style: normal;
	font-size:60px;
	line-height:90px;
}
.expertise h2 {
	text-align:center;
}
h3 {
	font-family:iCiel Century Gothic Pro,'sans-serif';;
	font-weight: normal;
	font-style: normal;
	font-size:40px;
	line-height:50px;
}
h4 {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 400;
	font-style: normal;
	font-size:25px;
	line-height:35px;
	color:#2b2f2e;
	text-align:center;
	letter-spacing:0.4px;
}
h5 {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 400;
	font-style: normal;
	font-size:25px;
	line-height:36px;
	color:#2b2f2e;
	text-align:center;
	letter-spacing:1.2px;
	text-align:left;
}
h5 strong,
p strong {
	font-weight:700;
}
div.address-icon {
    position: absolute;
    font-size: 22px;
    line-height: 1em;
}
span.address-icon{
	padding-right:0;
    width: 35px;
    height: 50px;
    display: block;
	background-image: url(../img/icon-pin-contact.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	-moz-background-size:contain;
	position:absolute;
	top:-10px;
	right:0;
}
h5.no-img a {
	background-image:none;
}
h6 {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	font-size:15px;
	color:#2b2f2e;
	letter-spacing:1.4px;
	text-transform:uppercase;
	line-height:27px;
}

p {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 400;
	letter-spacing:0.8px;
	font-style: normal;
	font-size:18px;
	line-height:1.5em;
	color:#2b2f2e;
	margin-bottom:1rem;
}
@media(max-width:992px){
	p {font-size:16px;}
}
.line-left {
	text-align:left;
	max-width:100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2b2f2e;
	padding-left:25px;
}
.project-left .line-left {
	padding-right:20px;
}
.line-left-about p {
	margin-bottom:28px;
	    text-align: justify;
}
@media(max-width:1200px){
	p{font-size:16px;}
}

@media(max-width:992px){
	p{font-size:14px;}
}
.hero {
	height:756px;
	background-color:#e7dbcb;
}
.hero.bg-white {
	background-color:#fff;
}
.home-d {
	width:100%;
}
.home-d img {
	width:756px;
	margin-bottom:0;
}
.home-d-bg img{
	background:#E7DBCB;
}
.hero-project {
	height:756px;
	background-color:#e7dbcb;
}
.hero-project .home-d img {
	width:900px;
}


.home-d-over {
	display:block;
	position:relative;
	overflow:hidden;
}
.home-d-over-right {
	position:absolute;
	top:40px;
	bottom:40px;
	right:35px;
	width:20px;
	z-index:2;
	max-height:685px;
	display:none;
}
.home-d-over-right.margin-top {
	margin-top:50px;
}
.home-d-over-right.margin-top-news {
	margin-top:140px;
}
.line-vert {
	width:1px;
	height:1%;
	background-color:#2b2f2e;
	margin-left:10px;
	position:absolute;
}
.circle-vert {
	width:13px;
	height:13px;
	background-color:#2b2f2e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:absolute;
	margin-left:4px;
}
.line-vert.bg-white,
.circle-vert.bg-white {
	background-color:#fff;
}
.home-d-over-content {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:725px;
}
@media(min-width:992px){
	.home-d-over-content{
		padding-right:2%;
	}
}
.expertise-d-over-content {
	position:absolute;
	top:0;
	bottom:0;
	left:14%;
	right:14%;
	z-index:2;
}
.expertise-d-over-content.project-left {
	left:6%;
}
.project-left .line-left {
	border-left-color: #fff;
	margin-top:40px;
}
.project-left .line-left p {
	color:#fff;
}
.home-d-graphic {
	position:absolute;
	width: calc(100% - 785px);
	height:106px;
	top:50%;
	margin-top:-53px;
}
.home-circle {
     width: 77px;
    height: 106px;
    position: absolute;
    right: 10%;
    top: 50%;
    background: transparent url(../img/o-new.png) no-repeat;
    background-size: 100% 100%;
    z-index: 10;
    transform: translateY(-50%);
}
.home-line {
	background-color:#2b2f2e;
	width:100%;
	height:1px;
	position:absolute;
	margin-top:54px;
}
.centered {
	display:table;
	width:100%;
	height:100%;
}
.centered-content {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}
.centered-content.text-left {
	text-align:left;
}
.d-desktop {
	display:block;
}
.d-mobile,
.line-left-mobile,
.graphic-mobile {
	display:none;
}
.banner-title {
    line-height: 1.2em;
}
@media(max-width:1025px){
.hero .banner-title {
    line-height: 1.2em;
    color: #fff;
}
}
.wrapper {
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
	background-color:#fff;
}
.wrapper.no-padd-top {
	padding-top:0;
}
.cover {
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}
.expertise-inner {
	background-color:#2b2f2e;
}
.section-over {
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom:-4px;
}
.section-over img {
	overflow:hidden;
	margin-bottom:-4px;
}
.section-over.img-right .img-main {
	margin-left:35%;
	width:65%;
}
.section-over.img-left .img-main {
	margin-left:0;
	width:65%;
}
.section-over-content {
	position:absolute;
	top:0;
	bottom:0;
}
.img-right .section-over-content {
	left:8%;
}
.img-left .section-over-content {
	right:13%;
}
.section-over-content h2 {
	color:#fff;
	font-size:80px;
	line-height:80px;
	z-index:3;
	position:relative;
}
.team-membe .img-main {
	position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    width: 50%;
}
.list-work {
    font-weight: bold;
}
.team-member .img-main {
	width: 50%;
}
.team-member .infor {
	width: 50%;
	padding-left: 15px;
}

@media(max-width:1200px){
	.team-member .img-main {
		width: 100%;
	}
	.team-member .infor {
		width: 100%;
		padding-left: 0;
	}
}
.team-member .infor ul {
    margin-left: 1.5rem;
    padding-left: 0rem;
}
.team-member .read-profile {
    letter-spacing: 6px;
    font-weight: bold;
}
.team-member .text-infor,.list-work,.team-member .read-profile{
    font-size: 14px;
}
.team-member .text-infor{text-align:justify;}
.img-main{
	position:relative;
}
.img-main-over {
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	background-color:#2b2f2e;
	height:40%;
	z-index:2;
}
.img-main-over.bg-grey {
	background-color:#e7dbcb;
}
.img-main-over.bg-white {
	background-color:transparent;
}
.img-main-over.bg-grey-about {
	background-color:#e7dbcb;
}
.img-plan {
	padding:17%;
	padding-left:10%;
	padding-right:20%;
	padding-bottom:0;
}
.chopped-tall {
	position:relative;
	overflow:hidden;
	display:block;
	height:130px;
}
.text-2-cols {
	padding-top:5%;
	padding-bottom:7%;
	width:60%;
	margin-left:35%;
}
.text-2-cols p {
	color:#fff;
	text-align:justify;
}
@media(min-width:1023px){
.text-2-cols .text-left:first-child>p {
    padding-left: 25px;
    position: relative;
}
.text-2-cols .text-left:first-child>p:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
}
.text-2-cols .text-left:last-child {
    padding-left: 80px;
}
}
.text-2-cols .text-left:last-child>p{margin-bottom:0;}
.text-2-cols-proj .text-left {
	border-left-color: #2b2f2e;
}
.text-2-cols .text-right,
.text-2-cols-proj .text-right {
	width:46%;
	margin-left:54%;
}
.text-2-cols-proj {
	width:90%;
}

.text-2-cols-about {
	margin-top:40px;
	margin-bottom:70px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2b2f2e;
}
.text-2-cols-about .text-left {
	width:46%;
	float:left;
	padding-left:26px;
}
.text-2-cols-about .text-right {
	width:46%;
	margin-left:54%;
}
.hero-about .hero-about-text .hero-about-description *{
	text-align:justify;
}
.text-2-cols-about p {
    text-align: justify;
}

.d-about {
	position:absolute;
	z-index:0;
	width:70%;
}
.d-about img {
    opacity: .1;
}
.hero-about-text {
	padding-top:8%;
}
.leadership-team {
	padding-top:8%;
}
.team-frame {
	margin-top:7%;
}
.team-member {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
}
.team-title {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	font-size:20px;
	line-height:30px;
	color:#2b2f2e;
	padding-top:15px;
	letter-spacing:0.4px;
	text-transform:uppercase;
	text-decoration:none;
}
.team-subtitle {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 200;
	font-style: normal;
	font-size:20px;
	line-height:30px;
	color:#2b2f2e;
	padding-bottom:15px;
	letter-spacing:0.4px;
	text-decoration:none;
}

@media(max-width:1400px){
	.team-member .infor {
		width: 65%;
		padding-left: 15px;
	}
	.team-member .img-main {
		width: 35%;
	}
	.team-title{font-size:18px;}
}
@media(max-width:576px){
	.team-member .infor {
		width: 100%;
		padding-left: 0;
	}
	.team-member .img-main {
		width: 100%;
	}
	.team-title{font-size:18px;}
}
.process {
	padding-top:9%;
	padding-bottom:9%;
	background-color:#2b2f2e;
}
.process-over {
	text-align:center;
	width:100%;
}
.process-over img {
	text-align:center;
	width:33%;
}
.process-over-content-left {
	position:absolute;
	margin-top:100px;
	left:20%;
}
.process-over-content-left h2 {
	color:#fff;
	position:relative;
	z-index:2;
}
.process-over-content-right {
	position:absolute;
	margin-top:100px;
	top:0;
	bottom:10%;
	left:60%;
	right:13%;
	z-index:2;
}
.process-over-content-right .line-left {
	border-left-color: #fff;
	width:auto;
	max-width:1000px;
}
.process-over-content-right .line-left p {
	color:#fff;
}
.arrow-down {
	display:block;
	text-align:right;
	padding-top:20px;
}
.arrow-down img {
	width:60px;
}

/*
.name {
	display:block;
	background-color:#cdf;
}
.name2 {
	display:block;
}
.row1,
.row2 {
	display:inline-block;
	height:100px;
	min-width:20px;
}
.row1:nth-of-type(2),
.row2:nth-of-type(2) {
	background-color:#999;
}
.row1:nth-of-type(3),
.row2:nth-of-type(3) {
	background-color:#666;
}
.row1:nth-of-type(4),
.row2:nth-of-type(4) {
	background-color:#333;
}*/

.name {
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
from {
	opacity:0;
	transform: rotateY(90deg);
	webkit-transform: rotateY(90deg);
  }
to {
	opacity:1;
	transform: rotateY(0);
	webkit-transform: rotateY(0);
}
}
@keyframes example {
from {
	opacity:0;
	transform: rotateY(90deg);
	webkit-transform: rotateY(90deg);
}
to {
	opacity:1;
	transform: rotateY(0);
	webkit-transform: rotateY(0);
}
}

.char1,
.char2,
.char3,
.char4,
.char5,
.char6,
.char7,
.char8,
.char9,
.char10,
.char11,
.char12,
.char13,
.char14,
.char15,
.char16,
.char17,
.char18,
.char19,
.char20,
.char21,
.char22,
.char23,
.char24,
.char25,
.char26,
.char27,
.char28,
.char29,
.char30,
.char31,
.char32,
.char33,
.char34,
.char34,
.char35,
.char36,
.char37,
.char38,
.char39,
.char40,
.char41,
.char42,
.char43,
.char44,
.char45,
.char46,
.char47,
.char48,
.char49,
.char50,
.char51,
.char52,
.char53,
.char54,
.char55,
.char56,
.char57,
.char58,
.char59,
.char60,
.char61,
.char62,
.char63,
.char64,
.char65,
.char66,
.char67,
.char68,
.char69,
.char70,
.char71,
.char72,
.char73,
.char74,
.char75,
.char76,
.char77,
.char78,
.char79,
.char80,
.char81,
.char82,
.char83,
.char84,
.char85 {
	-webkit-animation-name: example;
	animation-name: example;
	display:inline-block;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	min-width:15px;
	vertical-align:text-top;
}
#txt-home .char7,
#txt-home .char19 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-expertise .char24,
#txt-expertise .char57 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-projects .char25,
#txt-projects .char49 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-resort-sonasea .char12 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-resort-vogue .char13 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-resort-amari .char6 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-resort-kem .char10 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-resort-sun .char12 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-resort-cam .char9 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-hospitality-pullman .char14,
#txt-project-hospitality-pullman .char30 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-hospitality-novotel .char15,
#txt-project-hospitality-novotel .char31 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-hospitality-novotel-vogue .char15,
#txt-project-hospitality-novotel-vogue .char28 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-hospitality-vogue .char13,
#txt-project-hospitality-vogue .char22 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-hospitality-madcow .char8 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-hospitality-sun .char12,
#txt-project-hospitality-sun .char27 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-res-danang .char7 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}
#txt-project-comm-vertex .char11 {
	display:block;
	width:20px;
	height:1px;
	margin-top:-10px;
}

.spinChar {
	display:inline-block;
	float:left;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	vertical-align:text-top;
}
.delaychar1 {animation-delay: 0.1s; }
.delaychar2 {animation-delay: 0.15s; }
.delaychar3 {animation-delay: 0.2s; }
.delaychar4 {animation-delay: 0.25s; }
.delaychar5 {animation-delay: 0.3s; }
.delaychar6 {animation-delay: 0.35s; }
.delaychar7 {animation-delay: 0.4s; }
.delaychar8 {animation-delay: 0.45s; }
.delaychar9 {animation-delay: 0.5s; }
.delaychar10 {animation-delay: 0.6s; }
.delaychar11 {animation-delay: 0.65s; }
.delaychar12 {animation-delay: 0.7s; }
.delaychar13 {animation-delay: 0.75s; }
.delaychar14 {animation-delay: 0.8s; }
.delaychar15 {animation-delay: 0.85s; }
.delaychar16 {animation-delay: 0.9s; }
.delaychar17 {animation-delay: 0.95s; }
.delaychar18 {animation-delay: 1.0s; }
.delaychar19 {animation-delay: 1.05s; }
.delaychar20 {animation-delay: 1.1s; }

.char1 {animation-delay: 1.1s; }
.char2 {animation-delay: 1.15s; }
.char3 {animation-delay: 1.2s; }
.char4 {animation-delay: 1.25s; }
.char5 {animation-delay: 1.3s; }
.char6 {animation-delay: 1.35s; }
.char7 {animation-delay: 1.4s; }
.char8 {animation-delay: 1.45s; }
.char9 {animation-delay: 1.5s; }
.char10 {animation-delay: 1.6s; }
.char11 {animation-delay: 1.65s; }
.char12 {animation-delay: 1.7s; }
.char13 {animation-delay: 1.75s; }
.char14 {animation-delay: 1.8s; }
.char15 {animation-delay: 1.85s; }
.char16 {animation-delay: 1.9s; }
.char17 {animation-delay: 1.95s; }
.char18 {animation-delay: 2.0s; }
.char19 {animation-delay: 2.05s; }
.char20 {animation-delay: 2.1s; }
.char21 {animation-delay: 2.15s; }
.char22 {animation-delay: 2.2s; }
.char23 {animation-delay: 2.25s; }
.char24 {animation-delay: 2.3s; }
.char25 {animation-delay: 2.35s; }
.char26 {animation-delay: 2.4s; }
.char27 {animation-delay: 2.45s; }
.char28 {animation-delay: 2.5s; }
.char29 {animation-delay: 2.55s; }
.char30 {animation-delay: 2.6s; }
.char31 {animation-delay: 2.65s; }
.char32 {animation-delay: 2.7s; }
.char33 {animation-delay: 2.75s; }
.char34 {animation-delay: 2.8s; }
.char35 {animation-delay: 2.85s; }
.char36 {animation-delay: 2.9s; }
.char37 {animation-delay: 2.95s; }
.char38 {animation-delay: 3.0s; }
.char39 {animation-delay: 3.05s; }
.char40 {animation-delay: 3.1s; }
.char41 {animation-delay: 3.15s; }
.char42 {animation-delay: 3.2s; }
.char43 {animation-delay: 3.25s; }
.char44 {animation-delay: 3.3s; }
.char45 {animation-delay: 3.35s; }
.char46 {animation-delay: 3.6s; }
.char47 {animation-delay: 3.65s; }
.char48 {animation-delay: 3.7s; }
.char49 {animation-delay: 3.75s; }
.char50 {animation-delay: 3.8s; }
.char51 {animation-delay: 3.85s; }
.char52 {animation-delay: 3.9s; }
.char53 {animation-delay: 3.95s; }
.char54 {animation-delay: 4.0s; }
.char55 {animation-delay: 4.05s; }
.char56 {animation-delay: 4.1s; }
.char57 {animation-delay: 4.15s; }
.char58 {animation-delay: 4.2s; }
.char59 {animation-delay: 4.25s; }
.char60 {animation-delay: 4.3s; }
.char61 {animation-delay: 4.35s; }
.char62 {animation-delay: 4.4s; }
.char63 {animation-delay: 4.45s; }
.char64 {animation-delay: 4.5s; }
.char65 {animation-delay: 4.55s; }
.char66 {animation-delay: 4.6s; }
.char67 {animation-delay: 4.65s; }
.char68 {animation-delay: 4.7s; }
.char69 {animation-delay: 4.75s; }
.char70 {animation-delay: 4.8s; }
.char71 {animation-delay: 4.85s; }
.char72 {animation-delay: 4.9s; }
.char73 {animation-delay: 4.95s; }
.char74 {animation-delay: 5.0s; }
.char75 {animation-delay: 5.05s; }
.char76 {animation-delay: 5.1s; }
.char77 {animation-delay: 5.05s; }
.char78 {animation-delay: 5.2s; }
.char79 {animation-delay: 5.25s; }
.char80 {animation-delay: 5.3s; }
.char81 {animation-delay: 5.35s; }
.char82 {animation-delay: 5.4s; }
.char83 {animation-delay: 5.45s; }
.char84 {animation-delay: 5.5s; }
.char85 {animation-delay: 5.55s; }


/*
.item:nth-child(5n+1) { animation-delay: 0.25s; }
.item:nth-child(5n+2) { animation-delay: 0.5s; }
.item:nth-child(5n+3) { animation-delay: 0.75s; }
.item:nth-child(5n+4) { animation-delay: 1s; }
.item:nth-child(5n+5) { animation-delay: 1.25s; }
*/

section {
	z-index:2;
	position:relative;
}
.whatwedo {
	text-align:center;
	padding-top:9%;
	margin-left:12%;
	margin-right:12%;
	padding-bottom:9%;
}
.do {
	width:29.3333%;
	float:left;
	margin-left:2%;
	margin-right:2%;
}
.do-over {
	display:block;
	position:relative;
	overflow:hidden;
	padding-bottom:5px;
}
.do-over-content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	margin:0 auto;
	text-align:center;
}
.do-over-content h3 {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    padding:0 30px;
    font-size: 34px;
    line-height: 1.5em;
}
.do-over-content.h3-black h3 {
	color:#2b2f2e;
}
/* .hex { */
    /* margin-top: 30px; */
    /* width: 104px; */
    /* height: 60px; */
    /* background-color: #000; */
    /* border-color:  #000; */
    /* position: relative; */
    /* display: inline-block; */
/* } */
/* .hex:before { */
    /* content: " "; */
    /* width: 0; height: 0; */
    /* border-bottom: 30px solid; */
    /* border-color: inherit; */
    /* border-left: 52px solid transparent; */
    /* border-right: 52px solid transparent; */
    /* position: absolute; */
    /* top: -30px; */
/* } */
/* .hex:after { */
    /* content: ""; */
    /* width: 0; */
    /* position: absolute; */
    /* bottom: -30px; */
    /* border-top: 30px solid; */
    /* border-color: inherit; */
    /* border-left: 52px solid transparent; */
    /* border-right: 52px solid transparent; */
/* } */

.whatwedo-arrow {
	padding-top:70px;
	padding-bottom:60px;
	text-align:center;
}
.whatwedo-arrow img {
	width:54px;
}
.whatwedo-text {
	width:90%;
	margin-left:5%;
}
.whatwedo-text p {
    text-align: justify;
}
.articles-frame {
	margin-top:8%;
	margin-bottom:7%;
}
.gallery-sectors .article {
	width:88%;
	margin-left:6%;
	margin-right:6%;
}
.article.inner {
	float:none;
	width:94%;
	margin-left:3%;
	margin-right:3%;
}
.article img {
	margin-bottom:15px;
}
.article a img:hover {
	opacity:0.7;
}
.article-headline {
	text-transform:uppercase;
	padding-top:8px;
	padding-bottom:8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2b2f2e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2b2f2e;
	margin-bottom:35px;
}
.article-headline.text-white {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.articles-pagination{
	 justify-content: center;
    align-items: center;
}
.page-item {
    margin: 0 5px;
}
.page-link{
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
	border-radius: 50% !important;
	    color: #8f8f8f;
}
.page-link:hover{
	 color: #333;
}
.active>.page-link, .page-link.active{
	background:#333;
	border-color:#333;
	color: #ffffff;
}
.project-left .article-headline {
	margin-bottom:20px;
}



.article-headline.text-white .article-date {
	color:#fff;
	text-transform:uppercase;
}
.article-social {
	float:right;
}
.article-social a {
	font-size:22px;
	line-height:28px;
	padding-left:12px;
}
.article-social a:hover {
	opacity:0.6;
}
.article-info{margin-top:10px;}
.article-date {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 600;
	font-style: normal;
	font-size:24px;
	line-height:28px;
	letter-spacing:1px;
	float:left;
}
.article-title {
    font-family: iCiel Century Gothic Pro,'sans-serif';
    font-style: normal;
    color: #2b2f2e;
    text-decoration: none;
    transition: color .25s ease-in-out;
    text-decoration: none;
    display: -webkit-box;
    height: 49px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-weight: 500;
    line-height: 1.3em;
    color: #2b2f2e000;
    font-size: 18px;
    margin-bottom: 0;
}

.article.inner .article-title h1{font-size:32px; padding:0;line-height: 1.5em;}
.article-more {
	font-family: iCiel Century Gothic Pro,'sans-serif';
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    line-height: 25px;
    color: #2b2f2e;
    letter-spacing: 2px;
    margin-top: 12px;
    text-decoration: none;
    padding-top: 10px;
    border-top: 1px solid;
    padding-bottom: 10px
}
.article-more a {
	display:inline-block;
	padding-right:20px;
	background-image: url(../img/arrow-more.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:7px;
	-moz-background-size:7px;
}
.article-more a:hover {
	padding-right:25px;
}
.article.inner .line-left {
	max-width:none;
	width:90%;
	margin-bottom:50px;
}
.article.inner .line-left p {
	margin-bottom:20px;
}
.images-x1
.images-x2 {
}
.images-x2 .image-left {
	width:49%;
	float:left;
	padding-bottom:3%;
}
.images-x2 .image-right {
	width:49%;
	margin-left:51%;
	padding-bottom:3%;
}

.images-x1 .image-1 {
	padding-bottom:3%;
}

.impression {
	position:relative;
	color:#fff;
	opacity:1;
	margin-top:-55px;
	float:right;
	text-align:right;
	padding-right:12px;
}
.impression-project {
	position:relative;
	color:#fff;
	font-size:17px;
	letter-spacing:0.5px;
	font-weight:200;
	opacity:1;
	margin-top:-40px;
	float:right;
	text-align:right;
	padding-right:22px;
}
.prev-next {
	padding-top:70px;
	padding-bottom:40px;
	text-align:center;
	margin:0 auto;
}
.prev,
.next {
	display:inline-block;
	width:305px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
.prev a,
.next a {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	font-size:15px;
	line-height:42px;
	color:#2b2f2e;
	letter-spacing:1.4px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	border: 1px solid #2b2f2e;
}
.prev a:hover,
.next a:hover {
	color:#fff;
	background-color:#2b2f2e;
	border: 1px solid #2b2f2e;
}


.contact-content-left {
	position:absolute;
	top:0;
	bottom:0;
	left:8%;
	width:35%;
	z-index:2;
}
.contact-content-right {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:40%;
	z-index:2;
}
.address-mob {
	display:none;
}

/* Projects */

.textactive {
	display:block;
}
.textinactive {
	display:none!important;
}

.projects-wrap {
	padding-bottom:5%;
}
.project-wrap {
	padding-bottom:10%;
}
.project {
	margin-bottom:10px;
}
.projects h1 {
	color:#fff;
}
.articles-frame h2 {
	padding-left:3%;
}
.articles-frame .chopped {
	margin-top:20px;
	margin-bottom:60px;
}
.article-date.float-none {
	float:none;
}
.article-headline.inline {
	display:inline-block;
}
.article-headline.inline .article-date {
	font-size:25px;
	line-height:30px;
	letter-spacing:2.5px;
}
.article.project img {
}
.article.project .article-more {
	padding-top:0;
	/*padding-bottom:12%;*/
}
.articles-frame.projects {
	margin-bottom:0;
}
.project-cats {
	font-weight:200;
	letter-spacing:3.1px;
	font-size:18px;
	text-transform:uppercase;
	padding-top:100px;
	padding-bottom:40px;
	margin-left:31%;
}
.project-intro {
	display:block;
	position:relative;
	overflow:hidden;
}
.project-intro-text {
	position:absolute;
	top:8%;
	z-index:2;
	left:14%;
}
.project-intro-img {
	margin-left:31%;
}

.project-intro-text h2 {
	color:#2b2f2e;
	font-size:120px;
	line-height:140px;
	z-index:3;
	position:relative;
}
.project-info {
	height:200px;
}
.project-block {
	padding-top:8%;
}
.project-block.last {
	padding-top:7%;
	padding-bottom:8%;
}
.text-villas.textinactive {
	/*display:block!important;*/
}
.text-villas {
}
.text-villas .villas-title {
	text-transform:uppercase;
	display:inline-block;
	margin-right:50px;
}
.text-villas .villas-title.margin-right-none {
	margin-right:0;
}
.article-headline.inline.villas-title .article-date {
	font-size:24px;
	font-weight:600;
	letter-spacing:4px;
}
.text-villas .line-left {
	vertical-align:top;
	display:inline-block;
	width:45%;
	max-width:none;
	padding-top:0; /* Added Feb 5 */
	margin-top:0; /* Added Feb 5 */
}

.left30 {
	margin-left:31%;
	width:36%;
}
.left31 {
	margin-left:31%;
	width:69%;
}
.left10 {
	margin-left:8%;
	width:66%;
}
.left10-second {
	margin-left:8%;
	width:50%;
}
.left10-third {
	margin-left:20%;
	width:49%;
}
.left18 {
	margin-left:17%;
	width:74%;
}
.left20 {
	margin-left:20%;
	width:69%;
}
.img-float-left {
	width:67%;
	margin-left:9%;
}
.img-float-right {
	margin-left:20%;
}
.img-big-sml-left {
	float:left;
	width:56%;
}
.img-big-sml-right {
	/*padding-top:9%;*/
	width:38%;
	margin-left:62%;
}
.img-big-sml-right .img-main {
	top:20%;
}
.img-big-sml-mid-left {
	float:left;
	width:50%;
}
.img-big-sml-mid-right {
	width:44%;
	margin-left:56%;
}

.img-big-sml-lrg-left {
	float:left;
	width:67%;
}
.img-big-sml-lrg-right {
	/*padding-top:9%;*/
	width:27%;
	margin-left:73%;
}



.spc {
	width:100%;
	padding-top:20%;
}
.spc-sml {
	width:100%;
	padding-top:15%;
}
.spc-med {
	width:100%;
	padding-top:30%;
}
.spc-med-lrg {
	width:100%;
	padding-top:40%;
}
.spc-lrg {
	width:100%;
	padding-top:50%;
}
.spc-high {
	width:100%;
	padding-top:65%;
}

.left202 {
	margin-left:17%;
	width:38%;
}
.left202 .line-left {
	width: calc(100% - 210px);
}
.left203 {
	margin-left:17%;
	width:32%;
}
.left203 .line-left {
	width: calc(100% - 1px);
}
.left50 {
	margin-left:50%;
	width:27%;
}
.left50 .line-left {
	width: calc(100% - 1px);
}

.img-sml-big {
	width:84%;
	margin-left:8%;
}
.img-sml-big.full {
	width:100%;
	margin-left:0;
}
.img-sml-big-left {
	/*padding-top:25%;*/
	float:left;
	width:36%;
}
.img-sml-big-right {
	width:57%;
	margin-left:43%;
}
.left44 {
	margin-left:44%;
	width:42%;
}
.left43 {
	margin-left:43%;
	width:42%;
}
.left43 .line-left {
	width: calc(100% - 210px);
}
.left44 .line-left {
	width: calc(100% - 210px);
}
.images-2-cols-left {
	float:left;
	width:50%;
}
.images-2-cols-left-second {
	/*margin-top:14%;*/
	margin-left:20%;
	margin-right:10%;
}
.images-2-cols-right {
	/*padding-top:14%;*/
	width:44%;
	margin-left:56%;
}
.images-2-cols-right-second {
	width:80%;
}
.left0 {
	padding-top:14%;
	padding-bottom:14%;
	width:83%;
}
.left0 .line-left {
	width: calc(100% - 210px);
}
.chopped-villa {
	position:relative;
	overflow:hidden;
	display:block;
	height:30px;
}
.images-2-cols-margin-right {
	width:87%;
}
.images-2-cols-margin-right .image-left {
	width:48%;
	float:left;
}
.images-2-cols-margin-right .image-right {
	width:48%;
	margin-left:52%;
}

.images-2-cols-margin-left-zz {
	margin-left:10%;
}
.images-2-cols-margin-left-zz .image-left {
	/*padding-top:10%;*/
	width:48%;
	float:left;
}
.images-2-cols-margin-left-zz .image-right {
	width:48%;
	margin-left:52%;
}
.image-50-pcnt {
	width:50%;
}
.image-mid-right {
	margin-left:35%;
	width:50%;
}
.image-middle {
	margin-left:20%;
	width:60%;
}
.image-full-margin-left {
	margin-left:12%;
	width:88%;
}
.image-left-70 {
	width:67%;
}
.image-left-80 {
	width:80%;
}
.images-2-cols-right-smaller {
	width:100%;
	position:relative;
}
.images-2-cols-right-smaller .image-left {
	width:50%;
}
.images-2-cols-right-smaller .image-right {
	position:absolute;
	top:0;
	bottom:0;
	left:60%;
	width:31%;
}

.images-2-cols-left-smaller {
	width:100%;
	position:relative;
}
.images-2-cols-left-smaller .image-left {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:38%;
}
.images-2-cols-left-smaller .image-right {
	width:55%;
	margin-left:45%;
}
.images-2-cols-left-smaller-padding-left {
}
.images-2-cols-left-smaller-padding-left .image-left {
	width:38%;
	float:left;
	/*padding-top:7%;*/
}
.images-2-cols-left-smaller-padding-left .image-right {
	width:56%;
	margin-left:44%;
}
.image-right-70 {
	width:69%;
	margin-left:31%;
}
.images-2-cols-left-smaller-padding-right {
	width:86%;
	margin-left:7%;
}
.images-2-cols-left-smaller-padding-right .image-left {
	width:38%;
	float:left;
}
.images-2-cols-left-smaller-padding-right .image-right {
	width:55%;
	margin-left:45%;
	/*padding-top:8%;*/
}
.images-2-cols-left-smaller-padding-right .line-left {
	max-width:none;
	width:auto;
	margin-top:20%;
}
.text-2-cols-project {
	width:72%;
	margin-left:14%;
}
.text-2-cols-project p {
	margin-bottom:15px;
}
.text-2-cols-project-left {
	width:48%;
	float:left;
}
.text-2-cols-project-right {
	width:48%;
	margin-left:52%;
}
.text-2-cols-project-line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2b2f2e;
	padding-left:25px;
	display:table;
}
.image-half-text-block-right {
	position:relative;
}
.image-half-text-block-right .image-left {
	width:50%;
	float:left;
}
.image-half-text-block-right .text-right {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	right:0;
}
.image-half-text-block-right .text-right .text-villas .villas-title {
	margin-right:40px;
}
.image-70-text-block-right {
	position:relative;
	width:94%;
	margin-left:6%;
}
.image-70-text-block-right .image-left {
	width:70%;
	float:left;
}
.image-70-text-block-right .text-right {
	position:absolute;
	top:0;
	bottom:0;
	left:70%;
	right:0;
}
.image-half-text-block-left {
	position:relative;
}
.image-half-text-block-left .image-right {
	width:50%;
	float:left;
	margin-left:50%;
}
.image-half-text-block-left .text-left {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:50%;
}
.image-half-text-block-left .text-right .text-villas .villas-title {
	margin-right:40px;
}

.image-70-text-block-left {
	position:relative;
	width:94%;
}
.image-70-text-block-left .image-right {
	width:70%;
	float:left;
	margin-left:30%;
}
.image-70-text-block-left .text-left {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:30%;
}
.image-half-text-block-left .text-left .text-villas .line-left {
	width:60%;
	max-width:500px;
}
.text-villas.line-push .article-headline,
.text-villas.textactive .article-headline {
	margin-right:10px;
}
/*.text-villas.line-push .line-left,
.text-villas.textactive .line-left {
	width: calc(100% - 220px);
	max-width:none;
	margin-left:20px;
}
.text-villas.line-push2 .line-left {
	width: calc(100% - 170px);
	max-width:none;
}
.text-villas.line-push3 .line-left {
	width: calc(100% - 400px);
	max-width:none;
}
.text-villas.line-push4 .line-left {
	width: calc(100% - 285px);
	max-width:none;
}
.left20 .line-push3 .line-left {
	max-width:540px;
}
.left31 .line-push .line-left {
	width:auto;
	max-width:540px;
}*/
.text-villas.line-push .line-left {
	/*width: calc(100% - 220px);*/
	max-width:none;
	margin-left:20px;
}
.text-villas.line-push2 .line-left {
	/*width: calc(100% - 170px);*/
	max-width:none;
}
.text-villas.line-push3 .line-left {
	/*width: calc(100% - 400px);*/
	max-width:none;
}
.text-villas.line-push4 .line-left {
	/*width: calc(100% - 285px);*/
	max-width:none;
}
.left20 .line-push3 .line-left {
	/*max-width:540px;*/
}
.left31 .line-push .line-left {
	width:auto;
	/*max-width:540px;*/
}



/* Owl */

.gallery {
	margin-top:60px;
	display:block;
	position:relative;
	overflow:hidden;
	background-image: url(../img/accordian.jpg);
	background-repeat: no-repeat;
	background-position: center -111px!important;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position:center;
}
.gallery.no-margin {
	margin-top:0;
	background-image:none;
}
.gallery-image {
	display:block;
	position:relative;
	overflow:hidden;
	height:auto;
	position:relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	opacity:1;
	margin-left:23%;
	width:54%;
}
.gallery-image img,
.gallery-image-project img {
	position:relative;
	height:auto;
	overflow:hidden;
}
.gallery-image-project {
	display:block;
	position:relative;
	overflow:hidden;
	height:auto;
	position:relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	opacity:1;
	margin-left:17%;
	width:66%;
}
.opacity-on {
	opacity:1;
	width:94%;
	margin-left:3%;
	max-width:840px;
}
.gallery-image .accordian {
	position:absolute;
	top:0;
	bottom:114px;
	left:0;
	right:0;
	z-index:2;
	background-image: url(../img/accordian.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.opacity-on .accordian {
	opacity:0;
}
.gallery .owl-nav {
	z-index:5;
	width:54%;
	height:0;
	top:calc(50% - 80px);
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}
.gallery-project .owl-nav {
	z-index:5;
	width:66%;
	height:0;
	top: calc(50% - 30px);
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}
.gallery.owl-carousel .owl-nav button.owl-prev {
	width:50px;
	height:50px;
	color:transparent;
	display:block;
	background-image: url(../img/arrow-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:46px;
	-moz-background-size:46px;
	z-index:5;
	margin-left:-30px;
}
.gallery.owl-carousel .owl-nav button.owl-next {
	width:50px;
	height:50px;
	color:transparent;
	display:block;
	background-image: url(../img/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:46px;
	-moz-background-size:46px;
	z-index:5;
	top:50%;
	float:right;
	margin-top:-50px;
	margin-right:-30px;
}
.gallery-project .owl-prev {
	width:50px;
	height:50px;
	color:transparent;
	display:block;
	background-image: url(../img/arrow-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:46px;
	-moz-background-size:46px;
	z-index:5;
	margin-left:-30px;
}
.gallery-project .owl-next {
	width:50px;
	height:50px;
	color:transparent;
	display:block;
	background-image: url(../img/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:46px;
	-moz-background-size:46px;
	z-index:5;
	top:50%;
	float:right;
	margin-top:-50px;
	margin-right:-30px;
}


.sector-image {
	display:block;
	position:relative;
	overflow:hidden;
	height:auto;
	position:relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	opacity:1;
	margin-left:23%;
	width:54%;
}

.gallery-sectors {
	max-height:550px;
}
.gallery-sectors .owl-nav {
	z-index:5;
	width:100%;
	height:0;
	top:calc(36% - 80px);
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}
.gallery-sectors.owl-carousel .owl-nav button.owl-prev {
	width:50px;
	height:50px;
	color:transparent;
	display:block;
	background-image: url(../img/arrow-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:46px;
	-moz-background-size:46px;
	z-index:5;
	margin-left:10px;
}
.gallery-sectors.owl-carousel .owl-nav button.owl-next {
	width:50px;
	height:50px;
	color:transparent;
	display:block;
	background-image: url(../img/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:46px;
	-moz-background-size:46px;
	z-index:5;
	top:50%;
	float:right;
	margin-top:-50px;
	margin-right:10px;
}




ul.switcher {
	position:relative;
	z-index:1;
	width:100%;
	height:40px;
	text-align:center;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
ul.switcher li {
	display:inline-block;
	width:63px;
	height:3px;
	border:0px;
	padding-left:3px;
	padding-right:3px;
}
ul.switcher li a {
	display:block;
	width:63px;
	height:14px;
	/*-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;*/
	opacity:0.5;
}
ul.switcher li a:hover,
ul.switcher li a.on {
	opacity:1;
}
ul.switcher li a span {
	display:block;
	width:63px;
	height:3px;
}
ul.switcher li a:hover span,
ul.switcher li a.on span {
	display:block;
	width:63px;
	height:3px;
	background-color:#fff;
}

.owl-text {
	font-family:iCiel Century Gothic Pro,'sans-serif';;
	font-weight: normal;
	font-style: normal;
	font-size:50px;
	line-height:65px;
	color:#2b2f2e;
	padding-top:50px;
	text-align:center;
	display:block;
	opacity:1;
}
.opacity-on .owl-text {
	opacity:1;
}

.swipe {
	display:block;
	position:relative;
	overflow:hidden;
}
.swipe-left-vertical-gallery {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:1;
	z-index:6;
	background-color:#fff;
}
.chopped {
	overflow:hidden;
	display:block;
	margin-bottom:1px;
}
.chopped-hero {
	overflow:hidden;
	display:block;
	margin-bottom:1px;
}
.text-ani {
	padding-top:100%;
}
.title-sub {
    font-size: 26px;
    font-weight: 500;
}
.h1-mobile {
	display:none;
}

.section-text-light .text-ani{
	color:#fff;
}
.section-text-light .title-light{
	font-weight: 300;
}
.footer {
	z-index:1;
	position:relative;
	background-color:#fbfbfb;
}
.footer-logo img {
	width:200px;
}
.footer-line {
	padding-bottom:40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2b2f2e;
}
.footer-noline {
	padding-top:40px;
}
.footer-nav {
	float:left;
	width:35%;
}
.footer-subscribe {
	float:left;
	width:65%;
	text-align:right;
}
.footer-subscribe-inner {
	width:100%;
	max-width:350px;
	float:right;
	text-align:left;
}
.footer-address-inner {
	width:100%;
	max-width:350px;
	float:right;
	text-align:left;
}
.footer-address-inner a {
    position: relative;
    margin-top: 10px;
    display: block;
}
.footer-address-inner p {
    font-family: iCiel Century Gothic Pro,'sans-serif';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 1px;
    margin-left: 30px;
    margin-bottom: 5px;
}
a.address {padding-right:50px; display:inline-block;}
.address-icon img {
	width:18px;
}

.footer-nav ul {
	list-style:none;
}
.footer-nav ul li {
	text-align:left;
	display:block;
	position:relative;
	margin-left:0;
	margin-right:0;
}
.footer-nav ul li a {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	font-size:15px;
	color:#2b2f2e;
	letter-spacing:1.4px;
	text-transform:uppercase;
	display:inline-block;
	text-decoration:none;
	line-height:1.5em;
	position:relative;
}
.footer-nav ul li a:hover,
.footer-nav ul li.current-news-item a,
.footer-nav ul li.current-menu-item a {
	color:#8e8d8d;
}
.footer-social a {
	color:#2b2f2e;
	font-size:25px;
	text-align:center;
	float:none;
	display:inline-flex;
	padding-right:10px;
}
.footer-social a:hover {
	color:#333;
}
.fa-linkedin-in {
	vertical-align:bottom;
	margin-bottom:1px;
}
.fa-instagram {
	vertical-align:bottom;
	margin-bottom:2px;
}
.fa-facebook-f {
	vertical-align:bottom;
	margin-bottom:3px;
}
.fa-twitter {
	vertical-align:bottom;
	margin-bottom:2px;
}
.fa-pinterest-p {
	vertical-align:bottom;
	margin-bottom:2px;
}
.fa-reddit-alien {
	vertical-align:bottom;
	margin-bottom:2px;
}
.fa-tumblr {
	vertical-align:bottom;
	margin-bottom:2px;
}

form {
	margin:0;
	padding:0;
}
input {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 400;
	font-style: normal;
	font-size:15px;
	color:#2b2f2e;
	padding: 2px 10px;
	width:100%;
	height:40px;
	letter-spacing:1.4px;
	display:inline-block;
	text-decoration:none;
	line-height:27px;

	-webkit-appearance: none;
	background-color:#f1f1f1;
	border-radius:0;
	border:0;
	border-bottom: 1px solid #2b2f2e;
	outline:none;
	    transition: none;
}
input:invalid,
input:focus:invalid,
textarea:invalid,
textarea:focus:invalid {
	box-shadow:none !important;
	border-bottom: 1px solid #ff9933;
}
input:invalid,
textarea:invalid {
	box-shadow:none !important;
	border-bottom: 1px solid #333;
}
input:focus,
input:valid,
input:focus:valid,
textarea:focus,
textarea:valid,
textarea:focus:valid {
	box-shadow:none !important;
	border-bottom: 1px solid #66cc66;
}
.submit {
	color:#fff;
	background-color:#2b2f2e;
	width:100%;
	height:42px;
	cursor:pointer;
	text-align:left;
	border:0;
	outline:0;
	margin-top:30px;
	text-align:center;
	border-bottom: 1px solid #333;
}
.footer-subscribe .submit {margin-top:15px;}
.submit:hover,
input.focus {
	color:#fff;
	background-color:#2b2f2e;
	border-bottom: 1px solid #333;
}
input::-webkit-input-placeholder,
input::-ms-input-placeholder {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	color:#616161;
}
input::-moz-placeholder,
input:-moz-placeholder {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	color:#616161;
	opacity:1;
}

/* Submit Form */

.submit-form {
	background-color:#2b2f2e;
	padding:8%;
}
.submit-form-inner .line-left {
	color:#fff;
	border-left-color: #fff;
 width: 800px;
    max-width: 100%;
}
.submit-form-inner .line-left p {
	color:#fff;
	line-height:1.5em;
}
.submit-form h1,.submit-form .title{
	color:#fff;
	font-weight:bold;
}
.submit-form-form {
	padding-top:50px;
}
.submit-form-form.padd-top-less {
	padding-top:20px;
}
.submit-form-form input {
    font-family: iCiel Century Gothic Pro,'sans-serif';
    font-weight: 300;
    font-style: normal;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.3px;
    width: 100%;
    -webkit-appearance: none;
    background-color: #2b2f2e;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #fff;
    outline: none;
    margin-bottom: 20px;
    padding: 5px 0;
}
.submit-form-form textarea {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 300;
	font-style: normal;
	color:#fff;
	font-size:18px;
	letter-spacing:0.3px;
	width:100%;
	height:150px;
	-webkit-appearance: none;
	background-color:#2b2f2e;
	border-radius:0;
	border:0;
	border-bottom: 1px solid #fff;
	outline:none;
	margin-bottom:30px;
	padding:20px;
	padding-top:18px;
	padding-bottom:18px;
	padding-left:0;
	padding-right:0;
}
.submit-form-form .submit-form {
    font-family: iCiel Century Gothic Pro,'sans-serif';
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 21px;
    letter-spacing: 0.5px;
    width: auto;
    -webkit-appearance: none;
    background-color: #2b2f2e;
    border-radius: 0;
    border: 0;
    border: 1px solid #fff;
    outline: none;
    padding: 10px 15px;
    cursor: pointer;
    min-width: 200px;
    max-width: 100%;
	height:auto;
}
.mandatory {
	color:#fff;
	padding-left:3%;
	letter-spacing:0.8px;
	font-size:16px;
}
.send {
	text-align:center;
	padding-top:10px;
}

.submit-form-form input::-webkit-input-placeholder,
.submit-form-form input::-ms-input-placeholder,
.submit-form-form textarea::-webkit-input-placeholder,
.submit-form-form textarea::-ms-input-placeholder {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	color:#fff;
}
.submit-form-form input::-moz-placeholder,
.submit-form-form input:-moz-placeholder,
.submit-form-form textarea::-moz-placeholder,
.submit-form-form textarea:-moz-placeholder {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	color:#fff;
	opacity:1;
}
.submit-form-form input::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
.submit-form-form textarea::placeholder {
	color: #fff;
	opacity: 1; /* Firefox */
}
.submit-form-form input:-ms-input-placeholder, /* Internet Explorer 10-11 */
.submit-form-form textarea:-ms-input-placeholder {
	color: #fff;
}
.submit-form-form input::-ms-input-placeholder, /* Microsoft Edge */
.submit-form-form textarea::-ms-input-placeholder {
	color: #fff;
}

.thanks {
	width:100%;
	height:100vh;
	min-height:600px;
	background-color:#2b2f2e;
	position:relative;
}
.thanks-left {
	position:absolute;
	top:95px;
	bottom:0;
	left:0;
	width:52%;
	background-color:#ececec;
	text-align:right;
	overflow:hidden;
}
.thanks-left-bg {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:50%;
	background-color:#2b2f2e;
	z-index:1;
	opacity:1;
}
.thanks-left img {
	float:right;
	height:101%;
	width:auto;
	text-align:right;
	z-index:2;
	position:relative;
}
.thanks-right {
	position:absolute;
	top:95px;
	bottom:0;
	left:52%;
	width:47%;
	color:#fff;
	z-index:3;
}
.thanks-right h1 {
	padding-bottom:40px;
}
.msg {
	font-family:iCiel Century Gothic Pro,'sans-serif';
	font-weight: 700;
	font-style: normal;
	color:#fff;
	font-size:26px;
	line-height:32px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-left:30px;
	padding-right:30px;
}
.tick {
	width:100%;
	padding-top:50px;
}
.tick img {
	width:60px;
}
.tick.black {
	display:none;
}

.popup {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(255,255,255,0.9);
	z-index:4;
	-o-transition:.01s;
	-ms-transition:.01s;
	-moz-transition:.01s;
	-webkit-transition:.01s;
	transition:.01s;
}
.popup.popup-off {
	display:none;
}

.box-black {
	padding:30px;
	width:80%;
	max-width:1270px;
	margin:0 auto;
	text-align:left;
	color:#fff;
	background-color:#2b2f2e;
	-webkit-box-shadow: 1px 4px 4px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 4px 4px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 4px 4px 2px rgba(0,0,0,0.2);
}
.box-black-inner {
	padding-top:1%;
	padding-bottom:4%;
	width:80%;
	max-width:1270px;
	margin:0 auto;
}
.box-black .line-left {
	border-left-color: #fff;
}
.box-black .line-left.no-max {
	max-width:none;
}
.box-black .line-left p {
	color:#fff;
}
.close-pop {
	width:100%;
	height:40px;
	text-align:right;
}
.close-pop a {
	width:40px;
	height:40px;
	display:inline-block;
	text-align:right;
	background-image: url(../img/icon-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:40px;
	-moz-background-size:40px;
}
input {
}
input.submit-form.send-pop {
	width: calc(44% - 2px);
	vertical-align:bottom;
}
.or {
	padding-top:50px;
	padding-bottom:50px;
	width:47%;
}
.or-title {
	padding-top:13px;
	font-weight:300;
	color:#fff;
	font-size:24px;
	letter-spacing:1px;
	text-transform:uppercase;
	float:left;
	width:55%;
}
.or-social {
	text-align:right;
	width:45%;
	margin-left:55%;
}
.or-social .footer-social {
	float:none;
	width:100%;
}
.or-social .footer-social a {
	color:#fff;
	font-size:37px;
	line-height:46px;
	padding-left:4px;
}
.sp {
	font-size:16px;
	letter-spacing:1px;
	font-weight:200;
}
.line-left.width-auto {
	width:auto;
	width:90%;
}
.waypoint {
	position:relative;
	height:40px;
	width:80%;
	/*height:100px;
	position:absolute;
	width:40px;
	margin-top:40px;*/
}

.sector-resorts .sector-image.Hospitality,
.sector-resorts .sector-image.Commercial,
.sector-resorts .sector-image.Residential {
	background-color:#999;
}
.sector-hospitality .sector-image.Resorts,
.sector-hospitality .sector-image.Commercial,
.sector-hospitality .sector-image.Residential {
	background-color:#999;
}

.desktop {
	display:block!important;
}
.mobile {
	display:none!important;
}

.project-wrap.resorts {
	background-color:#ccc;
}
.project-wrap.resorts ~ .header {
	background-color:#cc0;
}


@media screen and (min-width: 1801px) {

.chopped-tall {
	height:150px;
}

}

@media screen and (min-width: 1600px) and (max-width: 1800px) {

h1 {
	font-size:70px;
	line-height:75px;
	padding-bottom:60px;
}
h2 {
	font-size:70px;
	line-height:80px;
}
h5 {
	font-size:20px;
	line-height:32px;
	letter-spacing:1.2px;
}
h5 a {
	max-width:430px;
}
.section-over-content h2,
.project-intro-text h2 {
	font-size:100px;
	line-height:120px;
}
.hero {
	height:600px;
}
.home-d img {
	width:600px;
}
.hero-project {
	height:700px;
}
.hero-project .home-d img {
	width:834px;
}


.home-d-over-content {
	width:725px;
}
.home-d-graphic {
	width: calc(100% - 785px);
}
.home-circle {
	right:10%;
}
.thanks-left-bg {
	width:50%;
}

}

@media screen and (min-width: 1440px) and (max-width: 1599px) {
.hero-about {
	margin-left:10%;
}
h1 {
	font-size:65px;
	line-height:70px;
	padding-bottom:40px;
}
h2 {
	font-size:65px;
	line-height:75px;
}
h5 {
	font-size:20px;
	line-height:32px;
	letter-spacing:1.2px;
}
h5 a {
	max-width:430px;
}
.section-over-content h2,
.project-intro-text h2 {
	font-size:80px;
	line-height:100px;
}
.chopped-tall {
	height:110px;
}

.hero {
	height:580px;
}
.home-d img {
	width:580px;
}
.hero-project {
	height:690px;
}
.hero-project .home-d img {
	width:822px;
}

.home-d-over-content {
	width:725px;
}
.home-d-graphic {
	width: calc(100% - 785px);
	height:90px;
	margin-top:-45px;
}
.home-circle {
    width: 65px;
    height: 90px;
    right: 6%;
}
.home-line {
	margin-top:45px;
}
.leadership-team {
	padding-top:8%;
}
.thanks-left-bg {
	width:50%;
}
.or {
	padding-top:20px;
	padding-bottom:40px;
}
.article-headline.text-white {
	margin-bottom:10px;
}
.project-left .line-left {
	margin-top:30px;
}
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {

h1 {
	font-size:50px;
	line-height:55px;
	padding-bottom:30px;
}
h2 {
	font-size:60px;
	line-height:70px;
}
h5 {
	font-size:18px;
	line-height:28px;
	letter-spacing:1.2px;
}
h5 a {
	max-width:410px;
	padding-right:20px;
	background-size:30px;
	-moz-background-size:30px;
}
.section-over-content h2,
.project-intro-text h2 {
	font-size:70px;
	line-height:90px;
}
.chopped-tall {
	height:90px;
}
.hero {
	height:530px;
}
.home-d img {
	width:530px;
}
.hero-project {
	height:635px;
}
.hero-project .home-d img {
	width:756px;
}

.home-d-over-content {
	width:545px;
}
.home-d-graphic {
	width: calc(100% - 600px);
	height:90px;
	margin-top:-45px;
}
.home-circle {
    width: 45px;
    height: 62px;
    right: 4%;
}
.home-line {
	margin-top:45px;
}

.leadership-team {
	padding-top:8%;
}
.whatwedo {
	padding-top:9%;
	margin-left:5%;
	margin-right:5%;
	padding-bottom:9%;
}
.thanks-left-bg {
	width:50%;
}
.or {
	padding-top:20px;
	padding-bottom:40px;
}
.article-headline.text-white {
	margin-bottom:10px;
}
.project-left .line-left {
	margin-top:30px;
}
.text-villas.line-push3 .line-left,
.text-villas.textactive .line-left {
	width:90%;
	max-width:none;
	margin-left:0;
}

}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
.do-over-content h3{font-size:30px;}
ul.nav-buttons li {
	margin-left:20px;
	margin-right:10px;
}
h1 {
	font-size:40px;
	line-height:45px;
	padding-bottom:20px;
}

h2 {
	font-size:50px;
	line-height:60px;
}
h5 {
	font-size:18px;
	line-height:28px;
	letter-spacing:1.2px;
}
h5 a {
	max-width:390px;
	padding-right:40px;
	background-size:30px;
	-moz-background-size:30px;
}
.section-over-content h2,
.project-intro-text h2 {
	font-size:60px;
	line-height:80px;
}
.chopped-tall {
	height:90px;
}
.hero {
	height:550px;
}
.home-d img {
	width:550px;
}
.hero-project {
	height:620px;
}
.hero-project .home-d img {
	width:738px;
}
.home-d-over-content {
	width:430px;
}
.home-d-graphic {
	width: calc(100% - 460px);
	height:90px;
	margin-top:-45px;
}
.home-circle {
   width: 45px;
    height: 62px;
    right: 2%;
}
.home-line {
	margin-top:45px;
}
.char1,
.char2,
.char3,
.char4,
.char5,
.char6,
.char7,
.char8,
.char9,
.char10,
.char11,
.char12,
.char13,
.char14,
.char15,
.char16,
.char17,
.char18,
.char19,
.char20,
.char21,
.char22,
.char23,
.char24,
.char25,
.char26,
.char27,
.char28,
.char29,
.char30,
.char31,
.char32,
.char33,
.char34,
.char34,
.char35,
.char36,
.char37,
.char38,
.char39,
.char40,
.char41,
.char42,
.char43,
.char44,
.char45,
.char46,
.char47,
.char48,
.char49,
.char50,
.char51,
.char52,
.char53,
.char54,
.char55,
.char56,
.char57,
.char58,
.char59,
.char60,
.char61,
.char62,
.char63,
.char64,
.char65,
.char66,
.char67,
.char68,
.char69,
.char70,
.char71,
.char72,
.char73,
.char74,
.char75,
.char76,
.char77,
.char78,
.char79,
.char80,
.char81,
.char82,
.char83,
.char84,
.char85 {
	min-width:10px;
}

.leadership-team {
	padding-top:8%;
}

.whatwedo {
	padding-top:9%;
	margin-left:5%;
	margin-right:5%;
	padding-bottom:9%;
}
.whatwedo-text h4 {
	font-size:20px;
	line-height:30px;
}
.article-date {
	font-size:20px;
	line-height:28px;
}

.submit-form-inner .line-left {
    color: #fff;
    border-left-color: #fff;
    width: auto;
    width: 800px;
    max-width: 100%;
}
.submit-form-inner .line-left p {
	color:#fff;
	font-size:20px;
	line-height:28px;
}
.thanks-left-bg {
	width:60%;
}

.or {
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
}

.article-headline.text-white {
	margin-bottom:10px;
}
.project-left .line-left {
	margin-top:30px;
}

.left202 .line-left {
	width:auto;
}
.left44 .line-left {
	width:auto;
}
.left43 .line-left {
	width:auto;
}
.left0 .line-left {
	width:auto;
}
.text-villas.line-push3 .line-left {
	width:90%;
	max-width:none;
	margin-left:0;
}
.text-villas.line-push4 .line-left {
	width:90%;
	max-width:none;
	margin-left:0;
}

}

@media screen and (min-width: 0px) and (max-width: 1023px) {

.waypoint {
	height:40px;
}

.hero {
	height:auto;
}
.hero-project {
	height:auto;
}
.hero-project .home-d img {
	width:100%;
}

h1 {
	font-size:40px;
	line-height:50px;
}
.expertise-d-over-content h1 {
	font-size:42px;
	line-height:1.5em;
	color:#2b2f2e;
}
.projects h1 {
	color:#fff;
}
h2 {
	font-size:50px;
	line-height:60px;
}
.section-over-content h2,
.project-intro-text h2 {
	font-size:50px;
	line-height:60px;
}
.chopped-tall {
	height:70px;
}
.home-d img {
	width:100%;
}
.home-d-over {
	display:block;
	position:relative;
}
.home-d-over-content {
	position:absolute;
	top:0;
	bottom:0;
	left:15%;
	right:0;
	width:70%;
}
.home-d-graphic {
	display:none;
}
.home-d-over-right {
	display:none;
}
.d-desktop {
	display:none;
}
.d-mobile {
	display:block;
}
.line-left {
	display:none;
}
.article.inner .line-left {
	display:block;
}
.graphic-mobile {
	display:block;
	position:relative;
	text-align:center;
	padding-bottom:50px;
}
.graphic-mobile img {
	width:10%;
}
.line-left-mobile {
	display:block;
	width:80%;
	margin:0 auto;
	max-width:520px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2b2f2e;
	padding-left:25px;
}
.line-left-project .line-left-mobile {
	display:block;
	width:auto;
	margin:0 auto;
	margin-left:20%;
	margin-right:4%;
	max-width:none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2b2f2e;
	padding-left:25px;
}
.home-mobile {
	padding-bottom:50px;
}
.line-left-project {
	display:block;
	padding-top:40px;
	padding-bottom:30px;
}
.text-2-cols {
	padding-top:8%;
	padding-bottom:8%;
	width:55%;
	margin-left:35%;
}
.text-2-cols .text-left {
	float:none;
	width:95%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
	padding-left:25px;
	padding-bottom:15px;
}
.text-2-cols .text-right {
	width:95%;
	margin-left:0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
	padding-left:25px;
}

#txt-home,
#txt-expertise,
#txt-about,
#txt-projects,
.txt-project {
	display:none;
}
.h1-mobile {
	display:block;
	position:relative;
	z-index:2;
}
.h1-mobile.h1-home {
	width:100%;
}
.hero-heading {
	display:none;
}
.leadership-team {
	padding-top:8%;
}
.hero-about-text h1 {
	color:#2b2f2e;
}
.hero-about-text .line-left {
	display:block;
}

.process {
	padding-top:9%;
	padding-bottom:9%;
}
.process-over img {
	text-align:center;
	width:60%;
}
.process-over-content-left {
	margin-top:50px;
	left:10%;
}
.process-over-content-right {
	margin-top:150px;
	left:50%;
	right:10%;
}
.process-over-content-right .line-left {
	display:block;
}
.arrow-down {
	display:block;
	text-align:right;
	padding-top:20px;
}
.arrow-down img {
	width:60px;
}

.whatwedo {
	padding-top:9%;
	margin-left:5%;
	margin-right:5%;
	padding-bottom:9%;
}
.do {
	width:29.3333%;
	float:left;
	margin-left:2%;
	margin-right:2%;
}
.do-over-content h3 {
	font-size:30px;
}
.whatwedo-arrow {
	padding-top:40px;
	padding-bottom:30px;
}
.whatwedo-arrow img {
	width:40px;
}
.whatwedo-text {
	width:90%;
	margin-left:5%;
}
.whatwedo-text h4 {
	font-size:20px;
	line-height:30px;
}

.article-date {
	font-size:20px;
	line-height:28px;
}

.gallery-image {
	margin-left:10%;
	width:80%;
}
.gallery .owl-nav {
	width:80%;
}
.gallery-project .owl-nav {
	width:80%;
}
.gallery-image-project {
	margin-left:10%;
	width:80%;
}


.article-social a {
	padding-left:8px;
}
.prev,
.next {
	width:40%;
}

.address-mob {
	display:block;
	padding:50px;
}

.contact-content-left .line-left {
	display:block;
	margin-left:15%;
	width:70%;
	max-width:none;
}
.contact-content-left h1 {
	color:#2b2f2e;
	text-align:center;
}
.contact-content-left {
	position:absolute;
	top:0;
	bottom:0;
	left:5%;
	width:90%;
	z-index:2;
}
.contact-content-right {
	display:none;
}
h5 {
	text-align:center;
	font-size:18px;
	line-height:28px;
	letter-spacing:1.2px;
}
h5 a {
	margin:0 auto;
	text-align:center;
	display:block;
	max-width:420px;
	padding-left:30px;
	padding-right:30px;
	background-size:30px;
	-moz-background-size:30px;
}

.submit-form-inner h1 {
	padding-bottom:30px;
}
.submit-form-inner .line-left {
	margin-top:0;
	display:block;
}
.submit-form-inner .line-left p {
	color:#fff;
	font-size:20px;
	line-height:28px;
}

.thanks-left,
.thanks-right {
	top:60px;
}
.thanks-left-bg {
	width:100%;
}
.or {
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
}
.popup {
	overflow-y:auto;
}
.box-black {
	padding:20px;
}
.box-black-inner {
	padding-top:0;
	padding-bottom:10px;
	width:96%;
}
.or-title {
	font-size:18px;
	width:55%;
	padding-top:9px;
}
.or-social {
	text-align:right;
	width:45%;
	margin-left:55%;
}
.or-social .footer-social a {
	font-size:25px;
	line-height:35px;
	padding-left:3px;
}
.sp {
	font-size:14px;
}


.project-cats {
	font-size:16px;
	padding-top:70px;
	padding-bottom:40px;
	padding-right:30px;
	margin-left:20%;
}
.project-intro-text {
	top:8%;
	left:10%;
}
.project-intro-img {
	margin-left:20%;
}

/* Projects p1023 */

.padd-top-mob {
	padding-top:6%;
}
.left30 {
	margin-left:8%;
	width:59%;
}
.space-1023 {
	margin-top:10%;
}
.text-villas.line-push .line-left,
.text-villas.textactive .line-left {
	width:90%;
	max-width:none;
	margin-left:0;
}
.text-villas.line-push2 .line-left {
	width:90%;
	max-width:none;
	margin-left:0;
}
.text-villas.line-push3 .line-left {
	width:90%;
	max-width:none;
	margin-left:0;
}
.text-villas.line-push4 .line-left {
	width:90%;
	max-width:none;
	margin-left:0;
}
.text-2-cols-proj .text-left {
	float:none;
	width:100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2b2f2e;
	padding-left:25px;
}
.text-2-cols-proj .text-right {
	width:100%;
	margin-left:0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2b2f2e;
	padding-left:25px;
}
.text-2-cols-proj .text-left p,
.text-2-cols-proj .text-right p {
	padding-bottom:15px;
}

.left18 {
	margin-left:10%;
	width:82%;
}
.left31 {
	margin-left:20%;
	width:75%;
}
.left31 .line-left {
	width:auto;
}

.left10 {
	width:85%;
}
.left10-second {
	margin-left:8%;
	width:86%;
}
.left10-third {
	margin-left:8%;
	width:86%;
}

.left20 {
	margin-left:20%;
	width:75%;
}
.left20 .line-left {
	width:auto;
}
.left202 {
	padding-top:5%;
	width:75%;
	margin-left:8%;
}
.left202 .line-left {
	width:auto;
}
.left203 {
	padding-top:5%;
	margin-left:17%;
	width:70%;
}
.left203 .line-left {
	width: calc(100% - 1px);
}
.left50 {
	margin-left:8%;
	width:80%;
}

.left43 {
	padding-top:5%;
	width:85%;
	margin-left:8%;
}
.left43 .line-left {
	width:auto;
}
.left44 {
	padding-top:5%;
	width:85%;
	margin-left:8%;
}
.left44 .line-left {
	width:auto;
}

.left0 {
	width:90%;
}
.left0 .line-left {
	width:auto;
}
.text-2-cols-project {
	width:86%;
	margin-left:7%;
}
.text-2-cols-project-left {
	width:100%;
	float:none;
}
.text-2-cols-project-right {
	width:100%;
	margin-left:0;
}
.image-half-text-block-left .text-left .text-villas .line-left {
	width:auto;
	max-width:none;
}

.text-2-cols-about {
	margin-top:40px;
	margin-bottom:50px;
}
.text-2-cols-about .text-left {
	width:90%;
	float:none;
	padding-left:25px;
	padding-bottom:20px;
}
.text-2-cols-about .text-right {
	width:90%;
	margin-left:0;
	padding-left:25px;
}

.image-half-text-block-left .centered-content,
.image-half-text-block-right .centered-content {
	text-align:left;
}

.image-half-text-block-right .image-left,
.image-70-text-block-right .image-left,
.image-70-text-block-left .image-right {
	width:100%;
	float:none;
}
.image-half-text-block-right .text-right,
.image-70-text-block-right .text-right,
.image-70-text-block-left .text-left {
	position:relative;
	top:auto;
	bottom:auto;
	left:0;
	right:auto;
	width:auto;
	padding:7%;
	text-align:left;
}
.image-70-text-block-right,
.image-70-text-block-left {
	position:relative;
	width:100%;
	margin-left:0;
}


.image-half-text-block-left .image-right,
.image-70-text-block-left .image-right {
	width:100%;
	float:none;
	margin-left:0;
}
.image-half-text-block-left .text-left,
.image-70-text-block-left .text-left {
	position:relative;
	top:auto;
	bottom:auto;
	left:0;
	right:auto;
	width:auto;
	padding:7%;
	text-align:left;
}
.image-half-text-block-left .line-left,
.image-half-text-block-right .line-left {
	width:auto;
}



.gallery-sectors .owl-nav {
	top:calc(34% - 80px);
}
.gallery-sectors .owl-prev {
	margin-left:2px;
}
.gallery-sectors .owl-next {
	margin-right:2px;
}


}

@media screen and (min-width: 768px) and (max-width: 1023px) {
.do-over-content h3 {
    font-size: 22px;
    line-height: 1.3em;
    padding: 0 20px;
}
.gallery-image {
	/*width:94%;
	margin-left:3%;
	max-width:700px;*/
}
.opacity-on {
	width:94%;
	margin-left:3%;
	max-width:700px;
}
.gallery-image .accordian {
	bottom:114px;
}
.owl-text {
	font-size:50px;
	line-height:65px;
	padding-top:50px;
}
}

@media screen and (min-width: 480px) and (max-width: 767px) {

.gallery-image {
	/*width:94%;
	margin-left:3%;
	max-width:400px;*/
}
.opacity-on {
	width:94%;
	margin-left:3%;
	max-width:400px;
}
.gallery-image .accordian {
	bottom:74px;
}
.owl-text {
	font-size:30px;
	line-height:45px;
	padding-top:30px;
}
.gallery .owl-nav {
	top:calc(50% - 55px);
}

}

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

.gallery {
	margin-top:40px;
}
.gallery-image {
	/*width:94%;
	margin-left:3%;
	max-width:400px;*/
}
.opacity-on {
	width:94%;
	margin-left:3%;
	max-width:400px;
}
.gallery-image .accordian {
	bottom:74px;
}
.owl-text {
	font-size:30px;
	line-height:45px;
	padding-top:30px;
}
.article.inner .line-left {
	margin-bottom:30px;
}

}

@media screen and (min-width: 0px) and (max-width: 1023px) {
.logo {
	width:250px;
}


.footer-logo {
	float:none;
	width:100%;
	padding-bottom:30px;
}
.footer-logo img {
	width:150px;
}
.footer-content {
	float:none;
	width:100%;
}

.footer-nav {
	float:left;
	width:50%;
}
.footer-subscribe {
	float:left;
	width:50%;
}
.team-frame {
	margin-top:7%;
	margin-left:-3%;
	margin-right:-3%;
}

}

/* 05. Mobile, below 767 width */
@media screen and (min-width: 0px) and (max-width: 767px) {
.logo {
	width:170px;
}
a.logo-text {
    font-size: 14px;
}
.desktop {
	display:none!important;
}
.mobile {
	display:block!important;
}
h1 {
	font-size:45px;
	line-height:55px;
}
.expertise-d-over-content h1 {
	font-size:40px;
	line-height:1.5em;
	color:#2b2f2e;
	font-weight: 500;
}
.projects h1 {
	color:#fff;
}
.articles-frame h2 {
	padding-left:0;
	padding-top:20px;
	padding-bottom:40px;
}
h2 {
	font-size:45px;
	line-height:55px;
}
.section-over-content h2,
.project-intro-text h2 {
	font-size:40px;
	line-height:50px;
}
.chopped-tall {
	height:60px;
}
.graphic-mobile {
	padding-bottom:40px;
}
.hero-about-text {
	padding-top:8%;
	width:100%;
	margin-left:0;
}
.leadership-team {
	padding-top:8%;
}
.hero-about-text h1 {
	color:#2b2f2e;
}
.hero-about-text .line-left {
	display: block;
    max-width: 100%;
    width: 780px;
}
.team-frame {
	margin-top:7%;
	margin-left:0;
	margin-right:0;
}
.team-member {
	float:none;
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-bottom:30px;
}

.process-over img {
	text-align:center;
	width:70%;
}
.process-over-content-left {
	margin-top:30px;
	left:5%;
}
.process-over-content-right {
	margin-top:140px;
	left:30%;
	right:6%;
}
.arrow-down img {
	width:40px;
}
.whatwedo-text p{font-size:16px;}
.whatwedo {
	padding:20px;
}
.do {
	width:100%;
	float:none;
	margin-left:0;
	margin-right:0;
}
.do-over-content h3 {
	font-size:24px;
}
.whatwedo-arrow {
	padding-top:40px;
	padding-bottom:30px;
}
.whatwedo-arrow img {
	width:40px;
}
.whatwedo-text {
	padding-bottom:40px;
}
.whatwedo-text h4 {
	font-size:20px;
	line-height:30px;
}

.articles-frame {
	margin-top:8%;
	margin-bottom:10%;
	margin-left:0;
	margin-right:0;
}
.article {
	float:none;
	width:100%;
	margin-left:0;
	margin-right:0;
}
.article.inner {
	width:100%;
	margin-left:0;
	margin-right:0;
}
.gallery-sectors .article {
	width:100%;
	margin-left:0;
	margin-right:0;
}


h5 a {
	margin:0 auto;
	text-align:center;
	display:block;
	max-width:400px;
	padding-left:40px;
	padding-right:40px;
	background-size:30px;
	-moz-background-size:30px;
}
input.submit-form.send-pop {
	width: calc(100% - 2px);
	vertical-align:bottom;
}

.thanks {
	min-height:600px;
}
.thanks-left {
	bottom:0;
	left:0;
	width:100%;
	background-color:#ececec;
}
.thanks-left-bg {
	width:70%;
}
.thanks-right {
	left:10%;
	width:80%;
	color:#2b2f2e;
}
.thanks-right h1 {
	color:#2b2f2e;
}
.msg {
	color:#2b2f2e;
	font-size:20px;
	line-height:24px;
}
.tick {
	display:none;
}
.tick.black {
	display:block;
}


.project-cats {
	padding-top:40px;
	padding-bottom:30px;
	padding-right:30px;
	margin-left:20%;
}
.project-intro-text {
	top:15%;
	left:10%;
}
.project-intro-img {
	margin-left:20%;
}

/* p767 */

.left30 {
	margin-left:8%;
	width:84%;
}
.space-1023 {
	margin-top:0;
}
.spc {
	padding-top:0;
}
.spc-med {
	padding-top:0;
}
.spc-lrg {
	padding-top:0;
}
.spc-high {
	padding-top:0;
}
.img-big-sml-left {
	float:none;
	width:90%;
}
.img-big-sml-right {
	padding-top:9%;
	width:82%;
	margin-left:18%;
	margin-bottom:7%;
}
.img-big-sml-mid-left {
	float:none;
	width:92%;
}
.img-big-sml-mid-right {
	padding-top:9%;
	width:82%;
	margin-left:18%;
}

.img-big-sml-lrg-left {
	float:none;
	width:92%;
}
.img-big-sml-lrg-right {
	padding-top:9%;
	width:82%;
	margin-left:18%;
}



.img-sml-big {
	width:100%;
	margin-left:0;
}
.img-sml-big-left {
	padding-top:0;
	float:none;
	width:90%;
}
.img-sml-big-right {
	width:92%;
	margin-top:10%;
	margin-left:8%;
}

.images-2-cols-left {
	float:none;
	width:90%;
}
.images-2-cols-left-second {
	margin-top:10%;
	margin-left:20%;
	margin-right:auto;
	width:55%;
}
.images-2-cols-right {
	padding-top:0;
	margin-top:7%;
	width:92%;
	margin-left:8%;
}
.images-2-cols-right-second {
	width:80%;
}
.images-2-cols-margin-right {
	width:100%;
}
.images-2-cols-margin-right .image-left {
	width:82%;
	float:none;
}
.images-2-cols-margin-right .image-right {
	width:92%;
	margin-top:7%;
	margin-left:8%;
}
.images-2-cols-margin-left-zz {
	margin-left:0;
}
.images-2-cols-margin-left-zz .image-left {
	padding-top:0;
	width:82%;
	margin-left:0;
	float:none;
}
.images-2-cols-margin-left-zz .image-right {
	width:92%;
	margin-top:7%;
	margin-left:8%;
}
.image-50-pcnt {
	width:100%;
}
.image-middle {
	margin-left:8%;
	width:84%;
}
.image-mid-right {
	margin-left:8%;
	width:92%;
}
.image-full-margin-left {
	margin-left:0;
	width:92%;
}
.image-left-70 {
	width:92%;
}
.image-left-80 {
	width:92%;
}
.images-2-cols-right-smaller .image-left {
	width:92%;
}
.images-2-cols-right-smaller .image-right {
	position:absolute;
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	width:92%;
	margin-top:7%;
	margin-left:8%;
}
.images-2-cols-left-smaller .image-left {
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	width:92%;
}
.images-2-cols-left-smaller .image-right {
	width:92%;
	margin-top:7%;
	margin-left:8%;
}
.images-2-cols-left-smaller-padding-left .image-left {
	width:92%;
	float:none;
	padding-top:0;
}
.images-2-cols-left-smaller-padding-left .image-right {
	width:92%;
	margin-top:7%;
	margin-left:8%;
}
.image-right-70 {
	width:92%;
	margin-left:8%;
}
.images-2-cols-left-smaller-padding-right {
	width:100%;
	margin-left:0;
}
.images-2-cols-left-smaller-padding-right .image-left {
	width:92%;
	float:none;
}
.images-2-cols-left-smaller-padding-right .image-right {
	width:92%;
	margin-left:8%;
	padding-top:7%;
}

.gallery-sectors .owl-nav {
	top:calc(37% - 80px);
}
.gallery-sectors .owl-prev {
	margin-left:-25px;
}
.gallery-sectors .owl-next {
	margin-right:-25px;
}
.img-plan {
	padding:5%;
}


}

@media (max-width: 1200px) {
	.img-right .section-over-content {
		left:5%;
	}
}
@media screen and (min-width: 0px) and (max-width: 520px) {
.article-content .article-title h1{
	    font-size: 30px;
}
h1{
	font-size:30px;
	line-height:45px;
	padding-bottom:30px;
}
.hero-about .hero-about-text .hero-about-description *{
	font-size:16px;
}
.expertise-d-over-content h1 {
	font-size:22px;
	line-height:1.5em;
	color:#2b2f2e;
}
h2 {
	font-size:35px;
	line-height:45px;
}
.section-over-content h2,
.project-intro-text h2 {
	font-size:30px;
	line-height:40px;
}
.chopped-tall {
	height:50px;
}
.home-d-over-content {
	left:15%;
	width:85%;
}
.graphic-mobile {
	padding-bottom:30px;
}
.footer-nav {
	float:none;
	width:100%;
	padding-bottom:30px;
}
.footer-subscribe {
	float:none;
	width:100%;
	text-align:left;
}
.footer-subscribe-inner {
	width:100%;
	max-width:480px;
	float:none;
	text-align:left;
}


.text-2-cols {
	padding-top:40px;
	padding-bottom:40px;
	width:100%;
	margin-left:0;
}
.text-2-cols .text-left {
	float:none;
	width:78%;
	margin-left:30px;
	display:block;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
	padding-left:25px;
	padding-bottom:15px;
}
.text-2-cols .text-right {
	width:78%;
	margin-left:30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
	padding-left:25px;
}
.expertise {
	padding-top:40px;
	padding-bottom:40px;
}
.leadership-team {
	padding-top:40px;
}
.team-title {
	font-size:18px;
	line-height:28px;
	padding-top:10px;
	letter-spacing:0.4px;
}
.team-subtitle {
	font-size:18px;
	line-height:28px;
	padding-bottom:10px;
	letter-spacing:0.4px;
	text-decoration:none;
}


.process {
	padding:40px;
	padding-:40px;
}
.process-over img {
	width:100%;
}
.process-over-content-left {
	position:relative;
	margin-top:0;
	left:0;
	width:80%;
	text-align:left;

}
.process-over-content-right {
	margin-top:20px;
	position:relative;
	left:0;
	right:0;
	width:100%;
	margin-bottom:40px;
}
.process-over-content-right .line-left {
	display:block;
}
.arrow-down {
}
.arrow-down img {
	width:40px;
}


.article-headline {
	margin-bottom:25px;
}
.article img {
	margin-bottom:15px;
}
.article a img:hover {
	opacity:0.7;
}
.article-social a {
	font-size:22px;
	line-height:28px;
	padding-left:12px;
}
.article-date {
	font-size:18px;
	line-height:28px;
	letter-spacing:1px;
}
.article-more {
	font-family: iCiel Century Gothic Pro,'sans-serif';
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 25px;
    color: #2b2f2e;
    letter-spacing: 2px;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
}
.article-more a {
	display: inline-block;
    padding-right: 20px;
    background-image: url(../img/arrow-more.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px;
    background-size: 7px;
}

.gallery .owl-nav {
	top:calc(50% - 65px);
}

.gallery-image,
.gallery-image-project {
	margin-left:0;
	width:100%;
}
.gallery .owl-nav {
	width:80%;
}
.gallery-project .owl-nav {
	width:80%;
}
.gallery .owl-prev {
	width:50px;
	height:50px;
	background-size:30px;
	-moz-background-size:30px;
	margin-left:-30px;
}
.gallery .owl-next {
	width:50px;
	height:50px;
	background-size:30px;
	-moz-background-size:30px;
	top:50%;
	margin-right:-30px;
}
.gallery-project .owl-prev {
	width:50px;
	height:50px;
	background-size:30px;
	-moz-background-size:30px;
	margin-left:-30px;
}
.gallery-project .owl-next {
	width:50px;
	height:50px;
	background-size:30px;
	-moz-background-size:30px;
	top:50%;
	margin-right:-30px;
}

.text-2-cols .text-left, .text-2-cols .text-right{width:85%;}
.text-2-cols p{text-align:justify;}
.section-over-content .centered-content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.section-over.img-right:before, .section-over.img-left:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
.section-over.img-right .img-main {
	margin-left:0;
	width:100%;
}
.section-over.img-left .img-main {
	margin-left:0;
	width:100%;
}
.img-right .section-over-content,.img-left .section-over-content{
	width:100%;
}
.img-right .section-over-content {
	left:0;
}
.img-left .section-over-content {
	right:0;
}

.article-social a {
	padding-left:9px;
	font-size:19px;
}
.fa-linkedin-in,
.fa-instagram,
.fa-facebook-f,
.fa-twitter,
.fa-pinterest-p,
.fa-reddit-alien,
.fa-tumblr {
	vertical-align:middle;
}

.images-x2 .image-left {
	width:100%;
	float:none;
}
.images-x2 .image-right {
	width:100%;
	margin-left:0;
}
.images-x1 img,
.images-x2 .image-left img,
.images-x2 .image-right img {
	margin-top:0;
	margin-bottom:20px;
}
.prev-next {
	padding-top:20px;
	padding-bottom:20px;
}
.prev,
.next {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}
.contact-content-left h1 {
	padding-bottom:30px;
}
.contact-content-left .line-left {
	margin-left:5%;
	width:80%;
	max-width:none;
}

.submit-form-inner .line-left p {
	font-size:18px;
	line-height:26px;
}
.thanks {
	min-height:500px;
}
.thanks-left-bg {
	width:100%;
}
.h1-mobile.h1-home {
	width:80%;
}
.projects h1 {
	color:#fff;
}

.box-black .line-left {
	padding-left:15px;
}

.article-headline.inline .article-date {
	font-size:22px;
	line-height:26px;
	letter-spacing:2px;
}

.impression {
	margin-top:-48px;
	padding-right:15px;
}

/* p480 */

.text-2-cols-proj .text-left {
	padding-left:25px;
}
.text-2-cols-proj .text-right {
	padding-left:25px;
}

.gallery-sectors .owl-nav {
	top:calc(35% - 80px);
}

.images-x2 .image-left {
	padding-bottom:0;
}
.images-x2 .image-right {
	padding-bottom:0;
}
}