/* Image Boxes CSS Document */

	
	/* Image boxes */
	.image-boxes {
	display:block;
	}
	
		.image-boxes .image-box {
		float:left;
		display:inline-block;
		position:relative;
		}
			/* 7 Column Image boxes */
			.image-boxes.seven-column .image-box {
			width:13%;
			margin-right:1.5%;
			margin-bottom:10px;
			}
				.image-boxes.text-over.seven-column .image-box {height:auto;}
				.image-boxes.seven-column .image-box:nth-child(7n+7) {margin-right:0%;}
				.image-boxes.seven-column .image-box:nth-child(7n+8) {clear:both;}
		
			/* 6 Column Image boxes */
			.image-boxes.six-column .image-box {
			width:15%;
			margin-right:2%;
			margin-bottom:20px;
			}
				.image-boxes.text-over.six-column .image-box {height:auto;}
				.image-boxes.six-column .image-box:nth-child(6n+6) {margin-right:0%;}
				.image-boxes.six-column .image-box:nth-child(6n+7) {clear:both;}
		
			/* 5 Column Image boxes */
			.image-boxes.five-column .image-box {
			width:16%;
			margin-right:5%;
			margin-bottom:30px;
			}
				.image-boxes.text-over.five-column .image-box {height:auto;}
				.image-boxes.five-column .image-box:nth-child(5n+5) {margin-right:0%;}
				.image-boxes.five-column .image-box:nth-child(5n+6) {clear:both;}
				
			/* 4 Column Image boxes */
			.image-boxes.four-column .image-box {
			width:24.5%;
			margin-right:0.66%;
			margin-bottom:30px;
			}
				.image-boxes.text-over.four-column .image-box {height:auto;}
				.image-boxes.four-column .image-box:nth-child(4n+4) {margin-right:0%;}
				.image-boxes.four-column .image-box:nth-child(4n+5) {clear:both;}
				
			/* 3 Column Image boxes */
			.image-boxes.three-column .image-box {
			width:30%;
			margin-right:5%;
			margin-bottom:20px;
			}
				.image-boxes.text-over.three-column .image-box {height:auto;}
				.image-boxes.three-column .image-box:nth-child(3n+3) {margin-right:0%;}
				.image-boxes.three-column .image-box:nth-child(3n+4) {clear:both;}
				
				/* Custom Styles for Properties for sale page */
				.image-boxes.title-over.three-column.image-boxes.title-over:before, .image-boxes.title-over.three-column.image-boxes.title-over:after {display:none!important;}
				
				.image-boxes.title-over.three-column .image-box {margin-bottom:20px!important;}
		
				
			/* 2 Column Image boxes */
			.image-boxes.two-column .image-box {
			width:47%;
			margin-right:6%;
			margin-bottom:40px;
			}
				.image-boxes.text-over.two-column .image-box {height:auto;}
				.image-boxes.two-column .image-box:nth-child(2n+2) {margin-right:0%;}
				.image-boxes.two-column .image-box:nth-child(2n+3) {clear:both;}
				
			/* 1 Column Image boxes */
			.image-boxes.one-column .image-box {
			width:100%;
			margin-right:0%;
			margin-bottom:30px;
			}
				.image-boxes.text-over.one-column .image-box {height:auto;}
		
		
		/* Text Over Image boxes */
		.image-boxes.text-over .image-box {
		overflow:hidden;
		}
			.image-boxes.text-over .image-box a.image-box-text {
			position:absolute;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			display:block;
			padding:10px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			z-index:500;
			}
				.image-boxes.text-over .image-box a.image-box-text,
				.image-boxes.text-over .image-box a.image-box-text .silent {color:#ffffff;}



		/* Text Under Image boxes */
		.image-boxes.text-under .image-box {}
		
			.image-boxes.text-under .image-box a.image-box-text {
			display:block;
			padding-top:10px;
			}
				
				
			/* Image box images */		
			.image-boxes .image-box a.image-box-image {
			display:block;
			}
			
				.image-boxes .image-box:hover a.image-box-image {
				opacity:0.7;
				}
				
			.image-boxes .image-box a.image-box-image {
			display:block;
			-webkit-backface-visibility:hidden;
			-moz-transition:all .3s ease-out;
			-webkit-transition:all .3s ease-out;
			transition:all .3s ease-out;
			}
		
				.image-boxes .image-box a.image-box-image img {
				vertical-align:middle;
				}
				
				
				.home-page .image-boxes {margin-top:65px;margin-bottom: 24px;}
				
				
				
		/* Text Over Image boxes */
		.image-boxes.title-over {
		position:relative;	
		margin-bottom:64px;
		z-index:100;
		}
					
			.image-boxes.title-over:before,
			.image-boxes.title-over:after {
			z-index:-1;
			position: absolute;
			content: "";
			bottom: 15px;
			left: 10px;
			width: 50%;
			top: 80%;
			max-width:300px;
			background: #777;
			box-shadow: 0 15px 10px #777;
			transform: rotate(-3deg);
			}
			
			.image-boxes.title-over:after {
			transform: rotate(3deg);
			right: 10px;
			left: auto;
			}
			
			.image-boxes.title-over .inner-holder {
			float:left;
			background-color:#fff;
			}
			
				.image-boxes.title-over .image-box {
				overflow:hidden;
				/*display:-webkit-box;
				display:-moz-box;
				display:-ms-flexbox;
				display:-webkit-flex;
				display:flex;
				flex: 1;*/
				display:block;
				align-items:center;
				justify-content:center;
				position:relative;
				margin-bottom:0!important;
				}
					
				
					.image-boxes.title-over .image-box a.image-box-text {
					position:absolute;
					top:50%;
					left:auto;
					right:auto;
					bottom:auto;
					display:block;
					padding:8px 20px;
					-webkit-box-sizing:border-box;
					-moz-box-sizing:border-box;
					-ms-box-sizing:border-box;
					box-sizing:border-box;
					z-index:500;
					background-color:rgba(255,255,255,0.65);
					width:100%;
					margin:0 auto;
					text-align:center;
					text-transform:uppercase;
					-moz-transition:all .3s ease-out;
					-webkit-transition:all .3s ease-out;
					transition:all .3s ease-out;
					letter-spacing:3px;
					-moz-transform:translateY(-50%);
					-webkit-transform:translateY(-50%);
					-o-transform:translateY(-50%);
					transform:translateY(-50%);
					}
						.image-boxes.title-over .image-box a.image-box-text,
						.image-boxes.title-over .image-box a.image-box-text .silent {color:#001f49;}
						
						.image-boxes.title-over .image-box a.image-box-text h3 {
						font-size:18px;
						line-height:24px;
						padding:0;
						font-weight:900;
						}
						
						.image-boxes.title-over .image-box a.image-box-image {
						-moz-transition:all .3s ease-out;
						-webkit-transition:all .3s ease-out;
						transition:all .3s ease-out;
						}
						
						.image-boxes.title-over .image-box:hover a.image-box-image {opacity:1;}
						.image-boxes.title-over .image-box:hover a.image-box-text {background-color:rgba(0,176,239,1);color:#fff;}
						.image-boxes.title-over .image-box a.image-box-text:hover {opacity:1;}
				

/* Media Queries */

@media screen and (max-width: 1100px) {
	
	/* Image boxes */
	.image-boxes {}
			
			/* 7 Column Image boxes */
			.image-boxes.seven-column .image-box {
			width:13%;
			margin-right:1.5%;
			margin-bottom:10px;
			}
		
			/* 6 Column Image boxes */
			.image-boxes.six-column .image-box {
			width:15%;
			margin-right:2%;
			margin-bottom:20px;
			}
			
			/* 5 Column Image boxes */
			.image-boxes.five-column .image-box {
			width:16%;
			margin-right:5%;
			margin-bottom:30px;
			}
				
			/* 4 Column Image boxes */
			.image-boxes.four-column .image-box {
			width:22%;
			margin-right:4%;
			margin-bottom:30px;
			}
				
			/* 3 Column Image boxes */
			.image-boxes.three-column .image-box {
			width:32%;
			margin-right:2%;
			margin-bottom:20px;
			}
				
			/* 2 Column Image boxes */
			.image-boxes.two-column .image-box {
			width:48%;
			margin-right:4%;
			margin-bottom:40px;
			}
				
			/* 1 Column Image boxes */
			.image-boxes.one-column .image-box {
			width:100%;
			margin-right:0%;
			margin-bottom:30px;
			}
	
}


@media screen and (max-width: 850px) {
	
	/* Image boxes */
	.image-boxes {}
			
			/* 7 Column Image boxes - 4 Column */
			.image-boxes.seven-column .image-box {
			width:22%;
			margin-right:4%;
			margin-bottom:30px;	
			}	
			
				.image-boxes.seven-column .image-box:nth-child(7n+7) {margin-right:2%;}
				.image-boxes.seven-column .image-box:nth-child(7n+8) {clear:none;}
				
				.image-boxes.seven-column .image-box:nth-child(4n+4) {margin-right:0%;}
				.image-boxes.seven-column .image-box:nth-child(4n+5) {clear:both;}
	
	
			/* 6 / 5 / 4 Column Image boxes - 3 Column */
			.image-boxes.six-column .image-box,
			.image-boxes.five-column .image-box,
			.image-boxes.four-column .image-box {
			width:32%;
			margin-right:2%;
			margin-bottom:20px;
			}

				.image-boxes.six-column .image-box:nth-child(6n+6),
				.image-boxes.five-column .image-box:nth-child(5n+5) {margin-right:2%;}
				
				.image-boxes.six-column .image-box:nth-child(6n+7),
				.image-boxes.five-column .image-box:nth-child(5n+6) {clear:none;}
				
				.image-boxes.six-column .image-box:nth-child(3n+3),
				.image-boxes.five-column .image-box:nth-child(3n+3) {margin-right:0%;}
				
				.image-boxes.six-column .image-box:nth-child(3n+4),
				.image-boxes.five-column .image-box:nth-child(3n+4) {clear:both;}
				
			
			.image-boxes.four-column .image-box {
			width:48%;
			margin-right:4%;
			margin-bottom:40px;
			}
			
			.image-boxes.four-column .image-box:nth-child(2n+2) {margin-right:0%;}
			.image-boxes.four-column .image-box:nth-child(2n+3) {clear:both;}
			
				
}


@media screen and (max-width: 650px) {
	
	/* Image boxes */
	.image-boxes {}
	
			/* 7 / 6 / 5 / 4 / 3 Column Image boxes - 2 Column */
			.image-boxes.seven-column .image-box,
			.image-boxes.six-column .image-box,
			.image-boxes.five-column .image-box,
			.image-boxes.four-column .image-box,
			.image-boxes.three-column .image-box {
			width:48%;
			margin-right:4%;
			margin-bottom:40px;
			}
			
				.image-boxes.seven-column .image-box:nth-child(7n+7),
				.image-boxes.seven-column .image-box:nth-child(4n+4),
				.image-boxes.six-column .image-box:nth-child(6n+6),
				.image-boxes.six-column .image-box:nth-child(3n+3),
				.image-boxes.five-column .image-box:nth-child(5n+5),
				.image-boxes.five-column .image-box:nth-child(3n+3),
				.image-boxes.four-column .image-box:nth-child(4n+4),
				.image-boxes.four-column .image-box:nth-child(3n+3),
				.image-boxes.three-column .image-box:nth-child(3n+3) {margin-right:4%;}
				
				.image-boxes.seven-column .image-box:nth-child(7n+8),
				.image-boxes.seven-column .image-box:nth-child(4n+5),
				.image-boxes.six-column .image-box:nth-child(6n+7),
				.image-boxes.six-column .image-box:nth-child(3n+4),
				.image-boxes.five-column .image-box:nth-child(5n+6),
				.image-boxes.five-column .image-box:nth-child(3n+4),
				.image-boxes.four-column .image-box:nth-child(4n+5),
				.image-boxes.four-column .image-box:nth-child(3n+4),
				.image-boxes.three-column .image-box:nth-child(3n+4) {clear:none;}
				
				.image-boxes.seven-column .image-box:nth-child(2n+2),
				.image-boxes.six-column .image-box:nth-child(2n+2),
				.image-boxes.five-column .image-box:nth-child(2n+2),
				.image-boxes.four-column .image-box:nth-child(2n+2),
				.image-boxes.three-column .image-box:nth-child(2n+2) {margin-right:0%;}
				
				.image-boxes.seven-column .image-box:nth-child(2n+3),
				.image-boxes.six-column .image-box:nth-child(2n+3),
				.image-boxes.five-column .image-box:nth-child(2n+3),
				.image-boxes.four-column .image-box:nth-child(2n+3),
				.image-boxes.three-column .image-box:nth-child(2n+3) {clear:both;}
				
}


@media screen and (max-width: 480px) {
	
	/* Image boxes */
	.image-boxes {}
	
		/* All Image boxes - 1 Column */
		.image-boxes.seven-column .image-box,
		.image-boxes.six-column .image-box,
		.image-boxes.five-column .image-box,
		.image-boxes.four-column .image-box,
		.image-boxes.three-column .image-box,
		.image-boxes.two-column .image-box {
		width:100% !important;
		margin-right:0% !important;
		margin-bottom:30px;
		}	
	
}