/* 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:22%;
			margin-right:4%;
			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:32%;
			margin-right:2%;
			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;}
				
			/* 2 Column Image boxes */
			.image-boxes.two-column .image-box {
			width:47%;
			margin-right:6%;
			margin-bottom:54px;
			}
				.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;
				}
				
				
		/* Image Over Text Boxes */
		.image-boxes.image-over .image-box {
		position:relative;
		overflow:hidden;
		background-color:#ff0000;
		}
		
			.image-boxes.image-over .image-box a.image-box-text {
			color:#fff;
			display:block;
			padding:24px 20px;	
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			}
				
				.image-boxes.image-over .image-box a.image-box-text h3 {
				font-weight:300;
				font-size:20px;
				line-height:24px;
				}
			
			
			.image-boxes.image-over .image-box a.image-box-image {
			position:absolute;
			top:100%;
			left:0;
			right:0;
			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-over .image-box a.image-box-image img {vertical-align:middle;}
			
				.image-boxes.image-over .image-box:hover a.image-box-image {
				top:0;
				bottom:0;
				opacity:1;
				}
				
				
		/* Image Description Image Boxes */
		.image-boxes.image-desc .image-box {
		background-color:#fff;
		padding:15px 15px 15px 25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;	
		-webkit-transition:all .3s ease-out;
		-moz-transition:all .3s ease-out;
		-ms-transition:all .3s ease-out;
		transition:all .3s ease-out;
		}
				
			.image-boxes.image-desc .image-box a {
			color:#000;
			font-size:14px;
			line-height:18px;
			}
				.image-boxes.image-desc .image-box a.image-box-text h3 {
				font-weight:900;
				font-size:24px;
				line-height:30px;
				text-transform:uppercase;
				color:#000;
				padding-top:0;
				padding-bottom:18px;
				}
		
			.image-boxes.image-desc .image-box a.image-box-image {
			float:right;
			max-width:40%;	
			margin-left:14px;
			line-height:12vh;
			}
			
		.image-boxes.image-desc .image-box:hover {
		box-shadow:rgba(0,0,0,0.7) 0 0 20px;	
		}
		
			
				
				
				

/* 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),
				.image-boxes.four-column .image-box:nth-child(4n+4) {margin-right:2%;}
				
				.image-boxes.six-column .image-box:nth-child(6n+7),
				.image-boxes.five-column .image-box:nth-child(5n+6),
				.image-boxes.four-column .image-box:nth-child(4n+5) {clear:none;}
				
				.image-boxes.six-column .image-box:nth-child(3n+3),
				.image-boxes.five-column .image-box:nth-child(3n+3),
				.image-boxes.four-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),
				.image-boxes.four-column .image-box:nth-child(3n+4) {clear:both;}
				
}


@media screen and (max-width:820px) {
	
	.image-boxes.two-column.image-desc .image-box {
	width:70%;
	margin-left:15%;
	margin-right:15%;	
	}
	
}


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

	.image-boxes.two-column.image-desc .image-box {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}	
	
}

@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.image-desc .image-box {padding:15px;}
				
				.image-boxes.image-desc .image-box a.image-box-image {
				float:none;
				max-width:100%;
				margin-left:0;
				margin-bottom:24px;
				text-align:center;
				line-height:normal;	
				}
			
				.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-left:0% !important;
		margin-bottom:30px;
		}	
	
	.image-boxes.image-over .image-box a.image-box-text h3 br {
	display:none;	
	}
	
}