*{
	margin:0;
	padding:0;
}
.ic.p{
	width:auto;
	max-width:100%;
	height:80vh;
}
.ic{
	display:block;
	position:relative;
	width:auto;
	height:30vh;
	margin:0 auto;
	padding:10vh;
	box-sizing:border-box;
}
body{
	background-color:#333;
	color:#eee;
}
body>svg{
	display:none;
}
.ic.l{
	width:70%;
	width:100%;
	height:auto;
	max-height:100vh;
}
img.ic.l{
	width:auto;
	height:auto;
	max-height:100vh;
}
.box-container{
	width:100%;
	height:100%;
}
h1, h2, h3, p{
	text-align:center;
	display:block;
	position:relative;
	font-size:200%;
	color:#999;
	background-color:#222;
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
}
p{
}
ul.breadcrumbs{
	text-align:center;
}
ul.breadcrumbs *{
	vertical-align:middle;
}
ul.breadcrumbs{
	list-style-type:none;
}
ul.breadcrumbs li{
	display:inline-block;
	margin:.5vh;
}
a.breadcrumb{
	border-radius:5.5vh;
	padding:1vh 2.5vh;
	overflow:hidden;
	background-color:#fff;
	height:10vh;
	display:inline-block;
	width:auto;

	border-radius:5vh;
	padding:0 2.5vh;
}
.breadcrumb *{
}
.breadcrumb>div.svg-use-box[style]
,.breadcrumb>div.svg-use-box[style] img{
	height:10vh;
	width:auto !important;
}
.box-container:nth-child(even){
	background-color:#f9f9f9;
}
.box-container:nth-child(odd){
	background-color:#fff;
}
.svg-sample .svg-use-box
,.svg-sample[zoom-level='0'] .svg-use-box
,.svg-sample[zoom-level='1'] .svg-use-box
{
	cursor:zoom-in;
}
.svg-sample[zoom-level='2'] .svg-use-box
{
	cursor:zoom-out;
}
.item{
	text-align:center;
	position:relative;
	display:block !important;
}
.item,.item *{
	vertical-align:top;
}
.subitem{
	display:inline-block;
}
.subitem+.subitem{
	margin-left:1vw;
}
/*
.zoom .svg-use-box[style]{
	display:block !important;
	width:auto !important;
	height:auto !important;
}
.zoom.p {
	display:block !important;
}
.zoom.p .svg-use-box[style] svg{
	width:auto !important;
	height:100vh !important;
}
.zoom.l .svg-use-box[style] svg{
	width:100% !important;
	height:auto !important;
}
*/
.zoom .svg-use-box[style]{
	display:block !important;
	width:auto !important;
	height:auto !important;
}
.zoom.p {
	display:block !important;
	margin-bottom:10vh;
}
.zoom.p img,.zoom.l img{
	padding:0 !important;
	box-sizing:border-box;
}
/*
.zoom.p img:hover,.zoom.l img:hover{
	background-color:inherit !important;
}
*/
.zoom.p ,.zoom.p .svg-use-box[style] img{
	width:auto !important;
	height:100vh !important;
}
.zoom.l, .zoom.l .svg-use-box[style] img{
	width:100% !important;
	height:auto !important;
}
.bg-wht.item,.bg-wht .subitem,.bg-wht .multi-file-subitem{
	color:#333;
}
.bg-wht.item.projectSample,.bg-wht.item img,.bg-wht .subitem img,.bg-wht .multi-file-subitem img{
	background-color:#fff;
}
.bg-wht.item:not(.p,.l):hover,.bg-wht .subitem:not(.p,.l):hover,.bg-wht .multi-file-subitem:not(.p,.l):hover{
	color:#000;
}
.bg-wht.item.projectSample:hover,.bg-wht.item:not(.p,.l) img:hover,.bg-wht .subitem:not(.p,.l) img:hover,.bg-wht .multi-file-subitem:not(.p,.l) img:hover{
	background-color:#efcfcf;
}
.bg-wht.item.projectSample:nth-child(even),.bg-wht.item:nth-child(even) img,.bg-wht .subitem:nth-child(even) img,.bg-wht .multi-file-subitem:nth-child(even) img{
	background-color:#efefef;
}
.bg-wht.item:not(.p,.l):nth-child(even) img:hover,.bg-wht .subitem:not(.p,.l):nth-child(even) img:hover,.bg-wht .multi-file-subitem:not(.p,.l):nth-child(even) img:hover{
	background-color:#efcfcf;
}
.bg-blk.item,.bg-blk .subitem{
	background-color:#000;
}
.bg-gr0.item,.bg-gr0 .subitem{
	background-color:#666;
}
.bg-gr1.item,.bg-gr1 .subitem{
	background-color:#ccc;
}
.multi-file-subitem{
	display:block;
	margin-bottom:1em;
}
.multi-file-subitem>*{
	width:100%;
}
.project *{
	vertical-align:middle;
	margin: 0;
    padding: 0;
}
.client{
	display:inline-block;
	padding:2vh 1vw;
	min-height:10vh;
	max-width:31vw;
}
.clientBox{
	text-align:center;
}
.clientBox>a.client.item{
	display:inline-block !important;
	width:30vw;
}
.client img{
	height:100%;
	width:100%;
}
.project{
	display:inline-block;
	width:31vw;
	margin:2vh 1vw;
	min-height:10vh;
	height:auto;
	text-transform:uppercase;
	font-family: Calibri,'Myriad PRO', sans-serif;
}
a.project{
	display:inline-block !important;
	color:inherit;
	text-decoration:none;
	vertical-align:middle;
	white-space:nowrap;
	text-align:left;
    height: 100%; 
}
.project img, .project span{
	display:inline-block;
}
.project span.previevTxt{
	white-space:wrap;
	height:100%;
}
.project img{
	height:100%;
}
a.projectSample{
	height:10vh;
	font-size:200%;
}
a.projectSample .previewer{
	height:10vh;
	width:10vh;
	overflow:hidden;
}
.fix-5vh .multi-file-subitem{
}
.fix-5vh img{
	padding:5vh;
	height:10vh;
	width:auto;
}
.fix-30vw .subitem+.subitem{
	margin-left:1vw;
}
.fix-30vw .subitem.zoom{
	margin-left:0;
}
.fix-30vw img{
	padding:.5vw;
	height:auto !important;
	width:30vw !important;
}