/*
	Parallelism by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	html
	{
		height: 100%;
	}

	body:before {
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
		background-position:	top left,						bottom left,														auto;
		background-size:		auto,							100% 100%,															cover;
		background-repeat:		repeat,							no-repeat,	
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
	}

	body.dark:before {
		background-color: #333 !important;
		/*background-image:		url('images/dark.png');*/
		-webkit-filter: none;
		-moz-filter: none;
		-o-filter: none;
		-ms-filter:none;
		filter:none;
	}
	body
	{
		padding: 0;
		font-size: 12pt;
		line-height: 1.75em;
		height: 100%;
		min-height: 450px;
		min-width: 1000px;
	}
	body.dark {
		background-color: #555;
	}

   @media screen and (min-device-width: 1600px) {
    * {font-size: 12pt;}
   }
   @media screen and (device-width: 1280px) {
   	* {font-size: 90%;}
   }
   @media screen and (device-width: 1024px) {
    * {font-size: 75%;}
   }


	/* List */

		ul
		{
		}

			ul.contact
			{
				margin-bottom: 0.5em;
			}
			
				ul.contact li
				{
					margin-left: .6em;
				}

.avatar {
	display: inline-block;
	background-image: url('/parallel/avatar.jpg');
	/*background-position: 4px -3px;*/
	background-repeat: no-repeat;
	background-size: 100%;
	width: 128px;
	height: 128px;
	border-radius: 100%;
	vertical-align: middle;
	border: .2em solid orange;
	margin-right: 1em;
}

.ava {
	display: inline-block;
	vertical-align: middle;
	font-size: 24pt;
	line-height: 20pt;
}


/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	#wrapper
	{
		height: 100%;
		overflow: hidden;
		-webkit-transition: -webkit-filter 0.25s ease-in-out;
	}
	
		#wrapper.overlayed
		{
			-webkit-filter: blur(3px);
		}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		width: 100%;
		position: absolute;
		box-shadow: 0 5px 10px rgba(0,0,0,.2)
	}

/*********************************************************************************/
/* Reel                                                                          */
/*********************************************************************************/

	#reel 
	{
		position: relative;
		float: left;
		display: inline-block;
	}

		#reel .item
		{
			display: block;
			float: left;
			position: relative;
		}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		min-height: 212px;
		vertical-align: middle;
	}


		#header .inner
		{
			display: table-cell;
			vertical-align: middle;
			padding: 1em;

		}



		.item .inner {
			display: block;
			vertical-align: middle;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			overflow: hidden;

		}

		#header h1
		{
			padding-top: 50px;
			font-size: 3em;
		}
		
		#header p
		{
			font-size: 1.25em;
			line-height: 1.5em;
			margin: 0.5em 0 0 0;
		}
		
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		z-index: 10000;
		min-height: 3em;
	}
	
		#footer h2
		{
			font-size: 2.25em;
			margin: 0 0 1em 0;
		}
		
		#footer .left
		{
			padding: 1em;
			text-align: left;
		}
		
		#footer .right
		{
			position: absolute;
			bottom: 0;
			right: 1em;
			text-align: right;
			min-height: 3em;
		}
		.navmain,
		.nav {
			position: relative;
			z-index: 100500;
			text-align: center;
			background: transparent;
			height: 45px;
			display: inline-block;
		}

		.navmain .podval,
		.nav .podval {
			display: inline-block;
			height: 28px;
			margin: 0 10px;
			font-size: 2em;
			opacity: .3;
			transition: opacity .5s ease;
		}
		.navmain .podval:hover,
		.nav .podval:hover {
			opacity: 1;
		}

		.podval i {
			color: white;
			text-shadow: 0 1px 3px rgba(0,0,0,.4);
		}

		#footer .navmain {
			position: absolute;
			bottom: 0;
			right: 2em;
			text-align: center;
			background: transparent;
			height: 45px;
		}

		#footer .copyright
		{
		}
		
			#footer .copyright li
			{
				display: inline-block;
				margin-left: 1em;
				padding-left: 1em;
				border-left: solid 1px #333;
				border-left-color: rgba(255,255,255,0.25);
				line-height: 1em;
				font-size: 75%;
			}
			
				#footer .copyright li:first-child
				{
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

.main-menu {
		position: fixed !important;
}

.mainmenu {
	position: fixed;
}
[class^="icon-"]::before, [class*=" icon-"]::before,
.mainmenu a {
	vertical-align: baseline;
}

#title {
	line-height: 1.5em;
}