.font-thin1 {
    font-weight: 200;
    font-size: 16px;
}
.text-xl1 {
    font-size: 18px;
}
.workimg
{
    display: flex; 
    justify-content: center;
}
body {
	background: white;	
}

.logo {
	font-family: sans-serif;
	line-height: 100%;
}

.logo-form {
	font-weight: 300;
	letter-spacing: -1px;
	font-size: 24px !important;
}
.projectbtn
	{
	    font-size: 50px;
	}
.logo-space {
	font-weight: 400;
	letter-spacing: -1px;
	font-size: 24px !important;
}

.intro-container .logo-form, .intro-container .logo-space {
	font-size: 26px !important;
}

.lcms-nav-link:hover {
	transition: color 300ms;	
}

.lcms-nav-link:hover {
	color: #a0943f;
}

.logo-architects {
	font-family: Poppins;
	font-weight: 300;
	display: block;
	padding-top: 0px;
	font-size: 12px !important;
	letter-spacing: 7.5px;
	padding-left: 8px;
}

.lcms-subnavigation {
	display: none;
}

.formspace {
	font-family: Roboto, sans-serif;
	color: black;
	font-weight: 300;
}

.formspace div.bjqs-caption-wrapper {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px;
	padding-top: 45vh;
	font-size: 18pt;
	font-weight: 300;
}

#about-text ol.bjqs-markers {
	background: none;
}

#about-text .bjqs-wrapper li {
	transition: all 500ms;
	filter: grayscale(100%);
}

#about-text .lcms-slideshow-contents:hover li {
	filter: grayscale(0%);
}

#about-text div.bjqs-caption-wrapper {
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 50px;
	font-size: 14pt;
	font-weight: 300;
	text-align: left;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 70%);
}

#team .carousel img {
	transition: all 500ms;
	filter: grayscale(100%);
}

#team .carousel-item:hover img {
	filter: grayscale(0%);
}

#team .slick-prev:before, .slick-next:before {
	color: black;	
}

#team .slick-next {
	right: 0;
}

#team .slick-prev {
	left: 0;	
}

#team .slick-list {
	padding-left: 15px;
	padding-right: 15px;
}

#team .carousel-caption {
	transition: all 500ms;
	opacity: 0;
}

#landing .bjqs-caption-wrapper {
	transition: all 300ms;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}

#landing .bjqs-caption-wrapper:hover {
	transform: scale(1.5);
	padding-top: 46vh;
}

#team .carousel-item:hover .carousel-caption {
	opacity: 1;
	padding-top: 100px;
}

nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	background: -webkit-linear-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

nav.map {
	background: rgba(255,255,255,0.5);
	padding-bottom: 0;
}

nav.no-float {
	position: absolute;
}

.lcms-author-mode nav {
	left: 280px;
}

.exit-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
}

.lcms-author-mode .exit-overlay { 
	left: 280px;
}

.intro-container {
	position: fixed; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	background: white; 
	z-index: 60;
}

.lcms-author-mode .intro-container {
	left: 280px;
}


nav .logo {
	width: 100%;
}

nav .menu-icon {
	box-sizing: border-box;
}

#popup {
	padding-top: 115px;
	
}

#popup .lcms-empty-author {
}

#video-container .lcms-empty-author {
	padding-top: 100px;
}

#content-container .lcms-empty-author {
	padding-top: 100px;	
}

.lcms-nav {
	font-size: 20pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	color: #888;
	text-align: left;
}

.lcms-nav .current a {
	color: #a0943f;
}

#menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	z-index: 40;
	display: none;
}


.lcms-author-mode #menu {
	left: 280px;
}

.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}

.line {
  fill: none;
  stroke: white;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke 600ms,
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-opacity 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.black .line {
	stroke: black;
}

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
  stroke-opacity: 1;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
  stroke: black;
}
.opened .line2 {
  stroke-dasharray: 0 45;
  stroke-dashoffset: -20;
  stroke-width: 6;
  stroke: black;
  stroke-opacity: 0;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
  stroke: black;
}

h1 {
	font-size: 24pt;
	font-weight: 500;
}

h2 {
	font-size: 20pt;
	font-weight: 400;
}

h3 {
	font-size: 16pt;
	font-weight: 200;
}

h4 {
	font-size: 14pt;
	font-weight: 200px;
}

.lcms-gallery-contents .caption {
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	top: auto !important;
	padding: 15px !important;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 70%);	
}

.lcms-gallery-contents .caption h4 {
	height: 0;
	opacity: 0;
	transition: 500ms all;
}

.lcms-gallery-contents .img {
	box-shadow: 0 0 20px rgba(0,0,0,0.2) inset;
}

.lcms-gallery-contents .img-container:hover h4 {
	height: 30px;
	opacity: 1;	
}

ol.bjqs-markers li a {
	height: 4px !important;
    width: 4px !important;
    border-radius: 10px !important;	
}

.formspace ol.bjqs-markers {
	bottom: 0 !important; 
	padding-bottom: 20px !important;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 70%);	
	padding-top: 40px !important;
}

#map1, #map2 {
	overflow: hidden;
}

#map1 iframe, #map2 iframe {
	margin-top: -150px;
	margin-bottom: -150px;
}

#map1 iframe, #map2 iframe {
	filter: saturate(0%) invert(100%);
}

#home-container .lcms-empty-author {
	padding-top: 130px;
}

.menu-vertical-text {
	color: #334d58; 
	transform: rotate(-270deg); 
	position: absolute; 
	right: -125px; 
	top: 350px;
}

.project-item {
	height: 87vh; 
	border: 5px white solid;
}
.md:p-10 {
     padding: 0rem !important; 
}

#content-container {
	padding-top: 90px;
}

@media only screen and (max-width: 1200px) {
    .workimg
{
    
    display: inline-block !important;
}
    }
@media only screen and (max-width: 768px) {
	
	#content-container {
		padding-top: 70px;
	}
	
	.project-item {
		height: 45vh;
	}
	
	.menu-vertical-text {
		right: -145px; 	
		top: 280px;
	}
	.projectbtn
	{
	    font-size: 30px !important;
	}
	.font-thin1 {
    font-weight: 200;
    font-size: 12px;
}
.text-xl1 {
    font-size: 12px;
}
.workimg
{
    
    display: inline-block !important;
}
}

.wp-post, .wp-post-single .wp-post-content  {
	max-width: 1200px;
	margin: 0 auto;
}

.wp-post .p-2 {
	position: relative;
}

.wp-post .wp-post-meta {
	position: absolute;
	margin-top: 20%;
	top: 0;
	left: 0;
	right: 0;
	font-size: 10pt;
	font-weight: 400;
	color: white;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 0 5px rgba(0,0,0,1);

}

.wp-post-single .wp-post-meta {
	position: absolute;
	margin-top: 38vh;
	top: 0;
	left: 0;
	right: 0;
	font-size: 10pt;
	font-weight: 400;
	color: white;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 0 5px rgba(0,0,0,1);
}


.wp-post .wp-post-meta span, .wp-post-single .wp-post-meta span {
	display: none;
}

.wp-post h2 {
	position: absolute;
	margin-top: 25%;
	top: 0;
	left: 0;
	right: 0;
	font-size: 14pt;
	font-weight: 400;
	color: white;
	text-align: center;
	text-shadow: 0 0 5px rgba(0,0,0,1);
}

.wp-post-single h2 {
	position: absolute;
	margin-top: 40vh;
	top: 0;
	left: 0;
	right: 0;
	font-size: 14pt;
	font-weight: 400;
	color: white;
	text-align: center;
	text-shadow: 0 0 5px rgba(0,0,0,1);
}

.wp-post-single h2 {
	font-size: 24pt;	
}

.wp-post .wp-post-content{
	display: none;
}

.wp-post .wp-post-categories {
	display: none;
}

.wp-post-single .wp-post-categories {
	display: none;
}


#popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	z-index: 40;
	display: none;
	overflow-y: scroll;
}

.lcms-author-mode #popup {
	left: 280px;
}




.mline {
  fill: none;
  stroke: white;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke 600ms,
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-opacity 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.black .mline {
	stroke: black;
}

.mline1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}

.mline3 {
  stroke-dasharray: 90 207;
  stroke-width: 6;
}
.opened .mline1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
  stroke: black;
}
.opened .mline3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -113;
  stroke-width: 6;
  stroke: black;
}
@media (min-width: 768px)
{
.md\:px-20 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
}
/* 



	
	EOF 



	
	
*/