@CHARSET "UTF-8";

@media screen and (max-width: 760px) {
	/* Mobile Top Container */ 
	
	#m-top { position: relative; top: 0px; left: 0px; min-height: 140px; padding: 0; margin: 0; width: 100%; }
	
	.m-shadow { position: fixed; z-index: 9; background: #000; opacity: 0.5; width: 100%; height: 100%; display: none; }
	
	.m-meta-nav { position: relative; z-index: 10; background: #fff;  }
	.m-meta-nav .m-logo, .m-meta-nav .m-meta { position: relative; float: left; z-index: 10; }	
	.m-logo { padding: 20px 30px;  }
	.m-meta { position: relative; float: right !important; top: 0px; left: auto; right: 0px; background: #7b7b7b; min-width: 30px; height: 32px; line-height: 32px; }
	.m-meta a { padding: 0px 3px; height: 32px; }
	.m-meta a.more { border-left: 1px solid #fff; }
	.m-meta a img { padding: 6px 0px; }
	.m-meta .seperator { position: relative; display: inline-block; width: 1px; height: 100%; background: #fff; }
	.m-meta-more-wrapper { display: inline-block; padding: 0px 3px; height: 100%; margin-left: -3px; }
	.m-meta-more-wrapper.active { background: #bf1c05; }
	
	.m-meta-extra { position: absolute; background: #fff; width: 100%; z-index: 20; top: -1px; margin: 0px -40px; padding: 0px 30px; display: none; }
	.m-meta-extra ul { position: relative; list-style: none; text-transform: none; }
	.m-meta-extra ul li { padding: 12px 0px; border-top: 1px solid #ccc; }
	.m-meta-extra ul li:first-child { border-top: 0px; }
	.m-meta-extra-close { position: absolute; top: -30px; left: auto; right: 30px; width: 19px; height: 19px; }
		
	.m-navigation-wrap { position: relative; width: 100%; background: #fff; z-index: 11; margin: -10px 0px 0px; padding: 10px 0px 10px; }
	.m-navigation { position: relative; z-index: 10; background: #fff; margin: 10px 30px; padding: 12px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-family: 'Roboto'; font-style: italic; text-transform: uppercase; }
	.m-navigation .m-navigation-expand { position: relative; float: right; top: 2px; width: 16px; cursor: pointer; height: 16px; background: url(../img/navigation-expand.png) top left no-repeat; }
	.m-navigation > a { position: relative; width: 100%; height: 100%; overflow: hidden; display: block; color: inherit; }
	
	.m-menu { position: relative; list-style: none; top: 12px; display: none; }
	.m-menu li { position: relative; width: 100%; padding: 12px 10px; margin: 0px -10px;  border-top: 1px solid #ccc; text-transform: uppercase; }
	.m-menu li.active { background: #7b7b7b; color: #fff; }
	.m-menu li a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; color: inherit; }
	
	.m-submenu { position: relative; list-style: none; top: 12px; display: none; }
	.m-submenu li { position: relative; width: 100%; padding: 12px 20px; margin: 0px -10px; border-top: 1px solid #fff; text-transform: uppercase; }
	
	.m-options { position: relative; background: #e0e0e0; z-index: 10; margin-bottom: 10px; }
	.m-options ul { position: relative; margin: 0px 30px; list-style: none; }
	.m-options ul li { position: relative; width: auto; padding: 0px 10px; height: 40px; line-height: 40px; float: left; text-transform: uppercase; font-size: 14px; font-family: 'Roboto'; font-style: italic; margin-right: 1%; }
	.m-options ul li:last-child { margin-right: 0px; }
	.m-options ul li.active { background: #fff; color: #bf1c05; }
	.m-options ul li a { color: inherit; position: relative; display: block; width: 100%; height: 100%; }
	
	.m-options-panel { position: absolute; top: 100%; background: #fff; width: calc(100% - 40px); padding: 30px 20px; z-index: 10; display: none; box-shadow: 0px 5px 5px 0px #333; }
	.m-options-panel input[type=text], 
	.m-options-panel input[type=email], 
	.m-options-panel input[type=date], 
	.m-options-panel textarea { background: #e0e0e0; width: calc(100% - 20px); padding: 10px; }
	.m-options-panel textarea { height: 210px; resize: none; } 
	
	.m-options-panel-btn {  padding-top: 20px; }
	.m-options-panel-btn > * { float: right; font-family: 'Roboto'; font-style: italic; }
	
	.m-options-panel-btn .m-dialog-link { padding: 5px 20px 5px 15px; text-transform: uppercase; }
	.m-options-panel-btn .m-close-link { background: url(../img/m-close-btn.png) 0px 11px no-repeat; }
	.m-options-panel-btn .m-reset-link { background: url(../img/m-filter-btn.png) 0px 11px no-repeat; }
	
	.m-dialog-close  { position: absolute; top: 30px; left: auto; right: 30px; width: 19px; height: 19px; }
	.m-dialog-headline { font-size: 18px; padding: 0px 40px 0px 0px; background: url(../img/m-schader-dialog.png) right top no-repeat; display: inline-block; margin-bottom: 20px; }
	.m-dialog-text { margin-bottom: 20px; }
	.m-dialog-subheadline { font-family: 'Roboto'; font-style: italic; text-transform: uppercase; margin-bottom: 10px; }
	.m-dialog-tags { margin-bottom: 20px; }
	.m-dialog-panel .filter-link { text-transform: uppercase; }
	
	.tag { background: #7b7b7b; color: #fff; padding: 4px 5px; margin-bottom: 5px; margin-right: 5px; display: inline-block; font-family: 'Roboto'; font-style: italic; }
	.tag.active { background: #ac0004; }
	
	.no-pad-right { padding-right: 0px !important; }
	.no-background { background: none; }
	.clear { clear: both !important; }
	
	/* Mobile Teaser Settings */
	#main #start-teaser .question-wrap { top: 30% !important; }
	#main #start-teaser .question p.text { font-size: 14px !important;}
	.flex-control-nav { bottom: 10px !important; }
}