@charset "utf-8";

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

.ffico {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* --- Reset --- */

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;
}

strong {
	font-weight: 700;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --- Main --- */

html {
    height: 100%;
	overflow-y: scroll;
    width: 100%;
}

body {
	box-sizing: border-box;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
	font-weight: 400;
	height: 100%;
    line-height: 1;
	padding: 42px 0 0 0;
}

a {
	text-decoration: none;
}

.clr {
	clear: both;
}

.aussen {
	background: #fff;
	box-sizing: border-box;
	min-height: 100%;
	padding: 0 0 120px 0;
}

	.container {
		position: relative;
		width: 100%;
	}
	
		.container-innen {
			box-sizing: border-box;
			margin: 0 auto;
			position: relative;
			max-width: 1000px;
		}

/* --- Header --- */

.header {
	background: #333;
	height: 42px;
	position: fixed;
	top: 0;
	z-index: 1000;
}

	.header .container-innen {
		height: 42px;
	}

		.header a {
			color: #fff;
		}
		
		.logo {
			background-image: url(../img/logo.png);
			background-repeat: no-repeat;
			background-size: contain ;
			height: 28px;
			left: 0;
			position: absolute;
			top: 8px;
			width: 28px;
		}
		
		.header .level1 {
			height: 42px;
			margin: 0 auto;
			text-align: justify;
			width: 750px;
		}
		
		.header .level1:after {
			content: '';
			display: inline-block;
			height: 0;
			width: 100%;
		}
		
			.menue .level1 * {
				display: inline;
			}
		
			.header .level1-item,
			.header .sprachwahl {
				display: inline-block;
				position: relative;
				vertical-align: top;
			}
			
				.header .level1-link {
					color: #fff;
					cursor: pointer;
					display: block;
					line-height: 42px;
					padding: 0 18px;
				}
				
				.header .cat-35 {
					width: 80px;
				}
			
				.menue .level1-item:hover .level1-link {
					background: #fff;
					color: #666;
					position: relative;
					z-index: 1;
				}
				
					.menue .level2 {
						background-color: #fff;
						box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.65);
						box-sizing: border-box;
						display: none;
						left: 0;
						line-height: 140%;
						position: absolute;
						top: 42px;
					}
				
					/*
					.kat-87 .level2 {
						background-image: url(/images/gallery/menuebilder/menuebild-badassbox.jpg);
						background-repeat: no-repeat;
						background-position: 123px 15px;
						min-height: 220px;
						padding: 25px 18px;
						width: 146px;
					}
					*/
					
					.untermenue {
						min-height: 50px;
						padding: 25px 18px;
						width: 166px;
					}
					
						.kat-87 .level2 li,
						.untermenue li {
							display: list-item;
						}
						
						.kat-87 .level2 li:first-child {
							margin: 0 0 10px 0;
						}
					
						.menue .level2-item {
							color: #b20000;
							list-style: disc;
							font-weight: 700;
							line-height: 175%;
							margin: 0 0 0 15px;
						}
						
							.menue .level2-link {
								color: #666;
							}
					
					.login-box {
						padding: 20px 15px 10px 15px;
						width: 277px;
					}
					
						.login-box input,
						.login-box .PlentyWebshopButton {
							border-radius: 5px;
							font-size: 15px;
							margin: 0 0 10px 0;
						}
					
						.login-box input {
							border: 1px solid #ccc;
							box-sizing: border-box;
							color: #666;
							height: 38px;
							line-height: 38px;
							padding: 0 5px;
							width: 245px;
						}
						
						.login-box .PlentyError input {
							border: 1px solid #b20000;
						}
						
						.login-box .PlentyWebshopButton,
						.login-box .link-meinkonto,
						.login-box .link-abmelden {
							border: 0;
							border-radius: 5px;
							color: #fff;
							cursor: pointer;
							display: block;
							height: 40px;
							line-height: 40px;
							padding: 0;
							text-align: center;
							width: 247px;
						}
						
						.login-box .link-meinkonto {
							background: #333;
							margin: 0 0 10px 0;
						}
						
						.login-box .PlentyWebshopButton,
						.login-box .link-abmelden {
							background: #555;
						}
						
						.login-box span {
							display: block;
							font-size: 12px;
							line-height: 150%;
						}
						
							.login-box a {
								color: #b20000;
							}
					
					.menue .level1-item:hover .level2,
					.kat-87 > span:hover .level2 {
						display: block;
					}
					
		.header .sprachwahl {
			height: 42px;
			width: 82px;
		}
	
			.menue .sprachwahl a {
				color: #333;
				height: 24px;
				position: absolute;
				top: 9px;
				width: 24px;
			}
			
			.menue .sprachwahl .lang-de {
				left: 0;
			}
			
			.menue .sprachwahl .lang-en {
				left: 29px;
			}
			
			.menue .sprachwahl .lang-fr {
				left: 58px;
			}
								
		
		.icon-warenkorb {
			height: 32px;
			position: absolute;
			right: 5px;
			top: 6px;
			width: 32px;
		}
		
		.ffico-basket:before {
			content: "\e601";
			font-size: 32px;
		}
		
			.icon-warenkorb .basket_quantity {
				background: #b20000;
				border: 1px solid #fff;
				border-radius: 16px;
				box-sizing: border-box;
				color: #fff;
				font-family: 'Open Sans', sans-serif;
				font-size: 10px;
				font-weight: 700;
				height: 16px;
				line-height: 12px;
				position: absolute;
				right: -5px;
				text-align: center;
				top: 0;
				width: 16px;
			}
			
		#navigation:not(.mm-menu) {
		   display: none;
		}
		
		.ffico-mobilemenu:before {
			content: "\e600";
		}
		
		.button-menue {
			color: #fff;
			cursor: pointer;
			display: none;
			font-size: 32px;
			height: 42px;
			left: 0;
			line-height: 42px !important;
			position: absolute;
			text-align: center;
			top: 0;
			width: 42px;
		}
		
		#navigation a,
		#navigation span {
			color: #fff;
		}
		
/* --- Inhalt --- */

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

	.startseitenbild img {
		display: block;
		width: 100%;
	}

.slideshow {
	background: #eee;
	height: 667px;
	width: 100%;
}

	.slideshow .container-innen {
		height: 667px;
		position: relative;
		width: 1000px;
	}

		.slideshow .slide {
			display: none;
			left: 0;
			position: absolute;
			top: 0;
		}
	
			.slideshow img {
				width: 100%;
			}
	
.bild {
	background: #eee;
	line-height: 0;
}

	.bild img {
		max-width: 100%;
	}

.video {
	background: #fff;
	height: 281px;
}

	.embed-container {
		float: left;
		line-height: 0;
		width: 500px;
	}

	.videotext {
		box-sizing: border-box;
		float: left;
		height: 281px;
		line-height: 25px;
		padding: 20px;
		width: 500px;
	}
	
	/*
	
		.embed-container iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
		
	*/
	
.formtable {
	display: none;
	width: 600px;
}

.i-45 .formtable {
	width: 750px;
}

.i-46 .formtable {
	width: 900px;
}

	.formtable .PlentySubmitButton,
	#PlentyWebLostPWDLoginSubmit a {
		border: 0;
		background-color: #999;
		line-height: 30px;
		padding: 0 10px;
		color: #fff !important;
		text-align: center;
		display: inline-block;
		box-sizing: border-box;
		cursor: pointer;
		
	}
	
	.formtable .PlentySubmitButton {
		border-radius: 5px;
		float: right;
		margin: 0 44px 0 0;
	}
	
	#PlentyWebLostPWDData,
	#PlentyWebLostPWDLoginSubmit {
		float: left;
		margin: 0 10px 0 0;
	}
	
	#PlentyWebLostPWDContent:after {
		clear: both;
		content: '';
		display: block;
	}
	
	#PlentyWebLostPWDLoginSubmit a {
		border: 0;
		background-color: #999;
		line-height: 30px;
		padding: 0 10px;
		color: #fff !important;
		text-align: center;
		display: inline-block;
		box-sizing: border-box;
		border-radius: 5px;
		cursor: pointer;
	}
	
	
	.formtable .td_l {
		padding-bottom: 5px;
		padding-right: 5px;
		width: 150px;
	}
	
	.i-45 .formtable .td_l {
		width: 300px;
	}
	
	.i-46 .formtable .td_l {
		width: 450px;
	}
	
		.formtable .PlentySubmitFormLabel {
			display: block;
			line-height: 30px;
		}
		
		.i-44 .formtable .td_2,
		.i-44 .formtable .td_4,
		.i-84 .formtable .td_8,
		.i-45 .formtable .td_20,
		.i-46 .formtable .td_20 {
			vertical-align: top;
		}
		
		.i-44 .formtable .td_4 {
			line-height: 120%;
		}
		
		.i-44 .formtable .td_8,
		.i-44 .formtable .td_9,
		.i-84 .formtable .td_14,
		.i-84 .formtable .td_15,
		.i-45 .formtable .td_26,
		.i-45 .formtable .td_27,
		.i-46 .formtable .td_26,
		.i-46 .formtable .td_27 {
			padding-top: 10px;
		}
		
		.i-44 .formtable .td_9 p,
		.i-84 .formtable .td_15 p,
		.i-45 .formtable .td_27 p,
		.i-46 .formtable .td_27 p {
			float: left;
			font-size: 12px;
			margin: 0;
			line-height: 32px;
		}
		
		.formtable .code_image,
		.i-44 .formtable .td_7 .PlentyText,
		.i-84 .formtable .td_13 .PlentyText,
		.i-45 .formtable .td_25	.PlentyText,
		.i-46 .formtable .td_25	.PlentyText {
			float: right;
			margin: 0 44px 0 0;
		}
		
		.i-44 .formtable .td_5 p,
		.i-84 .formtable .td_11 p,
		.i-45 .formtable .td_23 p,
		.i-46 .formtable .td_23 p {
			margin: 0 44px 10px 0;
			text-align: right;
		}
	
	.formtable .td_r {
		padding-bottom: 5px;
		padding-left: 5px;
		width: 450px;
	}
	
		.formtable .PlentyText,
		#PlentyWebLostPWDLoginEmail {
			border: 1px solid #ccc;
			color: #666;
			line-height: 28px;
			padding: 0 5px;
			width: 390px;
		}
		
		.formtable .Captcha {
			width: 140px;
		}
		
		.formtable .PlentyTextarea {
			border: 1px solid #ccc;
			height: 200px;
			line-height: 20px;
			padding: 5px;
			resize: vertical;
			width: 390px;
		}

.achtung {
	background: #f9f0dd;
	padding: 20px 0;
}

	.achtung .container-innen {
		background: url(../img/achtung.png) no-repeat 0 20px;
		padding: 0 0 0 210px;
	}

	.achtung ul {
		list-style-type: disc;
		line-height: 170%;
		margin: 10px 0 0 15px;
	}

.startseite {
	background: #fff;
	padding: 55px 0 35px 0;
	text-align: center;
}

	.startseite h1 {
		font-size: 60px;
		font-weight: 300;
		margin: 0 0 30px 0;
	}
	
	.startseite p {
		font-size: 18px;
		font-weight: 300;
		line-height: 170%;
		margin: 0 0 20px 0;
	}
	
	.startseite a,
	.inhalt a {
		color: #b20000;
	}
	
.youtube-channel {
	background: #fff;
	padding: 0 0 35px 0;
}

	.youtube-channel img {
		width: 100%;
	}

.inhalt,
.kategorieansicht,
.crossselling {
	background: #fff;
	padding: 35px 0;
}

	.inhalt .titel,
	.crossselling .titel,
	.kategorieansicht h1 {
		display: block;
		font-size: 36px;
		font-weight: 300;
		margin: 0 0 25px 0;
		text-align: center;
	}
	
	.box-innen {
		background: #fbfbfb;
		border: 1px solid #eee;
		float: left;
		min-height: 218px;
		padding: 10px 15px;
		text-align: center;
		width: 286px;
	}
	
	.inhalt .b-2 {
		margin: 0 23px;
	}
	
		.box-titel {
			line-height: 130%;
			margin: 0 0 25px 0;
		}
		
		.box-innen img {
			max-width: 100%;
		}
		
		.b-2 img,
		.b-3 img {
			margin: 0 0 10px 0;
		}
		
		.b-3 img {
			max-width: 80%;
		}
		
		.b-1 img {
			width: 240px;
		}
		
	.marken {
		display: table-cell;
		text-align: justify;
		width: 1000px;
	}
	
	.marken:after {
		content: '';
		display: inline-block;
		height: 0;
		width: 100%;
	}
	
		.marken * {
			display: inline;
		}
		
		.marken a {
			color: #666;
			font-size: 2vw;
			font-weight: 600;
		}
		
	.inhalt p {
		line-height: 140%;
		margin: 0 0 15px 0;
	}
	
	.inhalt h1 {
		font-size: 20px;
		font-weight: 700;
		line-height: 140%;
		margin: 0 0 15px 0;
	}
	
	.inhalt h2 {
		font-size: 18px;
		line-height: 140%;
		margin: 0 0 15px 0;
	}
		
/* --- Einzelartikel --- */

.brotkruemel {
	font-size: 13px;
	height: 60px;
	line-height: 60px;
}

	.brotkruemel a {
		color: #666;
	}

.einzelartikel-links,
.einzelartikel-rechts {
	display: table-cell;
	position: relative;
	vertical-align: top;
}

.einzelartikel-links {
	padding: 0 30px 0 0;
	width: 550px;
}

	.einzelartikel-bild {
		border: 1px solid #eee;
		height: 548px;
		text-align: center;
		width: 548px;
	}
	
		.swiper-slide {
			background-size: cover;
			background-position: center;
		}
	
			.einzelartikel-bild img {
				height: 100%;
				width: 100%;
			}
	
	.einzelartikel-vorschaubilder {
		width: 548px;
	}
	
	.einzelartikel-vorschaubilder:after {
		clear: both;
		content: '';
		display: block;
	}
	
		.gallery-thumbs .swiper-slide {
			border: 1px solid #eee;
			box-sizing: border-box;
			cursor: pointer;
			display: block;
			float: left;
			height: 125px;
			margin: 14px 14px 0 0;
			opacity: 0.4;
			text-align: center;
			width: 25%;
		}
		
		.gallery-thumbs .swiper-slide-active {
        	opacity: 1;
    	}
		
			.einzelartikel-vorschaubilder img {
				height: 100%;
				width: 100%;
			}
			
.einzelartikel-rechts {
	background: #fafafa;
	padding: 20px;
	width: 380px;
}

	.geld-zurueck-garantie {
		height: 117px;
		position: absolute;
		right: -26px;
		top: -32px;
		width: 117px;
	}
	
	.gzg-de {
		background: url(../img/geld-zurueck-garantie-de.png) no-repeat;
	}
	
	.gzg-en {
		background: url(../img/geld-zurueck-garantie-en.png) no-repeat;
	}
	
	.gzg-fr {
		background: url(../img/geld-zurueck-garantie-fr.png) no-repeat;
	}

	.einzelartikel-rechts h1 {
		font-size: 36px;
		font-weight: 300;
		line-height: 130%;
		margin: 0 0 15px 0;
		max-width: 300px;
	}
	
	.einzelartikel .kurzbeschreibung {
		line-height: 150%;
	}
	
		.kurzbeschreibung p {
			margin: 0 0 10px 0;
		}
		
		.kurzbeschreibung h2,
		.einzelartikel-beschreibung h2 {
			font-weight: 600;
			margin: 0 0 5px 0;
		}
		
		.kurzbeschreibung h3,
		.einzelartikel-beschreibung h3 {
			font-weight: 600;
		}
	
	.einzelartikel .unten {
		margin: 20px 0 0 0;
	}
	
		.einzelartikel-verfuegbarkeit span {
			line-height: 120%;
			font-weight: 700;
		}
	
		.einzelartikel-verfuegbarkeit.v1 span {
			color: #2aae00;
		}
		
		.einzelartikel-verfuegbarkeit.v1 span {
			color: #2aae00;
		}
		
		.einzelartikel-verfuegbarkeit.v5 span {
			color: #b20000;
		}
		
		.einzelartikel-preis {
			font-size: 36px;
			font-weight: 700;
			line-height: 120%;
			margin: 15px 0 0 0;
		}
		
		.einzelartikel-mwst {
			font-size: 11px;
			line-height: 120%;
		}
		
			.einzelartikel-mwst a,
			.cross-mwst a,
			.kat-mwst a {
				color: #b20000;
			}
			
		.cross-warenkorb,
		.einzelartikel-warenkorb,
		.kat-warenkorb {
			border-radius: 5px;
			position: relative;
			
			background: #2db200;
			background: -moz-linear-gradient(top,  #2db200 0%, #008c00 100%);
			background: -webkit-linear-gradient(top,  #2db200 0%,#008c00 100%);
			background: linear-gradient(to bottom,  #2db200 0%,#008c00 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db200', endColorstr='#008c00',GradientType=0 );
		}
			
		.einzelartikel-warenkorb {
			height: 60px;
			margin: 35px 0 0 0;
			width: 100%;
		}
		
			.einzelartikel-warenkorb .menge {
				border: 0;
				border-radius: 2px;
				font-family: 'Open Sans', sans-serif;
    			font-size: 15px;
				height: 32px;
				left: 14px;
				padding: 0 5px;
				position: absolute;
				text-align: center;
				top: 14px;
				width: 38px;
			}
			
			.einzelartikel .add_basket_ajax {
				box-sizing: border-box;
				color: #fff;
				cursor: pointer;
				display: block;
				font-weight: bold;
				left: 0;
				line-height: 60px;
				padding: 0 0 0 80px;
				position: absolute;
				top: 0;
				width: 100%;
			}
			
			.einzelartikel .PlentyWebshopButton.add_basket_ajax:after,
			.cross-warenkorb .PlentyWebshopButton.add_basket_ajax:after,
			.kat-warenkorb .PlentyWebshopButton.add_basket_ajax:after {
				content: "\e601";
				font-family: 'icons';
				font-size: 32px;
				font-weight: normal;
				position: absolute;
				vertical-align: middle;				
			}
			
			.einzelartikel .PlentyWebshopButton.add_basket_ajax:after {
				right: 20px;
			}
			
			.cross-warenkorb .PlentyWebshopButton.add_basket_ajax:after,
			.kat-warenkorb .PlentyWebshopButton.add_basket_ajax:after {
				right: 10px;
			}

.einzelartikel-beschreibung {
	background: #fafafa;
	line-height: 25px;
	margin: 30px auto 0 auto;
	padding: 15px 0;
}

	.einzelartikel-beschreibung p,
	.einzelartikel-beschreibung ul,
	.einzelartikel-beschreibung table {
		margin: 0 0 15px 0;
	}
	
	.einzelartikel-beschreibung table td {
		padding-right:8px;
	}
	
	.einzelartikel-beschreibung ul{
		list-style-type: disc;
		margin-left: 30px;
	}
	
	.einzelartikel-beschreibung p:last-child {
		margin: 0;
	}
	
	.einzelartikel-beschreibung a {
		color: #b20000;
	}
	
	
	
/* --- Kategorieansicht & Crossselling --- */

.crossselling .container-innen {
	font-size: 0;
	text-align: center;
}

.crossselling .container-innen:after,
.kategorieansicht .container-innen:after {
	clear: both;
	content: '';
	display: block;
}

	.kat-artikel,
	.cross-artikel {
		height: 410px;
		margin: 0 40px 50px 0;
		text-align: center;
		width: 220px;
	}

	.kat-artikel {
		float: left;
	}

	.cross-artikel {
		display: inline-block;
	}
	
	.crossselling .c4,
	.crossselling .c8,
	.crossselling .c12,
	.kat-artikel:nth-of-type(4n) {
		margin: 0 0 50px 0;
	}
	
		.cross-bild,
		.kat-bild {
			display: block;
			height: 220px;
			width: 220px;
		}
	
			.cross-bild img,
			.kat-bild img {
				color: #fff;
				max-width: 220px
			}
		
		.cross-name,
		.kat-name {
			color: #666;
			display: block;
			font-size: 15px;
			height: 45px;
			line-height: 150%;
			padding: 10px;
		}
		
		.cross-preis,
		.kat-preis {
			color: #666;
			display: block;
			font-size: 24px;
			font-weight: 700;
			line-height: 130%;
		}
		
		.cross-mwst,
		.kat-mwst {
			font-size: 10px;
			line-height: 130%;
			margin: 5px 0 15px 0;
		}
		
		.cross-warenkorb,
		.kat-warenkorb {
			height: 40px;
			margin: 0 auto;
			text-align: left;
			width: 200px;
		}
		
			.crossselling .add_basket_ajax,
			.kategorieansicht .add_basket_ajax {
				box-sizing: border-box;
				color: #fff;
				cursor: pointer;
				display: block;
				font-size: 13px;
				font-weight: 700;
				line-height: 40px;
				padding: 0 12px;
				text-transform: uppercase;
				width: 100%;
			}
			
/* --- Warenkorb --- */

.warenkorb-leer {
	padding: 10px;
	line-height: 150%;
}

.warenkorb h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 10px 15px 10px;
}

.warenkorb-artikeluebersicht,
.warenkorb-summen {
	border-bottom: 1px solid #eee;
	margin: 0 0 0 0;
}

.warenkorb-summen {
	margin-bottom: 20px;
}


.warenkorb-lieferland {
	padding-bottom:10px;
	border-bottom: 1px solid #eee;
	margin: 0 0 0 0;
}

.warenkorb-zahlungsart{
	margin-top:20px;
}

.warenkorb-artikeluebersicht-innen,
.warenkorb-zahlungsart-innen,
.warenkorb-versandart-innen,
.warenkorb-lieferland-innen,
.warenkorb-summen {
	padding: 10px;
}

.warenkorb-zahlungsart-zeile,
.warenkorb-versandart-zeile {
	border-bottom: #eee;
	line-height: 30px;
	padding: 0 5px;
}

.warenkorb-zahlungsart-zeile:after,
.warenkorb-versandart-zeile:after {
	clear: both;
	content: '';
	display: block;
}

.warenkorb-zahlungsart .zahlungsart,
.warenkorb-versandart .versandart {
	float: left;
}

.warenkorb-zahlungsart .infolink {
	float: left;
	margin: 0 10px;
}

.warenkorb-zahlungsart .infolink a {
	color: #b20000;
}

.warenkorb-zahlungsart .infolink br {
	display: none;
}

.warenkorb-zahlungsart img {
	margin: 0 10px;
	vertical-align: middle;
}

.warenkorb-zahlungsart .gebuehr,
.warenkorb-versandart .gebuehr {
	float: right;
}

.warenkorb-ueberschrift {
    font-size: 15px;
    font-weight: bold;
    padding: 0 10px;
}

.warenkorb-infotext {
    padding: 0 10px 20px 10px;
	line-height:150%;
	border-bottom: 1px solid #eee;;
}

.warenkorb-artikel {
	border-bottom: 1px solid #eee;
	float: left;
	padding: 10px 0;
	width: 100%;
}

.warenkorb-artikel:last-child {
	border-bottom: 0;
}

	.warenkorb-bild,
	.warenkorb-info,
	.warenkorb-preis,
	.warenkorb-menge {
		display: block;
		width: 100%;
	}

		.warenkorb-bild-innen {
			text-align: center;
		}
		
			.warenkorb-bild img {
				max-height: 300px;
				max-width: 80%;
			}

		.warenkorb-name {
			margin: 15px 0;
			line-height: 130%;
		}
		
			.warenkorb-name a {
				color: #666;
				font-size: 18px;
			}
				
		.warenkorb-attribute .wk-floatleft {
			float: left;
			font-size: 15px;
			line-height: 160%;
			margin: 0 15px 0 0;
		}
		
		.warenkorb-attribute .wk-floatright {
			float: right;
			font-size: 15px;
			line-height: 160%;
			margin: 0 0 0 15px;
			text-align: right;
		}
		
		.warenkorb-menge {
			margin: 10px 0;
		}
		
		.warenkorb-menge:after {
			clear: both;
			content: '';
			display: block;
		}
		
		.warenkorb-menge-plus,
		.warenkorb-menge-minus,
		#button_edit_delete {
			background: #999;
			border: 0;
			border-radius: 5px;
			color: #fff !important;
			cursor: pointer;
			display: block;
			float: left;
			font-size: 140%;
			height: 35px;
			line-height: 35px;
			padding: 0;
			text-align: center;
			width: 24%;
			
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		
		.warenkorb-menge-plus,
		.warenkorb-menge-minus {
			margin: 0 1.3% 0 0;
		}
			
		#button_edit_delete:before {
			content: '\e60c';
			font-family: 'icons';
			font-size: 22px;
		}
		
		.checkout div.warenkorb-menge input[type="text"] {
			border: 1px solid #eee;
			border-radius: 5px;
			color: #666;
			float: left;
			height: 35px;
			margin: 0 1.3% 0 0;
			padding: 0;
			text-align: center;
			width: 24%;
		}
		
		.warenkorb-menge #button_change_basketWebBasketItemsRefresh {
			background: none;
			color: #b20000;
			cursor: pointer;
			display: block;
			font-size: 11px;
			height: auto;
			line-height: normal;
			margin: 0;
			padding: 0;
			visibility: hidden;
		}

	.warenkorb-preis {
		line-height: 120%;
		white-space: nowrap;
	}
	
		.warenkorb-preis strong {
			color: #666;
		}
	
		.warenkorb-mwst {
			display: block;
			font-size: 10px;
		}
	
.gutscheincode {
	height: 35px;
	margin-bottom:20px;
	padding: 0 10px;
	position: relative;
	width: 100%;
}

	div.gutscheincode input.CouponCode,
	.gutscheincode #button_coupon_encash,
	.gutscheincode #button_coupon_delete {
		box-sizing: border-box;
		height: 35px;
		line-height: 35px;
		padding: 0 5px;
	}
	
	.gutscheincode #button_coupon_encash,
	.gutscheincode #button_coupon_delete {
		border:none;
	}

	.gutscheincode .CouponCode {
		border: 1px solid #ddd;
		border-radius: 5px;
		color: #777;
		float: left;
		width: 49% !important;
	}
	
	.gutscheincode #button_coupon_encash,
	.gutscheincode #button_coupon_delete {
		background: #999;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		float: right;
		text-align: center;
		white-space: nowrap;
		width: 49%;
		border-bottom-left-radius:0px;
		border-top-left-radius:0px;
	}
	
.warenkorb-summen table {
	line-height: 25px;
	position:relative;
	width: 100%;
}

	.warenkorb-summen tr td:first-child {
		text-align: left;
		width: 85%;
		white-space: nowrap;
	}
	
	.warenkorb-summen tr td:last-child {
		text-align: right;
		width: 15%;
		white-space: nowrap;
	}
	
	.warenkorb-summen tr:last-child td {
		font-size: 15px;
		font-weight: bold;
	}
	
	.button-zurkasse {
		padding: 0 10px;
		margin-bottom: 20px;
	}
	
	.express{
		text-align:center;
		margin-bottom:20px;
	}
	
	.express p{
		margin-bottom:10px;
	}
	
#button_proceed_order {
	border-radius: 5px;
	clear: both;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: normal;
	height: 44px;
	line-height: 44px;
	padding: 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
	
/* --- Checkout --- */

.PlentyWebshopPopup {
	position: fixed;
	top: 60px !important;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	box-sizing: border-box;
	line-height: 140%;
	font-size:90%;
}

.plentyErrorBox,
.plentyMessageBox {
	background-image: none;
	margin: 0 0 20px 0 !important;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	line-height: 150%;
}

.plentyErrorBox {
	background: #b20000;
}

.plentyMessageBox {
	background: #029c32;
}

.plentyErrorBoxTitle,
.plentyMessageBoxTitle {
	display: none;
}

.PlentyErrorCode,
.login-box .PlentyErrorCode {
	display: none;
}

.login-box .PlentyErrorMsg {
	color: #b20000;
	display: block;
	margin: 0 0 10px 0;
}

.afterarticle_outer{
	box-sizing: border-box;
	width:100%;
	box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.47);
	background-color:#fff;
}

.afterarticle_top {
	padding:10px;
	color:#fff;
}

	.afterarticle_top .titel{
		font-size:130%;
		margin-bottom:10px;
	}

.afterarticle_bottom {
	padding:10px;
	background-color:#eee;
}

	.afterarticle_bottom .close{
		padding:10px;
		background-color:#999;
		display:block;
		width:100%;
		color:#fff;
		box-sizing:border-box;
	}
	
	.afterarticle_bottom .zum-warenkorb{
		padding:10px;
		display:block;
		width:100%;
		color:#fff;
		box-sizing:border-box;
		margin-top:10px;
	}
	
/* --- Warenkorbvorschau --- */

.warenkorb-vorschau{
	position:absolute;
	width:90%;
	top:70px;
	left:0;
	right:0;
	margin:auto;
	background-color:#fff;
	box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.47);
	border-radius: 5px;
	overflow:hidden;
	z-index:10001;
	display:none;
	max-width: 500px;
}

.warenkorb-vorschau-innen table{
	width:100%;
}

.warenkorb-vorschau-innen td{
	padding:10px 0;
}
.warenkorb-vorschau .wk-name{
	vertical-align:middle;
	border-bottom:1px solid #ccc;
}

.warenkorb-vorschau .wk-name a{
	color:#666;
	line-height:130%;
}

.warenkorb-vorschau .wk-bild{
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #ccc;
	padding: 10px;
}

	.warenkorb-vorschau .wk-bild img{
		max-width:50px;
		max-height:40px;
	}

.warenkorb-vorschau .wk-menge{
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #ccc;
}

.warenkorb-vorschau .wk-einzelpreis{
	vertical-align:middle;
	text-align:right;
	border-bottom:1px solid #ccc;
	padding-right:10px;
	white-space:nowrap;
}

.warenkorb-vorschau .wk-summe{
	padding-right:10px;
	font-weight:bold;
	text-align:right;
}

.warenkorb-vorschau .wk-gesamtpreis{
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	white-space:nowrap;
}

.warenkorb-vorschau th{
	font-weight:bold;
	background-color:#666;
	color:#fff;
	border-bottom:none !important;
}

.warenkorb-vorschau-buttons{
	padding:10px;
}
.warenkorb-vorschau .weiter-einkaufen,
.warenkorb-vorschau .warenkorb-anzeigen{
	background-color: #999;
	padding: 10px 5px;
	color: #fff;
	width: 100%;
	text-align: center;
	display: block;
	box-sizing: border-box;
	border-radius: 5px;
}

.warenkorb-vorschau .warenkorb-anzeigen {
	margin-top:10px;
	
	background: #2db200;
	background: -moz-linear-gradient(top,  #2db200 0%, #008c00 100%);
	background: -webkit-linear-gradient(top,  #2db200 0%,#008c00 100%);
	background: linear-gradient(to bottom,  #2db200 0%,#008c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db200', endColorstr='#008c00',GradientType=0 );
}

/* --- Footer --- */

.footer {
	background: #333;
	height: 120px;
	margin: -120px 0 0 0;
}

	.footer .container-innen {
		font-size: 0;
		height: 120px;
		overflow: hidden;
		padding: 30px 0 0 0;
		text-align: center;
	}
	
		.footer .container-innen li {
			display: inline-block;
			margin: 0 30px 30px 0;
		}
		
		.footer .container-innen li:last-child {
			margin: 0 0 30px 0;
		}
		
		.footer a {
			color: #fff;
			font-size: 15px;
		}
		
		.footer a:hover {
			text-decoration: underline;
		}
			
/* --- Media Queries --- */

@media screen and (max-width: 1000px) {

	.header .container-innen,
	.startseite .container-innen,
	.inhalt .container-innen,
	.einzelartikel .container-innen,
	.kategorieansicht .container-innen,
	.crossselling .container-innen {
		padding: 0 10px;
	}
	
	.achtung .container-innen {
		background: url(../img/achtung.png) no-repeat 2% 40px;
		padding: 0 10px 0 210px;
	}
	
	.footer .container-innen {
		padding: 30px 10px 0 10px;
	}
	
	.logo {
		left: 10px;
	}
	
	.header .level1 {
		width: 650px
	}
	
	.icon-warenkorb {
		right: 20px;
	}
	
	.marken img {
		margin: 0 1%;
		max-width: 14%;
		vertical-align: middle;
	}
		
	.box-innen {
		box-sizing: border-box;
		height: auto;
		min-height: 320px;
		width: 32%;
	}
	
	.inhalt .b-2 {
		margin: 0 2%;
	}
	
	.einzelartikel-links {
		display: block;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}
	
		.einzelartikel-bild {
			width: auto;
		}
		
		.einzelartikel-vorschaubilder {
			width: 101%;
		}
		
	.einzelartikel-rechts {
		box-sizing: border-box;
		display: block;
		margin: 20px 0;
		width: 100%;
	}
	
		.einzelartikel-rechts h1,
		.einzelartikel .kurzbeschreibung {
			max-width: 80%;
		}
		
		.einzelartikel .unten {
			bottom: auto;
			left: auto;
			margin: 20px 0 0 0;
			position: relative;
			right: auto;
		}
				
		.geld-zurueck-garantie {
			right: -10px;
			top: -10px;
		}
		
	.einzelartikel-beschreibung .container-innen {
		padding: 0 30px;
	}
	
	.cross-artikel,
	.kat-artikel {
		margin: 0 1.33% 50px 0;
		width: 24%;
	}
	
		.cross-bild,
		.kat-bild {
			max-height: 220px;
			width: 100%;
		}
		
			.cross-bild img,
			.kat-bild img {
				width: 100%;
			}
			
		.cross-warenkorb,
		.kat-warenkorb {
			width: 100%;
		}
		
		
	.slideshow {
		height: 667px;
		width: 100%;
	}
	
		.slideshow .container-innen {
			height: 667px;
			width: 100%;
		}
		
	.youtube-channel {
		width: 98%;
	}
	
	.video {
		height: auto;
	}
	
	.embed-container {
		float: none;
		position: relative;
		text-align: center;
		width: 100%;
	}

	.videotext {
		float: none;
		height: auto;
		width: 100%;
	}
	
}

@media screen and (max-width: 900px) {

	.menue .login-box {
		left: auto;
		right: 0;
	}
	
	.marken a {
		font-size: 2.5vw;
	}

}

@media screen and (max-width: 800px) {

	.header .level1 {
		width: 550px
	}
	
	.cross-artikel,
	.kat-artikel {
		margin: 0 2% 50px 0;
		width: 32%;
	}
	
	.kat-artikel:nth-of-type(4n) {
		margin: 0 2% 50px 0;
	}
	
	.kat-artikel:nth-of-type(3n) {
		margin: 0 0 50px 0;
	}
	
}

@media screen and (max-width: 700px) {
	
	.header .level1 {
		width: 450px
	}
	
	.warenkorb-attribute .wk-floatright {
		float: left;
		margin: 0 15px 0 0;
		text-align: left;
	}
	
	.aussen {
		padding: 0;
	}
	
	
	.footer {
		height: auto;
		margin: auto;
	}

		.footer .container-innen {
			height: auto;
		}
		
			.footer .container-innen li {
				margin: 0 0 30px 0;
				width: 33.33%;
			}
			
	
}

@media screen and (max-width: 600px) {
	
	
	.startseite {
		padding: 25px 0;
	}
	
		.startseite h1 {
			font-size: 10vw;
			margin: 0 0 15px 0;
		}
		
		.inhalt .titel,
		.crossselling .titel {
			font-size: 6vw;
		}
	
	.marken img {
		margin: 0 1% 1% 0;
		max-width: 33%;
		vertical-align: middle;
	}
	
	.achtung .container-innen {
		background: none;
		padding: 0 20px;
	}
		
	.cross-artikel,
	.kat-artikel {
		width: 49%;
	}
	
	.kat-artikel:nth-of-type(3n) {
		margin: 0 2% 50px 0;
	}
	
	.kat-artikel:nth-of-type(2n) {
		margin: 0 0 50px 0;
	}
	
	.youtube-channel {
		width: 96%;
	}
			
}

@media screen and (max-width: 500px) {
	
	.button-menue {
		display: block;
	}

	.logo {
		left: 0;
		margin: auto;
		right: 0;
	}

	.header .level1 {
		display: none;
	}
	
	.cross-artikel {
		margin: 0 10px 30px 10px;
	}
	
	.warenkorb-zahlungsart .infolink,
	.warenkorb-zahlungsart img {
		display: none;
	}
	
	.embed-container {
		padding-bottom: 56.25%
	}

	.embed-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}

@media screen and (max-width: 400px) {
	
	.marken img {
		max-width: none;
		width: 45%;
	}

	.box-innen {
		float: none;
		height: auto;
		min-height: inherit;
		width: auto;
	}
	
	.inhalt .b-2 {
		margin: 20px 0;
	}
	
	.cross-artikel,
	.kat-artikel {
		margin: 0 0 50px 0;
		width: 100%;
	}
	
	.kat-artikel:nth-of-type(3n) {
		margin: 0 0 50px 0;
	}
	
	.kat-artikel:nth-of-type(2n) {
		margin: 0 0 50px 0;
	}
	
		.cross-warenkorb,
		.kat-warenkorb {
			max-width: 200px
		}
		
	.footer .container-innen li {
		margin: 0 0 30px 0;
		width: 50%;
	}

}

/* --- Swiper 3.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * Copyright 2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * Licensed under MIT * Released on: April 25, 2015 --- */
 
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	/* z-index: 1; */
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-fles-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
	line-height: 29px;
	height: 30px;
	margin: -15px 0 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 30px;
	z-index: 10;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 0;
	font-family: 'icons', sans-serif;
	color: #666 !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 0;
	font-family: 'icons', sans-serif;
	color: #666 !important;
}

/* Pagination Styles */
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination-bullet {
	border: 1px solid rgba(137, 178, 18, 0.70);
	border-radius: 100%;
	background: rgba(255,255,255,0.70);
	display: inline-block;
	height: 12px;
	margin: 5px 7px;
	width: 12px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active,
.swiper-pagination-clickable .swiper-pagination-bullet:hover {
	background: rgba(137, 178, 18, 0.70);
	border: 1px solid rgba(137, 178, 18, 0.70);
}

.swiper-container-vertical > .swiper-pagination {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0px, -50%, 0);
	-moz-transform: translate3d(0px, -50%, 0);
	-o-transform: translate(0px, -50%);
	-ms-transform: translate3d(0px, -50%, 0);
	transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
	margin: 5px 0;
	display: block;
}

.swiper-container-horizontal > .swiper-pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px;
}

/* 3D Container */
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	/* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	/* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective: 1200px;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active {
	pointer-events: auto;
}

/* Cube */
.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
	z-index: 0;
}

/* Scrollbar */
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-lazy-preloader {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
 	100% {
		transform: rotate(360deg);
	}
}

/* jQuery.mmenu CSS */

/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translate(0%, 0);
      -moz-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
      -o-transform: translate(0%, 0);
      transform: translate(0%, 0); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translate(-30%, 0);
      -moz-transform: translate(-30%, 0);
      -ms-transform: translate(-30%, 0);
      -o-transform: translate(-30%, 0);
      transform: translate(-30%, 0); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

/*
html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
*/

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

/*html.mm-background .mm-page {
  background: inherit;
 }
*/
#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }
/*
	jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar {
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  position: relative; }
  .mm-buttonbar:after {
    content: '';
    display: block;
    clear: both; }
  .mm-buttonbar > * {
    border-left: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-buttonbar > a {
    text-decoration: none; }
  .mm-buttonbar > input {
    position: absolute;
    left: -1000px;
    top: -1000px; }
  .mm-buttonbar > input:checked + label {
    border-color: transparent  !important; }
  .mm-buttonbar > *:first-child,
  .mm-buttonbar > input:first-child + * {
    border-left: none; }
  .mm-buttonbar.mm-buttonbar-2 > * {
    width: 50%; }
  .mm-buttonbar.mm-buttonbar-3 > * {
    width: 33.33%; }
  .mm-buttonbar.mm-buttonbar-4 > * {
    width: 25%; }
  .mm-buttonbar.mm-buttonbar-5 > * {
    width: 20%; }

.mm-header .mm-buttonbar {
  margin-top: 20px;
  margin-left: -30px;
  margin-right: -30px; }

.mm-footer .mm-buttonbar {
  border: none;
  border-radius: none;
  line-height: 40px;
  margin: -10px -10px 0 -20px; }
  .mm-footer .mm-buttonbar > * {
    border-left: none; }

.mm-list > li > .mm-buttonbar {
  margin: 10px 20px; }

.mm-menu .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: #333333; }
  .mm-menu .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: #333333; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu footer addon CSS
*/
.mm-footer {
  background: inherit;
  border-top: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 10px 0 20px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0; }

.mm-menu.mm-hasfooter > .mm-panel:after {
  height: 80px; }

.mm-menu .mm-footer {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .mm-header .mm-title,
  .mm-header .mm-prev,
  .mm-header .mm-next,
  .mm-header .mm-close {
    padding-top: 30px; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative; }
  .mm-header .mm-prev,
  .mm-header .mm-next,
  .mm-header .mm-close {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    min-width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
  .mm-header .mm-prev {
    padding-left: 20px;
    padding-right: 10px;
    left: 0; }
  .mm-header .mm-next,
  .mm-header .mm-close {
    padding-left: 10px;
    padding-right: 20px;
    right: 0; }
  .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-header [href].mm-prev:before {
    border-right: none;
    border-bottom: none;
    margin-left: 2px;
    margin-right: 5px; }
  .mm-header [href].mm-next:after, .mm-header [href].mm-close:after {
    margin-left: 5px;
    margin-right: -2px; }
  .mm-header [href].mm-next:after {
    border-top: none;
    border-left: none; }
  .mm-header [href].mm-close:after {
    content: 'x'; }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  top: 50px; }
  .mm-menu.mm-hassearch .mm-header .mm-title,
  .mm-menu.mm-hassearch .mm-header .mm-prev,
  .mm-menu.mm-hassearch .mm-header .mm-next,
  .mm-menu.mm-hassearch .mm-header .mm-close {
    padding-top: 20px; }

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none; }
.mm-menu.mm-hasheader > .mm-panel {
  padding-top: 80px; }
  .mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px; }
  .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px; }
  .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px; }

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-header .mm-prev:before,
  .mm-menu .mm-header .mm-next:after,
  .mm-menu .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-list li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }
.mm-list li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-list li.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
  top: 8.5px; }

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.mm-search {
  padding: 10px; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }
  .mm-search input::-ms-clear {
    display: none; }

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px; }

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  bottom: 50%;
  z-index: 2; }
  label.mm-toggle:before,
  label.mm-check:before {
    content: '';
    display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
  bottom: auto;
  margin-bottom: 0; }
.mm-menu.mm-vertical .mm-list > li label.mm-toggle {
  top: 5px; }
.mm-menu.mm-vertical .mm-list > li label.mm-check {
  top: 5px; }

label.mm-toggle, label.mm-check {
  right: 20px; }

label.mm-toggle + a,
label.mm-toggle + span {
  margin-right: 70px; }

label.mm-check + a,
label.mm-check + span {
  margin-right: 50px; }

a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
  right: 50px; }

a.mm-subopen + label.mm-toggle + a,
a.mm-subopen + label.mm-toggle + span {
  margin-right: 100px; }

a.mm-subopen + label.mm-check + a,
a.mm-subopen + label.mm-check + span {
  margin-right: 80px; }

em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
  right: 90px; }

em.mm-counter + a.mm-subopen + label.mm-toggle + a,
em.mm-counter + a.mm-subopen + label.mm-toggle + span {
  margin-right: 140px; }

em.mm-counter + a.mm-subopen + label.mm-check + a,
em.mm-counter + a.mm-subopen + label.mm-check + span {
  margin-right: 120px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }
  .mm-menu label.mm-toggle:before {
    background: #333333; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  -moz-transform: scale(0.7, 0.7) translateX(-30%);
  -ms-transform: scale(0.7, 0.7) translateX(-30%);
  -o-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(30%);
  -moz-transform: scale(0.7, 0.7) translateX(30%);
  -ms-transform: scale(0.7, 0.7) translateX(30%);
  -o-transform: scale(0.7, 0.7) translateX(30%);
  transform: scale(0.7, 0.7) translateX(30%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-30%);
  -moz-transform: scale(0.7, 0.7) translateY(-30%);
  -ms-transform: scale(0.7, 0.7) translateY(-30%);
  -o-transform: scale(0.7, 0.7) translateY(-30%);
  transform: scale(0.7, 0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(30%);
  -moz-transform: scale(0.7, 0.7) translateY(30%);
  -ms-transform: scale(0.7, 0.7) translateY(30%);
  -o-transform: scale(0.7, 0.7) translateY(30%);
  transform: scale(0.7, 0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translateX(100%);
  -moz-transform: scale(1.5, 1.5) translateX(100%);
  -ms-transform: scale(1.5, 1.5) translateX(100%);
  -o-transform: scale(1.5, 1.5) translateX(100%);
  transform: scale(1.5, 1.5) translateX(100%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left; }
  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    -moz-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    -o-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translateX(-30%);
      -moz-transform: scale(0.7, 0.7) translateX(-30%);
      -ms-transform: scale(0.7, 0.7) translateX(-30%);
      -o-transform: scale(0.7, 0.7) translateX(-30%);
      transform: scale(0.7, 0.7) translateX(-30%); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light {
  background: #333;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after,
  .mm-menu.mm-light .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 1); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after,
  .mm-menu.mm-white .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-menu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after,
  .mm-menu.mm-black .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }
  

.mm-menu .mm-list .mm-Label {
    background: #fbfbfb;
    color: #666;
    height: 41px;
    line-height: 41px;
	padding: 0 0 0 20px
}

.mm-opening body,
.mm-opened body {
	padding: 0 !important;
}

.mm-opening .header,
.mm-opened .header {
	position: relative !important;
}

#PlentyWebLostPWDErrorPane .PlentyErrorMessageBox {
	background: #b20000;
	border-radius: 5px;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 10px;
}

::-webkit-input-placeholder { color:#ddd !important; }
::-moz-placeholder { color:#ddd !important; }
:-ms-input-placeholder { color:#ddd !important; }
:-moz-placeholder { color:#ddd !important; }

input::-webkit-input-placeholder { color:#ddd !important; }
input::-moz-placeholder { color:#ddd !important; }
input:-ms-input-placeholder { color:#ddd !important; }
input:-moz-placeholder { color:#ddd !important; }

.i-81 .container-innen iframe,
.i-83 .container-innen iframe {
	min-height: 1000px;
	width: 100%;
}

.startseite h2 {
	font-size: 30px;
	font-weight: 300;
	margin: 0 0 20px 0;
}

.haendlerinfo {
	border: 1px solid #ccc;
	line-height: 130%;
	margin: 0 0 20px 0;
	padding: 15px;
}

#PlentyWebOrderOverviewNotesContainer,
#PlentyWebOrderOverviewReferenceContainer {
	display: none;
}