/**

 * Featherlight – ultra slim jQuery lightbox

 * Version 1.0.3 - http://noelboss.github.io/featherlight/

 *

 * Copyright 2014, 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; left: 0; bottom:0;

		z-index: 99;

		/* 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;*/

		margin-right: -0.25em;

	}



	.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: hidden;

		padding: 25px 0px 0; top:-20%;

		/*border-bottom: 25px solid transparent;*/



		/* dimensions: handling small or empty content */

		/*min-width:  30%;*/



		/* 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: Arial, sans-serif;

		background: #fff; /* Set the background in case it overlaps the content */

		background: rgba(255, 255, 255, 0.3);

		color: #000;

	}





	.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;

	}



	.featherlight iframe {

		/* styling */

		border: none;

	}

}



/* handling phones and small screens */

@media only screen and (max-width: 1024px) {

	.featherlight .featherlight-content {

		/* dimensions: maximize lightbox with for small screens */

		margin-left: 10px;

		margin-right: 10px;

		max-height: 98%;

		padding: 10px 10px 0;

		border-bottom: 10px solid transparent;

	}

}







@media all {

				.lightbox { display: none; }

				.fl-page h1,

				.fl-page h3,

				.fl-page h4 {

					font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;

					font-weight: 100;

					letter-spacing: 1px;

				}

				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }

				.fl-page h1 i { font-style: normal; color: #ddd; }

				.fl-page h1 span { font-size: 30px; color: #333;}

				.fl-page h3 { text-align: right; }

				.fl-page h3 { font-size: 15px; }

				.fl-page h4 { font-size: 2em; }

				.fl-page .jumbotron { margin-top: 2em; }

				.fl-page .doc { margin: 2em 0;}

				.fl-page .btn-download { float: right; }

				.fl-page .btn-default { vertical-align: bottom; }



				.fl-page .btn-lg span { font-size: 0.7em; }

				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}

				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}

				.fl-page .github { margin: 2em 0; }

				.fl-page .github a { vertical-align: top; }

				.fl-page .marketing a { color: #999; }



				/* override default feather style... */

				.fixwidth {

					background: rgba(256,256,256, 0.8);

				}

				.fixwidth .featherlight-content{

					width: 300px;

					padding:15px 10px 0px 10px;

					color: #5b5b5b;

					background: #fbfbfb;

					

				}

				.fixwidth .featherlight-close {

					color: #fff;

					background:#ffbb0f;

				}



			}

			.featherlight-content em{ font-size:14px; font-style:normal; color:#ffbb0f; font-weight:normal;}

			.featherlight-content h2{ font-size:16px; font-style:normal; color:#0d0e42; font-weight:normal;}

			.featherlight-content p{ text-align:justify; margin-top:10px;}

			@media(max-width: 768px){

				.fl-page h1 span { display: block; }

				.fl-page .btn-download { float: none; margin-bottom: 1em; }

				.fixwidth .featherlight-content{ width:260px;}

			}

			@media (max-width:600px)

{

	.fixwidth .featherlight-content{ width:70%;}

	.featherlight .featherlight-content{ top:0px;}

}