.mdl-switch,
 .mdl-switch.is-disabled .mdl-switch__track {
 	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: rgb(63, 81, 181);
 	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__thumb fieldset[disabled] .mdl-switch,
 .mdl-switch.is-disabled .mdl-switch__thumb {
 	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__label fieldset[disabled] .mdl-switch,
 .mdl-switch.is-disabled .mdl-switch__label {
 	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;
 	-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
 	transition-duration: .4s;
 	transition-timing-function: step-end;
 	transition-property: left
 }
 
 .mdl-switch__ripple-container .mdl-ripple {
 	background: rgb(63, 81, 181)
 }
 
 .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
 .mdl-switch.is-disabled .mdl-switch__ripple-container {
 	cursor: auto
 }
 
 fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
 .mdl-switch.is-disabled .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 24px;
 	float: left;
 	position: relative;
 	display: block;
 	text-decoration: none;
 	height: 48px;
 	line-height: 48px;
 	text-align: center;
 	font-weight: 500;
 	font-size: 14px;
 	text-transform: uppercase;
 	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: rgb(63, 81, 181);
 	-webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1).01s alternate forwards;
 	animation: border-expand .2s cubic-bezier(.4, 0, .4, 1).01s 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: rgb(63, 81, 181)
 }
 
 .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--expandable .mdl-button--icon {
 	top: 16px
 }
 
 .mdl-textfield__input {
 	border: none;
 	border-bottom: 1px solid rgba(0, 0, 0, .12);
 	display: block;
 	font-size: 16px;
 	font-family: "Helvetica", "Arial", sans-serif;
 	margin: 0;
 	padding: 4px 0;
 	width: 100%;
 	background: 0 0;
 	text-align: left;
 	color: inherit
 }
 
 .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: none
 }
 
 .mdl-textfield.is-invalid .mdl-textfield__input {
 	border-color: #d50000;
 	box-shadow: none
 }
 
 fieldset[disabled] .mdl-textfield .mdl-textfield__input,
 .mdl-textfield.is-disabled .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: -40px;
 	color: rgba(0, 0, 0, .26);
 	font-size: 16px;
 	left: 40;
 	right: 0;
 	pointer-events: none;
 	position: absolute;
 	display: block;
 	top: 20px;
 	width: 90%;
 	overflow: hidden;
 	white-space: nowrap;
 	text-align: left
 }
 
 .mdl-textfield.is-dirty .mdl-textfield__label,
 .mdl-textfield.has-placeholder .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
 }
 
 fieldset[disabled] .mdl-textfield .mdl-textfield__label,
 .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
 	color: rgba(0, 0, 0, .26)
 }
 
 .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
 .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
 	color: rgb(63, 81, 181);
 	font-size: 12px;
 	top: 4px;
 	visibility: visible
 }
 
 .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
 .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
 	top: -16px
 }
 
 .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
 	color: #d50000;
 	font-size: 12px
 }
 
 .mdl-textfield__label:after {
 	background-color: #e51c23;
 	bottom: 20px;
 	content: '';
 	height: 2px;
 	left: 45%;
 	position: absolute;
 	transition-duration: .2s;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	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 {
 	color: #d50000;
 	position: absolute;
 	font-size: 12px;
 	margin-top: 3px;
 	visibility: hidden;
 	display: block
 }
 
 .mdl-textfield.is-invalid .mdl-textfield__error {
 	visibility: visible
 }
 
 .mdl-textfield__expandable-holder {
 	display: inline-block;
 	position: relative;
 	margin-left: 32px;
 	transition-duration: .2s;
 	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 	display: inline-block;
 	max-width: .1px
 }
 
 .mdl-textfield.is-focused .mdl-textfield__expandable-holder,
 .mdl-textfield.is-dirty .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 200ms cubic-bezier(0, 0, .2, 1)forwards;
 	animation: pulse 200ms 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-grid {
 		padding: 8px
 	}
 	.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%
 	}
 }
 
 body {
 	margin: 0
 }
 
 .styleguide-demo h1 {
 	margin: 48px 24px 0
 }
 
 .styleguide-demo h1:after {
 	content: '';
 	display: block;
 	width: 100%;
 	border-bottom: 1px solid rgba(0, 0, 0, .5);
 	margin-top: 24px
 }
 
 .styleguide-demo {
 	opacity: 0;
 	transition: opacity .6s ease
 }
 
 .styleguide-masthead {
 	height: 256px;
 	background: #212121;
 	padding: 115px 16px 0
 }
 
 .styleguide-container {
 	position: relative;
 	max-width: 960px;
 	width: 100%
 }
 
 .styleguide-title {
 	color: #fff;
 	bottom: auto;
 	position: relative;
 	font-size: 56px;
 	font-weight: 300;
 	line-height: 1;
 	letter-spacing: -.02em
 }
 
 .styleguide-title:after {
 	border-bottom: 0
 }
 
 .styleguide-title span {
 	font-weight: 300
 }
 
 .mdl-styleguide .mdl-layout__drawer .mdl-navigation__link {
 	padding: 10px 24px
 }
 
 .demosLoaded .styleguide-demo {
 	opacity: 1
 }
 
 iframe {
 	display: block;
 	width: 100%;
 	border: none
 }
 
 iframe.heightSet {
 	overflow: hidden
 }
 
 .demo-wrapper {
 	margin: 24px
 }
 
 .demo-wrapper iframe {
 	border: 1px solid rgba(0, 0, 0, .5)
 }