#container,
.masonry-grid{
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	background:#181818;
	//background:#fff;
}

/* clearfix */
#container:after,
.masonry-grid:after{
	content:"";
	display:block;
	clear:both;
}

.bxImage a{color:#fff;font-family:"latoregular";}

.bxImage img{
	margin:0;
	display:block;
	width:100%;
	height:100%;
}

.z-thumbnail{overflow:hidden;}
.z-image{width:100%;height:100%;}
.z-image img {
	-webkit-transition:all 1s ease; /* Safari and Chrome */
	-moz-transition:all 1s ease; /* Firefox */
	-ms-transition:all 1s ease; /* IE 9 */
	-o-transition:all 1s ease; /* Opera */
	transition:all 1s ease;
}

img.grey{
	-webkit-transition:all 1s ease; /* Safari and Chrome */
	-moz-transition:all 1s ease; /* Firefox */
	-ms-transition:all 1s ease; /* IE 9 */
	-o-transition:all 1s ease; /* Opera */
	transition:all 1s ease;
	filter:grayscale(100%);
	-moz-filter:grayscale(100%);
}

.z-thumbnail:hover img{
	-webkit-transform:scale(1.15); /* Safari and Chrome */
	-moz-transform:scale(1.15); /* Firefox */
	-ms-transform:scale(1.15); /* IE 9 */
	-o-transform:scale(1.15); /* Opera */
	transform:scale(1.15);
	filter:grayscale(0);
	-moz-filter:grayscale(0);
}

.s-thumbnail:hover img{
	filter:grayscale(0);
	-moz-filter:grayscale(0);
}

.grid-sizer{
	width:calc(100% / 6);
}

.bxImage.box[data-size="1x1"]{
	width:calc(100% / 6 + 2px); /* width for 6 column */
}

.bxImage[data-size="1x1"]:hover .c-title a,.bxImage[data-size="2x1"]:hover .c-title a{
	display:block;
	//background:url("../images/00075.png") repeat top left;
	//-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,1);
	//-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,1);
	//box-shadow:0px 0px 10px 2px rgba(0,0,0,1);
}

.bxImage{
	position:relative;
	float:left;
	background:#181818;
	overflow:hidden;
	cursor:pointer;
	width:calc(100% / 6 + 2px);
	height:calc(100% / 6 + 2px);
	border:1px solid transparent;
}

.bxImage.box .shader,
.bxImage.s-box .shader{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	z-index:1;
}

.bxImage.box .shader{
	//background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	//background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	//background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	//background:-o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	//background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* IE10+ */
	//background:linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 1) 100%) repeat scroll 0% 0%;
	//filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 ); /* IE6-9 */
}

.bxImage.s-box .shader{
	//background:-moz-linear-gradient(-90deg,  rgba(0,0,0,0) 55%, rgba(0,0,0,0) 55%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	//background:-webkit-gradient(linear, left top, right bottom, color-stop(55%,rgba(0,0,0,0)), color-stop(55%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	//background:-webkit-linear-gradient(-90deg,  rgba(0,0,0,0) 55%,rgba(0,0,0,0) 55%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	//background:-o-linear-gradient(-90deg,  rgba(0,0,0,0) 55%,rgba(0,0,0,0) 55%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	//background:-ms-linear-gradient(-90deg,  rgba(0,0,0,0) 55%,rgba(0,0,0,0) 55%,rgba(0,0,0,1) 100%); /* IE10+ */
	//background:linear-gradient(160deg,  rgba(0,0,0,0) 55%,rgba(0,0,0,0) 55%,rgba(0,0,0,1) 100%); /* W3C */
	//filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bxImage:hover .shader{
	//-webkit-box-shadow:inset 0px 0px 0px 6px rgba(207,0,28,0.9);
	//-moz-box-shadow:inset 0px 0px 0px 6px rgba(207,0,28,0.9);
	//box-shadow:inset 0px 0px 0px 6px rgba(207,0,28,0.9);
	border:6px solid #cf0011;
}
.bxImage.box[data-size="2x2"],
.bxImage.s-box[data-size="2x1"]{
	width:calc(100% / 6 * 2 + 4px);
}

.bxImage.box[data-size="2x2"]{
	height:calc(100% / 6 * 2 + 4px);
}

.bxImage .s-thumbnail{
	width:auto;
	overflow:hidden;
}

.bxImage .s-thumbnail img{
	position:relative;
	top:0;
	width:100%;
	transition:top 2s ease-in-out;
}

.bxImage .s-thumbnail img:hover{
	/*top:-227px;*/
}

.c-title,
.c-title[data-size="2x2"]{
	position:absolute;
	width:100%;
	padding:0 10px;
	/*font-size:0.75em;*/
	text-align:center;
}

.c-title{bottom:10px;}
.box[data-size="2x2"] .c-title{top:40%;}
.s-box[data-size="2x1"] .c-title{
	position:absolute;
	bottom:15px;
	right:25px;
	width:60%;
	padding:0;
	text-align:right;
}

.c-title,
.c-box{
	z-index:2;
}

.box[data-size="1x1"] .c-box{
	position:absolute;
	width:40px;
	height:40px;
	background:#000;
}

.s-box[data-size="2x1"] .c-box{
	position:absolute;
	bottom:55px;
	right:25px;
	width:40px;
	height:40px;
}

.box[data-size="2x2"] .c-box{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:50%;
	height:50%;
	background:#000000;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.box[data-size="2x2"] .c-box .c-icon{
	position:absolute;
	width:32px;
	left:50%;
	margin-left:-16px;
	height:100%;
	z-index:2;
}

.z-thumbnail:hover .c-box,
.box[data-size="1x1"] .c-box:hover,
.box[data-size="2x2"] .c-box:hover{
	background:#CF001C;
	cursor:pointer;
}

.c-icon{
	position:absolute;
	width:32px;
	height:32px;
	z-index:2;
	left:4px;
	top:4px;
}

.glasses{background:url("../images/icon/icon_glasses.svg") no-repeat center center /contain;}

.lamp{background:url("../images/icon/icon_lamp.svg") no-repeat center center /contain;}

.tyre{background:url("../images/icon/icon_tyre.svg") no-repeat center center /contain;}

.cam{background:url("../images/icon/icon_cam.svg") no-repeat center center /contain;}

.people{background:url("../images/icon/icon_people.svg") no-repeat center center /contain;}

.video{background:url("../images/icon/icon_video.svg") no-repeat center center /contain;}

.photo{background: url("../images/icon/icon_photo.svg") no-repeat center center /contain;}

.box[data-size="2x2"] .glasses,
.box[data-size="2x2"] .lamp,
.box[data-size="2x2"] .tyre,
.box[data-size="2x2"] .cam,
.box[data-size="2x2"] .people,
.box[data-size="2x2"] .video{
	top:-30%;
}

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

	.grid-sizer {
		width: calc(100% / 3);
	}

	.bxImage.box[data-size="1x1"] {
		width: calc(100% / 3 + 2px);
	}

	.bxImage.box[data-size="2x2"],
	.bxImage.s-box[data-size="2x1"] {
		width: calc(100% / 3 * 2 + 4px);
	}

	.bxImage .s-thumbnail {
		/*width: inherit;*/
		/*height: calc(100% / 3);*/
		overflow: hidden;
	}

}

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

	.grid-sizer {
		width: calc(100% / 2);
	}

	.bxImage.box[data-size="1x1"] {
		width: calc(100% / 2 + 2px);
	}

	.bxImage.box[data-size="2x2"],
	.bxImage.s-box[data-size="2x1"] {
		width: calc(100% / 2 * 2 + 4px);
	}

	.bxImage .s-thumbnail {
		width: inherit;
		overflow: hidden;
	}

	.bxImage.box[data-size="1x1"],
	.bxImage.s-box[data-size="2x1"] {
		height: calc(100% / 2 + 2px);
	}

	.bxImage.box[data-size="2x2"] {
		height: calc(100% / 2 * 2 + 4px);
	}

	.ft-nav {
		display: table;
		padding: 0;
		width: 100%;
		height: auto;
		border: none !important
	}

	section { z-index: 2; }
	.ft-nav-sticky { display: none!important; }
	.ft-copyright { height: 57px; z-index: 1; }
	.cols { display: table;text-align: center;width: 100%;padding: 10px 0;border-top: 1px solid #3C3C36 }
	.cols a { top: 0; }
	.cols img { width: auto; }
	.ft-line { display: none }
	.ft-loadmore { position: relative; z-index: 2; }
	#bxFooter { border: none; }
}

@media screen and (min-width : 600px) and (max-width : 1024px){

	.grid-sizer {
		width: calc(100% / 4);
	}

	.bxImage.box[data-size="1x1"] {
		width: calc(100% / 4 + 2px);
	}

	.bxImage.box[data-size="2x2"],
	.bxImage.s-box[data-size="2x1"] {
		width: calc(100% / 4 * 2 + 4px);
	}

	.bxImage .s-thumbnail {
		width: inherit;
		overflow: hidden;
	}

	.bxImage .s-thumbnail img:hover {
		/*top: -263px;*/
	}

	.bxImage.box[data-size="1x1"],
	.bxImage.s-box[data-size="2x1"] {
		height: calc(100% / 4 + 2px);
	}

	.bxImage.box[data-size="2x2"] {
		height: calc(100% / 4 * 2 + 4px);
	}

	.ft-nav,
	.ft-nav-sticky { padding: 0 10%;height: 57px; }
	.ft-nav-sticky .cols a { top: -20px; }
	.ft-nav-sticky .ft-line { height: 57px; }
}

@media screen and (min-width : 1025px) and (max-width : 1279px){

	.grid-sizer {
		width: calc(100% / 5);
	}

	.bxImage.box[data-size="1x1"] {
		width: calc(100% / 5 + 2px);
	}

	.bxImage.box[data-size="2x2"],
	.bxImage.s-box[data-size="2x1"] {
		width: calc(100% / 5 * 2 + 4px);
	}

	.bxImage .s-thumbnail {
		width: inherit;
		overflow: hidden;
	}

	.bxImage .s-thumbnail img:hover {
		/*top: -20%;*/
	}

	.bxImage.box[data-size="1x1"],
	.bxImage.s-box[data-size="2x1"] {
		height: calc(100% / 5 + 2px);
	}

	.bxImage.box[data-size="2x2"] {
		height: calc(100% / 5 * 2 + 4px);
	}
}

@media screen and (min-width : 1280px){

	.grid-sizer{
		width: calc(100% / 6);
	}

	.bxImage.box[data-size="1x1"]{
		width: calc(100% / 6 + 2px);
	}

	.bxImage.box[data-size="2x2"],
	.bxImage.s-box[data-size="2x1"]{
		width: calc(100% / 6 * 2 + 4px);
	}

	.bxImage .s-thumbnail {
		width: inherit;
		overflow: hidden;
	}

	.bxImage .s-thumbnail img:hover{
		/*top: -16.67%;*/
	}

	.bxImage.box[data-size="1x1"],
	.bxImage.s-box[data-size="2x1"]{
		height: calc(100% / 6 + 2px);
	}

	.bxImage.box[data-size="2x2"]{
		height: calc(100% / 6 * 2 + 4px);
	}
}

/* start update */

.msn-wrap .msn-titlewrap{
	background:rgba(0,0,0,0.65) none repeat scroll 0 0;
	bottom:0;
	left:0;
	overflow:hidden;
	position:absolute;
	right:0;
	text-align:center;
	z-index:2;
}

.msn-wrap:hover .msn-titlewrap{
	/*
	bottom:6px;left:6px;right:6px;height:74px;
	*/
	bottom:6px;left:6px;right:6px;height:68px;
}

.msn-wrap:hover .msn-titlewrap .msn-titlebox{
	/*
	margin:10px 4px;
	*/
	margin:7px 1px;
}

.msn-wrap .msn-titlewrap .msn-titlebox{
	/*
	margin:10px;
	*/
	margin:7px;
	height:60px;
	overflow:hidden;
}

.msn-wrap .msn-titlewrap .msn-titlebox .tbox{
	display:table;
	width:100%;
	height:100%;
}

.msn-wrap .msn-titlewrap .msn-titlebox .tbox  .tcell{
	display:table-cell;
	vertical-align:middle;
}

.msn-wrap .msn-iconwrap{
	background:#cf001c none repeat scroll 0 0;
	/*height:44px;
	width:44px;*/
	position:absolute;
	z-index:2;
	padding:5px;
	text-transform:capitalize;
	font-size:11px;
	font-weight:bold;
}

.msn-wrap:hover .msn-iconwrap{
	background:#cf001c;
}

.msn-wrap .msn-iconwrap .c-icon{
	top:6px;
	left:6px;
}

.msn-wrap .msn-titlewrap .msn-titlebox a{
	transition:all 0.5s ease 0s;
	text-shadow:1px 1px 2px rgba(0,0,0,1);
}

.msn-wrap .msn-titlewrap .msn-titlebox a:hover{
	color:#cf0011;
}

.msn-wrap .subname{
	background:#ba9764 none repeat scroll 0 0;
	color:#fff;
	font-size:0.65em;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.msn-wrap:hover .subname{
	background:#cf001c;
}

/* end update */