/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.2 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 19999999; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
		border: none;
		padding: 0;
	}

	/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
	.featherlight .featherlight-close-icon::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}

	.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

.featherlight .clearfix {clear: both; height: 0px;}
.featherlight .custom-ajax-form { display: block; margin: 0 auto; padding: 30px; width: 100%; min-width: 500px; max-width: 500px; color:#666; background:#f3f3f3; }
.featherlight input, .featherlight select, .featherlight textarea, .featherlight button { color: #666; }
.featherlight input[type=email], .featherlight input[type=search], .featherlight input[type=number], .featherlight input[type=password], .featherlight input[type=tel], .featherlight input[type=phone], .featherlight input[type=text], .featherlight textarea {
	display:block; border:1px solid #aaa; background:#fff; margin:0; padding: 2%; width: 100%;
}
.featherlight input:valid, .featherlight textarea:valid{ background:#f2fbf2; }
.featherlight input[type="submit"], .featherlight  input[type="button"]{background: #7aa22d;color: #fff;font-size: 1.2em;font-weight: bold;
	line-height: 1.2em;margin: 1.5em 0;padding: 5px;width: 100%;border: 1px solid #ddd;transition: .2s background-color ease-out;}
.featherlight input[type="submit"]:hover, .featherlight input[type="button"]:hover { background: #f46c09; transition: .2s background-color ease-out; }
.featherlight input[type=submit][disabled=disabled], .featherlight button[disabled=disabled], .featherlight input[type=submit]:disabled, .featherlight button:disabled { background: #999;transition: .2s background-color ease-out; }
.featherlight input[type="checkbox"] { display: inline-block; width: auto; margin: 0 10px; }
.featherlight .label, .featherlight .labelMessage, .featherlight .labelColour{margin: 14px 0 5px; display: inline-block;padding-left: 0;}
.featherlight .label em.required, .featherlight .labelMessage em.required { color: #f36969; }
.featherlight .allMessages{display:none;}
.featherlight .form-message.error { color: #f36969;}
.featherlight .form-message.success { color: #3c763d;}
.featherlight ul{margin:0;padding:0;}
.featherlight li{list-style:none;}
.featherlight h2{font-weight:bold;margin:10px 0 15px;color:#666;font-size:1.5em;text-align: center;}
.featherlight .chooseColor{display:flex;flex-wrap:wrap; width:100%;}
.featherlight .chooseColor li{display: flex; justify-content: flex-start;align-items: center; flex-grow:1; width: 49%; max-width:215px; margin:4px 2px; line-height:50px;}
.featherlight .chooseColor li input, .featherlight .chooseColor li label {cursor:pointer;margin: 0 0 0 10px;}
.featherlight .ral7030{color:#333;background-color:#bbb4ae;}
.featherlight .ral7040{color:#333;background-color:#e3e4e9;}
.featherlight .steingrau{color:#333;background-color:#bbb4ae;}
.featherlight .silbergrau{color:#fff;background-color: rgb(140, 150, 157);}
.featherlight .anthrazit{color:#fff;background-color: rgb(56, 62, 66);}
.featherlight .ral7016{color:#fff;background-color:#55585d;}
.featherlight .ral6005{color:#fff;background-color:#43605c;}
.featherlight .grn{color:#fff;background-color:#43605c;}

@media only screen and (max-width: 768px) {
	.featherlight .featherlight-inner .custom-ajax-form { min-width: 325px; padding: 15px; }
	.featherlight .featherlight-content .featherlight-close-icon { font-weight: bold; color: #7aa22d; background: none; top: 5px; right: 5px; line-height: 34px; width: 34px; height: 34px; font-size: 24px; }
}