@charset "UTF-8";
#hireHover:hover .hire-menu {
	display: block !important;
}
.soc-icon-top { 
	color: #fff;
    font-size: 30px !important;
    padding: 8px 5px; 
}
.video-container {
padding-bottom: 56.25%;
height: 0; overflow: hidden;
margin-top: -67px;
}

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

@media screen and (max-width: 767px)
{
.video-container {
	margin-top: 10px !important;
}
.soc-icon-top {
	font-size: 20px !important;
 }
 .black-dmnd-footer-social {
 	margin-top: 15px !important;
 }
 #the_black_diamond_promo {
 	width: 100% !important;
 	height: 100%!important;

 }
}
.social-bottom-center {
	text-align: center;
}
.black-dmnd-footer-social {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
}
.black-dmnd-footer-social li { display: inline; }
.black-dmnd-footer-social li a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30%;
}
.home-video-background {
	background: #000;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 1;
	position: absolute; 

overflow: hidden; 
padding-top: 0; 
padding-left: 0; 
padding-right: 0; 
}
.home-video-foreground,
.home-video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
@media screen and (min-width: 1025px) {
	.video-container {
position: relative;
}
	.home-video-background {
		position: fixed !important;
		z-index: -99 !important;
	}
}
/*@media (min-aspect-ratio: 16/9) {
	.video-container { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	.video-container { width: 300%; left: -100%; }
}*/
@media screen and (min-width: 1025px) {
	/*EVENT PRICE*/
	.price-row {
		max-width: 1024px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		flex-flow: row;
		justify-content:space-around;
	}
	.main-top-wrap .price-row {
		margin-top: 50px;
	}
	.price-column{
		font-family: 'Didot', serif;
		text-align: center;
		font-weight: bold;
	}
	.price-column--half {
		flex: 0 1 50%;
	}
	.price-column--third {
		flex: 0 1 33.333333%;
	}
	.price__number{
		position: relative;
		display:inline-block;
		font-size: 25px;
		line-height: 25px;
		letter-spacing: 2px;
	}
	.price__number:after {
		content: "";
		position: absolute;
		right: -25px;
		top: 0;
		display:block;
		width: 20px;
		height: 15px;
		background: url( ../img/black-diamond-price-nzd-gst.svg) no-repeat;
	}
	.price__concept {
		display: block;
		margin: 10px auto 0 auto;
		padding-left: 20px;
		font-size: 13px;
		line-height: 13px;
	}
	.floor-plan__section .price__number {
		margin-left: -20px;
	}
	.floor-plan__section .price__concept {
		margin: 20px auto 10px auto;
		padding: 0;
	}
	.floor-plan__section .price__client {
		display: block;
		margin-top: 10px;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-size:13px;
		font-weight: 300;
	}
	.floor-plan__section {
		margin-bottom: 50px
	}
	
	/* HOME */
	.special-overlay {
		width: 500px;
		height:400px;
		background-color:rgba(255,255,255,0.85);
		position: fixed;
		z-index: 10;
		left: 50%;
		top:70px;
		transform: translateX(-50%);
		box-shadow: 0 0 0 3px #000, 0 10px 30px 0 rgba(0,0,0,0.3);
		display: none;
	}
	.special-overlay__close {
		position: absolute;
		right: -10px;
		top: -10px;
		display: block;
		width: 30px;
		height: 30px;
		background-color: #000;
		border: 2px solid #FFF;
		color: #FFF;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		z-index: 3;
	}
	.special-overlay img {
		width: 100%;
		height: auto;
	}
	.main-header__banner--home{
		position:relative;
		height:calc(100vh - 70px);
	}
	.main-header__more-arrow {
		position: absolute;
		left: 50%;
		bottom:0;
		width:70px;
		height: 70px;
		background-color: rgba(0,0,0,0.85);
		border: 2px solid #FFF;
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
	}
	
	.main-header__more-arrow:after{
		content:"";
		display: block;
		width: 22px;
		height: 22px;
		margin-left: 20px;
		margin-top: 20px;
		border-right:2px solid #FFF;
		border-bottom:2px solid #FFF;
		animation: home-arrow-anim 1s alternate infinite;
	}
	@-webkit-keyframes home-arrow-anim {
			0% { -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);} 
			100% { -webkit-transform: translateX(5px) translateY(5px); transform: translateX(5px) translateY(5px);} 
		}
	@keyframes home-arrow-anim {
			0% { -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);} 
			100% { -webkit-transform: translateX(5px) translateY(5px); transform: translateX(5px) translateY(5px);} 
		}	
	.main-home {
		background: url(../img/black-diamond-home-grid-bg.svg) repeat;
	}
	.home-heading__wrap {
		margin: 0 auto;
		max-width: 800px;

	}
	.home-heading__h2, .home-heading__h3 {
		text-align: center;
		font-family:'Didot',serif;
		font-weight:bold;
	}
	.home-heading__h2 {
		margin: 0 auto;
		max-width: 550px;
		font-size:25px;
		line-height:120%;
	}
	.home-heading__h3 {
		margin-top:10px;
		font-size:15px;
		line-height:150%;
	}			
	.main-home__grid-row{
		max-width: 1024px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		flex-flow: row;
		justify-content: center;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}
	.main-home__left-odd, .main-home__right-even {
		flex: 0 1 calc(100% - 320px);
		position: relative;
	}
	.main-home__grid-row:hover .main-home__section-blurb, .main-home__grid-row:hover .main-home__section-blurb {
		box-shadow: 0 0 0 20px #fff, 0 0 20px 30px rgba(0,0,0,0.035);

	}
	.main-home__left-even, .main-home__right-odd  {
		flex: 0 1 320px;
	}
	.main-home__section-blurb{
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		display: block;
		background-color: #FFF;
		max-width: 500px;
		font-size:17px;
		line-height: 150%;
		transition: box-shadow .3s ease-in-out;
/*		box-shadow: 0 0 0 0 #fff;*/
	}
	.main-home__left-odd .main-home__section-blurb{
		right: 100px;
		text-align: right;
	}
	.main-home__right-even .main-home__section-blurb{
		left: 80px;
		text-align: left;
	}			
	.main-home__section-blurb--even{
	}
	.main-home__section-thumb {
		position: relative;
		width: 300px;
		height: 400px;
	}
	.main-home__section-photo {
		display: block;
		width: 300px;
		height: 400px;
		background-color: #FFF;
		border: 0;

	} 
	.main-home__section-photo img {
		width: 300px;
		height:auto;
		transition: opacity 0.3s ease-in-out;
		opacity: .9;
	}
	.main-home__section-btn {
		position: absolute;
		display: block;
		padding: 15px;
		background-color: black;
		text-transform: uppercase;
		letter-spacing: 2px;
		word-spacing: 3px;
		font-size:13px;
		font-weight: 200;
		line-height: 30px;
		bottom: 30px;
		right:-20px;
		color: #FFF;
		transition: all 0.3s ease-in-out;
	}
	.main-home__section-thumb:hover .main-home__section-photo img{
		opacity:1;
	}
	.main-home__section-thumb:hover .main-home__section-btn{
		background-color: #FFF;
		color: #000;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
	}
	.video-row {
		display: flex;
		flex-wrap: wrap;
		flex-flow: row;
		justify-content:space-between;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}
	.video-row .grid-third {
		flex: 0 0 33%;
	}
	.grid-third iframe {
		width: 100%;
		height:15vw;
		display: block;
		margin: 0 auto;
	}
	.video-row__video-title {
		display: block;
		background-color: #000;
		color: #FFF;
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
		font-size:15px;
		line-height: 15px;
	}
	
	
}

.main-header__banner--home{
	position: relative;
}
.main-header__banner--home iframe{
	width: 100%;
	height: 100%;
}
.main-header__banner--home .main-header__heading-wrapper{
	position: absolute;
	left: 50%;
	top: 79%;
    transform: translate(-50%, -30%);
}
.main-header__banner--home .main-header__heading-wrapper h1{
	margin-top: 0;
	line-height: 70px;
	max-width: 100%;
}

@media screen and (max-width: 1024px){
	.main-home .home-heading__wrap {
	    padding: 0 15px;
	    text-align: center;
	}

	.main-home .home-heading__wrap h3 {
	    font-size: 15px;
	    font-weight: 400;
	    margin-top: 10px;
	    font-family: 'Didot',serif;
	}

	.main-home .home-heading__wrap h2.home-heading__h2 {
	    font-family: 'Didot',serif;
	}
	.main-home .main-home__grid-row {
	    padding: 0 15px;
	    margin-bottom: 40px;
	}

	.main-home .main-home__grid-row .main-home__section-thumb .photo-wrap {
	    max-width: 400px;
	    margin: auto;
	}

	.main-home .main-home__grid-row .main-home__section-blurb {
	    text-align:  center;
	    margin: 10px 0;
	}
	.main-home .main-home__grid-row .main-home__section-thumb a.main-home__section-btn {
	    display: inline-block;
	    background:  #000;
	    color:  #fff;
	    padding:  10px;
	    margin-bottom: 10px;
	    width: 147px;
    text-align: center;
	}

	.main-home ~ .home-heading__wrap, .main-home ~ .video-row {
	    padding: 0 15px;
	    text-align: center;
	}

	.main-home ~ .video-row .grid-third {
	    margin-bottom:  40px;
	}

	div#specialOverlay {
	    width: 500px;
	    margin: auto;
	}

	#specialOverlay a {
	    display:  block;
	    overflow:  hidden;
	    max-width:  500px;
	}
	#specialOverlay a img{
	    width:100%;
	    max-width:500px;
	}

	main.main-home .main-home__grid-row:nth-child(even) {
	    display: flex;
	    flex-direction: column;
	}

	main.main-home .main-home__grid-row:nth-child(even) div:nth-child(2) {
	    width:  100%;
	    -webkit-order: 1;
	    order: 1;
	}

	main.main-home .main-home__grid-row:nth-child(even) div:nth-child(1) {
	   -webkit-order: 2;
	    order: 2;
	}


	main.main-home .main-home__grid-row:nth-child(even) div:nth-child(2) .photo-wrap,
	main.main-home .main-home__grid-row:nth-child(odd) div:nth-child(1) .photo-wrap{
		display: flex;
	    flex-direction: column;
	}

	main.main-home .main-home__grid-row:nth-child(even) div:nth-child(2) .photo-wrap a:nth-child(1),
	main.main-home .main-home__grid-row:nth-child(odd) div:nth-child(1) .photo-wrap a:nth-child(1){
		-webkit-order: 2;
	    order: 2;
	}

	main.main-home .main-home__grid-row:nth-child(even) div:nth-child(2) .photo-wrap a:nth-child(2),
	main.main-home .main-home__grid-row:nth-child(even) div:nth-child(1) .photo-wrap a:nth-child(2){
		-webkit-order: 1;
	    order: 1;
	}

	main.main-home + div {
	    height: 70px !important;
	}
	.main-header__banner--home .main-header__heading-wrapper{
		top: 60%;
	}
}

@media screen and (max-width: 480px){
	.main-home .main-home__grid-row .main-home__section-thumb .photo-wrap img{
		width: 100%;
	}
	.main-home ~ .video-row .grid-third iframe{width: 100%;}
	div#specialOverlay {
	    width: 320px;
	    margin: auto;
	}
	.main-header__banner--home .main-header__heading-wrapper{
	
		width: 100%;
		z-index: 2;
	}
	.main-header__banner--home .main-header__heading-wrapper h1{
		margin-top: 0;
		line-height: 30px;
		max-width: 100%;
	}
	.main-home > div:first-child, .main-home > div:nth-child(3) {
	    height: 50px !important;
	}
	main.main-home + div {
	    height: 10px !important;
	}
}