﻿/*
Theme Name: Rungta College
Theme URI: http://www.rungtacolleges.com/
Description: Engineering, Management, dental in Bhilai, Chattisgarh| Rungta group of colleges.
Author: Perfectcoder
Author URI: http://www.perfectcoder.com
Version: v1.2014
  _____           __          _    _____          _           
 |  __ \         / _|        | |  / ____|        | |          
 | |__) |__ _ __| |_ ___  ___| |_| |     ___   __| | ___ _ __ 
 |  ___/ _ \ '__|  _/ _ \/ __| __| |    / _ \ / _` |/ _ \ '__|
 | |  |  __/ |  | ||  __/ (__| |_| |___| (_) | (_| |  __/ |   
 |_|   \___|_|  |_| \___|\___|\__|\_____\___/ \__,_|\___|_|.com
                                                              
################################################################    

*/

.shape.diamond {
/*	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg); */
	-webkit-border-radius: 10px;
	border-radius: 10px; /** fix for android browser */;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.shape.diamond img, .shape.diamond .item-hover, .shape .fa {
/*	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);*/
}

/*	==================================================
	# Shapes
	================================================== */
.shape a{
	text-decoration: none;
}
.shape.diamond {
	margin: 25px;
	display: inline-block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	position: relative;
}
.shape.diamond:first-child {
	margin-left: 0px;
}
.shape.diamond img {
	box-shadow: #000 0em 0em 0em;
}
.shape.diamond img, .shape.diamond .item-hover {
	position: relative;
	overflow: hidden;
	top: -22px;
	left: -22px;
	right: -22px;
	bottom: -22px;
	max-width: 140%;
	text-align: center;
}
/** Item Hover */
.item-hover {
	background: rgba(240, 4, 35, 0.75);
	position: absolute!important;
	z-index: 80;
	display: none;
	overflow: hidden;
	font-size: 13px;
	width: 140%;
	height: 140%;
}
.item-hover span {
	display: block;
	color: #fff;
}
.item-hover .hover-title {
	margin-top: -40%;
	padding: 0 20px;
	font-family: 'Open Sans', arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 800;
	text-transform: uppercase;
}
.item-hover .hover-title:hover  {
	text-decoration: underline;
}

/** when item hover is set to show */
.item-hover.show {
	display: block;
}
