/* unheilig - mtvunplugged | style.css */


/* reset etc. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1.3em; }
ol, ul, li { margin:0; padding:0; list-style:none; list-style-type:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
html { -webkit-text-size-adjust:100%; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }


/* preloader */
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:10001; }
#loading-animation { width:130px; height:130px; position:absolute; left:50%; top:50%; margin:-65px 0 0 -65px; cursor:pointer; }

#loading-animation .bgSpinner { position:absolute; left:0px; top:0px; z-index:1; opacity:0.5; -webkit-animation:spinner 2s linear infinite; animation:spinner 2s linear infinite; }
@-webkit-keyframes spinner { 0% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} }
@keyframes spinner { 0% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} }

#loading-animation .bg { position:absolute; left:0px; top:0px; z-index:1; -webkit-animation:pump 2s ease-in-out infinite alternate; animation:pump 2s ease-in-out infinite alternate; }
@-webkit-keyframes pump { 0% {opacity:0.5;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} 100% {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} }
@keyframes pump { 0% {opacity:0.5;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} 100% {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} }

#loading-animation .main { position:absolute; left:0px; top:0px; z-index:2; -webkit-animation:pulse 1s ease-in-out infinite alternate; animation:pulse 1s ease-in-out infinite alternate; }
@-webkit-keyframes pulse { 0% { -webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} 100% { -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} }
@keyframes pulse { 0% { -webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} 100% { -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} }


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


/* basics */
html, body { height:100%; }
body { color:#ddd; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:16px; text-align:center; background:#000; }
td, th { color:#ddd; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:16px; }

h1, h2, h3, h4, h5, h6 { color:#fff; font-weight:normal; margin:0px; padding:0px; line-height:1em; }
h1 { font-size:48px; letter-spacing:3px; text-transform:uppercase; font-family:"webfont1", "Myriad Set Pro", "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif; }
h2 { font-size:18px; text-transform:uppercase; font-family:"webfont1", "Myriad Set Pro", "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;}
h3 { font-size:48px; letter-spacing:3px; text-transform:uppercase; font-family:"webfont1", "Myriad Set Pro", "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif; }
h4 { font-size:36px; letter-spacing:1px; font-family:"webfont1", "Myriad Set Pro", "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif; }
h5 { font-size:24px; }
h6 { font-weight:bold; }
td img, img { display:block; }
td { text-align:left; }

a:link, a:visited { color:#c00; text-decoration:none; -moz-outline-style:none; outline:none; }
a:hover, a:active { color:#f00; text-decoration:none; -moz-outline-style:none; outline:none; }




/* header_norm */
.header_norm { z-index:1000; width:100%; position:fixed; top:0; text-align:center; padding:20px 0 5px 0; background:rgba(0,0,0,1); border-bottom:1px solid #333; -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); }

.header_norm .logo { position:relative; max-width:300px; margin:0px auto 3px auto; padding:0; }
body.scrolled .header_norm .logo { max-width:200px; }
.header_norm .logo a { display:block; }
.header_norm .logo img { margin:0 auto; width:100%; }
.header_norm .logo a:link img, .header_norm .logo a:visited img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.header_norm .logo a:hover img, .header_norm .logo a:active img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }


.header_norm .ticker { height:22px; overflow:hidden; font-size:12px; text-transform:uppercase; letter-spacing:4px; color:#999; }
body.scrolled .header_norm .ticker  { height:0px; }

.header_norm .nav { position:relative; text-align:center; }
.header_norm .nav ul { margin:5px auto; text-align:center; font-size:0; }
.header_norm .nav li { display:inline-block; margin:0 10px; font-size:18px; letter-spacing:2px; font-family:'webfont1', "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
.header_norm .nav li a { display:block; padding:5px 0; }
.header_norm .nav li a:hover, .header_norm .nav li a:active, .header_norm .nav li.on a { color:#fff; }
.header_norm .nav li.on a { border-bottom:1px solid #ddd; }

.header_norm .social { display:none; position:relative; float:right; margin:0 10px 0 0; }
.header_norm .social ul { text-align:center; font-size:0; }
.header_norm .social ul li { float:none; display:inline-block; font-size:18px; line-height:47px; margin:0 10px 0 0; }

.header_norm .fb_like { position:absolute; left:40px; top:30px; z-index:10; }

.header_norm .skip { position:absolute; right:40px; top:25px; z-index:10; }
.header_norm .skip a { display:block; padding:10px; border:1px dotted #c00; background:rgba(255,0,0,0.15); text-align:center; font-size:16px; line-height:28px; font-family:'webfont1', "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
.header_norm .skip a .icon { font-size:24px; line-height:28px; }
.header_norm .skip a:link, .header_norm .skip a:visited { }
.header_norm .skip a:hover, .header_norm .skip a:active { color:#fff; border:1px dotted #fff; background:rgba(255,255,255,0.15); }


/* header_compact */
body .header_compact { z-index:3000; width:100%; height:100px; position:fixed; top:-200px; padding:0; text-align:center; background:rgba(0,0,0,0); border-bottom:1px solid transparent; }

.header_compact .logo { position:relative; margin:17px auto 0 auto; width:240px; display:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.header_compact .logo a { display:block; width:240px; height:66px; background:url(../images/icons/logo.png?v=1) center center no-repeat; background-size:240px 66px; overflow:hidden; text-indent:-9000px; }
.header_compact .logo a:link, .header_compact .logo a:visited { background-position:0px 0px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.header_compact .logo a:hover, .header_compact .logo a:active { background-position:0px 0px; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }


.header_compact .fb_like { position:absolute; left:20px; top:18px; z-index:10; }

.header_compact .menu { position:absolute; text-align:center; width:58px; right:20px; top:22px; z-index:11; }
.header_compact .menu a.btn { font-size:36px; line-height:56px; text-align:center; width:56px; height:56px; margin:0; display:block; overflow:hidden; border:1px solid transparent; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.header_compact .menu a.btn .icon { line-height:56px; }
.header_compact .menu a.btn:link, .header_compact .menu a.btn:visited { }
.header_compact .menu a.btn:hover, .header_compact .menu a.btn:active { color:#000; border:1px solid #fff; background:#fff; }

body.compact .header_compact { background:rgba(0,0,0,0.9); border-bottom:1px solid #333; -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); }
body.compact .header_compact .logo { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* header > nav_overlay */		
.nav_overlay { display:none; position:fixed; left:0px; top:100%; width:100%; height:150%; overflow:hidden; padding:0px; background:rgba(0,0,0,0.95); z-index:3001; }
.nav_overlay .nav_holder { display:table-cell; vertical-align:middle; }
.nav_overlay ul { display:block; text-transform:uppercase; text-align:center; }
.nav_overlay li { display:block; margin:0; border-bottom:1px solid #555; }
.nav_overlay li:last-child { border-bottom:0px none; }
.nav_overlay li a { display:block; font-family:'webfont1', "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:32px; line-height:1em; letter-spacing:3px; padding:20px 0 15px 0; }
.nav_overlay li a:hover, .nav_overlay li a:active, .nav_overlay li.on a { color:#fff; }
.nav_overlay li.on { }

.nav_overlay li.nav_close { }
.nav_overlay li.nav_close a { color:#c00; border:1px solid #c00; background:#000; font-size:36px; line-height:56px; text-align:center; width:56px; height:56px; cursor:pointer; margin:0 auto 30px auto; padding:0; display:block; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.nav_overlay li.nav_close a .icon { line-height:56px; }
.nav_overlay li.nav_close a .icon-cancel:before { margin:10px 0 0 3px; }
.nav_overlay li.nav_close a:hover, .nav_overlay li.nav_close a:focus { color:#000; border:1px solid #fff; background:#fff; }

body.menu_on .nav_overlay { display:table; bottom:0%; }

.nav_overlay li.nav_social .social ul { margin:0 auto; font-size:0; height:94px; overflow:hidden; }
.nav_overlay li.nav_social .social li { display:inline-block; margin:10px 10px; border-bottom:0px none; overflow:hidden; }
.nav_overlay li.nav_social .social li:last-child { border-right:0px none; }
.nav_overlay li.nav_social .social li a { font-size:36px; line-height:74px; text-align:center; padding:0; width:70px; height:70px; display:block; overflow:hidden; }
.nav_overlay li.nav_social .social li a:hover, .nav_overlay li.nav_social .social li a:focus { }
.nav_overlay li.nav_social .social li a [class*=" icon-"]:before, .nav_overlay li.nav_social .social li a [class^=icon-]:before { margin-right:0em; margin-left:.1em; }




/* container, article, section */
.container { height:100%; position:relative; }
article { z-index:10; min-width:460px; height:100%; margin:0 auto; padding:170px 0 0 0; position:relative; }
section { width:100%; height:auto; margin:0 auto; padding:0; position:relative; display:table; overflow:hidden; border-bottom:1px solid #333; }
section .section_wrapper { position:relative; display:table-cell; padding:80px 0; vertical-align:middle; }
section .section_content { position:relative; max-width:1280px; margin:0 auto; padding:0; }
section .section_content h3 { margin:0; padding:0 0 40px 0; }
section .section_content h4 { margin:0 0 20px 0; }


/* backgounds */
.bg1 { background-color:#000; color:#ede6de; color:#fff; }
.bg1 h3, .bg1 h4, .bg1 h5, .bg1 h6 { color:#ede6de; color:#fff; }
.bg1 a:link, .bg1 a:visited { }
.bg1 a:hover, .bg1 a:active { }

.bg2 { background-color:#000; color:#ede6de; color:#fff; }
.bg2 h3, .bg2 h4, .bg2 h5, .bg2 h6 { color:#ede6de; color:#fff; }
.bg2 a:link, .bg2 a:visited { }
.bg2 a:hover, .bg2 a:active { }

.bg3 { background:#333; }
.bg3 .section_content h3, .bg2 .section_content h4, .bg3 .section_content h5, .bg3 .section_content h6 { }
.bg3 a:link, .bg3 a:visited { }
.bg3 a:hover, .bg3 a:active { }

.bg_image { background-attachment:fixed; background-repeat:no-repeat; background-position:center 0px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
body.device .bg_image { background-attachment:scroll; }

.bg_body { position:fixed; overflow:hidden; left:0px; top:0px; width:100%; height:100%; z-index:0; }
.bg_body .bg_video_holder { position:absolute; left:0px; top:0px; width:100%; height:100%; background-image:url(../images/layout/bg_body.jpg?v=1); background-position:0px 0px; background-attachment:scroll; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.bg_video { position:fixed; left:0px; top:0px; z-index:0; -webkit-transition:opacity 2s ease-in-out; -moz-transition:opacity 2s ease-in-out; -o-transition:opacity 2s ease-in-out; transition:opacity 2s ease-in-out; }
.bg_video_off { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.bg_video_on { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.fg_video { pointer-events:none; position:absolute; overflow:hidden; left:0px; top:0px; width:100%; height:100%; background:none; }
.bg_video_blocker { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:fixed; overflow:hidden; left:0px; top:0px; width:100%; height:100%; z-index:1; background:#000; }


/* sub_nav */
ul.sub_nav { text-align:center; margin:5px 0 35px 0; }
ul.sub_nav li { display:inline-block; margin:5px 10px; font-size:24px; text-transform:uppercase; }
ul.sub_nav li a { display:block; padding:7px 15px 7px 15px; }
ul.sub_nav li a:link, ul.sub_nav li a:visited { color:#999; border-bottom:1px solid #999; }
ul.sub_nav li a:hover, ul.sub_nav li a:active, ul.sub_nav li.on a { color:#c00; border-bottom:1px solid #c00; }
ul.sub_nav li.on a { font-weight:bold; }


/* itemlist */
.itemlist_header { display:none; margin:15px 0 30px 0; padding:5px 0; border-bottom:1px solid #666; }
.itemlist_header h6 { letter-spacing:2px; text-align:center; }

.itemlist { text-align:center; margin:0; }
.itemlist li { float:left; width:20%; display:block; margin:0; position:relative; overflow:hidden; text-shadow:0px 0px 1px rgba(0,0,0,0.5); }
.itemlist li a { position:relative; overflow:hidden; }
.itemlist li.on a { border:1px solid #c00; }
.itemlist li .display { width:100%; height:0; margin:0; padding:0 0 56.25% 0; background-color:#000; background-position:center center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.itemlist li .display { -moz-opacity:0.5; opacity:0.5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:alpha(opacity=50) grayscale(100%); filter:alpha(opacity=50) gray; filter:alpha(opacity=50) url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }
.itemlist li:hover .display, .itemlist li:focus .display, .itemlist li.on .display { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-filter:none; -moz-filter:none; -ms-filter:none; }
.itemlist li:hover .display { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }

.itemlist li .overlay { position:absolute; left:0px; bottom:0px; width:100%; height:100%; overflow:hidden; display:block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.itemlist li .overlay .icon { font-size:2em; }
.itemlist li:hover .overlay, .itemlist li:focus .overlay { background:rgba(0,0,0,0.5); }
.itemlist li.on .overlay { background:url(../images/layout/bg_itemlist_item.png?v=1) left bottom repeat-x; }

.itemlist li .overlay .caption_holder { position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; }
.itemlist li .overlay .caption { display:table-cell; padding:10px 10px 30px 10px; vertical-align:bottom; position:relative; font-size:14px; color:#fff; text-align:center; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.itemlist li:hover .overlay .caption, .itemlist li:focus .overlay .caption, .itemlist li:hover .overlay .caption h5, .itemlist li:focus .overlay .caption h5, .itemlist li.on .overlay .caption, .itemlist li.on .overlay .caption h5 { color:#c00; }

.itemlist li .overlay .txt_short { display:inline; }
.itemlist li .overlay .txt_long { display:none; }
.itemlist li:hover .overlay .txt_short, .itemlist li:focus .overlay .txt_short { display:none; }
.itemlist li:hover .overlay .txt_long, .itemlist li:focus .overlay .txt_long { display:inline; }


/* texts */
.texts { text-align:left; position:relative; max-width:1080px; margin:0 auto; padding:0; }
.texts a { }
.texts a:link, .texts a:visited { }
.texts a:hover, .texts a:active { }




/* intro */
.intro { position:fixed; z-index:2000; left:0; top:0; min-height:560px; width:100%; height:100%; margin:0 auto; background:#000 url(../images/layout/bg_intro.06.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
body.device .intro { top:-10%; height:120%; }
.intro .bg_intro { position:absolute; overflow:hidden; left:0px; top:0px; width:100%; height:100%; z-index:0; }
.intro .bg_intro .bg_video_holder { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.intro .bg_intro .fg_video { background:rgba(0,0,0,0.5); }
.intro .bg_intro .bg_video_blocker { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

.intro .title { cursor:pointer; margin:-82px auto 0 auto; width:100%; text-align:center; position:absolute; top:50%; left:0; }
.intro .title .logo { margin:0 auto; width:400px; }
.intro .title .logo img { margin:0 auto; width:100%; }
.intro .title .caption { margin:30px 0 0 0; text-transform:uppercase; letter-spacing:5px; }

.intro button.trigger { position:absolute; bottom:64px; left:50%; display:block; text-align:center; font-size:36px; line-height:66px; width:64px; height:64px; margin:0 0 0 -32px; padding:0; background:rgba(0,0,0,0.2); color:#fff;  cursor:pointer; border:1px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; -moz-outline-style:none; outline:none; }
body.device .intro button.trigger { bottom:140px;  }
.intro button.trigger:hover, .intro button.trigger:active, .intro button.trigger:focus { color:#f00; border-color:#f00; }
.container:not(.notrans) .intro button.trigger { -webkit-transition:opacity 0.3s 0.5s; transition:opacity 0.3s 0.5s; }
.container.modify:not(.notrans) .intro button.trigger { opacity:0; pointer-events:none; -webkit-transition-delay:0s; transition-delay:0s; }


/* push-effect, thanks 2:http://tympanus.net/Development/ArticleIntroEffects/index.html */
.intro-effect-push:not(.notrans) .intro { -webkit-transition-property:opacity, -webkit-transform; transition-property:opacity, transform; -webkit-transition-duration:1s; transition-duration:1s; }
.intro-effect-push:not(.notrans) .intro { -webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1); transition-timing-function:cubic-bezier(0.7,0,0.3,1); -webkit-transition-duration:1.2s; transition-duration:1.2s; }
.intro-effect-push.modify .intro { opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%); }


/* module */
.module { }
.module .section_wrapper { }
.module .section_content h3 { padding:0 0 20px 0; }
.module .section_content .desc { padding:0 0 40px 0; }

.module .itemlist li .display { padding:0 0 100% 0; }
.module .itemlist li .nr { position:absolute; width:100%; left:0px; top:50%; margin:-100px 0 0 0; text-align:center; font-size:200px; line-height:200px; color:#fff; filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.module .itemlist li:hover .nr, .module .itemlist li:focus .nr, .module .itemlist li.on .nr { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

.module .module_holder { display:none; position:relative; margin:0 auto 60px auto; }
.module .module_display { position:relative; border:1px solid #666; }
.module .module_container { margin:0; width:100%; height:0; display:block; position:relative; padding-bottom:56.25%; background:#000; }
.module .module_container iframe, .module .module_container video { position:absolute; top:0; left:0; width:100%; height:100%; }
.module .module_container .loading { position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; }
.module .module_holder .module_text { display:none; margin:10px 0; text-align:center; }


.module #module_desc { width:auto; min-height:40px; margin:15px 0 0 0; padding:0; text-align:center; position:relative; }
.module #module_desc #module_title { position:relative; display:block; width:100%; line-height:40px; }
.module #module_desc .share_tools { position:absolute; left:0; top:0; z-index:1; }
.module #module_desc #module_url { float:left; width:50%; display:none; border:0px none; height:40px; overflow:hidden; text-align:left; font-weight:normal; font-size:13px; line-height:13px; color:#ccc; background:url(../images/layout/bg_link.png) left center no-repeat; padding:0 0 0 20px; margin:0; }



/* module > gallery */

.module .slides_holder { position:absolute; left:0; top:0; width:100%; height:100%; }
.module .slides { position:relative; width:100%; height:100%; }
.module .slide { width:100%; height:100%; display:none; }
.module .slide1 { display:block; }

.slides_holder .slides_nav { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; top:50%; margin:-30px 0 0 0; font-size:60px; z-index:999; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.slides_holder .slides_nav { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.slides_holder .slides_nav_prev { left:0px; }
.slides_holder .slides_nav_next { right:0px; }

.slides_pager { pointer-events:none; text-align:center; width:100%; z-index:500; position:absolute; bottom:-30px; overflow:hidden; }
.slides_pager span { filter:alpha(opacity=33); -moz-opacity:0.33; opacity:0.33; pointer-events:all; font-family:arial; font-size:1px; width:10px; height:10px; margin:0 10px; border:2px solid #fff; background:transparent; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; text-indent:-3000px; display:inline-block; -moz-transition:all 400ms; -webkit-transition:all 400ms; transition:all 400ms; }
.slides_pager span:hover, .slides_pager span:focus { border:2px solid #fff; background:#fff; filter:alpha(opacity=66); -moz-opacity:0.66; opacity:0.66; }
.slides_pager > * { cursor:pointer; }
.slides_pager span.cycle-pager-active { border:2px solid #fff; background:#fff; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }




/* products */
.products { background-image:url(../images/layout/bg_products.01.jpg); }
.products .section_wrapper { padding:80px 0 0 0; vertical-align:middle; }
.products .products_list { }
.products .products_list li.product { float:left; width:20%; box-sizing:border-box; margin:0 0 80px 0; padding:0 20px; position:relative; overflow:hidden; }
.products .products_list li.product:nth-child(5n+1) { clear:both; }
.products .products_list li.product h5 { position:absolute; left:0; top:0; display:block; width:100%; margin:0; text-align:center; }
.products .products_list li.product .date { display:none; }
.products .products_list li.product img { position:relative; width:100%; box-sizing:border-box; display:block; margin:60px auto 0 auto; }
.products .products_list li.product .texts { display:none; }


.products .products_list li.product .buy { position:relative; width:100%; box-sizing:border-box; background:rgba(0,0,0,0.5); }
.products .products_list li.product .buy li { position:relative; margin:0; padding:0px; border-bottom:1px solid #666; }
.products .products_list li.product .buy li.hl { padding:10px 0; text-transform:uppercase; font-size:14px; }
.products .products_list li.product .buy li a { display:block; font-size:22px; line-height:18px; padding:20px 0; text-transform:uppercase; }
.products .products_list li.product .buy li a:hover, .products .products_list li.product .buy li a:active { background:#c00; color:#000; }


/* ecards */
.ecards { }
.ecards .section_content { margin:0 auto; }
.ecards .desc { padding:0 0 40px 0; }
.ecards .col { vertical-align:top; display:inline-block; width:600px; box-sizing:border-box; text-align:left; }
.ecards .col2 { margin:0 0 0 40px; width:300px; }

.ecards #preview { position:relative; width:600px; height:340px; display:block; overflow:hidden; }
.ecards #preview #led_scroller { position:absolute; z-index:9; background:url(../sources/bg.png); width:100%; height:100%; margin:0; overflow:hidden; }
.ecards #preview #led_scroller .led_typo { position:absolute; left:100%; top:122px; white-space:nowrap; font-size:145px; color:#ff0000; text-transform:uppercase; font-family:"webfont1", Arial, Helvetica, sans-serif; z-index:3; }
.ecards #preview #preview_fg { position:relative; z-index:10; zoom:1; }
.ecards #preview .border { position:absolute; z-index:11; width:100%; height:100%; box-sizing:border-box; border:1px solid #333; }

.ecards .hiCanvas { display:none; background:#333; position:relative; overflow:hidden; zoom:1; }
.ecards #btn_render { display:none; }
.ecards .form2 { display:none; }

#ecards .desc_default { display:block; }
#ecards .desc_personal { display:none; }
#ecards #btn_create { display:none; }

#ecards.display .desc_default { display:none; }
#ecards.display .desc_personal { display:block; }
#ecards.display .col2 { display:none; }
#ecards.display #btn_create { display:block; width:300px !important; margin:10px auto; }


/* facts */
.facts { background-image:url(../images/layout/bg_facts.03.jpg); }
.facts .facts_list { }
.facts .facts_list li.fact { float:left; width:25%; box-sizing:border-box; position:relative; overflow:hidden; border-right:1px solid #333; padding:10px 20px; }
.facts .facts_list li.fact:last-child { border:0px none; }
.facts .facts_list li.fact .nr { margin:20px 0; }
.facts .facts_list li.fact .nr .icon { display:inline-block; font-size:64px; color:#fff; line-height:90px; width:90px; height:90px; text-align:center; border:0px solid #ccc; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.facts .facts_list li.fact .answer { margin:50px 0 20px 0; font-size:64px; font-family:"webfont1", "Myriad Set Pro", "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif; }

 
/* info */
.info { background-image:url(../images/layout/bg_info.1.grayscale.jpg?v=1); background:none transparent; }
.info .section_content { position:relative; padding:0; }


/* guest */
.guest { }
.guest .section_wrapper { }

.guest .itemlist li { width:25%; }
.guest .itemlist li .display { padding:0 0 100% 0; }
.guest .itemlist li .overlay .icon { margin:10px 0 0 0; }

.guest .guest_holder { display:none; position:relative; margin:0 auto 60px auto; }
.guest .guest_display { position:relative; }
.guest .guest_container { margin:0; width:100%; min-height:200px; display:block; position:relative; }
.guest .guest_container .loading { position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; }
.guest .guest_container h5 { margin: 0 0 40px 0; }

.guest #guest_desc { display:none; width:auto; margin:15px 0 0 0; padding:0; text-align:left; position:relative; }
.guest #guest_desc #guest_title { display:none; float:left; font-size:18px; line-height:40px; }
.guest #guest_desc .share_tools { float:right; }
.guest #guest_desc #guest_url { float:left; width:50%; display:none; border:0px none; height:40px; overflow:hidden; text-align:left; font-weight:normal; font-size:13px; line-height:13px; color:#ccc; background:url(../images/layout/bg_link.png) left center no-repeat; padding:0 0 0 20px; margin:0; }


/* dates */
.dates { }
.dates .section_content h3 { }
.dates .section_content h5 { padding:15px 20px; }
.dates .dates_list_holder { overflow:hidden; margin:0 auto; }
.dates .dates_list { width:100%; margin:0; }
.dates table { display:table; width:100%; margin:0 auto; padding:0; border-top:1px solid #666; }
.dates table tbody, .dates table tr { width:100%; }
.dates .dates_list tr.row-a { border-bottom:1px solid #666; }
.dates .dates_list td { text-align:left; padding:15px 10px; }
.dates .dates_list_off tr.row-more-a { display:none; }
.dates .dates_list_on tr.row-more-a { display:table-row; }
.dates .dates_list tr .date { white-space:nowrap; }
.dates .dates_list tr .location a:link, .dates .dates_list tr .location a:visited { color:#c00; border-bottom:1px solid #c00; }
.dates .dates_list tr .location a:hover, .dates .dates_list tr .location a:active { color:#f00; border-bottom:1px solid #f00; }
.dates .dates_list tr.row-a .tickets { text-align:right; }
.dates .dates_list tr a.ticket { text-transform:uppercase; color:#000; border:1px solid #c00; background:#c00; font-size:16px; display:inline-block; text-align:center; min-width:120px; margin:0; padding:4px 8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.dates .dates_list tr.soldout a.ticket { color:#c00; border:1px solid #c00; background:rgba(0,0,0,0.05); }
.dates .dates_list tr a.ticket:hover, .dates .dates_list tr a.ticket:active { color:#000; border:1px solid #f00; background:#f00; }
.dates .desc { margin:30px 0; text-align:center; }
/* dates > row-b */
.dates .dates_list tr.row-b { border-bottom:1px solid #666; }
.dates .dates_list tr.row-b td { position:relative; padding:25px 10px 30px 10px; }
.dates .dates_list_off tr.row-more-b, .dates .dates_list_off tr.row-b { display:none; }
.dates .dates_list_on tr.row-more-b, .dates .dates_list_on tr.row-b { display:none; }
.dates .dates_list tr.row-b .date_ticket { margin:0 0 20px 0; }
.dates .dates_list tr.row-b .date_ticket .date { float:left; font-size:1.5em; margin:5px 0 0 0; max-width:50%; }
.dates .dates_list tr.row-b .date_ticket a.ticket { float:right; display:block; width:33%; }
.dates .dates_list tr.row-b .country_city_location { margin:0 0 0 0; }
.dates .dates_list tr.row-b .country_city_location img { display:inline; margin:0 10px 0 0; }


/* footer */
.footer { width:100%; font-size:9px; padding:60px 0 0 0; text-align:center; }

.footer .logo { position:relative; margin:0 auto; width:230px; }
.footer .logo a { display:block; width:230px; height:110px; background:url(../images/icons/logo_norm.png?v=1) 0px 0px no-repeat; overflow:hidden; text-indent:-9000px; }
.footer .logo a:link, .footer .logo a:visited { background-position:0px 0px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.footer .logo a:hover, .footer .logo a:active { background-position:0px 0px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

.footer .desc h5 { text-transform:uppercase; }

.footer .social ul { position:relative; text-align:center; margin:20px auto 0 auto; font-size:0; line-height:0; }
.footer .social li { display:inline-block; margin:0; padding:0 10px 10px 10px; }
.footer .social li:last-child { }
.footer .social li a { font-size:56px; line-height:80px; width:80px; height:80px; text-align:center; display:block; overflow:hidden; }
.footer .social li a:hover, .footer .social li a:active { color:#fff;  }

.footer .skip { margin:0 0 20px 0; }
.footer .skip a { display:block; line-height:32px; font-family:'webfont1', "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:30px 10px; border-top:1px dotted #c00; border-bottom:1px dotted #c00; background:rgba(255,0,0,0.15); text-align:center; }
.footer .skip a .icon { font-size:24px; line-height:32px; }
.footer .skip a:link, .footer .skip a:visited { }
.footer .skip a:hover, .footer .skip a:active { color:#fff; border:1px dotted #fff; background:rgba(255,255,255,0.15); }

.credits { color:#444; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:14px; padding:0px 20px 60px 20px; }
.credits { letter-spacing:2px; }
.credits a:link, .credits a:visited { color:#666; }
.credits a:hover, .credits a:active { color:#fff; }

.footer .credits a img { display:inline; }
.footer .credits a img { filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; }
.footer .credits a:hover img, .footer .earmusic a:active img { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }


/* imageborder */
.contentborder { border:1px solid #555; }
.imageborder { border:1px solid #555; }
a.imageborder { display:block; border:1px solid #555; }
a.imageborder:link, a.imageborder:visited, a:link .imageborder, a:visited .imageborder { border:1px solid #666; }
a.imageborder:hover, a.imageborder:active, a:hover .imageborder, a:active .imageborder { border:1px solid #c00; }

.imageborder_holder, .imageborder_holder a { position:relative; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; }
.imageborder_holder a { display:block; }
.imageborder_holder .icon, .imageborder_holder a .icon { z-index:2; width:100%; text-align:center; font-size:36px; display:block; color:#fd0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; top:90%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.imageborder_holder:hover .icon, .imageborder_holder a:hover .icon { top:50%; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.imageborder_holder a img.imageborder { position:relative; }

img.fancybox { cursor:pointer; }
img.grayscale { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }


/* addthis */
.addthis_toolbox { text-align:left; }
.share_tools_big .addthis_toolbox { width:auto; text-align:left; }
.share_tools_big .addthis_toolbox a { border-left:1px solid #333; margin:0; padding:0 5px; font-size:24px; line-height:40px; text-align:center; width:40px; height:40px; display:inline-block; overflow:hidden; }
.share_tools_big .addthis_toolbox a.first { border-left:0px none; } 
.share_tools_big .addthis_toolbox a:hover, .share_tools_big .addthis_toolbox a:active { }


/* misc */
.animated_manual_animation { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.animated, .animated_manual { visibility:hidden; }
.visible { visibility:visible; }
body.device .onstart, body.device .animated, body.device .animated_manual { display:block; visibility:visible; }

.more, .truncate_link_holder { text-align:center; padding:30px 0; text-transform:uppercase; font-size:32px; font-family:"webfont1", "Myriad Set Pro", "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif; }
.nomore { margin:10px 0; font-size:12px; line-height:12px; text-transform:uppercase; color:#999; }
#log { position:fixed; z-index:1000; left:5px; bottom:5px; background:#666; color:#fff; text-align:left; font-size:9px; font-family:Arial, Helvetica, sans-serif; border:1px solid #000; padding:5px; width:500px; max-height:100px; overflow:scroll; overflow-x:hidden; overfow-y:scroll; }
.anchor { width:1px; height:1px; overflow:hidden; }
object, embed { -moz-outline-style:none; outline:none; display:block; margin:0; padding:0; }
.small { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.loading { font-size:32px; }

.round { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.shadow { -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); }
.transition_all { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.transition_cubic { -webkit-transition:-webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.175), all 0.1s; transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.175), all 0.1s; }
.engraved { text-shadow:0px 1px 0px rgba(255,255,255,.3); }
.dimmed { filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; }
.textshadow { text-shadow:0px 1px 4px rgba(0,0,0,.75); }
.v_center_parent { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; }
.v_center_child { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.inner_shadow { box-shadow:inset 0px 0px 100px 1px rgba(0, 0, 0, 0.5); }
.twocolumns { -webkit-columns:2; -moz-columns:2; columns:2; -webkit-column-gap:4em; -moz-column-gap:4em; column-gap:4em; -webkit-column-rule:1px dotted #999; -moz-column-rule:1px dotted #999; column-rule:1px dotted #999; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

.scrollbar { scrollbar-arrow-color:#ccc; scrollbar-base-color:#ccc; scrollbar-3dlight-color:#ccc; scrollbar-highlight-color:#fff; scrollbar-track-color:#222; scrollbar-shadow-color:#222; scrollbar-dark-shadow-color:#222; }
.scrollbar::-webkit-scrollbar { width:12px; height:12px; }
.scrollbar::-webkit-scrollbar-thumb { cursor:pointer; -webkit-box-shadow:inset 0 0 1px #000; box-shadow:inset 0 0 1px #000; background:#ccc url(../images/layout/bg_h_scrollbar.png) center center no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.scrollbar::-webkit-scrollbar-thumb:hover { background-color:#fff; -webkit-box-shadow:inset 0 0 1px #000; box-shadow:inset 0 0 1px #000; }
.scrollbar::-webkit-scrollbar-track { background:none transparent; }
.scrollbar::-webkit-scrollbar-track:hover { }


/* forms */
.form0 { display:none !important; }
label { font-size:16px; text-align:left; display:block; margin:0 0 5px 0; }
label.warning { color:#f00; }
input, input.text, input.title, textarea, select { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; width:100%; box-sizing:border-box; border:1px solid #ddd; color:#666; background:#fff; margin:2px 0 20px 0; padding:15px 10px; }
select { padding:11px 10px; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #ddd; color:#000; background:#fff; }
a.button { width:100%; box-sizing:border-box; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; }
input.submit, a.button:link, a.button:visited { display:inline-block; cursor:pointer; margin:0 0 20px 0; padding:15px 20px; min-width:260px; font-size:18px; text-transform:uppercase; color:#000; background:#c00; }
a.button_facebook:link, a.button_facebook:visited { color:#fff; background:#305891; }
input.submit:hover, input.submit:focus, input.submit:active, a.button:hover, a.button:active { color:#000; background:#f00; }
input.warning { border:1px solid #f00; }

.feedback { display:none; border:1px solid #b6b656; margin:0 0 20px 0; padding:20px; text-align:center; color:#333; background:#ffffdd; position:relative; }
.feedback a.close { display:none; position:absolute; right:0px; top:5px; color:#5e5e2c; font-size:24px; }
.feedback a.close:hover, .feedback a.close:active { color:#000; }


/* media-queries + device-switches */

@media screen and (max-width:1440px) {	
	section .section_content { margin:0 80px; }
}
	
@media screen and (max-width:1280px) {
	.itemlist li { width:25%; }

	.products .products_list li.product { width:25%; }
	.products .products_list li.product:nth-child(5n+1) { clear:none; }
	.products .products_list li.product:nth-child(4n+1) { clear:both; }
}

@media screen and (max-width:1080px) {
	.header_norm .fb_like { top:15px; }
	.products .products_list li.product { width:33.333333333%; }
	.products .products_list li.product:nth-child(5n+1) { clear:none; }
	.products .products_list li.product:nth-child(4n+1) { clear:none; }
	.products .products_list li.product:nth-child(3n+1) { clear:both; }
	.facts .facts_list li.fact { width:50%; margin:0 0 20px 0; padding:10px 0 40px 0; }
	.ecards .section_content { margin:0 auto; }
	.ecards .col { display:block; width:100%; max-width:600px; overflow:hidden; margin:0 auto; }
	.ecards .col2 { margin:40px auto 0 auto; }
}

@media screen and (max-width:960px) {
	section .section_wrapper { padding:80px 0; }
	section .section_content { margin:0 40px; }
	.itemlist li { width:33.333333333%; }
	.guest .itemlist li { width:50%; }

	.module #module_desc #module_title { }
	.module #module_desc .share_tools { position:relative; left:auto; top:auto; margin:10px auto; display:inline-block; }

	.share_tools_big .addthis_toolbox { text-align:center; }
	.share_tools_big .addthis_toolbox a { padding:0 5px; font-size:36px; line-height:60px; width:60px !important; height:60px !important; }
	.share_tools_big .addthis_toolbox a.last { border-right:0px none; }
}

@media screen and (max-width:860px) {
	.article { padding:0 0 0 0; }
	body .header_norm { display:none; }
	body .header_compact { top:0px; }
	body.compact .header_compact { top:0px; background:rgba(0,0,0,0.9); border-bottom:1px solid #333; -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); }
	body.compact .header_compact .logo { display:block; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
	body.compact .article { padding:100px 0 0 0; }
}

@media screen and (max-width:768px) {
	.itemlist li { }
}

@media screen and (max-width:720px) {
	.dates .dates_list tr.row-a { display:none; }
	.dates .dates_list_off tr.row-b { display:table-row; }
	.dates .dates_list_off tr.row-more-b { display:none; }	
	.dates .dates_list_on tr.row-more-b, .dates .dates_list_on tr.row-b { display:table-row; }
}


@media screen and (max-width:640px) {
	body { line-height:1.5em; }
	h3 { font-size:56px; }

	.itemlist li { width:50%; }

	.products .products_list li.product { width:50%; }
	.products .products_list li.product:nth-child(5n+1) { clear:none; }
	.products .products_list li.product:nth-child(4n+1) { clear:none; }
	.products .products_list li.product:nth-child(3n+1) { clear:none; }
	.products .products_list li.product:nth-child(2n+1) { clear:both; }

	.ecards .col { max-width:440px; }
	.ecards #preview { margin:0 0 0 -90px; }
		
	.facts .facts_list li.fact { width:100%; border-right:0px none; border-bottom:1px solid #666; }
	.twocolumns { -webkit-columns:auto; -moz-columns:auto; columns:auto; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; background:none; }
	
	.footer .social li { padding:0; }
}

@media screen and (max-width:580px) {
	.ecards .col { max-width:420px; }
	.ecards #preview { margin:0 0 0 -110px; }
}

@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width:640px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width:640px) and (min-device-pixel-ratio: 1.5) {
	/*
	body, td, th { font-size:24px; }
	h4, h5 { font-size:36px; }
	h6 { font-size:28px; }
	input, select, input.submit { font-size:24px; }
	*/
}