/* 
 * Full Background Responsive Slider v1.0 based on:
 *
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 *
 * Author: Marchetti Design
 * http://www.marchettidesign.net/ 
  *
 *
 * Author: Marco Guenzi
 * http://www.marcoguenzi.org/
 */

 	.follow {
		display:none;
		}
		
	.share {
		display:none;
		}
 
 
 @font-face {
    font-family: Kalinga;
    src: url(../fonts/Kalinga-Light.ttf);
}

 @font-face {
    font-family: Kalinga;
    src: url(../fonts/Kalinga.ttf);
}
 
body, html	{
	margin:0;
	padding:0;
	width:100%;
	height:100%!important;
	overflow-x: hidden;
	background-image: url("../img/bg.jpg");
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	font-family: "Kalinga";
	}
		
	.animate {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	
	.flexslider, .flex-viewport	{width:100%;height:100%!important; margin:0;padding:0;}
	
	.flexslider .slides		{height:90%!important;
							margin: auto;
							position: absolute;
							top: 0; 
							left: 0; 
							bottom: 0; 
							right: 0;
							margin-top: 2.5%;
							z-index: 0;
}
		
	.flexslider .slides li	{width:100%;height:100%!important; margin:0;padding:0;background-repeat: no-repeat!important;			
							  -webkit-background-size: contain!important;
							  -moz-background-size: contain!important;
							  -o-background-size: contain!important;
							  background-size: contain!important; 
								-moz-transition: all .5s;
								-webkit-transition: all .5s;
								transition: all .5s;
								cursor:-webkit-zoom-in;
								cursor:-moz-zoom-in;
								cursor:zoom-in;
								position: relative;

	}

	
	.flex-control-nav 	{
			bottom: 8px;
			height: 16px;
		}
	
	/* .flex-direction-nav {display:none;} */	
	
	.flex-caption		{
		position: absolute;
		top:35%;
		text-shadow:  0px 0px 10px #000;
		left:0;
		text-align: center;
		width:100%;
		color:#fff;
		}

	.flex-caption h1	{
		font-size: 24px;
		margin:0 0 10px 0;
		font-weight:1000;
		font-family: Kalinga;
		text-transform: uppercase
		}
	
	.flex-caption p		{
		font-size: 16px;
		margin:0;
		font-weight:400;
		font-family: Kalinga;
		letter-spacing: 5px
		}
	
	.zoomed {
		-ms-transform: scale(0.5); /* IE 9 */
		-webkit-transform: scale(0.5); /* Safari */
		-moz-transform: scale(0.5); /* Firefox */
		-o-transform: scale(0.5);
		transform: scale(0.5);
		cursor:-webkit-zoom-in;
		cursor:-moz-zoom-in;
		cursor:zoom-in;
		}
		
	.unzoomed {
		cursor:-webkit-zoom-out!important;
		cursor:-moz-zoom-out!important;
		cursor:zoom-out!important;
		}
		

/* other css */

	#header{		
		position:fixed;
		top: -12px;
		height:2.5%;
		z-index:99999;
		display: block;
		width:100%;
	}

	#nav
	{
		width: 80%;	
		margin: 0 auto;		
		color:#fff;
		font-family: Roboto;
		font-size: 12px;
		-moz-transition: none;
		-webkit-transition: none;
		transition: none;
		z-index:9999;
	}

		#nav > a
		{
			display: none;
		}


		#nav li
		{
			position: relative;
			
		}
		
		#nav li a
		{
			color: #fff;
			display: block;
			font-family: Roboto;
			font-size: 12px;
			text-transform: uppercase;
			-moz-transition: none;
			-webkit-transition: none;
			transition: none;
			margin-top:5px;
			margin-bottom:5px;
			margin-left:-20px;
		}

		#nav li a:active
		{
			color: #ccc !important;
		}

			#nav > ul
			{
				list-style: none;
				text-align: center;
				margin-bottom: 5px;	
			}
		
			#nav > ul > li
			{
				height: 100%;
				float: left;
			}
			
			#nav > ul > li > a
			{
				height: 100%;
				text-align: center;
				margin: 0 10px;
			}
				
			#nav > ul > li:not( :last-child ) > a
			{

			}
			
			#nav > ul > li:hover > a,
			#nav > ul:not( :hover ) > li.active > a
			{
				color: #ccc;
			}

			#nav li ul
			{
				position: absolute;
				list-style-type: none;
				display: none;
				top: 100%;
				background-color:#999;
				width:100%;
				padding-right:20px;
			}
			
			#nav li:hover ul
			{
				display: block;
				left: -17px;
				right: 0;
			}
				
			#nav li:not( :first-child ):hover ul
			{

			}
			#nav li ul a
			{
				text-align: left;
			}
				#nav li ul li a:hover,
				#nav li ul:not( :hover ) li.active a
				{
					color: #000;
				}


	.footer {
		position:fixed;
		margin:auto;
		bottom:0px;
		margin-bottom:15px;
		height:30px;
		z-index: 9999;
		right:0;
		}

	.social {
		float: right;
		margin-right: 5px;
	}

	.social li{
		display:inline;	
	}
	
	.social li a{
		color:#000;
		font-weight: 800;
		text-decoration:none;
		font-size: 10px;
		font-style:normal;
		
	}

	.social li a:hover{
		color:#fff;		
	}
	
	.notice{
		width: 60%;
		margin: auto;
		margin-top:2%;
		font-family: "Kalinga";
	}
	
	.notice h1	{
		font-size: 24px;
		font-weight:800;
		}
	
	.notice h2	{
		font-size: 18px;
		font-weight:800;
	}

	.notice p	{
		font-size: 18px;
		font-weight:400;
	}
	
	.title{
		width: 60%;
		margin: auto;
		font-family: "Kalinga","Courier";
	}
	
	.title h1	{
		text-align: center;
		font-size: 48px;
		font-weight:1000;
		}
		
	.title h1 a	{
		color:#000;
		text-decoration: none;
		}
	
	.title p	{
		text-align: center;
		font-size: 24px;
		font-weight:600;
	}

	.title .small {
		text-align: center;
		font-size: 16px;
		font-weight:600;
	}
	
	.greek{
		font-family: "Roboto";
		font-weight: 400;
	}
	
	.noscript {
	border:1px solid #999;
	border-width:0 0 1px;
	background:#ffff90;
	font-size:12px;
	line-height:1.25;
	text-align:center;
	color:#676767;
	width:100%;
	}
.noscript .noscript-inner {
	width:auto;
	margin:0 auto;
	padding:12px 0 12px;
	background:url(../images/i_notice.gif) 20px 50% no-repeat;
	}

.noscript p {
	margin:0;
	width:auto;
	}
	
#footer {

	}

.social-links {
	margin-left: 10px;
	}

.social-button{
	display: inline!important;
	text-decoration: none!important;
	margin:0px!important
	}
	
	/* media queries */
	


	@media (min-width: 320px) and (orientation : portrait) {
		.title{
			margin-top:40%!important;
		}
	}
	
	@media (min-width: 320px) and (orientation : landscape) {
		.title{
			margin-top:15%!important;
		}	
	}

	@media screen and (max-width: 1280px) and (max-height: 960px) {
		.title{
			margin-top:20%!important;
		}	
	}
	
	@media screen and (max-width: 1024px) and (max-height: 768px) {

		.title{
			width: 60%;
			margin: auto;
			font-family: "Kalinga","Courier";
		}
		
		.notice h1	{
			font-size: 20px!important;
			font-weight:800!important;
			}
			
		.notice h2	{
			font-size: 16px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 16px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}
		
	}
	
	@media (width: 480px) and (height: 800px) and (orientation : portrait) {
		.flexslider .slides li.poster {
			height:60%!important;
			top:20%;
		}
		.title{
				margin-top:0!important;
			}	
	}
	
	@media (min-width: 768px) and (max-width: 980px) and (min-height: 1024px) {
		.notice h1	{
			margin-top:50px;
			}
	}
		
	@media (min-width: 768px) and (max-width: 980px) {
	
		.flex-caption h1	{font-size: 18px;}
	
		.flex-caption p		{font-size: 11px;}
		
		.flex-control-nav 	{ }
		
		#nav{font-size: 11px!important;}
		
		.flexslider .slides		{height:85%!important;
									top:5%;}
									
		.flexslider .slides li.poster{
		  -webkit-background-size: auto!important;
		  -moz-background-size: auto!important;
		  -o-background-size: auto!important;
		  background-size: auto!important;
		}	
		
		.notice h1	{
			font-size: 28px!important;
			font-weight:800!important;
			}
			
		.notice h2	{
			font-size: 24px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 24px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}

		.title{
			width: 60%;
			margin: auto;
			font-family: "Kalinga","Courier";
		}
		
		.title h1	{
			text-align: center;
			font-size: 36px;
			font-weight:1000;
			}
		
		.title p	{
			text-align: center;
			font-size: 18px;
			font-weight:600;
		}

		.title .small {
			text-align: center;
			font-size: 14px;
			font-weight:600;
		}			

		.flex-pauseplay a{
			font-size:12px!important;
			font-weight:bold!important;
		}
	}


	@media (min-width: 321px) and (max-width: 767px) {
	
		.flex-caption h1	{font-size: 14px;}
	
		.flex-caption p		{font-size: 10px;}
		
		.flex-control-nav 	{}
				
		#nav{font-size: 10px!important;}
		
		.flexslider .slides		{height:85%!important;
									top:5%;}			

		.flexslider .slides li.poster{
		  -webkit-background-size: auto!important;
		  -moz-background-size: auto!important;
		  -o-background-size: auto!important;
		  background-size: auto!important;
		}

		.flex-control-nav{display:none;}
		
		.notice 	{
				margin-top:-5px;
				width: 90%;
			}

				
		.notice h1	{
			font-size: 16px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 13px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 13px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}

		.title{
			width: 60%;
			margin: auto;
			font-family: "Kalinga","Courier";
		}
		
		.title h1	{
			text-align: center;
			font-size: 28px;
			font-weight:1000;
			}
		
		.title p	{
			text-align: center;
			font-size: 14px;
			font-weight:600;
		}

		.title .small {
			text-align: center;
			font-size: 10px;
			font-weight:600;
		}

        .flex-pauseplay a{color:#fff;}
		
        .flex-pauseplay a:hover{color:#ccc;}

		.flex-direction-nav{display:none;}		
	}

	@media (min-width: 361px) and (max-width: 767px) and (orientation : portrait) {
		.flexslider .slides li.poster{
			margin-top: -0.5% !important;
			padding-top: 1%;			
		}
	}			

	@media (width: 768px) and (orientation : portrait) {
		.flexslider .slides li.poster{
			margin-top: 0px !important;
			padding-top: 0px;
		}

		.notice h1	{
			font-size: 24px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 20px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 20px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}		
	}
	
	@media (min-width: 801px) and (max-width: 1280px) and (orientation : landscape) {
		.flexslider .slides li.poster{
			margin-top: -0.5% !important;
			padding-top: 1.2%;			
		}
			
	}
	
	@media (width: 1280px) and (height: 600px) and (orientation : landscape) {
		.flexslider .slides li.poster{
			margin-top: 0px !important;
			padding-top: 0px;			
		}
	}

	@media (height: 1920px) and (orientation : portrait) {
	.flexslider .slides li.poster{
    margin-top: -3% !important;
    padding-top: 5%;
			}	
		.notice h1	{
			font-size: 36px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 24px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 24px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}
		#nav > ul > li > a {
			width: 300px!important;
		}
		
		#nav li a {
			font-size: 20px;
			}
		
		#nav li ul
		{
			width: 305px!important;
		}
			
	}

	@media (min-width: 1900px) and (orientation : landscape) {	
		.notice h1	{
			font-size: 40px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 28px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 28px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}			
	}
	
	@media (max-width: 320px) {

		.flex-caption h1	{font-size: 14px;}
	
		.flex-caption p		{font-size: 10px;}
		
		.flex-control-nav 	{}
				
		#nav{font-size: 10px!important;}
		
		.flexslider .slides		{height:85%!important;
									top:5%;}			

		.flexslider .slides li.poster{
		  -webkit-background-size: auto!important;
		  -moz-background-size: auto!important;
		  -o-background-size: auto!important;
		  background-size: auto!important;
		}

		.flex-control-nav{display:none;}
		
		.flex-direction-nav{display:none;}
		

		.notice 	{
				margin-top:-5px;
				width: 90%;
			}
				
		.notice h1	{
			font-size: 14px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 12px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 11px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}

		.title{
			width: 60%;
			margin: auto;
			font-family: "Kalinga","Courier";
		}
		
		.title h1	{
			text-align: center;
			font-size: 28px;
			font-weight:1000;
			}
		
		.title p	{
			text-align: center;
			font-size: 14px;
			font-weight:600;
		}

		.title .small {
			text-align: center;
			font-size: 10px;
			font-weight:600;
		}

        .flex-pauseplay a{color:#fff;}
		
        .flex-pauseplay a:hover{color:#ccc;}			
	}		
		
	
	
	@media only screen and (max-width: 480px) and (orientation : landscape) {

		.title{
			margin-top:40%;
		}
		
		.notice h1	{
			font-size: 12px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 11px!important;
			font-weight:800!important;
			margin-top:-5px;
			}
			
		.notice p	{
			font-size: 11px!important;
			font-weight:400!important;
			margin-bottom:-10px;
			}
		
					
	}

	@media only screen and (width: 800px) and (orientation : landscape) {
		

		.notice h1	{
			font-size: 18px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 14px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 14px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}
					
	}
	
	@media only screen and (width: 600px) and (orientation : portrait) {
		

		.notice h1	{
			font-size: 24px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 18px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 18px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}
					
	}

	@media only screen and (min-width: 800px) and (max-width: 800px) and (orientation : portrait) {
		.flexslider .slides li.poster{
			padding-top:1%!important;
		}	

		.flex-pauseplay a{
			font-size:12px!important;
			font-weight:bold!important;
		}
	}		
			
	@media only screen and (min-width: 801px) and (max-width: 979px) and (orientation : portrait) {
		
		.flexslider .slides li.poster{
			margin-top:-4% !important;

		}
		
		.notice h1	{
			font-size: 28px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 22px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 22px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}

		.flex-pauseplay  a	{
			font-size: 12px!important;
			font-weight: bold;
			}


	}

	
	@media only screen and (min-width: 1341px) and  {
		

		.notice h1	{
			font-size: 28px!important;
			font-weight:800!important;
			}

		.notice h2	{
			font-size: 24px!important;
			font-weight:800!important;
			}
			
		.notice p	{
			font-size: 24px!important;
			font-weight:400!important;
			margin-bottom:-6px;
			}
				
		.flex-pauseplay  a	{
			font-size: 12px!important;
			font-weight: bold;
			}
					
	}	
	

	/* responsive nav menu */	
	

	@media only screen and ( max-width: 1024px ) /* 1024 */
	{
		#nav
		{
			width: 100%;
			position: static;
			margin: 0;
		}
	}

	@media only screen and ( max-width: 979px ) /* 640 */
	{
		html
		{
			font-size: 75%; /* 12 */
		}
		
		.social-links{
			position: fixed;
			top : 0.5%;
			left: 40%;
		}

		#nav
		{
			position: relative;
			top: auto;
			left: auto;
		}
			#nav > a
			{
				width: 3.125em; /* 50 */
				height: 3.125em; /* 50 */
				text-align: left;
				text-indent: -9999px;
				background-color: #ccc;
				position: relative;
				margin-top:8px;
			}
				#nav > a:before,
				#nav > a:after
				{
					position: absolute;
					border: 2px solid #fff;
					top: 35%;
					left: 25%;
					right: 25%;
					content: '';
				}
				#nav > a:after
				{
					top: 60%;
				}

			#nav:not( :target ) > a:first-of-type,
			#nav:target > a:last-of-type
			{
				display: block;
			}


		/* first level */

		#nav > ul
		{
			height: auto;
			display: none;
			position: absolute;
			line-height:40px;
			left: 0;
			right: 0;

		}
			
			#nav:target > ul
			{
				display: block;
			}
			#nav > ul > li
			{
				width: 100%;
				float: none;
			}
				#nav > ul > li > a
				{
					height: auto;
					text-align: left;
					padding: 0 0.833em; /* 20 (24) */
					background-color:#ccc;
					text-decoration:none;
					margin:0;
					width: 240px;
				}
					#nav > ul > li:not( :last-child ) > a
					{
						border-right: none;
						border-bottom: 1px solid #999;
					}


			/* second level */

			#nav li ul
			{
				position: static;
				padding-left: 1.25em; /* 20 */
				padding-right: 1.25em; /* 20 */
				background-color:#bbb;
				width: 235px;
			}

			#nav li ul a {
				text-decoration:none;
				}
	
			#nav > ul > li:hover > a,
			#nav > ul:not( :hover ) > li.active > a
				{
					color: #333;
				}

			#nav li > ul > li > a
				{
				margin:0px;
				}
				
			#nav li > ul > li:not( :last-child ) > a
				{
				border-right: none;
				border-bottom: 1px solid #999;
				}
	}
	
	@media only screen and ( max-width: 40em ) and (orientation : landscape)/* 640 */
	{

						#nav ul li {width:200px;}
	
			#nav > ul > li > a
				{
					width: 200px;
				}

			/* second level */

			#nav li ul
			{
				width: 195px;
				position: absolute;
				left: 260px;
				margin-top: -80px;
			}

			#nav li:hover ul
			{
				left: 220px;
			}
				
			#nav li ul li a:hover,
			#nav li ul:not( :hover ) li.active a
			{
				
			}			
	}