@charset "utf-8";
/* CSS Document */

/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

.poptrox-popup
{
	background: #fff;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	padding-bottom: 3em;
}

	.poptrox-popup .loader
	{
		width: 48px;
		height: 48px;
		background: url('images/loader.gif');
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -24px 0 0 -24px;
	}

	.poptrox-popup .caption
	{
		position: absolute;
		bottom: 0;
		left: 0;
		background: #fff;
		width: 100%;
		height: 3em;
		line-height: 3em;
		text-align: center;
		cursor: default;
		z-index: 1;
	}
	
	.poptrox-popup .nav-next,
	.poptrox-popup .nav-previous
	{
		position: absolute;
		top: 0;
		width: 50%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		background: rgba(0,0,0,0.01);
		-moz-transition: opacity 0.5s ease-in-out;
		-webkit-transition: opacity 0.5s ease-in-out;
		-o-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		transition: opacity 0.5s ease-in-out;
		-webkit-tap-highlight-color: rgba(255,255,255,0);
	}

		.poptrox-popup .nav-next:before,
		.poptrox-popup .nav-previous:before
		{
			content: '';
			position: absolute;
			width: 96px;
			height: 64px;
			background: url('images/poptrox-nav.svg');
			top: -moz-calc(50% - 1.5em);
			top: -webkit-calc(50% - 1.5em);
			top: -o-calc(50% - 1.5em);
			top: -ms-calc(50% - 1.5em);
			top: calc(50% - 1.5em);
			margin: -32px 0 0 0;
		}
	
		.poptrox-popup:hover .nav-next,
		.poptrox-popup:hover .nav-previous
		{
			opacity: 0.5;
		}

		.poptrox-popup:hover .nav-next:hover,
		.poptrox-popup:hover .nav-previous:hover
		{
			opacity: 1.0;
		}
		
		.poptrox-popup .nav-previous:before
		{
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-o-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
			-ms-filter: "FlipH";			
			filter: FlipH;
		}

	.poptrox-popup .nav-next
	{
		right: 0;
	}

		.poptrox-popup .nav-next:before
		{
			right: 0;
		}
	
	.poptrox-popup .nav-previous
	{
		left: 0;
	}

		.poptrox-popup .nav-previous:before
		{
			left: 0;
		}
		
	.poptrox-popup .closer
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 64px;
		height: 64px;
		text-indent: -9999px;
		z-index: 2;
		opacity: 0;
		-moz-transition: opacity 0.5s ease-in-out;
		-webkit-transition: opacity 0.5s ease-in-out;
		-o-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		transition: opacity 0.5s ease-in-out;
		-webkit-tap-highlight-color: rgba(255,255,255,0);
	}
	
		.poptrox-popup .closer:before
		{
			content: '';
			display: block;
			position: absolute;
			right: 16px;
			top: 16px;
			width: 40px;
			height: 40px;
			border-radius: 100%;
			box-shadow: inset 0 0 0 1px #fff;
			background: rgba(255,255,255,0.1) url('images/poptrox-closer.svg') center center;
			color: #fff !important;
			-moz-transition: background-color 0.5s ease-in-out;
			-webkit-transition: background-color 0.5s ease-in-out;
			-o-transition: background-color 0.5s ease-in-out;
			-ms-transition: background-color 0.5s ease-in-out;
			transition: background-color 0.5s ease-in-out;
		}

		.poptrox-popup:hover .closer
		{
			opacity: 0.5;
		}

		.poptrox-popup:hover .closer:hover
		{
			opacity: 1.0;
		}