#developments-items {
	padding: 65px 0 0;
	font-size: 0;
	overflow: hidden;
}
	.developments-item {
		width: calc( 100% - 30px );
		margin: auto auto 58px;
	}
	.developments-item:last-of-type {
		margin-bottom: 15px;
	}
		.developments-item-title {
			background: url(../../images/developments-bg.png) no-repeat right center;
			max-width: 1570px;
			height: 755px;
			margin: auto;
			padding: 70px 0 0;
			position: relative;
			z-index: 1;
			overflow: visible;
		}
			.developments-item-title .container-letter-large {
				position: absolute;
				top: 43px;
				left: 0;
				z-index: -1;
				width: 100%;
				pointer-events: none;
			}
				.developments-item-title .letter-large {
					font-family: 'Italiana', serif;
					font-size: 600px;
					color: #dcdcdc;
					line-height: 435px;
					padding-left: 2.603439%;
					height: 810px;
					background: url(../../images/developments-letter-large-bg-odd.jpg) no-repeat left bottom;
				}
				.developments-item:nth-child(even) .developments-item-title .letter-large {
					float: right;
					padding-left: 0;
					padding-right: 1.803439%;
					background-image: url(../../images/developments-letter-large-bg-even.png);
					background-position: 35px bottom;
				}
			.developments-item-title .container-description-title {
				
			}
			.developments-item-title .container-description-title::before {
			    content: '';
			    display: inline-block;
			    background: #FFF;
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 1500px;
			    height: 442px;
			    z-index: 1;
			}
			.developments-item:nth-child(even) .developments-item-title .container-description-title::before {
				left: unset;
				right: 0;
			}
				.developments-item-title .container-description-title h3 {
					font-weight: 500;
    				font-size: 15px;
					color: #3a3a3a;
					letter-spacing: 0.55em;
					text-transform: uppercase;
					position: relative;
					z-index: 2;
					padding: 65px 0 58px 42px;
				}
				.developments-item:nth-child(even) .developments-item-title .container-description-title h3 {
					/* float: right; */
					padding: 65px 38px 58px 0;
				}
					.developments-item-title .container-description-title h3 strong {
					    display: block;
					    font: 400 80px/1 'Italiana', serif;
					    letter-spacing: 0.05em;
					    color: #0a0a0a;
					    padding-left: 15px;
					    margin-top: 12px;
					}
					.developments-item-title .container-description-title h3 span{
						padding-left: 15px;
					}
		.developments-item-content {
			position: relative;
			z-index: 2;
			margin-top: -450px;
		}
			.developments-main-image {
				margin-bottom: 46px;
			}
				.developments-main-image canvas {
					display: block;
					width: 100%;
					height: 648px;
					background: #cccccc;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: cover;
				}

				.developments-main-image p{
					font: 400 14px/1.7 'Open Sans', sans-serif;
					letter-spacing: 0.05em;
					padding: 10px 0;
				}
					.developments-main-image p:nth-of-type(1){
						padding: 40px 0 10px;
					}
			.developments-photos {

			}
			.developments-photos .row {
				margin: 0 -20px;
			}	
							.developments-photos .row:nth-child(odd){
								
							}
								.developments-photos .row:nth-child(odd) .lists-photos{
									float: left;
								}

								.developments-photos .row:nth-child(odd) .lists-photos:first-child{
									width: 41.66666667%;
								}
								.developments-photos .row:nth-child(odd) .lists-photos:first-child + .lists-photos{
									width: 58.33333333%;
								}

								.developments-photos .row:nth-child(even){
								
								}
									.developments-photos .row:nth-child(even) .lists-photos{
										float: left;
									}
	
									.developments-photos .row:nth-child(even) .lists-photos:first-child{
										
												width: 50%;
									}
									.developments-photos .row:nth-child(even) .lists-photos:first-child + .lists-photos{
										
   												 width: 50%;
									}			
			.developments-photos .lists-photos {
			    padding: 0 20px;
			}

				input.wpcf7-form-control.wpcf7-text.lead-source{
					display: none;
				}
				.developments-photo-item {
					cursor: pointer;
					margin-bottom: 40px;
					position: relative;
				}
				.developments-photo-item.popup-open {
					z-index: 100;
				}
					.developments-photo-image {

					}
						.developments-photo-image canvas {
							display: block;
							width: 100%;
							height: 380px;
							background: #999999;
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
							filter: grayscale(100);
							transition: all 0.3s linear;
						}
						.developments-photos .row:nth-child(even) .developments-photo-image canvas {
							height: 636px;
						}
						.developments-photo-item:hover .developments-photo-image canvas {
							filter: grayscale(0);
						}
					.developments-photo-popup {
						display: block;
						background: #000;
						position: absolute;
						top: -85px;
						left: -85px;
						width: calc(100% + 170px);
						height: calc(100% + 170px);
						visibility: hidden;
						opacity: 0;
						transition: all 0.3s, opacity 0.3s ease-in-out;
						transform: scale(0.7) translateZ(0);
						cursor: default;
					}
					.developments-photo-item.popup-open .developments-photo-popup {
						transform: scale(1) translateZ(0);
						opacity: 1;
						visibility: visible;
					}
						.developments-photo-popup-close {
						    position: absolute;
						    top: 20px;
						    right: 20px;
						    z-index: 2;
						    cursor: pointer;
						    font-size: 32px;
						    color: #FFF;
						    text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
						}
						.developments-photo-popup canvas {
							display: block;
							width: 100%;
							height: 100%;
							background: #999999;
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
						}
			.developments-btn-holder {
				font-size: 0;
				text-align: center;
				margin-top: 38px;
				font-size: 0;
				text-align: center;
				margin-top: 38px;
				margin-bottom: 50px;
			}
				.developments-btn-holder a {
					margin: 5px 22px;
					min-width: 255px;
					line-height: 50px;
					font-size: 15px;
				}
/** If Listings photo is open */
body.is-fullGalleryOpen{overflow: hidden !important;}
body.is-fullGalleryOpen #inner-page-wrapper{position: static !important;}

.slickLightBox{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100vw;
    height: 100vh;
    background: #000;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s ease-in-out, top 0.3s;
}
    .slickLightBox.fullGalleryOpen{
        visibility: visible;
        opacity: 1;
    }
    .slickLightBoxClose{
        background: transparent;
        font-size: 0 !important;
        padding: 0;
        width: 42px;
        height: 42px;
        border: none !important;
        outline: none !important;
        opacity: 1;
        text-shadow: 0 0 0 rgba(0,0,0,0);
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        z-index: 100;
    }
        .slickLightBoxClose:before,
        .slickLightBoxClose:after{
            content: '';
            display: inline-block;
            background: #8e8e8e;
            position: absolute;
            top: 50%;
            width: 57px;
            height: 1px;
        }
        .slickLightBoxClose:before{
            left: -7px;
            transform: rotate(45deg);
        }
        .slickLightBoxClose:after{
            right: -7px;
            transform: rotate(-45deg);
        }
    .slickLightBox-arrow{
        position: absolute !important;
        top: 50%;
        left: 5%;
        transform: translateY(-50%);
    }
        .slickLightBox-arrow.slick-next{
            left: auto;
            right: 5%;
        }
    /* .slickLightBox-slides,
    .slickLightBox-slide canvas{
        display: block;
        width: 100vw;
        height: 83vh;
    }
    .slickLightBox-slide canvas{
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
    }
    .slickLightBox-thumbnails{
        display: block;
        width: 100vw;
        height: 17vh;
        padding: 2px;
    }
        .slickLightBox-thumbnail{
            padding: 2px;
            cursor: pointer;
        }
            .slickLightBox-thumbnail canvas{
                display: block;
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                width: 100%;
                height: calc(17vh - 8px);
                opacity: 0.3;
            }
            .slickLightBox-thumbnail:hover canvas{
                opacity: 0.7;
            }
            .slickLightBox-thumbnails .slick-current.slick-active .slickLightBox-thumbnail canvas{
                opacity: 1;
            } */

.developments-photos .row:first-child .lists-photos:first-child .developments-photo-popup {
    left: 0;
    right: auto;
}

.developments-photos .row:first-child .lists-photos:last-child .developments-photo-popup {
    left: auto;
    right: 0;
}

.developments-photos .row:last-child .lists-photos:first-child .developments-photo-popup {
    left: 0;
    right: auto;
}

.developments-photos .row:last-child .lists-photos:last-child .developments-photo-popup {
    left: auto;
    right: 0;
}
/* 1366px - 1440px */
@media only screen and (max-width: 1440px) {
	.developments-item-title .letter-large {
		font-size: 500px;
		padding-left: 0;
	}
	.developments-item:nth-child(even) .developments-item-title .letter-large {
		padding-right: 0;
	}
	.developments-photos [class*="col-md"]:nth-child(odd) .developments-photo-popup {
		left: 0;
	}
	.developments-photos [class*="col-md"]:nth-child(even) .developments-photo-popup {
		left: unset;
		right: 0;
	}
}

/* 1200px - 1365px */
@media only screen and (max-width: 1366px) {
	.developments-item-title .letter-large {
		font-size: 400px;
	}
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.developments-main-image canvas {
		height: 550px;
	}
	.developments-photo-image canvas {
		height: 320px;
	}
	.developments-photos .row:nth-child(even) .developments-photo-image canvas {
		height: 450px;
	}

	.developments-item-title .container-description-title h3 strong {
	    font-size: 70px;
	}
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	.developments-item {
		width: 100%;
	}
	.developments-item-title {
		height: auto;
	}
	#developments-items .container-letter-large {
		display: none !important;
	}
	.developments-item-title {
		background: none !important;
	}
	.developments-item-title .container-description-title::before {
		background: no-repeat;
	}
	.developments-item-title .container-description-title h3 {
		padding: 0 0 50px !important;
		float: none !important;
	}
	.developments-item-content {
		margin-top: 0;
	}
	.developments-btn-holder{
		font-size: 0;
	}
		.developments-btn-holder a{
			display: inline-block !important;
			min-width: initial;
			margin-left: 5px;
			margin-right: 5px;
			width: calc(100% / 3 - 10px);
			font-size: 13px;
			letter-spacing: 0.1em;
		}
	.developments-main-image canvas {
		min-height: 350px;
	    height: auto !important;
	}
	.developments-photos .row {
	    margin: 0 -15px;
	}
	.developments-photos [class*="col-md"] {
	    padding: 0 15px;
	}
	.developments-photo-image canvas {
	    min-height: 350px;
	    height: auto !important;
	}
	.developments-photo-popup {
	    width: calc(100% + 20px);
	    height: 550px;
	    position: fixed;
	    top: 50% !important;
	    left: 50% !important;
	    right: auto !important;
	    z-index: 10000;
	    transform: translate(-50%,-50%) scale(1) !important;
	}

	.developments-photos .lists-photos {
    width: 100%!important;
}

		.developments-photo-popup canvas {
			/* background-size: contain; */
		}
	.developments-popup-open {
	    /* overflow: hidden; */
	}
		.developments-popup-open #inner-page-wrapper {
			z-index: 1001;
		}

	
/* .developments-photos .row:first-child .lists-photos:last-child .developments-photo-popup-close {
    right: 0;
    left: 20px;
} */


}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
	.developments-btn-holder a{
		display: block !important;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.developments-item-title {
		padding: 0;
	}
	.developments-item-title .container-description-title h3 strong {
		font-size: 60px;
	}
	.developments-photos .row .lists-photos{
		width: 100% !important;
	}


	
.developments-photo-popup {
    height: 420px;
}
}