/** Chess grid **/	
	
.chess-grid {margin: 0 auto; position: relative; width: 100%; visibility: hidden}	
.chess-grid:after, .chess-grid-item:after {clear: both; overflow: hidden; height: 0;}		
	
	.chess-grid-item {
		background: #ccc; 
        cursor: pointer;
		overflow: hidden; 
		position: absolute; 
		/* Fix for .chess-grid-text .cell .middle h2::after position */		
		-webkit-transform: translate3d(0);	
	}
	.chess-grid-item:after {clear: both;}	
	.chess-grid-item.text-left .chess-grid-image:before {
		left: 0%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(194, 225, 245, 0);
		border-left-color: #fff;
		border-width: 18px;
		margin-top: -18px;
		z-index: 2;
	}
	.chess-grid-item.text-right .chess-grid-image:before {
		right: 0%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(194, 225, 245, 0);
		border-right-color: #fff;
		border-width: 18px;
		margin-top: -18px;
		z-index: 2;
	}	
	
	.chess-grid-text {background: #fff; height: 100%; position: relative; overflow: hidden; font-size: 13px;}
		.chess-grid-text .cell {
		    display: table; 
		    width: 100%; 
		    height: 100%;
			table-layout: fixed;
		}
		.chess-grid-text .cell .middle {
		 	display: table-cell;
            line-height: 1.2;
		    text-align: center;
			vertical-align: middle;
		    padding: 5px 5px 0px 5px;
		    word-wrap: break-word;
		}
		.chess-grid-text .cell .middle h2 {
			font-size: 14px;
			margin: 0;
			padding: 0;
			position: relative;
			margin-bottom: 40px;
		}
		.chess-grid-text .cell .middle h2::after {
			content: "";
			position: absolute;
			width: 18px;
			height: 2px;
			background: #000;
			bottom: -19px;
			left: 50%;
			margin-left: -9px;
		}
		.chess-grid-text .cell .middle a {
			display: block;
			margin-top: 30px;
			font-size: 12px;
			text-decoration: none;
			color: #666;
		}
	
	.chess-grid-image {background: #eee; height: 100%; width: auto; position: relative; overflow:hidden;}
	.chess-grid-image .cell {
		width: 100%; height: 100%;
		opacity: 0; 
		background-size: cover; 
		background-repeat: no-repeat;
		background-position: center;
        -webkit-transition: opacity .3s ease-out; 
        -moz-transition: opacity .3s ease-out; 
        -o-transition: opacity .3s ease-out; 
        transition: opacity .3s ease-out;	
	}
	.chess-grid-image .cell.loaded {opacity: 1;}
	.chess-grid-image .cell a {display: block; height: 100%; width: 100%; border: 0;}
	
	
	
	
	.chess-grid-item.text-left {} 
		.chess-grid-item.text-left .chess-grid-text {float: left;}
	
	.chess-grid-item.text-right {} 
		.chess-grid-item.text-right .chess-grid-text {float: right;}

	.chess-grid-item.text-hover {} 
		.chess-grid-item.text-hover .chess-grid-text {
			float: none; 
			position: absolute; 
			width: 100%; 
			height: 100%; 
			top: 0; 
			z-index: 2;
		}
		.chess-grid-item.text-hover .chess-grid-image {width: 100%; height: 100%;}			
		
	/*	
	.desktop .chess-grid-item:hover .chess-grid-image .cell {opacity: 0.7;}		
    
	.desktop .chess-grid-item.text-hover:hover .chess-grid-text {opacity: 1;}    */
	/*** Tablet style ***/
	.tablet .chess-grid-item.text-hover .chess-grid-text {opacity: 0; z-index: -1;}
	.tablet .chess-grid-item.text-hover.tablet-hover .chess-grid-text {opacity: 1;}
        
    /*** Hover effect ***/

    .desktop .chess-grid .chess-grid-item .chess-grid-text, .desktop .chess-grid .chess-grid-item .chess-grid-image {
        -webkit-transition: opacity .3s ease-out; 
        -moz-transition: opacity .3s ease-out; 
        -o-transition: opacity .3s ease-out; 
        transition: opacity .3s ease-out;
		
    }
	
	.desktop .chess-grid-item.text-hover .chess-grid-text {opacity: 0;}
	.desktop .chess-grid-item.text-hover:hover .chess-grid-text {opacity: 1;}
	
	
    .desktop .chess-grid.hover .chess-grid-item.text-left .chess-grid-text, 
	.desktop .chess-grid.hover .chess-grid-item.text-left .chess-grid-image,
    .desktop .chess-grid.hover .chess-grid-item.text-right .chess-grid-text, 
	.desktop .chess-grid.hover .chess-grid-item.text-right .chess-grid-image,
	.desktop .chess-grid.hover .chess-grid-item.text-hover .chess-grid-image {
        opacity: 0.7;
        filter: alpha(opacity = 70);
    }

    .desktop .chess-grid.hover .chess-grid-item.text-left:hover .chess-grid-text, 
	.desktop .chess-grid.hover .chess-grid-item.text-left:hover .chess-grid-image,
    .desktop .chess-grid.hover .chess-grid-item.text-right:hover .chess-grid-text, 
	.desktop .chess-grid.hover .chess-grid-item.text-right:hover .chess-grid-image {
        opacity: 1;
        filter: alpha(opacity = 100);  
    }