﻿		.ch-grid
		{
			margin: 20px 0 0 0;
			padding: 0;
			list-style: none;
			display: block;
			text-align: center;
			width: 100%;
		}

			.ch-grid:after,
			.ch-item:before
			{
				content: '';
				display: table;
			}

			.ch-grid:after
			{
				clear: both;
			}

			.ch-grid li
			{
				height: 200px;
				display: inline-block;
				margin: 10px;
			}

		.ch-item
		{
			width: inherit;
			height: inherit;
			position: relative;
			cursor: default;
			background-size: cover !important;
			background-position: center center;
			background-repeat: no-repeat;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}


		.ch-info
		{
			position: absolute;
			background: rgba(30,35,40, 0.8);
			width: inherit;
			height: inherit;
			opacity: 0;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			-webkit-backface-visibility: hidden;
		}

			.ch-info img																								 
			{
				display: inline-block;
				vertical-align: middle;
				width: 200px;
				height: 200px;
			}

			.ch-info i
			{
				line-height: 200px;
				color: rgba(255, 255, 255, 0.4);
			}

		#divPostsLoader
		{
			margin: 20px 0;
		}

		.ch-info a
		{
			width: inherit;
			height: inherit;
		}

		.ch-item:hover .ch-info
		{
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			z-index: 100;
			transform: scale(1.5);
			opacity: 1;
		}

			.ch-item:hover .ch-info i
			{
				opacity: 1;
				cursor: pointer;
			}

		.ch-info i:hover
		{
			color: rgba(255, 255, 255, 0.8);
		}

