/**
 *
 *	essential styles
 *		- the following styles are essential to the functioning of the plugin
 *
 **/
@font-face {
    font-family: empty;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAoAAAAAA+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAJ4AAACeXQ48j09TLzIAAAGUAAAAYAAAAGAIIgbWY21hcAAAAfQAAABEAAAARAAyAGlnYXNwAAACOAAAAAgAAAAIAAAAEGhlYWQAAAJAAAAANgAAADb9mzB5aGhlYQAAAngAAAAkAAAAJAHiAeVobXR4AAACnAAAABAAAAAQAAAAAG1heHAAAAKsAAAABgAAAAYABFAAbmFtZQAAArQAAAFdAAABXVqZXRlwb3N0AAAEFAAAACAAAAAgAAMAAAEABAQAAQEBDHNwYWNlLWVtcHR5AAECAAEAOvgcAvgbA/gYBB4KABlT/4uLHgoAGVP/i4sMB4tr+JT4dAUdAAAAfA8dAAAAgREdAAAACR0AAACVEgAFAQEMFxkbHnNwYWNlLWVtcHR5c3BhY2UtZW1wdHl1MHUxdTIwAAACAYkAAgAEAQEEBwoN/JQO/JQO/JQO/JQO+JQU+JQViwwKAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAABAAAAAIAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAAAEAIP/9//8AAAAAACD//f//AAH/4wADAAEAAAAAAAAAAAABAAH//wAPAAEAAAABAAAAeR2GXw889QALAgAAAAAAzz54vgAAAADPPni+AAAAAAAAAAAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAABQAAAEAAAAAAAOAK4AAQAAAAAAAQAWAAAAAQAAAAAAAgAOAGMAAQAAAAAAAwAWACwAAQAAAAAABAAWAHEAAQAAAAAABQAWABYAAQAAAAAABgALAEIAAQAAAAAACgAoAIcAAwABBAkAAQAWAAAAAwABBAkAAgAOAGMAAwABBAkAAwAWACwAAwABBAkABAAWAHEAAwABBAkABQAWABYAAwABBAkABgAWAE0AAwABBAkACgAoAIcAcwBwAGEAYwBlAC0AZQBtAHAAdAB5AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHAAYQBjAGUALQBlAG0AcAB0AHlzcGFjZS1lbXB0eQBzAHAAYQBjAGUALQBlAG0AcAB0AHkAUgBlAGcAdQBsAGEAcgBzAHAAYQBjAGUALQBlAG0AcAB0AHkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('woff');
}
.wmg-container{
	filter: alpha(opacity=0);
	font-family: empty;
	font-size: 0px;
	opacity: 0.0;
	position: relative;
	width: 100%;
	zoom: 1;
}
.wmg-container > *{
	font-family: sans-serif;
	font-size: 18px;
}
.wmg-container img{
	max-width: 100%;
}

	.wmg-item{
		display: inline-block;
		*display: inline;
		-moz-box-sizing: border-box;
	  	-webkit-box-sizing: border-box;   
	  	box-sizing: border-box;
	  	width: 33.33%!important;
	  	height: 512px!important;
	  	padding: 0!important;
	}

		.wmg-thumbnail{
			position: relative;
		}
			.wmg-arrow{
				border-bottom: 10px solid;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				bottom: -15px;
				display: none;
				height: 0;
				position: absolute;
				width: 0;
				z-index: 2;
			}
			.wmg-thumbnail-content{
				height: 100%;
				overflow: hidden;
				width: 100%;
				border: 0.5px solid #D9D9D9;
				max-height: 533px;
			}
			.wmg-thumbnail-content img{
				vertical-align: middle;
			}

		.wmg-details{
			left: 0px;
			margin-top: 0;
			overflow: hidden;
			position: absolute;
			width: 100%;
			z-index: 9999;
		}
			.wmg-close{
				cursor: pointer;
				display: block;
				position: absolute;
				z-index: 2;
			}
			.wmg-details-content{
				height: auto;
			}


/**
 *
 *	sample styles
 *  	- the following styles are just one example. You can customize at will
 *
 *
 **/

.wmg-thumbnail{
	cursor: pointer;
}

.wmg-close {
    background: url(../images/cross-details.svg) no-repeat 0px 0px;
    display: block;
    height: 38px;
    right: 40px;
    top: 40px;
    width: 38px;
}
/*.wmg-close:hover, .wmg-close:active{
	background-position: 0px -31px; 
}*/
.wmg-details-content{
	background: #fff;
	min-height: auto;
	margin: 0!important;
}

/* opened */
.wmg-container.open{
	background: #fff;
}
.wmg-container.open .wmg-thumbnail{
	background: #fff;
}
.wmg-container.open .wmg-thumbnail.open{
	background: #fff;
}
.wmg-container.open .wmg-thumbnail img{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
}
.wmg-container.open .wmg-thumbnail:hover img{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);
}
.wmg-container.open .wmg-thumbnail.open img{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}