.poptrox-popup {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		background: #fff;
	}

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

/* Desktop */

	@media screen and (min-width: 737px) {
			.poptrox-popup {
				padding: 0.5em;
				background: #fff;
				border-radius: 5px;
			}

				.poptrox-popup .closer, .poptrox-popup .nav-next, .poptrox-popup .nav-previous {
					display: inline-block;
					font-family: FontAwesome;
					font-size: 1.25em;
					text-decoration: none;
					font-style: normal;
					font-weight: normal;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					color: #fff;
				}

				.poptrox-popup .closer {
					width: 2em;
					height: 2em;
					line-height: 1.85em;
					font-size: 1em;
					text-align: center;
					border-radius: 100%;
					border: solid 2px #fff;
					position: absolute;
					top: -2.25em;
					right: -2.25em;
				}

					.poptrox-popup .closer:before {
						content: '\f00d';
					}

				.poptrox-popup .nav-next, .poptrox-popup .nav-previous {
					-moz-transition: opacity 0.25s ease-in-out;
					-webkit-transition: opacity 0.25s ease-in-out;
					-ms-transition: opacity 0.25s ease-in-out;
					transition: opacity 0.25s ease-in-out;
					position: absolute;
					top: 0;
					height: 100%;
					width: 50%;
					cursor: pointer;
					opacity: 0;
					font-size: 2em;
				}

					.poptrox-popup .nav-next:before, .poptrox-popup .nav-previous:before {
						position: absolute;
						top: 50%;
						width: 3em;
						height: 3em;
						line-height: 3em;
						margin-top: -1.5em;
						text-align: center;
					}

					.poptrox-popup .nav-next:hover, .poptrox-popup .nav-previous:hover {
						opacity: 1.0;
					}

				.poptrox-popup:hover .nav-next, .poptrox-popup:hover .nav-previous {
					opacity: 0.25;
				}

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

					.poptrox-popup .nav-next:before {
						content: '\f054';
						right: 0;
					}

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

					.poptrox-popup .nav-previous:before {
						content: '\f053';
						left: 0;
					}
	}

/* Mobile */

	@media screen and (max-width: 736px) {
			.poptrox-popup {
				border: solid 3px #fff;
				border-radius: 5px;
			}

				.poptrox-popup .closer {
					display: none;
				}
	}