/* 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:48%;
			margin-right:4%;
			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:20px;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 );
			-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 h3 {
				padding:0 0 0 0;
				}
			
				.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;
			text-align:center;
			}
			
				.image-boxes.text-under .image-box a.image-box-text strong,
				.image-boxes.text-under .image-box a.image-box-text b {
				position:relative;
				display:inline-block;
				color:#fff;
				padding:6px 30px;
				margin:0;
				font-size:16px;
				font-weight:400;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-ms-box-sizing:border-box;
				box-sizing:border-box;
				z-index:400;
				background-color:#b40337;
				overflow:hidden;
				-webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
				transition:         all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); 
				}
				
					.image-boxes.text-under .image-box a.image-box-text:hover strong,
					.image-boxes.text-under .image-box a.image-box-text:hover b {
					background-color:#544433;	
					}
			
				
				
			/* Image box images */		
			.image-boxes .image-box a.image-box-image {
			display:block;
			}
			
				.image-boxes .image-box:hover a.image-box-image {
				opacity:0.5;
				}
				
			.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;
				}
				
				
				

/* 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: 580px) {
	
	/* 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: 580px) {
	
	/* 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;
		}
		
		
	.image-boxes .image-box a.image-box-image {
	max-height:200px;
	}
	
}