@font-face {
    font-family: 'open_sans';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans';
    src: url('font/opensans-bold-webfont.eot');
    src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bold-webfont.woff2') format('woff2'),
         url('font/opensans-bold-webfont.woff') format('woff'),
         url('font/opensans-bold-webfont.ttf') format('truetype'),
         url('font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?91238016');
  src: url('font/fontello.eot?91238016#iefix') format('embedded-opentype'),
       url('font/fontello.woff?91238016') format('woff'),
       url('font/fontello.ttf?91238016') format('truetype'),
       url('font/fontello.svg?91238016#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* CSS reset + html5shiv.min.js */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, code,
em, img, strong, dl, dt, dd, ol, ul, li,
article, figcaption, figure, 
footer, header, menu, nav, section,  {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

body { margin: 0; }
p, ul { margin: 0; padding: 0; }
li { display: block; }
a { text-decoration: none; outline:none; color: inherit; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s;  }
a:hover { opacity: 0.8; }
img { height: auto; border: 0; }


body 
{
	font-family: 'open_sans', sans-serif;
	overflow-x: hidden;
	color:#000;
	background: url(noise_backgrnd.png) repeat;
	text-rendering: optimizeLegibility; 
}


/* Preload and Parallax CSS */


main { z-index: 500; top: 0; min-width: 9050px; }

#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background: white url(noise_backgrnd.png) repeat; z-index:2000; }


.page { top: 0px; position: absolute; }
.scroll { position: fixed; bottom: 0; }

.horizon { line-height: 0; z-index: 100; width: 3000px; }
.middle { z-index: 250; line-height: 0; width: 4500px; }
.middle2 { z-index: 250; line-height: 0; width: 3800px; bottom: 50%; height:309px; margin-bottom:-154px; }


/* Header */

header {position:fixed; z-index:1000; width:100%; height:60px; padding-top:15px; background: url(header_bckgrnd.png) repeat-x top;}

nav { color:white; position:absolute; left:40px;}


.info { text-align: right; position:absolute; right:40px; color:#333; font-size:14px; line-height:13px; }

.info h1 { letter-spacing:3px; font-size:18px; margin:5px 0 5px 0; padding: 0px; };

.info span {font-size:16px;font-weight:700;}

.devices { width:200px; position: absolute; left: 50%; margin-left: -100px; text-align:center; z-index: 1100;  margin-top: 15px; color:#999; font-size: 30px; }
.devices ul li { display:inline-block;  list-style:none; }
.devices ul li a{ color:#333; display:block;}
.devices ul li a:hover{ color: #999999; display:block;}


/* Content */

.outer { display: table; position: absolute; height: 100%; width: 100%; }
.middle { display: table-cell; vertical-align: middle; }
.inner {margin-left: auto;margin-right: auto; height:335px;background: url(wave_bkcgrnd.png) repeat-x center center;}

.typeico { color:#666666; font-size:18px;  }



.items .top-events{	height:170px;}
.items .bottom-events{min-height:200px;position:relative;z-index:5;margin:0 auto;padding: 0 0 0 45px;}
.items .eventVB{ width:754px; height:335px; margin-left:100px; text-align:left; background: url(MAIN_IMG_bckgrnd.png) no-repeat center center; }

.items ul li { display:inline-block; float: left; }
.items ul {  }



/*Event types*/

.event-item div{float:left; width:90px; text-align:center;}

.event-item a {text-decoration:none; color:black;}
.event-item a:hover{text-decoration:underline;}

.event-item p{margin:6px 0;color: #333;line-height: 14px;text-transform: uppercase;}
.event-item p a {text-decoration:none;  color:black; font-weight:700;  font-size: 14px;line-height: 14px;text-decoration: none;text-transform: uppercase;}

.event-year {color:#333; font-size:32px; font-weight: 700; height:65px; padding:0; background: url("event-marker-up.png") no-repeat center 130px; padding:105px 0 0 0;}


/*ONE - line text*/

.event-one{height:150px;background: url("event-marker-up.png") no-repeat center 100px;padding:20px 0 0 0;}
.event-one-small{height:100px;background: url("event-marker-up.png") no-repeat center 147px;padding:70px 0 0 0;}
.event-one-medium{height:120px;background: url("event-marker-up.png") no-repeat center 128px;padding:50px 0 0 0;}

.event-one span,
.event-one-small span,
.event-one-medium span { border: solid 1px #999; background: #f5f5f5;  font-weight:700;width:50px;padding:13px 0;margin:0 19px;text-align:center;color: #333333;display: block;font-size: 15px;line-height: 24px; }



/*TWO - line text*/

.event-two{height:135px;background: url("event-marker-up.png") no-repeat center 128px;padding:35px 0 0 0;}
.event-two-small{height:115px;background: url("event-marker-up.png") no-repeat center 147px;padding:55px 0 0 0;}
.event-two-medium{height:140px;background: url("event-marker-up.png") no-repeat center 122px;padding:30px 0 0 0;}

.event-two span,
.event-two-small span, 
.event-two-medium span  { border: solid 1px #999; background: #f5f5f5; font-weight:700; width:50px;padding:13px 0;margin:0 19px;text-align:center;color: #333333;display: block;font-size: 15px;line-height: 24px;}


/*SUB-ONE - line text*/

.event-sub-one{height:76px;background: url("event-marker-down.png") no-repeat center 0;padding:73px 0 0 0;}
.event-sub-one-img{background: url("event-marker-down.png") no-repeat center 0;padding:73px 0 0 0;}
.event-sub-one-small{height:77px;background: url("event-marker-down.png") no-repeat center -47px;padding:26px 0 0 0;}
.event-sub-one-medium{height:115px;background: url("event-marker-down.png") no-repeat center -29px;padding:46px 0 0 0;}

.event-sub-one span,
.event-sub-one-small span,
.event-sub-one-medium span {border: solid 1px #999; background: #f5f5f5;  font-weight:700; width:50px; padding:13px 0; margin:0 19px; text-align:center; color: #333333;display: block;font-size: 15px;line-height: 24px;}


/*EMPTY events*/

.event-one-empty {height:170px;}

.fb-first { 
	 opacity: 0;
     filter:alpha(opacity=0);
	margin: 120px 0 0 45px;
	padding: 12px 10px 10px 11px;
	min-width:70px;
	position:relative; 
	z-index:999;
	background: #f9f9f9;
	border: 1px solid #999;
	
	border-collapse: separate; 	/* IE9 CSS3 shadow bug */
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.19);
	-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.19);
	box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.19);
	
}

.fb-last { 
	margin: 145px 0px 0px 0px;
	padding: 15px 5px 15px 15px;
	position:relative; 
	z-index:999;
	background: #f9f9f9;
	border: 1px solid #999;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width:400px;
	
	border-collapse: separate; 	/* IE9 CSS3 shadow bug */
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.19);
	-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.19);
	box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.19);

}


body:last-child .fb-first {
      filter: none;  /* Remove filter from IE9 */
    }

body:last-child .fb-last {
     filter: none;  /* Remove filter from IE9 */
    }

/*Footer - CSS3 + IE HACK */

footer {
	position:fixed;
	z-index:1100;bottom:0px;
	height:50px;width:100%;
	border-top: 1px solid #ccc; url(footer_bckgrnd.png) repeat-x bottom;
	background: rgba(255,255,255,0.3);
}

footer:nth-child(n) {
	filter: none;
}

.copyright{position:absolute;left:24px;top:12px;padding:2px 0 0 30px;color:#333;font-size:12px;line-height:11px;}


.socials{ color:#333333; font-size:20px; position:absolute;right:44px;top:13px;}
.socials ul{list-style:none;margin:0;padding:0;}
.socials ul li{float:left;margin:0 0 10px 20px;}
.socials ul li a{ color:#333; display:block;}
.socials ul li a:hover{ color: #999999; display:block;}

.footer-menu{ letter-spacing:2px; font-size:18px; text-align:center; width:300px; margin:0 auto;padding: 13px 0 0 0; }
.footer-menu a { text-decoration: none; color:#666666; }
.footer-menu a:hover { color:#999999; }


/* CSS logo 74 */

.day{ background: url('CSS-SPRITE-logo.png') no-repeat -15px -9px; width: 66px; padding-top: 65px; margin-left:11px; display:block; }
.egyenlok { background: url('CSS-SPRITE-logo.png') no-repeat -8px -87px; width: 90px; padding-top: 97px; display:block; }
.jambalaya { background: url('CSS-SPRITE-logo.png') no-repeat -10px -198px; width: 84px; padding-top: 92px; margin-left:6px; display:block; }
.ketioz {	background: url('CSS-SPRITE-logo.png') no-repeat -15px -307px; width: 75px; padding-top: 63px; margin-left:7px; display:block;}
.komander{	background: url('CSS-SPRITE-logo.png') no-repeat -17px -394px; width: 70px; padding-top: 77px; margin-left:12px; display:block;}
.kontroll {	background: url('CSS-SPRITE-logo.png') no-repeat -7px -483px; width: 90px; padding-top: 38px; display:block;}
.poormanklinik { background: url('CSS-SPRITE-logo.png') no-repeat -24px -544px; width: 55px; padding-top: 96px; margin-left:19px; display:block;}
.viccbeatz { background: url('CSS-SPRITE-logo.png') no-repeat -10px -652px; width: 87px; padding-top: 66px; margin-left:3px; display:block; }
.newera { background: url('CSS-SPRITE-logo.png') no-repeat -36px -733px; width: 34px; padding-top: 29px; display:block; position:absolute; }
.erru {     background: url('CSS-SPRITE-logo.png') no-repeat -8px -781px;
    width: 92px;
    padding-top: 65px;
    display: block;
    position: absolute; }



/* CSS menu */

ul#cssmenu,ul#cssmenu ul{
	margin:0;
	list-style:none;
	padding:0;
	background-color:#333333;
	color:#CCCCCC;
	font-weight:500;
}
ul#cssmenu ul{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	background-color:#333333;
	padding:5px 0px 10px 0px;
	color:#CCCCCC;
}



ul#cssmenu li:hover>*{
	display:block;}
ul#cssmenu li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#cssmenu li:hover{
	z-index:1;}
ul#cssmenu{
	font-size:0;z-index:99999999;position:relative;display:inline-block;padding:0;}

ul#cssmenu li a{
	display:inline-block; height:18px;line-height:18px; }
ul#cssmenu>li{
	margin:0;}
ul#cssmenu a:active, ul#cssmenu a:focus{
	outline-style:none;}
ul#cssmenu a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	
	font-size:18px;
	color:#FFFFFF;
	cursor:pointer;
	padding:10px;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#FFFFFF;
}
ul#cssmenu ul li{
	float:none;margin:0px 0 0;}
ul#cssmenu ul a{
	text-align:left;
	background-color:#333333;
	background-image:none;
	border-width:0;
	
	font-size:16px;
	color:#CCCCCC;
	text-decoration:none;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight:500;
}
ul#cssmenu li:hover>a,ul#cssmenu li a.pressed{
	color:#FFFFFF;
	background-position:0 100px;
	text-decoration:none;
	background-color: #666666;
}



ul#cssmenu h2{
	display:block;background-position:right center;background-repeat:no-repeat; font-weight: 400; font-size: 18px; margin: 0px; padding:0px 10px 0px 10px;}

ul#cssmenu h3{ font-weight: 400; font-size: 15px; margin: 0px; padding:0px;}

ul#cssmenu .wear li { height:117px;}

ul#cssmenu .wear a { height:100px;}

ul#cssmenu .itemphoto { display:inline-block; vertical-align:top; }

ul#cssmenu .itemdetails { display:inline-block; width:160px; height:60px; text-align:center; }

ul#cssmenu .itemdetails div h3 { margin: 15px; font-weight: 700; font-size: 18px; }

ul#cssmenu .wear h3{ font-weight: 400; font-size: 15px; margin: 0px; padding:0px;}

ul#cssmenu ul li:hover>a,ul#cssmenu ul li a.pressed{
	background-color:#666666;
	background-image:none;
	color:#FFFFFF;
	text-decoration:none;
}

/* Fontello - custom fonts */

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-align: center; 
  font-variant: normal;   /* reset */
  text-transform: none;   /* reset */
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
}
 
.icon-youtube-play:before { content: '\e801'; } /* '' */
.icon-doc-inv:before { content: '\e802'; } /* '' */
.icon-facebook:before { content: '\e803'; } /* '' */
.icon-desktop:before { content: '\e804'; } /* '' */
.icon-tablet:before { content: '\e800'; } /* '' */
.icon-basket:before { content: '\e805'; } /* '' */

/* IE8 hack */


#diecinueve { color: blue\9; }

.fb-first {
	   zoom: 1\9;
      filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=0,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=45,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=225,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=315,strength=2);
}

.fb-last {
      zoom: 1;
      filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=0,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=45,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=225,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=315,strength=2);

}

footer {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cFFFFFF,endColorstr=#4cFFFFFF);
	zoom: 1\9;
	background: rgb(255,255,255)\9;
	background: transparent\9;

}