#mainwrap {
	position: 			relative;
	z-index:			10;
	margin:				0;
	padding:			0;

	width:				100%;
	min-height:			100%;

	overflow:			hidden;
	
	pointer-events: 	none;
}

#mainwrap img,
#mainwrap iframe {
	max-width:			100%;
	height:				auto;
}

.inner {
	position:			relative;

	margin:				0 auto 0 auto;
	padding:			0 20px;
	
	max-width:			1200px;
	
	pointer-events: 	all;
}

.inner:after {
	display:			block;
	content:			' ';
	clear:				both;
}

#bgwrap {
	position:			fixed;
	z-index:			10;
	top:				0;
	left:				50%;
	
	margin:				0 0 0 -710px;
	padding:			0;
	
	overflow:			hidden;

    width:				1420px;
    height:				100%;
}

.nobg #bgwrap {
	display:			none;	
}

#bgwrap #slideshow {
	position:			absolute;
	top:				0;
	left:				0;
	
    width:				100%;
    height:				100%;
}

#slideshowcontrols {
	position:			absolute;
	top:				50%;
	left:				50%;
	z-index:			9999;
	
	display:			none;
	visibility: 		hidden;	
	
	width:				1340px;
	height:				50px;
	box-sizing:			border-box;

	margin:				0 0 -25px -670px;
	padding:			0;
	
	pointer-events:		none;

	text-align:			center;
}

@media screen and (min-width: 1360px) { 
	#slideshowcontrols {
		visibility: 	visible;
	}
}

@media screen and (min-width: 1900px) { 
	#slideshowcontrols {
		width:				1880px;

		margin:				0 0 -25px -940px;
	}
}

#slideshowcontrols > div.cycle-prev {
	position:			absolute;
	top:				0;
	left:				0;

	width:				48px;
	height:				48px;

	line-height:		100%;

	background-color:	transparent;
	
	border:				1px solid rgb(255,255,255);
	
	pointer-events: 	all;
	transition: 		all 1s;
	cursor:				pointer;
	
	background-color:	rgba(0,0,0,0);
}

#slideshowcontrols > div.cycle-prev:after {
	text-indent:		0;
	text-align:			center;
	line-height:		55px;
	font-size:			25px;
	color:				rgb(255,255,255);
	
	vertical-align:		middle;
	content:			"\f053";
	font-family:		FontAwesome;	
}


#slideshowcontrols > div.cycle-pager {
	width:				58px;
	
	margin:				58px -4px 0 auto;
	padding:			0;
	
	text-align:			center;
}

#slideshowcontrols > div.cycle-pager a,
#slideshowcontrols > div.cycle-pager span {
	display:			inline-block;

	margin:				0 2px;
	padding:			0;
	
	width:				15px;
	height:				15px;
	
	text-indent:		-9999px;
	text-align:			left;
	
	background-color:	rgb(255,255,255);
	
	border-radius:		100%;
	
	pointer-events: 	all;
	cursor:				pointer;
	
	opacity:			0.75;
}

#slideshowcontrols > div.cycle-pager a.activeSlide,
#slideshowcontrols > div.cycle-pager span.activeSlide {
	cursor:				auto;
	
	background-color:	rgb(0,0,0);
}

#slideshowcontrols > div.cycle-next {
	position:			absolute;
	top:				0;
	right:				0;

	width:				48px;
	height:				48px;

	line-height:		100%;

	background-color:	transparent;
	
	border:				1px solid rgb(255,255,255);
	
	pointer-events: 	all;
	transition: 		all 1s;
	cursor:				pointer;
	
	background-color:	rgba(0,0,0,0);
}

#slideshowcontrols > div.cycle-next:after {
	text-indent:		0;
	text-align:			center;
	line-height:		55px;
	font-size:			25px;
	color:				rgb(255,255,255);
	
	vertical-align:		middle;
	content:			"\f054";
	font-family:		FontAwesome;	
}

#slideshowcontrols > div.cycle-prev:hover,
#slideshowcontrols > div.cycle-next:hover {
	background-color:	rgba(0,0,0,0.5);
	
}

#slides {
	display:			none;
}

.slide {
	position:			relative;

	margin:				0;
	padding:			0;
	
	width:				1420px;
	height:				100%;
	
	line-height:		100%;
}

.slide img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	
	margin:				auto;

	width:				100%;
	height:				auto;

	pointer-events: 	none;
}

@media screen and (min-height: 1024px) { 
	#bgwrap {
		margin:				0 0 0 -925px;

		width:				1850px;
	}	
	
	.slide {	
		width:				1850px;
	}
}

@media screen and (min-width: 1421px) { 
	#bgwrap {
		margin:				0 0 0 -800px;

		width:				1600px;
	}

	.slide {
		width:				1600px;
	}
}

@media screen and (min-width: 1601px) { 
	#bgwrap {
		margin:				0 0 0 -960px;

		width:				1920px;
	}

	.slide {
		width:				1920px;
	}
}

@media screen and (min-width: 1921px) { 
	#bgwrap {
		margin:				0 0 0 -1250px;

		width:				2500px;
	}

	.slide {
		width:				2500px;
	}
}

@media screen and (max-aspect-ratio: 3/4) {
	#bgwrap {
		margin:				0 0 0 -3000px;

		width:				6000px;
	}

	.slide {
		width:				6000px;
	}

	.slide img {
		width:				auto;
		height:				100%;
	}
}

#headerwrap {
	position:			fixed;
	z-index:			30;
	top:				0;
	left:				0;

	width:				100%;
	height:				160px;
	
	margin:				0;
	padding:			0;
	
	text-align: 		right;

	background-color:	rgba(0,0,0,0.66);	
}

.home #headerwrap {
	position:			relative;
	top:				auto;
	left:				auto;
	
	width:				auto;
	height:				auto;
	
	background-color: 	transparent;
}

.home #headerwrap .inner {
	padding:			110px 20px 0 20px;
}

#headerwrap .link-home {
	position:			absolute;
	top:				0;
	left:				20px;
	display:			block;
	
	width:				340px;
	height:				160px;
	overflow:			hidden;
	max-width:			100%;	
	
	margin:				0;
	padding:			0;
	
	text-align: 		left;
	text-indent:		-999px;
	pointer-events: 	all;	

/*	background-image:	url('../images/logo_kirk-apartments-horizontal.png'); */
	background-image:	url('../images/logo_kirk-apartments-horizontal.svg');	
	background-repeat:	no-repeat;
	background-position:center;
	background-size:	contain;
	
	background-color: 	rgb(255,255,255);
	
	box-shadow:			0 0 30px rgba(0,0,0,0.3);
}

.home #headerwrap .link-home {
	position: 			relative;
	top:				auto;
	left:				auto;
	
	width:				435px;
	height:				325px;
	
	margin:				0 auto;


/*	background-image:	url('../images/logo_home_kirk-apartments-stacked.png'); */
	background-image:	url('../images/logo_home_kirk-apartments-stacked.svg');
	
	background-color: 	transparent;
	
	box-shadow:			none;
}

#navcontrols {
	position:			fixed;
	top:				30px;
	right:				30px;
	
	z-index:			100;
	
	pointer-events: 	all;
	
	display:			none;	
}

#navwrap {
	margin:				0;
	padding:			60px 0;
}	

.home #navwrap {
	position:			absolute;
	
	top:				0;
	left:				0;
	
	width:				100%;
	
	text-align:			center;
}

#navwrap ul,
#navwrap li {
	position:			relative;
	display:			inline-block;

	margin:				0;
	padding:			0;
	
	list-style:			none;
	line-height:		100%;
}

#navwrap li {
	margin:				0 10px;
}

#navwrap li:last-child {
	margin:				0;
}

#navwrap li.menu-item-has-children:after {
	display:			block;
	width:				16px;
	height:				16px;
	
	position:			absolute;
	bottom:				-25px;
	left:				50%;
	
	margin:				0 0 0 -8px;
	padding:			0;
	
	vertical-align:		middle;
	font-family:		FontAwesome;		
	font-weight: 		normal;
	text-align:			center;
	line-height:		15px;
	font-size:			20px;
	color:				rgb(255,255,255);
	content:			"\f0d7";
}

.home #navwrap li.menu-item-has-children:after {
	display:			none;
}

#navwrap a,
#navwrap a:link,
#navwrap a:visited {
	display:			block;
	box-sizing: 		border-box;

	height:				40px;

	margin:				0;
	padding:			0 15px;

	font-size:			155%;
	line-height:		38px;
	vertical-align: 	middle;
	text-decoration:	none;
	text-transform:		uppercase;
	opacity:			1;
	color:				rgb(255,255,255);
	
	pointer-events: 	all;
	outline:			none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
	
	transition: 		border 1s;
	border:				1px solid transparent;
}

#navwrap a:active,
#navwrap a:focus,
#navwrap a:hover {
	border-color:		rgb(255,255,255) !important;
}

#navwrap .current-menu-item > a,
#navwrap .current-menu-ancestor > a {
	border-color:		rgb(255,255,255);
}

#navwrap:hover .menu > .current-menu-item > a,
#navwrap:hover .menu > .current-menu-ancestor > a {
	border-color:		transparent;
}

#navwrap ul ul,
#navwrap ul ul li {
	width:				180px;
	
	margin:				0;
	padding:			0;
}

#navwrap ul ul  {
	position:			absolute;
	z-index:			990;

	margin:				0 0 0 -90px;
    padding:			10px 0 0 0;
    
	top:				-9999px;
	left:				50%;

	text-align:			center;
	
	opacity:			0;
}

#navwrap ul ul li {
	background-color: rgb(0,0,0);
}

#navwrap ul li:hover ul {
	top:				40px;

    opacity:			1;

    transition:         opacity 1s;
}

.ctaopen #navwrap ul li:hover ul,
.home #navwrap ul li:hover ul {
	top:				-9999px;
}

#navwrap ul ul a,
#navwrap ul ul a:link,
#navwrap ul ul a:visited {
	position:			relative;
	display:			block;

	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				auto;
	
	font-size:			100%;

	border:				1px solid rgb(255,255,255);	
	border-bottom:		none;
	
}

#navwrap ul ul li:last-child a {
	border-bottom:			1px solid rgb(255,255,255);
}

#navwrap ul ul a:active,
#navwrap ul ul a:focus,
#navwrap ul ul a:hover {
	background-color:	rgba(255,255,255,0.1);
}

#navwrap ul ul ul {
	display:			none;	
}

#contentwrap {
	position: 			relative;
	z-index: 			20;
	
	margin:				0;
	padding:			160px 0 0 0;
	
	overflow: 			hidden;
	
	pointer-events: 	none;
}

.home #contentwrap {
	padding:			0;
}

#primary {
	position:			relative;
	box-sizing:			border-box;
	
	float:				left;
	
	width:				340px;

	margin:				0 auto 0 0;
	padding:			20px 30px;
	
	overflow:			hidden;
	
	background-color:	rgba(0,0,0,0.66);
	
	box-shadow:			0 0 30px rgba(0,0,0,0.3);	
	
	opacity:			1;
	
	transition: 		opacity 1s;	
}

.home #primary {
	float:				none;
	
	width:				auto;
	
	max-width:			700px;

	margin:				0 auto;
	padding:			0;

	text-align: 		center;
	
	background-color:	transparent;
	
	box-shadow:			none;	
}

.home.hasbg #primary article {
	padding:			0px 40px 1px 40px;
	
	max-width:			780px;	
	
	background-color:	rgba(0,0,0,0.75);
	
	box-shadow:			0 0 30px rgba(0,0,0,0.75);	
}

#primary article > h1 {
	font-family:		'Oswald', sans-serif;
	font-weight:		400;	
	text-transform:		uppercase;
}

.home #primary article > h1 {
	display:			block;
	font-family:		'Playfair Display', serif;
	font-size:			65px;
	font-weight: 		900;
	text-align:			center;
	font-style: 		italic;
	line-height: 		110%;
	text-transform: 	none;
	
	margin:				20px 0;
	padding:			0;
	
	color:				rgb(255,255,255);
}

#primary .gallery {
	display:			none;
}

#primary ul,
#primary ol {
	font-size:			75%;
}

#primary a.btn,
#primary a.btn:link,
#primary a.btn:visited {
	display:			block;
	box-sizing: 		border-box;

	margin:				0 0 20px 0;
	padding:			10px 15px;

	
	font-family:		'Oswald', sans-serif;
	font-weight:		400;	
	font-size:			140%;
	text-align: 		center;
	text-decoration:	none;
	text-transform:		uppercase;
	opacity:			1;
	line-height: 		110%;
	color:				rgb(255,255,255);

	border:				1px solid rgb(255,255,255);
}

.home #primary a.btn {
	border-color:		rgb(94,0,0);
	border-radius:		5px;
	
	background-color:	rgb(94,0,0);
}

#secondary {
	margin:				0 0 0 380px;
	padding:			20px 0 0 0;
	
	overflow: 			hidden;
}

.home #secondary {
	display:			none;
}

#footerwrap {
	margin:				0;
	padding:			0;
}	

.trigger,
.trigger.fa {
	position:			absolute;
	box-sizing: 		border-box;

	top:				0;
	right:				0;
	
	margin:				0;
	padding:			0;
	
	width:				40px;
	height:				40px;
	
	cursor: 			pointer;

	line-height:		38px;
	font-size:			20px;
	text-align: 		center;
	color:				rgb(255,255,255);

	border:				1px solid rgb(255,255,255);
}

#ctawrap {
	position:			fixed;
	z-index:			99;
	top:				100%;
	left:				0;	
	
	margin:				0;
	padding:			0;
	
	box-sizing:			border-box;
	
	width:				100%;
	height:				100%;

	opacity:			0;
	
	transition: 		all 1s;
	
	background-color:	rgba(0,0,0,0.9);
	
	box-shadow:			0 0 30px rgba(0,0,0,0.3);
}

.ctaopen #ctawrap {
	display:			block;
	
	top:				160px;
	
	opacity:			1;	
}

.ctaopen #primary {
	opacity: 			0;
}

.home.ctaopen #ctawrap {
	top:				0px;
}

#ctaclose.trigger {
	top:				20px;
	right:				20px;

}

 #ctawrap article {
	position:			relative;
	box-sizing:			border-box;

	float:				left;
	 
	width:				340px;

	margin:				0 auto 0 0;
	padding:			20px 30px;
	
	overflow:			hidden;
}

#ctawrap .widget {
	position:			relative;
	box-sizing:			border-box;
	
	margin:				0 0 0 0;
	padding:			20px 60px 20px 30px;
	
	overflow: 			hidden;
}

#ctaclose:after {
	display:			block;
	position:			absolute;
	top:				0;
	right:				0;
	
	width:				100%;
	height:				100%;
	
	vertical-align:		middle;
	font-family:		FontAwesome;		
	font-weight: 		normal;
	text-align:			center;
	line-height:		38px;
	font-size:			20px;
	color:				rgb(255,255,255);
	content:			"\f00d";
}

#ctawrap .trigger {
	z-index:			999;
}

.alignleft {
	float:				left;

	margin:				0px 40px 20px 0px;
	padding:			0px;	
}

.alignright {
	float:				right;

	margin:				0px 0px 20px 40px;
	padding:			0px;	
}


.readmore {
	display:			block;
	text-align:			right;
}


dl.gallery-item dt {
	float:				none;
	width:				auto;
	
	text-align:			left;
}

dl.gallery-item dd {
	margin:				0px;
	padding:			0px;

	text-align:			left;		
}

.gallery {
	margin:				0 !important;
}

.gallery .gallery-item {
	position:			relative;
	
	padding:			0;
	margin:				0 0 20px 0 !important;	
		
	line-height:		0;
}

.gallery .gallery-item img {
	display:			block;

	width:				90%;
	height:				auto;

	margin:				0 auto;
	
	border:				none !important;
}

.gallery-columns-1.gallery .gallery-item img {
	width:				100%;
}

.gallery .gallery-caption {
	position:			absolute;
	margin:				0;
	padding:			2%;
	left:				5%;
	bottom:				0;
	
	width:				86%;
	color:				rgb(255,255,255);
	line-height:		120%;
	font-size:			14px;
	text-align: 		center;
	
	opacity:			0.8;
	
	background-color:	rgba(0,0,0,0.66);
}

.gallery-columns-1.gallery .gallery-caption {
	left:				0;
	width:				96%;
}

.gallery .gallery-item:hover .gallery-caption {
	opacity:			1;
}

.columns  {
	position:			relative;

	margin:				0;
	padding:			0;
	
	width:				100%;
}

.columns.centered {
	text-align:			center;
}

.columns:after  {
	content:			'';
	display:			block;
	clear:				both;	
}

.columns .column  {
	position:			relative;
	box-sizing:			border-box;
	
	width:				50%;
	
	margin:				0 0 20px 0;
	padding:			0 0 0 10px;
		
	float:				left;
}

.columns .column:nth-child(2n - 1)  {
	clear:				both;

	padding:				0 10px 0 0;
}

.columns.three .column  {
	width:				33.3333333333%;
}

.columns.three .column:nth-child(2n - 1)  {
	clear:				none;
}

.columns.three .column:nth-child(3n - 2)  {
	clear:				both;
}

.columns.four .column  {
	width:				25%;
}

.columns.four .column:nth-child(2n - 1)  {
	clear:				none;
}

.columns.four .column:nth-child(3n - 2)  {
	clear:				none;
}

.columns.four .column:nth-child(4n - 3)  {
	clear:				both;
}

.columns .column img {
	margin:				auto;
}

.wpcf7-form {
	box-sizing:			border-box;
	
	margin:				0;
	padding:			0;

	line-height:		40px;
	
	font-size:			17px;
	font-family:		'Oswald', sans-serif;
}

.wpcf7-form br {
	display:			none;
}

.wpcf7-form p {
	margin:				0;
	padding:			0;
	line-height:		40px;
}

.wpcf7-form input,
.wpcf7-form label,
.wpcf7-form select,
.wpcf7-form textarea {
	display:			inline-block;
	box-sizing:			border-box;
	
	outline:			none !important;
	
	margin:				0 0 5px 0;
	padding:			1px 0 1px 10px;
	
	color:				rgb(255,255,255);
	height:				40px;
	line-height:		40px;
	vertical-align:		middle;
	
	border:				1px solid rgb(255,255,255);
	
	background-color:	transparent;
}


.wpcf7-form select {
	color:				rgb(0,0,0);
	
	background-color:	rgba(255,255,255,0.25);
}

.wpcf7-form label {
	width:				33.333%;
	
	text-transform: 	uppercase;
	
	border-right:		none;
}

.wpcf7-form label.req {
	color:				rgb(141,198,63);
}

.wpcf7-form label.fullwidth {
	width:				100%;	
	margin:				0;
	border-bottom:		none;
	
	border-right:		1px solid rgba(255,255,255,0.9);
}

.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'],
.wpcf7-form input[type='phone'],
.wpcf7-form input[type='password'],
.wpcf7-form select {
	width:				66.666%;
	
}

.wpcf7-form textarea {
	width:				100%;
	height:				130px;
}

.wpcf7-form input[type='submit'] {
	width:				100%;

	margin:				0;
	padding:			0;
	
	height:				40px;
	line-height:		30px;

	font-size:			28px;
	text-transform:		uppercase;
	color:				rgb(255,255,255);
	font-weight:		900;
	background-color:	rgb(141,198,63);
	
	vertical-align: 	top;
	
	border:				none;

	cursor:				pointer;
}

.wpcf7-form div.wpcf7-response-output {
	padding:			20px 10px;
	text-align:			center;
}

.wpcf7-form span.wpcf7-form-control-wrap {
	position:			relative;
	
	margin:				0;
	padding:			0;

	height:				40px;
	line-height:		40px;
	
	overflow:			hidden;
}

.wpcf7-form span.wpcf7-not-valid-tip {
	position:			absolute;
	top:				-5px;
	left:				0;
	
	display:			inline-block;
	box-sizing:			border-box;	

	height:				40px;
	line-height:		40px;

	margin:				0;
	padding:			0 0 0 5px;

	font-size:			12px;

	pointer-events:		none;
	
	opacity:			1;
	
	color:				rgb(204,0,0);
}

.wpcf7-form .wpcf7-form-control-wrap:hover span.wpcf7-not-valid-tip {
	display:			none;
}

.wpcf7-form div.wpcf7-response-output {
	margin:				0;
}

.wpcf7-form .ajax-loader {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
}

.wpcf7-form div.wpcf7-mail-sent-ok {
	position:			absolute;
	top:				0;
	left:				0;
	
	margin:				0;
	padding:			100px 40px 0 40px;
	
	width:				100%;
	height:				100%;
	
	box-sizing:			border-box;
	border:				none;
	
	font-size:			220%;
	color:				rgb(255,255,255);
	font-weight:		900;
	line-height:		120%;
	
	background-color:	rgba(0,0,0,0.9);		
}

.videolink {
	display:			inline-block;
	position:			relative;
	
	border:				none !important
}

.videolink:after {
	position:			absolute;
	top:				50%;
	left:				50%;
	
	margin:				-40px 0 0 -40px;
	padding:			0;
	
	width:				80px;
	height:				80px;
	
	font-family:		FontAwesome;
	font-size:			80px;
	line-height:		80px;
	color:				rgb(255,255,255);
	text-align: 		center;
	
	content:			'\f144';
	
	opacity:			0.9;
}

.videolink:hover:after {
	opacity:			1;
}

.listing {
	position:			relative;
	
	margin:				0 0 20px 0;
	padding:			20px;
	
	font-size:			75%;
	color:				rgb(51,51,51);
	
	border:				1px solid rgb(51,51,51);
	
	background-color:	rgb(255,255,255);
}

.listing a,
.listing a:link,
.listing a:visited {
	color:			rgb(51,51,51);
}

.listing h1,
.listing h2,
.listing h3,
.listing p,
.listing ul,
.listing ol { 
	margin:				0 0 5px 0;
	
	font-weight:		400;
}

.listing ul {
	padding:			0;
}

.listing li {
	display:			inline;
	
	list-style: 		none;
	
	margin:				0;
	padding:			0;
}

.listing li:before {
	content:			'\2022';
	margin:				0 5px 0 2px;
}

.listing:after {
	content:			' ';
	display: 			block;
	clear: 				both;
}

.listing .hero {
	position:			relative;
	
	display:			block;
	box-sizing:			border-box;

	float:				left;
	
	width:				30%;
	height:				0;
	
	margin:				0 20px 0 0;
	padding:			30% 0 0 0;	
	
	overflow:			hidden;

	background-color:	rgb(229,229,229);
}

.listing .hero img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;

	margin:				auto;
	
	width:				auto !important;
	height:				100% !important;	
	
	max-width:			none !important;		 

	pointer-events: 	none;
}