/*
Theme Name: Pollack+Partners
Theme URI: https://wildhoneystudio.com/inquire
Description: Custom site for Pollack+Partners.
Version: 1.0
Author: Wild Honey Studio
Author URI: wildhoneystudio.com
*/

/*******************************************************************/
/*  HTML  */
/*******************************************************************/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizin1g: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/*******************************************************************/
/*  RESET  */
/*******************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, white_25, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
}
	
body {
	line-height: 1;
}
	
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

input {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

div, p, a, li, td {
	-webkit-text-size-adjust: none;
}


*, *:before, *:after {
-webkit-apperance: none;
}

/*******************************************************************/
/*  TYPOGRAPHY  */
/*******************************************************************/

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.otf') format('opentype');
	font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Italic.otf') format('opentype');
	font-weight: 400;
    font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-SemiBold.otf') format('opentype');
	font-weight: 600;
    font-style: regular;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-SemiBoldItalic.otf') format('opentype');
	font-weight: 600;
    font-style: italic;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Light.otf') format('opentype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraLight.otf') format('opentype');
	font-weight: 200;
    font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Thin.otf') format('opentype');
	font-weight: 100;
    font-style: normal;
}

body {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 300;
	background-color: #FFFFFF;
	color: #ffffff;
}

h1 {
	font-size: 2.75rem;
	color: #0d233f;
	font-weight: 300;
	margin-bottom: 2.75rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.375rem;
}

h5 {
	font-size: 1rem;
	line-height: 1.125;
}

h6 {
	font-size: 1rem;
}

p {
	font-family: "Poppins", sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: 300;
	font-size: 1.15rem;
	line-height: 1.65;
}

p.strong {
	font-weight: 500;
}


p.title {
	font-weight: 500;
}

p a {
	text-decoration: none;
	font-weight: inherit;
	color: #000000 !important;
}

p em {
	font-style: italic;
}

p.left {
	text-align: left;
}

p.statement {
	font-size: 1.25rem;
	line-height: 1.25;
	letter-spacing: 0.02rem;
	color: #000000;
	text-align: center;
	margin-bottom: 2rem;
}



.grid .item p {
	text-align: left;
}

img {
	width: 100%;
}

img.inline {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1rem;
	margin-right: 1rem;
}

img.inline.horizontal {
	width: 9rem;
}

img.inline.vertical {
	width: 4.5rem;
}

strong {
	font-weight: 500;
}


.centered {
	text-align: center;
}

.align-left {
	text-align: left;
}

.inset {
	padding: 2rem;
	background: #f7f6f4;
}


/*******************************************************************/
/*  HEADER  */
/*******************************************************************/

.section-outer.header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 998;
	transition: .4s ease-in-out;
height: 110px;
}

.section-outer.header.sticky {
    opacity: 0;
  transition: all 0.4s ease-in-out;
}

.header-inner {
	position: relative;
	width: 100%;
	height: 7rem;
	text-align: left;
	background-color: rgba(255,255,255,.8);
	z-index: 998;
	padding: 0 1rem;
	display: grid;
	align-items: center;
	justify-content: left;
}

.header-inner .site-title {
    height: 100%;
    display: flex;
    position: relative;
    z-index: 999;
    padding-right: 1rem;
    float: right;
    font-family: "Poppins";
    color: #0d233f;
    font-weight: 300;
    justify-content: flex-end;
}

.header-inner .site-title .accent {
    color: #FA4616;
    display: inline-block;
}

.site-title-wrap {
font-size: 2rem;
align-self: center;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 200;
}

img.header-icon {
	width: auto;
height: 4rem;
opacity: 1;
margin-right: 1.5rem;
align-self: center;
	margin-left: 1.5rem;
}

/* -- MENU -- */

.menu {
	position: fixed;
	width: 23.33%;
	height: calc(100vh + 3rem);
	top: -100vh;
	right: 0;
	z-index: 9999;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), ease background 500ms;
	transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), ease background 500ms;
	text-align: left;
	z-index: 99999998;
}

.menu-open {
	-webkit-transform: translate3d(0, 100vh, 0);
	transform: translate3d(0, 100vh, 0);
	background: #0d233f;
}

.menu-list-holder {
	position: relative;
	top: calc(50% - 1.5rem);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

ul.menu-list, ul.contact-list {
	display: block;
	margin-bottom: 2rem;
}

ul.menu-list li, ul.contact-list li {
	text-align: center;
}

ul.menu-list li a {
	font-family: "Poppins", sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 1.625rem;
	line-height: 1.35;
	color: #f7f6f4;
	text-rendering: optimizeLegibility;
}

ul.menu-list li a:hover  {
	color: #FA4616;
	transition: .4s ease-in-out;
}

ul.menu-list li a.active {
	color: #f7f6f4;
	text-decoration: underline;
}

ul.menu-list li a.mini {
font-size: 1rem;
display: block;
margin: 5px auto;
}

a.logo {
	display: block;
	width: 2rem;
	height: 2rem;
	text-indent: -9999px;
	background: transparent url("../img/icon/pollackpartners-logo-wht.png") no-repeat center center;
	background-size: contain;
	cursor: pointer;
	overflow: hidden;
	margin: 0 auto;
}

li.has-sub .main:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1rem;
    margin-right: -3%;
    margin-left: 3%;
}

li.has-sub.is-active .main:after {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: -3%;
    margin-left: 3%;
    font-size: 1rem;
}

li .submenu.open-sub li a {
    display: block;
    font-size: 1rem;
margin-bottom: .25rem;
}

li .submenu {
    opacity: 0;
    height: 0;
    pointer-events: none;
}

li .submenu.open-sub {
    opacity: 1;
transition: all .4s ease-in;
height: auto;
pointer-events: all;
width: 80%;
margin: 0 auto;
padding: 1rem .25rem;
}

.portfolio-active {
text-decoration: underline;
}

/* --- HAMBURGER --- */

.c-hamburger {
	position: fixed;
	display: flex;
	top: 1.75rem;
	right: 2rem;
	z-index: 99999999;
	overflow: hidden;
	width: 4rem;
	height: 7rem;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	background: transparent;
}

.header.sticky + .c-hamburger {
    top: 0;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 1.5rem;
	left: 1rem;
	right: 1rem;
	height: 2px;
	background: #13223d;
	background: #13223d;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background: #13223d;
	background: #13223d;
	content: "";
}

.c-hamburger span::before {
  top: -0.5rem;
}

.c-hamburger span::after {
  bottom: -0.5rem;
}

.c-hamburger--htx {
	background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  background: #fa4616;
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  background: #fa4616;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}


/*******************************************************************/
/*  STRUCTURE  */
/*******************************************************************/

.container {
	width: 100vw;
	background-color: #f7f6f4;
	overflow: hidden;
}

.section-outer {
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
}

.section-inner {
	display: inline-block;
	text-align: left;
	width: 100%;
	padding: 0 1rem;
    transition: all 0.25s ease;
}
	
.section-inner.bottom-margin {
	margin-bottom: 3rem;
}

.section-inner.relative {
	position: relative;
}

.section-inner.left {
	text-align: left;
}

.section-title {
	display: block;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 2rem;
}

.centerV {
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

a.pdf {
	display: block;
	width: 100%;
	background-color: rgba(0,0,0,0.125);
}

.two-colums, .three-columns {
	width: 100%;
	display: block;
	overflow: hidden;
}

.two-columns .column, .two-columns .two-columns, .three-columns .column, .three-columns .two-columns {
	width: 100%;
}

.box-inset {
	width: 100%;
	overflow: hidden;
	border-radius: 1rem;
	padding: 2rem 1rem 3rem 1rem;
	background-color: #373e4c;
}

img.column-icon {
	width: 100%;
}

.page-title-wrapper {
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 2rem;
}


.image-grid {
	width: 100%;
}

.image-grid .image-row {
	position: relative;
	margin-bottom: 0.25rem;
	overflow: hidden; 
}

.image-grid .one-column-image {
	position: absolute;
	top: 0;
	width: calc((100% - 0.5rem) / 3);
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
} 

.image-grid .one-column-image.left {
	left: 0;
}

.image-grid .one-column-image.right {
	right: 0;
}

.image-grid .two-column-image {
	width: calc(((100% - 0.5rem) / 3 ) * 2 + 0.25rem); /* 2 three-column-grid columns */
}

.image-grid .two-column-image.left {
	float: left;
}

.image-grid .two-column-image.right {
	float: right;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 0.25rem;
}

.video-container iframe,
 .video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} 

.location {
	width: 100%;
	height: 100%;
}


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

	.section-outer.news {
		padding-top: 0;
		padding-bottom: 0;
	}

	.section-inner {
		padding: 0 3rem;
	}
	
	.section-inner.bottom-margin {
		margin-bottom: 2rem;
	}
	
	.two-columns {
		width: 100%;
	}
	
	.two-columns .column {
		float: left;
		width: calc((100% - 1.5rem) / 2);
		margin-right: 1.5rem;
	}
	
	.two-columns .column:nth-child(2n) {
		margin-right: 0;
	}
	
	.three-columns {
		width: 100%;
	}
	
	.three-columns .column {
		float: left;
		width: calc((100% - 3rem) / 3);
		margin-right: 1.5rem;
	}
	
	.three-columns .column p {
		text-align: left;
	}

	.three-columns .column:nth-child(3n) {
		margin-right: 0;
	}
	
	.three-columns .two-columns {
		float: left;
		width: calc(((100% - 3rem) / 3) * 2);
		margin-right: 1.5rem;
	}
	
	.three-columns .two-columns p {
		text-align: left;
	}

	.three-columns .column.last, .three-columns .two-columns.last {
		margin-right: 0;
	}
	
	.page-title-wrapper {
		padding-top: 0;
		padding-bottom: 3rem;
	}
	
	.statement-holder {
		width: 100%;
	}
	
	.top-border {
		padding-top: 3rem;
	}

	img.column-icon {
		width: 90%;
		margin-left: 5%;
	}

.inset {
padding: 0;
}
	
}

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

	
	.section-inner {
		display: inline-block;;
		padding: 0 4rem;
		margin: 0 auto;
	}
	
	.section-inner.bottom-margin {
		margin-bottom: 2rem;
	}
	
	
	.center-column {
		width: 75%;
		margin-left: 12.5%;
	}
	
	.page-title-wrapper {
		padding-bottom: 3rem;
	}
	
	.statement-holder {
		width: 85%;
		margin: 0 auto;
	}
	
	.top-border {
		padding-top: 3rem;
	}
	
	.box-inset {
		padding: 3rem;
	}

	img.column-icon {
		width: 90%;
		margin-left: 5%;
	}
	
}

@media screen and (min-width: 1920px) {
		
	
	.section-inner {
		width: 120rem;
		padding: 0 6rem;
	}
	
	.section-inner.bottom-margin {
		margin-bottom: 4rem;
	}

	
	.page-title-wrapper {
		padding-bottom: 4rem;
	}
	
	.cycle-pager span {
		font-size: 3rem;
	}
	
	.statement-holder {
		width: 75%;
	}


	img.column-icon {
		width: 75%;
		margin-left: 12.5%;
	}
		
}


/*******************************************************************/
/*  GRIDS  */
/*******************************************************************/

.grid {
	display: block;
	width: 100%;
	overflow: hidden;
}


/************************************/
/* HOME */
/************************************/

.hero {
    min-height: 500px;
    position: relative;
	display: block;
	width: 100%;
	height: calc(100vh - 4rem);
	text-align: center;
	font-size: 0pt;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: relative;
    z-index: 5;
}

.section-inner .about-statement {
padding-bottom: 3rem;
}

.hero-phrase {
	display: block;
    color: #fa4616;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 3rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1rem;
	margin-top: 3rem;
}

.hero-word.fadeup-effect {
    margin-right: 5% !important;
}

.slideshow-holder {
	width: 100%;
	height: 100%;
}

.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 1000;
	position: absolute;
	bottom: 0.5rem;
	overflow: hidden;
}

.cycle-pager span {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 2rem;
	width: auto;
	height: auto;
	display: inline-block;
	color: #FFFFFF; 
	background: transparent;
	padding: 0.25rem;
	cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
	color: #dd5634;
} 

.cycle-pager > * {
	cursor: pointer;
}

.slide-content {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.125);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.hero-image-wrapper {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.125);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.featured-hero {
	margin-bottom: 1rem;
}

.section-outer.statement {
	background-color: #f7f6f4;
	overflow: hidden;
	padding-top: 2rem;
    padding-bottom: 3rem;
}

.section-inner.statement {
	position: relative;
	height: 100%;
}

.section-inner.statement:after {
	content:'';
	background: #fa4616;
	height: 2px;
	width: 5%;
	display: block;
	margin: 0 auto;
}

.grid.featured-projects.home {
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-row-gap: 3.5rem;
    row-gap: 3.5rem;
}

.featured-projects.home.grid {
	display: grid;
	grid-template-columns: 48% 48%;
}

.grid-image-holder {
    height: 400px;
}

a.home-grid-link {
height: 400px;
display: block;
background-size: cover;
}

a.home-grid-link:hover {
	background-color: rgba(255,255,255, .8);
	background-blend-mode: overlay;
	transition: all .4s ease-in;
}

.content-wrap {
    opacity: 0;
    display: grid;
    position: relative;
    height: 101%;
    align-content: center;
}

.content-wrap-mobile {
display: none;
}

a.home-grid-link:hover .content-wrap {
	opacity: 1;	
}

.content-wrap-link {
height: 405px;
display: block;
position: absolute;
width: 100%;
}

.featured-projects.home p.details {
    text-align: center;
    margin-bottom: 2px;
}

.featured-projects.home h2,
.featured-projects.home a {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
}

.featured-projects p.details a {
font-size: 1rem;
}

.featured-projects.home h2:hover {
	text-decoration: underline;
}

.learn-more {
    text-align: center;
    margin: 3rem auto 3rem;
}

.learn-more .projects-btn {
    padding: 1rem;
background: #0d233f;
color: #FFFFFF;
font-weight: 200;
text-transform: uppercase;
}

.learn-more .projects-btn:hover {
	text-decoration: underline;
}


/*******************************************************************/
/*  PORTFOLIO PAGE  */
/*******************************************************************/

.section-outer.header.portfolio-header.sticky {
    opacity: 1;
}

.section-outer.header.portfolio-header.sticky .header-inner .site-title,
.portfolio-header .header-inner:last-of-type {
    top: -14rem;
    transition: .4s ease-in-out;
}

.portfolio-header.sticky .header-inner:first-of-type {
    opacity: 0;
    z-index: 0;
}

.portfolio-header.sticky .header-inner:last-of-type {
    transition: .4s ease-in-out;
    top: -7rem;
background: #0d233f;
}

.portfolio-header.sticky + .c-hamburger {
    top: 1.75rem !important;
height: 50px;
}

.portfolio-header.sticky + .c-hamburger.c-hamburger--htx span::before,
.portfolio-header.sticky + .c-hamburger.c-hamburger--htx span::after,
.portfolio-header.sticky + .c-hamburger span {
background: #fff;
}

.portfolio-header.sticky + .c-hamburger--htx span,
.portfolio-header + .c-hamburger--htx span {
transition: background 0s 0s;
}

.portfolio-header.sticky + .c-hamburger--htx.is-active span {
  transition: background 0s 0.3s;
background: transparent;
}

.portfolio-header.sticky + .c-hamburger.c-hamburger--htx.is-active span::before,
.portfolio-header.sticky + .c-hamburger.c-hamburger--htx.is-active span::after {
background: #fa4616;
}

.header-inner .page-title {
    height: 100%;
    display: flex;
    font-size: 2.25rem;
    position: relative;
    z-index: 999;
    padding-left: 1rem;
    align-items: center;
    float: right;
    font-family: "Poppins";
    color: #fff;
    font-weight: 200;
    justify-content: flex-end;
}

.portfolio-hero {
    height: 500px;
}

.portfolio-hero img {
    object-fit: cover;
    height: 500px;
}

.portfolio-overlay-title {
    position: relative;
    top: -50%;
}

.properties {
    display: flex;
    flex-wrap: wrap;
    padding-top: 4rem;
}

.property {
   flex-basis: 33.33%;
   padding: 0rem 1rem;
}

.property-image img {
    height: 300px;
    object-fit: cover;
}

.property .content-wrap {
    height: 302px;
    top: -303px;
    margin-bottom: -17rem;
}

.property:hover .content-wrap {
    opacity: 1;
	transition: all .4s ease-in-out;
	background-color: rgba(255,255,255,.8);
}

.property-overlay {
    display: block;
    text-align: center;
    color: #0d233f;
}

.property-overlay .overlay-title:hover {
    text-decoration: underline;
}

/*******************************************************************/
/*  PORTFOLIO ITEMS  */
/*******************************************************************/
.project.hero {
    min-height: unset !important;
    height: 500px;
background-attachment: fixed;
}

.portfolio-item {
display: grid;
grid-template-columns: 60% 40%;
margin-top: 4rem;
}

.info-col h1 {
font-size: 2.25rem;
}

.details-col {
padding: 0 8rem;
}

.details-wrap {
min-width: 350px;
}

.project-statement {
    margin-top: 3%;
    font-size: 1.25rem;
}

.upper-red {
display: block;
content: '';
width: 50px;
height: 2px;
background: #fa4616;
position: relative;
left: -.5rem;
margin-bottom: -2.25rem;
}

.upper-left-red {
display: inline-block;
content: '';
width: 2px;
height: 50px;
background: #fa4616;
position: relative;
left: -.5rem;
top: 2.25rem;
}

.lower-red {
display: block;
content: '';
width: 50px;
height: 2px;
background: #fa4616;
position: relative;
right: -17.75rem;
top: -0.5rem;
}

.lower-right-red {
display: inline-block;
content: '';
width: 2px;
height: 50px;
background: #fa4616;
position: relative;
right: -20.75rem;
top: -3.75rem;
}

.about.blue {
margin-left: .75rem;
display: block;
font-size: 1.25rem;
margin-bottom: 1.5rem;
}

.image-grid-wrap {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    grid-auto-rows: 300px;
    grid-auto-flow: dense;
}

.image-grid-wrap > .image-grid-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-grid-item img {
   width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-grid-item.wide {
	grid-column: span 2;
}

.image-grid-item.tall {
	grid-row: span 2;
}

.image-grid-item.big {
	grid-column: span 2;
	grid-row: span 2;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(247, 246, 244, 0.8);
  padding-top: 35px;
}

.modal.show {
    z-index: 1000;
}

/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
}

.modal-content img {
    height: 600px;
    object-fit: contain;
}

/* The Close Button */
.close {
 color: #fff;
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 40px;
    font-weight: 300;
    background: #fa4616;
    width: 40px;
transition: all .2s ease-in-out;
border-radius: 50%;
}

.close:hover,
.close:focus {
  color: #ce2b00;
  text-decoration: none;
  cursor: pointer;
background: transparent;
transition: all .2s ease-in-out;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #0d233f;
  font-weight: 300;
  font-size: 50px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.prev {
    left: 12.55%;
}

/* Position the "next button" to the right */
.next {
  right: 12.5%;
  border-radius: 3px 0 0 3px;
}

.cycle-prev,
.cycle-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #ffffff;
  font-weight: 300;
  font-size: 50px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.cycle-prev:before {
content:'\f104';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

.cycle-next {
right: 0;
}

.cycle-next:before {
content:'\f105';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}


.active {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.projects-nav {
display: grid;
grid-template-columns: 50% 50%;
padding: .5rem 0 2rem 0;
max-width: 91%;
margin: 0 auto;
}

.next-proj {
grid-column: 2;
grid-row: 1;
justify-self: end;
color: #fa4616;
text-transform: uppercase;
}

.prev-proj {
grid-column: 1;
grid-row: 1;
justify-self: start;
color: #fa4616;
text-transform: uppercase;
}


/*******************************************************************/
/*  PORTFOLIO ITEM IMAGE POSITIONS  */
/*******************************************************************/

/* Anguilla */
.image-grid-item.tall.anguilla {
object-position: 100% 50%;
}

/* Black and White */
.project.hero.bw {
background-position: center 100%;
}




/*******************************************************************/
/*  ABOUT  */
/*******************************************************************/
/* Fadeup Effect
-----------------------------------------------------*/

.js .fadeup-effect {
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
	max-width: 100%;
margin: 0 auto;
}

@-webkit-keyframes fadeInUp {
from { opacity: 0; -webkit-transform: translateY(20px); }
to { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}


.about-statement h2 {
    text-align: center;
    color: #0d233f;
    padding-top: 2rem;
font-weight: 200;
}

.about-statement h1.red,
.about-team h1.red,
.about-testimonials h1.red {
    color: #fa4616 !important;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 3rem;
    padding-top: 2rem;
    text-align: center;
}

.about-text-and-image,
.about-text-and-quote {
    display: flex;
    padding-top: 3rem;
    align-items: center;
}

.about-text {
    flex: 50%;
}

.about-image + .about-text {
    margin-left: 3%;
}

.about-text p {
    font-size: 1.25rem;
    padding-right: 1.25rem;
}

.about-image {
    flex: 50%;
    padding-bottom: 3rem;
}

.about-text-and-quote {
    background: #283c55;
    width: 111%;
    margin-left: -5.5%;
    padding: 3rem;
}

.about-text-and-quote .about-text p {
     color: #f7f6f4;
     margin-bottom: 0 !important;
}

.about-text-and-quote .about-quote {
    flex: 65%;
}

.about-quote blockquote {
    font-size: 1.75rem;
padding: 1.25rem;
font-weight: 200;
width: 75%;
margin: 0 auto;
line-height: 2rem
}

.about-quote .quoted {
text-transform: uppercase;
font-size: 1.25rem;
color: #fff;
width: 75%;
margin: 0 auto;
text-align: right;
font-weight: 200;
}

.about-testimonials {
    height: 350px;
    display: grid;
    background-position: center;
    background-size: 100%;
    background-blend-mode: overlay;
    background-color: #30363d;
    padding-top: 3.5%;
}

.about-testimonial {
    width: 75%;
display: grid !important;
}

.about-testimonial blockquote {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 200;
    text-align: left;
}

.about-testimonials .cycle-slide {
    opacity: 0 !important;
}

.about-testimonials .cycle-slide-active {
    opacity: 1 !important;
}

.quoted {
    text-transform: uppercase;
    font-size: 1rem;
color: #fff;
    text-align: right;
}

.about-partner {
margin-bottom: 0;
}

.partners-col {
    display: grid;
grid-template-columns: 48% 48%;
align-items: center;
grid-column-gap: 2%;
margin: 3% 0 6% 2%;
}

.partner {
    flex-basis: 48%;
    margin-right: 2%;
}

.partner:first-of-type {
    margin-left: 2%;
    height: 100%;
    display: block;
}

.partner img {
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.team-col {
    display: grid;
margin-top: 3%;
grid-template-columns: 33% 65%;
align-items: center;
grid-column-gap: 2%;
margin-left: 2%;
margin-bottom: 3%;
}

.team-members {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    margin: 5% auto 0;
    max-width: 95%;
}

.team-member {
	padding: 0 1rem;
	margin: 15% 0;
}

.team-member h3,
.partner-text h3 {
    color: #0d233f;
    font-weight: 500;
}

.partner-text h3 {
    margin-bottom: 1rem;
}

/*******************************************************************/
/*  SERVICES  */
/*******************************************************************/

.services h2 {
    color: #0d233f;
    margin-bottom: 2rem !important;
    font-weight: 200;
}


.services-text-and-image {
    display: flex;
    margin: 6% auto;
}

.services-text {
    flex: 50%;
}

.services-image + .services-text {
    margin-left: 3%;
}

.services-text p {
    padding-right: 1.25rem;
    margin-bottom: 0;
}

p.before-list {
    margin-bottom: 1.05rem;
}

.services-text ul {
    padding-right: 1.25rem;
    color: #0d233f;
}

.services-image {
    flex: 50%;
}

.services-image img {
    object-fit: cover;
    height: 100%;
 }

/*******************************************************************/
/*  CONTACT  */
/*******************************************************************/

.contact h4,
.contact h4 a {
    color: #0d233f;
    font-size: 1.25rem;
    font-weight: 200;
line-height: 1.2;
}

.contact h4 a.email {
    text-decoration: underline;
}

.contact-text-and-image {
    display: flex;
    padding-top: 3rem;
    align-items: center;
}

.contact-text {
    flex: 50%;
text-align: center;
}

.contact-image + .contact-text {
    margin-left: 3%;
}

.contact-image {
    flex: 50%;
}

.contact-image img {
    max-height: 750px;
    object-fit: cover;
 }

/*******************************************************************/
/*  INSTAGRAM  */
/*******************************************************************/

.instagram-wrap {
    padding: 0rem 2.5px;
}

.instagram-wrap iframe {
    pointer-events: none !important;
}

.instagram-wrap a {
    color: #0d233f;
    margin-top: 1rem;
    display: block;
    margin-bottom: .5rem;
    text-transform: uppercase;
}



/*******************************************************************/
/*  FOOTER  */
/*******************************************************************/

.footer {
	width: 100%;
	background-color: #0d233f;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
height: 100px;
}

.section-inner.footer {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
}

.section-inner.footer p {
    margin-bottom: 0;
    color: #ffffff;
}

img.footer-icon {
	width: 3rem;
	height: 3rem;
	opacity: 1;
	margin-bottom: 0.5rem;
}

/*******************************************************************/
/*  RESPONSIVE  */
/*******************************************************************/


@media screen and (max-width: 1158px) {
  
.lower-red {
right: -15.25rem;
}

.lower-right-red {
right: -18.25rem;
}
    
}

@media screen and (max-width: 1024px) {
    
    h1 {
        margin-bottom: .75rem;
        font-size: 2rem;
    }
    
    h3 {
        font-size: 1.25rem !important;
    }
    
    p,
    .about-text p {
        font-size: 1rem;
    }
    
    a.home-grid-link {
        height: 365px;
    }

    .grid-image-holder {
        height: 365px;
    }
    
    .home-grid-link h2 {
        max-width: 90%;
        margin: 0 auto;
    }
    
    .property-image img {
        height: 225px;
    }

    .property .content-wrap {
        height: 226px;
        top: -228px;
        margin-bottom: -12rem;
    }

    .lower-red {
        right: -12.25rem;
        bottom: .75rem;
    }

    .lower-right-red {
        right: -15.25rem;
        top: -4rem;
    }
    
    .about-testimonials {
        height: 415px;
    }
    
    .about-text-and-image {
        align-items: start;
    }
    
    .about-text {
        margin-bottom: 5%;
    }
    
    .about-quote blockquote {
        padding: 0 !important;
        margin-bottom: 4%;
    }

    .services h1 {
        font-size: 2.75rem;
        margin-bottom: 3% !important;
    }
    
    services-text-and-image:first-of-type {
        display: block;
    }
    
    .services-text-and-image:first-of-type .services-image {
        display: none;
    }
    
    .services-image {
        margin-bottom: 3% !important;
    }
    
    .services-text-and-image:nth-of-type(2) {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    
    .services-text-and-image:nth-of-type(2) .services-image,
    .services-text-and-image:nth-of-type(2) .services-text {
        flex-basis: 100%;
    }
    
}

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

    .three-columns.portfolio-item {
        margin-top: 3%;
    }

    .three-columns.portfolio-item .two-columns {
        float: left;
        width: calc(((100% - 3rem) / 3) * 2);
        margin-right: 1.5rem;
    }

    .three-columns.portfolio-item .column {
		float: left;
		width: calc((100% - 3rem) / 3);
		margin-right: 1.5rem;
	}
	
	.services-text-and-image {
        display: block;
    }

.services-text-and-image:first-of-type .services-image {
display: none;
}
    
    .services-text-and-image .services-image,
    .services-text-and-image .services-text {
        flex-basis: 100%;
    }
    
    .about-testimonials {
        height: 500px;
    }


}


@media screen and (max-width: 800px) {
    .section-outer.header {
        top: 0rem;
    }
    
    .section-inner {
        padding: 0 2rem;
    }
    
    
    .menu-list-holder {
        top: calc(33.33%);
    }
    
    ul.menu-list li a {
        font-size: 2.625rem;
    }
    
    
    .menu-open {
        -webkit-transform: translate3d(0, 120vh, 0);
        transform: translate3d(0, 120vh, 0);
    }
    
    .menu {
        display: grid;
        align-content: center;
        margin-top: -16rem;
        width: 50%;
    }
    
    ul.menu-list li a.mini {
        font-size: 2rem;
    }

    .grid.featured-projects.home {
        row-gap: 2rem;
    }

    .grid-image-holder,
    a.home-grid-link {
        height: 250px;
    }
    
    .content-wrap,
    .content-wrap:hover {
        display: none !important;
    }

.content-wrap-mobile {
display: block;
margin-top: 3%;
}

.featured-projects.home h2, 
.featured-projects.home a,
.overlay-title {
font-size: 1.5rem;
font-weight: 300;
}

    .hero {
        height: 500px;
    }
    
     .featured-projects.home img,
     .grid-image-holder {
        height: auto;
    }
    
    .property {
        flex-basis: 50%;
margin-bottom: 5%;
    }
    
    .modal-content {
        width: 80%;
        height: 100vh;
        display: grid;
        align-content: center;
    }

    .prev {
        left: 0%;
    }

    .next {
        right: 0%;
    }
    
     .portfolio-item {
        grid-template-columns: 55% 45%;
    }
    
    .details-col {
        padding: 0 1rem;
    }
    
    .lower-red {
        right: -17rem;
        bottom: 2.5rem;
    }

    .lower-right-red {
        right: -20rem;
        top: -3.75rem;
    }
    
    .image-grid-wrap > .image-grid-item:last-of-type {
        grid-row: 1/3;
    }
    
    .about-text-and-quote,
    .about-text-and-image,
    .services-text-and-image,
    .about-text-and-image, 
    .about-text-and-quote {
        display: block !important;
    }
    
    .about-quote blockquote {
        padding: 4.25rem;
    }
    
    .about-text-and-image:last-of-type .about-image {
        padding-bottom: 0;
    }
    
    .services-image + .services-text {
        margin-left: auto !important;
    }
    
    .services-text-and-image:nth-of-type(2) {
        display: flex !important;
    }
    
    .services-image {
        margin-bottom: 7% !important;
    }
    
    .partners-col {
        grid-template-columns: 100%;
        margin: 6% auto;
    }
    
    .partner:first-of-type {
       margin-left: 0; 
    }
    
    .partner-text {
        margin-top: 4%;
    }
    
    .partners-col:nth-of-type(2) {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .partners-col:nth-of-type(2) .partner {
        height: 500px;
        width: 100%;
    }
    
    .partners-col:nth-of-type(2) .partner img {
        object-fit: cover;
        object-position: 50% 10%;
        height: 500px;
    }
    
    .team-col {
        display: block;
    }
    
    .contact-text-and-image {
        flex-direction: column;
    }
    
    .contact-image {
        margin-top: 4%;
        margin-bottom: 6%;
    }
    
}

@media screen and (max-width: 480px) {
    
    h1 {
        font-size: 2.2rem;
    }
    
   .section-outer.header.sticky {
       opacity: 1;
   }
   
   .header.sticky + .c-hamburger {
       top: .75rem;
   }
  
   
    ul.menu-list li a {
        font-size: 1.625rem;
    }
    
    
    .grid.featured-projects.home {
        display: block;
    }
    
    .featured-projects.home .item {
        margin-bottom: 2rem;
    }
    

    .property {
        flex-basis: 100%;
    }
    
    .project.hero {
        height: 350px;
    }
    
    .portfolio-item {
        display: block;
    }
    
    .details-col {
        padding: .5rem;
        margin-top: 2rem;
    }
    
    .details-wrap {
        min-width: unset;
    }
    
    .about.blue {
        margin-bottom: 1rem;
    }
    
    .lower-red {
        bottom: 0.5rem;
        right: -18.5rem;
    }
    
    .lower-right-red {
        top: -3.75rem;
        right: -21.5rem;
    }
    
    .project-statement {
        margin-bottom: 5%;
    }
    
    .section-inner.bottom-margin {
        margin-bottom: 0;
    }
    
    .c-hamburger {
        right: 1rem;
        height: 4rem;
    }
    
    .site-title-wrap,
    .header-inner .page-title {
        font-size: 1.75rem;
			width: 200px;
        float: left;
        display: grid;
        justify-content: start;
    }
    
    .menu {
        margin-top: -10rem;
    }
    
    .menu-open {
        transform: translate3d(0, 122vh, 0);
    }
    
    ul.menu-list li a.mini {
        font-size: 1.25rem;
    }
    
    img.header-icon {
        margin-left: 0.5rem;
    }
    
    .mySlides {
        margin-top: -3rem;
    }
    
    .mySlides img {
        height: unset !important;
    }
    
    .prev {
       left: -3%; 
    }
    
    .next {
       right: -3%; 
    }
    
    .image-grid-wrap {
        display: block;
    }
    
    .image-grid-item {
        padding: .5rem 0;
    }
    
    .about-text h1 {
        word-break: break-all;
    }
    
    .about-text-and-quote {
        padding: 1rem;
        width: 120%;
        margin-left: -10.5%;
    }


    .about-quote blockquote {
        width: 90%;
        font-size: 1.25rem;
        padding-top: 4% !important;
    }
    
    .about-testimonial blockquote {
        font-size: 1.25rem;
        padding-top: 8%;
    }
    
    .about-testimonials {
        margin-top: 6%;
    }
    
    .services h1 {
        font-size: 2.25rem;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
    
    .services h2 {
        margin-bottom: 1rem !important;
    }
    
    .section-inner.footer {
        text-align: left;
    }
    
    .section-inner.footer p {
        padding-right: 4rem !important;
    }
    
    .partner:first-of-type {
       margin-top: 10%; 
    }
    
    .partner-text {
        margin-top: 2rem;
    }

    .team-members {
        grid-template-columns: 50% 50%;
    }
    
}

@media screen and (max-width: 375px) {
    h1 {
        font-size: 3rem;
    }
    
    .project .section-outer .section-inner.bottom-margin {
        padding: 0 .5rem;
    }
    
    .site-title-wrap, 
    .header-inner .page-title {
        font-size: 1.5rem;
    }
    
}

@media screen and (min-width: 300px) {
    .project.hero,
    .project.hero.bw {
        background-position: center;
        background-attachment: scroll;
    }
}

@media screen and (min-width: 1024px) {
    .project.hero.bw {
        background-position: center 100%;
    }

    .property .content-wrap {
        padding: 0 .5rem;
    }
}

@media screen and (min-width: 1440px) {
    .project.hero {
        height: 500px;
    }
}

@media screen and (min-width: 1600px) {
    .project.hero {
        height: 600px;
    }
    
    .project.hero.bw,
    .project.hero.countryestate {
        background-position: center 85%;
    }
    
    .project.hero.anguilla {
        background-position: center 25%;
    }

  .partner img {
        height: 550px;
        object-position: top;
    }
    
    .grid-image-holder {
        height: 500px;
    }
    
    a.home-grid-link {
        height: 500px;
        background-position: center;
    }
}