@charset "UTF-8";
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('css/fonts/materialicons.woff2') format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

/* exo-2-500 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('css/fonts/exo-2-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('css/fonts/exo-2-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('css/fonts/exo-2-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('css/fonts/exo-2-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('css/fonts/roboto-condensed-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('css/fonts/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/roboto-condensed-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/roboto-condensed-v25-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('css/fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('css/fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('css/fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('css/fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('css/fonts/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('css/fonts/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('css/fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('css/fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('css/fonts/roboto-condensed-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('css/fonts/roboto-condensed-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/roboto-condensed-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/roboto-condensed-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/roboto-condensed-v25-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}




/*-----------------------MATERIAL-----------------------------------*/


html {
	width: 100% color: rgba(0, 0, 0, .87);
	font-size: 1em;
	line-height: 1.4;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

blockquote,
h1 {
	line-height: 1.35;
}

.mdl-button,
.mdl-button .material-icons,
.mdl-checkbox,
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

.browserupgrade {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

.hidden {
	display: none!important
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

@media print {
	blockquote, img, pre, tr {
		page-break-inside: avoid
	}
	*,
	:after,
	:before,
	:first-letter {
		background: 0 0!important;
		color: #000!important;
		box-shadow: none!important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: ""
	}
	blockquote,
	pre {
		border: 1px solid #999
	}
	thead {
		display: table-header-group
	}
	img {
		max-width: 100%!important
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
}

.mdl-button,
.mdl-chip__action {
	text-decoration: none;
	outline: 0
}

.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab,
a {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

body {
	min-height: 100%;
	margin: 0
}

main {
	display: block
}

[hidden] {
	display: none!important
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0
}

h1,
h2,
h3 {
	margin-bottom: 24px;
	font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 24px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: -.02em;
	opacity: .54;
	font-size: .6em
}

h1 {
	font-size: 56px;
	letter-spacing: -.02em
}

h2 {
	font-size: 45px;
	line-height: 48px
}

h3, h4 {
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 16px
}

h5 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .02em;
	margin-bottom: 16px
}

h6,
p {
	font-weight: 400;
	margin-bottom: 16px;
	line-height: 24px
}

h6 {
	font-size: 16px;
	letter-spacing: .04em
}

p {
	font-size: 14px;
	letter-spacing: 0
}

a {
	color: #000;
	font-weight: 500
}

blockquote {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	position: relative;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: .08em
}

blockquote:before {
	position: absolute;
	left: -.5em;
	content: '“'
}

blockquote:after {
	content: '”';
	margin-left: -.05em
}

mark {
	background-color: #f4ff81
}

dt {
	font-weight: 700
}

address,
ol,
ul {
	font-weight: 400;
	letter-spacing: 0
}

address {
	font-size: 12px;
	font-style: normal
}

ol,
ul {
	font-size: 14px;
	line-height: 24px
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	word-wrap: normal;
	-moz-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased
}


.mdl-button,
.mdl-chip {
	font-family: Roboto, Helvetica, Arial, sans-serif;
}

.mdl-ripple {
	background: #000;
	border-radius: 50%;
	height: 50px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 50px;
	overflow: hidden
}

.mdl-ripple.is-animating {
	transition: width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1);
	transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1);
	transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1)
}

.mdl-ripple.is-visible {
	opacity: .3
}

.mdl-animation--default,
.mdl-animation--fast-out-slow-in {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-animation--linear-out-slow-in {
	transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.mdl-animation--fast-out-linear-in {
	transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}


.mdl-button .mdl-badge[data-badge]:after {
	top: -10px;
	right: -5px
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
	color: #455a64;
	background: rgba(255, 255, 255, .2);
	box-shadow: 0 0 1px gray
}

.mdl-badge.mdl-badge--overlap {
	margin-right: 10px
}

.mdl-badge.mdl-badge--overlap:after {
	right: -10px
}

.mdl-button {
	background: 0 0;
	border: none;
	border-radius: 2px;
	color: #000;
	position: relative;
	height: 36px;
	margin: 0;
	min-width: 64px;
	padding: 0 16px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;
	text-align: center;
	line-height: 36px
}

.mdl-button--fab,
.mdl-button--icon {
	font-size: 24px;
	padding: 0;
	overflow: hidden
}

.mdl-button::-moz-focus-inner {
	border: 0
}

.mdl-card__supporting-text.mdl-card--border,
.mdl-card__title.mdl-card--border {
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.mdl-button:hover {
	background-color: rgba(158, 158, 158, .2)
}

.mdl-button:focus:not(:active) {
	background-color: rgba(0, 0, 0, .12)
}

.mdl-button:active {
	background-color: rgba(158, 158, 158, .4)
}

.mdl-button.mdl-button--colored:focus:not(:active) {
	background-color: rgba(0, 0, 0, .12)
}

input.mdl-button[type=submit] {
	-webkit-appearance: none
}

.mdl-button--raised {
	background: rgba(158, 158, 158, .2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-button--raised:active {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised:focus:not(:active) {
	box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
	background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised.mdl-button--colored {
	color: #fff
}

.mdl-button--raised.mdl-button--colored:active,
.mdl-button--raised.mdl-button--colored:focus:not(:active),
.mdl-button--raised.mdl-button--colored:hover {
	background-color: #8c9c26
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
	background: #fff
}

.mdl-button--fab {
	border-radius: 50%;
	height: 56px;
	margin: auto;
	min-width: 56px;
	width: 56px;
	background: rgba(158, 158, 158, .2);
	box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
	position: relative;
	line-height: normal
}

.mdl-button--fab .material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-12px, -12px);
	transform: translate(-12px, -12px);
	line-height: 24px;
	width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
	height: 40px;
	min-width: 40px;
	width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
	border-radius: 50%;
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button--fab:active {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
	background-color: rgba(158, 158, 158, .4)
}

.mdl-button--fab:focus:not(:active) {
	box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
	background-color: rgba(158, 158, 158, .4)
}

.mdl-button--fab.mdl-button--colored {
	background: #455a64;
	color: #fff
}

.mdl-button--fab.mdl-button--colored:active,
.mdl-button--fab.mdl-button--colored:focus:not(:active),
.mdl-button--fab.mdl-button--colored:hover {
	background-color: #455a64
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
	background: #fff
}

.mdl-button--icon {
	border-radius: 50%;
	height: 32px;
	margin-left: 0;
	margin-right: 0;
	min-width: 32px;
	width: 32px;
	color: inherit;
	line-height: normal
}

.mdl-button--icon .material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-12px, -12px);
	transform: translate(-12px, -12px);
	line-height: 24px;
	width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
	height: 24px;
	min-width: 24px;
	width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
	top: 0;
	left: 0
}

.mdl-button--icon .mdl-button__ripple-container {
	border-radius: 50%;
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button__ripple-container {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	overflow: hidden
}

.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple {
	background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
	color: #8c9c26
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
	background: #fff
}

.mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdl-button--primary.mdl-button--primary.mdl-button--raised {
	color: #fff;
	background-color: #8c9c26
}

.mdl-button--accent.mdl-button--accent {
	color: #455a64
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
	background: #fff
}

.mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdl-button--accent.mdl-button--accent.mdl-button--raised {
	color: #fff;
	background-color: #455a64
}

.mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdl-button[disabled][disabled] {
	color: rgba(0, 0, 0, .26);
	cursor: default;
	background-color: transparent
}

.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdl-button--fab[disabled][disabled] {
	background-color: rgba(0, 0, 0, .12);
	color: rgba(0, 0, 0, .26)
}

.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdl-button--raised[disabled][disabled] {
	background-color: rgba(0, 0, 0, .12);
	color: rgba(0, 0, 0, .26);
	box-shadow: none
}

.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
.mdl-button--colored[disabled][disabled] {
	color: rgba(0, 0, 0, .26)
}

.mdl-card {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 16px;
	font-weight: 400;
	min-height: 200px;
	overflow: hidden;
	width: 330px;
	z-index: 1;
	position: relative;
	background: #fff;
	border-radius: 2px;
	box-sizing: border-box
}

.mdl-card__actions,
.mdl-checkbox {
	box-sizing: border-box;
	width: 100%
}

.mdl-card__media {
	background-color: #455a64;
	background-repeat: repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-origin: padding-box;
	background-attachment: scroll;
	box-sizing: border-box
}

.mdl-card__title {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000;
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	line-height: normal;
	padding: 16px;
	-webkit-perspective-origin: 165px 56px;
	perspective-origin: 165px 56px;
	-webkit-transform-origin: 165px 56px;
	transform-origin: 165px 56px;
	box-sizing: border-box
}

.mdl-card__title-text {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	color: inherit;
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 24px;
	font-weight: 300;
	line-height: normal;
	overflow: hidden;
	-webkit-transform-origin: 149px 48px;
	transform-origin: 149px 48px;
	margin: 0
}

.mdl-card__subtitle-text {
	font-size: 14px;
	color: rgba(0, 0, 0, .54);
	margin: 0
}

.mdl-card__supporting-text {
	color: rgba(0, 0, 0, .54);
	font-size: 1rem;
	line-height: 18px;
	overflow: hidden;
	padding: 16px
}

.mdl-card__actions {
	font-size: 16px;
	line-height: normal;
	background-color: transparent;
	padding: 8px
}

.mdl-card__actions.mdl-card--border {
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.mdl-card--expand {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.mdl-card__menu {
	position: absolute;
	right: 16px;
	top: 16px
}

.mdl-checkbox {
	position: relative;
	z-index: 1;
	display: inline-block;
	height: 24px;
	margin: 0;
	padding: 0
}

.mdl-checkbox.is-upgraded {
	padding-left: 24px
}

.mdl-checkbox__input {
	line-height: 24px
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none
}

.mdl-checkbox__box-outline,
.mdl-checkbox__focus-helper {
	top: 3px;
	width: 16px;
	height: 16px;
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	left: 0
}

.mdl-checkbox__box-outline {
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	border: 2px solid rgba(0, 0, 0, .54);
	border-radius: 2px;
	z-index: 2
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
	border: 2px solid #8c9c26
}

.mdl-checkbox.is-disabled .mdl-checkbox__box-outline,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline {
	border: 2px solid rgba(0, 0, 0, .26);
	cursor: auto
}

.mdl-checkbox__focus-helper {
	border-radius: 50%;
	background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
	box-shadow: 0 0 0 8px rgba(0, 0, 0, .1);
	background-color: rgba(0, 0, 0, .1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
	box-shadow: 0 0 0 8px rgba(63, 81, 181, .26);
	background-color: rgba(63, 81, 181, .26)
}

.mdl-checkbox__tick-outline {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);
	mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);
	background: 0 0;
	transition-duration: .28s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-property: background
}

.mdl-checkbox__ripple-container,
.mdl-icon-toggle__ripple-container {
	z-index: 2;
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
	overflow: hidden;
	border-radius: 50%
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K) #8c9c26
}

.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K) rgba(0, 0, 0, .26)
}

.mdl-checkbox__label {
	position: relative;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	margin: 0
}

.mdl-checkbox.is-disabled .mdl-checkbox__label,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label {
	color: rgba(0, 0, 0, .26);
	cursor: auto
}

.mdl-checkbox__ripple-container {
	position: absolute;
	top: -6px;
	left: -10px;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	cursor: pointer
}

.mdl-checkbox__ripple-container .mdl-ripple {
	background: #8c9c26
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container {
	cursor: auto
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
	background: 0 0
}

.mdl-chip {
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	border: 0;
	border-radius: 16px;
	background-color: #dedede;
	display: inline-block;
	color: rgba(0, 0, 0, .87);
	margin: 2px 0;
	font-size: 0;
	white-space: nowrap
}

.mdl-chip__action,
.mdl-chip__text {
	font-size: 13px;
	vertical-align: middle;
	display: inline-block
}

.mdl-chip__action {
	height: 24px;
	width: 24px;
	background: 0 0;
	opacity: .54;
	cursor: pointer;
	text-align: center;
	padding: 0;
	margin: 0 0 0 4px;
	color: rgba(0, 0, 0, .87);
	border: none;
	overflow: hidden
}

.mdl-chip__contact {
	height: 32px;
	width: 32px;
	border-radius: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	line-height: 32px
}

.mdl-chip:focus {
	outline: 0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-chip:active {
	background-color: #d6d6d6
}

.mdl-chip--deletable {
	padding-right: 4px
}

.mdl-chip--contact {
	padding-left: 0
}

.mdl-data-table {
	position: relative;
	border: 1px solid rgba(0, 0, 0, .12);
	border-collapse: collapse;
	font-size: 13px;
	background-color: #fff
}

.mdl-data-table thead {
	padding-bottom: 3px
}

.mdl-data-table thead .mdl-data-table__select {
	margin-top: 0
}

.mdl-data-table tbody tr {
	position: relative;
	transition-duration: .28s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-property: background-color
}

.mdl-data-table tbody tr.is-selected {
	background-color: #e0e0e0
}

.mdl-data-table tbody tr:hover {
	background-color: #eee
}

.mdl-data-table td,
.mdl-data-table th {
	text-align: right
}

.mdl-data-table td {
	position: relative;
	vertical-align: middle;
	border-top: 1px solid rgba(0, 0, 0, .12);
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	box-sizing: border-box
}

.mdl-data-table td .mdl-data-table__select {
	vertical-align: middle
}

.mdl-data-table th {
	position: relative;
	vertical-align: bottom;
	text-overflow: ellipsis;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0;
	height: 48px;
	font-size: 12px;
	color: rgba(0, 0, 0, .54);
	padding-bottom: 8px;
	box-sizing: border-box
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending {
	color: rgba(0, 0, 0, .87)
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
	font-family: 'Material Icons';
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	word-wrap: normal;
	-moz-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	content: "\e5d8";
	margin-right: 5px;
	vertical-align: sub
}

.mdl-layout__tab,
.mdl-snackbar__action,
.mdl-tabs__tab {
	text-decoration: none;
	text-transform: uppercase
}

.mdl-icon-toggle,
.mdl-navigation__link .material-icons,
.mdl-radio,
.mdl-snackbar__text,
.mdl-switch {
	vertical-align: middle
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
	cursor: pointer
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
	color: rgba(0, 0, 0, .26)
}

.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
	content: "\e5db"
}

.mdl-data-table__select {
	width: 16px
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
	text-align: left
}

.mdl-dialog {
	border: none;
	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2);
	width: 280px
}

.mdl-layout__drawer,
.mdl-layout__header,
.mdl-menu__outline {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-dialog__title {
	padding: 24px 24px 0;
	margin: 0;
	font-size: 2.5rem
}

.mdl-dialog__actions {
	padding: 8px 8px 8px 24px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.mdl-dialog__actions>* {
	margin-right: 8px;
	height: 36px
}

.mdl-dialog__actions>:first-child {
	margin-right: 0
}

.mdl-dialog__actions--full-width {
	padding: 0 0 8px
}

.mdl-dialog__actions--full-width>* {
	height: 48px;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding-right: 16px;
	margin-right: 0;
	text-align: right
}

.mdl-dialog__content {
	padding: 20px 24px 24px;
	color: rgba(0, 0, 0, .54)
}

.mdl-mega-footer {
	color: #9e9e9e;
	background-color: #455a64
}

.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--top-section:after,
.mdl-mega-footer__bottom-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__top-section:after {
	content: '';
	display: block;
	clear: both
}

.mdl-mega-footer--left-section,
.mdl-mega-footer--right-section,
.mdl-mega-footer__left-section,
.mdl-mega-footer__right-section {
	margin-bottom: 16px
}

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
	display: block;
	margin-bottom: 16px;
	color: inherit;
	text-decoration: none
}

@media screen and (min-width:760px) {
	.mdl-mega-footer--left-section,
	.mdl-mega-footer__left-section {
		float: left
	}
	.mdl-mega-footer--right-section,
	.mdl-mega-footer__right-section {
		float: right
	}
	.mdl-mega-footer--right-section a,
	.mdl-mega-footer__right-section a {
		display: inline-block;
		margin-left: 16px;
		line-height: 36px;
		vertical-align: middle
	}
}

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	background-color: #9e9e9e;
	border: none
}

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
	display: block;
	position: relative
}

@media screen and (min-width:760px) {
	.mdl-mega-footer--drop-down-section,
	.mdl-mega-footer__drop-down-section {
		width: 33%
	}
	.mdl-mega-footer--drop-down-section:nth-child(1),
	.mdl-mega-footer--drop-down-section:nth-child(2),
	.mdl-mega-footer__drop-down-section:nth-child(1),
	.mdl-mega-footer__drop-down-section:nth-child(2) {
		float: left
	}
	.mdl-mega-footer--drop-down-section:nth-child(3),
	.mdl-mega-footer__drop-down-section:nth-child(3) {
		float: right
	}
	.mdl-mega-footer--drop-down-section:nth-child(3):after,
	.mdl-mega-footer__drop-down-section:nth-child(3):after {
		clear: right
	}
	.mdl-mega-footer--drop-down-section:nth-child(4),
	.mdl-mega-footer__drop-down-section:nth-child(4) {
		clear: right;
		float: right
	}
	.mdl-mega-footer--middle-section:after,
	.mdl-mega-footer__middle-section:after {
		content: '';
		display: block;
		clear: both
	}
	.mdl-mega-footer--bottom-section,
	.mdl-mega-footer__bottom-section {
		padding-top: 0
	}
}

@media screen and (min-width:1024px) {
	.mdl-mega-footer--drop-down-section,
	.mdl-mega-footer--drop-down-section:nth-child(3),
	.mdl-mega-footer--drop-down-section:nth-child(4),
	.mdl-mega-footer__drop-down-section,
	.mdl-mega-footer__drop-down-section:nth-child(3),
	.mdl-mega-footer__drop-down-section:nth-child(4) {
		width: 24%;
		float: left
	}
}

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
	position: absolute;
	width: 100%;
	height: 55.8px;
	padding: 32px;
	margin: -16px 0 0;
	cursor: pointer;
	z-index: 1;
	opacity: 0
}

.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after {
	font-family: 'Material Icons';
	content: '\E5CE'
}

.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
	display: none
}

.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
	font-family: 'Material Icons';
	content: '\E5CF'
}

.mdl-layout-title,
.mdl-layout__title,
.mdl-list__item {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	box-sizing: border-box
}

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
	position: relative;
	width: 100%;
	padding-right: 39.8px;
	margin-bottom: 16px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 23.8px;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #e0e0e0;
}

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 23.8px;
	height: 23.8px;
	background-size: cover;
}

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
	list-style: none;
	margin: 0 0 32px;
	padding: 0
}

.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
	clear: both;
	display: block;
	content: ''
}

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 20px
}

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap
}

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
	padding-top: 16px;
	margin-bottom: 16px
}

.mdl-logo {
	margin-bottom: 16px;
	color: #fff
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
	float: left;
	margin-bottom: 0;
	margin-right: 16px
}

@media screen and (min-width:760px) {
	.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,
	.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,
	.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
	.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
	.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,
	.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after,
	.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
	.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
		content: ''
	}
	.mdl-mega-footer--heading-checkbox,
	.mdl-mega-footer__heading-checkbox {
		display: none
	}
	.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
	.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
	.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
	.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
	.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
	.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
	.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
	.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
		display: block
	}
	.mdl-logo {
		float: left;
		margin-bottom: 0;
		margin-right: 16px
	}
	.mdl-mini-footer--link-list li,
	.mdl-mini-footer__link-list li {
		line-height: 36px
	}
}

.mdl-mini-footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 32px 16px;
	color: #9e9e9e;
	background-color: #424242
}

.mdl-mini-footer:after {
	content: '';
	display: block
}

.mdl-mini-footer .mdl-logo {
	line-height: 36px
}

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	list-style: none;
	margin: 0;
	padding: 0
}

.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
	margin-bottom: 0;
	margin-right: 16px
}

.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap
}

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0
}

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
	display: inline-block;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1
}

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	background-color: #9e9e9e;
	border: none
}

.mdl-icon-toggle {
	position: relative;
	z-index: 1;
	display: inline-block;
	height: 32px;
	margin: 0;
	padding: 0
}

.mdl-icon-toggle__input {
	line-height: 32px
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none
}

.mdl-icon-toggle__label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 32px;
	width: 32px;
	min-width: 32px;
	color: #616161;
	border-radius: 50%;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	background-color: transparent;
	will-change: background-color;
	transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
}

.mdl-icon-toggle__label.material-icons {
	line-height: 32px;
	font-size: 24px
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
	color: #8c9c26
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
	color: rgba(0, 0, 0, .26);
	cursor: auto;
	transition: none
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
	background-color: rgba(0, 0, 0, .12)
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
	background-color: rgba(63, 81, 181, .26)
}

.mdl-icon-toggle__ripple-container {
	position: absolute;
	top: -2px;
	left: -2px;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	cursor: pointer
}

.mdl-icon-toggle__ripple-container .mdl-ripple {
	background: #616161
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
	cursor: auto
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
	background: 0 0
}

.mdl-list {
	display: block;
	padding: 8px 0;
	list-style: none
}

.mdl-list__item {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .04em;
	line-height: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 48px;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px;
	cursor: default;
	color: rgba(0, 0, 0, .87);
	overflow: hidden
}

.mdl-list__item .mdl-list__item-primary-content {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	text-decoration: none;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
	margin-right: 32px
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
	margin-right: 16px
}

.mdl-list__item .mdl-list__item-secondary-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-left: 16px
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
	display: inline
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	color: rgba(0, 0, 0, .54)
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
	padding: 0 0 0 16px
}

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
	height: 24px;
	width: 24px;
	font-size: 24px;
	box-sizing: border-box;
	color: #757575
}

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
	height: 40px;
	width: 40px;
	box-sizing: border-box;
	border-radius: 50%;
	background-color: #757575;
	font-size: 40px;
	color: #fff
}

.mdl-menu__container,
.mdl-menu__outline {
	padding: 0;
	border: none;
	position: absolute;
	display: block
}

.mdl-list__item--three-line .mdl-list__item-text-body,
.mdl-menu__item,
.mdl-navigation__link {
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 400
}

.mdl-list__item--two-line {
	height: 72px
}

.mdl-list__item--two-line .mdl-list__item-primary-content {
	height: 36px;
	line-height: 20px;
	display: block
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
	float: left
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
	float: left;
	margin-top: 6px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
	height: 36px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 18px;
	color: rgba(0, 0, 0, .54);
	display: block;
	padding: 0
}

.mdl-list__item--three-line {
	height: 88px
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
	height: 52px;
	line-height: 20px;
	display: block
}

.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
	float: left
}

.mdl-list__item--three-line .mdl-list__item-secondary-content {
	height: 52px
}

.mdl-list__item--three-line .mdl-list__item-text-body {
	line-height: 18px;
	height: 52px;
	color: rgba(0, 0, 0, .54);
	display: block;
	padding: 0
}

.mdl-menu__container {
	margin: 0;
	overflow: visible;
	height: 0;
	width: 0;
	visibility: hidden;
	z-index: -1
}

.mdl-menu__container.is-animating,
.mdl-menu__container.is-visible {
	z-index: 999;
	visibility: visible
}

.mdl-menu__outline {
	background: #fff;
	margin: 0;
	border-radius: 2px;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	will-change: transform;
	transition: opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	z-index: -1
}

.mdl-menu__item,
.mdl-menu__item[data-mdl-disabled]:focus,
.mdl-menu__item[data-mdl-disabled]:hover,
.mdl-menu__item[disabled]:focus,
.mdl-menu__item[disabled]:hover {
	background-color: transparent
}

.mdl-menu__container.is-visible .mdl-menu__outline {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 999
}

.mdl-menu__outline.mdl-menu--bottom-right {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.mdl-menu__outline.mdl-menu--top-left {
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.mdl-menu__outline.mdl-menu--top-right {
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

.mdl-menu {
	position: absolute;
	list-style: none;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	min-width: 124px;
	padding: 8px 0;
	margin: 0;
	opacity: 0;
	clip: rect(0 0 0 0);
	z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu {
	opacity: 1;
	z-index: 999
}

.mdl-menu.is-animating {
	transition: opacity .2s cubic-bezier(.4, 0, .2, 1), clip .3s cubic-bezier(.4, 0, .2, 1)
}

.mdl-menu.mdl-menu--bottom-right {
	left: auto;
	right: 0
}

.mdl-menu.mdl-menu--top-left {
	top: auto;
	bottom: 0
}

.mdl-menu.mdl-menu--top-right {
	top: auto;
	left: auto;
	bottom: 0;
	right: 0
}

.mdl-menu.mdl-menu--unaligned {
	top: auto;
	left: auto
}

.mdl-menu__item {
	display: block;
	border: none;
	color: rgba(0, 0, 0, .87);
	text-align: left;
	margin: 0;
	padding: 0 16px;
	outline-color: #bdbdbd;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer;
	height: 48px;
	line-height: 48px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mdl-menu__container.is-visible .mdl-menu__item {
	opacity: 1
}

.mdl-menu__item::-moz-focus-inner {
	border: 0
}

.mdl-menu__item--full-bleed-divider {
	border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mdl-menu__item[data-mdl-disabled],
.mdl-menu__item[disabled] {
	color: #bdbdbd;
	background-color: transparent;
	cursor: auto
}

.mdl-menu__item[data-mdl-disabled] .mdl-ripple,
.mdl-menu__item[disabled] .mdl-ripple {
	background: 0 0
}

.mdl-menu__item:focus,
.mdl-menu__item:hover {
	background-color: #eee
}

.mdl-menu__item:focus {
	outline: 0
}

.mdl-menu__item:active {
	background-color: #e0e0e0
}

.mdl-menu__item--ripple-container {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	overflow: hidden
}

.mdl-progress {
	display: block;
	position: relative;
	height: 4px;
	width: 500px;
	max-width: 100%
}

.mdl-progress>.bar {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0%;
	transition: width .2s cubic-bezier(.4, 0, .2, 1)
}

.mdl-layout__drawer,
.mdl-layout__header,
.mdl-layout__obfuscator {
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-progress>.progressbar {
	background-color: #8c9c26;
	z-index: 1;
	left: 0
}

.mdl-progress>.bufferbar {
	background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #8c9c26, #8c9c26);
	z-index: 0;
	left: 0
}

.mdl-progress>.auxbar {
	right: 0
}

@supports (-webkit-appearance:none) {
	.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,
	.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
		background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #8c9c26, #8c9c26);
		-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
		mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
	}
}

.mdl-radio__ripple-container,
.mdl-switch__ripple-container {
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
	background-image: linear-gradient(to right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), linear-gradient(to right, #8c9c26, #8c9c26)
}

.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1 {
	background-color: #8c9c26;
	-webkit-animation-name: indeterminate1;
	animation-name: indeterminate1;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
	background-image: none;
	background-color: #8c9c26;
	-webkit-animation-name: indeterminate2;
	animation-name: indeterminate2;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

@-webkit-keyframes indeterminate1 {
	0% {
		left: 0;
		width: 0%
	}
	50% {
		left: 25%;
		width: 75%
	}
	75% {
		left: 100%;
		width: 0%
	}
}

@keyframes indeterminate1 {
	0% {
		left: 0;
		width: 0%
	}
	50% {
		left: 25%;
		width: 75%
	}
	75% {
		left: 100%;
		width: 0%
	}
}

@-webkit-keyframes indeterminate2 {
	0%,
	50% {
		left: 0;
		width: 0%
	}
	75% {
		left: 0;
		width: 25%
	}
	100% {
		left: 100%;
		width: 0%
	}
}

@keyframes indeterminate2 {
	0%,
	50% {
		left: 0;
		width: 0%
	}
	75% {
		left: 0;
		width: 25%
	}
	100% {
		left: 100%;
		width: 0%
	}
}

.mdl-navigation {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	box-sizing: border-box
}

.mdl-navigation__link {
	color: #424242;
	text-decoration: none;
	margin: 0;
	font-size: 19px;
	line-height: 24px;
	opacity: .87;
}

.mdl-layout {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	-webkit-overflow-scrolling: touch
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only,
.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
	display: none
}

.mdl-layout__container {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
}

.mdl-layout-title,
.mdl-layout__title {
	display: block;
	position: relative;
	font-size: 20px;
	line-height: 1;
	letter-spacing: .02em;
	font-weight: 400
}

.mdl-layout-spacer {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.mdl-layout__drawer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 240px;
	height: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	/* border-right: 1px solid #353535; */
	background: #fafafa;
	-webkit-transform: translateX(-250px);
	transform: translateX(-250px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	will-change: transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	color: #424242;
	overflow: visible;
	overflow-y: auto;
	z-index: 5;
}

.mdl-layout__drawer.is-visible {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content {
	overflow: hidden
}

.mdl-layout__drawer>* {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.mdl-layout__drawer>.mdl-layout-title,
.mdl-layout__drawer>.mdl-layout__title {
	line-height: 64px;
	padding-left: 40px
}

@media screen and (max-width:1024px) {
	.mdl-layout__drawer>.mdl-layout-title,
	.mdl-layout__drawer>.mdl-layout__title {
		line-height: 56px;
		padding-left: 16px;
		color: white;
	}
}

.mdl-layout__drawer .mdl-navigation {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding-top: 16px
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
	display: block;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 16px 40px;
	margin: 0;
	color: #ffffff;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
	background-color: #e0e0e0
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
	background-color: #e0e0e0;
	color: #000
}

.mdl-layout__drawer-button {
	display: block;
	position: absolute;
	height: 48px;
	width: 48px;
	border: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	font-size: 26px;
	line-height: 56px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 8px 12px;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 4
}

.mdl-snackbar,
.mdl-snackbar__action {
	font-family: Roboto, Helvetica, Arial, sans-serif;
}

.mdl-layout__header .mdl-layout__drawer-button {
	position: absolute;
	color: #fff;
	background-color: inherit
}

@media screen and (max-width:1024px) {
	.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
		padding: 16px;
	}
	.mdl-layout__header .mdl-layout__drawer-button {
		margin: 4px
	}
	.mdl-layout__drawer-button {
		margin: 4px;
		color: rgba(0, 0, 0, .5)
	}
}

@media screen and (min-width:1025px) {
	.mdl-layout--fixed-drawer>.mdl-layout__drawer {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	.mdl-layout__drawer-button {
		line-height: 54px
	}
	.mdl-layout--fixed-drawer>.mdl-layout__drawer-button,
	.mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
	.mdl-layout--no-drawer-button .mdl-layout__drawer-button {
		display: none
	}
}

.mdl-layout__header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	box-sizing: border-box;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	min-height: 64px;
	max-height: 1000px;
	z-index: 3;
	background-color: #111;
	color: #fff;
	transition-property: max-height, box-shadow
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header {
	margin-left: 240px;
	width: calc(100% - 240px)
}

@media screen and (min-width:1025px) {
	.mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row {
		padding-left: 40px
	}
}

.mdl-layout__header>.mdl-layout-icon {
	position: absolute;
	left: 40px;
	top: 16px;
	height: 32px;
	width: 32px;
	overflow: hidden;
	z-index: 3;
	display: block
}

.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon {
	display: none
}

.mdl-layout__header.is-compact {
	max-height: 64px
}

.mdl-layout__header.is-compact.has-tabs {
	height: 112px
}

@media screen and (max-width:358px) {
	.mdl-layout--fixed-header>.mdl-layout__header {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
	background-color: transparent;
	box-shadow: none
}

.mdl-layout__header--scroll,
.mdl-layout__header--seamed {
	box-shadow: none
}

.mdl-layout__header--waterfall {
	box-shadow: none;
	overflow: hidden
}

.mdl-layout__header--waterfall.is-casting-shadow {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.mdl-layout__header-row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	box-sizing: border-box;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 64px;
	margin: 0;
	padding: 0 40px 0 80px
}

.mdl-layout--no-drawer-button .mdl-layout__header-row {
	padding-left: 40px
}

@media screen and (min-width:1025px) {
	.mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
		padding-left: 40px
	}
}

@media screen and (max-width:1024px) {
	.mdl-layout__header {
		min-height: 56px
	}
	.mdl-layout__header>.mdl-layout-icon {
		left: 16px;
		top: 12px
	}
	.mdl-layout__header.is-compact {
		max-height: 56px
	}
	.mdl-layout__header.is-compact.has-tabs {
		min-height: 104px
	}
	.mdl-layout__header-row {
		height: 56px;
		padding: 0 16px 0 72px
	}
	.mdl-layout--no-drawer-button .mdl-layout__header-row {
		padding-left: 16px
	}
}

.mdl-layout__header-row>* {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.mdl-layout__header--scroll .mdl-layout__header-row {
	width: 100%
}

.mdl-layout__header-row .mdl-navigation {
	margin: 0;
	padding: 0;
	height: 64px;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.mdl-layout__header-row .mdl-navigation__link {
	display: block;
	color: #fff;
	line-height: 64px;
	padding: 0 24px
}

@media screen and (max-width:1024px) {
	.mdl-layout__header-row .mdl-navigation {
		height: 56px
	}
	.mdl-layout__header-row .mdl-navigation__link {
		line-height: 56px;
		padding: 0 16px
	}
}

.mdl-layout__tab,
.mdl-layout__tab-bar-button .material-icons {
	line-height: 48px
}

.mdl-layout__obfuscator {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 4;
	visibility: hidden;
	transition-property: background-color
}

.mdl-layout__obfuscator.is-visible {
	background-color: rgba(0, 0, 0, .5);
	visibility: visible
}

@supports (pointer-events:auto) {
	.mdl-layout__obfuscator {
		background-color: rgba(0, 0, 0, .5);
		opacity: 0;
		transition-property: opacity;
		visibility: visible;
		pointer-events: none
	}
	.mdl-layout__obfuscator.is-visible {
		pointer-events: auto;
		opacity: 1
	}
}

.mdl-layout__content {
	-ms-flex: 0 1 auto;
	position: relative;
	display: inline-block;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	z-index: 1;
	-webkit-overflow-scrolling: touch
}

.mdl-layout--fixed-drawer>.mdl-layout__content {
	margin-left: 240px
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
	overflow: visible
}

@media screen and (max-width:1024px) {
	.mdl-layout--fixed-drawer>.mdl-layout__content {
		margin-left: 0
	}
	.mdl-layout__container.has-scrolling-header .mdl-layout__content {
		overflow-y: auto;
		overflow-x: hidden
	}
}

.mdl-layout__tab-bar {
	height: 96px;
	margin: 0;
	width: calc(100% - 112px);
	padding: 0 0 0 56px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #8c9c26;
	overflow-y: hidden;
	overflow-x: scroll
}

.mdl-layout__tab-bar::-webkit-scrollbar {
	display: none
}

.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
	padding-left: 16px;
	width: calc(100% - 32px)
}

@media screen and (min-width:1025px) {
	.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
		padding-left: 16px;
		width: calc(100% - 32px)
	}
}

@media screen and (max-width:1024px) {
	.mdl-layout__tab-bar {
		width: calc(100% - 60px);
		padding: 0 0 0 60px
	}
	.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
		width: calc(100% - 8px);
		padding-left: 4px
	}
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
	padding: 0;
	overflow: hidden;
	width: 100%
}

.mdl-layout__tab-bar-container {
	position: relative;
	height: 48px;
	width: 100%;
	border: none;
	margin: 0;
	z-index: 2;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden
}

.mdl-layout__container>.mdl-layout__tab-bar-container {
	position: absolute;
	top: 0;
	left: 0
}

.mdl-layout__tab-bar-button {
	display: inline-block;
	position: absolute;
	top: 0;
	height: 48px;
	width: 56px;
	z-index: 4;
	text-align: center;
	background-color: #8c9c26;
	color: transparent;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
	width: 16px
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
	position: relative;
	left: -4px
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
	display: none
}

.mdl-layout__tab-bar-button.is-active {
	color: #fff
}

.mdl-layout__tab-bar-left-button {
	left: 0
}

.mdl-layout__tab-bar-right-button {
	right: 0
}

.mdl-layout__tab {
	margin: 0;
	border: none;
	padding: 0 24px;
	float: left;
	position: relative;
	display: block;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 48px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	color: rgba(255, 255, 255, .6);
	overflow: hidden
}

.mdl-radio,
.mdl-radio__button {
	line-height: 24px
}

@media screen and (max-width:1024px) {
	.mdl-layout__tab-bar-button {
		width: 60px
	}
	.mdl-layout__tab {
		padding: 0 12px
	}
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
	float: none;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
	color: #fff
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
	height: 2px;
	width: 100%;
	display: block;
	content: " ";
	bottom: 0;
	left: 0;
	position: absolute;
	background: #455a64;
	-webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
	animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
	transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
	background-color: #fff
}

.mdl-layout__tab-panel {
	display: block
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
	display: none
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
	display: block
}

.mdl-radio,
.mdl-radio__outer-circle {
	display: inline-block;
	box-sizing: border-box;
	margin: 0
}

.mdl-radio {
	position: relative;
	font-size: 16px;
	padding-left: 0:
}

.mdl-radio.is-upgraded {
	padding-left: 20px;
	padding-right: 40px;
}

.mdl-radio.is-upgraded .mdl-radio__button {
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none
}

.mdl-radio__outer-circle {
	position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: 2px solid rgba(0, 0, 0, .54);
	border-radius: 50%;
	z-index: 2
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
	border: 2px solid #8c9c26
}

.mdl-radio.is-disabled .mdl-radio__outer-circle,
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio {
	border: 2px solid rgba(0, 0, 0, .26);
	cursor: auto
}

.mdl-radio__inner-circle,
.mdl-radio__ripple-container {
	position: absolute;
	border-radius: 50%;
	box-sizing: border-box
}

.mdl-radio__inner-circle {
	z-index: 1;
	margin: 0;
	top: 8px;
	left: 4px;
	width: 8px;
	height: 8px;
	cursor: pointer;
	transition-duration: .28s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	background: #8c9c26
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.mdl-radio.is-disabled .mdl-radio__inner-circle,
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle {
	background: rgba(0, 0, 0, .26);
	cursor: auto
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
	box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
}

.mdl-radio__label {
	cursor: pointer
}

.mdl-radio.is-disabled .mdl-radio__label,
fieldset[disabled] .mdl-radio .mdl-radio__label {
	color: rgba(0, 0, 0, .26);
	cursor: auto
}

.mdl-radio__ripple-container {
	z-index: 2;
	top: -9px;
	left: -13px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	overflow: hidden
}

.mdl-radio__ripple-container .mdl-ripple {
	background: #8c9c26
}

.mdl-radio.is-disabled .mdl-radio__ripple-container,
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container {
	cursor: auto
}

.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple {
	background: 0 0
}

:root .mdl-slider.mdl-slider.is-upgraded,
_:-ms-input-placeholder {
	-ms-appearance: none;
	height: 32px;
	margin: 0
}

.mdl-slider {
	width: calc(100% - 40px);
	margin: 0 20px
}

.mdl-slider.is-upgraded {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 2px;
	background: 0 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
	padding: 0;
	color: #8c9c26;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	z-index: 1;
	cursor: pointer
}

.mdl-slider.is-upgraded::-moz-focus-outer {
	border: 0
}

.mdl-slider.is-upgraded::-ms-tooltip {
	display: none
}

.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
	background: 0 0
}

.mdl-slider.is-upgraded::-moz-range-track {
	background: 0 0;
	border: none
}

.mdl-slider.is-upgraded::-ms-track {
	background: 0 0;
	color: transparent;
	height: 2px;
	width: 100%;
	border: none
}

.mdl-slider.is-upgraded::-ms-fill-lower {
	padding: 0;
	background: linear-gradient(to right, transparent, transparent 16px, #8c9c26 16px, #8c9c26 0)
}

.mdl-slider.is-upgraded::-ms-fill-upper {
	padding: 0;
	background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, .26) 16px, rgba(0, 0, 0, .26) 0)
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #8c9c26;
	border: none;
	transition: border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1);
	transition: transform .18s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1);
	transition: transform .18s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1)
}

.mdl-slider.is-upgraded::-moz-range-thumb {
	-moz-appearance: none;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #8c9c26;
	border: none
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
	box-shadow: 0 0 0 10px rgba(63, 81, 181, .26)
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
	box-shadow: 0 0 0 10px rgba(63, 81, 181, .26)
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
	background: #8c9c26;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
	background: #8c9c26;
	transform: scale(1.5)
}

.mdl-slider.is-upgraded::-ms-thumb {
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 50%;
	background: #8c9c26;
	transform: scale(.375);
	transition: background .28s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1);
	transition: transform .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1);
	transition: transform .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1)
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
	background: radial-gradient(circle closest-side, #8c9c26 0, #8c9c26 37.5%, rgba(63, 81, 181, .26) 37.5%, rgba(63, 81, 181, .26) 100%);
	transform: scale(1)
}

.mdl-slider.is-upgraded:active::-ms-thumb {
	background: #8c9c26;
	transform: scale(.5625)
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
	border: 2px solid rgba(0, 0, 0, .26);
	background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
	border: 2px solid rgba(0, 0, 0, .26);
	background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper {
	left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
	box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
	background: rgba(0, 0, 0, .12)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
	box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
	background: rgba(0, 0, 0, .12)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
	border: 1.6px solid rgba(0, 0, 0, .26);
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper {
	left: 9px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
	border: 1.5px solid rgba(0, 0, 0, .26);
	transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
	background: radial-gradient(circle closest-side, transparent 0, transparent 66.67%, rgba(0, 0, 0, .26) 66.67%, rgba(0, 0, 0, .26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
	background: radial-gradient(circle closest-side, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 25%, rgba(0, 0, 0, .26) 25%, rgba(0, 0, 0, .26) 37.5%, rgba(0, 0, 0, .12) 37.5%, rgba(0, 0, 0, .12) 100%);
	transform: scale(1)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
	transform: scale(.5625);
	background: radial-gradient(circle closest-side, transparent 0, transparent 77.78%, rgba(0, 0, 0, .26) 77.78%, rgba(0, 0, 0, .26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
	background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
	margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
	margin-left: 9px
}

.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb {
	-webkit-transform: scale(.667);
	transform: scale(.667);
	background: rgba(0, 0, 0, .26)
}

.mdl-slider.is-upgraded:disabled::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb {
	transform: scale(.667);
	background: rgba(0, 0, 0, .26)
}

.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower {
	background-color: rgba(0, 0, 0, .26);
	left: -6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper,
.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper {
	left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb {
	border: 3px solid rgba(0, 0, 0, .26);
	background: 0 0;
	-webkit-transform: scale(.667);
	transform: scale(.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb {
	border: 3px solid rgba(0, 0, 0, .26);
	background: 0 0;
	transform: scale(.667)
}

.mdl-slider.is-upgraded:disabled::-ms-thumb,
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb {
	transform: scale(.25);
	background: rgba(0, 0, 0, .26)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb {
	transform: scale(.25);
	background: radial-gradient(circle closest-side, transparent 0, transparent 50%, rgba(0, 0, 0, .26) 50%, rgba(0, 0, 0, .26) 100%)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
	margin-right: 6px;
	background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, .26) 25px, rgba(0, 0, 0, .26) 0)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
	margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
	margin-left: 6px
}

.mdl-slider__ie-container {
	height: 18px;
	overflow: visible;
	border: none;
	margin: none;
	padding: none
}

.mdl-slider__container {
	height: 18px;
	position: relative;
	background: 0 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.mdl-slider__background-flex {
	background: 0 0;
	position: absolute;
	height: 2px;
	width: calc(100% - 52px);
	top: 50%;
	left: 0;
	margin: 0 26px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	border: 0;
	padding: 0;
	-webkit-transform: translate(0, -1px);
	transform: translate(0, -1px)
}

.mdl-slider__background-lower {
	background: #8c9c26;
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
	position: relative;
	border: 0;
	padding: 0
}

.mdl-slider__background-upper {
	background: rgba(0, 0, 0, .26);
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
	position: relative;
	border: 0;
	padding: 0;
	transition: left .18s cubic-bezier(.4, 0, .2, 1)
}

.mdl-snackbar {
	position: fixed;
	bottom: 0;
	left: 50%;
	cursor: default;
	background-color: #323232;
	z-index: 3;
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	will-change: transform;
	-webkit-transform: translate(0, 80px);
	transform: translate(0, 80px);
	transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
	transition: transform .25s cubic-bezier(.4, 0, 1, 1);
	transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
	pointer-events: none
}

@media (max-width:479px) {
	.mdl-snackbar {
		width: 100%;
		left: 0;
		min-height: 48px;
		max-height: 80px
	}
}

@media (min-width:480px) {
	.mdl-snackbar {
		min-width: 288px;
		max-width: 568px;
		border-radius: 2px;
		-webkit-transform: translate(-50%, 80px);
		transform: translate(-50%, 80px)
	}
}

.mdl-snackbar--active {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	pointer-events: auto;
	transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
	transition: transform .25s cubic-bezier(0, 0, .2, 1);
	transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}

@media (min-width:480px) {
	.mdl-snackbar--active {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
}

.mdl-snackbar__text {
	padding: 14px 12px 14px 24px;
	color: #fff;
	float: left
}

.mdl-snackbar__action {
	background: 0 0;
	border: none;
	color: #455a64;
	float: right;
	padding: 14px 24px 14px 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	outline: 0;
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	text-align: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.mdl-snackbar__action::-moz-focus-inner {
	border: 0
}

.mdl-snackbar__action:not([aria-hidden]) {
	opacity: 1;
	pointer-events: auto
}

.mdl-spinner {
	display: inline-block;
	position: relative;
	width: 28px;
	height: 28px
}

.mdl-spinner:not(.is-upgraded).is-active:after {
	content: "Loading..."
}

.mdl-spinner.is-upgraded.is-active {
	-webkit-animation: mdl-spinner__container-rotate 1.568s linear infinite;
	animation: mdl-spinner__container-rotate 1.568s linear infinite
}

@-webkit-keyframes mdl-spinner__container-rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes mdl-spinner__container-rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.mdl-spinner__layer {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0
}

.mdl-spinner__layer-1 {
	border-color: #42a5f5
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
	border-color: #8c9c26
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
	-webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-2 {
	border-color: #f44336
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
	border-color: #8c9c26
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
	-webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-3 {
	border-color: #fdd835
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
	border-color: #8c9c26
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
	-webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-4 {
	border-color: #4caf50
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
	border-color: #8c9c26
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
	-webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}
	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}
	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}
	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}
	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}
	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}
	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}
	to {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

@keyframes mdl-spinner__fill-unfill-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}
	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}
	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}
	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}
	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}
	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}
	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}
	to {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
	100%,
	25%,
	90%,
	from {
		opacity: .99
	}
	26%,
	89% {
		opacity: 0
	}
}

@keyframes mdl-spinner__layer-1-fade-in-out {
	100%,
	25%,
	90%,
	from {
		opacity: .99
	}
	26%,
	89% {
		opacity: 0
	}
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
	15%,
	51%,
	from {
		opacity: 0
	}
	25%,
	50% {
		opacity: .99
	}
}

@keyframes mdl-spinner__layer-2-fade-in-out {
	15%,
	51%,
	from {
		opacity: 0
	}
	25%,
	50% {
		opacity: .99
	}
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
	40%,
	76%,
	from {
		opacity: 0
	}
	50%,
	75% {
		opacity: .99
	}
}

@keyframes mdl-spinner__layer-3-fade-in-out {
	40%,
	76%,
	from {
		opacity: 0
	}
	50%,
	75% {
		opacity: .99
	}
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
	100%,
	65%,
	from {
		opacity: 0
	}
	75%,
	90% {
		opacity: .99
	}
}

@keyframes mdl-spinner__layer-4-fade-in-out {
	100%,
	65%,
	from {
		opacity: 0
	}
	75%,
	90% {
		opacity: .99
	}
}

.mdl-spinner__gap-patch {
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 45%;
	width: 10%;
	height: 100%;
	overflow: hidden;
	border-color: inherit
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
	width: 1000%;
	left: -450%
}

.mdl-spinner__circle-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: inherit
}

.mdl-spinner__circle-clipper.mdl-spinner__left {
	float: left
}

.mdl-spinner__circle-clipper.mdl-spinner__right {
	float: right
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
	width: 200%
}

.mdl-spinner__circle {
	box-sizing: border-box;
	height: 100%;
	border-width: 3px;
	border-style: solid;
	border-color: inherit;
	border-bottom-color: transparent!important;
	border-radius: 50%;
	-webkit-animation: none;
	animation: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.mdl-spinner__left .mdl-spinner__circle {
	border-right-color: transparent!important;
	-webkit-transform: rotate(129deg);
	transform: rotate(129deg)
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
	-webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__right .mdl-spinner__circle {
	left: -100%;
	border-left-color: transparent!important;
	-webkit-transform: rotate(-129deg);
	transform: rotate(-129deg)
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
	-webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@-webkit-keyframes mdl-spinner__left-spin {
	from,
	to {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}
	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@keyframes mdl-spinner__left-spin {
	from,
	to {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}
	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-webkit-keyframes mdl-spinner__right-spin {
	from,
	to {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}
	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@keyframes mdl-spinner__right-spin {
	from,
	to {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}
	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

.mdl-switch {
	position: relative;
	z-index: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	overflow: visible;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mdl-switch.is-upgraded {
	padding-left: 28px
}

.mdl-switch__input {
	line-height: 24px
}

.mdl-switch.is-upgraded .mdl-switch__input {
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none
}

.mdl-switch__track {
	background: rgba(0, 0, 0, .26);
	position: absolute;
	left: 0;
	top: 5px;
	height: 14px;
	width: 36px;
	border-radius: 14px;
	cursor: pointer
}

.mdl-switch.is-checked .mdl-switch__track {
	background: rgba(63, 81, 181, .5)
}

.mdl-switch.is-disabled .mdl-switch__track,
.mdl-switch__track fieldset[disabled] .mdl-switch {
	background: rgba(0, 0, 0, .12);
	cursor: auto
}

.mdl-switch__thumb {
	background: #fafafa;
	position: absolute;
	left: 0;
	top: 2px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	transition-duration: .28s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
	background: #8c9c26;
	left: 16px;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdl-switch.is-disabled .mdl-switch__thumb,
.mdl-switch__thumb fieldset[disabled] .mdl-switch {
	background: #bdbdbd;
	cursor: auto
}

.mdl-switch__focus-helper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-4px, -4px);
	transform: translate(-4px, -4px);
	display: inline-block;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: transparent
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
	box-shadow: 0 0 0 20px rgba(0, 0, 0, .1);
	background-color: rgba(0, 0, 0, .1)
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
	box-shadow: 0 0 0 20px rgba(63, 81, 181, .26);
	background-color: rgba(63, 81, 181, .26)
}

.mdl-switch__label {
	position: relative;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	left: 24px
}

.mdl-switch.is-disabled .mdl-switch__label,
.mdl-switch__label fieldset[disabled] .mdl-switch {
	color: #bdbdbd;
	cursor: auto
}

.mdl-switch__ripple-container {
	position: absolute;
	z-index: 2;
	top: -12px;
	left: -14px;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	transition-duration: .4s;
	transition-timing-function: step-end;
	transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
	background: #8c9c26
}

.mdl-switch.is-disabled .mdl-switch__ripple-container,
.mdl-switch__ripple-container fieldset[disabled] .mdl-switch {
	cursor: auto
}

.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple {
	background: 0 0
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
	left: 2px
}

.mdl-tabs {
	display: block;
	width: 100%
}

.mdl-tabs__tab-bar {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 48px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e0e0e0
}

.mdl-tabs__tab {
	margin: 0;
	border: none;
	padding: 0 21px;
	float: left;
	position: relative;
	display: block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	color: rgba(0, 0, 0, .54);
	overflow: hidden;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
	color: rgba(0, 0, 0, .87)
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
	height: 2px;
	width: 100%;
	display: block;
	content: " ";
	bottom: 0;
	left: 0;
	position: absolute;
	background: #8c9c26;
	-webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
	animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
	transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
	background: #8c9c26
}

.mdl-tabs__panel {
	display: block
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
	display: none
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
	display: block
}

@-webkit-keyframes border-expand {
	0% {
		opacity: 0;
		width: 0
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

@keyframes border-expand {
	0% {
		opacity: 0;
		width: 0
	}
	100% {
		opacity: 1;
		width: 100%
	}
}

.mdl-textfield {
	position: relative;
	font-size: 16px;
	display: inline-block;
	box-sizing: border-box;
	width: 300px;
	max-width: 100%;
	margin: 0;
	padding: 20px 0
}

.mdl-textfield .mdl-button {
	position: absolute;
	bottom: 20px
}

.mdl-textfield--align-right {
	text-align: right
}

.mdl-textfield--full-width {
	width: 100%
}

.mdl-textfield--expandable {
	min-width: 32px;
	width: auto;
	min-height: 32px
}

.mdl-textfield__input,
.mdl-textfield__label {
	font-size: 16px;
	width: 100%;
	text-align: left;
	display: block
}

.mdl-textfield--expandable .mdl-button--icon {
	top: 16px
}

.mdl-textfield__input {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 4px 0;
	background: 0 0;
	color: inherit
}

.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
.mdl-textfield__label,
fieldset[disabled] .mdl-textfield .mdl-textfield__label {
	color: rgba(0, 0, 0, .26)
}

.mdl-textfield__input[type=number] {
	-moz-appearance: textfield
}

.mdl-textfield__input[type=number]::-webkit-inner-spin-button,
.mdl-textfield__input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
	outline: 0
}

.mdl-textfield.is-invalid .mdl-textfield__input {
	border-color: #d50000;
	box-shadow: none
}

.mdl-textfield.is-disabled .mdl-textfield__input,
fieldset[disabled] .mdl-textfield .mdl-textfield__input {
	background-color: transparent;
	border-bottom: 1px dotted rgba(0, 0, 0, .12);
	color: rgba(0, 0, 0, .26)
}

.mdl-textfield textarea.mdl-textfield__input {
	display: block
}

.mdl-textfield__label {
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	position: absolute;
	top: 24px;
	overflow: hidden;
	white-space: nowrap
}

.mdl-textfield.has-placeholder .mdl-textfield__label,
.mdl-textfield.is-dirty .mdl-textfield__label {
	visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
	transition: none
}

.mdl-textfield__expandable-holder,
.mdl-textfield__label:after {
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
	color: #8c9c26;
	font-size: 12px;
	top: 4px;
	visibility: visible
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
.mdl-textfield__error {
	color: #d50000;
	font-size: 12px
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label {
	top: -16px
}

.mdl-textfield__label:after {
	background-color: #8c9c26;
	bottom: 20px;
	content: '';
	height: 2px;
	left: 45%;
	position: absolute;
	visibility: hidden;
	width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
	left: 0;
	visibility: visible;
	width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
	background-color: #d50000
}

.mdl-textfield__error {
	position: absolute;
	margin-top: 3px;
	visibility: hidden;
	display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
	visibility: visible
}

.mdl-textfield__expandable-holder {
	position: relative;
	margin-left: 32px;
	display: inline-block;
	max-width: 0
}

.mdl-textfield.is-dirty .mdl-textfield__expandable-holder,
.mdl-textfield.is-focused .mdl-textfield__expandable-holder {
	max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
	bottom: 0
}

.mdl-tooltip {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: top center;
	transform-origin: top center;
	z-index: 999;
	background: rgba(97, 97, 97, .9);
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	max-width: 170px;
	position: fixed;
	top: -500px;
	left: -500px;
	padding: 8px;
	text-align: center
}

.mdl-tooltip.is-active {
	-webkit-animation: pulse .2s cubic-bezier(0, 0, .2, 1) forwards;
	animation: pulse .2s cubic-bezier(0, 0, .2, 1) forwards
}

.mdl-tooltip--large {
	line-height: 14px;
	font-size: 14px;
	padding: 16px
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
	50% {
		-webkit-transform: scale(.99);
		transform: scale(.99)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		visibility: visible
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
	50% {
		-webkit-transform: scale(.99);
		transform: scale(.99)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		visibility: visible
	}
}

.mdl-shadow--2dp {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-shadow--3dp {
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdl-shadow--4dp {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.mdl-shadow--6dp {
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.mdl-shadow--8dp {
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.mdl-shadow--16dp {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.mdl-shadow--24dp {
	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2)
}

.mdl-grid {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 auto;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.mdl-grid.mdl-grid--no-spacing {
	padding: 0
}

.mdl-cell {
	box-sizing: border-box
}

.mdl-cell--top {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.mdl-cell--middle {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.mdl-cell--bottom {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end
}

.mdl-cell--stretch {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch
}

.mdl-grid.mdl-grid--no-spacing>.mdl-cell {
	margin: 0
}

.mdl-cell--order-1 {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1
}

.mdl-cell--order-2 {
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2
}

.mdl-cell--order-3 {
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3
}

.mdl-cell--order-4 {
	-webkit-order: 4;
	-ms-flex-order: 4;
	order: 4
}

.mdl-cell--order-5 {
	-webkit-order: 5;
	-ms-flex-order: 5;
	order: 5
}

.mdl-cell--order-6 {
	-webkit-order: 6;
	-ms-flex-order: 6;
	order: 6
}

.mdl-cell--order-7 {
	-webkit-order: 7;
	-ms-flex-order: 7;
	order: 7
}

.mdl-cell--order-8 {
	-webkit-order: 8;
	-ms-flex-order: 8;
	order: 8
}

.mdl-cell--order-9 {
	-webkit-order: 9;
	-ms-flex-order: 9;
	order: 9
}

.mdl-cell--order-10 {
	-webkit-order: 10;
	-ms-flex-order: 10;
	order: 10
}

.mdl-cell--order-11 {
	-webkit-order: 11;
	-ms-flex-order: 11;
	order: 11
}

.mdl-cell--order-12 {
	-webkit-order: 12;
	-ms-flex-order: 12;
	order: 12
}

@media (max-width:479px) {
	.mdl-grid {
		padding: 8px
	}
	.mdl-cell {
		margin: 8px;
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell {
		width: 100%
	}
	.mdl-cell--hide-phone {
		display: none!important
	}
	.mdl-cell--order-1-phone.mdl-cell--order-1-phone {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
	.mdl-cell--order-2-phone.mdl-cell--order-2-phone {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
	.mdl-cell--order-3-phone.mdl-cell--order-3-phone {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3
	}
	.mdl-cell--order-4-phone.mdl-cell--order-4-phone {
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4
	}
	.mdl-cell--order-5-phone.mdl-cell--order-5-phone {
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5
	}
	.mdl-cell--order-6-phone.mdl-cell--order-6-phone {
		-webkit-order: 6;
		-ms-flex-order: 6;
		order: 6
	}
	.mdl-cell--order-7-phone.mdl-cell--order-7-phone {
		-webkit-order: 7;
		-ms-flex-order: 7;
		order: 7
	}
	.mdl-cell--order-8-phone.mdl-cell--order-8-phone {
		-webkit-order: 8;
		-ms-flex-order: 8;
		order: 8
	}
	.mdl-cell--order-9-phone.mdl-cell--order-9-phone {
		-webkit-order: 9;
		-ms-flex-order: 9;
		order: 9
	}
	.mdl-cell--order-10-phone.mdl-cell--order-10-phone {
		-webkit-order: 10;
		-ms-flex-order: 10;
		order: 10
	}
	.mdl-cell--order-11-phone.mdl-cell--order-11-phone {
		-webkit-order: 11;
		-ms-flex-order: 11;
		order: 11
	}
	.mdl-cell--order-12-phone.mdl-cell--order-12-phone {
		-webkit-order: 12;
		-ms-flex-order: 12;
		order: 12
	}
	.mdl-cell--1-col,
	.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
		width: calc(25% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--1-col,
	.mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
		width: 25%
	}
	.mdl-cell--2-col,
	.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
		width: calc(50% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--2-col,
	.mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
		width: 50%
	}
	.mdl-cell--3-col,
	.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
		width: calc(75% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--3-col,
	.mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
		width: 75%
	}
	.mdl-cell--4-col,
	.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--4-col,
	.mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
		width: 100%
	}
	.mdl-cell--5-col,
	.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--5-col,
	.mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
		width: 100%
	}
	.mdl-cell--6-col,
	.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--6-col,
	.mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
		width: 100%
	}
	.mdl-cell--7-col,
	.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--7-col,
	.mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
		width: 100%
	}
	.mdl-cell--8-col,
	.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--8-col,
	.mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
		width: 100%
	}
	.mdl-cell--9-col,
	.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--9-col,
	.mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
		width: 100%
	}
	.mdl-cell--10-col,
	.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--10-col,
	.mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
		width: 100%
	}
	.mdl-cell--11-col,
	.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--11-col,
	.mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
		width: 100%
	}
	.mdl-cell--12-col,
	.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--12-col,
	.mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
		width: 100%
	}
	.mdl-cell--1-offset,
	.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
		margin-left: calc(25% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
		margin-left: 25%
	}
	.mdl-cell--2-offset,
	.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
		margin-left: calc(50% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
		margin-left: 50%
	}
	.mdl-cell--3-offset,
	.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
		margin-left: calc(75% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
		margin-left: 75%
	}
}

@media (min-width:480px) and (max-width:839px) {
	.mdl-grid {
		padding: 8px
	}
	.mdl-cell {
		margin: 8px;
		width: calc(50% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell {
		width: 50%
	}
	.mdl-cell--hide-tablet {
		display: none!important
	}
	.mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
	.mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
	.mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3
	}
	.mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4
	}
	.mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5
	}
	.mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
		-webkit-order: 6;
		-ms-flex-order: 6;
		order: 6
	}
	.mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
		-webkit-order: 7;
		-ms-flex-order: 7;
		order: 7
	}
	.mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
		-webkit-order: 8;
		-ms-flex-order: 8;
		order: 8
	}
	.mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
		-webkit-order: 9;
		-ms-flex-order: 9;
		order: 9
	}
	.mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
		-webkit-order: 10;
		-ms-flex-order: 10;
		order: 10
	}
	.mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
		-webkit-order: 11;
		-ms-flex-order: 11;
		order: 11
	}
	.mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
		-webkit-order: 12;
		-ms-flex-order: 12;
		order: 12
	}
	.mdl-cell--1-col,
	.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
		width: calc(12.5% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--1-col,
	.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
		width: 12.5%
	}
	.mdl-cell--2-col,
	.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
		width: calc(25% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--2-col,
	.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
		width: 25%
	}
	.mdl-cell--3-col,
	.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
		width: calc(37.5% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--3-col,
	.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
		width: 37.5%
	}
	.mdl-cell--4-col,
	.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
		width: calc(50% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--4-col,
	.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
		width: 50%
	}
	.mdl-cell--5-col,
	.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
		width: calc(62.5% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--5-col,
	.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
		width: 62.5%
	}
	.mdl-cell--6-col,
	.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
		width: calc(75% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--6-col,
	.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
		width: 75%
	}
	.mdl-cell--7-col,
	.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
		width: calc(87.5% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--7-col,
	.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
		width: 87.5%
	}
	.mdl-cell--8-col,
	.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--8-col,
	.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
		width: 100%
	}
	.mdl-cell--9-col,
	.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--9-col,
	.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
		width: 100%
	}
	.mdl-cell--10-col,
	.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--10-col,
	.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
		width: 100%
	}
	.mdl-cell--11-col,
	.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--11-col,
	.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
		width: 100%
	}
	.mdl-cell--12-col,
	.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--12-col,
	.mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
		width: 100%
	}
	.mdl-cell--1-offset,
	.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
		margin-left: calc(12.5% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
		margin-left: 12.5%
	}
	.mdl-cell--2-offset,
	.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
		margin-left: calc(25% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
		margin-left: 25%
	}
	.mdl-cell--3-offset,
	.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
		margin-left: calc(37.5% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
		margin-left: 37.5%
	}
	.mdl-cell--4-offset,
	.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
		margin-left: calc(50% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
		margin-left: 50%
	}
	.mdl-cell--5-offset,
	.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
		margin-left: calc(62.5% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
		margin-left: 62.5%
	}
	.mdl-cell--6-offset,
	.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
		margin-left: calc(75% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
		margin-left: 75%
	}
	.mdl-cell--7-offset,
	.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
		margin-left: calc(87.5% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
		margin-left: 87.5%
	}
	
	
	
	
}

@media (min-width:840px) {
	.mdl-cell {
		margin: 8px;
		width: calc(33.3333333333% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell {
		width: 33.3333333333%
	}
	.mdl-cell--hide-desktop {
		display: none!important
	}
	.mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
	.mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
	.mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3
	}
	.mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4
	}
	.mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5
	}
	.mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
		-webkit-order: 6;
		-ms-flex-order: 6;
		order: 6
	}
	.mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
		-webkit-order: 7;
		-ms-flex-order: 7;
		order: 7
	}
	.mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
		-webkit-order: 8;
		-ms-flex-order: 8;
		order: 8
	}
	.mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
		-webkit-order: 9;
		-ms-flex-order: 9;
		order: 9
	}
	.mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
		-webkit-order: 10;
		-ms-flex-order: 10;
		order: 10
	}
	.mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
		-webkit-order: 11;
		-ms-flex-order: 11;
		order: 11
	}
	.mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
		-webkit-order: 12;
		-ms-flex-order: 12;
		order: 12
	}
	.mdl-cell--1-col,
	.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
		width: calc(8.3333333333% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--1-col,
	.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
		width: 8.3333333333%
	}
	.mdl-cell--2-col,
	.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
		width: calc(16.6666666667% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--2-col,
	.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
		width: 16.6666666667%
	}
	.mdl-cell--3-col,
	.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
		width: calc(25% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--3-col,
	.mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
		width: 25%
	}
	.mdl-cell--4-col,
	.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
		width: calc(33.3333333333% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--4-col,
	.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
		width: 33.3333333333%
	}
	.mdl-cell--5-col,
	.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
		width: calc(41.6666666667% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--5-col,
	.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
		width: 41.6666666667%
	}
	.mdl-cell--6-col,
	.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
		width: calc(50% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--6-col,
	.mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
		width: 50%
	}
	.mdl-cell--7-col,
	.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
		width: calc(58.3333333333% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--7-col,
	.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
		width: 58.3333333333%
	}
	.mdl-cell--8-col,
	.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
		width: calc(66.6666666667% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--8-col,
	.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
		width: 66.6666666667%
	}
	.mdl-cell--9-col,
	.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
		width: calc(75% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--9-col,
	.mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
		width: 75%
	}
	.mdl-cell--10-col,
	.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
		width: calc(83.3333333333% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--10-col,
	.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
		width: 83.3333333333%
	}
	.mdl-cell--11-col,
	.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
		width: calc(91.6666666667% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--11-col,
	.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
		width: 91.6666666667%
	}
	.mdl-cell--12-col,
	.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
		width: calc(100% - 16px)
	}
	.mdl-grid--no-spacing>.mdl-cell--12-col,
	.mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
		width: 100%
	}
	.mdl-cell--1-offset,
	.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
		margin-left: calc(8.3333333333% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
		margin-left: 8.3333333333%
	}
	.mdl-cell--2-offset,
	.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
		margin-left: calc(16.6666666667% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
		margin-left: 16.6666666667%
	}
	.mdl-cell--3-offset,
	.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
		margin-left: calc(25% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
		margin-left: 25%
	}
	.mdl-cell--4-offset,
	.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
		margin-left: calc(33.3333333333% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
		margin-left: 33.3333333333%
	}
	.mdl-cell--5-offset,
	.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
		margin-left: calc(41.6666666667% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
		margin-left: 41.6666666667%
	}
	.mdl-cell--6-offset,
	.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
		margin-left: calc(50% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
		margin-left: 50%
	}
	.mdl-cell--7-offset,
	.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
		margin-left: calc(58.3333333333% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
		margin-left: 58.3333333333%
	}
	.mdl-cell--8-offset,
	.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
		margin-left: calc(66.6666666667% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
		margin-left: 66.6666666667%
	}
	.mdl-cell--9-offset,
	.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
		margin-left: calc(75% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
		margin-left: 75%
	}
	.mdl-cell--10-offset,
	.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
		margin-left: calc(83.3333333333% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
		margin-left: 83.3333333333%
	}
	.mdl-cell--11-offset,
	.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
		margin-left: calc(91.6666666667% + 8px)
	}
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
	.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
		margin-left: 91.6666666667%
	}
}

.mdl-selectfield {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 300px;
	max-width: 100%;
	margin: 0;
	vertical-align: middle;
	line-height: 20px;
	font-size: 16px;
	padding: 20px 0;
	z-index: inherit
}

.mdl-selectfield__select {
	visibility: visible;
	font-size: 16px;
	margin: 2px 0 3px 0;
	padding: 0;
	width: 100%
}

.mdl-selectfield__label {
	color: rgba(0, 0, 0, 0.26);
	vertical-align: middle;
	bottom: 0;
	font-size: 16px;
	left: 0;
	right: 0;
	pointer-events: none;
	position: absolute;
	display: block;
	top: 24px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-align: left
}

.mdl-selectfield.is-dirty .mdl-selectfield__label,
.mdl-selectfield.is-focused .mdl-selectfield__label {
	visibility: hidden
}

.mdl-selectfield--floating-label .mdl-selectfield__label {
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label,
.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label {
	color: rgb(140, 156, 38);
	font-size: 12px;
	top: 4px;
	visibility: visible
}

.mdl-selectfield.is-disabled.is-disabled .mdl-selectfield__label {
	color: rgba(0, 0, 0, 0.26)
}

.mdl-selectfield.is-invalid .mdl-selectfield__label {
	color: rgb(213, 0, 0)
}

.mdl-selectfield__error {
	color: rgb(213, 0, 0);
	position: absolute;
	font-size: 12px;
	margin-top: 3px;
	visibility: hidden;
	display: block;
	white-space: nowrap
}

.mdl-selectfield.is-invalid .mdl-selectfield__error {
	visibility: visible
}

.mdl-selectfield.is-focused .mdl-selectfield__error,
.mdl-selectfield--floating-label.is-focused .mdl-selectfield__error {
	visibility: hidden
}

.mdl-selectfield__box {
	position: absolute;
	top: 24px;
	left: 0;
	right: 0;
	bottom: 19px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	outline: none;
	overflow: hidden;
	cursor: pointer
}

.mdl-selectfield__box>.mdl-selectfield__arrow-down__container {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 0;
	height: 5px;
	width: 10px;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	padding-left: 7px;
	padding-right: 7px
}

.mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
	display: block;
	width: 0;
	height: 0;
	outline: none;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid rgba(0, 0, 0, 0.26)
}

.mdl-selectfield.is-invalid .mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
	border-top-color: rgb(213, 0, 0)
}

.mdl-selectfield.is-focused .mdl-selectfield__box>.mdl-selectfield__arrow-down__container {
	visibility: hidden
}

.mdl-selectfield__box .mdl-selectfield__box-value {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	outline: none;
	white-space: nowrap;
	width: 92%;
	overflow: hidden
}

.mdl-selectfield.is-focused .mdl-selectfield__box {
	outline: none;
	visibility: hidden
}

.mdl-selectfield.is-invalid .mdl-selectfield__box {
	border-color: rgb(213, 0, 0)
}

.mdl-selectfield.is-disabled .mdl-selectfield__box {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.26)
}

.mdl-selectfield__list-option-box {
	position: absolute;
	left: 0;
	top: 24px;
	right: 0;
	display: none;
	background: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 2px;
	opacity: 0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: -1;
	min-width: 124px;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto
}

.mdl-selectfield__list-option-box ul {
	margin: 0;
	padding: 5px 0;
	list-style: none
}

.mdl-selectfield__list-option-box ul>li {
	font-size: 16px;
	color: rgba(33, 33, 33, 0.87);
	line-height: 19px;
	min-height: 19px;
	padding: 10px 14px 8px 14px;
	transition: background-color cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	outline: none;
	box-sizing: content-box
}

.mdl-selectfield__list-option-box ul>li:hover,
.mdl-selectfield__list-option-box ul>li.is-selected {
	background-color: #f8f8f8
}

.mdl-selectfield__list-option-box ul>li.is-disabled {
	color: rgba(0, 0, 0, 0.26);
	background-color: rgb(255, 255, 255);
	cursor: default
}

.mdl-selectfield.is-focused .mdl-selectfield__list-option-box {
	display: block;
	opacity: 1;
	z-index: 999
}





/*! jQuery UI - v1.12.1 - 2018-02-21
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default!important;
	pointer-events: none
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0
}

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-button-icon-only {
	text-indent: 0
}

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
	z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
	border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
	border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
	width: 75%;
	width: calc( 100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid
}

.ui-checkboxradio-disabled {
	pointer-events: none
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0
}

.ui-selectmenu-open {
	display: block
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none
}

.ui-spinner-up {
	top: 0
}

.ui-spinner-down {
	bottom: 0
}

.ui-tabs {
	position: relative;
	padding: .2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em
}

.ui-widget.ui-widget-content {
	border: 1px solid #d3d3d3
}

.ui-widget-content {
	border: 1px solid #aaa;
	background: #fff;
	color: #222
}

.ui-widget-content a {
	color: #222
}

.ui-widget-header {
	border: 1px solid #aaa;
	background: #ccc url("css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222;
	font-weight: bold
}

.ui-widget-header a {
	color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #555;
	text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #999;
	background: #dadada url("css/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #212121;
	text-decoration: none
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #aaa;
	background: #fff url("css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #aaa;
	background-color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("css/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636
}

.ui-state-checked {
	border: 1px solid #fcefa1;
	background: #fbf9ee
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("css/images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
	background-image: url("css/images/ui-icons_222222_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("css/images/ui-icons_454545_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("css/images/ui-icons_454545_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("css/images/ui-icons_2e83ff_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("css/images/ui-icons_cd0a0a_256x240.png")
}

.ui-button .ui-icon {
	background-image: url("css/images/ui-icons_888888_256x240.png")
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-caret-1-n {
	background-position: 0 0
}

.ui-icon-caret-1-ne {
	background-position: -16px 0
}

.ui-icon-caret-1-e {
	background-position: -32px 0
}

.ui-icon-caret-1-se {
	background-position: -48px 0
}

.ui-icon-caret-1-s {
	background-position: -65px 0
}

.ui-icon-caret-1-sw {
	background-position: -80px 0
}

.ui-icon-caret-1-w {
	background-position: -96px 0
}

.ui-icon-caret-1-nw {
	background-position: -112px 0
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
	-webkit-box-shadow: -8px -8px 8px #aaa;
	box-shadow: -8px -8px 8px #aaa
}


/*--------------------------STYLESHEET----------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: #171717;
}

#conf-big-pic {
	width: 200px;
	height: 200px;
}

.lazyload,
.lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 0.01s;
}

.popupcontent .content-wrap {
	margin: 20px;
}

.popupcontent {
	background-color: #fff;
}

.content-wrap {
	background: #eee;
	padding: 20px
}

.content-heading {
	font-weight: 700;
	color: #fff;
	margin-top: 0;
	border: 0
}

.content-heading-last {
	font-weight: 700;
	color: #fff;
	margin-top: 0;
	border: 0
}

.content-heading-dark,
.content-heading-dark-last {
	font-weight: 700;
	color: #333;
	margin-top: 0;
	border: 0
}

.content-heading-dark::after,
.content-heading::after {
	content: '';
	display: block;
	width: 200px;
	height: 1px;
	margin: 10px auto 0 0;
	background-color: #353535
}

h1.content-heading,
h1.content-heading-dark,
h1.content-heading-dark-last,
h1.content-heading-last {
	font-size: 29px;
	font-weight: 300;
	line-height: 28px;
	margin: 15px 0 10px 0;
	letter-spacing: .2px
}

h2.content-heading,
h2.content-heading-dark,
h2.content-heading-dark-last,
h2.content-heading-last {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: 300
}

h3.content-heading,
h3.content-heading-dark,
h3.content-heading-dark-last,
h3.content-heading-last {
	font-size: 17px;
	line-height: 1.4em;
	font-weight: 300
}

.content-a {
	color: #EEFF8D !important
}

.box-heading,
.box-heading-big {
	color: #aac30d;
	font-weight: 300;
	line-height: 23px;
	font-size: 17px;
	margin: 10px 0 20px 0;
	padding: 0 0;
	text-transform: uppercase;
	letter-spacing: .5px
}

.box-heading {
	text-align: center
}

p {
	padding: 0 5px 12px 0;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .1px;
	line-height: 1.4em
}

ol,
ul {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 400;
	padding-left: 15px;
	display: flow-root
}

span.pov_short {
	color: #666
}

.slider-top {
	width: 100%
}

.mdl-grid {
	width: 100%
}

.mdl-cell {
	position: relative
}

.box-img {
	float: right;
	height: 250px
}

.box-img-big {
	float: right;
	height: 259px
}

.box-std-imgup {
	float: right
}

.section-first {
	max-width: 90%;
	margin: 0 auto
}

.section-last {
	max-width: 90%;
	margin: 20px auto
}

.center {
	text-align: center;
	margin: 20px 0
}

.center h1 {
	text-align: center;
	text-shadow: 0 0 7px #000;
	line-height: 50px
}

.details {
	position: absolute;
	right: 0;
	top: 0;	
	width: 100%;
	background: rgba(255, 0, 0, .8);
	font-size: 15px;
	padding: 0 0 0 10px
}

.details-std {
	height: 100%;
	width: 95%;
	font-size: 14px;
	padding: 0 0 30px 10px;
	font-weight: 200;
	letter-spacing: .2px;
	line-height: 1.5em
}

.overflow {
	display: block;
	overflow: hidden
}

.details-small,
.details-small-noslide {
	position: absolute;
	top: 230px;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	font-size: 13px;
	padding: 0 0 0 10px
}

.details-small:hover {
	cursor: pointer;
	top: -40px;
	height: calc(100% + 40px);
	transition: top .7s
}

.box-heading-big::after {
	content: '';
	display: block;
	width: 80px;
	height: 1px;
	margin: 3px auto 0 0;
	background-color: #353535
}

.content-vid {
	width: 720px;
	height: 480px
}

.content_ul {
	margin: 0 0 0 20px
}

.content-vid-box-big {
	width: 1050px;
	height: 590px
}

#pcs h3 {
	padding-left: 30px;
	text-align: center;
	font-size: 2em;
	margin: 5px 0
}

#content-page {
	font-size: 17px;
	line-height: 26px;
	color: #ccc;
	background-color: #171717;
	margin-bottom: 0px
}


#content-page #product_show {
	font-size: .8em;
	line-height: 1.2em;
	color: #000;
	background-color: #d8d8d8;
	margin-bottom: -7px;
}

#content-page .product-div {
	width: calc(33% - 15px);
	height: 620px
}

#content-page .product-div-short ul {
	width: 100%;
	padding: 5px 0;
	display: table;
	margin: 0 auto;
	text-align: center
}

#content-page .product-div-short ul .spline {
	width: 1px;
	height: 20px;
	background: #999;
	margin: 0 25px
}

#content-page .product-div-short ul span {
	color: #595959
}

#content-page .product-div-short ul li {
	display: table-cell;
	width: 33%;
	vertical-align: auto;
	font-weight: 500;
	font-size: .86em;
	line-height: 1.15em
}

#content-page .product-div-info {
	width: 100%;
	padding: 0;
	margin: 0
}

#content-page .product-div-info {
	width: 100%;
	text-align: center;
	float: none;
	margin: 0
}

#content-page .product-div-info .more {
	text-align: center;
	display: table-cell;
	width: 40%;
	vertical-align: bottom
}

#content-page .product-div-info .more a:hover {
	color: #fff;
	background: #667900
}

#content-page .product-div-info .product-info {
	padding: 0 10px;
	text-align: center
}

#content-page .product-div-info .product-link {
	background: #495903;
	font-weight: 500;
	font-size: 1.5em;
	text-transform: unset;
	color: #eee
}

#content-page .product-div-img {
	padding: 0;
	float: none;
	text-align: center
}

#content-page .th_bdg_ovl {
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}

#content-page .bonus_val {
	bottom: -15px
}

#content-page .product-div-badges {
	width: 100%;
	position: relative;
	top: 0;
	right: 0;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	bottom: unset;
	text-align: center;
	border: 0
}

#content-page .product-div-badges img {
	max-height: 20px;
	padding: 8px 7px 0 2px
}

#content-page .product-caption {
	text-align: center;
	width: 100%;
	font-size: 2em;
	font-weight: 700;
	color: #495903;
	margin: 20px 0 0 0
}

#content-page .product-caption::after,
.product-div-short::after {
	content: '';
	display: none;
	width: 40%;
	height: 1px;
	margin: 14px auto;
	background-color: #b7b7b7
}

#content-page .product-div-bonus {
	padding: 0;
	position: absolute;
	top: 140px;
	left: 10px
}

#content-page .product-div-short {
	padding: 5px;
	border-top: 1px solid #d6d4d4;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #d6d4d4
}

#content-page .product-caption a {
	color: #313131
}

#content-page .product-div-price {
	position: relative;
	right: unset;
	bottom: unset;
	width: calc(100% - 15px)
}

#content-page .productOldPrice {
	position: absolute;
	bottom: 70px;
	left: 40px
}

#content-page .product-price {
	padding: 0 0 10px 0;
	display: table-cell;
	width: 50%;
	vertical-align: bottom
}

#content-page .product-link {
	float: right;
	margin: 5px 10px 5px 10px
}

#content-page .eur {
	font-size: .6em;
	font-weight: 400
}

#content-page .product-div-info {
	padding: 0;
	font-size: .92em;
	color: #595959;
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 100%
}

#content-page .products-info {
	display: inline-block;
	width: 100%
}

#content-page .details {
	color: #eee;
	background-color: rgba(0, 0, 0, .4);
	padding: 15px;
	width: 70%;
	left: 0
}

#content-page .box-heading-big::after {
	background-color: #171717
}

#content-page {
	font-size: 17px;
	color: #ccc;
	background-color: #171717;
	margin-bottom: -4px;
	padding-top:0px;
}

#content-gaming p { line-height: 1.5em; padding: 0 25px;}
#pckat-content p { padding: 5px 0;}

#content-page .details {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 360px;
	background: rgba(255, 0, 0, .8);
	font-size: 15px;
	padding: 0 0 0 10px
}

#content-page .title-bar {
	text-align: center;
	padding: 20px 5%;
	background: #222;
	text-transform: uppercase;
	font-size: 1.5em
}

#content-page a i {
	margin: 10% calc(50% - 50px);
	font-size: 100px;
	-webkit-animation: btlight 1s infinite 1s;
	animation: btlight 1s infinite 1s;
	animation-name: btlight;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	-webkit-transition: 1.5s all ease-in;
	-o-transition: 1.5s all ease-in;
	transition: 1.5s all ease-in;
	color: #fff
}

#content-page .box-img {
	float: none;
	height: 250px
}

#content-page #product_pagination_wrap {
	text-align: right
}

#content-page .mdl-cell {
	padding: 20px 2%;
	margin: 0
}

#content-page .mdl-cell--6-col {
	width: calc(50% - 0px)
}


#content-page .box-heading-big,
.content-heading {
	color: #aac30d;
	font-size: 1.2em;
	line-height: 2em
}

#content-page .content-heading {
	text-align: center;
	margin:15px;
}

#content-page .content-heading:after {
	display: none
}

#content-page .more a {
	color: #fff;
	border: #fff 1px solid;
	display: inline-block;
	padding: 10px 15px;
	margin: 0 15px 5px 0;
	-webkit-transition: 1.5s all ease-in;
	-o-transition: 1.5s all ease-in;
	transition: .2s all ease-in;
	text-transform: uppercase;
	font-size: 80%;	
}

#content-page #gear ul {
	margin-left: 20px;
	padding-top: 5%;
	display: table;
	width: auto;
	margin: 0 auto;
	margin: 0;
	text-align: center;
	text-transform: uppercase
}

#content-page #gear ul .spline {
	width: 1px;
	height: 20px;
	background: #999;
	margin: 0 25px
}

#content-page #gear ul a span {
	color: #999;
	font-size: 40%
}

#content-page #gear ul li {
	display: table-cell;
	width: auto;
	vertical-align: auto
}

#content-page ul a {
	color: red;
	font-size: 22px;
	line-height: .4em
}

#content-mb {
	font-size: 17px;
	line-height: 26px;
	color: #ccc;
	background-color: #171717;
	margin-bottom: 15px
}

#content-mb .details {
	color: #eee;
	background-color: rgba(0, 0, 0, .4);
	padding: 15px;
	width: 70%;
	left: 0
}

#content-mb .page-heading {
	color: #89d300
}

#content-mb .box-heading-big::after {
	background-color: #89d300
}

@media (max-width:839px) {
	#content-mb .details {
		color: #eee;
		background-color: rgba(0, 0, 0, .4);
		padding: 15px;
		width: 90%;
		left: 0
	}
}

#content-cw-kauf {
	font-size: 17px;
	line-height: 1.5em;
	color: #ccc;
	background-color: #171717;
	margin-bottom: 15px;
	position: relative
}

#content-cw-kauf .details {
	color: #eee;
	background-color: rgba(0, 0, 0, .92);
	padding: 15px;
	width: 60%;
	left: 0;
	font-weight: 200;
	font-size: 1em
}

#content-cw-kauf .page-heading {
	color: #89d300
}

#content-cw-kauf .box-img-big {
	height: 328px
}

@media (max-width:839px) {
	#content-cw-kauf .details {
		color: #eee;
		background-color: rgba(0, 0, 0, .4);
		padding: 15px;
		width: 90%;
		left: 0
	}
}

#content-cw {
	font-size: 17px;
	line-height: 26px;
	color: #ccc;
	background-color: #171717;
	position: relative
}

#content-cw .section-first {
	position: absolute;
	left: 15px;
	top: 15px
}

#content-cw .details {
	color: #eee;
	background-color: rgba(0, 0, 0, .4);
	padding: 15px;
	width: 70%;
	left: 0
}

#content-cw .page-heading {
	color: #89d300
}

#content-cw .box-heading-big::after {
	background-color: #89d300
}

@media (max-width:839px) {
	#content-cw .details {
		color: #eee;
		background-color: rgba(0, 0, 0, .4);
		padding: 15px;
		width: 90%;
		left: 0
	}
}

#content-vga {
	font-size: 17px;
	line-height: 26px;
	color: #ccc;
	background-color: #171717
}

#content-vga .page-heading {
	color: #89d300
}

#content-vga .box-heading-big::after {
	background-color: #89d300
}

#content-vga .details-small-noslide {
	top: 155px
}

#content-amd-ryzen {
	font-size: 15px;
	color: #ccc;
	background-color: #171717
}

#content-amd-ryzen .details-small {
	position: absolute;
	top: 300px;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	font-size: 13px;
	padding: 0 0 0 10px
}

#content-amd-ryzen .details-small:hover {
	cursor: pointer;
	top: 0;
	height: 100%;
	transition: top .7s
}

#content-amd-ryzen .content-heading::after {
	content: '';
	display: block;
	width: 100px;
	height: 4px;
	margin: 10px auto 0 0;
	background-color: red
}

.msi-intelmb300-steam25,
.msi-intelmb300-steam50,
h2 {
	color: #fff;
	font-size: 23px
}

.details .msi-intelmb300-steam50::after {
	background-color: #ce1213;
	height: 11px;
	width: 93px;
	content: '';
	display: block;
	margin: 10px auto 0 0
}

.details .msi-intelmb300-steam25::after {
	background-color: #831786;
	height: 11px;
	width: 93px;
	content: '';
	display: block;
	margin: 10px auto 0 0
}

#amd-ryzen2 {
	font-size: 17px;
	line-height: 26px;
	color: #ccc;
	background-color: #171717
}

#amd-ryzen2 .p {
	padding: 10 0 0 0
}

#amd-ryzen2 .details {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 360px;
	background: #050d13;
	font-size: 15px;
	padding: 0 0 0 10px
}

#asus-b450 {
	font-size: 17px;
	line-height: 26px;
	color: #ccc;
	background-color: #171717;
	margin-bottom: 15px
}

#asus-b450 .details {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 360px;
	background: rgba(0, 0, 0, .7);
	font-size: 15px;
	padding: 0 0 0 10px
}

#asus-b450 .content-heading::after {
	display: none
}

#asus-b450 .box-heading-big::after {
	background-color: #a8c20d
}

#geforce-rtx2080-ti {
	font-size: 17px;
	line-height: 26px;
	color: #ccc;
	background-color: #171717;
	margin: -18px 0 -16px 0
}

#geforce-rtx2080-ti .section-first {
	background: #171717
}

.details-std img {
	max-height: 176px
}

.scs-title-bar {
	text-align: center;
	padding: 20px 5%;
	background: #222;
	color: #ccc;
	text-transform: uppercase;
	font-size: 1.7em;
	line-height: 1.1em;
	box-shadow: inset 3px 5px 8px -4px #00000080;
	border-bottom: 1px solid #ffffff0d;
	border-top: 1px solid #0000008a;
	text-shadow: 0 2px 1px #000
}

@media (max-width:839px) {
	.scs-title-bar {
		font-size: 1.3em
	}
}

.scs p {
	padding: 0 15px 5px 0;
	font-size: 1.1em
}

.ul-teilnahmebedingungen {
	margin: 0 0 0 15px;
	font-size: 11px;
	line-height: 13px
}

.spaltentext {
	width: 100%;
	column-width: 320px;
	padding: 0 15px 5px 0
}

.scs h1 {
	color: #a8c20d;
	border-bottom: 1px solid #ffffff14;
	font-weight: 500;
	font-size: 1.7em;
	line-height: 37px;
	margin: 10px 0 20px 0;
	padding: 0;
	text-transform: uppercase
}

.scs h2 {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	margin: 15px 0 10px 0;
	padding: 0
}

.mehrspaltig {
	float: left;
	max-width: 50%;
	display: block;
	padding-right: 15px
}

#fortnite-151,
#pubg-150 {
	font-size: 17px;
	line-height: 26px;
	color: #ccc;
	background-color: #171717;
	margin: -18px 0 0 0
}

#fortnite-151 .content-heading,
#pubg-150 {
	color: #fff
}

#pubg-150 ::after {
	background-color: #aa4b18
}

#fortnite-151 ::after {
	background-color: #006f83
}

#123-bnd19 {
	background-image: url(https://www.computerwerk.de/images/123-bnd19/top.jpg);
	background-repeat: no-repeat;
	height: 493px;
	background-size: 1164px 493px
}

#pubg-150-bg {
	background-image: url(https://www.computerwerk.de/images/150-pubg/top-bg-large.jpg);
	background-repeat: no-repeat;
	height: 493px;
	background-size: 1164px 493px
}

#fortnite-151-bg {
	background-image: url(https://www.computerwerk.de/images/151-fortnite/top-bg-large.jpg);
	background-repeat: no-repeat;
	height: 493px;
	background-size: 1164px 493px
}

@media (max-width:500px) {
	#content-page #product_pagination_wrap {
		display: none
	}
	#content-page .th_bdg_ovl {
		width: 100px!important
	}
}

@media (max-width:839px) {
	#content-page .th_bdg_ovl {
		width: 100px!important
	}
	#123-bnd19 {
		background-image: url(https://www.computerwerk.de/images/123-bnd19/top-mobile.jpg);
		background-repeat: no-repeat;
		background-size: 100vw 69.4vw;
		height: 69.4vw
	}
	#pubg-150-bg {
		background-image: url(https://www.computerwerk.de/images/150-pubg/top-bg-small.jpg);
		background-repeat: no-repeat;
		background-size: 100vw 69.4vw;
		height: 69.4vw
	}
	#fortnite-151-bg {
		background-image: url(https://www.computerwerk.de/images/151-fortnite/top-bg-small.jpg);
		background-repeat: no-repeat;
		height: 69.4vw;
		background-size: 100vw 69.4vw
	}
	.overflow {
		display: block;
		overflow: visible
	}
	h1.content-heading,
	h1.content-heading-dark,
	h1.content-heading-dark-last,
	h1.content-heading-last {
		font-size: 20px;
		line-height: 28px;
		margin-top: 10px
	}
	h2.content-heading,
	h2.content-heading-dark,
	h2.content-heading-dark-last,
	h2.content-heading-last {
		font-size: 1.1em;
		line-height: 1.5em
	}
	h3.content-heading,
	h3.content-heading-dark,
	h3.content-heading-dark-last,
	h3.content-heading-last {
		font-size: 17px;
		line-height: 1.4em
	}
	.details,
	.details-small,
	.details-small-noslide {
		position: relative!important;
		top: unset!important;
		background: unset!important
	}
	.details-small:hover {
		cursor: pointer;
		transition: none
	}
	.content-vid,
	.content-vid-box-big {
		width: 100%; 
		height: 330px
	}
	.box-img,
	.box-img-big {
		float: unset;
		height: unset;
		width: 100%;
		margin: 30px 0 0 0
	}
	.details-std {
		font-size: 16px;
		letter-spacing: .1px;
		line-height: 1.4em
	}
	
	#content-page .product-div {
		width: 100%;
		height: 620px
	}
	#content-page .product-div-img img {
		width: unset
	}
}

@-webkit-keyframes btlight {
	0% {
		-webkit-text-shadow: #fff 0 0 50px;
		-moz-text-shadow: #fff 0 0 50px;
		text-shadow: #fff 0 0 50px
	}
	50% {
		-webkit-text-shadow: #fff 0 0 20px;
		-moz-text-shadow: #fff 0 0 20px;
		text-shadow: #fff 0 0 20px
	}
	100% {
		-webkit-text-shadow: #fff 0 0 50px;
		-moz-text-shadow: #fff 0 0 50px/*! text-shadow: #fff 0 0 50px; */
	}
}

@keyframes btlight {
	0% {
		/*! -webkit-text-shadow: #fff 0 0 50px; */
		/*! -moz-text-shadow: #fff 0 0 50px; */
		/*! text-shadow: #fff 0 0 50px; */
	}
	50% {
		/*! -webkit-text-shadow: #fff 0 0 20px; */
		/*! -moz-text-shadow: #fff 0 0 20px; */
		/*! text-shadow: #fff 0 0 20px; */
	}
	100% {
		-webkit-text-shadow: #fff 0 0 50px;
		-moz-text-shadow: #fff 0 0 50px;
		text-shadow: #fff 0 0 50px
	}
}

@-webkit-keyframes btlight-over {
	0% {
		-webkit-text-shadow: #083bf5 0 0 50px;
		-moz-text-shadow: #083bf5 0 0 50px;
		text-shadow: #083bf5 0 0 50px
	}
	50% {
		-webkit-text-shadow: #083bf5 0 0 20px;
		-moz-text-shadow: #083bf5 0 0 20px;
		text-shadow: #083bf5 0 0 20px
	}
	100% {
		-webkit-text-shadow: #083bf5 0 0 50px;
		-moz-text-shadow: #083bf5 0 0 50px;
		text-shadow: #083bf5 0 0 50px
	}
}

@keyframes btlight-over {
	0% {
		-webkit-text-shadow: #083bf5 0 0 50px;
		-moz-text-shadow: #083bf5 0 0 50px;
		text-shadow: #083bf5 0 0 50px
	}
	50% {
		-webkit-text-shadow: #083bf5 0 0 20px;
		-moz-text-shadow: #083bf5 0 0 20px;
		text-shadow: #083bf5 0 0 20px
	}
	100% {
		-webkit-text-shadow: #083bf5 0 0 50px;
		-moz-text-shadow: #083bf5 0 0 50px;
		text-shadow: #083bf5 0 0 50px
	}
}

#pcs,
.pcs {
	display: block;
}

#imageslider_9 {
	margin: 0 0 0 0;
	overflow: hidden;
	position: relative;	
}
.tns-outer{
		
	}

#imageslider_9 img {
		width: 100%;
		height: 100%;
	}

	
.tns-item img {
    width: 100%;
    height: unset;
	  display: block;
}


.row-checked,
.row-checked .card-pov-tx {
	background: #C7E511;
	color: #000;
}

.mdl-mega-footer__drop-down-section {
	margin: 10px 0 0 10px;
}

.mdl-mega-footer__bottom-section {
	margin: 10px;
}

.mdl-mega-footer__heading {
	font-weight: 400;
	font-size: 1.3em;
	margin-bottom: 5px;
	color: #abc50d;
}

.page-content,
.mdl-mega-footer,
#bar-sub {
	width: 100%;
	max-width: 1164px;
	margin: 0 auto 0 auto;
}

#top_logo {
	padding: 5px 0 0 22px;
	box-shadow: unset;
	max-width: 220px;
}

.docs-navigation .mdl-navigation__link {
	font-weight: 900;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #fff;
	box-sizing: border-box;
	border-bottom: 3px solid transparent;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-user-select: inherit;
	-moz-user-select: inherit;
	-ms-user-select: inherit;
	user-select: inherit;
	height: 50px;
	padding: 0;
	margin: 0 10px;
}

.mdl-navigation__link.is-active {
	border-bottom-color: #C7E511;
}

.nav-level-1 {
	list-style: none;
}

.nav-level-1 li {
	float: left;
}

.nav-level-2 {
	background: #333;
}

.nav-level-2 li {
	float: none;
	white-space: nowrap;
}

.nav-level-2 li a {
	color: #fff;
	padding: 0 20px;
	font-size: 1.3em;
	line-height: 2em;
}

#top_search {
	background: #333;
	padding: 20px 0 0 0;
	margin-bottom: 18px;
}

#top_search .mdl-textfield__input {
	border: none;
	border-bottom: 1px solid #C7E511;
	font-size: 16px;
	margin: 0;
	padding: 4px 0;
	width: 100%;
	background: none;
	text-align: left;
	color: white;
}

#___ratingbadge_0 {
	bottom: 15px !important;
}

.mdl-layout__header-row,
.mdl-layout__content {
	width: 100%;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.mdl-layout__content {
	overflow-y: visible;
	overflow-x: visible;
}

.page-content {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	margin: 0px auto 0 auto;	
	background: #aaa;
	min-height: 300px;
}

.lightgrey {
	background: #aaa !important;
}

.mdl-components__link-image {
	display: inline-block;
	float: left;
}

.mdl-components__link-Image img {
	width: 48px;
}

.mdl-components .mdl-components__link {
	font-weight: 400;
	cursor: pointer;
	font-weight: 400;
	color: rgba(100, 100, 100, 0.87);
	position: relative;
	min-height: 24px;
	display: table;
	border-right: 3px transparent;
	border-bottom: 3px transparent;
	width: 100%;
}

.mdl-components .mdl-components__link-text {
	font-size: 1.2em;
	margin: 5px 5px;
	display: inline-flex;
}

.mdl-components__link img {
	float: left;
	width: 50px;
	border: 3px solid white;
	margin: 3px;
}

.mdl-components .mdl-components__link .is-active {
	border-right: 3px solid #889B11;
}

.docs-text-styling a {
	text-decoration: none;
}

.mdl-components .mdl-components__nav {
	display: inline-block;
	background: #fff;
	box-sizing: border-box;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	z-index: 1;
	overflow: auto;
}

.mdl-components {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.mdl-tabs__tab-bar {
	justify-content: flex-start;
}

.mdl-navigation {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	box-sizing: border-box;
}

.docs-layout .scrollindicator {
	position: absolute;
	top: 0;
	line-height: 64px;
	height: 64px;
	width: 48px;
	display: none;
	margin-right: 0;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



.docs-navigation {

	font-size: 1.3em;
}

.mdl-mega-footer {
	z-index: 4000;
	background-color: #333333;
}

.mdl-layout__header {
	position: fixed;
	margin-left: -582px;
	max-width: 1164px;
	top:0;
}

.conf-left-subgroup {
	padding: 0 0 0 10px;
	color: #fff;
	line-height: 36px;
	display: block;
}

.conf-group-arrows {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	padding: 5px 5px 0 0;
}

main {
	margin-top: 134px;
}

.product-panel {
	margin: 65px 0 0 0;
	display: none;
	background: #eee;
	position: relative;
}

.product-panel.is-active{
	
	display: block;
	
	
}

.tab-description-btn,
.tab-finance-btn {
	position: relative;
	left: 10px;
	top: 0px;
	margin: 15px 0 15px 0;
}

.loader {
	border: 16px solid #495903;
	border-radius: 50%;
	border-top: 16px solid #eee;
	border-bottom: 16px solid #eee;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin: 200px auto;
}

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

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#dia-details-morepics img {
	width: 60px;
	float: left;
	display: inline-block;
}

#btn_add_cart {
	margin: 10px 0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

#conf-right-pic {
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	margin: 10px;
	padding: 10px 0;
}

#save-mail-share-ask {
	margin: 10px auto 5px auto;
	display: table;
}

#save-mail-share-ask a {
	display: inline-block;
	width: 40px;
	text-align: center;
}

.conf-right-header {
	padding: 0 0 0 10px;
	color: #fff;
	line-height: 36px;
	display: block;
	margin: 0;
	background: #666;
	font-size: 1.5em;
}

.mdl-tabs__tab.is-active::after {
	background: #C7E511 !important;
}

.odd {
	background: #e4f6e2;
}

.even {
	background: #dedede;
}

.product-heading {
	border: 0;
}

.product-heading::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin: 10px auto 0 0;
	background-color: #dddddd;
}

#wrap-info-short::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin: 10px auto 0 0;
	background-color: #ddd;
}

img {
	border: 0;
}

#btn_text_more {
	cursor: pointer;
	color: #a0a0a0;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

#text_more {
	color: white;
	margin-top: 15px;
}

#text_more h3 {
	color: lightgrey;
	/* text-transform: uppercase; */
	font-size: 1.5em;
	font-weight: 300;
	line-height: 0.2em;
}

#text_more p {
	margin-bottom: 15px;
}

#btn_slots {
	cursor: pointer;
	font-size: 12px;
	padding: 6px;
	text-align: center;
	background-color: #666;
	color: white;
}

.slots {
	position: absolute;
	z-index: 98;
}

.cards {
	position: absolute;
	z-index: 99;
}

.slots img,
.cards img {
	display: block;
}

#conf-right-bonus {
	border: 1px solid #ccc;
	margin: 10px;
	padding-bottom: 5px;
	background-image: linear-gradient(to bottom, #ddd, #fff);
}

#conf-right-bonus p {
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: center;
	font-weight: 400;
	margin: 5px 5px -10px 5px;
}

#conf-right-bonus .bonus-campaign {
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	background-color: #333333;
	margin: 0px;
	padding: 4px 0 0 1px;
}

p.bonus-campaign::before {
	content: url(/templates/cw2018/img/achtung2_20.png);
	margin: 0px 6px 0px 0;
	align-content: center;
	vertical-align: middle;
}

#conf-right-slots {
	position: relative;
	background: url(img/slots/bg.png) no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 220px;
}

#price-product,
#price-shown,
#dia-details-price,
.conf-list-price,
.card-pov-price {
	font-family: 'Exo 2', Helvetica, Arial, sans-serif;
	font-weight: 500;
}

#price-shown,
#dia-details-price {
	text-align: center;
	font-size: 2.5em;
	font-weight: 600;
}

#price-product {
	font-size: 2.5em;
	
}

#dia-details-price {
	font-size: 14px;
}

.card-pov-price {
	text-align: right;
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.product-wrap {
	background: #eee;
	display: inline-block;
	width: 100%;
}

#product-info-wrap {
	position: relative;
}

#btn-config {
	cursor: pointer;
	border: 0;
}

#price-product-additional {
	margin: 0 5px 0 10px;
}

#info-listing i {
	margin: 0;
	width: 25px;
	cursor: unset;
}

#info-listing {
	text-align: left;
	margin: 0 -10px;
	line-height: 1.8em;
}

.info-additional span {
	color: #888;
	line-height: 2em;
	font-weight: 500;
	font-size: 12px;
}

.shipping-link {
	font-size: 12px;
	margin: 0 0 5px 0;
}

.shipping-link a {
	font-size: 12px;
}

#wrap-gal {
	/*height:348px;*/
}

#gal {
	/*width:665px;*/
	width: 100%;
	height: 100%;
}

.stacked-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

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

@media screen and (min-width: 1366px) {
	#wallpaper-left,
	#wallpaper-right {
		display: block !important;
	}
}

#wallpaper {
	left: 50%;
	position: fixed;
	z-index: 9999;
}

#wallpaper-right {
	position: absolute;
	top: 0;
	left: 582px;
}

#wallpaper-left {
	position: absolute;
	top: 0;
	right: 582px;
}

.Box_Quickfind {
	margin-top: -20px;
	height: 247px;
	width: 220px;
}

.Box_Quickfind table {
	padding-top: 23px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
}

.Box_Quickfind tr {
	line-height: 25px;
}

.Box_Quickfind table td {
	color: white;
	text-transform: uppercase;
}

.Box_Quickfind table td select {
	background: url(img/input_bg.gif) no-repeat;
	color: #444444;
	font-size: 12px;
	height: 21px;
	padding: 2px;
}

#Box_Quickfind_german td {
	padding: 5px 0 5px 0;
}

#Box_Quickfind_english td {
	padding: 5px 0 5px 0;
}

#sorting select {
	background: url(img/input_bg.gif) no-repeat;
	color: #666666;
	height: 22px;
	padding: 2px;
	font-size: 12px;
}

#sorting {
	padding: 5px 0px 10px 10px;
}

#Box_Quickfind_english {
	background: url(img/bg_pcsucher_english.png) no-repeat;
}

#Box_Quickfind_german {
	background: url(img/bg_pcsucher_german.png) no-repeat;
}


/* HEADINGS */

h1 {
	color: #000000;
	font-weight: 500;
	font-size: 18px;
	margin: 10px 0 5px 0;
	padding: 0 0 8px;
	width: auto;
	border: #ccc solid;
	border-width: 0 0 1px 0;
}

h2 {
	color: #000000;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4em;
	margin: 5px 0 20px 0px;
	padding: 0;
	font-weight: 300;
}

#PI_HEADLINE {
	color: #555555;
	font-size: 27px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-shadow: 0px 0px 3px #fff;
	outline: none;
	padding: 10px;
	background-color: #e6e6e6;
}

h3 {
	color: #333333;
	font-weight: 700;
}

#privacy {
	padding: 20px;
	background-color: white;
}

#privacy a:link {
	color: #495903;
}


/* LINKS GLOBAL */

a,
a:link,
a:link,
a:link,
a:hover {
	background: transparent;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a:link {
	color: #444444;
	outline: none;
}

a:visited {
	color: #444444;
	outline: none;
}

a:hover,
a:active {
	color: #000000;
	outline: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

.pov,
.radio,
i.material-icons {
	cursor: pointer;
}

a img {
	border: none;
	outline: none;
}

.file {
	display: inline-flex;
}

.top {
	background: #333;
	height: 110px;
	position: relative;
}

.phone-index {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 2;
}

.phone-index i {
	font-size: 18px;
}

.phone-index a {
	font-weight: 700;
	font-size: 24px;
	color: #fff
}

.pov-short{
	text-align: left;
	padding: 10px;
	max-height: 93px;
	overflow: hidden;
	
}

.card-pov {
	width: calc(33.333333333% - 3px);
	height: 320px;
	float: left;
	text-align: center;
	margin: 0 3px 3px 0;
	background: #fff;
	position: relative;
}

.card-pov-tx img {
	
}

.card-pov-tx {
	height: 35px;
	padding: 10px 0 0 0;
}



.pov-short img{
	max-width:50px;
}

.card-pov-tx:hover {
	background: #ddd;
	transition: background 0.5s;
}

.card-pov-select,
.rad i {
	position: absolute;
	left: 14px;
	bottom: 14px;
}

.card-pov-price {
	text-align: right;
	font-size: 1.2em;
	position: absolute;
	right: 14px;
	bottom: 14px;
}

.card-pov-info-btn {
	position: absolute;
	top: 10px;
	right: 10px;
}

.card-pov-name {
	font-size: 1em;
	line-height: 1.1em;
	width: 100%;
	text-align: center;
}

.mdl-card__supporting-text {
	padding: 0;
}

.top-btns {
	height: 32px !important;
	position: absolute;
	right: 0;
	bottom: 10px;
}

.top-btns i,
#top_search i {
	color: #fff;
	text-shadow: -1px 1px 2px #333333;
}

#top_search .mdl-button--icon {
	height: 36px;
}


/* POPUPS PRODUCTINFO */

body.popupproductinfo {
	padding: 15px;
	background: #fff none;
}


/* POPUP print_order.html */

body.popupprintorder {
	font-size: 13px;
	padding: 15px;
	background: #fff none;
}

body.popupprintorder .products tr.header td {
	font-weight: 700;
	background-color: #EDEDED;
}

body.popupprintorder .products .total {
	text-align: right;
}

body.popupprintorder .products .quantity {
	vertical-align: top;
}

body.popupprintorder .productname {
	vertical-align: top;
}

body.popupprintorder .model {
	vertical-align: top;
}

body.popupprintorder .singleprice {
	vertical-align: top;
}

body.popupprintorder .totalprice {
	vertical-align: top;
}


/* HIGHLIGHTBOX (BACKGROUND) */

div.highlightbox {
	position: relative;
	padding: 15px;
	background-color: #f8f8f8;
	margin-bottom: 10px;
	font-size: 1.1em;
	height: auto !important;
    max-height: none !important;
    display: flow-root !important;
    padding-bottom: 15px !important;
}

.card-pov-info-btn:hover,
.card-pov-select:hover,
.card-pov-name:hover {
	cursor: pointer;
}

.page-heading,
.page-heading-light {
	padding: 10px 0 0 20px;
	border: 0;
}

.page-heading-light {
	color: #eee;
}

.page-heading::after,
.page-heading-light::after {
	content: '';
	display: block;
	width: 150px;
	height: 2px;
	margin: 5px auto 0 0;
	background-color: #a9a9a9;
}

.page-wrap {
	padding: 15px;
	display: block;
	background: #d8d8d8;
}

.page-wrap::after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	content: '';
	clear: ;
}

.page-wrap p {
	padding: 0 10px;
}

div.highlightbox ul {
	padding: 0;
	display: block;
	line-height: 1.8em;
	list-style: none;
	font-size: 1.2em;
}

div.highlightbox h1 {
	color: #eee;
	padding: 8px 15px;
	margin: -15px -15px 10px -15px;
	border: none;
	font-size: 1.2em;
	background-color: #504E4E;
	font-weight: 300;
	letter-spacing: 0.1px;
}

.highlightbox h2 {
	color: #eee;
	padding: 9px 15px;
	margin: -15px -15px 10px -15px;
	border: none;
	font-size: 1.2em;
	background-color: #504E4E;
	font-weight: 300;
	letter-spacing: 0.1px;
}


/* PAYMENT TYPE SELECTION */

table.paymentblock {
	background-color: #f8f8f8;
	border: #eee solid;
	border-width: 0 1px 1px 1px;
	margin-bottom: 15px;
	width: 600px;
}

table.paymentblock tr td.header {
	background-color: #ccc;
	color: #000000;
	font-weight: 700;
}


/* SHIPPING TYPE SELECTION */

table.shippingblock {
	background-color: #f8f8f8;
	border: #eee solid;
	border-width: 0 1px 1px 1px;
	margin-bottom: 15px;
}

table.shippingblock tr td.header {
	background-color: #ccc;
	padding: 2px 2px 2px 5px;
	color: #000;
	font-weight: 700;
	line-height: 25px;
}

table.shippingblock tr td {
	vertical-align: top;
}

table.shippingblock tr td.description {
	width: 100%;
	vertical-align: top;
	padding-left: 6px;
}

table.shippingblock tr td.radiobutton {
	vertical-align: top;
	white-space: nowrap;
	padding: 4px;
}

table.shippingblock tr td.radiobutton input {
	margin: 0;
	padding: 0;
}

table.shippingblock tr td.price {
	vertical-align: top;
	white-space: nowrap;
}


/* ORDER DETAILS IN ACCOUNT HISTORY */

table.account-history-info-order-details tr td {
	vertical-align: top;
}

.table-header-row td {
	font-weight: 600;
	border-bottom: 1px solid #999;
}


/* MESSAGEBOX ON CONTACT SITE */

textarea.message_body {
	width: 130px;
}


/* DOWNLOAD BOX FOR USER DOWNLOADS */

table.downloadbox {
	padding: 5px;
	background-color: #f8f8f8;
	border: solid #d9d9d9 1px;
	margin-bottom: 8px;
}

table.downloadbox tr td.icon {
	padding-right: 15px;
}

table.downloadbox tr td.downloadlink {
	width: 100%;
}


/* TABLE WICH SHOWS GRADUATED PRICES */

table.graduatedprice {
	font-size: 11px;
	text-align: left;
	margin-top: 5px;
}

table.graduatedprice tr td.header {
	font-size: 12px;
	font-weight: 700;
	text-align: left;
}

.productattributes {
	font-size: 1em;
	line-height: 1.5em;
	margin: 10px;
}


/* PRODUCT NAVIGATOR */

div.productnavigator {
	background-color: #EDEDED;
	padding: 8px;
	border: #999 1px solid;
}


/* REVIEW LIST */

table.reviewlist {
	background-color: #f8f8f8;
	border: #ccc solid;
	border-width: 0 1px 1px 1px;
}

table.reviewlist tr td {
	padding: 4px;
	white-space: nowrap;
}

table.reviewlist tr.header td {
	background-color: #ccc;
	color: #fff;
	font-weight: 700;
}

table.reviewlist tr.contentrow1 td {
	background-color: #f8f8f8;
}

table.reviewlist tr.contentrow2 td {
	background-color: #f8f8f8;
}

textarea#review {
	width: 95%;
}

table.medialist {
	background-color: #f8f8f8;
	border: #ccc 1px solid;
}

table.medialist tr td {
	padding: 6px;
	white-space: nowrap;
	vertical-align: top;
}

table.medialist tr.contentrow1 td {
	background-color: #f8f8f8;
}

table.medialist tr.contentrow2 td {
	background-color: #f8f8f8;
}

.contentlist a {
	color: #ddd;
	line-height: 1.5em;
}


/* SITEMAP */

.sitemapwrap {}

.sitemapwrap .sitemapleft {
	background-color: #f8f8f8;
	border: #ccc 1px solid;
	display: table;
	float: left;
	width: 235px;
	margin-bottom: 15px;
}

.sitemapwrap .sitemapright {
	background-color: #f8f8f8;
	border: #ccc 1px solid;
	display: table;
	float: right;
	width: 235px;
	margin-bottom: 15px;
}

.sitemapheader {
	padding: 3px;
	background-color: #ccc;
	color: #fff;
	font-weight: 700;
}

.sitemapheader a:link,
.sitemapheader a:visited,
.sitemapheader a:hover {
	color: #fff;
	text-decoration: none;
	outline: none;
}

.sitemapcontent {
	padding: 6px;
}

.sitemapcontent li {
	list-style-type: none;
}

p.checkoutcomment textarea {
	width: 100%;
}

#checkout_adress {
	background-color: #ddd;
}


.suggestionsBox {
	position: absolute;
	right: 0;
	margin: 0px;
	width: 400px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	color: #333;
	z-index: 99999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 10px 3px 10px;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
	max-height: 600px;
	padding-right: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#autocomplete_pagination li {
	float: left;
	border: 0;
}

#autocomplete_prev {
	cursor: pointer;
	padding: 5px;
	width: 5%;
	text-align: left;
	font-size: 15px;
}

#autocomplete_count {
	padding: 5px;
	width: 75%;
	text-align: center;
	position: absolute;
	margin-left: 7%;
	font-size: 11px;
	font-weight: bold;
}

#autocomplete_next {
	cursor: pointer;
	padding: 5px;
	width: 5%;
	float: right !important;
	text-align: right;
	font-size: 15px;
}

.suggestionList li {
	border-bottom: 1px solid #ddd;
	background-color: #f1f1f1;
	list-style: none;
}

.suggestionList li a.autocomplete {
	display: inline-block;
	padding: 5px 0px;
	text-decoration: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.suggestionList li a.autocomplete .autocomplete_image img {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	margin-right: 10px;
}

.hl_text {
	float: left;
	display: block;
	width: 160px;
}

.hl_price {
	display: block;
	float: right;
	width: 120px;
	text-align: right;
	font-weight: bold;
}

input[type="button"],
input[type="image"],
.btn>a>img {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.checkout-btn-left{
		display:inline-block;float:left;height:30px;
	}
.checkout-btn-right{
		position:relative; margin-left:10px;display:inline-block;
	}
.checkout-btn-right  img {
		vertical-align:top;
}
	
/* CHECKOUT NAVIGATION */

ul#checkoutnavigation {
	display: inline-block;
}

ul#checkoutnavigation li {
	height: 25px;
	list-style-type: none;
	float: left;
	width: 170px;
	margin-right: 15px;
	padding: 12px 8px 8px 15px;
	font-size: 1.5em;
	font-weight: 500;
}

ul#checkoutnavigation li.active {
	background-color: #AEC80A;
	color: #fff;
	text-shadow: 0px 1px 2px black;
}

ul#checkoutnavigation li.inactive {
	background-color: #EDEDED;
	color: #999;
}

.errormessage {
	padding: 15px;
	font-size: 1.2em;
	background-color: red;
	color: white;
	margin: 20px 10px;
}

.main_header,
.main_row {
	padding: 5px 0;
}

.main_row_po {
	font-weight: bold;
	font-size: 0.9em;
	    width: 25%;
}

.main_row_pov {
	font-size: 0.9em;
}

.total_table_right {
	text-align: right;
	border-top: 1px solid #ccc;
	width: 100%;
}

.checkout-confirmation-documents a.fancybox {
	color: #000;
}

.successmessage {
	padding: 15px;
	font-size: 1.2em;
	background-color: green;
	color: white;
}


/* SUCCESS MESSAGE */

.messageStackSuccess {
	padding: 10px;
	background-color: #66FF66;
	color: black;
}


/* FOOTER */

.footer {
	clear: both;
	color: #333;
	background-color: #ddd;
	font-size: 14px;
	line-height: 22px;
	padding: 12px 39% 7px 46%;
}

.footer h1 {
	font-size: 18px;
	line-height: 14px;
	color: #333;
	border: 0px solid;
	padding: 0px;
	margin: 0px 0 15px 0;
}

.footer td {
	padding: 15px;
	vertical-align: top;
}

.footer p {
	text-align: center;
}

.footer a {
	color: #444;
	text-decoration: underline;
	outline: none;
}

.copyright,
.parseTime,
.reviews {
	font-size: 10px;
	position: fixed;
	width: 100%;
	text-align: center;
	display: inline-block;
	font-weight: 100;
}

.copyright {
	left: 0;
	height: 11px;
	bottom: 0;
	color: grey;
}

.parseTime {
	left: 0;
	bottom: 20px;
}

.reviews {
	right: 0;
	bottom: 0px;
}

.productimage {
	width: 250px;
}

#dia-details-pic img {
	max-width: 100%;
}

.popupproductinfo #productinfowrap ol,
.popupproductinfo #productinfowrap ul {
	margin: 10px 0 10px 186px;
}

.search_header {
	line-height: normal;
}

ol#address_block {
	margin-left: 30px;
}

td.main_row {
	border-top: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
}

div.agbframe {
	height: 300px;
	overflow: auto;
	margin: -8px -15px;
	padding: 10px;
}

div.agbframe ol,
div.agbframe ul {
	margin-left: 30px;
}

.fin_tx1 {
	border-bottom: dotted 1px #ddd;
	padding: 10px 0px 10px 20px;
}

.fin_tx2 {
	padding: 10px 0px 10px 0px;
}

.fin_table {
	border: dotted 1px #ddd;
	width: 100%;
}

.fin_table td {}

.fin_table tr {
	border-bottom: dotted 1px #ddd;
}

.fin_header {
	background-color: #ddd;
	font-weight: 700;
	padding: 6px;
	text-align: center;
}

.fin_cell {
	text-align: center;
}

.fin_cell_campaign {
	text-align: center;
	background-color: #00965E;
	color: white;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.cat-wrap {
	background-color: #171717;
}

.cat-header {
	background-repeat: no-repeat;
	display: block;
}

.cat-desc-wrap {
	display: inline-block;
}

.cat-left {
	
	width: 100%;
	max-width: 600px;
	display: inline-block;
}

.cat-right {
	display: inline-block;
	
}

.cat-filter {
	margin: 0;
	padding: 10px;
}


/*NEUE VERSANDKOSTENSEITE WORKAROUND*/

.vk {
	display: block !important;
}

.content-shipping {
	width: 100%;
}

.content-shipping-logo-top {
	position: absolute;
	right: 2px;
	top: 2px;
}

.erlaeuterungen {
	display: none;
}

#btn-problem {
	display: none;
	background-color: #f00;
	color: #fff;
	width: 100%;
}

.products_navigation {
	background-color: #3C3C3C;
	color: #fff;
}

.products_navigation a {
	color: White;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.8 !important;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.inline-block {
	display: inline-block;
	width: 100%;
}

#finance-panel,
#description-panel {
	padding: 10px 10px 20px 10px;
}

.price-btn-wrap {
	text-align: right;
	margin: 0 15px 0 0;
	position: relative;
}

#price-shown-tax {
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	padding-right: 10px;
}

#price-shown-ship {
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	padding-right: 10px;
}

#add-cart-button {
	text-align: center;
}

#add-cart-quantity {
	display: none;
}

.tab-description-table {
	margin: 0 0 30px 20px;
}

.tab-description-table-heading {
	font-size: 1.3em;
	line-height: 1.6em;
	color: #666;
	font-weight: 900;
	background: #fff;
}

.tab-description-table-heading i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 3em;
	cursor: pointer;
	color: #495903;
}

.pov_text i {
	font-size: 2em;
	cursor: pointer;
}

.mdl-card__actions {
	cursor: pointer;
}

.fin_div {
	display: inline-block;
	margin: 0 5px;
	font-size: 1.2em;
}

.fin_tx1 strong {
	font-size: 1.3em;
}

.tab-description-table td {
	vertical-align: middle;
	padding: 0px 12px 5px 0px;
	position: relative;
}

.tab-description-table img {
	width: 100%;
}

.tab-description-table-col1 {
	width: 100px;
	background: #fff;
	padding: 5px 10px !important;
}

.tab-description-table-col2 {
	font-size: 1em;
	line-height: 1.5em;
	max-width: 600px;
	/*border-top: 1px solid #bbb;*/
}

.tab-description-table-col2::before {
	content: '';
	display: block;
	width: 200px;
	height: 3px;
	background-color: #495903;
	margin: 0 0 10px 0;
}

.tab-description-table-col2 ul {
	display: block;
	outline: 1px solid #ccc;
	list-style: circle outside url("/templates/cw/img/ul_check_thin_black30.png");
	padding: 10px 0px 10px 35px;
	background-color: rgba(155, 155, 155, 0.2);
}

.btn-box-1,
.btn-box-2,
.btn-box-3 {
	width: 100%;
	margin: 5px;
}

.btn-box-1 .mdl-cell {
	width: 100%;
	padding: 0;
	margin: 0;
}

.btn-box-2 .mdl-cell {
	width: 50% !important;
	padding: 0;
	margin: 0;
}

.btn-box-ru {
	padding: 0;
	margin: 15px 0px 0px 0px;
	text-align: right;
}

.info-short-table {
	line-height: 1.6em;
	font-size: 1.2em;
}

.info-short-table-col1 {
	vertical-align: top;
	padding: 0 20px 0 0;
	width: 100px;
}

.info-short-table-col2 {
	vertical-align: top;
	overflow-x: hidden;
	white-space: nowrap;
	max-width: 329px;
	text-overflow: ellipsis;
}

.green-bold {
	color: #495903;
	font-weight: 700;
	font-size: 1.2em;
}

#product-info-price {}

.short_detail {
	font-size: 12px;
	color: rgb(128, 128, 128);
	line-height: 15px;
}

#cat-desktop {
	display: block;
	margin: 0 0 -25px 25px;
}

#cat-mobile {
	display: none;
}

.mdl-layout__drawer-button {
	display: none;
}

#Layer_MyConf {
	position: absolute;
	z-index: 2;
	top: -1px;
	right: 0px;
	width: 120px;
	height: 120px;
}

.Layer_MyConf_german {
	background-image: url(img/my_configuration_german.png);
}

.navi_bottom {
	background-color: #ebebeb;
	width: 220px;
	height: 10px;
	margin-top: -15px;
	margin-bottom: 15px;
}

#art_info_details_col1 {
	width: 251px;
}

#art_info_details_col2 {
	vertical-align: top;
}

.highlightbox p {
	margin: 10px 0 5px 0;
}

.highlightbox i {
	font-style: normal;
}

.highlightbox .main_row {
	font-style: normal;
}

.komp_desc_header {
	padding-left: 15px;
}

.komp_desc {
	font-size: 13px;
	padding: 15px;
}

.komp_desc h3 {
	border-style: solid;
	border-width: 0px 0 1px 0;
	border-color: #ccc;
	margin: 15px 0px;
}

.komp_desc img {
	border: 1px solid #c5c5c5;
}

.komp_desc ul {
	display: block;
	outline: 1px solid #ccc;
	list-style: circle outside url("/templates/cw/img/ul_check_thin_black60.png");
	padding: 10px 0px 10px 35px;
	background-color: rgba(155, 155, 155, 0.2);
}

.komp_desc_table {
	border: 1px solid #ddd;
}

.komp_desc_table_header {
	color: #000;
	font-weight: 500;
	padding-left: 1px;
}

.komp_desc_table_c1,
.komp_desc_table_c2 {
	width: 33%;
	vertical-align: top;
	padding: 3px !important;
}

td.komp_desc_table_c1.even,
td.komp_desc_table_c2.even {
	background-color: #f9f9f9;
}

td.komp_desc_table_c1.odd,
td.komp_desc_table_c2.odd {
	background-color: #ffffff;
}

.komp_desc_table_both {
	vertical-align: top;
	font-weight: 700;
	color: #666;
}

ul.check {
	list-style-type: none;
	color: #555;
	font-weight: 500;
	padding: 6px 0 0 0px;
}

ul.check li {
	padding: 0px 0 0px 0px;
}

ul.check i {
	color: #495903;
	font-size: 16px;
	padding: 0 5px 0 0;
}

#shopauskunft_widget {
	text-align: right;
}

.ssl-seal {}

.box_cont a {
	color: White;
	font-weight: 700;
}

.hr_mwdw {
	border: none;
	border-top: 1px dotted #bbb;
	height: 1px;
	margin: 5px 5px 5px 0px;
}

.checkoutaccept {
    margin: 0 -15px -15px -15px !important;
    color: #fff;
    background-color: #d12f2f;
    padding: 10px 10px 15px 10px !important; 
    display: block;
    overflow: hidden; 
}

.checkoutaccept .mdl-checkbox {
    height: auto !important;         
    min-height: 24px;
    display: flex !important;         
    align-items: flex-start;         
    white-space: normal !important;  
}

.checkoutaccept .mdl-checkbox__label {
    white-space: normal !important; 
    line-height: 1.4 !important; 
    color: #fff !important; 
}

.checkoutaccept .mdl-checkbox__label a {
    color: #fff !important;
    text-decoration: underline;
}

.checkoutaccept .mdl-checkbox__box-outline {
    top: 2px !important; 
}

.checkoutaccept-paypal {
	color: #fff;
	background-color: #d12f2f;
	padding: 5px 5px 5px 10px;
	margin: 8px;
}

.mdl-checkbox__box-outline {
	background: #fff;
}

.partnerlogo_eckig {
	height: 60px;
	width: 110px;
}

.partnerlogo_rund {
	height: 70px;
	width: 70px;
}

.partnerlogo_siegel {
	height: 85px;
	width: 70px;
}

.subtotal .cf_ab {
	font-size: 15px;
	padding-top: 10px;
}

.cf_ab {
	cursor: pointer;
}

.cf_tx {
	text-align: left;
	font-size: 0.9em;
	color: #797979;
	line-height: 1.5em;
	margin: 0;
	display: block;
	text-align: justify;
	padding: 10px;
	background-color: #f4ece6;
}

.checkout-btn {
	display: inline-flex;
	margin-right: 3px;
}

.cart-action-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Buttons behalten ihre natürliche Breite. Für volle Breite 'stretch' nutzen */
    gap: 12px;
    margin-top: 15px;
}

.cart-action-buttons .checkout-btn {
    display: flex;
    margin-right: 0 !important;
}

#dia-share-text {
	padding: 50px 20px 20px 20px;
	font-size: 2em;
	font-weight: 700;
	font-family: 'Exo 2', Helvetica, Arial, sans-serif;
}

.share-icon {
	margin: 20px;
}

#dia-problems,
#dia-share {
	width: 100%;
	max-width: 360px;
	display: none;
}

#dia-details {
	display: none;
}

#dia-details-desc img {
	width: 300px;
	padding-right: 15px;
}

.dia-problems-heading {
	background: #f00;
	color: #fff;
	margin: -24px -24px 0 -24px;
	padding: 10px 24px;
	font-size: 1.2em;
	font-weight: 700;
	display: block;
}

.dia-share-heading {
	background: #495903;
	color: #fff;
	margin: -24px -24px 0 -24px;
	padding: 10px 24px;
	font-size: 1.2em;
	font-weight: 700;
	display: block;
}

#dia-problems-text {
	margin: 20px 0 0 0;
}

.mdl-dialog__actions button {
	margin: 5px 0;
}


/* Neue Kategorieseite */

div.newcats {
	padding: 3px 20px 3px 20px;
	height:300px;
	display: inline-table;
}

div.newcats table {
	padding: 60px 20px 80px 20px;
	font-size: 1.5em;
	color: #fff;
}

p.newcats {
	color: White;
	text-shadow: 1px 1px 1px #111;
	max-width: 90%;
	margin-left: 20px;
}

h1.newcats {
	font-size: 32px;
	color: white;
	border: 0px;
	text-shadow: 1px 1px 1px #111;
	line-height: 1.4em;
	vertical-align: top;
	font-weight: 400;
}

h2.newcats {
	font-size: 18px;
	line-height: 26px;
	color: lightgrey;
	text-shadow: 1px 1px 1px #111;
	vertical-align: top;
	margin-top: 0px;
}

h3.newcats {
	color: white;
	text-shadow: 1px 1px 3px #111;
	vertical-align: top;
	margin: 8px 0px 10px 0px;
	font-weight: normal;
	font-size: 17px;
}

img.newcats {
	box-shadow: 0px 0px 5px #555;
	float: left;
	margin: 0px 15px 5px 0px;
}

ul.newcats {
	color: White;
	text-shadow: 1px 1px 1px #111;
	padding-bottom: 5px;
	padding-left: 9px;
	list-style-image: url(/images/list-check-s.png);
}

li.newcats {
	color: White;
	text-shadow: 1px 1px 1px #111;
	margin: 0px 15px 0px 15px;
}

#save-mail-share-ask i {
	cursor: pointer;
}


/*FILTER*/

.product-div {
	width: calc(50% - 15px);
	height: 410px;
	float: left;
	position: relative;
	margin: 0px 0px 15px 15px;
	background-color: #fff;
}

.product-div-img {
	padding: 15px 5px 5px 15px;
	float: left;
}

.product-div-caption {
	text-align: left;
	padding: 10px 0 10px 15px;
	background-color: #ddd;
}

.product-div-caption a {
	font-weight: 700;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #555;
}

.product-div-short {
	font-size: 1.15em;
	line-height: 1.2em;
	padding: 15px 15px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 270px;
	max-width: 100%;
}

.product-div-badges {
	padding: 2px 5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 549px;
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #ddd;
	background-color: #f3f3f3;
}

.product-div-badges img {
	opacity: 0.8;
	max-height: 20px;
	padding: 5px 5px 5px 4px;
}

.product-div-bonus {
	padding: 5px;
	position: absolute;
	top: 220px;
	left: 12px;
}

.product-div-price {
	display: inline-block;
	position: absolute;
	right: 15px;
	bottom: 80px;
}

.product-price {
	font-weight: 700;
	font-family: 'Exo 2', Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	color: #555;
}

.product-div-link {
	bottom: 45px;
	right: 15px;
	position: absolute;
	float: right;
}

.product-div-info {
	padding: 0 0px 13px 15px;
	font-size: 0.92em;
	color: #595959;
	position: absolute;
	bottom: 30px;
	left: 0;
}

.single .product-div-info {
	bottom: 5px;
}

.single .product-div-link {
	bottom: 15px;
}

.single .product-div-price {
	bottom: 50px;
}

.single .product-div-short {
	white-space: normal;
}


/* kleine logos Pinfo */

.productInfo_imgrow img {
	float: left;
	max-height: 20px;
	background-color: #efefef;
	padding: 7px;
	margin: 0px 4px 4px 0px;
	-moz-border-radius: 5px;
	/* Firefox */
	-webkit-border-radius: 5px;
	/* Chrome, Safari */
	-khtml-border-radius: 5px;
	/* Konqueror */
	border-radius: 5px;
	/* CSS3 */
	behavior: url(border-radius.htc);
	/* Internet Explorer */
	border: 1px solid #E0E0E0;
}

.product-divPrice {
	font-size: 14px;
	padding-right: 14px;
	float: right;
	width: 156px;
}

.productOldPrice {
	color: red;
	text-align: right;
	font-weight: 400;
	font-size: 0.6em;
	line-height: 1.0em;
}

.instead {
	font-weight: 500;
	font-size: 0.8em;
}

.save {
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: 500;
	clear: both;
	width: 130px;
	display: none;
}

.clearance {
	clear: both;
}

#product_pagination {
	padding: 0 0 0 15px;
}

#product_pagination_text {
	margin: 0 10px 0 0;
	font-size: 1em;
}

#product_pagination button {
	margin-right: 3px;
}

.pagination_bar {
 /* padding: 0px 0px 0px 0px; */
  margin: 0px 0 2px 0; 
}
.pagination_text {
  float: left;
  display: none;
  font-size: 1em;
  line-height: 44px;
  vertical-align: middle;
  color: #fff;
  padding: 0px 25px;
}
.pagination_list {
  display:inline-block;
  float:right;
  font-size:12px;
  line-height:24px;
}
.pagination_list ul {
  list-style-type:none;
  margin: 0;
}
.pagination_list ul li {
  float: left;  
				  
  line-height: 44px !important;
  text-align: center;
  padding: 0;  
}
.pagination_list ul li.plain {
  padding: 0 4px;
  font-weight: 700;
  font-size: 1.5em;
}
.pagination_list ul li a {
  font-size: 1.5em !important;
  line-height: 44px !important;
  display: inline-block;
  min-width:30px;
 
  margin: 0 0 0 3px;
  color: #fff !important; 
  text-decoration:none;
  
}
.pagination_list ul li a:hover {
  font-size: 1.5em !important;
  line-height: 44px !important;
  min-width:30px;
  
  margin: 0 0 0 3px;
  color: #fff !important; 
  text-decoration:none;
  background-color: #aac30d;
}
.pagination_list ul li.current {
  font-size: 1.5em !important;
  line-height: 44px !important;
  min-width:30px;
 
  margin: 0 0 0 3px;
  color: #000;
				  
  background-color: #aac30d;
}

@media only screen and (min-width: 920px) {
  .pagination_text { display:inline-block; }
}

.product_button {
	text-align: center;
	color: #fff;
	border: 0px solid #F0F0F0;
	background-color: #595959;
	cursor: pointer;
	padding: 8px;
	width: 32px;
}

.product_button_selected {
	text-align: center;
	color: #000;
	font-weight: 700;
	border: 0px solid #555;
	background-color: #F0F0F0;
	padding: 8px;
	width: 32px;
}

.price_slide_all {
	display: block;
	color: #fff;
}

.contact-us-message {
	width: 90%;
}

#product_price_range {
	color: white;
	float: left;
	width: 100px;
}

#product_price_slider {
	width: calc(100% - 150px);
	float: left;
	padding: 0px;
	margin-top: 4px;
}

#product_price_slider .ui-slider-range {
	background: #495903;
}

#product_price_slider .ui-slider-handle {
	border-color: #495903;
	cursor: e-resize;
}

#product_price_range_min {
	color: #fff;
	float: left;
	padding: 0px 5px 0px 0px;
	width: 60px;
}

#product_price_range_max {
	color: #fff;
	float: left;
	padding: 0px 0px 0px 20px;
	width: 60px;
}

.filter h3 {
	padding: 2px 0px 5px 15px;
}

.filter-left {}

.filter-left .filter-div {
	float: left;
	margin: 0 10px 10px 0;
	width: calc(33% - 10px);
}

.filter-top-btn {
	color: #eee;
	width: 100%;
	text-align: left;
	text-transform: unset;
	font-weight: 300;
	letter-spacing: 0.5px;
}

.filter-top-btn i {
	position: absolute;
	right: 0;
	top: 5px;
}

.filter-drop i {
	position: absolute;
	right: 0;
	top: 5px;
	color: #f00;
}

.filter-drop {
	color: white;
	border-radius: 3px !important;
	background: #495903;
	font-size: 1em;
	text-transform: unset;
	padding: 0 30px 0 10px;
	margin: 0 5px 5px 0;
}

.filter-drop i {
	position: absolute;
	right: 0px;
	top: -1px;
	background-color: #a1c100;
	color: #4e5d00;
}

.filter-drop-heading {
	color: #000000;
	font-weight: 500;
	font-size: 0.9em;
}

.filter-drop-tx {
	color: #000000;
	font-weight: 300;
	font-size: 0.7em;
}

.filter-drop-heading,
.filter-drop-tx {
	line-height: normal;
	text-align: left;
}

.filter-left h2 {
	color: #fff;
	font-size: 1 em;
	line-height: 2em;
	margin: 0;
	text-align: center;
}

.filter-left .filter-list {
	list-style: none;
	padding: 0;
}

.filter-left .filter-btn {
	padding: 0px 17px;
	text-align: left;
	cursor: pointer;
}

.filter-left .filter-list li {
	margin: 0 0 0 0;
	padding: 0;
}

.filter-left .filter-list button {
	background: #272727;
	border: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	text-transform: unset;
	font-weight: 100;
	letter-spacing: 0.2px;
}

.filter-left .filter-list button.active {
	background: #495903;
}

.filter_right {}

#filterCpu select {
	border: 0px;
	color: #fff;
	background-color: #555;
	font-weight: 200;
	padding: 5px;
	margin: 0 0 6px 0;
	width: 230px;
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.18);
}

#filterCpu select option {
	padding: 3px 5px 3px 5px;
}

#filterVga select {
	border: 0px;
	color: #fff;
	background-color: #555;
	font-weight: 200;
	padding: 5px;
	width: 230px;
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.18);
}

#filterVga select option {
	padding: 3px 5px 3px 5px;
}

#product_sort {
	border: 0px;
	color: #fff;
	background-color: #555;
	font-weight: 200;
	padding: 5px;
	margin: 3px 0px;
	width: 210px;
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.18);
}

.product_filter {
	border: 0px;
	color: #fff;
	background-color: #555;
	font-weight: 200;
	padding: 5px;
	margin: 0 0 6px 0;
	width: 210px;
}

.filter-slider-heading {
	margin: 10px 0 5px 0;
	font-size: 1.2em;
}

#product_results_div {
	padding: 10px 0px;
	font-size: 1.2em;
}


}
#product_pagination_wrap {
	text-align: right;
}
.HRproduct-div {
	border: none;
	border-top: 1px dotted #bbb;
	background-color: no;
	height: 1px;
	margin: 5px -15px 5px 0px;
}
.product-info-badges {
	padding: 15px 0px 10px 0px;
}
.product-info-badges img {
	text-align: center;
	max-height: 30px;
	margin: 5px 5px;
}
.std_tx {
	color: #888;
	font-size: 1em;
	line-height: 1.4em;
	white-space: pre-line;
	margin: 5px 0 0 0;
}
#wrap-info-short {
	margin: 0 20px 0 0px;
}
.th_bdg_ovl {
	width: 100px;
	position: absolute;
	top: 48px;
	left: 0px;
	z-index: 99;
}
.top-right-5 {
	position: absolute;
	top: 5px;
	right: 5px;
}
#checkout_confirmation {
	text-align: right;
	margin: 10px;
}
.shipping-row {
	position: relative;
	background: #e2e2e2;
	width: calc(100% - 16px);
	padding: 7px;
	margin-bottom: 5px;
	border: 1px solid #cacaca;
}
.shipping-row-price {
	text-align: right;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 16px;
	line-height: 24px;
}
.shipping-row-title {
	font-size: 0.8em;
	color: #696969;
}

/* Bonusbanner */
.bonus_image {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
.bonus_val {
	color: white;
	position: absolute;
	bottom: -25px;
	/* right:0; */
	
	font-weight: 600;
	font-size: 26px;
	padding: 53% 9%;
	text-shadow: 2px 2px 2px #000;
}
.pos-relative {
	position: relative;
}
#zs_navi {
	width: 300px;
}
#conf {
	width: 100%;
}
#conf-right {
	width: 220px;
	background-color: #fff;
	z-index: 999;
}
#conf-right-wrap {
	width: 220px;
	background-color: #fff;
}
.aside-fixed {
	position: fixed;
	margin-top: 0px;
}
.aside-scroll {
	position: absolute;
}
.conf-fixed {
	margin: 0 230px 0 310px;
}
.conf-scroll {
	margin: 0 230px 0 310px;
}
.conf-right-fixed {
	margin-top: 0px;
	position: fixed;
	margin-left: calc(1164px - 220px);
}
.conf-right-scroll {
	position: absolute;
	right: 0;
	bottom: 0;
}
iframe[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left;
}
.po_kachel {
	width: 200px;
	float: left;
	margin: 2px;
	display: block;
}
.po_kachel_pic {
	width: 200px;
	background-color: white;
}
.po_kachel_pic_hidden {
	display: none;
}
.po_kachel_subcat {
	margin: 10px 0 10px 2px;
	color: black;
	font-weight: 700;
	clear: both;
}
.po_kachel_rb {
	display: none;
	/*margin: -25px 5px;*/
	
	padding: 5px 0 0 5px;
}
.po_kachel_name {
	width: 200px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	margin: 0px 0px 0 0;
}
.po_kachel_price {
	width: 200px;
	text-align: center;
	padding-right: 0px;
	font-size: 14px;
	font-weight: 700;
	color: darkblue;
}
.po_kachel_short_detail {
	width: 200px;
	font-size: 12px;
	color: rgb(128, 128, 128);
	line-height: 15px;
}
.fancybox-slide::before {
	height: 0;
}
.fancybox-slide {
	width: 100vw;
}
.fancybox-container {
	width: 100%;
	height: 100%;
}
.fancybox-slide--iframe .fancybox-content {
	width: 680px;
	height: 800px;
	max-width: 80%;
	max-height: 80%;
	margin: 0;
}
.options>.mdl-tabs__tab-bar {
	overflow-x: scroll;
	justify-content: flex;
	width: 1200px;
}
.conf-pov-list-tr {
	height: 48px;
}
.conf-pov-list,
.btn-filter {
	width: 100%;
}
.conf-list-rb {
	width: 48px;
}
.conf-list-text {}
.conf-list-pic {
	width: 40px;
	cursor: pointer;
}
.conf-list-info {
	width: 30px;
}
.conf-list-price {
	padding-right: 5px;
	text-align: right !important;
	width: 100px;
	font-weight: 600;
}
#product_show {
	display: inline-block;
	width: 100%;
	padding: 15px 0 0 0;
}
#zs_navi a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}
#zs_navi a:hover {
	background-color: #eeeeee;
	color: #333;
}
#zs_navi a.is-active {
	background-color: #C7E511;
	color: #000;
}
.p_small {
	width: 100px;
}
.fehler_po {
	background-color: #f00;
	color: #000 !important;
}
.fehler_pov {
	color: red;
}
.mdl-dialog {
	border: none;
	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
	width: 280px;
}
.mdl-dialog__title {
	padding: 24px 24px 0;
	margin: 0;
	font-size: 2.5rem;
}
.mdl-dialog__actions {
	padding: 8px 8px 8px 8px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.mdl-dialog__actions>* {
	height: 36px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.mdl-dialog__actions--full-width {
	padding: 0 0 8px 0;
}
.mdl-dialog__actions--full-width>* {
	height: 48px;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding-right: 16px;
	margin-right: 0;
	text-align: right;
}
.mdl-dialog__content {
	padding: 20px 10px 24px 10px;
	color: rgba(0, 0, 0, 0.84);
	font-weight: 400;
}
.breadcrumb {
	margin: 0 0 0 25px;
	line-height:30px;
}
.breadcrumb a {
	color: #fff;
	font-size: 13px;
	line-height: 40px;
	text-transform: uppercase;
}
.breadcrumb li {
	display: inline;
}
.wrap-cart-details {
	margin: 5px;
	max-width: 560px;
	background-color: rgb(255, 255, 255);
	padding: 5px;
}
.cart-details {
	border: 0;
}
.cart-details .productattributes td {
	text-align: left;
	vertical-align: text-top;
	border: 0;
}
.cart-details th {}
.mdl-card {
	z-index: 0;
}
.pov-desc {
	display: none;
}
.pov-img-big {
	width: 120px;
}
.pov-img-small {
	height: 50px;
	width: 50px;
	margin: 1px;
}
.imprint a,
.conditions a,
.contact a {
	color: #efefef;
}
.sc-btn {
	text-transform: unset;
	text-align: left;
	padding-left: 47px;
	font-weight: 300;
}
.aside-desc {
	padding-left: 15px;
	overflow-x: hidden;
	display: block;
	text-overflow: ellipsis;
	max-width: 220px;
}
.btn-filter {
	text-transform: normal;
}
.btn-no-filter {
	text-transform: normal;
}
.header_basket {
	line-height: 30px;
}
#dia-details {
	width: 100%;
	max-width: 800px;
}
#details-title {
	font-size: 1.2em;
	font-weight: 700;
}
.dia-close {
	position: absolute;
	top: 0px;
	right: 0px;
}
.dia-accept {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#dia-details-price,
#dia-details-title {
	position: absolute;
	font-size: 1.2em;
	font-weight: 700;
}
#dia-details-price {
	bottom: 8px;
	right: 120px;
}
#dia-details-title {
	top: 10px;
	left: 10px;
}
#dia-details .mdl-tabs__tab-bar {
	margin-bottom: 10px;
}
.grp-btn {
	background-color: #666666;
	color: #fff;
	font-size: 1.5em;
	border-bottom: 1px solid #888;
	height: 36px;
	display: inline-block;
}
.grp-btn.is-active {
	background-color: #899925;
	color: #fff;
}
#bar-sub {
	position: fixed;
	top: 150px;
	z-index: 3000;
	background: #fff;
	width: 100%;
}

/*RADIO BUTTONS*/
.rad {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.rad>input {
	/* HIDE ORG RADIO*/
	
	visibility: hidden;
	position: absolute;
}

/* RADIO & CHECKBOX STYLES */
.rad>i {
	/* DEFAULT <i> STYLE */
	
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	transition: 0.2s;
	box-shadow: inset 0 0 0 8px #fff;
	border: 1px solid gray;
	background: gray;
}
.rad:hover>i {
	/* HOVER <i> STYLE */
	
	box-shadow: inset 0 0 0 3px #fff;
	background: gray;
}
.rad>input:checked+i {
	/* (RADIO CHECKED) <i> STYLE */
	
	box-shadow: inset 0 0 0 3px #fff;
	background: #333;
}
.desc_add {
	display: block;
}
.mdl-button {
	border-radius: 0;
}
.mdl-button--colored,
.mdl-button--raised.mdl-button--colored {
	background-color: #666;
	/* color: #fff; */
}
.material-scrolltop {
	background: #333;
	border-radius: 4px;
	color: #fff;
	height: 56px;
	width: 56px;
	position: fixed;
	left: 50%;
	right: 50%;
	bottom: 5px;
	display: none;
	transition: .2s ease-out;
	z-index: 1000;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}
.material-scrolltop:hover {
	box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .3), 0 2px 3px 0 rgba(0, 0, 0, .1);
}
.material-scrolltop:hover {
	background-color: #333;
	text-decoration: none;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}
.material-scrolltop::before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "";
	width: 0;
	border-radius: 100%;
	background: #66bb6a;
}
.material-scrolltop:active::before {
	width: 120%;
	padding-top: 120%;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.material-scrolltop.reveal {
	display: inline-block;
}
.material-scrolltop span {
	display: block;
	font-size: 25px;
	color: #fff;
}
.material-scrolltop,
.material-scrolltop::before {
	background-position: center 50%;
	background-repeat: no-repeat;
}
.mdl-textfield__label {
	color: rgba(0, 0, 0, 0.60);
}
.address-box {
	position: relative;
	min-height: 190px;
}
.address-box-leftbutton {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.address-box-rightbutton {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.messageStackWarning {
	background-color: red;
	padding: 15px;
}
.account-history-info-order-details {
	background-color: #f8f8f8;
}
#bodycontent-msi-intelmb300 {
	font-size: 15px;
	line-height: 21px;
	color: #ccc;
	text-shadow: 1px 1px 1px #000;
	background-color: #000000;
	background-image: url(../../images/msi-intelmb300/bg2.jpg);
	margin-bottom: 15px;
}
#message_body {
	background: #fff;
	border: 1px solid #ddd;
}
.index-card {
	position: relative;
	background-color: #f8f8f8;
	margin: 10px 10px 0 0;
	width: calc(33.3333333333% - 14px);
}
.index-card-50 {
	position: relative;
	background-color: #f8f8f8;
	margin: 10px 10px 0 0;
	width: calc(50% - 16px);
}
.index-card:last-child,
.index-card-50:last-child {
	margin: 10px 10px 0 0;
}
.index-card:first-child,
.index-card-50:first-child {
	margin: 10px 10px 0 10px;
}
.index-card .index-card-img {
	width: 100%;
}
.index-card .mdl-card__actions a {
	width: calc(100% - 32px);
}
.index-card .index-card-link {}
.index-card .mdl-card__actions {
	position: absolute;
	bottom: 0;
	left: 0;
}
.index-card .mdl-card__actions i {
	position: absolute;
	bottom: 6px;
	right: 5px;
}
.index-card .mdl-card__title {
	position: relative;
	padding: 0;
}
.index-card .mdl-card__title-text {
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 15px;
}
.index-card>.mdl-card__supporting-text {
	padding: 15px 10px 65px 15px;
	font-size: 0.9em;
	color: #555;
}
#bp>img {
	width: 100%;
	margin-bottom: 10px;
}
.product-info-left {
	width: 100%;
	max-width: 665px;
}
.product-info-right {
	width: 100%;
	max-width: calc(1164px - 665px - 32px);
	position: relative;
}
  
  
.hidden-content {
  position: absolute; 
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.content-visible {   
    position: static;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
}

#gpsr_desc	{
	font-size: 1.2em;
	color: #333;
	margin: 25px auto;
}
	
  
@media (min-width: 840px) and (max-width:1164px) {
	.docs-navigation {
		margin: 0 0 -13px 0 !important;
		height: 64px !important;
	}
	
	.docs-navigation .mdl-navigation__link {
		font-weight: 700;
		font-size: 1em;
		margin: 0 5px;
	}
	
	.mdl-layout__header {
		margin-left: -50%;
	}
	
	.conf-right-fixed {
		margin-top: 0;
		position: fixed;
		margin-left: 0;
		right: 0;
	}
	
	.product-div {
		width: calc(100% - 16px);
		height: 325px;
	}
	
	.product-div-badges {
		width: calc(100% - 10px);
	}
	
	.product-div-info {
		bottom: 30px;
		right: 0;
		left: unset;
		
	}
	
	.product-div-link {
		bottom: unset;
		top: 130px;
	}
	
	.product-div-price {
		bottom: unset;
		top: 60px;
	}
	
	#imageslider_9 img {
		width: 100%;
		height: 100%;
	}
	
	.cat-left {
		max-width: 520px;
	}
	
	.product-info-left {
		width: 40%;
		max-width: unset;
	}
	
	.product-info-right {
		width: 50%;
		max-width: unset;
	}
	
	.card-pov {
		width: calc(50% - 3px);
	}
}
@media (max-width: 360px) {
	
	#imageslider_9 {
		/*display: none !important;*/
		margin: 0 0 0 0;
		position: relative;
	}
	.tns-outer{
		height:unset;
	}
	
	.suggestionsBox {
		width: 100%;
	}
	
	.product-div-short {
		line-height: 1.2em;
	}
	
	.product-div-price {
		bottom: 88px;
		left: 15px;
		font-size: 0.8em;
	}
	
	.product-div-link {
		bottom: 90px;
		right: 10px;
	}
	
	.conf-list-text {
		width: 130px;
	}
	
	.tab-finance-btn {
		right: 0;
	}
	
	.fin_div {
		display: block;
		margin: 0;
	}
	
	.fin_header {
		padding: 0;
	}
}
@media (max-width: 839px) {
	.main_row_po {
			width: 35%;
	}
		
	.fin_div {
		font-size: 1em;
	}
		
	.suggestionsBox {
		width: 100%;
		position: fixed;
	}
	
	#imageslider_9 {
		position: relative;
		margin: 0 0 0 0;
	}
	.tns-outer{
		
		display:block;
	}
	
	
	.tab-description-btn,
	.tab-finance-btn {
		position: relative;
	}
	
	.info-short-table-col2 {
		max-width: 220px;
	}
	
	.info-short-table {
		line-height: 1.8em;
		font-size: 1.0em;
	}
	
	.mdl-components .mdl-components__nav {
		left: 0;
		display: block;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: 100%;
		height: 70px;
		overflow-x: auto;
		overflow-y: hidden;
		font-size: 10px;
		z-index: 100;
		white-space: nowrap;
	}
	
	.mdl-components__nav .mdl-components__link {
		display: inline-block;
		vertical-align: top;
		width: 100px;
	}
	
	.mdl-components .mdl-components__link .is-active {
		border-bottom: 3px solid #889B11;
	}
	
	.mdl-components__nav .mdl-components__link>.mdl-components__link-image {
		position: static;
		width: 56px;
	}
	
	.mdl-components__nav .mdl-components__link>* {
		display: block;
		width: auto;
		margin: 0 auto;
		text-align: center;
	}
	
	.docs-navigation__container {
		height: 32px;
	}
	
	.docs-navigation {
		height: 32px;
	}
	
	.docs-navigation .mdl-navigation__link {
		line-height: 32px;
		height: 32px;
	}
	
	.mdl-components .mdl-components__link-text {
		padding: 1px 0 0 0;
	}
	
	.page-heading {
		padding: 0 0 0 15px;
	}
	
	.page-wrap {
		padding: 15px;
		
	}
	
	#zs_navi {
		position: absolute;
		top: auto;
		width: 100vw;
		height: 80px;
	}
	
	#zs_navi a {
		display: inline-block !important;
	}
	
	#product-info-wrap {
		padding: 0;
	}
	
	#conf {
		margin: 79px 0 0 0;
		height: 100% !important;
		min-height: calc(100vh - 170px);
	}
	
	#bar-sub {
        top: 83px;
        width: 100vw;
        font-size: 0.95em;
	}
	
	#config-panel .mdl-grid {
		margin: 0px;
		padding: 0px;
	}
	
	#config-panel,
	#description-panel,
	#finance-panel {}
	
	#gal img,
	#wrap-gal img {
		width: 100%;
	}
	
	#wrap-gal {
		max-width: 93%;
	}
	
	.mdl-grid,
	.mdl-cell {
		margin: 0;
		padding: 0;
		width: 100% !important;
	}
	
	.product-info-badges {
		padding: 5px 0;
	}
	
	.mdl-tabs__tab {
		padding: 0 5px 0 11px;
		height: 33px;
		line-height: 36px;
		font-size: 1em;
	}
	
	.mdl-tabs__tab-bar {
		height: 36px;
		font-size: 0.8em;
	}
	
	.aside-name {
		overflow-x: hidden;
		width: 100% !important;
	}
	
	#___ratingbadge_0 {
		display: none !important;
	}
	
	.conf-pov-list td {
		font-size: 1em;
	}
	
	.conf-list-text {
		width: 200px;
	}
	
	.conf-list-price {
		width: 80px;
	}
	
	.pov_text {}
	
	.pov_short {
		font-size: 0.9em;
		color: #404040;
	}
	
	.filter_left {}
	
	.filter_right {
		margin: 0;
	}
	
	.conf-pov-list {
		width: 100%;
	}
	
	#add-cart-button {
		position: fixed;
		bottom: 0;
		left: 4px;
		z-index: 111;
	}
	
	#btn-problem {
		position: fixed;
		width: 165px;
		bottom: 4px;
		left: 4px;
		z-index: 111;
		background-color: #f00;
		color: #fff;
		font-size: 1em;
		text-transform: initial;
	}
	
	#btn_add_cart {
		margin: 0;
	}
	
	#add-cart-quantity {
		display: none;
	}
	
	#save-mail-share-ask {
		position: fixed;
		cursor: pointer;
		bottom: 50px;
		left: 0;
		z-index: 111;
		margin: 0;
	}
	
	#save-mail-share-ask a {
		width: 36px;
	}
	
	#save-mail-share-ask i {
		color: white;
		cursor: pointer;
	}
	
	.copyright,
	.parseTime,
	.reviews {
		display: none;
	}
	
	.footer-bottom {
		padding-top: 0;
		margin-bottom: 0;
	}
	
	#conf-right-bonus,
	#btn_slots,
	#conf-right-slots,
	#conf-right-pic {
		display: none;
	}
	
	#conf-right-price {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		border-top: 1px solid white;
		background-color: #333;
		z-index: 110;
		width: 100vw;
		height: 85px;
	}
	/*WORKAROUND TEMP*/
	
	#price-shown-ship a {
		color: white;
	}
	
	.product-divImg img {
		width: 100px;
	}
	
	.product-div-short p {
		font-size: 0.9em;
		line-height: 1.2em;
	}
	
	.fancybox-slide--iframe .fancybox-content {
		width: 100% !important;
		height: 600px;
		max-width: 360px !important;
		max-height: 80%;
		margin: 0;
	}
	
	.info-additional span {
		color: #888;
		margin: 0 5px 0 0;
		line-height: 2em;
		font-weight: 400;
		font-size: 0.9em;
	}
	
	#wrap-info-short {
		margin: 0;
		padding: 0 10px;
	}
	
	.product-heading {
		border: 0;
		padding: 0 10px;
		font-size: 2em;
	}
	
	#info-listing {
		padding: 10px;
	}
	
	#info-listing {
		text-align: left;
		position: relative;
		margin: 0;
		bottom: unset;
		left: unset;
	}
	
	.product-heading::after {
		content: '';
		display: block;
		width: 95%;
		height: 1px;
		margin: 10px auto 0 0;
		background-color: #dddddd;
	}
	
	.mdl-mega-footer {
		padding: 5px 0 100px 0;
		margin-left: 0;
		margin-top: 50px;
		z-index: 1;
	}
	
	#dia-detail {
		top: 0 !important;
	}
	
	#price-shown {
		text-align: right;
		font-size: 1.5em;
		font-weight: 700;
		color: white;
		padding-right: 10px;
	}
	
	#price-shown-tax {
		text-align: right;
		font-size: 1em;
		font-weight: normal;
		color: white;
		padding-right: 10px;
	}
	
	#price-shown-ship {
		text-align: right;
		font-size: 1em;
		font-weight: normal;
		color: white;
		padding-right: 10px;
	}
	
	.cat-header {
		background-color: #171717;
		background-repeat: no-repeat;
		background-position-x: right;
	}
	
	.cat-filter {
		background: #171717;
		margin: 0;
	}
	
	.product-div {
		width: 100%;
		max-width: 100vw;
		height: 325px;
		margin: 0 0 30px 0;
	}
	
	.product-div-img {
		padding: 10px 0px 5px 5px;
	}
	
	.product-div-img img {
		width: 130px;
	}
	
	.product-div-caption a {
		font-size: 1.7em;
	}
	
	.product-div-short {
		line-height: 1.3em;
		min-width: 175px;
		padding: 30px 5px 0px 20px;
		max-height: 110px;
	}
	
	.product-div-badges {
		width: 100%;
		padding: 5px 0px;
	}
	
	.product-div-badges img {
		max-height: 15px;
		padding: 2px 3px 2px 2px;
	}
	
	.th_bdg_ovl {
		width: 60px !important;
		top: 50px;
	}
	
	.product-div-link {
		bottom: 80px;
	}
	.single .product-div-link {
		 bottom: 54px;
	}
	
	.products-short-description {
		  padding: 15px;
	}
	
	.product-div-info {
		font-size: 0.75em;
	}
	
	.product-div-info a {
		color: #4e4e4e;
	}
	
	.product-div-price {
		bottom: 77px;
		left: 14px;
		font-size: 0.9em;
	}
	
	.mdl-layout__header {
		margin-left: -50vw;
		width: 100vw;
	}
	
	main {
		margin-top: 70px;
	}
	
	#top_logo {
		width: 110px;
		padding: 0 0 0 5px;
		left: 60px;
		position: fixed;
		top: 8px;
	}
	
	.grp-btn-arrow-desktop {
		display: none;
	}
	
	.aside-desc {
		display: none !important;
	}
	
	.mdl-components__link-image {
		float: none;
	}
	
	.conf-left-subgroup {
		padding: 0;
		font-size: 0.8em;
	}
	
	.card-pov {
		width: calc(50% - 3px);
	}
	
	#config-panel .mdl-cell {
		margin: 0px;
		width: 100%;
	}
	
	#cat-desktop {
		display: none;
	}
	
	#cat-mobile {
		display: block;
		position: fixed;
		background-color: #353535;
		color: white;
	}
	
	.mdl-layout__drawer-button {
		display: block;
	}
	
	.cat-level-1 {
		border-top: 3px solid #C7E511;
		border-bottom: 3px solid #C7E511;
	}
	
	.cat-level-2 {
		display: none;
		border-bottom: 3px solid #C7E511;
	}
	
	.cat-level-2-back {
		display: none;
		color: red;
		border-top: 3px solid #C7E511;
		border-bottom: 3px solid #C7E511;
	}
	
	.mdl-layout__drawer-button {
		color: #fff;
		position: fixed;
	}
	
	.top {
		height: 56px;
	}
	
	.page-content {
		margin: 10px 0 0 0;
	}
	
	.product-panel {
		margin: 37px 0 0 0;
	}
	
	.mdl-components__link img {
		margin: 6px 0 0 0;
	}
	
	.grp-btn {
		display: none !important;
	}
	
	#imageslider_9 img {
		width: 100%;
		height: 100%;
	}
	
	.instead {}
	
	#checkoutnavigation li.inactive {
		display: none !important;
	}
	
	.mdl-mega-footer__heading-checkbox {
		height: 2.2em;		
	}
	
	.checkout-success-img {
		width: 100vw;
	}
	
	.productOldPrice {
		text-align: left;
	}
	
	.tab-description-table {
		margin: 0 0 30px 0;
	}
	
	.tab-description-table-col1 {
		width: 60px;
	}
	
	.tab-description-table-heading {
		font-size: 1em;
		line-height: 2em;
	}
	
	.tab-description-table-heading i {
		right: 0;
		top: 0;
	}
	
	#dia-details {
		width: 100%;
	}
	
	#dia-details-title {
		font-size: 0.9em;
		width: 80%;
	}
	
	.checkoutaccept-paypal {
		margin: 0px;
		height: 53px;
	}
	
	.content-finance-img {
		width: 100%;
	}
	
	.content-finance-vid {
		margin: 0 0 10px -15px;
	}
	
	#product_show {
		display: inline-block;
		padding: 0;
		width: 100%;
		background-color: #eee;
	}
	
	.breadcrumb {
		margin: 0 0 0 15px;
	}
	
	.breadcrumb a {
		color: #fff;
		font-size: 1em;
		line-height: 20px;
	}
	
	.breadcrumb li {
		display: inline;
	}
	
	.btn-config-wrap,
	#product-info-price {
		width: 100%;
	}
	
	.komp_desc_table {
		width: 100%;
		border: 1px solid #f9f9f9;
		font-size: 0.7em;
		line-height: normal;
        color: #333;
	}
	
	.filter-left .filter-div {
		margin: 0 10px 10px 0;
		width: calc(50% - 10px);
		max-width: 300px;
	}
	
	#btn-config {}
	
	.product-info-badges img {
		text-align: center;
		max-height: 20px;
		margin: 2px;
	}
	
	.index-card-50,
	.index-card {
		margin: 10px !important;
	}
	
	.product-div-bonus {
		top: 160px;
		left: 12px;
	}
	
	.phone-index {
		display: none;
	}
	
	.phone-mobile {
		padding: 16px;
	}
	
	.phone-mobile a {
		font-size: 2em;
		font-weight: 400;
		color: #fff;
	}
	
	.price_slide_all{
		display:none;
	}
	
}


	


/*END MEDIA (max 839)*/

/*------------------FANCYBOX------------------------*/
body.fancybox-active {
	overflow: hidden;
}
body.fancybox-iosfix {
	position: fixed;
	left: 0;
	right: 0;
}
.fancybox-is-hidden {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
}
.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 199992;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	font-family: -apple-system,
	BlinkMacSystemFont,
	"Segoe UI",
	Roboto,
	"Helvetica Neue",
	Arial,
	sans-serif,
	"Apple Color Emoji",
	"Segoe UI Emoji",
	"Segoe UI Symbol";
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fancybox-outer {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.47,
	0,
	0.74,
	0.71);
}
.fancybox-is-open .fancybox-bg {
	opacity: 0.87;
	transition-timing-function: cubic-bezier(0.22,
	0.61,
	0.36,
	1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
	position: absolute;
	direction: ltr;
	z-index: 199997;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s,
	visibility 0s linear .25s;
	box-sizing: border-box;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
	opacity: 1;
	visibility: visible;
	transition: opacity .25s,
	visibility 0s;
}
.fancybox-infobar {
	top: 0;
	left: 0;
	font-size: 13px;
	padding: 0 10px;
	height: 44px;
	min-width: 44px;
	line-height: 44px;
	color: #ccc;
	text-align: center;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;
	mix-blend-mode: exclusion;
}
.fancybox-toolbar {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}
.fancybox-stage {
	overflow: hidden;
	direction: ltr;
	z-index: 199994;
	-webkit-transform: translate3d(0,
	0,
	0);
}
.fancybox-is-closing .fancybox-stage {
	overflow: visible;
}
.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: none;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
	z-index: 199994;
	-webkit-overflow-scrolling: touch;
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: opacity,
	-webkit-transform;
	transition-property: transform,
	opacity;
	transition-property: transform,
	opacity,
	-webkit-transform;
}
.fancybox-slide::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
	display: block;
}
.fancybox-slide--image {
	overflow: visible;
}
.fancybox-slide--image::before {
	display: none;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
	background: #000;
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
	background: #E5E3DF;
}
.fancybox-slide--next {
	z-index: 199995;
}
.fancybox-slide>* {
	display: inline-block;
	position: relative;
	padding: 24px;
	margin: 44px 0 44px;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	box-sizing: border-box;
}
.fancybox-slide>title,
.fancybox-slide>style,
.fancybox-slide>meta,
.fancybox-slide>link,
.fancybox-slide>script,
.fancybox-slide>base {
	display: none;
}
.fancybox-slide .fancybox-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 199995;
	background: transparent;
	cursor: default;
	overflow: visible;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: opacity,
	-webkit-transform;
	transition-property: transform,
	opacity;
	transition-property: transform,
	opacity,
	-webkit-transform;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
	cursor: -webkit-grab;
	cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
.fancybox-image,
.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fancybox-spaceball {
	z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
	padding: 0;
	width: 80%;
	height: 80%;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 88px);
	overflow: visible;
	background: #fff;
}
.fancybox-iframe {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
.fancybox-error {
	margin: 0;
	padding: 40px;
	width: 100%;
	max-width: 380px;
	background: #fff;
	cursor: default;
}
.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 16px;
	line-height: 20px;
}

/* Buttons */
.fancybox-button {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 10px;
	border: 0;
	border-radius: 0;
	background: rgba(30,
	30,
	30,
	0.6);
	transition: color .3s ease;
	cursor: pointer;
	outline: none;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
	color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
	color: #fff;
}
.fancybox-button[disabled] {
	color: #ccc;
	cursor: default;
	opacity: 0.6;
}
.fancybox-button svg {
	display: block;
	position: relative;
	overflow: visible;
	shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
	fill: currentColor;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 3;
}
.fancybox-button--share svg path {
	stroke-width: 1;
}
.fancybox-button--play svg path:nth-child(2) {
	display: none;
}
.fancybox-button--pause svg path:nth-child(1) {
	display: none;
}
.fancybox-button--zoom svg path {
	fill: transparent;
}

/* Navigation arrows */
.fancybox-navigation {
	display: none;
}
.fancybox-show-nav .fancybox-navigation {
	display: block;
}
.fancybox-navigation button {
	position: absolute;
	top: 50%;
	margin: -50px 0 0 0;
	z-index: 199997;
	background: transparent;
	width: 60px;
	height: 100px;
	padding: 17px;
}
.fancybox-navigation button::before {
	content: "";
	position: absolute;
	top: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: rgba(30,
	30,
	30,
	0.6);
}
.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
	right: 0;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	z-index: 10;
	cursor: pointer;
}
.fancybox-close-small:after {
	content: '×';
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	font: 22px/30px Arial,
	"Helvetica Neue",
	Helvetica,
	sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background-color: transparent;
	transition: background-color .25s;
	box-sizing: border-box;
	z-index: 2;
}
.fancybox-close-small:focus {
	outline: none;
}
.fancybox-close-small:focus:after {
	outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
	color: #555;
	background: #eee;
}
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
	top: 0;
	right: -40px;
}
.fancybox-slide--image .fancybox-close-small:after,
.fancybox-slide--iframe .fancybox-close-small:after {
	font-size: 35px;
	color: #aaa;
}
.fancybox-slide--image .fancybox-close-small:hover:after,
.fancybox-slide--iframe .fancybox-close-small:hover:after {
	color: #fff;
	background: transparent;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
	display: none;
}

/* Caption */
.fancybox-caption-wrap {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 2vw 0 2vw;
	background: linear-gradient(to bottom,
	transparent 0%,
	rgba(0,
	0,
	0,
	0.1) 20%,
	rgba(0,
	0,
	0,
	0.2) 40%,
	rgba(0,
	0,
	0,
	0.6) 80%,
	rgba(0,
	0,
	0,
	0.8) 100%);
	pointer-events: none;
}
.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid rgba(255,
	255,
	255,
	0.4);
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
	pointer-events: all;
	position: relative;
	/* Fix IE11 */
}
.fancybox-caption a {
	color: #fff;
	text-decoration: underline;
}

/* Loading indicator */
.fancybox-slide>.fancybox-loading {
	border: 6px solid rgba(100,
	100,
	100,
	0.4);
	border-top: 6px solid rgba(255,
	255,
	255,
	0.6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: fancybox-rotate .8s infinite linear;
	animation: fancybox-rotate .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 199999;
}
@-webkit-keyframes fancybox-rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes fancybox-rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

/* Transition effects */
.fancybox-animated {
	transition-timing-function: cubic-bezier(0,
	0,
	0.25,
	1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%,
	0,
	0);
	transform: translate3d(-100%,
	0,
	0);
	opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
	-webkit-transform: translate3d(100%,
	0,
	0);
	transform: translate3d(100%,
	0,
	0);
	opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
	-webkit-transform: translate3d(0,
	0,
	0);
	transform: translate3d(0,
	0,
	0);
	opacity: 1;
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
	opacity: 0;
	transition-timing-function: cubic-bezier(0.19,
	1,
	0.22,
	1);
}
.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	-webkit-transform: scale3d(1.5,
	1.5,
	1.5);
	transform: scale3d(1.5,
	1.5,
	1.5);
	opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
	-webkit-transform: scale3d(0.5,
	0.5,
	0.5);
	transform: scale3d(0.5,
	0.5,
	0.5);
	opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
	-webkit-transform: scale3d(1,
	1,
	1);
	transform: scale3d(1,
	1,
	1);
	opacity: 1;
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
	-webkit-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
	opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
	-webkit-transform: scale3d(0,
	0,
	0) translate3d(-100%,
	0,
	0);
	transform: scale3d(0,
	0,
	0) translate3d(-100%,
	0,
	0);
	opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
	-webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
	transform: scale3d(0,0,0) translate3d(100%,0,0); 
	opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
	-webkit-transform: scale3d(1,1,1) translate3d(0,0,0);
	transform: scale3d(1,1,1) translate3d(0,0,0);
	opacity: 1;
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%,
	0,
	0) scale(0.1) skew(-10deg);
	transform: translate3d(-100%,
	0,
	0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%,
	0,
	0) scale(0.1) skew(10deg);
	transform: translate3d(100%,
	0,
	0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translate3d(0,
	0,
	0) scale(1);
	transform: translate3d(0,
	0,
	0) scale(1);
}

/* Share */
.fancybox-share {
	padding: 30px;
	border-radius: 3px;
	background: #f4f4f4;
	max-width: 90%;
	text-align: center;
}
.fancybox-share h1 {
	color: #222;
	margin: 0 0 20px 0;
	font-size: 35px;
	font-weight: 700;
}
.fancybox-share p {
	margin: 0;
	padding: 0;
}
p.fancybox-share__links {
	margin-right: -10px;
}
.fancybox-share__button {
	display: inline-block;
	text-decoration: none;
	margin: 0 10px 10px 0;
	padding: 0 15px;
	min-width: 130px;
	border: 0;
	border-radius: 3px;
	background: #fff;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	transition: all .2s;
}
.fancybox-share__button:hover {
	text-decoration: none;
}
.fancybox-share__button--fb {
	background: #3b5998;
}
.fancybox-share__button--fb:hover {
	background: #344e86;
}
.fancybox-share__button--pt {
	background: #bd081d;
}
.fancybox-share__button--pt:hover {
	background: #aa0719;
}
.fancybox-share__button--tw {
	background: #1da1f2;
}
.fancybox-share__button--tw:hover {
	background: #0d95e8;
}
.fancybox-share__button svg {
	position: relative;
	top: -1px;
	width: 25px;
	height: 25px;
	margin-right: 7px;
	vertical-align: middle;
}
.fancybox-share__button svg path {
	fill: #fff;
}
.fancybox-share__input {
	box-sizing: border-box;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 15px;
	background: transparent;
	color: #5d5b5b;
	font-size: 14px;
	outline: none;
	border: 0;
	border-bottom: 2px solid #d7d7d7;
}

/* Thumbs */
.fancybox-thumbs {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 212px;
	margin: 0;
	padding: 2px 2px 4px 2px;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	box-sizing: border-box;
	z-index: 199995;
}
.fancybox-thumbs-x {
	overflow-y: hidden;
	overflow-x: auto;
}
.fancybox-show-thumbs .fancybox-thumbs {
	display: block;
}
.fancybox-show-thumbs .fancybox-inner {
	right: 212px;
}
.fancybox-thumbs>ul {
	list-style: none;
	position: absolute;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0;
	white-space: nowrap;
}
.fancybox-thumbs-x>ul {
	overflow: hidden;
}
.fancybox-thumbs-y>ul::-webkit-scrollbar {
	width: 7px;
}
.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,
	0,
	0,
	0.3);
}
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px;
}
.fancybox-thumbs>ul>li {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 2px;
	width: 100px;
	height: 75px;
	max-width: calc(50% - 4px);
	max-height: calc(100% - 8px);
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
}
li.fancybox-thumbs-loading {
	background: rgba(0,
	0,
	0,
	0.1);
}
.fancybox-thumbs>ul>li>img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	max-height: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fancybox-thumbs>ul>li::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 4px solid #4ea7f9;
	z-index: 199991;
	opacity: 0;
	transition: all 0.2s cubic-bezier(0.25,
	0.46,
	0.45,
	0.94);
}
.fancybox-thumbs>ul>li.fancybox-thumbs-active::before {
	opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
	.fancybox-thumbs {
		width: 110px;
	}
	.fancybox-show-thumbs .fancybox-inner {
		right: 110px;
	}
	.fancybox-thumbs>ul>li {
		max-width: calc(100% - 10px);
	}
}

/* Layout Container */
.product-main-card { background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.1); overflow: hidden;  max-width: 1134px; margin: 15px auto; }
.product-header { padding: 5px 30px; display: flex; justify-content: space-between; align-items: center; }
.product-heading { text-transform: none; letter-spacing:0.1px; font-weight: 600; margin: 0; font-size: 1.9em; color: #222; padding: 15px 0 0 0; }
.product-info-badges { display: flex; gap: 10px; }
.selected-config-summary { margin: 15px auto; max-width: 1134px; }
/* Galerie & Schaufenster */
.gallery-wrap { max-width:1000px; background: #fff; margin: 0 auto; position: relative; }
.gallery-bg-img { width:100%; display: block; }
.gallery-layer { position: absolute; top: 0; left: 0; width: 100%; }
.gallery-logo { z-index:99; position: absolute; top: 0; left: 0; width: 100%; }

/* Hardware Highlights */
.hw-highlight-box { padding: 0; height: 100%; display: flex; flex-direction: column; }
.hw-highlight-box h4 {font-weight: 600; color: #000;padding: 4px 12px;margin-left: 25px;border-radius: 5px;font-size: 1.8em;text-transform: uppercase;max-width: fit-content; }
.hw-list { list-style: none; padding: 0; margin: 0 0 0 30px; }
.hw-list li { display: flex; align-items: center; margin-bottom: 10px; }
.hw-list img { width: 48px; height: 48px; margin-right: 12px; opacity: 0.7; }
.hw-label { width:100%; color: #222; font-weight: 500; font-size: 1.2em; line-height:normal;text-transform: uppercase; margin: 0 0 0 20px;}
.hw-value {color: #555;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-transform: none;}

@media (max-width:839px) { 
.hw-label { font-size: 1.0em; }
.hw-value { font-size: 1.0em; }
.hw-list img {margin-right: 2px;}
}

/* Detail-Karten */
.config-card { max-width: 1134px; margin: 15px auto;display: flex; flex-wrap: wrap; align-items: flex-start; padding: 25px; position: relative; background: #fff; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.card-image-section { width: 400px; flex-shrink: 0; display: flex; justify-content: center; }
.card-image-section img { max-width: 100%; height: auto; }
.card-content-section { max-width: 100%; margin-left: 40px; display: flex; flex-direction: column; }
.card-badge { max-width: calc(100% - 440px); margin: 140px 0 0 20px;}
.group-badge { margin-bottom: 10px; }
.group-badge span { background: #8C9C26;color: #fff;padding: 4px 12px;border-radius: 5px;font-size: 1.8em;letter-spacing: 1px;text-transform: uppercase; }
.config-card h3 { margin: 0 0 10px 0; font-size: 2em; font-weight: 500; }
.card-desc { color: #555; font-size: 1.5em; line-height: 1.5em; margin: 10px auto; width:100%;}
.card-footer { display: flex; gap: 20px; border-top: 1px solid #eee; padding-top: 10px; }
.settings-trigger { position: absolute; top: 20px; right: 20px; cursor: pointer; color: #8C9C26; }
.settings-trigger i{ font-size:2.5em; }
.spec-item .val { font-weight: 600; font-size: 1.4em; color: #555; }
.spec-item .lbl {font-size: 1.1em;text-transform: uppercase;color: #555;padding: 2px 0px;letter-spacing: 0.5px;}
.read-more-trigger {color: #555;
    font-weight: 500;
    cursor: pointer;
    font-size: 1em;
    text-decoration: underline;
    white-space: nowrap;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
    padding: 0px 10px;
    font-style: italic;}
.card-desc.has-more { position: relative; }



/* Mini Cards (Skipped List) */
.skipped-cards-wrapper-heading { max-width: 1134px; margin: 15px auto;}
.skipped-cards-wrapper { max-width: 1134px; margin: 15px auto; display: flex; flex-wrap: wrap; gap: 10px; padding: 20px 0; }
.mini-config-card { cursor: pointer; background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 8px 15px; display: flex; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.mini-config-card img { width: 16px; height: 16px; margin-right: 8px; opacity: 0.6; }
.mini-config-card span { font-size: 13px; font-weight: 600; color: #555; }
.mini-config-card i { font-size: 16px; margin-left: 8px; color: #ccc; }

/* Sidebar & Price */
.price-sidebar { line-height: 1.4em; font-size:1.4em; background: linear-gradient(144deg, #333 0%, #555 100%); color: white; border-radius: 8px; padding: 25px; margin: 15px; }
.price-sidebar a { font-size: 1em; color: #fff; margin-top:10px;}
.sidebar-info-row { display:flex; align-items:center; margin-bottom:5px; }
.sidebar-info-row i { color:#c7e511; margin-right:8px; }
.shipping-time-box { display:flex; align-items:center; margin-top:10px; color:white; line-height:2em; }
.shipping-time-box i { color: #c7e511; margin-right:8px; }
.price-display { margin: 20px 0; text-align: center;}
.price-value { margin:20px auto; font-size: 2.7em; font-weight: 500; color: #c7e511; line-height: 1em; text-shadow: 1px 2px 7px black; }
.price-sub { font-size: 1em; }
.art-weight-info { font-size: 1em; margin-top:10px; color: #fff; }
.btn-config-main { background:none; border:none; padding:0; width:100%; cursor:pointer; }
.btn-config-img { width: 100%; max-width: 180px; margin: 0 auto; display: block; }
.price-value { margin:20px auto; font-size: 2.7em; font-weight: 500; color: #c7e511; line-height: 1em; text-shadow: 1px 2px 7px black; text-align:center;}
#info-listing i { margin: 0 10px;   width: 25px;   cursor: unset;} 

#wrap-info-short::after {content: '';display: block;width: 100%;height: 0px;margin: 10px auto 0 0;background-color: #ddd;}
#wrap-info-short h4::after {content: '';display: block;width: 60%;height: 1px;margin: 10px auto 0 0;background-color: #ddd;}

/* Ensure the outer wrapper flows naturally and allows interaction */
.tns-outer {
    padding: 0 !important;
}

.tns-outer [hidden] { display: none !important; }
.tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; }

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tns-horizontal.tns-subpixel { white-space: nowrap; }
.tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal; }
.tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; }
.tns-horizontal.tns-no-subpixel > .tns-item { float: left; }
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; }
.tns-no-calc { position: relative; left: 0; }
.tns-gallery { position: relative; left: 0; min-height: 1px; }
.tns-gallery > .tns-item { position: absolute; left: -100%; -webkit-transition: transform 0s, opacity 0s; -moz-transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s; }
.tns-gallery > .tns-slide-active { position: relative; left: auto !important; }
.tns-gallery > .tns-moving { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; }
.tns-autowidth { display: inline-block; }
.tns-lazy-img { -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0.6; }
.tns-lazy-img.tns-complete { opacity: 1; }
.tns-ah { -webkit-transition: height 0s; -moz-transition: height 0s; transition: height 0s; }
.tns-ovh { overflow: hidden; }
.tns-visually-hidden { position: absolute; left: -10000em; }
.tns-transparent { opacity: 0; visibility: hidden; }
.tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; }
.tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; }
.tns-vpfix { white-space: nowrap; }
.tns-vpfix > div, .tns-vpfix > li { display: inline-block; }
.tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; }
.tns-t-ct { width: 2333.3333333%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: calc(100% * 70 / 3); position: absolute; right: 0; }
.tns-t-ct:after { content: ''; display: table; clear: both; }
.tns-t-ct > div { width: 1.4285714%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); width: calc(100% / 70); height: 10px; float: left; }

/* Dynamic flow positioning below the slider content */
.tns-nav {
    display: block;
    text-align: center;
    margin-top: -25px; /* Spacing below the dynamic image height */
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
}

/* Navigation buttons styling */
.tns-nav > button {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0 5px;
    background: #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
}

/* Active dot styling */
.tns-nav > button.tns-nav-active {
    background: #8c9c26;
    transform: scale(1.2);
}

@media (max-width: 839px) {
.card-content-section { display: contents; }
.card-image-section { width: 200px; margin-bottom: 15px; }
.card-badge { margin: 10px 0; max-width: 100%;}
.card-desc, .card-footer { width: 100%; margin-left: 0; margin-top: 10px; font-size: 1.2em; line-height: 1.4em;}
.config-card {}
.config-card h3 {font-size: 1.4em;font-weight: 600;letter-spacing: -0.2px;line-height: normal;}
.product-header { display: block;}
.group-badge span {font-size: 1.5em;}
.hw-highlight-box h4 {font-size: 1.7em; margin: 5px 5px 5px 0px;}
.hw-list { margin: 0 0 0 25px; }
.product-header { padding: 5px 10px; }
.spec-item .val {font-size: 0.9em;}
.spec-item .lbl {font-size: 0.8em;}
.price-value { margin:20px auto; font-size: 2.7em; font-weight: 500; color: #c7e511; line-height: 1em; text-shadow: 1px 2px 7px black; text-align:center;}
.skipped-cards-wrapper-heading {margin: 15px 5px 15px 25px;font-size: 0.8em;}
.skipped-cards-wrapper {margin: 15px 5px 15px 25px;font-size: 0.8em;}
}


#pckat { font-size: 17px; color: #333; background-color: #f4f4f4;}
#pckat img {width: 100%;}
#pckat p {
	padding: 10px 0 10px 0;
}

#pckat h6,
#pckat p {
	margin-bottom: 10px;
}

/* h1/h2/h3 NUR im Hero (Überschriften auf dem Bild) */
#pckat .pckat-header h1 {
	color: #fff;
	font-size: 2.3em;
	font-weight: 900;
	line-height: 1em;
	letter-spacing: 0.7px;
	margin: 10px 0 10px 10px;
	border-width: 0;
}
#pckat .pckat-header h2 {
	color: #d3f0f3;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 500;
	margin: 10px 0 10px 10px;
	padding-left: 0;
	background: none;
}
#pckat .pckat-header h2 .cw-h2-mark,
#pckat .pckat-header h2::before,
#pckat .pckat-header h2::after {
	display: none;
	background: none;
}

/* h1/h2/h3 im Content-Bereich (heller Hintergrund) */
#pckat h1 {
	color: #1a1a1a;
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1.2em;
	margin: 18px 0 10px 0;
	border-width: 0;
}
#pckat h2 {
	color: #1a1a1a;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 700;
	margin: 10px 0 10px 0;
	display: block;
}
#pckat h3 {
	color: #444;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 600;
	margin: 12px 0 6px 0;
}
#pckat h4 {
	line-height: 1.5em;
}

/* Textmarker-Highlight auf Abschnittsüberschriften */
.cw-h2-mark {
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: rgba(170,195,13,0.55);
	text-decoration-thickness: 4px;
	text-underline-offset: 2px;
	text-decoration-skip-ink: none;
}

/* =============================================
   HERO
   ============================================= */

#pckat .pckat-header {
	align-content: center;
	position: relative;
	width: 100%;
	height: 600px;
	text-shadow: 2px 2px 3px black;
	animation: kvbg 10s ease 1s infinite;
}

/* Weicher Gradient links im Hero – Desktop */
#pckat .pckat-header::before {
	content: '';
	position: absolute;
	top: 0; left: 0; bottom: 0;
	width: 60%;
	background: linear-gradient(to right,
		rgba(0,0,0,0.35) 0%,
		rgba(0,0,0,0.15) 50%,
		transparent 100%);
	pointer-events: none;
	z-index: 0;
}
#pckat .pckat-header > .mdl-cell {
	position: relative;
	z-index: 1;
}

/* Weicher Übergang Hero → heller Bereich */
#pckat .pckat-header::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 90px;
	background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
	pointer-events: none;
}

.pckat-header-reviews {
	color: #f4f4f4;
	text-align: left;
	margin: 15px 0 10px 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 16px;
	font-size: 15px;
}
.pckat-review-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.pckat-header-reviews .material-icons {
	font-size: 18px;
	color: #b0ccb0;
	vertical-align: middle;
}

.mobile-break { display: none; }
@media (max-width: 839px) { .mobile-break { display: inline; } }


/* =============================================
   TRUST-BAR
   ============================================= */

.cw-trust-bar {
	background: #fff;
	border-bottom: 1px solid #ebebeb;
	padding: 20px 20px 18px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.05);
	position: relative;
	z-index: 1;
}
.cw-trust-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	color: #444;
	font-weight: 400;
	white-space: nowrap;
	position: relative;
	padding-right: 24px;
}
.cw-trust-item::after {
	content: '';
	position: absolute;
	right: 0;
	top: -4px;
	bottom: -4px;
	width: 1px;
	background: #d8d8d8;
	transform: rotate(10deg);
}
.cw-trust-item:last-child::after {
	display: none;
}
.cw-trust-bar__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 0;
	max-width: 1164px;
	margin: 0 auto;
}
.cw-trust-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	color: #444;
	font-weight: 400;
	white-space: nowrap;
	position: relative;
	padding: 0 15px;
}
.cw-trust-item::after {
	content: '';
	position: absolute;
	right: 0;
	width: 1px;
	transform: rotate(10deg);
	color: #e1e1e1;
}
.cw-trust-item:last-child::after {
	display: none;
}
.cw-trust-bar__items {
	display: contents;
}
.cw-trust-bar__widget {
	display: none;
}
.cw-trust-item .material-icons {
	color: #aac30d;
	font-size: 18px;
	flex-shrink: 0;
}
.cw-trust-item strong {
	color: #222;
}
.cw-flag-de {
	flex-shrink: 0;
	border-radius: 2px;
	display: block;
}

/* Sterne-Bewertung in der Trust-Bar */
.cw-trust-stars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	margin-right: 2px;
	position: relative;
	top: -1px;
}
.cw-trust-stars .material-icons {
	color: #f5a623;
	font-size: 17px;
	display: block;
	line-height: 1;
}


/* =============================================
   INTRO-TEXTBLOCK
   ============================================= */

.cw-intro-block {
	background: #f4f4f4;
	padding: 20px 30px;
	max-width: 1164px;
	margin: 0 auto;
	border-top: 1px solid #e0e0e0;
}
.cw-intro-block p {
	color: #000;
	line-height: 1.5 !important;
	font-size: 17px;
	columns: 2;
	column-gap: 2em;
	column-rule: 1px solid #ddd;
}
@media (max-width: 839px) {
	.cw-intro-block p {
		columns: 1;
		column-rule: none;
	}
}

/* Zitat-Block mit Mitarbeiter-Foto */
.shopauskunft-widget:hover {
	box-shadow: 0 8px 28px rgba(0,0,0,0.11);
	border-color: #cfd0c5;
	transform: translateY(-2px);
}
.cw-quote-block {
	background: #fff;
	max-width: 1164px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	min-height: 200px;
	display: grid;
	grid-template-columns: 20% 50% 30%;
	align-items: stretch;
	border-top: 1px solid #e0e0e0;
}
.cw-quote-block__widget {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 20px;
}
.cw-quote-block__photo {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 29%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 20px 110px 20px 20px;
	pointer-events: none;
}
.cw-quote-block__photo-name {
	text-align: right;
	padding: 4px 8px;
	text-shadow: -1px 1px 4px rgba(0,0,0,0.9), -1px 1px 0px rgba(0,0,0,0.9);
	position: relative;
	z-index: 2;
	pointer-events: auto;
	background: rgba(0,0,0,0.35);
	border-radius: 3px;
}
.cw-quote-block__photo-name strong {
	display: block;
	font-size: 17px;
	font-weight: 300;
	color: #fff;
	line-height: 1em;
}
.cw-quote-block__photo-name span {
	display: block;
	font-size: 13px;
	line-height: 1.5em;
	font-weight: 200;
	color: #fff;
}
.cw-quote-block__photo-name a {
	display: block;
	font-size: 13px;
	line-height: 1.5em;
	font-weight: 400;
	color: #aac30d;
}
.cw-quote-block__photo-name .material-icons {
    font-size: 18px;
    color: #aac30d;
    line-height: 1;
    vertical-align: middle;
}
.cw-quote-block__text {
	position: relative;
	z-index: 1;
	height: 200px;
	padding: 28px 36px 28px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cw-quote-block__mark {
	font-size: 64px;
	line-height: 1;
	color: #aac30d;
	font-family: Georgia, serif;
	margin-bottom: -30px;
	text-shadow: 0 0 12px rgba(255,255,255,1), 0 0 24px rgba(255,255,255,0.8);
}
.cw-quote-block__quote {
	font-size: 19px;
	color: #2a2a2a;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0.1px;
	text-shadow: 0 0 8px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,0.9), 1px 1px 0 rgba(255,255,255,0.8);
}
@media (max-width: 839px) {
	.cw-quote-block { flex-direction: column; min-height: unset; }
	.cw-quote-block__photo {
		position: relative;
		width: 100%; height: 200px;
		background:
			linear-gradient(to bottom, transparent 50%, #fff 100%),
			url(/shop2026/media/content/kategorien/workstationpc/workstationpc_quote-portrait.webp) center top / cover no-repeat;
	}
	.cw-quote-block__text { width: 100%; padding: 20px 24px 28px; }
}


/* =============================================
   ABSCHNITTS-LAYOUT
   ============================================= */

.cw-section {
	padding: 30px 30px;
	max-width: 1164px;
	margin: 0 auto;
	border-top: 1px solid #e0e0e0;
}
.cw-section--bg {
	background: #f7f7f5;
	padding: 20px 0;
	border-top: 1px solid #e0e0e0;
}
.cw-section--bg .cw-section__inner {
	max-width: 1164px;
	margin: 0 auto;
	padding: 0 30px;
}
.cw-section__heading {
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 6px 0;
	letter-spacing: 0.2px;
}
.cw-section__heading::before,
.cw-section__heading::after {
	display: none;
}
.cw-section__sub {
	font-size: 17px;
	color: #444;
	margin: 4px 0 10px 0;
}


/* =============================================
   ANWENDUNGS-KACHELN (CAD / VIDEO / AUDIO)
   ============================================= */

.cw-use-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 8px;
}
@media (max-width: 839px) {
	.cw-use-grid { grid-template-columns: 1fr; }
}

.cw-use-card {
	background: #fff;
	border: 1px solid #e4e4e0;
	border-radius: 8px;
	padding: 0 0 22px 0;
	position: relative;
	overflow: hidden;
	transition: box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
.cw-use-card:hover {
	box-shadow: 0 8px 28px rgba(0,0,0,0.11);
	border-color: #cfd0c5;
	transform: translateY(-3px);
}

.cw-use-card__img-wrap {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
}
.cw-use-card__img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.cw-use-card:hover .cw-use-card__img-wrap img {
	transform: scale(1.02);
}
/* Transparenter Auslauf des Bildes in den Card-Body */
.cw-use-card__img-wrap::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 20px;
	background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
	pointer-events: none;
}

.cw-use-card__body {
	padding: 10px 22px 0;
}
.cw-use-card__title {
	font-size: 16.5px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 10px 0;
}
.cw-use-card__text {
	font-size: 17px;
	color: #333;
	line-height: 1.65;
	padding: 0;
	margin: 0;
}
/* #content-page p aus stylesheet überschreiben – nur innerhalb #pckat, product-divs bleiben unberührt */
#content-page .cw-use-card__text {
	padding: 0;
	line-height: 1.45;
	font-size: 15px;
}
#pckat p {
	padding: 5px 0 5px 0;
}
.cw-use-card__specs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #eeeeea;
}
.cw-spec-tag {
	background: #f0f0f0;
	color: #333;
	font-size: 15px;
	font-weight: 500;
	padding: 3px 9px;
	border-radius: 2px;
	letter-spacing: 0.3px;
}


/* =============================================
   KOMPONENTEN-KACHELN (SSD, NETZTEIL ETC.)
   ============================================= */

.cw-comp-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-top: 8px;
}
@media (max-width: 839px) {
	.cw-comp-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
	.cw-comp-grid { grid-template-columns: 1fr; }
}

.cw-comp-card {
	background: #fff;
	border: 1px solid #e4e4e0;
	border-radius: 8px;
	padding: 0 0 18px 0;
	overflow: hidden;
	position: relative;
	transition: box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
.cw-comp-card:hover {
	box-shadow: 0 8px 28px rgba(0,0,0,0.11);
	border-color: #cfd0c5;
	transform: translateY(-3px);
}
.cw-comp-card__img-wrap {
	position: relative;
	width: 100%;
	height: 180px;
	overflow: hidden;
}
.cw-comp-card__img-wrap::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 20px;
	background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
	pointer-events: none;
}
.cw-comp-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.cw-comp-card:hover .cw-comp-card__img {
	transform: scale(1.02);
}
.cw-comp-card__body {
	padding: 8px 16px 0;
}
.cw-comp-card__title {
	font-size: 15px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 6px 0;
}
.cw-comp-card__text {
	font-size: 15px;
	color: #444;
	line-height: 1.6;
	margin: 0;
}


/* =============================================
   HARDWARE-ABSCHNITT (CPU + GPU)
   ============================================= */

.cw-hw-block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	align-items: start;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #ebebeb;
}
.cw-hw-block:last-child { border-bottom: 0; }
@media (max-width: 839px) {
	.cw-hw-block { grid-template-columns: 1fr; }
}
.cw-hw-block__img-wrap {
	border-radius: 8px;
	overflow: hidden;
	align-self: start;
}
.cw-hw-block__img {
	width: 100%;
	height: auto;
	max-height: 420px;
	object-fit: cover;
	object-position: center;
	display: block;
	border-radius: 8px;
	transition: transform 0.4s ease;
}
.cw-hw-block__img-wrap:hover .cw-hw-block__img {
	transform: scale(1.015);
}
.cw-hw-block__title {
	font-size: 17px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 12px 0;
}
.cw-hw-block__text {
	color: #444;
	margin: 0 0 16px 0;
}
.cw-hw-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.cw-hw-link {
	display: inline-block;
	color: #4e4e4e !important;
	font-size: 16px;
	font-weight: 600;
	padding: 6px 14px;
	border-radius: 3px;
	border: 1px solid #b2b2b2;
	text-decoration: none;
	transition: background 0.18s ease;
}
.cw-hw-link:hover {
	background: #e4ec99;
}


.cw-cta-block {
	background: #f4f4f4;
	border-top: 1px solid #e0e0e0;
	padding: 40px 30px;
	max-width: 1164px;
	margin: 0 auto;
}
.cw-cta-block__inner {
	display: grid;
	grid-template-columns: 3fr 1px 2fr;
	gap: 40px;
	align-items: end;
}
@media (max-width: 839px) {
	.cw-cta-block__inner { grid-template-columns: 1fr; }
	.cw-cta-block__divider { display: none; }
}
.cw-cta-block__divider {
	background: #d8d8d8;
	align-self: stretch;
}
.cw-cta-block__text {
	font-size: 17px;
	color: #444;
	line-height: 1.65;
	margin: 0 0 18px 0;
}
.cw-cta-block__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.cw-cta-block__icon {
	font-size: 32px;
	color: #aac30d;
	display: block;
	margin-bottom: 2px;
}
.cw-cta-block__more {
	border-bottom: 1px solid #e0e0e0;
	margin: -40px -30px 32px -30px;
	padding: 40px 30px 28px 30px;
	position: relative;
	overflow: hidden;
	min-height: 140px;
}
.cw-cta-block__more::after {
	content: '';
	position: absolute;
	right: 0; top: 0; bottom: 0;
	width: 50%;
	background:
		linear-gradient(to right, #f4f4f4 0%, rgba(244,244,244,0.6) 40%, transparent 70%),
		linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0.45)),
		url(/shop2026/media/content/kategorien/cw-cta-block__more.webp) right center / cover no-repeat;
	pointer-events: none;
}
.cw-cta-block__more-heading {
	position: relative;
	z-index: 1;
}
.cw-cta-block__more-text {
	font-size: 17px;
	color: #444;
	line-height: 1.7;
	margin: 0;
	max-width: 65%;
	position: relative;
	z-index: 1;
}
.cw-cta-block__more-text {
	font-size: 17px;
	color: #444;
	line-height: 1.7;
	margin: 0;
	max-width: 65%;
	position: relative;
	z-index: 1;
}
.cw-cta-block__contact-links {
/*	display: flex; */
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	margin-top: 4px;
	align-items: center;
}
.cw-cta-block__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #4e4e4e !important;
	font-size: 16px;
	font-weight: 600;
	padding: 6px 14px;
	border-radius: 3px;
	border: 1px solid #b2b2b2;
	text-decoration: none;
	transition: background 0.18s ease;
	cursor: pointer;
	background: none;
}
.cw-cta-block__btn .material-icons {
	font-size: 18px;
	color: #aac30d;
	line-height: 1;
	vertical-align: middle;
}
.cw-cta-block__btn:hover {
	background: #e4ec99;
}


.cw-post-products {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 20px 30px;
	background: #f4f4f4;
	border-top: 1px solid #e0e0e0;
	font-size: 17px;
	color: #444;
	width: 100%;
	box-sizing: border-box;
}
.cw-post-products .material-icons {
	color: #aac30d;
	font-size: 22px;
	flex-shrink: 0;
}
.cw-post-products a {
	color: #444;
	font-weight: 600;
}
.cw-tel-mobile { display: none; }
.cw-tel-desktop { display: inline-flex; }
@media (max-width: 839px) {
	.cw-tel-mobile { display: inline-flex; }
	.cw-tel-desktop { display: none; }
}


/* =============================================
   SCROLL-EINBLEND-ANIMATION
   ============================================= */

.cw-fade-in {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.45s ease, transform 0.45s ease;
}
.cw-fade-in.cw-visible {
	opacity: 1;
	transform: translateY(0);
}
.cw-fade-in:nth-child(2) { transition-delay: 0.07s; }
.cw-fade-in:nth-child(3) { transition-delay: 0.14s; }
.cw-fade-in:nth-child(4) { transition-delay: 0.21s; }

/* =============================================
   MOBILE OPTIMIERUNGEN (max-width: 839px)
   ============================================= */

@media (max-width: 839px) {

	/* Overflow verhindern */
	#pckat,
	#content-page {
		overflow-x: hidden;
	}

	/* Globale Abstände */
	.cw-intro-block,
	.cw-section,
	.cw-cta-block {
		padding-left: 20px;
		padding-right: 20px;
	}
	.cw-section--bg .cw-section__inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Hero */
	#pckat .pckat-header {
		height: 340px;
		background-position: 86% center !important;
		align-content: unset;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#pckat .pckat-header > .mdl-cell:first-child {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 95%;
		padding-bottom: 20px;
	}
	#pckat .pckat-header h1 {
		font-size: 1.6em;
		margin: 20px 0 0 12px;
	}
	#pckat .pckat-header h2 {
		font-size: 1.2em;
		margin: auto 140px 6px 12px;
	}

	#pckat h2 {
		margin: 10px 70px 10px 0;
		font-size: 1.2em;
		line-height: 1.3em;
	}
	#pckat .pckat-header h1,
	#pckat .pckat-header h2,
	.pckat-header-reviews {
		text-shadow: 1px 1px 6px rgba(0,0,0,0.9), 0 0 20px rgba(0,0,0,0.7);
	}

	/* Hero — linke Hälfte abdunkeln */
	#pckat .pckat-header::before {
		content: '';
		position: absolute;
		top: 0; left: 0; bottom: 0;
		width: 75%;
		background: linear-gradient(to right,
			rgba(0,0,0,0.55) 0%,
			rgba(0,0,0,0.35) 50%,
			transparent 100%);
		pointer-events: none;
		z-index: 0;
	}
	#pckat .pckat-header > .mdl-cell {
		position: relative;
		z-index: 1;
	}
	.pckat-header-reviews {
		flex-direction: column;
		align-items: flex-start;
		gap: 0px;
		margin: 0 0 5px 13px;
	}
	.pckat-review-item {
		display: flex;
	}

	/* Trust-Bar — untereinander mit Widget rechts */
	.cw-trust-bar {
		overflow: hidden;
		padding: 20px 20px;
	}
	.cw-trust-bar__inner {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 12px 16px;
		align-items: center;
	}
	.cw-trust-bar__items {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	.cw-trust-bar__widget {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cw-trust-item::after {
		display: none;
	}
	.cw-trust-item {
		white-space: normal;
		padding: 0 0px;
	}
	.cw-trust-stars .material-icons:nth-child(n+2) {
		display: none;
	}

	/* Intro-Block */
	.cw-intro-block {
		padding: 16px 20px;
	}
	.cw-intro-block p {
		columns: 1;
		column-rule: none;
	}

	/* Quote-Block */
	.cw-quote-block {
		grid-template-columns: 1fr;
		min-height: unset;
		overflow: visible;
	}
	.cw-quote-block__widget {
		display: none;
	}
	#pckat .cw-quote-block .cw-quote-block__text {
		width: 95% !important;
		height: auto !important;
		min-height: unset !important;
		padding: 20px 20px 0px 20px !important;
		order: 1;
	}
	.cw-quote-block__photo {
		order: 2;
		position: relative;
		width: 100%;
		height: 220px;
		justify-content: flex-end;
		align-items: flex-end;
		padding: 14px 16px;
	}
	.cw-quote-block__photo-name {
		text-align: left;
		padding-right: 48px;
		text-shadow: 2px 2px 4px rgba(0,0,0,0.9), 0 0 4px rgba(0,0,0,0.8), 0 0 16px rgba(0,0,0,0.9);
	}
	.cw-quote-block__photo-name strong {
		display: block;
		font-size: 17px;
		font-weight: 300;
		color: #fff;
		line-height: 1.4em;
	}

	/* HW-Block — Bild immer oben, auch im zweiten Block */
	.cw-hw-block {
		grid-template-columns: 1fr;
	}
	.cw-hw-block__content {
		order: 2 !important;
	}
	.cw-hw-block__img-wrap {
		order: 1 !important;
	}

	/* CTA-Block */
	.cw-cta-block__more {
		margin: -20px -10px 24px -10px;
		padding: 16px 10px 20px;
	}
	.cw-cta-block__more::after {
		display: none;
	}
	.cw-cta-block__more-text {
		max-width: 100%;
	}
	.cw-cta-block__inner {
		grid-template-columns: 1fr;
	}
	.cw-cta-block__divider {
		display: block;
		width: 100%;
		height: 1px;
		background: #d8d8d8;
		align-self: auto;
	}
	.cw-post-products .material-icons {
		color: #aac30d;
		font-size: 50px;
		flex-shrink: 0;
	}
	.cw-post-products {
		flex-direction: column;
		text-align: center;
		padding: 16px 20px;
	}

}


/* === ENDE CW KATEGORIESEITEN CSS === */


.as-oil {
  position: fixed;
    z-index: 99999;
}