.fancybox-lock .fancybox-overlay {
	overflow: auto !important;
}

.als_fancybox .fancybox-skin,
.als_fancybox .fancybox-iframe {
	border-radius: 1em;
	background: transparent;
}

.als_fancybox .fancybox-close {
    top: -12px;
    right: -9px;
}

.fancybox-margin {
    margin-right: 0 !important;
}

.als-fancybox-close-mobile {
	display: none;
}

@media (max-width: 800px) and (orientation: landscape) {
    position: fixed !important; /* Prevent body from scrolling behind overlay. http://stackoverflow.com/a/19015970 */
}

@media (max-width: 800px) {

  .fancybox-lock body {
  	margin: 0;
  }

  .als_fancybox .fancybox-inner {
		border-radius: 10px;
	}

  /* !important used to overwrite inline styles */
  .fancybox-wrap.als_fancybox {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		padding: 10px;
		padding-bottom: 20px;
		box-sizing: border-box;
  }

  .fancybox-wrap.als_fancybox .fancybox-inner {
		width: 100% !important;
  }

  .als_fancybox .fancybox-skin {
		height: 100% !important;

		/* Fullscreen on iPhone 6s. */
		max-width: 414px;

		/* Full-screen iPhone 6 height in dips. */
		max-height: 667px;

		margin-left: auto;
		margin-right: auto;
  }

  .als_fancybox .fancybox-outer,
  .als_fancybox .fancybox-inner {
		height: 100% !important;
  }

	.als_fancybox .als-fancybox-close-wrap {
		padding: 0 10px 0 10px;
		position: relative;
		bottom: -10px;
	}

	.als-fancybox-close-mobile {
		display: block;
	}

	.hide-on-mobile {
		display: none;
	}

  .als_fancybox .fancybox-close {
		box-sizing: border-box;
		top: auto;
		right: auto;
		left: 0;
		bottom: 0;
		height: 60px;
		padding: 10px 0;
		width: 100%;
		text-decoration: none;
		background: rgb(243,243,243);
		opacity: 1.0;
		text-align: center;
		z-index: 9999;
		-webkit-box-shadow: 0 -5px 10px 0 rgba(02,0,0,.3);
		box-shadow: 0 -5px 10px 0 rgba(02,0,0,.3);
		border-radius: 0 0 10px 10px;
  }

  .als_fancybox .fancybox-close button {
		display: inline-block;
		color: rgb(192,192,192);
		text-decoration: none;
		border: 1px solid rgb(192,192,192);
		border-radius: 5px;
		text-transform: uppercase;
		font: bold 14px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 12px 15px;
		opacity: 1.0;
		background: transparent;
  }

  .als_fancybox .fancybox-close:hover:after,
  .als_fancybox .fancybox-close:active:after {
		background: rgb(192,192,192);
		color: rgb(243,243,243);
		opacity: 1.0;
  }

}

@media (min-width: 800px) {
	/* Prevent scroll bars on large screen devices that accept touch input. */
	.als_fancybox .fancybox-inner { overflow: hidden !important; }
}