/* ! Eric Meyer's Reset CSS v2.0 * * * * * * * * * * * * */
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { margin: 0; }

/* ! NO JAVASCRIPT * * * * * * * * * * * * * * */

.no-js .arrow, .no-js .jp-pause, .no-js .email { display: none; }

/* ! GLOBAL, TYPO & LINKS * * * * * * * * * * * * * * */

@font-face {
    font-family: LeagueGothic;
    src: url(https://www.mosik.info/fonts/leaguegothic-regular-webfont.eot);
    src: url(https://www.mosik.info/fonts/leaguegothic-regular-webfont.eot?#iefix) format("embedded-opentype"),
         url(https://www.mosik.info/fonts/leaguegothic-regular-webfont.woff) format("woff"),
         url(https://www.mosik.info/fonts/leaguegothic-regular-webfont.ttf) format("truetype"),
         url(https://www.mosik.info/fonts/leaguegothic-regular-webfont.svg#league_gothicregular) format("svg");
}

@font-face {
    font-family: MosikFont;
    src: url(https://www.mosik.info/fonts/mosikfont.eot);
    src: url(https://www.mosik.info/fonts/mosikfont.eot?#iefix) format("embedded-opentype"),
         url(https://www.mosik.info/fonts/mosikfont.woff) format("woff"),
         url(https://www.mosik.info/fonts/mosikfont.ttf) format("truetype"),
         url(https://www.mosik.info/fonts/mosikfont.svg#mosikfont) format("svg");
}

:before, :after { speak:none; font-family:MosikFont; }
[data-icon]:before { content: attr(data-icon); }
#pageNav :before, #wordcloud1 :after { font-family:inherit; }
.clearfix:after { content:""; display:table; clear:both; }
.clearfix { zoom:1; }

figure, img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* .lt-ie8 img { -ms-interpolation-mode: bicubic; } */

/*
.lt-ie9 img { width: auto; }*/

em { font-style:italic; }

strong { font-weight:bold; }

sup { vertical-align: super; line-height: 0; }

a { text-decoration:none; color:inherit; }
a:focus, a:active { outline:none; border:none; }
.boxDark a, #pageNav a { color:#fcfcfc; border-bottom: 1px dotted #fcfcfc; }
.boxLight a, .buyButtons a { color:#242424; border-bottom: 1px dotted #242424; }
.no-touch .boxLight a:hover, .no-touch .boxDark a:hover, .no-touch #pageNav a:hover, .no-touch a.jp-playlist-item:hover, .no-touch .buyButtons a.nextSlide:hover { border-bottom: 1px solid; }
.jp-controls a { font-family: MosikFont; font-size: 28px; text-decoration: none; color:white; }
.jp-controls a, .no-touch .jp-controls a:hover { border:none; }
/* .giginfo a, .no-touch .giginfo a:hover { font-family: MosikFont; border:none; } */

h1, h2, h3 { text-align: center; }

h1 { font-family:LeagueGothic,sans-serif; font-size: 70px; color:#fcfcfc; letter-spacing: 8px; line-height: 0.48; text-shadow: 2px 2px 0px #242424, 4px 4px 0px #676767; padding-left: 6px; /* -webkit-transform: translateZ(0); */ }


/* h1:before { content:'\007B'; font-size:54px; padding:0 8px 0 0; position:relative; top:14px; }
h1:after { content:'\007D'; font-size:54px;  padding:0 0 0 16px; position:relative; top:14px; } */

h1 span.letter-O {
	display: inline-block;
	margin: 0 1px 0 1px;
	-webkit-transform: rotateZ(14deg);
	   -moz-transform: rotateZ(14deg);
	    -ms-transform: rotateZ(14deg);	
	     -o-transform: rotateZ(14deg);
	        transform: rotateZ(14deg);
	-moz-transition:-moz-transform .3s;
	-o-transition:-o-transform .3s;
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s;
	
}

h1 span.manouche { font-style: italic; letter-spacing: 5px; font-size: 54px; margin-left: -4px; }

.no-touch h1 span.letter-O:hover { -webkit-transform:rotateZ(0deg);  -moz-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); transform:rotateZ(0deg); }

.lt-ie8 h1 span.letter-O { margin:0 8px 0 0;	}

h2 { font-style: italic; }

h3 { margin:5px 0 34px 0;
	text-transform:uppercase;
	font-family:LeagueGothic,sans-serif;
	font-size:50px;
	line-height:50px;
    letter-spacing:6px;
    -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;
}   

h3 span { border-top: 1px solid; border-bottom: 1px solid; border-color: #b0b0b0; display: inline-block; padding: 14px 14px 12px 14px; }

.boxLight h3 {
	text-shadow: 2px 2px 0px #fcfcfc, 4px 4px 0px #676767;
}

.boxDark h3 {
	text-shadow: 2px 2px 0px #242424, 4px 4px 0px #676767;
}

h4 { font-size: 20px; font-style: italic; }
#contactForm h4 { padding-left: 20px; }

h5 {font-weight: normal; font-size: 18px; }
#mosikletter h5 { margin: 10px 0 16px 0; }
#mosikfeed h5 { margin: 0 0 16px 80px; }

body {
	background: url(../img/bg-01.jpg);
	background-size: 640px 640px;
	height: 100%;
	margin-top: -30px;
	font-size: 16px; 
	font-family: Georgia, Palatino, 'Palatino Linotype', serif;
	background-attachment: fixed;
}

/*
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
body { background: url(../img/bg-02.jpg);
	background-size: 640px 640px; }
}
*/

#wrapper {
	min-height: 100%;
	position: relative;
	overflow: hidden; /* ipad fix */
}

#blackbox {
	width:848px;
	margin:0 auto;
	background-color:#121212;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	overflow: visible;
	border: 1px solid #484848;
	margin-bottom: 30px;
	/*box-shadow: inset 0 0 1px 2px #483f3f;*/
}
/*
article section { box-shadow: inset 0 -6px 6px -6px black; }
html.touch article section { box-shadow: none; }
*/
article section:last-child { -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; }

/* ! HEADER * * * * * * * * * * * * * * */

header {
	background-image: url(../img/bg-dark.png);
	position:relative;
	top:71px;
	width:450px;
	margin:0 auto;
	-moz-border-radius:100px 100px 0 0;
	-webkit-border-radius:100px 100px 0 0;
	border-radius:60px 60px 0 0;
	padding:40px 0 24px 0;
	/*box-shadow: inset 0 0 8px #202020, 0 0 2px 3px #121212;*/
	z-index: 10;
	border: 5px solid #121212;
}

#rundbogenBlack {
	position:absolute;
	background-color: #121212;
	height: 200px;
	-moz-border-radius:100px 100px 0 0;
	-webkit-border-radius:100px 100px 0 0;
	border-radius:60px 60px 0 0;
	/*box-shadow: inset 0 0 2px 2px #484848;*/
	width: 460px;
	top:70px;
	left: 50%;
	margin-left:-231px;
	z-index:-20;
	border: 1px solid #484848;
}

.lt-ie8 #rundbogenBlack { margin-left:-232px; }

#blackboxTop { height: 70px; text-align: center; }

#blackboxTopLeft { width: 50%; float: left; margin-right: -225px; padding-top: 25px; text-align: center; color: white}


#blackboxTopRight { width: 50%; float: right; margin-left: -225px; padding-top: 20px}

#blackboxTopLeft > div { margin-right: 225px; color: white; }

#blackboxTopRight > div { margin-left: 225px; }

.fb-like { background-color: #121212; }

#playerMain { position: relative; }

#nowPlaying { background: none; font-family: Helvetica, Arial, sans-serif; font-size: 9px; display: none; color: white; letter-spacing: 1px; padding-top: 2px; }

.socials { list-style-type:none; text-align: center; margin-top: -5px; margin-left: -14px; }

.nocenter { text-align: left; }
			
.socials li { display: inline-block; position: relative; margin-left: 14px; }

.lt-ie8 .socials li { display: inline; }		

.socials a { cursor:pointer; }

.socials img { display: block; width: 28px; height: 28px; object-fit: contain; }
.socials a:last-child img { width: 32px; height: 28px; }

/* ! NAVIGATION * * * * * * * * * * * * * * */

/*
#pageNav { margin:0 5px; padding: 5px 8px 5px 35px; position: relative; top:65px; z-index: 100;}
*/

#pageNav { position: relative; padding: 12px 0 14px 0; color: #fcfcfc; /*box-shadow: 0 4px 4px -4px rgba(0,0,0,0.5);*/ background: #121212; z-index: 500;
/*-webkit-transform: translateZ(0); better scroll performance */ 
}

#pageNav li { font-style:italic; line-height:30px; }
#pageNav li:before { content:"/\00A0"; color:#121212; }
#pageNav li.active:before { content:"/\00A0"; color:#e9312e; }

.lt-ie10 #pageNav li.active:before { color:#121212; }

#sectionNav { margin-left:35px; }
#sectionNav li { display:inline; padding-right:12px;}
#sectionNav li:last-child { margin-right:100px; }

#langSelect { position:absolute; right:45px; bottom:14px; }
			
#pageNav.sticky { position:fixed; top:0; width:848px; z-index:500; }
/* #pageNav.absolute { position:absolute; top:0; width:848px; z-index:500; } */

.lt-ie8 #pageNav.sticky { margin-left:-5px; }
.lt-ie8 #sectionNav li { padding-right:18px;}

.tinynav { display:none }

#siteNav { font-family:Arial, sans-serif; text-align: center; font-weight: bold; margin: 30px 0; }

#siteNav li { display: inline-block; }
.lt-ie8 #siteNav li { display: inline; }

#siteNav a { color:#a5a5a5; display: inline-block; padding: 15px 20px; background:#121212; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border-top: 1px solid #484848; margin: 4px 2px; -moz-transition:color .3s; -o-transition:color .3s; -webkit-transition:color .3s; transition:color .3s; }

.no-touch #siteNav a:hover { color:#fcfcfc }

#siteNav a.currentSite { color:#fcfcfc; cursor:pointer; }

/*
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
*/

/* ! SLIDER * * * * * * * * * * * * * * */

#slider {
	position: relative;
	background: white;
	width:898px;
	border:1px solid #9d9d9d;
	left: -26px;
	/*-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.55);*/
	overflow: hidden;
	/*border-radius: 100% / 6px;*/
}

.iosVideoFix { margin:24px; }

.royalSlider { width:100%; height: auto; }

.royalSlider > * { float:none; }

.royalSlider > section:first-child { padding-bottom: 40px; }

#imgSlider { -webkit-user-select:none; -moz-user-select:none; user-select: none; height:auto; }

#imgSlider .rsSlide { background: url(../img/bg-dark.png); }

.lt-ie8 #imgSlider { margin-left: 0; }


.rsABlock { color:#fcfcfc; font-family:Georgia,Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; font-style: italic; letter-spacing: 0px; display:none; width:100%; cursor:default; }

/* .rsDefault.rsFullscreen .rsABlock { visibility: hidden; } */
.rsDefault.rsFullscreen .rsABlock, .rsDefault.rsFullscreen .rsABlock.right { text-align: center; }
.rsDefault.rsFullscreen #slide8 .rsABlock { visibility:hidden; }

.lt-ie8 .rsDefault .rsABlock { visibility: hidden; }

.rsABlock.right { text-align: right }

.rsABlock.centered { text-align: center; }

.bottomLine1 { bottom:24px; top:auto; }
.bottomLine2 { bottom:62px; top:auto; }
.bottomLine3 { bottom:100px; top:auto; }

.rsABlock > span { background:#121212; background:rgba(17,17,17,0.68); padding:8px 12px; margin:0 16px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.rsABlock span span { font-weight:normal }

#triangles { position:absolute; z-index:-10; width:848px }

.lt-ie9 #triangles { display:none; }

.triangleLeft {
	border-color: transparent #d2d2d2 transparent transparent;
	border-style:solid;
	border-width: 15px 24px 15px 0;
	height:0px;
	width:0px;
	position: absolute;
	left: -25px;
	top: -15px;
}

.triangleRight {

	border-color: transparent transparent transparent #d2d2d2;
	border-style:solid;
	border-width: 15px 0 15px 24px;
	height:0px;
	width:0px;
	position: absolute;
	right: -25px;
	top: -15px;
}

/* ! NEWS * * * * * * * * * * * * * * * * * * * * */

#mosikfeed { overflow: hidden; }
#mosikfeed ul { margin:0 8%; }
#mosikfeed li { margin-bottom: 20px; padding-top: 10px }
#mosikfeed ul p { margin-left: 80px; }

div.date { float:left; background:url(../img/bg-light.png); color:#242424; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family:Arial; font-weight:bold; font-size:12px; padding:2px 10px; margin-bottom:8px; line-height:22px; min-width:34px; }
div.date span { display: block; text-align: center; }
span.day { font-size: 26px; }
span.month { letter-spacing: 2px;}

.rss { text-align: center; margin-bottom: 28px; }
.rss:before { content:"r\00A0\00A0"; }

/* ! ARROWS * * * * * * * * * * * * * * * * * * * */

.arrow { margin-top: 24px; }
.arrow a { cursor:pointer }

.arrow.left { margin-left:-15px; }
.arrow.right { margin-right:-15px }

.arrowTip, .arrowLabel { display: block; float: left; height: 24px; }
.arrow.right .arrowTip, .arrow.right .arrowLabel { float: right; }

.arrowTip { width: 0; height: 0; border: 17px solid transparent; }

.arrow.left .arrowLabel { padding: 5px 12px 5px 5px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.arrow.right .arrowLabel { padding: 5px 5px 5px 12px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.boxLight .arrowLabel { background: url(../img/bg-dark.png); color: #fcfcfc; }
.boxLight .arrow.left .arrowTip { border-right-color: #303131; }
.boxLight .arrow.right .arrowTip { border-left-color: #303131;}

.boxDark .arrowLabel { background: url(../img/bg-light.png); color: #242424; }
.boxDark .arrow.left .arrowTip { border-right-color: #fcfcfc; }
.boxDark .arrow.right .arrowTip { border-left-color: #fcfcfc;}

/* ! jPLAYER * * * * * * * * * * * * * * */

.jp-controls { list-style-type:none; text-align: center; }
			
.jp-controls li { display: inline-block; position: relative; }

.lt-ie8 .jp-controls li { display: inline; }		

.jp-controls a { cursor:pointer; }

.jp-pause, .jp-play { position: absolute; top:0; left:0; }

.jp-placeholder { visibility: hidden; }

a.jp-play, a.jp-pause, .jp-placeholder { margin: 0 15px; }

.album { margin-bottom:34px; }

.album:last-child { margin:0; }

.albumLeftColumn { position:absolute; text-align: center; }

.lt-ie8 .albumLeftColumn { display:inline-block; vertical-align:top; width:220px; margin:0 30px 0 0; }

.albumRightColumn { margin-left:250px; }

.lt-ie8 .albumRightColumn { display:inline-block; }

.lt-ie8 .albumLeftColumn, .lt-ie8 .albumRightColumn { display:inline; }

.albumLeftColumn img { margin: 40px 0 12px 0; }

/*
.albumLeftColumn img { width:220px; height:220px; } correct rs height on mobile
#jp_container_wilhelm img { height:201px;}
*/

.buyButtons { margin:18px auto; width: 220px; }
.buyButtons li { background-image: url(../img/bg-light.png); color: #242424; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 6px 0 5px 0; margin-bottom: 16px; cursor: pointer; line-height: 23px; }
.buyButtons li.yt { cursor: default; }
.buyButtons [data-icon]:before { color: #242424; line-height: 16px; }

.albumPlaylist { position:relative; -moz-column-count:2; -moz-column-gap:30px; -webkit-column-count:2; -webkit-column-gap:30px; column-count:2; column-gap:30px; }
#playerMain .jp-playlist { display:none }
.albumPlaylist li { margin-bottom:5px; }
html>/**/body .albumPlaylist li { display: inline-block; width: 100%; } /* opera and old safari column fix, hide it from ie7 */
.albumPlaylist a { clear:both; display:block; cursor:pointer; }
.trackNo { float:left; width:24px; padding-right:12px; }
.trackTitle { margin-left:42px; display:block }
.jp-playlist-current .trackNo { background:url(../img/icon-playcurrent.svg) no-repeat right 6px; background-size:12px 12px; }

.lt-ie9 .jp-playlist-current .trackNo { background-image: url(../icon-img/playcurrent.png); }

.lt-ie8 .jp-playlist span { display:block; float:left; }

.albumInfo { padding:4px 0 18px 0; }
.albumInfo p { padding-top:8px; }

.albumCredits { padding-top:16px; }

.jp-no-solution { padding-top: 16px; color: yellow}


/* ! CONTENT * * * * * * * * * * * * * * */

.boxLight, .boxDark { padding: 30px 40px; line-height: 26px; margin: 0px 5px 5px 5px; }
.boxDark { background-image: url(../img/bg-dark.png); color: #fcfcfc; }
.boxLight { background-image: url(../img/bg-light.png); color: #242424; }

.text p { text-indent: 16px; margin-bottom: 16px; margin-right: 20%; /* -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; */ }
.text h3+p:first-letter { font-size: 54px; float: left; margin: 8px 8px 0 16px; line-height: 34px; font-weight: bold; }
.text h3+p { text-indent: 0; }

figure { text-align: center; }
figure img { padding: 5px; border: 1px solid; }

.boxLight figure img { background: #fff; border-color: #d8d8d8; }
.boxDark figure img { background: #3c3c3c; border-color: #262626; }

.text figure { float: right; margin: 24px 0 24px 32px; }
.text figcaption { font-size: 13px; font-style: italic; text-align: center; margin-top: 4px; }

#mosiker { text-align: center; }
#mosiker figure { display: inline-block; margin: 15px 0; }
figure.columnLeft { padding-right: 15px; }
figure.columnRight { padding-left: 15px; }
#mosiker figcaption { margin-top: 8px; }
#mosiker dt { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; letter-spacing: 1px;}
#mosiker dd { font-style: italic}

#faq dl {  margin: 0 8%; }
#faq dt { font-family: arial; font-weight: bold; margin-bottom: 4px; }
#faq dd {  margin-bottom: 16px; margin-left: 48px; }

#gigcontainer { overflow: hidden; }
#gigtable { margin: 0 auto; }
tr { height: 40px;}
/* #gigtable td { padding-bottom: 10px; } */
.gigdate span { background: url(../img/bg-dark.png); font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color:#fcfcfc; padding: 4px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 1px; }
.gigtitle { padding: 0 24px; }
.gigtime, .gigmap { text-align: right; padding-right: 24px; }
.showMore { text-align: center; padding-top: 10px; cursor: pointer; }

/* ! FORMS * * * * * * * * * * * * * * */

fieldset { display: block; padding: 12px 20px; margin: 24px auto; background: #3B3A3A; background: rgba(122,120,120,0.16); text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#news fieldset { width: 76%; }
#disco fieldset { width: 86%; }
#contact fieldset { width: auto; }

.inputWrap { display: inline-block; text-align: left; }
#orderAddress .inputWrap { text-align: right; }
.lt-ie8 .inputWrap { display: inline;  }

#orderAddress label { margin-right: 30px; }
#orderMessageWrap label { display: inline-block; padding-top: 15px; vertical-align: top; line-height: 24px; }
#orderMessageWrap textarea { height: 108px; margin-bottom: 8px; resize: none; }
.lt-ie8 #orderForm label { vertical-align: top; display: inline-block; padding-top: 12px; }
.lt-ie8 #orderMessageWrap label { padding-top: 16px; }

.input, .submit { margin: 8px 0; }

.input { width: 280px; border: 1px solid #b0b0b0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 2px rgba(0,0,0,0.3); padding: 6px; background: url(../img/bg-light.png); font-size: 16px; font-family: Georgia, serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* #mosikletter .input { margin-top: 20px; } */
#orderCds .input { text-align: right; width: 60px; }
.input#orderZip { width: 80px; margin-right: 200px; }
#contact .input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.lt-ie8 #contact .input { width: 309px; }

textarea.input { line-height: 24px; resize: vertical; }
textarea#contactMessage { height: 324px; }

select { font-size: 13px; }

.submit { font-size: 13px; font-family: 'Lucida Grande', sans-serif; border: 1px solid rgba(0, 0, 0, 0.6); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 6px; text-shadow: rgba(255, 255, 255, 0.4) 0 1px; -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white; -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white; box-shadow: rgba(255, 255, 255, 0.4) 0 1px, inset 0 20px 20px -10px white; background: #969696; cursor: pointer; -webkit-appearance: none; margin-left: 10px;  }

.submit:active { background: #B5B5B5; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px; box-shadow: inset rgba(0, 0, 0, 0.4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px }

#contactSubmitWrap { text-align: right; }

.error { display: block; }
#mosikletter .error { display: inline; margin: 0; }
#order .error { float: left; padding-top: 10px; }
#contact .error { text-align: left; padding: 11px 0 6px 0; }

.formSuccess { padding: 50px 0; text-align: center }
.formSuccess p:first-child { margin-bottom: 50px; font-size: 32px; }
#mosikletter .formSuccess { padding: 30px 0; text-align: center }
#mosikletter .formSuccess p:first-child { margin-bottom: 32px; font-size: 32px; }

#orderMessageWrap { margin: 0; margin: 0; padding: 0; height: auto; } 

#orderSubmitWrap { text-align: right }

div.select { display: inline-block; float: left; margin: 10px 0; }

/* ! CONTACT * * * * * * * * * * * * * * */

#contact { overflow: hidden; }

#contactLeft { float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; }

#contactRight { width: 50%; margin-left: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; }
#contactRight div { margin-bottom: 32px; }
#contactRight div:last-child { margin: 0; }
#contactRight ul { margin-top: 12px; }

.lt-ie8 #contactLeft, .lt-ie8 #contactRight { width: 364px; }

#contactData li { margin: 5px 0;}
#contact [data-icon]:before { vertical-align: bottom; }
#location [data-icon]:before { vertical-align: baseline }
/* #social ul { margin-left: 10px; }
#social li { display: inline; padding-right: 10px; }
#social a { font-family: MosikFont; font-size: 30px; padding: 5px 10px; color: #242424; background: url(../img/bg-light.png); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color: #303031; display: inline-block; text-align: center; border:none; -moz-transition: -moz-border-radius 0.2s; -o-transition: border-radius 0.2s; -webkit-transition: -webkit-border-radius 0.2s; transition: border-radius 0.2s; }
.no-touch #social a:hover { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } */
#copyright { font-size: 12px; line-height: 20px; }
#copyright p { margin-bottom: 8px; font-style: italic; }
#copyright p:last-child { margin-bottom: 0; font-style: normal; }

#wordcloud1 { border: none; height: 680px; margin: 0 auto; padding: 30px; page-break-after: always; page-break-inside: avoid; width: 850px; background: rgba(117,9,9,0.5); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#wordcloud1 li { font-family: LeagueGothic, Arial, sans-serif; font-size: 56px; color: #ffff22; letter-spacing: 1px; margin-bottom: 34px; text-align: center; display: inline-block } 
#wordcloud1 li:after { content: " / " }
.lt-ie9 #wordcloud1 { display: none; }



/* ! FOOTER * * * * * * * * * * * * * * */

/* footer { padding: 15px 0; border-top: 1px solid #484848; } 
#footerClose { width:100%; height:2px; position:absolute; bottom:0; left:0; background:#121212; }
*/

/* ! MEDIA QUERIES * * * * * * * * * * * * * * */

@media screen and (max-width: 864px) {
	body { background-attachment: scroll; }

	figure, img { height: auto; max-width: 100%; }

	#blackbox { margin-bottom: 0;}
	#blackbox { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 100%; border: none; border-top: 1px solid #484848; border-bottom: 1px solid #484848; }
	
	article section:last-child { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	
	#slider { width: auto; left: 0; border: none; background: #121212; }
	.iosVideoFix { margin: 0 5px; }
	#triangles { display: none; }
	
	#pageNav { font-size: 15px; }	
	#pageNav.sticky { width: 100%; left: 0; margin: 0;}	
	#sectionNav li { padding-right: 12px;}
	
	#wordcloud1 { width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
}

@media screen and (max-width: 800px) {
	#pageNav { font-size: 14px; }
	#news fieldset { width: 82%; }
	#mosiker img { max-width:308px; }
	.socials li { margin-left: 9px; }
	.jp-controls li { margin-right: -5px; }
}

@media only screen and (max-width: 768px) {
	#mosikfeed ul { margin: 0; }
	.rsDefault .rsThumbsHor { height: 60px; }
	.rsDefault .rsThumb { width: 92px; height: 60px; }
	.text p { margin-right: 0; /* -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; */ }
	#faq dl { margin: 0; }
	#faq dd { margin-left: 64px; }
}

@media screen and (max-width: 755px) {
	#mosiker img { max-width:282px; }
	h1 { font-size: 62px; }
	h1:before { font-size: 42px; padding: 0 14px 0 0; top: 10px; }
	h1:after { font-size: 42px; padding: 0 0 0 14px; top: 10px;  }
	h1 span.manouche { font-size: 46px; margin-left: -6px; }

	header { width: 390px; -moz-border-radius: 50px 50px 0 0; -webkit-border-radius: 50px 50px 0 0; border-radius: 40px 40px 0 0; }
	#rundbogenBlack { width: 400px; margin-left: -201px; -moz-border-radius: 50px 50px 0 0; -webkit-border-radius: 50px 50px 0 0; border-radius: 40px 40px 0 0; }

	#blackboxTopLeft { margin-right: -195px; }
	#blackboxTopRight { margin-left: -195px; }
	#blackboxTopLeft > div { margin-right: 195px; }
	#blackboxTopRight > div { margin-left: 195px; }

	.tinynav { display: block; margin-left: 45px; }
	#pageNav { padding: 12px 0 10px 0;}
	#sectionNav { display: none }
	#langSelect { font-size: 14px; bottom: 10px; }
	#pageNav { min-height: 26px;}
	
	#news fieldset, #orderForm fieldset { width: auto; }
		
	table.responsive { margin-bottom: 0; }
	.pinned { position: absolute; left: 0; top: 0; width: 100px; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling:touch; border-right: 1px dotted #242424; background-image: url(../img/bg-light.png); padding-right:8px; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px dotted #242424; padding-left: 10px; }
	div.table-wrapper div.scrollable { margin-left: 80px; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	.scrollable .giginfo { padding-right: 10px; }
	
	#contactLeft, #contactRight { float: none; width: auto; margin: 0 auto; padding: 0;  }
	#contactLeft { margin-bottom: 30px; }
	#contactForm h4 { padding: 0; }
}

@media screen and (max-width: 710px) {
	.text figure { float: none; margin: 0 auto; padding: 24px 0; }
	.jp-playlist { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	#mosiker figure { margin:15px 0; }
	#mosiker img { max-width: 100%; }
	#faq dd { margin-left: 40px; }
}

@media screen and (max-width: 680px) {
	body { margin-top: 15px;}
	header { top: 6px; } 
	#rundbogenBlack { top: 5px; }

	#blackboxTop { height: 62px; }
	#blackboxTopLeft {padding-top: 21px; }
	#blackboxTopRight {padding-top: 16px; }
	#blackboxTopLeft, #blackboxTopLeft > div { margin-right: 0; }
	#blackboxTopRight, #blackboxTopRight > div { margin-left: 0; }
}

@media screen and (max-width: 660px) {
	.rsABlock { font-size: 15px; }
	#orderCds div { text-indent: -80px; padding-left: 40px }
	#orderCds .inputWrap div { padding-top: 6px; padding-bottom: 6px; }
}

@media screen and (max-width: 600px) {
	.boxLight, .boxDark { padding: 25px 30px; }

	.album:after { content: ""; display: block; margin: 0 auto; width: 80%; border-bottom: 1px solid  #b0b0b0; padding-top: 32px; }
	.album:last-child:after { border: none; padding: 0; }
	.albumLeftColumn { position: relative; margin-bottom: 24px; }
	.albumLeftColumn img { margin: 0; float: left; width: 100%; padding-right: 240px;}
	.albumLeftColumn .jp-controls { position: absolute; top: 104px; right: 0; width: 220px; }
	.buyButtons { margin: 0 auto; position: absolute; right: 0; top: 0px;}
	.albumRightColumn { margin: 0;  }
	
	#faq dd { margin-left: 32px; }
}

@media only screen and (max-width: 568px) {
	body { -webkit-text-size-adjust: none; }
	.boxLight, .boxDark { padding: 25px; }
	
	.rsDefault .rsThumbsHor { height: 44px; }
	.rsDefault .rsThumb { width: 68px; height: 44px; }
	.rsABlock { font-size: 14px; }
	.bottomLine1 { bottom: 16px; }
	.bottomLine2 { bottom: 52px; }
	.bottomLine3 { bottom: 88px; }
	.rsABlock > span { margin: 0 8px; }
	
	#mosikfeed h5, #mosikfeed ul p { margin-left: 70px; }
}

@media screen and (max-width: 560px) {
	.inputWrap div { padding: 6px 0; }
	#orderAddress label, #orderAddress .input { display: block; text-align: left }
	#orderAddress .input { margin-left: 24px; }
	#orderMessageWrap label { padding-top: 0px; }
}

@media only screen and (max-width: 480px) {	
	.rsDefault .rsThumbsHor { height: 38px; }
	.rsDefault .rsThumb { width: 59px; height: 38px; }
	#faq dd { margin-left: 24px; }
}

@media only screen and (max-width: 432px) {
	header { width: auto; }
	#rundbogenBlack { width: 100%; left: 0; margin: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	.rsABlock { font-size: 10px;}
	.bottomLine1 { bottom: 16px; }
	.bottomLine2 { bottom: 48px; }
	.bottomLine3 { bottom: 80px; }
	#orderAddress .input, #news .input { width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; }
}

@media only screen and (max-width: 426px) {
	#mosikfeed h5, #mosikfeed ul p { margin-left:0; }
	div.date { margin: 2px 10px 4px 0; }
	.albumLeftColumn img { float: none; width: 220px; padding: 0; }
	.albumLeftColumn .jp-controls { display: none }
	.buyButtons { margin-top: 24px; position: static; }
}

@media only screen and (max-width: 410px) {
	.boxLight, .boxDark { padding: 25px 20px;}
	.text figure { width: auto; text-align: center; }
}

@media only screen and (max-width: 390px) {	
	h1 { font-size: 56px; }
	h1 span.manouche { font-size: 40px; margin-left: -6px; }
	h1:before, h1:after { content: "" }
	#faq dd { margin-left: 16px; }
}

@media only screen and (max-width: 350px) {	
	h1 { font-size: 50px; }
	h1 span.manouche { font-size: 34px; margin-left: -7px; }
}