@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
 
/*-------- Gallery styles --------*/

.gallery_container {
    position: relative;
    display: block;
	/*width : 100%;*/
}

/*.gallery_title{
	position : relative;
	display : block;
	font-size: 22px;
	text-align: center;
	padding: 15px;
}

div.gallery_content_b6 {
    position: relative;
    display: block;
	border : solid 1px #CCCCCC;
}

.gallery_content_b6 div {
    position: relative;
    display: block;
    padding: 15px 0 2px 0;
    font-size: 15px;
}*/

.gallery_content_b6 {
    /*margin: 0;
    padding: 0;*/
    text-align: center;
}

.gallery_content_b6 .wwd {
    position: relative;
    display: inline-block;
    list-style: none;
    -webkit-perspective : 300px;
	perspective : 300px;
	/*margin : 3px;
    width: 26%;*/
	vertical-align : middle;
	overflow : hidden;
	/*box-shadow: 0px 0px 10px rgba(36, 175, 170, .2);*/
	-webkit-transition-duration : .4s;
	-moz-transition-duration : .4s;
	-ms-transition-duration : .4s;
	transition-duration : .4s;
}

.gallery_content_b6 .wwd img {
    position: relative;
	display : block;
    /*width: 100%;*/
    z-index: 100;
	-webkit-transition-duration : .4s;
	-moz-transition-duration : .4s;
	-ms-transition-duration : .4s;
	transition-duration : .4s;
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.gallery_content_b6 .wwd .wwd-inner {
    position:absolute;
    display: block;
    text-decoration: none;
    /*width: 100%;*/
	height : 100%;
	right : 0%;
    z-index: 110;
	/*padding : 0px;*/
    color: #FFFFFF;
    background-color: #24afaa;
	opacity: 0;
	-ms-transform-origin : center bottom;
	-moz-transform-origin : center bottom;
	-webkit-transform : center bottom;
	transform-origin : center bottom;
	-webkit-transform : rotateX(108deg);
	-ms-transform : rotateX(108deg);
	-moz-transform : rotateX(108deg);
	transform : rotateX(108deg);
	-webkit-transition-duration : .4s;
	-moz-transition-duration : .4s;
	-ms-transition-duration : .4s;
	transition-duration : .4s;
}

.gallery_content_b6 .wwd .wwd-inner>span {
	position : relative;
	display : block;
	top : 50%;
	-webkit-transform : translateY(-50%);
	-moz-transform : translateY(-50%);
	-ms-transform : translateY(-50%);
	transform : translateY(-50%);
}

.gallery_content_b6 .wwd .wwd-inner>span span {
	position:relative;
	display: block;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
	padding: 5px 12px 10px 12px;
}

.gallery_content_b6 .wwd .wwd-inner>span h4 {
	position : relative;
	display : block;
	padding : 0;
	margin : 0;
	text-align : center;
}

.gallery_content_b6 .wwd .wwd-inner>span a {
	position: relative;
	display: inline-block;
	border: solid 2px #F5FFFF;
	padding : 0 10px 0 10px;
	text-decoration : none;
	color : #F5FFFF;
	height : 30px;
	background-color : #24afaa;
	border-radius : 5px;
	-webkit-transition-duration : .5s;
	-ms-transition-duration : .5s;
	-moz-transition-duration : .5s;
	transition-duration : .5s;
}

.gallery_content_b6 .wwd .wwd-inner i {
	position: relative;
	display: inline-block;
	font-size : 15px;
	line-height : 30px;
	margin-right : 5px;
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
	-webkit-transition-duration : .2s;
	-ms-transition-duration : .2s;
	transition-duration : .2s;
}

.gallery_content_b6>.wwd:hover .wwd-inner {
	display: block;
	opacity: .8;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	
	-webkit-transform : rotateX(0deg);
	-ms-transform : rotateX(0deg);
	-moz-transform : rotateX(0deg);
	transform : rotateX(0deg);
}

.gallery_content_b6 .wwd .wwd-inner a:hover {
	border-radius:50px;
	color:#24afaa;
	background-color:#F5FFFF;
}

.gallery_content_b6 .wwd .wwd-inner a:hover i {
	-webkit-transform : rotate(90deg);
	-ms-transform : rotate(90deg);
	transform : rotate(90deg);
}

.gallery_content_b6 .wwd:hover img {
	-webkit-transform : scale(1.2);
	-moz-transform : scale(1.2);
	-ms-transform : scale(1.2);
	transform : scale(1.2);
}


/** ----------For Desktop---------------**/
@media only screen and (min-width: 960px) and (max-width: 1024px) {

	.gallery_content_b6 .wwd {
		width : 28%;
		margin : 2px;
	}

	.gallery_content_b6 .wwd .wwd-inner i {
		position: relative;
		display: inline-block;
		padding : 0;
		line-height: 28px;
	}
	
}

/** ----------For Note Book------------ **/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.gallery_content_b6 .wwd {
		width : 30%;
		margin : 2px;
	}
	
	.gallery_content_b6 .wwd .wwd-inner span a {
		height : 26px;
	}

	.gallery_content_b6 .wwd .wwd-inner i {
		position: relative;
		display: inline-block;
		padding: 0;
		line-height: 26px;
	}
	
}

/** ---------- For Tablet ------------ **/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.gallery_content_b6 .wwd {
		width : 40%;
		margin : 2px;
	}
	
	.gallery_content_b6 .wwd .wwd-inner span a {
		height : 28px;
		border : solid 1px #F5FFFF;
	}

	.gallery_content_b6 .wwd .wwd-inner i {
		position: relative;
		display: inline-block;
		padding: 0;
		line-height: 28px;
	}
	
}

/** ---------- For Mobile ------------ **/
@media only screen and (max-width: 479px) {
	
	.gallery_content_b6 .wwd {
		display : block;
		width : 80%;
		margin : 5px auto;
	}
	
	.gallery_content_b6 .wwd .wwd-inner span span{
		font-size : 14px;
	}
	
	.gallery_content_b6 .wwd .wwd-inner span a {
		height : 28px;
	}
	.gallery_content_b6 .wwd .wwd-inner i {
		position: relative;
		line-height: 28px;
	}
	
}