/* -------------------------------------| Default Gallery |------------------------------------- */
/* ------------------------------------------------------------------------
	Gallery General
------------------------------------------------------------------------- */
.def_gallery_wrap{ }

ul.def_gallery {
	display: block;
	list-style: none;
	margin: 0 0 10px 0;
	text-align: left;
	/*border:1px #f00 solid;*/
	max-height:78px;
	overflow:hidden;
}
ul.def_gallery li {
	display: inline-block;
	margin: 0;
}
ul.def_gallery a {
	padding: 2px;
	display: block;
	text-decoration: none;
	border: 2px #eee solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 0;
}
ul.def_gallery a:hover { border: 2px #ccc solid; }

ul.def_gallery li a img {
	height: 70px;
}
/* ------------------------------------------------------------------------
	Gallery
------------------------------------------------------------------------- */

.gallery a {
	background: none !important;
	border: 1px #05326A solid;
	/*display: block;*/
	/*height: 50px;*/
	padding: 2px !important;
	/*width: 50px;*/
}
.gallery a:hover { border-color: #1799A9; }


/* -------------------------------------| Tiled Gallery |------------------------------------- */
.gallerywrap {
	position: relative;
}
.gallerywrap .item {
	color:#333;
	/*border: 1px #008aca solid;
	background: rgba(0, 138, 202, 0.4);*/
	background: #ccc;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,.075);
}
.gallerywrap .image-overlay {
	position:relative;
	cursor:default;
	overflow:hidden;
}
.gallerywrap .image-overlay img { width:100%; }

.gallerywrap .item  h3{
	color:#333;
	font-weight:400;
}
.gallerywrap section {
	position: relative;
	padding: .5rem;
}
/*
.gallerywrap section:before {
	content: ' ';
	position: absolute;
	top: -20px;
	left: 48%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: rgba(0, 138, 202, 0.4);
	z-index: 2;
}
*/






.overlay-hslide {
	position:absolute;
	top:0;
	right:0;
	width:0%;
	height:100%;
	background:rgba(255, 255, 255, 0.6);
	background:rgb(255, 255, 255) transparent;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.overlay-hslide span {
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	cursor:pointer;
	color: #008aca;
	text-align:center;
	line-height:80px;
	margin:-40px 0 0 -40px;
}
.overlay-hslide span .icon-overlay {
	font-size:40px;
	width:80px;
	height:80px;
	line-height:80px;
	padding:0;
	margin:0;
	background:rgba(255, 255, 255, 0.6);
	background:rgb(255, 255, 255) transparent;
}
.image-overlay:hover .overlay-hslide {
	top:0;
	left:0;
	width:100%;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.overlay-vslide {
	position:absolute;
	right:0;
	bottom:0;
	width:100%;
	height:0%;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	background:rgba(255, 255, 255, 0.6);
	background:rgb(255, 255, 255) transparent;
}
.overlay-vslide span {
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	cursor:pointer;
	color: #008aca;
	text-align:center;
	line-height:80px;
	margin:-40px 0 0 -40px;
}
.overlay-vslide span .icon-overlay {
	width:80px;
	height:80px;
	font-size:40px;
	line-height:80px;
	padding:0;
	margin:0;
	background:rgba(255, 255, 255, 0.6);
	background:rgb(255, 255, 255) transparent;
}
.image-overlay:hover .overlay-vslide {
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.overlay-fade {
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	background: rgba(0, 138, 202, 0.6);
}
.overlay-fade span {
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	cursor:pointer;
	color: #008aca;
	line-height:80px;
	text-align:center;
	margin:-40px 0 0 -40px;
}
.overlay-fade span .icon-overlay {
	width:80px;
	height:80px;
	color:#fff;
	font-size:40px;
	line-height:80px;
	padding:0;
	margin:0;
	border-radius:500px;
	background:rgba(255, 255, 255, 0.3);
}
.image-overlay:hover .overlay-fade {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.overlay-zoom {
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	background:rgba(255, 255, 255, 0.6);
	background:rgb(255, 255, 255) transparent;
}
.overlay-zoom span {
	position:absolute;
	top:50%;
	left:50%;
	height:80px;
	width:80px;
	cursor:pointer;
	color: #008aca;
	text-align:center;
	line-height:80px;
	margin:-40px 0 0 -40px;
}
.overlay-zoom span .icon-overlay,
.overlay-zoom span .icon-overlay.double {
	width:80px;
	height:80px;
	font-size:40px;
	line-height:80px;
	padding:0;
	margin:0;
	background:rgba(255, 255, 255, 0.6);
	background:rgb(255, 255, 255) transparent;
}
.image-overlay:hover .overlay-zoom {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.zoom-image img {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.zoom-image:hover img {
	-webkit-transform:scale(1.5);
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:250ms;
	-moz-transform:scale(1.5);
	-moz-transition-timing-function:ease-out;
	-moz-transition-duration:250ms;
	transform:scale(1.5);
	transition-timing-function:ease-out;
	transition-duration:250ms;
}
.rotate-image-left img {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.rotate-image-left:hover img {
	-webkit-transform:rotate(-15deg) scale(1.5);
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:250ms;
	-moz-transform:rotate(-15deg) scale(1.5);
	-moz-transition-timing-function:ease-out;
	-moz-transition-duration:250ms;
	transform:rotate(-15deg) scale(1.5);
	transition-timing-function:ease-out;
	transition-duration:250ms;
}
.rotate-image-right img {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.rotate-image-right:hover img {
	-webkit-transform:rotate(15deg) scale(1.5);
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:250ms;
	-moz-transform:rotate(15deg) scale(1.5);
	-moz-transition-timing-function:ease-out;
	-moz-transition-duration:250ms;
	transform:rotate(15deg) scale(1.5);
	transition-timing-function:ease-out;
	transition-duration:250ms;
}







