@charset utf-8;
/*
Theme Name: StereoTotal
Theme URI: 
Author: 
Author URI:
*/

@font-face {
    font-family: 'NeuzeitSLTStdBookRegular';
    src: url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/neuzeitsltstd-book-webfont.eot');
    src: url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/neuzeitsltstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/neuzeitsltstd-book-webfont.woff') format('woff'),
         url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/neuzeitsltstd-book-webfont.ttf') format('truetype'),
         url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/neuzeitsltstd-book-webfont.svg#NeuzeitSLTStdBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ScreengemRegular';
    src: url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/screengem-webfont.eot');
    src: url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/screengem-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/screengem-webfont.woff') format('woff'),
         url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/screengem-webfont.ttf') format('truetype'),
         url('http://www.stereototal.de/stereototal-neu/wp-content/themes/stereototal/css/screengem-webfont.svg#ScreengemRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*	Resets
	------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,
i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,
header,footer,nav,section,summary,time,mark,audio,video {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
 	font-size:100%;
    vertical-align: baseline
}
html {
	width:100%;
	height: 100%; 
	margin:0;
	-webkit-tap-highlight-color: rgba();
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
	width:100%;
	height: 100%;
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-weight:400;
	font-size:14px;
	line-height: 1.5em;
	background: #fff;
	color: #000;
	margin:0;
	padding:0;
	overflow-x: hidden !important;	
  	overflow-y: auto;
  	-webkit-overflow-scrolling: touch; 
}

::-moz-selection { background: #f3cbcc; color: #fff; text-shadow: none; }
::selection { background: #f3cbcc; color: #fff; text-shadow: none; }

.bg {display:none;}

.wf-loading {        
  	color:#ccc;
}  
.wf-active {        
 	color:#000  
}   
.wf-inactive {        
  	font-family: "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-weight:normal;
	font-size:14px;
}	
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video {
	display:block}
	
a img {border:0}

img {max-width:100% !important; height:auto !important;}
	
ul {list-style-type: none;}

h2 {line-height: 1.5em;}

strong {font-weight:700;}

a {text-decoration: none;}

#lang {text-align: right;}
	
#logo {
	position: relative;
	width: 200px;
	height: 60px;
	background-color: #2299fb;
	padding: 0px;
	margin:0 0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-image: url('images/stereologo-197.png');
	background-repeat: no-repeat;
	background-position: center center;
	-ms-background-position: center center;	
	background-size:contain; 
}
#logo img {width:180px !important;}

.home-second {position: relative; float: right; width: 300px !important; margin-bottom: 80px !important;}

#news-header {
	position: relative;
	width:490px ; 
	max-width:100% !important;
	height: 60px;
	background-color: #2299fb;
	padding: 0px;
	margin:0 0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}
#news-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 26px !important;
	font-weight:normal !important;
	text-align: left;
	font-weight:normal;
	color:#fff;
	padding:20px;
}
#tour-header {
	position: relative;
	width: 300px;
	height: 60px;
	background-color: #2299fb;
	padding: 0px;
	margin:10px 0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}
#tour-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 26px !important;
	font-weight:normal !important;
	text-align: left;
	font-weight:normal;
	color:#fff;
	padding:20px;
}
#latest-release-header {
	position: relative;
	width: 300px;
	height: 60px;
	background-color: #2299fb;
	margin:0 0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	}
#latest-release-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 26px !important;
	font-weight:normal !important;
	text-align: left;
	color:#fff;
	padding:20px;
}
.latest-release-container {
	position:relative;
	display: block;
	width:300px;
	height:300px;
	margin:0;
	padding:0;
	text-align: center !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#000;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	cursor:pointer;
}
.latest-release-container .release-title,
.latest-release-container .release-title a {
	text-align: center !important;
	cursor:pointer;
}
.latest-release-container .release-title  {
	display:none;
	position:absolute;
	width:auto;
	font-family: 'ScreengemRegular' !important;
	font-size: 36px !important;
	font-weight:normal !important;
	line-height: 0.75em;
	vertical-align: middle !important;
	color:#fff;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -50px;
  	transform: translateY(-50%);
	z-index:5000;	
	cursor:pointer;
	transform: rotate(-33deg);
	-ms-transform: rotate(-33deg);
	-moz-transform: rotate(-33deg); 
	-webkit-transform: rotate(-33deg);
}
.latest-release-container:hover .release-title  {
	display:block;
}
.latest-release-container .release-title a {
	color:#fff;
}
.latest-release-container .release-title a:hover {color: #f3cbcc;}
.latest-release-container img {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1; 
	transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
}
.latest-release-container:hover img {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; 
	transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
}
#portrait {
	position: relative;
	width: 200px;
	height:195px;
	background-color: #2299fb;
	padding: 0px;
	margin:0 0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-image: url('images/stereo-total-photo-by-cabine.png');
	background-repeat: no-repeat;
	background-position: center center;	
}
.portrait  {
	position: relative;
	width: 200px !important;
	height:195px !important;
	background-color: #2299fb;
	padding: 0px;
	margin:0 0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}
p {
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
}
.bio {
	margin:10px 0 0 0 !important;
	padding-bottom:80px !important;
}
.privacy{
	margin:10px 0 0 0 !important;
	padding-bottom:80px !important;
}
.contact-left {width:70%; height:100%; float:left; margin:10px 0 10px 0;}
.contact-right {width:25%; height:100%; float:left; margin:10px 0 10px 10px;}
p.contact-opacity {opacity:0;visibility:hidden;}


/************************ facebook */

.fb-page.fb_iframe_widget,
.fb-container div,
.fb-container div span,
.fb-container div span iframe {max-width:100% !important;}
.fb-container { position:absolute; float:left; width:490px ; max-width:100% !important; padding-bottom:40px !important; margin-top:0 !important; -moz-border-radius: 4px !important;-webkit-border-radius: 4px !important; border-radius: 0 !important;}
.fb-plugin-container {  -moz-border-radius: 4px !important;-webkit-border-radius: 4px !important; border-radius: 4px !important; max-width:100% !important;}
.fb-page  { -moz-border-radius: 4px !important;-webkit-border-radius: 4px !important; border-radius: 4px !important; font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;}
.fb-page.fb_iframe_widget { overflow: hidden !important; background-color:#fff !important;background:#fff !important; -moz-border-radius: 4px !important;-webkit-border-radius: 4px !important; border-radius: 4px !important; font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;}

.fb-page #facebook body, 
.fb-page #facebook button, 
.fb-page #facebook input, 
.fb-page #facebook label, 
.fb-page #facebook select, 
.fb-page #facebook td, 
.fb-page #facebook textarea {
    font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
    font-size: 12px;
}

/*
.wp-show-posts-inner {
	padding-bottom: 20px;
}
*/
.wp-show-posts-image img,
.wp-show-posts-image a img {
	width: 100%;
	max-width: 100%;
	padding: 0;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

header.wp-show-posts-entry-header h1.wp-show-posts-entry-title,
header.wp-show-posts-entry-header h1.wp-show-posts-entry-title a,
.wp-show-posts .wp-show-posts-entry-title,
.wp-show-posts .wp-show-posts-entry-title a {
	font-weight: bold !important;
	color: #2299fb !important;
}
.news-head {
	width:100%;
	height:57px;
	background:#fff;
	margin:1px 0 0 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}
.news-head-title {
	font-family: 'ScreengemRegular';
	font-size: 26px !important;
	line-height: .598em;
	text-transform: uppercase;
	text-align: left;
	color: #2299fb;
	padding:22px 0 0 0 !important;
}
.fts-jal-fb-user-thumb {display:none !important;}
.fts-jal-fb-user-name {display:block !important;margin-top:5px !important;}
.fts-jal-fb-post-time {display:block !important;padding-bottom:5px !important;}
.fts-jal-fb-message {font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;}
.fts-jal-fb-see-more {display:block !important;}
.fts-jal-single-fb-post {
    width: 100%;
    padding: 0 0 14px 0 !important;
    margin-bottom: 7px !important;
    border-bottom: 1px solid #000;
    position: relative;
    line-height: 17px;
    overflow: hidden;
}
.fts-jal-single-fb-post img {width:100%; max-width:100%; height:auto; }
.fts-jal-single-fb-post:last-child {
    border-bottom: 0px solid #000 !important;
}

/****** bandsintown */

.bit-widget .bit-top-track-button,
.bit-widget .bit-nav-bar-container,
.bit-widget .bit-event .bit-rsvp-container,
.bit-widget.bit-layout-ipad .bit-event .bit-rsvp-container,
div.bit-rsvp-container {
	display: none !important;
}
.bit-widget {
    font-size: 14px !important;
    font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
    width: 100%;
    max-width: 100%;
    color: #000000;
    background-color: #FFFFFF;
}
.bit-widget .bit-upcoming-events, 
.bit-widget .bit-past-events,
.bit-widget.bit-layout-desktop .bit-upcoming-events, 
.bit-widget.bit-layout-desktop .bit-past-events,
.bit-widget.bit-layout-ipad .bit-upcoming-events, 
.bit-widget.bit-layout-ipad .bit-past-events {
    margin: 0 0 80px 0 !important;
}
.bit-widget .bit-event:first-child {
	border-top: none !important
}
.bit-widget .bit-event,
.bit-widget.bit-layout-desktop .bit-event,
.bit-widget.bit-layout-ipad .bit-event {
    display: flex;
    flex-direction: row !important;
    text-decoration: none;
    padding: 10px 10px !important;
    background-color: rgba(255, 255, 255, 0);
}
.bit-widget .bit-event:hover,
.bit-widget.bit-layout-desktop .bit-event:hover,
.bit-widget.bit-layout-ipad .bit-event:hover {
    background-color: rgba(243, 203, 204, 0.1) !important;
}
.bit-widget .bit-event .bit-details, 
.bit-widget.bit-layout-desktop .bit-details
.bit-widget.bit-layout-ipad .bit-event .bit-details {
    display: flex;
    display : -ms-flexbox;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    -ms-flex-pack : start;
}
.bit-widget .bit-event .bit-date {
	font-family: 'ScreengemRegular';
    letter-spacing:0.05em;
    font-weight: normal !important;
    color: #2F95DE;
    margin: 0 15px 0 0 !important;
}
.bit-widget .bit-venue,
.bit-widget.bit-layout-desktop .bit-venue,
.bit-widget.bit-layout-ipad .bit-venue  {
    color: #000 !important;
    margin: 0 0 0 0 !important;
}
.bit-widget .bit-event .bit-venue::after,
.bit-widget.bit-layout-desktop .bit-venue::after,
.bit-widget.bit-layout-ipad .bit-venue::after {
    content: '—';
    position: relative;
    display: inline-block;
    padding: 0 8px 0 8px;
}
.bit-widget .bit-event .bit-location,
.bit-widget.bit-layout-desktop .bit-location,
.bit-widget.bit-layout-ipad .bit-location {
    font-weight: normal !important;
    text-align: left !important;
    margin: 0 15px 0 0 !important;
    margin-top: 0 !important;
}
.bit-widget .bit-event .bit-event-buttons,
.bit-widget.bit-layout-ipad .bit-event .bit-event-buttons {
    display: flex;
    display : -ms-flexbox;
    flex-direction: row;
    align-items: center;
    justify-content: center !important;
    -ms-flex-pack : center;
    margin: 5px 0 0 0 !important;
}
.bit-widget .bit-event .bit-offers-container 
.bit-widget.bit-layout-ipad .bit-event .bit-offers-container {
    flex-basis: auto;
    margin: 0 !important;
}
.bit-widget .bit-offers {
    background-color: rgba(255,255,255, 0) !important;
    border: 1px solid #2F95DE;
    color: #2F95DE !important;
	-ms-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
}
.bit-widget .bit-offers:hover {
    background-color: rgba(47,149,222, 1) !important;
    border: 1px solid #2F95DE;
    color: #FFFFFF !important;
}
.bit-widget .bit-event .bit-button,
.bit-widget.bit-layout-desktop .bit-event .bit-button,
.bit-widget.bit-layout-ipad .bit-event .bit-button {
	width: 120px !important;
	font-family: 'ScreengemRegular';
    text-align: center;
    line-height: 36px !important;
    letter-spacing:0.05em;
    font-weight: normal !important;
    margin-right:10px;
}
.bit-widget .bit-play-my-city-button {
    display: none !important;
}
div.tour-container {
	position: relative;
	display:block;
	max-width:100%;
	height: auto;
	overflow:hidden;
	/*
	overflow-x: hidden !important;	
  	overflow-y: auto;
  	-webkit-overflow-scrolling: touch;
  	*/
}
div.tour-container .bit-widget-container {
	max-width:100%;
}
div.tour-container .bit-widget .bit-event:nth-of-type(1n+8) {
	display: none !important;
}
div.tour-container .show-more-dates,
div.tour-container .show-more-dates a {
	position: relative;
	display:block;
	font-family: 'ScreengemRegular';
    text-align: center;
    line-height: 36px ;
    letter-spacing:0.05em;
    font-weight: normal;
    color: #2F95DE ;
  	 margin-top:-80px;
    cursor: pointer;
}
div.tour-container .show-more-dates a:hover {
    color: #f3cbcc ;
}
div.tour-container .bit-widget .bit-event .bit-details,
div.tour-container .bit-widget.bit-layout-desktop .bit-details,
div.tour-container .bit-widget.bit-layout-ipad .bit-event .bit-details {
    display: flex;
    display : -ms-flexbox;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    -ms-flex-pack : center;
}
div.tour-container .bit-widget .bit-event .bit-venue::after,
div.tour-container .bit-widget.bit-layout-desktop .bit-venue::after,
div.tour-container .bit-widget.bit-layout-ipad .bit-venue::after {
    content: ', ';
    position: relative;
    display: inline;
    font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
    padding: 0;
}
div.tour-container .bit-widget .bit-event .bit-offers-container {
    flex-basis: auto !important;
    margin-left: 0 !important;
}
div.tour-container .bit-widget .bit-event .bit-button,
div.tour-container .bit-widget.bit-layout-desktop .bit-event .bit-button,
div.tour-container .bit-widget.bit-layout-ipad .bit-event .bit-button {
	width: 80px !important;
	font-family: 'ScreengemRegular';
    text-align: center;
    line-height: 32px !important;
    letter-spacing:0.025em;
    font-weight: normal !important;
    margin-right:0;
}
.bit-events-container iframe,
iframe.google-pixel-iframe {
	display:none !important;
	height:0 !important;
}

@media all and (max-width: 640px) {
.bit-widget {
    font-size: 12px !important;
}
}
@media all and (max-width: 768px) {
.bit-widget .bit-event .bit-details, 
.bit-widget.bit-layout-desktop .bit-details
.bit-widget.bit-layout-ipad .bit-event .bit-details {
    display: flex;
    display : -ms-flexbox;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    -ms-flex-pack : start;
}
.bit-widget .bit-event .bit-venue::after,
.bit-widget.bit-layout-desktop .bit-venue::after,
.bit-widget.bit-layout-ipad .bit-venue::after {
    content: ', ';
    position: relative;
    display: inline;
    font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
    padding: 0;
}
.bit-widget .bit-event .bit-button,
.bit-widget.bit-layout-desktop .bit-event .bit-button,
.bit-widget.bit-layout-ipad .bit-event .bit-button {
    width: 80px !important;
	font-family: 'ScreengemRegular';
    text-align: center;
    line-height: 32px !important;
    letter-spacing:0.025em;
    font-weight: normal !important;
    margin-right:0;
}
}

/************************ links */

a {	
	color: #2299fb ;
	text-decoration: none;
	outline: none;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	}

a:hover, a:active {
	color: #f3cbcc;
	}
	
.active {
	color: #2299fb !important;
	}

.back-active {
	color: #2299fb !important;
	}
	
/**********************************************************************/

#wrapper {
	width:100% !important;
	max-width:100% !important;
	height:100% !important;
	margin:0 5px 0 0 !important;
	padding:0 !important;
	}

#content {
	position:relative;
	width:1020px;
	max-width:100% !important;
	height:100%;
	margin:15px auto !important;
	padding:0;	
	}

.page {
	position:relative;
	float:left;
	width:800px;
	max-width:100%;
	height:100%;
	margin:5px 0 0 211px;
	}

.post-right {
	position:relative;
	float:left;
	width:800px;
	max-width:100%;
	height:100%;
	padding: 0px;
	margin: 0 10px 0 211px !important;
	}

.page-content, .post-content {
	float:left;
	width:800px;
	max-width:100%;
	height:100%;
	margin:0 ;
	}


/************************************ MENU ***********/

#menu-main_menu {display:block;}
.burger {display:none !important;}

#sidebar {
	position:absolute;
	float:left;
	text-transform: uppercase;
	text-align: left;
	width: 200px;
	margin: 5px 0 0 0 !important;
	z-index:30;
	}

#sidebar ul  { 
	background:#2299fb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:1px 0 2px 0;
	}
#sidebar ul li { background:#2299fb; padding: 5px 4px 5px 10px; border:0; }

#sidebar li {float:none;}

#sidebar a {
	font-family: 'ScreengemRegular';
	font-size: 30px !important;
	line-height: .598em;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	text-decoration: none;
	outline: none;
	border:0;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	}

#sidebar a:visited {
	color: #fff;
	}

#sidebar a:hover,a:active {
	color: #f3cbcc;
}

.menu-item, .menu-item:visited {
	padding: 5px;
	transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	}

.current-menu-item a, .current_page_item a, a.album_sub {
	color: #f3cbcc !important;
	}	
#sidebar .current-menu-item a, #sidebar .current_page_item a, #sidebar a.album_sub {
	color: #f3cbcc !important;
	}
#sidebar li.current-menu-item a, #sidebar li.current_page_item a, #sidebar li.menu-item a.album_sub {
	color: #f3cbcc !important;
	}

#sidebar li.menu-item:first-child {
	padding-top: 15px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	}
	
#sidebar li.menu-item:last-child {
	padding-bottom: 7px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	}
#sidebar a.menu-privacy  {
	display: inline-block;
	float:left;
	font-family: 'ScreengemRegular';
	font-size: 15px !important;
	line-height: 0.8em;
	color: #2299fb;
	/*color: #f3cbcc;*/
	margin-top: 10px;
	padding-left: 10px;
}
#sidebar a.menu-privacy:hover {
	color: #f3cbcc;
}
#more {
	width: 186px;
	height:25px;
	padding: 12px 4px 8px 12px;
	margin:10px 0 0 0;
	text-align: center;
	background-color: #2299fb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	}	

#fb {
	float:left;
	padding-right:9px;
	text-align: center;
	background-image: url(images/fb-white.png);
	background-repeat: no-repeat;
	height: 22px;
	width:22px;	
	}
#fb:hover {
	background-image: url(images/fb-outline.png);
	height: 22px;
	width:22px;
	}
#twitter {
	float:left;
	text-align: center;
	padding-right:9px;
	background-image: url(images/twitter-white.png);
	background-repeat: no-repeat;
	height: 22px;
	width:22px;
	}
#twitter:hover {
	background-image: url(images/twitter-outline.png);
	height: 22px;
	width:22px;
	}
#youtube {
	float:left;
	text-align: center;
	padding-right:9px;
	background-image: url(images/youtube-white.png);
	background-repeat: no-repeat;
	height: 22px;
	width:22px;
	}
#youtube:hover {
	background-image: url(images/youtube-outline.png);
	height: 22px;
	width:22px;
	}
#insta {
	float:left;
	text-align: center;
	padding-right:9px;
	background-image: url(images/insta-white.png);
	background-repeat: no-repeat;
	height: 22px;
	width:22px;
	}
#insta:hover {
	background-image: url(images/insta-outline.png);
	height: 22px;
	width:22px;
	}
#oldsite {
	display:none;
	float: right;
	background-color: #2299fb;
	margin-top: 2px;
	padding-top: 8px;
	width: 120px;
	height: 28px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#emailform {
	height:35px;
	width: 188px;
	margin-top:10px;
	padding: 5px 6px 0 6px;
	background-color:rgba(205,51,50, 1);
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	}

input.button,
.submit {
	position:relativ;
	font-family: 'ScreengemRegular';
	color: #fff !important;
	font-weight: bold;
	font-size:14px;
	text-align:center;
	width:45px;
	height:30px;
	float:right;
	padding-top:0px;
	padding-left:0px;
	margin-top:2px;
	border:0;
	background-color:rgba(205,51,50, 0) !important;
	cursor:pointer !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	}
input.button:hover,
.submit:hover {
	background-color:rgba(205,51,50, 0) !important;
	color: #f3cbcc !important;
	}


div.mc-field-group,
.text {
	position:relative;
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	float:left;
	width:110px;
	height:22px;
	color:#fff !important;
	font-size:12px !important;
	font-weight: 700 !important;
	line-height:1.7em;
	background-color:rgba(205,51,50, 1);
	padding-left:3px;
	padding-right:10px;
	margin-right:8px;
	border:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	}
div.mc-field-group:hover,
.text:hover {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
div.mc-field-group:hover,
.text:active {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}

input[placeholder] {
	color:#fff ;
	box-shadow:none;
	border-right:1px solid #fff;
	font-weight: 400 ;
	margin-top:5px;
    	opacity: 1;
}
::-webkit-input-placeholder { /* WebKit browsers */
    	color:#fff ;
	box-shadow:none;
	font-weight: 400 ;
    	opacity: 1;
	}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    	color:#fff ;
	box-shadow:none;
	font-weight: 400 ;
    	opacity: 1;
	}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    	color:#fff ;
	box-shadow:none;
	font-weight: 400 ;
    	opacity: 1;
	}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#fff ;
	box-shadow:none;
	font-weight: 400 ;
    	opacity: 1;
	}


/*************************** videos (CENTER) *************/


#single-video {	
	position: relative;
	float: left;
	width: 808px;
	height:100%;
	padding: 0px;
	margin: 5px 0 80px 211px;
	}

.video-group {
	width:808px;
	height:auto;
	position: relative;
	float: left;
	margin:11px 0 80px 0;
	}

.video_thumb {
	position: relative;
	float:left !important;
	border:0 !important;
	border:none !important;
	padding:0 0 0 0 !important;
	margin:0 8px 5px 0px !important;
	width:25%;
	max-width:194px;
	margin-bottom:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	}

.video_thumb img {
	width:194px;
	height:194px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

.video_title {
	position: absolute;
	height:10% !important;
	width: 194px;
	padding-bottom:25px;
	bottom:5px;
	background:rgba(0,0,0,0.5); 
   	*background-color: #000; /* IE 7 */
	cursor: pointer; 
	z-index: 10; 
	 -webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	}
	
.video_title:hover {
	color:#fff;
	background:rgba(0,0,0,0.7); 
   	*background-color: #000; /* IE 7 */	
	}

.video_title p { 
	height:0;
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	color:#fff;
	padding-top:12px;
	display:block;
	transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	}

.video_title:hover p { color:#2299fb}


.video-container {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	height: 0;
	margin:0 auto;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	box-shadow:none !important;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	padding:10px;
	width: 100%;
	max-width: 100%;
	height: 100%;
	overflow:hidden;
	overflow-x:hidden;
	box-shadow:none !important;
}


.inline-video-container {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	height: 0;
	margin:0 auto;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	box-shadow:none !important;
}
.inline-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	padding:10px 10px 10px 0;
	width: 100%;
	max-width:100% !important;
	height: 100%;
	overflow:hidden;
	overflow-x:hidden;
	box-shadow:none !important;
}
.featherlight .featherlight-content {
    background: transparent !important;
}
.featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial,sans-serif;
    background: transparent;
    background: rgba(0,0,0,0) !important;
    color: #fff !important;
    border: 0;
    padding: 0;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0% 0% !important;
    box-shadow:none !important;
}

#fancybox-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20px 0px 0px 20px !important;
    z-index: 1101;
    outline-color: none !important;
    overflow: hidden;
    overflow-x:hidden;
    box-shadow:none !important;
}

#fancybox-content {
	width: 0px;
    height:0px;
   	position: relative;
	overflow: hidden;
    overflow-x:hidden;
    z-index: 1102;
    border: 0px solid #000;
    border-width: 0px !important;
    outline:none !important;
    padding: 0px !important;
    box-shadow:none !important;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#fancybox-close {
	display:block;
    top: -10px;
    right: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 11030;
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('http://stereototal.de/wp-content/plugins/responsive-lightbox/assets/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('fancybox.png');
    background-position: -40px -162px;
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('fancybox-y.png');
    background-position: -20px 0px;
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('fancybox.png');
    background-position: -40px -182px; 
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('fancybox-x.png');
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('fancybox.png');
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('fancybox.png');
    background-position: -40px -122px;
}




/******** Albums single (CENTER) ***************/


#single-album {	
	position: relative;
	float: left;
	width: 800px;
	height:100%;
	padding: 0px;
	margin: 0;
	}

.featured-thumbnail {
	position:relative;
	float:right;
	background:none;
	margin-top:11px;
	margin-bottom:40px;
	margin-left:30px;
}

.featured-thumbnail img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#single-album strong {font-weight:700;}
#single-album p {
	position:relative;
	width:48%;
	height:auto;
	margin:10px 0 10px 0;
	padding-right:30px !important;
	text-align:left;
	font-size:14px;	
}

.lyrics_box {
	position:relative;
	width:400px;
	height:auto;
	margin:0 0 40px 0;
	font-size:14px;
	padding-right:0;
	}
.lyrics_box a {
	color:#000;
	font-weight:400;
}

.lyrics_box a:hover {
	color:#f3cbcc; 
	font-weight:400;
}

.track a {margin:0 !important; padding:0 !important;}

.headphonegirl {
	position:relative;
	display:block;
	width:250px !important;
	margin:60px 0 80px 130px;
}

/******************************************** popup text ********/


/* Outer */

.popup {
	overflow:scroll;
    	width:100%;
    	height:100%;
    	display:none;
    	position:fixed;
    	top:0px;
    	left:0px;
	background:rgba(0,0,0,0.75);
	z-index:99999;
}
 
/* Inner */
.popup-inner {
	overflow:scroll;
    	max-width:600px;
    	width:80%;
	max-height:80%;
    	padding:20px;
    	position:absolute;
    	top:50%;
    	left:50%;
	-webkit-transform:translate(-50%, -50%);
    	transform:translate(-50%, -50%);
    	box-shadow:0px 2px 6px rgba(0,0,0,1);
    	border-radius:4px;
    	background:#fff;
}

.popup-inner p {
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
    	font-size:14px;
	font-weight:400;
	width:100% !important;
}

.popup h2 {font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;font-weight:700;}
.popup a {color:#2299fb;font-weight:400;}
.popup a:hover {color:#f3cbcc;font-weight:400;}
 
/* Close Button */
.popup-close {
    	padding:0px;
    	display:inline-block;
    	position:absolute;
    	top:0px;
    	right:0px;
	margin:10px 10px 0 0;
    	transition:ease 0.25s all;
   	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
    	font-size:20px;
	font-weight:700 !important;
    	line-height:100%;
    	color:#2299fb ;
	}
 
.popup-close:hover {
	color:#f3cbcc;
    	text-decoration:none;
	}

.popup-close a {font-weight:700;}
.popup-close a:hover {font-weight:700;}


/******************************************** albums page ********/


.multiTracks {
	background-color: #fff;	
	}


#album-archive {
	width:800px;
	max-width:100%;
	height:100%;
	margin:15px auto 0 211px;	
	}



 /**************** submenu ******/

#sidebar2 {
	position: relative;
	width:800px;
	height: 56px;
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-size:14px;
	font-weight:normal;
	text-align: center;
	line-height: 1.5em;
	margin-top: 1px;
	margin-left: 0;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.6) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
	}
	
#sidebar2 .submenu {display:none;}

#sidebar2 ul{ width:555px;margin:0 auto;}
#sidebar2 ul.ulvar { width:550px;margin:0 auto;}
#sidebar2 ul.ulvarvar { width:250px;margin:0 auto;}
#sidebar2 ul.ulvarvarvar { width:160px;margin:0 auto;}
#sidebar2 ul.ulvarvarvarvar { width:65px;margin:0 auto;}
#sidebar2 ul.ulbio { width:200px;margin:0 auto;}
#sidebar2 ul.ulprivacy { width:85px;margin:0 auto;}

#sidebar2 li {
	float:left;
	color:#000;	
	}

#sidebar2 li {font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important; border-right:1px solid #000;padding:0px 10px 0px 10px;margin-top:20px; text-align:center;}
#sidebar2 li:first-child {padding:0px 10px 0px 10px;}
#sidebar2 li:last-child {border-right:0px solid #fff}

#sidebar2 li a {
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	color:#000;
	cursor:pointer;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	}
#sidebar2 li:hover a {color:#2299fb;}

#sidebar2 li a.var {
	color:#2299fb;
	cursor:pointer;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	}
#sidebar2 li:hover a.var {color:#f3cbcc;}


/********************************* Studio Albums *************/

.album-group {
	width:808px;
	height:auto;
	position: relative;
	float: left;
	}
	
.album-section {
	position: relative;
	float:left;
	width:100%;
	height:auto;
	margin:11px 0 80px 0px;
	padding:0;
	}

.album_thumb {
	position: relative;
	float:left;
	width:25%;
	max-width:194px;
	height:194px;
	border:0 !important;
	padding:0 !important;
	background:#000;
	margin:0 8px 11px 0px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	}

.album_thumb:hover {
	background:#000;
	}
	
.album_thumb:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; 
	transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	}

.album_thumb img {
	position: relative;
	display:block;
	width:194px !important;
	height:194px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}



/********************************* Album singles *************/



.back-link {
	position: relative;
	width:100%;
	max-width:100%;
	height: 57px;
	/*
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	*/
	font-family: 'ScreengemRegular' !important;
	font-size:13px;
	text-transform:uppercase;
	text-align: center;
	line-height: 1.5em;
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

.back_albums {
	position: relative;
	text-align: center;
	width: 80px;
	height:50px;
	padding: 0px;
	top: 20px;
	margin:0 auto;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	}
	
.back_albums:hover {
	color: #f3cbcc;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	}

a.back_albums {
	/*
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	*/
	font-family: 'ScreengemRegular' !important;
	color:#2299fb ;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	}

a#back_albums:hover {color:#f3cbcc;}


.newer-older {
	padding: 5px 15px;
	}

.newer {
	float: right;	
	}

.older {
	float: left;
	}

/*********************************************** Photo Galzz ********************/


#photo-archive {
	position: relative;
	float: left;
	width:100%;
	max-width:100%;
	height:100%;
	padding: 0px;
	margin: 15px 0 80px 211px;
	}


CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Photocrati Media
Version: 2.12

This stylesheet is provided to allow users the ability of overriding the default styles for all display types
*/

/*
	width:24.5865678% !important;
*/


/*
#div9 {
	padding:0 !important;
	margin:0  !important;
	
}

#ngg-gallery-3509f02daa6bbf9ec8fff60d748d158b-1 {
	padding:0 !important;
	margin:0  !important;
}
.ngg-ajax-pagination-none {
	padding:0 !important;
	margin:0  !important;
}
*/
.ngg-galleryoverview {
	overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
	display:block;
    width: 101% !important;
    max-width: 101% !important;
    height:100%;
    margin: 11px 0 80px -1% !important;
    padding:0  !important;
}
.ngg-gallery-thumbnail-box {
	width:24%;
	max-width:24%;
	margin: 0 0 1% 1% !important;
	padding:0 !important;	
}
.ngg-gallery-thumbnail img {
	width:100% !important;
	max-width:100% !important;
	height:auto !important;
    background-color: #FFF;
    border: 0px solid #fff;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

.ngg-gallery-thumbnail  {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	}

.ngg-gallery-thumbnail:hover {
	border:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; 
	transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	}

	
.ngg-gallery-thumbnail img {
    	border: none ;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-width:0;
        border-left-width: 0;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: -moz-use-text-color;
        border-right-color: -moz-use-text-color;
        border-bottom-color: -moz-use-text-color;
        border-left-color: -moz-use-text-color;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image-source: none;
        border-image-slice: 100% 100% 100% 100%;
        border-image-width: 0 0 0 0;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
        }
        
.ngg-gallery-thumbnail img:hover {
    background-color: #fff;
    }
    
.ngg-gallery-thumbnail a {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	}





#TB_window {
		width:100%;
		max-width:100%;
		min-height:100%;
    	position: fixed;
    	overflow:hidden;
		background:none !important;
    	background: #000 none repeat scroll 0% 0%;
    	z-index: 100050;
    	visibility: hidden;
    	text-align: left;
    	top: 48% ;
    	left: 50%;
    	margin-bottom:15px;
    	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}
#TB_window span.screen-reader-text {display:none !important;}
#TB_closeWindow span.screen-reader-text {display:none !important;}
#TB_closeWindow .tb-close-icon {
    	color: #2299fb !important;
    	text-align: center;
    	line-height: 39px !important;
    	width: 39px !important;
    	height: 39px !important;
    	position: absolute;
    	top: -10px;
    	right: -15px !important;
	}
#TB_window img#TB_Image {
	width:100% !important;
	height:100% !important;
    	display: block;
    	margin: 15px 0px 0px 0px;
	border:none !important;
    	border-width: 0px !important; 
    	border-style: solid;
    	border-color: #666 #CCC #CCC #666;
	}
#TB_window a img  {
	width:100% !important;
	height:100% !important;
    	display: block;
    	margin: 15px 0px 0px 0px;
    	padding:0 !important;
		border:none !important;
    	border-width: 0px !important; 
    	border-style: solid;
    	border-color: #666 #CCC #CCC #666;
	}

#TB_caption {
	width:100%  !important;
    	height: 30px !important;
    	padding: 5px 30px 30px 0px !important;

    	float: left;
		margin-bottom:10px !important;
		font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
		font-size:13px !important;
		font-weight:700 !important;
		color:#2299fb !important;
	}
#TB_secondLine {color:#fff;font-weight:400 !important;}
#TB_secondLine a {color:#fff}
#TB_secondLine a:hover {color:#2299fb}
#TB_overlay {
    	background: #000 none repeat scroll 0% 0%;
    	opacity: 0.75;
    	position: fixed;
    	top: 0px;
    	right: 0px;
    	bottom: 0px;
    	left: 0px;
    	z-index: 100050;
	}
	
#TB_load {
	position: fixed;
	display: none;
	z-index: 103;
	top: 50%;
	left: 50%;
	background-color: rgba(255,255,255, 0);
	background-color: transparent !important;
	background-color: none !important;
	border: 0px !important;
	margin: -45px 0 0 -125px;
	padding: 40px 15px 15px;
}

 

/************Footer**********/


#footer {
	position:relative;
	display:none;
	width:100%;
	height:80px;
	}


/************Video BG**********/



#video {
	position: fixed;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 0;
}


/******************************** media **********************************/
@media all and (min-width: 1024px){

#menu-main_menu {display:block !important;}

}

@media all and (max-width: 1023px){

html, body {font-size:90% !important;}
body {font-size:14px;}

#wrapper {
	width:100% !important;
	max-width:100% !important;
	height:100% !important;
	margin:0 !important;
	padding:0 !important;
}
#content {
	position:relative;
	width:100%;
	max-width:100% !important;
	height:100%;
	margin:0 auto !important;
	padding:0;	
}
.page {
	position:relative;
	float:none;
	width:100%;
	max-width:100%;
	margin:5px 0 1% 0px;	
}
.post-right {
	position:relative;
	float:none !important;
	width:100%;
	max-width:98% !important;
	padding: 0px;
	margin: 0 0 1% 1% !important;
}
.page-content, .post-content {
	position:relative;
	float:none !important;
	width:98%;
	max-width:98% !important;
	margin: 0 0 1% 1% !important;
}
.bio {
	margin:1% 0 80px 0 !important;
	padding:1% 1% 80px 1% !important;
}
.privacy {
	margin:1% 0 80px 0 !important;
	padding:1% 1% 80px 1% !important;
}
.contact-left {width:58%; height:100%; float:left; margin:1% 0 10px 0;padding:1% 1% 80px 1% !important;}
.contact-right {width:20%; height:100%; float:left; margin:1% 0 10px 10px;padding:1% 1% 80px 1% !important;}

/************************ nav **********************/

#logo {
	position: relative;
	display:block;
	width: 100%;
	max-width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0;
	margin:0;
	top:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-image: url('images/stereologo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 260px !important;	
}
#portrait {display:none;}
#menu-main_menu {display:none;}
#menu-main_menu a {
	opacity:1;
}
.visable {
	opacity:1 !important;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#sidebar {
	position:relative;
	float:none;
	text-transform: uppercase;
	text-align: left;
	width: 100%;
	margin: 0 !important;
	z-index:30;
}
#sidebar ul  { 
	width:100%;
	margin-top:0px !important;
	padding-bottom:5px;
	padding-top:0px;
	position:relative;
	background:#2299fb;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}
#sidebar ul li { background:#2299fb; padding: 5px 4px 5px 1.25% !important; border:0; }
#sidebar li {float:none;}
#sidebar a {
	font-family: 'ScreengemRegular';
	font-size: 24px !important;
	line-height: .598em;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	text-decoration: none;
	outline: none;
	border:0;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
}
#sidebar a:visited {
	color: #fff;
}
#sidebar a:hover,a:active {
	color: #f3cbcc;
}
.menu-item, .menu-item:visited {
	padding: 5px;
	transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
}
.current-menu-item a, .current_page_item a, a.album_sub {
	color: #f3cbcc !important;
}	
#sidebar .current-menu-item a, #sidebar .current_page_item a, #sidebar a.album_sub {
	color: #f3cbcc !important;
}
#sidebar li.current-menu-item a, #sidebar li.current_page_item a, #sidebar li.menu-item a.album_sub {
	color: #f3cbcc !important;
}
#sidebar li.menu-item:first-child {
	padding-top: 25px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}	
#sidebar li.menu-item:last-child {
	padding-bottom: 17px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.burger {
	display:block !important;
	position: absolute;
	top: 20px;
	left: 1.25%;
	height: 30px;
	width: 30px;
	z-index: 9999 !important;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	cursor: pointer;
}			
.first{
	height: 2px !important;
	width: 30px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	pointer-events:none;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}		
.second {
	height: 2px !important;
	width: 30px;
	position: absolute;
	top: 12px;
	left: 0;
	cursor: pointer;
	pointer-events:none;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.third {
	height: 2px !important;
	width: 30px;
	position: absolute;
	top: 24px;
	left: 0;
	cursor: pointer;
	pointer-events:none;
	-webkit-transition: all 0.4s ease-in-out;
    	-moz-transition: all 0.4s ease-in-out;
    	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}			
.active-burger {
	top:12px;
	height:2px !important;
	cursor: pointer;
	pointer-events:none;
}
.light {
	background: rgba(255,255,255, 1);	
}
.m1 {
	height: 25px;
	
}
.signin-wrap {position:relative;display:none;width:48%;max-width:48%;float:right;right:0!important;margin-right:1%;margin-top:2px;}
#sidebar a.menu-privacy  {
	display: none; 
}
#more {
	display:none;
	float:left;
	width: 100% !important;
	max-width: 100%;
	height:43px;
	padding: 17px 0px 0px 0px;
	margin-left:0;
	margin-right:0;
	margin-bottom:4px;
	text-align: center;
	background-color: #2299fb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	clear:right;	
}
#fb {margin-left:20px; background-color: #2299fb;}
#twitter {background-color: #2299fb;}
#youtube {background-color: #2299fb;}
#insta {background-color: #2299fb;}
#emailform {	
	float:left;
	height:43px;
	width: 100% !important;
	max-width: 100%;
	margin-top:5px;
	margin-bottom:1%;
	margin-left:0;
	margin-right:0;
	padding: 14px 0px 3px 0px;
	background-color:rgba(205,51,50, 1);
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
div.mc-field-group,
.text {	
	padding-left:10px;
	padding-right:10px;
	margin-right:20px;
}
.fb-container {display:block; position:relative ; float:left !important; width:50% ;max-width:50% !important; margin-bottom:40px !important;margin-top:0;-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important; border-radius: 4px !important;}
.news-head {
	width:100%;
	height:60px;
	background:#fff;
	margin:2px 0 0 0;
	border-top:0px solid #000;
	border-bottom:0px solid #000;	
}
.news-head-title {
	font-family: 'ScreengemRegular';
	font-size: 24px !important;
	line-height: .598em;
	text-transform: uppercase;
	text-align: left;
	color: #2299fb;
	padding:22px 0 0 0px !important;
}
.fts-jal-fb-user-thumb {display:none !important;}
.fts-jal-fb-user-name {display:none !important;}
.fts-jal-fb-post-time {display:none !important}
.fts-jal-fb-message {font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;}
.fts-jal-fb-see-more {display:none !important;}
.fts-jal-single-fb-post {
    width: 100%;
    padding: 0 0 14px 0 !important;
    margin-bottom: 7px !important;
    border-bottom: 1px solid #000;
    position: relative;
    line-height: 17px;
    overflow: hidden;
}
.fb-plugin-container { display:block; position:relative ; float:left !important;width:100% !important; -moz-border-radius: 4px !important;-webkit-border-radius: 4px !important; border-radius: 4px !important;}
.home-second {display:block; position: relative; float:right; clear:right; width: 49% !important; max-width:50% !important; margin-left:1%; margin-top:.25%; margin-bottom: 40px !important;}

#news-header {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0px;
	margin: .5% 0 2% 0;
}
#news-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 24px !important;
	font-weight:normal !important;
	text-align: left;
	font-weight:normal;
	color:#fff;
	padding:20px;
}

#tour-header {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0px;
	margin:2% 0 2% 0;
}
#tour-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 24px !important;
	font-weight:normal !important;
	text-align: left;
	font-weight:normal;
	color:#fff;
	padding:20px;
}
#latest-release-header {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #2299fb;
	margin:0 0 2% 0;
}
#latest-release-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 24px !important;
	font-weight:normal !important;
	text-align: left;
	color:#fff;
	padding:20px;
}

.latest-release-container {
	position:relative;
	width:100%;
	height:100%;
	margin:0 ;
	padding:0;
}

.latest-release-container img {
	display:block;
	position:relative;
	width:100%;
	height:100%;
}

 /**************** submenu ******************/

#sidebar2 {
	position: relative;
	width:100%;
	height: 56px;
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-size:14px;
	font-weight:normal;
	text-align: center;
	line-height: 1.5em;
	margin-top: 1%;
	margin-left: 0;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, .6);
	border-bottom: 1px solid rgba(0, 0, 0, .6);
}
#sidebar2 ul{ width:555px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvar { width:550px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvar { width:250px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvarvar { width:160px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvarvarvar { width:65px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulbio { width:200px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulprivacy { width:85px;max-width:100%; margin:0 auto;}
#sidebar2 li {
	float:left;
	color:#000;	
}
#sidebar2 li {font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important; border-right:1px solid #000;padding:0px 10px 0px 10px;margin-top:20px; text-align:center;}
#sidebar2 li:first-child {padding:0px 10px 0px 10px;}
#sidebar2 li:last-child {border-right:0px solid #fff}
#sidebar2 li a {
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	color:#000;
	cursor:pointer;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
}
#sidebar2 li:hover a {color:#2299fb;}
#sidebar2 li a.var {
	color:#2299fb;
	cursor:pointer;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
}
#sidebar2 li:hover a.var {color:#f3cbcc;}


/******************************************** ALBUM **************************/

.album-group {
	width:100%;
	max-width:100%;
	height:auto;
	position: relative;
	float: none;
}
.album-section {
	position: relative;
	float:left;
	width:101%;
	height:auto;
	margin:1% -1% 80px auto !important; 
	padding:0;
}
.album_thumb {
	float:left;
	width:25%;
	max-width:24%;
	height:25%;
	border:0 !important;
	padding:0 !important;
	background:#000;
	margin:0 1% 1% 0px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
}
.album_thumb:hover {
	background:#000;
}	
.album_thumb:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; 
	transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
}
.album_thumb img {
	position: relative;
	display:block;
	width:100% !important;
	height:auto !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


/********************************* Album singles *************/


#album-archive {
	width:100%;
	max-width:100%;
	height:100%;
	margin:1% auto 0 auto;	
}
.back-link {
	position: relative;
	width:100%;
	max-width:100%;
	height: 57px;
	font-family: 'ScreengemRegular' !important;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	line-height: 1.5em;
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.back_albums {
	position: relative;
	text-align: center;
	width: 80px;
	height:50px;
	padding: 0px;
	top: 20px;
	margin:0 auto;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
}
.back_albums:hover {
	color: #f3cbcc;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;	
}
a.back_albums {
	font-family: 'ScreengemRegular' !important;
	color:#2299fb ;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
}
a#back_albums:hover {color:#f3cbcc;}
.newer-older {
	padding: 5px 15px;
}
.newer {
	float: right;	
}
.older {
	float: left;
}
	
/******** Albums single (CENTER) ***************/

#single-album {	
	position: relative;
	float: none;
	width: 100% !important;
	max-width:100%;
	height:auto;
	padding: 0px;
	margin: 1% 0 80px 0;
}
.featured-thumbnail {
	float:right;
	max-width:40%;
	background:none;
	margin-top:1%;
	margin-bottom:80px;
}
.featured-thumbnail img {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	float:right;
	right:0 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#single-album strong {font-weight:700;}
#single-album p {
	position:relative;
	width:48%;
	height:auto;
	margin:1% 0 10px 0;
	padding-right:1% !important;
	text-align:left;
	font-size:14px;	
}
.lyrics_box {
	position:relative;
	width:100%;
	height:auto;
	margin:0 0 40px 0;
	font-size:14px;
	padding-right:15px !important;
}
.lyrics_box a {
	color:#000;
	font-weight:400;
}
.lyrics_box a:hover {
	color:#f3cbcc; 
	font-weight:400;
}
.track a {margin:0 !important; padding:0 !important;}
.headphonegirl {
	position:relative;
	display:block;
	margin:30px 0 80px 10% !important;
}
.headphonegirl img {
	position:relative;
	display:block;
	width:80% !important;
	max-width:80%;
	margin-bottom:80px;
}


/*********************************************** Photo Galzz ********************/


.ngg-galleryoverview {
	overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
	display:block;
    width: 101% !important;
    max-width: 101% !important;
    height:100%;
    margin: 11px auto 80px -1% !important;
    padding:0  !important;
}
.ngg-gallery-thumbnail-box {
	width:19% !important;
	max-width:19% !important;
	margin: 0 0 1% 1% !important;
	padding:0 !important;	
}
.ngg-gallery-thumbnail img {
	width:100% !important;
	max-width:100% !important;
	height:auto !important;
    background-color: #FFF;
    border: 0px solid #fff;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

/******************************** video *****************************/

#single-video {	
	position: relative;
	float: none;
	width: 100%;
	height:100%;
	padding: 0px;
	margin: 1% 0 80px 0;
}
.video-group {
	width:101%;
	height:auto;
	position: relative;
	float: left;
	margin:1% -1% 80px 0;
}
.video_thumb {
	position: relative;
	float:left !important;
	border:0 !important;
	border:none !important;
	padding:0 0 0 0 !important;
	margin:0 1% 1% 0px !important;
	width:25%;
	max-width:24%;
	height:25%;
	margin-bottom:1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}
.video_thumb img {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.video_title {
	position: absolute;
	height:10% !important;
	width: 100%;
	padding-bottom:25px;
	bottom:0px;
	background:rgba(0,0,0,0.5); 
   	*background-color: #000; /* IE 7 */
	cursor: pointer; 
	z-index: 10; 
	 -webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
}	
.video_title:hover {
	color:#fff;
	background:rgba(0,0,0,0.7); 
   	*background-color: #000; /* IE 7 */	
}
.video_title p { 
	height:0;
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	color:#fff;
	padding-top:12px;
	display:block;
	transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
}
.video_title:hover p { color:#2299fb}

}

@media all and (max-width: 768px){
#logo {
	position: relative;
	display:block;
	width: 100%;
	max-width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0;
	margin:0;
	top:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-image: url('images/stereologo.png');
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: 240px !important;	
}
.space {
	display:none;
}
.ngg-galleryoverview {
	overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
	display:block;
    width: 101% !important;
    max-width: 101% !important;
    height:100%;
    margin: 11px auto 80px -1% !important;
    padding:0  !important;
}
.ngg-gallery-thumbnail-box {
	width:24% !important;
	max-width:24% !important;
	margin: 0 0 1% 1% !important;
	padding:0 !important;	
}
.ngg-gallery-thumbnail img {
	width:100% !important;
	max-width:100% !important;
	height:auto !important;
    background-color: #FFF;
    border: 0px solid #fff;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
}

@media all and (max-width: 640px){

html, body {font-size:85% !important;}
body {font-size:12px;}
#logo {
	position: relative;
	display:block;
	width: 100%;
	max-width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0;
	margin:0;
	top:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-image: url('images/stereologo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 220px !important;	
}		
#fb {margin-left:10px; background-color: #2299fb;}
div.mc-field-group,
.text {	
	padding-left:5px;
	padding-right:10px;
	margin-right:15px;
}
#sidebar a {
	font-family: 'ScreengemRegular';
	font-size: 20px !important;
	}
.news-head-title {
	font-family: 'ScreengemRegular';
	font-size: 20px !important;
	line-height: .598em;
	text-transform: uppercase;
	text-align: left;
	color: #2299fb;
	padding:22px 0 0 0px !important;
}
#news-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 20px !important;
	padding:20px 20px 20px 10px;
}
#tour-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 20px !important;
	padding:20px 20px 20px 10px;
}
#latest-release-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 20px !important;
	padding:20px 20px 20px 10px;
}
#sidebar2 {
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-size:12px;
}
#sidebar2 ul{ width:490px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvar { width:455px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvar { width:220px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvarvar { width:130px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvarvarvar { width:50px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulbio { width:200px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulprivacy { width:85px;max-width:100%; margin:0 auto;}
.back-link {
	font-size:12px;
}
.back_albums {
	width: 60px;
}	
.lyrics_box {
	font-size:12px;
}
#single-album p {
	font-size:12px;	
}
.video_title p { 
	height:0;
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-size:11px !important;
	font-weight:bold !important;
	text-align: center;
	color:#fff;
	padding-top:5px;
	display:block;
	transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
}
}

@media all and (max-width: 520px){

html, body {font-size:85% !important;}
body {font-size:12px;}

#logo {
	position: relative;
	display:block;
	width: 100%;
	max-width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0;
	margin:0;
	top:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-image: url('images/stereologo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px !important;	
}
.news-head-title {
	font-family: 'ScreengemRegular';
	font-size: 20px !important;
	line-height: .598em;
	text-transform: uppercase;
	text-align: left;
	color: #2299fb;
	padding:22px 0 0 0px !important;
}

#sidebar2 {
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-size:11px;
}
#sidebar2 ul{ width:460px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvar { width:425px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvar { width:210px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvarvar { width:120px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvarvarvar { width:50px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulbio { width:200px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulprivacy { width:85px;max-width:100%; margin:0 auto;}
.back-link {
	font-size:11px;
}
.back_albums {
	width: 50px;
}
.lyrics_box {
	font-size:12px;
}
#single-album p {
	font-size:12px;	
}
.album_thumb {
	float:left;
	width:50%;
	max-width:49%;
	height:50%;
	border:0 !important;
	padding:0 !important;
	background:#000;
	margin:0 1% 1% 0px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
}
.album_thumb img {
	position: relative;
	display:block;
	width:100% !important;
	height:auto !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.video_thumb {
	position: relative;
	float:left !important;
	border:0 !important;
	border:none !important;
	padding:0 0 0 0 !important;
	margin:0 1% 1% 0px !important;
	width:49%;
	max-width:49%;
	height:50%;
	margin-bottom:1%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}
.ngg-galleryoverview {
	overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
	display:block;
    width: 101% !important;
    max-width: 101% !important;
    height:100%;
    margin: 11px auto 80px -1% !important;
    padding:0  !important;
}
.ngg-gallery-thumbnail-box {
	width:32.33333333% !important;
	max-width:32.333333333% !important;
	margin: 0 0 1% 1% !important;
	padding:0 !important;	
}
.ngg-gallery-thumbnail img {
	width:100% !important;
	max-width:100% !important;
	height:auto !important;
    background-color: #FFF;
    border: 0px solid #fff;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

}

@media all and (min-width: 481px){
.sub { display:block !important; height:auto;}
}

@media all and (max-width: 480px){

.burger {
	left: 1%;
}
#sidebar ul li { background:#2299fb; padding: 5px 4px 5px 2% !important; border:0; }		

.contact-left {width:98%; height:auto; float:none; margin:1% 0 0 0;padding:1% 1% 1% 1% !important;}
.contact-right {width:98%; height:auto; float:none; margin:0 0 80px 0;padding:0 1% 0  1% !important;}

.fb-container {display:inline-block; position:relative; float:right !important; width:100% ;max-width:100% !important; margin-bottom:1% !important;padding-bottom:0px !important; margin-top:.25%;-moz-border-radius: 4px !important;-webkit-border-radius: 4px !important; border-radius: 4px !important;}
.fb-plugin-container { display:inline-block; position:relative ; float:right !important;width:100% !important; -moz-border-radius: 4px !important;-webkit-border-radius: 4px !important; border-radius: 4px !important;}

.home-second {display:block; position: relative; float:left !important; clear:both; width: 100% !important; max-width:100% !important; margin-left:1%;margin-right:0%; margin-top:.25%; margin:0 auto 40px auto !important; top:1% !important}

.news-head {
	width:100%;
	height:40px;
	background:#fff;
	margin:2px 0 0 0;
	border-top:0px solid #000;
	border-bottom:0px solid #000;	
}
.news-head-title {
	font-family: 'ScreengemRegular';
	font-size: 20px !important;
	line-height: .598em;
	text-transform: uppercase;
	text-align: left;
	color: #2299fb;
	padding:22px 0 0 0px !important;
}
#news-header {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0px;
	margin:2% 0 2% 0;
}
#news-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 20px !important;
	font-weight:normal !important;
	text-align: left;
	font-weight:normal;
	color:#fff;
	padding:20px;
}
#tour-header {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0px;
	margin:2% 0 2% 0;
}
#tour-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 20px !important;
	font-weight:normal !important;
	text-align: left;
	font-weight:normal;
	color:#fff;
	padding:20px;
}
#latest-release-header {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #2299fb;
	margin:0 0 2% 0;
}
#latest-release-header p {
	font-family: 'ScreengemRegular' !important;
	font-size: 20px !important;
	font-weight:normal !important;
	text-align: left;
	color:#fff;
	padding:20px;
}
.latest-release-container {
	position:relative;
	width:100%;
	height:100%;
	margin:0 ;
	padding:0;
}
.latest-release-container img {
	display:block;
	position:relative;
	width:100%;
	height:100%;
}

/**************** submenu ******************/

#sidebar2 {
	position: relative;
	width:100%;
	height:auto;
	min-height: 56px;
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	font-size:12px;
	font-weight:normal;
	text-align: center;
	line-height: 1.5em;
	margin-top: 1%;
	margin-left: 0;
	padding: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#sidebar2 .submenu {
	display:block;
	font-family: 'ScreengemRegular';
	font-size: 14px !important;	
	text-transform: uppercase;
	padding:0px 5px 0px 5px;
	margin-top:20px; 
	text-align:center;
}
.sub { display:none; height:auto;}
#sidebar2 ul{ width:555px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvar { width:550px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvar { width:250px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvarvar { width:160px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulvarvarvarvar { width:65px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulbio { width:200px; max-width:100%; margin:0 auto;}
#sidebar2 ul.ulprivacy { width:85px;max-width:100%; margin:0 auto;}

#sidebar2 li {
	float:none;
	width:100%
	color:#000;	
}
#sidebar2 li {font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important; border-right:0px solid #000;padding:0px 5px 0px 5px !important;margin-top:20px; text-align:center;}
#sidebar2 li:first-child {padding:0px 5px 0px 5px;}
#sidebar2 li:last-child {border-right:0px solid #fff; padding:0px 5px 20px 5px !important;}
#sidebar2 li a {
	font-family: 'gesta', "NeuzeitSLTStdBookRegular", sans-serif !important;
	color:#000;
	text-align:center;
	cursor:pointer;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	}
#sidebar2 li:hover a {color:#2299fb;}
#sidebar2 li a.var {
	color:#2299fb;
	cursor:pointer;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
}
#sidebar2 li:hover a.var {color:#f3cbcc;}
.headphonegirl {
	position:relative;
	display:block;
	margin:10px 0 80px 10% !important;
}
.headphonegirl img {
	position:relative;
	display:block;
	width:60% !important;
	max-width:60%;
	margin-bottom:80px;
}
.signin-wrap {position:relative;display:block;width:98%;max-width:98%;float:none;right:0!important;left:0!important;margin-right:1%;margin-left:1%;margin-top:0px;}
#sidebar a.menu-privacy  {
	display: none; 
}		
#more {
	display:none;
	float:left;
	width: 100% !important;
	max-width: 100%;
	height:43px;
	padding: 17px 0px 0px 0px;
	margin-left:0;
	margin-right:0;
	margin-bottom:4px;
	text-align: center;
	background-color: #2299fb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	clear:right;	
}	
#fb {margin-left:12px; background-color: #2299fb;}
#twitter {background-color: #2299fb;}
#youtube {background-color: #2299fb;}
#insta {background-color: #2299fb;}
#emailform {
	display:none;
	float:left;
	height:43px;
	width: 100% !important;
	max-width: 100%;
	margin-top:5px;
	margin-bottom:1%;
	margin-left:0;
	margin-right:0;
	padding: 14px 0px 3px 0px;
	background-color:rgba(205,51,50, 1);
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
div.mc-field-group,
.text {	
	padding-left:6px;
	padding-right:10px;
	margin-right:15px;
}
}

@media all and (max-width: 415px){
#logo {
	position: relative;
	display:block;
	width: 100%;
	max-width: 100%;
	height: 60px;
	background-color: #2299fb;
	padding: 0;
	margin:0;
	top:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-image: url('images/stereologo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 160px !important;	
}
.burger {
	display:block;
	position: absolute;
	top: 22px;
	left: 1%;
	height: 25px;
	width: 25px;
	z-index: 9999 !important;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	cursor: pointer;
}			
.first{
	height: 2px !important;
	width: 25px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	pointer-events:none;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}		
.second {
	height: 2px !important;
	width: 25px;
	position: absolute;
	top: 10px;
	left: 0;
	cursor: pointer;
	pointer-events:none;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.third {
	height: 2px !important;
	width: 25px;
	position: absolute;
	top: 20px;
	left: 0;
	cursor: pointer;
	pointer-events:none;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}		
.active-burger {
	top:12px;
	height:2px !important;
	cursor: pointer;
	pointer-events:none;
}
}