@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
	--body-color: #605f6d;
	--body-bg-color: #fefefe;
	--primary-color: #A5141A;
	--primary-color-hover: #005c45;
	--primary-color-active: #005c45;
	--primary-color-inverted: #d9ece7;
	--primary-color-shadow: rgba(0, 128, 96, 0.35);
	--secondary-color: #1d2124;
	--secondary-color-hover: #1a1c20;
	--secondary-color-active: #1a1c20;
	--secondary-color-inverted: #f1f2f4;
	--secondary-color-shadow: rgba(29, 33, 36, 0.35);
	--positive-color: #00c9a7;
	--positive-color-hover: #009e84;
	--positive-color-active: #009e84;
	--positive-color-inverted: #e5fffb;
	--positive-color-shadow: rgba(0, 201, 167, 0.35);
	--negative-color: #ed4c78;
	--negative-color-hover: #b93b5c;
	--negative-color-active: #b93b5c;
	--negative-color-inverted: #fde8ed;
	--negative-color-shadow: rgba(237, 76, 120, 0.35);
	--alert-color: #f1b980;
	--alert-color-hover: #bc8e60;
	--alert-color-active: #bc8e60;
	--alert-color-inverted: #fef8f2;
	--alert-color-shadow: rgba(245, 202, 153, 0.35);
	--info-color: #09a5be;
	--info-color-hover: #09a5be;
	--info-color-active: #09a5be;
	--info-color-inverted: #eff3f6;
	--info-color-shadow: rgba(9, 165, 190, 0.35);
	--light-color: #e9f0f3;
	--light-color-hover: #e9f0f3;
	--light-color-active: #e9f0f3;
	--light-color-inverted: #eff4f6;
	--light-color-shadow: rgba(248, 249, 250, 0.15);
	--dark-color: #222222;
	--dark-color-hover: #2d3339;
	--dark-color-active: #2d3339;
	--dark-color-inverted: #f4f5f6;
	--dark-color-shadow: rgba(52, 58, 64, 0.1);
	--black-color: #000;
	--white-color: #fff;
	--shadow-color: rgba(136, 152, 170, .15);
	--grey-color: #818181;
	--grey-color-100: #f2f2f2;
	--grey-color-300: #d5d5d5;
	--grey-color-500: #b9b9b9;
	--grey-color-700: #9d9d9d
}

:root {
	--gutter: 2rem;
	--gutter-compensation: -2rem;
	--padding: 1rem;
	--margin: 1rem;
	--grid: 400px;
	--transparent: transparent;
	--radius: .250rem;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*::before,
*::after {
	box-sizing: border-box
}

::selection {
	color: var(--primary-color);
	background-color: var(--primary-color-inverted)
}

.primary ::selection {
	color: var(--primary-color-inverted);
	background-color: #fff
}

.secondary ::selection {
	color: var(--secondary-color);
	background-color: #fff
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent
}

@-ms-viewport {
	width: device-width
}

.scrollbox {
	scrollbar-width: thin;
	scrollbar-color: var(--primary-color) var(--grey-color-300)
}

.scrollbox::-webkit-scrollbar {
	width: 12px
}

.scrollbox::-webkit-scrollbar-track {
	background: var(--primary-color-inverted)
}

.scrollbox::-webkit-scrollbar-thumb {
	background-color: var(--primary-color);
	border-radius: 1rem;
	border: 3px solid var(--grey-color-300)
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block
}

video {
	width: 100%;
	height: auto
}

audio:not([controls]) {
	display: none !important;
	height: 0
}

[hidden] {
	display: none
}

a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Poppins", sans-serif;
	margin: 0 0 1rem 0
}

p:last-child {
	margin: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

mark {
	background: var(--alert-color);
	color: var(--black-color)
}

code,
kbd,
pre,
samp {
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word
}

blockquote {
	color: #000;
	padding: 2rem;
	border-radius: .250rem;
	margin: 0 0 2rem 0;
	position: relative;
	background: #fff;
	border-left: 4px solid var(--primary-color);
	box-shadow: 0 23px 49px 0 var(--shadow-color)
}

blockquote p {
	font-style: italic;
	color: #000
}

abbr[title],
abbr[data-original-title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

.clip {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.overflow {
	overflow: hidden
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

cite {
	font-style: normal
}

img {
	border: 0 none;
	vertical-align: top;
	width: auto;
	max-width: 100%;
	max-height: auto
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0;
	line-height: 0;
	position: relative
}

fieldset {
	border: 1px solid silver;
	margin: 0;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.video {
	height: 0;
	margin-bottom: 0.88889rem;
	overflow: hidden;
	padding-bottom: 67.5%;
	padding-top: 1.38889rem;
	position: relative
}

.video.widescreen {
	padding-bottom: 56.34%
}

.video.vimeo {
	padding-top: 0
}

.video iframe,
.video object,
.video embed,
.video video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border: 0
}

.inline.flex {
	display: inline-flex
}

.flex {
	display: flex
}

.fcolumn {
	flex-direction: column
}

.fwrap {
	flex-wrap: wrap
}

.block {
	display: block
}

.not-allowed {
	cursor: not-allowed
}

.left.aligned {
	text-align: left
}

.center.aligned {
	text-align: center
}

.right.aligned {
	text-align: right
}

.show-all {
	display: inherit
}

.hide-all {
	display: none
}

.hidden {
	visibility: hidden
}

.visible {
	visibility: visible
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

input:focus {
	outline-offset: 0
}

:focus {
	outline: -webkit-focus-ring-color auto 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
input::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding: 0;
	border: 0 none
}

input[type="radio"],
input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	-webkit-appearance: listbox
}

.h200 {
	height: 200px
}

.h300 {
	height: 300px
}

.h350 {
	height: 350px
}

.h400 {
	height: 400px
}

.h500 {
	height: 500px
}

.hp100 {
	height: 100%
}

.ha {
	height: auto
}

.w50 {
	width: 50%
}

.w25 {
	width: 25%
}

.w75 {
	width: 75%
}

.w100 {
	width: 100%
}

.wa {
	width: auto
}

.mw-50 {
	max-width: 50% !important
}

.mw-75 {
	max-width: 75% !important
}

.fvh {
	height: 100vh
}

.pt {
	top: 0
}

.pb {
	bottom: 0
}

.pl {
	left: 0
}

.pr {
	right: 0
}

.pbn1 {
	bottom: -1rem
}

.pbn2 {
	bottom: -2rem
}

.pbn3 {
	bottom: -3rem
}

.zin1 {
	z-index: -1
}

.zi1 {
	z-index: 1
}

.zi2 {
	z-index: 2
}

.zi3 {
	z-index: 3
}

.zi4 {
	z-index: 4
}

.zi5 {
	z-index: 5
}

.mb0 {
	margin-bottom: 0
}

.mb1 {
	margin-bottom: 1rem
}

.mb2 {
	margin-bottom: 2rem
}

.mb3 {
	margin-bottom: 3rem
}

.mb4 {
	margin-bottom: 4rem
}

.mb5 {
	margin-bottom: 5rem
}

.mt1 {
	margin-top: 1rem
}

.mt2 {
	margin-top: 2rem
}

.mt3 {
	margin-top: 3rem
}

.mt4 {
	margin-top: 4rem
}

.mt5 {
	margin-top: 5rem
}

.ml3 {
	margin-left: 3rem
}

.ml4 {
	margin-left: 4rem
}

.ml5 {
	margin-left: 5rem
}

.mr3 {
	margin-right: 3rem
}

.mr4 {
	margin-right: 4rem
}

.mr5 {
	margin-right: 5rem
}

.mbn2 {
	margin-bottom: -2rem
}

.mbn3 {
	margin-bottom: -3rem
}

.mbn4 {
	margin-bottom: -4rem
}

.mbn5 {
	margin-bottom: -5rem
}

.mtn3 {
	margin-top: -3rem
}

.mtn4 {
	margin-top: -4rem
}

.mtn5 {
	margin-top: -5rem
}

.mln3 {
	margin-left: -3rem
}

.mln4 {
	margin-left: -4rem
}

.mln5 {
	margin-left: -5rem
}

.mrn3 {
	margin-right: -3rem
}

.mrn4 {
	margin-right: -4rem
}

.mrn5 {
	margin-right: -5rem
}

.fullsvg {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1
}

html.ios {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}

html.ios,
html.ios body {
	height: initial
}

body {
	margin: 0;
	padding: 0;
  font-family: "Poppins", sans-serif !important;

	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--body-color);
	text-align: left;
	background-color: var(--white-color)
}

.wojo-grid {
	width: auto;
	max-width: 1440px;
	margin: 0 auto;
	padding-right: var(--padding);
	padding-left: var(--padding)
}

.wojo.mason {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(4, 1fr)
}

.wojo.mason.three {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(3, 1fr)
}

.wojo.mason.loading {
	position: relative;
	cursor: default;
	pointer-events: none
}

.wojo.mason.loading::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	z-index: 100
}

.wojo.mason.loading:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -1.5em 0 0 -1.5em;
	width: 3em;
	height: 3em;
	-webkit-animation: form-spin 0.6s linear;
	animation: form-spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
	border-style: solid;
	border-width: 0.2em;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
	visibility: visible;
	z-index: 101
}

@-webkit-keyframes segment-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes segment-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.full.padding {
	padding: var(--padding)
}

.full.massive.padding {
	padding: calc(var(--padding) * 5)
}

.full.huge.padding {
	padding: calc(var(--padding) * 4)
}

.full.large.padding {
	padding: calc(var(--padding) * 3)
}

.full.big.padding {
	padding: calc(var(--padding) * 2)
}

.full.small.padding {
	padding: calc(var(--padding) / 2)
}

.vertical.padding {
	padding: var(--padding) 0
}

.horizontal.padding {
	padding: 0 var(--padding)
}

.small.vertical.padding {
	padding: calc(var(--padding) / 2) 0
}

.small.horizontal.padding {
	padding: 0 calc(var(--padding) / 2)
}

.small.top.padding {
	padding-top: calc(var(--padding) / 2)
}

.small.bottom.padding {
	padding-bottom: calc(var(--padding) / 2)
}

.small.left.padding {
	padding-left: calc(var(--padding) / 2)
}

.small.right.padding {
	padding-right: calc(var(--padding) / 2)
}

.right.padding {
	padding-right: var(--padding)
}

.left.padding {
	padding-left: var(--padding)
}

.top.padding {
	padding-top: var(--padding)
}

.bottom.padding {
	padding-bottom: var(--padding)
}

.big.vertical.padding {
	padding: calc(var(--padding) * 2) 0
}

.big.horizontal.padding {
	padding: 0 calc(var(--padding) * 2)
}

.big.top.padding {
	padding-top: calc(var(--padding) * 2)
}

.big.bottom.padding {
	padding-bottom: calc(var(--padding) * 2)
}

.big.left.padding {
	padding-left: calc(var(--padding) * 2)
}

.big.right.padding {
	padding-right: calc(var(--padding) * 2)
}

.large.vertical.padding {
	padding: calc(var(--padding) * 3) 0
}

.large.horizontal.padding {
	padding: 0 calc(var(--padding) * 3)
}

.large.top.padding {
	padding-top: calc(var(--padding) * 3)
}

.large.bottom.padding {
	padding-bottom: calc(var(--padding) * 3)
}

.large.left.padding {
	padding-left: calc(var(--padding) * 3)
}

.large.right.padding {
	padding-right: calc(var(--padding) * 3)
}

.huge.vertical.padding {
	padding: calc(var(--padding) * 4) 0
}

.huge.horizontal.padding {
	padding: 0 calc(var(--padding) * 4)
}

.huge.top.padding {
	padding-top: calc(var(--padding) * 4)
}

.huge.bottom.padding {
	padding-bottom: calc(var(--padding) * 4)
}

.huge.left.padding {
	padding-left: calc(var(--padding) * 4)
}

.huge.right.padding {
	padding-right: calc(var(--padding) * 4)
}

.massive.vertical.padding {
	padding: calc(var(--padding) * 5) 0
}

.massive.horizontal.padding {
	padding: 0 calc(var(--padding) * 5)
}

.massive.top.padding {
	padding-top: calc(var(--padding) * 5)
}

.massive.bottom.padding {
	padding-bottom: calc(var(--padding) * 5)
}

.massive.left.padding {
	padding-left: calc(var(--padding) * 5)
}

.massive.right.padding {
	padding-right: calc(var(--padding) * 5)
}

.full.margin {
	margin: var(--margin)
}

.full.big.margin {
	margin: calc(var(--margin) * 2)
}

.full.large.margin {
	margin: calc(var(--margin) * 3)
}

.vertical.margin {
	margin: var(--margin) 0
}

.horizontal.margin {
	margin: 0 var(--margin)
}

.full.small.margin {
	margin: calc(var(--margin) / 2)
}

.small.vertical.margin {
	margin: calc(var(--margin) / 2) 0
}

.small.horizontal.margin {
	margin: 0 calc(var(--margin) / 2)
}

.small.top.margin {
	margin-top: calc(var(--margin) / 2)
}

.small.bottom.margin {
	margin-bottom: calc(var(--margin) / 2)
}

.small.left.margin {
	margin-left: calc(var(--margin) / 2)
}

.small.right.margin {
	margin-right: calc(var(--margin) / 2)
}

.right.margin {
	margin-right: var(--margin)
}

.left.margin {
	margin-left: var(--margin)
}

.top.margin {
	margin-top: var(--margin)
}

.bottom.margin {
	margin-bottom: var(--margin)
}

.big.vertical.margin {
	margin: calc(var(--margin) * 2) 0
}

.big.horizontal.margin {
	margin: 0 calc(var(--margin) * 2)
}

.big.top.margin {
	margin-top: calc(var(--margin) * 2)
}

.big.bottom.margin {
	margin-bottom: calc(var(--margin) * 2)
}

.big.left.margin {
	margin-left: calc(var(--margin) * 2)
}

.big.right.margin {
	margin-right: calc(var(--margin) * 2)
}

.large.vertical.margin {
	margin: calc(var(--margin) * 3) 0
}

.large.horizontal.margin {
	margin: 0 calc(var(--margin) * 3)
}

.large.top.margin {
	margin-top: calc(var(--margin) * 3)
}

.large.bottom.margin {
	margin-bottom: calc(var(--margin) * 3)
}

.large.left.margin {
	margin-left: calc(var(--margin) * 3)
}

.large.right.margin {
	margin-right: calc(var(--margin) * 3)
}

.align.center {
	justify-content: center
}

.align.end {
	justify-content: flex-end
}

.align.spaced {
	justify-content: space-between
}

.align.around {
	justify-content: space-around
}

.align.top {
	align-items: flex-start
}

.align.bottom {
	align-items: flex-end
}

.align.middle {
	align-items: center
}

.align.stretch {
	align-items: stretch
}

.align.self.top {
	align-self: flex-start
}

.align.self.bottom {
	align-self: flex-end
}

.align.self.middle {
	-ms-grid-row-align: center;
	align-self: center
}

.align.self.stretch {
	-ms-grid-row-align: stretch;
	align-self: stretch
}

.row {
	display: flex;
	flex-flow: row wrap
}

.row.gutters {
	margin-left: var(--gutter-compensation)
}

.row.mini.gutters {
	margin-left: calc(var(--gutter-compensation) / 4)
}

.row.small.gutters {
	margin-left: calc(var(--gutter-compensation) / 2)
}

.row.big.gutters {
	margin-left: calc(var(--gutter-compensation) * 2)
}

.row.large.gutters {
	margin-left: calc(var(--gutter-compensation) * 3)
}

.row.vertical.gutters {
	margin-left: 0
}

.row.gutters>.columns {
	padding-left: var(--gutter);
	margin-bottom: var(--gutter)
}

.row.mini.gutters>.columns {
	padding-left: calc(var(--gutter) / 4);
	margin-bottom: calc(var(--gutter) / 4)
}

.row.small.gutters>.columns {
	padding-left: calc(var(--gutter) / 2);
	margin-bottom: calc(var(--gutter) / 2)
}

.row.big.gutters>.columns {
	padding-left: calc(var(--gutter) * 2);
	margin-bottom: calc(var(--gutter) * 2)
}

.row.large.gutters>.columns {
	padding-left: calc(var(--gutter) * 3);
	margin-bottom: calc(var(--gutter) * 3)
}

.row.horizontal.gutters>.columns {
	margin-bottom: 0
}

.row.gutters>.columns.end {
	margin-bottom: 0
}

.row.vertical.gutters>.columns {
	padding-left: 0;
	padding-right: 0
}

.row.gutters>.columns.divider::after {
	position: absolute;
	top: 10%;
	left: 2rem;
	height: 80%;
	border-left: 1px solid var(--grey-color-300);
	content: ""
}

.row .columns {
	flex: 1 1 0;
	min-width: 0
}

.row .columns.auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap
}

.row.grid {
	flex-direction: row;
	flex-wrap: wrap
}

.row.grid>.columns {
	flex: 0 1 auto;
	-ms-grid-row-align: auto;
	align-self: auto
}

.row.divided.grid .columns>.item {
	border-bottom: 1px solid var(--grey-color-300);
	display: flex;
	flex-flow: row wrap;
	align-items: center
}

.row.divided.grid .columns>.item>.columns {
	flex: 1 1 0;
	min-width: 0;
	padding: 0.750em;
	white-space: nowrap
}

.row.divided.grid .columns>.item>.columns.auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap
}

.row.divided.vertical.grid .columns>.item {
	border-left: 1px solid var(--grey-color-300);
	border-top: 1px solid var(--grey-color-300)
}

.row.divided.vertical.grid .columns:first-child>.item {
	border-left: 0
}

.row.grid.table {
	border-bottom: 1px solid var(--grey-color-300)
}

.row.grid.table .columns>.item {
	padding: .750rem
}

@media screen and (min-width:1200px) {
	.row .columns.screen-100 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row .columns.screen-90 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	.row .columns.screen-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}

	.row .columns.screen-75 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.row .columns.screen-70 {
		flex: 0 0 70%;
		max-width: 70%;
	}

	.row .columns.screen-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}

	.row .columns.screen-50 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row .columns.screen-40 {
		flex: 0 0 40%;
		max-width: 40%;
	}

	.row .columns.screen-33 {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3);
	}

	.row .columns.screen-30 {
		flex: 0 0 30%;
		max-width: 30%;
	}

	.row .columns.screen-25 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row .columns.screen-20 {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row .columns.screen-15 {
		flex: 0 0 15%;
		max-width: 15%;
	}

	.row .columns.screen-10 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.row .columns.screen.offset-90 {
		margin-left: 90%;
	}

	.row .columns.screen.offset-80 {
		margin-left: 80%;
	}

	.row .columns.screen.offset-70 {
		margin-left: 70%;
	}

	.row .columns.screen.offset-60 {
		margin-left: 60%;
	}

	.row .columns.screen.offset-50 {
		margin-left: 50%;
	}

	.row .columns.screen.offset-40 {
		margin-left: 40%;
	}

	.row .columns.screen.offset-30 {
		margin-left: 30%;
	}

	.row .columns.screen.offset-20 {
		margin-left: 20%;
	}

	.row .columns.screen.offset-10 {
		margin-left: 10%;
	}

	.row.grid.screen-1>.columns {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row.grid.screen-2>.columns {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row.grid.screen-3>.columns {
		flex: 0 0 Calc(100% / 3);
		max-width: Calc(100% / 3);
	}

	.row.grid.screen-4>.columns {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row.grid.screen-5>.columns {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row.grid.screen-6>.columns {
		flex: 0 0 Calc(100% / 6);
		max-width: Calc(100% / 6);
	}

	.row.grid.screen-7>.columns {
		flex: 0 0 Calc(100% / 7);
		max-width: Calc(100% / 7);
	}

	.row.grid.screen-8>.columns {
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.screen.order-1 {
		order: 1;
	}

	.screen.order-2 {
		order: 2;
	}

	.screen.order-3 {
		order: 3;
	}

	.screen.order-4 {
		order: 4;
	}

	.screen.order-5 {
		order: 5;
	}

	.screen.order-6 {
		order: 6;
	}

	.screen.left.aligned {
		text-align: left;
	}

	.screen.center.aligned {
		text-align: center;
	}

	.screen.right.aligned {
		text-align: right;
	}

	.screen-hide {
		display: none !important;
	}
}

@media screen and (min-width:769px) and (max-width:1199px) {
	.row .columns.tablet-100 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row .columns.tablet-90 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	.row .columns.tablet-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}

	.row .columns.tablet-75 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.row .columns.tablet-70 {
		flex: 0 0 70%;
		max-width: 70%;
	}

	.row .columns.tablet-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}

	.row .columns.tablet-50 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row .columns.tablet-40 {
		flex: 0 0 40%;
		max-width: 40%;
	}

	.row .columns.tablet-33 {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3);
	}

	.row .columns.tablet-30 {
		flex: 0 0 30%;
		max-width: 30%;
	}

	.row .columns.tablet-25 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row .columns.tablet-20 {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row .columns.tablet-15 {
		flex: 0 0 15%;
		max-width: 15%;
	}

	.row .columns.tablet-10 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.row .columns.tablet-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
		white-space: nowrap;
	}

	.row .columns.tablet.offset-90 {
		margin-left: 90%;
	}

	.row .columns.tablet.offset-80 {
		margin-left: 80%;
	}

	.row .columns.tablet.offset-70 {
		margin-left: 70%;
	}

	.row .columns.tablet.offset-60 {
		margin-left: 60%;
	}

	.row .columns.tablet.offset-50 {
		margin-left: 50%;
	}

	.row .columns.tablet.offset-40 {
		margin-left: 40%;
	}

	.row .columns.tablet.offset-30 {
		margin-left: 30%;
	}

	.row .columns.tablet.offset-20 {
		margin-left: 20%;
	}

	.row .columns.tablet.offset-10 {
		margin-left: 10%;
	}

	.row.grid.tablet-1>.columns {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row.grid.tablet-2>.columns {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row.grid.tablet-3>.columns {
		flex: 0 0 Calc(100% / 3);
		max-width: Calc(100% / 3);
	}

	.row.grid.tablet-4>.columns {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row.grid.tablet-5>.columns {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row.grid.tablet-6>.columns {
		flex: 0 0 Calc(100% / 6);
		max-width: Calc(100% / 6);
	}

	.row.grid.tablet-7>.columns {
		flex: 0 0 Calc(100% / 7);
		max-width: Calc(100% / 7);
	}

	.row.grid.tablet-8>.columns {
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.tablet.order-1 {
		order: 1;
	}

	.tablet.order-2 {
		order: 2;
	}

	.tablet.order-3 {
		order: 3;
	}

	.tablet.order-4 {
		order: 4;
	}

	.tablet.order-5 {
		order: 5;
	}

	.tablet.order-6 {
		order: 6;
	}

	.tablet-left-aligned {
		text-align: left;
	}

	.tablet-center-aligned {
		text-align: center;
	}

	.tablet-right-aligned {
		text-align: right;
	}

	.tablet-hide {
		display: none !important;
	}
}

@media screen and (min-width:641px) and (max-width:768px) {

	.row.mobile.fluid>.columns,
	.row .columns.mobile-100 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row .columns.mobile-90 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	.row .columns.mobile-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}

	.row .columns.mobile-75 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.row .columns.mobile-70 {
		flex: 0 0 70%;
		max-width: 70%;
	}

	.row .columns.mobile-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}

	.row .columns.mobile-50 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row .columns.mobile-40 {
		flex: 0 0 40%;
		max-width: 40%;
	}

	.row .columns.mobile-33 {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3);
	}

	.row .columns.mobile-30 {
		flex: 0 0 30%;
		max-width: 30%;
	}

	.row .columns.mobile-25 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row .columns.mobile-20 {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row .columns.mobile-15 {
		flex: 0 0 15%;
		max-width: 15%;
	}

	.row .columns.mobile-10 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.row .columns.mobile-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
		white-space: nowrap;
	}

	.row.grid.mobile-1>.columns {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row.grid.mobile-2>.columns {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row.grid.mobile-3>.columns {
		flex: 0 0 Calc(100% / 3);
		max-width: Calc(100% / 3);
	}

	.row.grid.mobile-4>.columns {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row.grid.mobile-5>.columns {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row.grid.mobile-6>.columns {
		flex: 0 0 Calc(100% / 6);
		max-width: Calc(100% / 6);
	}

	.row.grid.mobile-7>.columns {
		flex: 0 0 Calc(100% / 7);
		max-width: Calc(100% / 7);
	}

	.row.grid.mobile-8>.columns {
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.mobile.order-1 {
		order: 1;
	}

	.mobile.order-2 {
		order: 2;
	}

	.mobile.order-3 {
		order: 3;
	}

	.mobile.order-4 {
		order: 4;
	}

	.mobile.order-5 {
		order: 5;
	}

	.mobile.order-6 {
		order: 6;
	}

	.mobile-left-aligned {
		text-align: left;
	}

	.mobile-center-aligned {
		text-align: center;
	}

	.mobile-right-aligned {
		text-align: right;
	}

	.mobile-hide {
		display: none !important;
	}

	.mobile-block-hide {
		display: none;
	}

	.wojo.mason,
	.wojo.mason.five,
	.wojo.mason.four,
	.wojo.mason.three,
	.wojo.mason.two,
	.wojo.mason.grid {
		display: grid;
		grid-gap: 2rem;
		grid-template-columns: repeat(2, 1fr);
	}
}

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

	.row.phone.fluid>.columns,
	.row .columns.phone-100,
	.row.grid[class*="screen-"]>.columns {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row .columns.phone-90 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	.row .columns.phone-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}

	.row .columns.phone-75 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.row .columns.phone-70 {
		flex: 0 0 70%;
		max-width: 70%;
	}

	.row .columns.phone-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}

	.row .columns.phone-50 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row .columns.phone-40 {
		flex: 0 0 40%;
		max-width: 40%;
	}

	.row .columns.phone-33 {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3);
	}

	.row .columns.phone-30 {
		flex: 0 0 30%;
		max-width: 30%;
	}

	.row .columns.phone-25 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row .columns.phone-20 {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row .columns.phone-15 {
		flex: 0 0 15%;
		max-width: 15%;
	}

	.row .columns.phone-10 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.row.grid.phone-1>.columns {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row.grid.phone-2>.columns {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row.grid.phone-3>.columns {
		flex: 0 0 Calc(100% / 3);
		max-width: Calc(100% / 3);
	}

	.row.grid.phone-4>.columns {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row.grid.phone-5>.columns {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row.grid.phone-6>.columns {
		flex: 0 0 Calc(100% / 6);
		max-width: Calc(100% / 6);
	}

	.row.grid.phone-7>.columns {
		flex: 0 0 Calc(100% / 7);
		max-width: Calc(100% / 7);
	}

	.row.grid.phone-8>.columns {
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.phone.order-1 {
		order: 1;
	}

	.phone.order-2 {
		order: 2;
	}

	.phone.order-3 {
		order: 3;
	}

	.phone.order-4 {
		order: 4;
	}

	.phone.order-5 {
		order: 5;
	}

	.phone.order-6 {
		order: 6;
	}

	.phone-left-aligned {
		text-align: left;
	}

	.phone-center-aligned {
		text-align: center;
	}

	.phone-right-aligned {
		text-align: right;
	}

	.phone-hide {
		display: none !important;
	}

	.phone-block-hide {
		display: none;
	}

	.wojo.mason,
	.wojo.mason.five,
	.wojo.mason.four,
	.wojo.mason.three,
	.wojo.mason.two,
	.wojo.mason.grid {
		display: grid;
		grid-gap: 2rem;
		grid-template-columns: repeat(1, 1fr);
	}
}

#debug-panel {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2000;
	width: 100%
}

#debug-panel .debug-wrapper {
	padding: 0 .875em;
	background-color: #21252B;
	border-bottom: 0;
	margin: 0 auto 0 auto
}

#debug-panel .debug-wrapper .legend {
	background-color: #323844;
	padding: 0 1rem;
	width: auto;
	display: flex;
	border-radius: .250rem;
	flex-flow: row wrap;
	align-items: center;
	box-shadow: 0 .375rem 1.5rem 0 var(--shadow-color)
}

#debug-panel .debug-wrapper .legend>span {
	font-size: .875rem;
	font-weight: 400
}

#debug-panel .arrow {
	display: flex;
	flex-flow: row wrap
}

#debug-panel .arrow a {
	margin-left: 1rem
}

#debug-panel a {
	text-decoration: none;
	color: #A3A8B5;
	font-size: .750rem;
	margin: 0 .25rem;
	padding: .5rem .750rem;
	font-weight: 500;
	line-height: 1rem;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap
}

#debug-panel .tab.active {
	background-color: #21252B;
	border-radius: .250rem
}

#debug-panel .debug-wrapper .legend span {
	color: var(--grey-color);
	font-weight: 500;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap
}

#debug-panel .items {
	display: none;
	height: 200px;
	overflow-y: auto;
	padding: 1rem .750rem .750rem;
	font-size: 13px;
	color: #A3A8B5;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace
}

#debug-panel .items.active {
	display: block
}

#debug-panel pre {
	color: #A3A8B5;
	background-color: #2C313A;
	padding: .5rem;
	border-radius: .250rem
}

#debug-panel p {
	margin-bottom: .250rem;
	background-color: #2C313A;
	padding: .250rem
}

#debug-panel a.clear_session {
	color: #E91E63;
	opacity: 1;
	margin-left: .5rem;
	display: inline-block
}

#debug-panel #contentQueries {
	color: #DB7DE9
}

#error-box,
#code-box,
#trace-box {
	border-radius: 5px;
	display: block;
	margin: 25px auto;
	width: 60%;
	min-width: 70vw;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15)
}

.animate {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-duration: .8s;
	animation-fill-mode: both
}

.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.pulsate {
	-webkit-animation-name: pulsate;
	animation-name: pulsate;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes pulsate {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(0.8, 0.8, 0.8);
		transform: scale3d(0.8, 0.8, 0.8)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulsate {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(0.8, 0.8, 0.8);
		transform: scale3d(0.8, 0.8, 0.8)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.blink {
	-webkit-animation-name: blink;
	animation-name: blink;
	-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes blink {
	0% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	75% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes blink {
	0% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	75% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.hitLeft {
	-webkit-animation-name: hitLeft;
	animation-name: hitLeft;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes hitLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translateX(20px) rotate(4deg);
		transform: translateX(20px) rotate(4deg)
	}
}

@keyframes hitLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translateX(20px) rotate(4deg);
		transform: translateX(20px) rotate(4deg)
	}
}

.hitRight {
	-webkit-animation-name: hitRight;
	animation-name: hitRight;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes hitRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translateX(-20px) rotate(-4deg);
		transform: translateX(-20px) rotate(-4deg)
	}
}

@keyframes hitRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translateX(-20px) rotate(-4deg);
		transform: translateX(-20px) rotate(-4deg)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
}

@keyframes shake {
	10% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	30% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	40% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	50% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	60% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	70% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

.ball {
	-webkit-animation-name: ball;
	animation-name: ball;
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes ball {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	20% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		-webkit-transform: translate3d(0, -100px, 0);
		transform: translate3d(0, -100px, 0)
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	75% {
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	85% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes ball {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	20% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		-webkit-transform: translate3d(0, -100px, 0);
		transform: translate3d(0, -100px, 0)
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	75% {
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	85% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.pullUp {
	-webkit-animation-name: pullUp;
	animation-name: pullUp;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale3d(1, 0, 1);
		transform: scale3d(1, 0, 1);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pullUp {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale3d(1, 0, 1);
		transform: scale3d(1, 0, 1);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pullDown {
	-webkit-animation-name: pullDown;
	animation-name: pullDown;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0)
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale3d(1, 0, 1);
		transform: scale3d(1, 0, 1);
		-webkit-transform-origin: center top;
		transform-origin: center top
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pullDown {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0)
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale3d(1, 0, 1);
		transform: scale3d(1, 0, 1);
		-webkit-transform-origin: center top;
		transform-origin: center top
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pullLeft {
	-webkit-animation-name: pullLeft;
	animation-name: pullLeft;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes pullLeft {
	0% {
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1)
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1);
		-webkit-transform-origin: center left;
		transform-origin: center left
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pullLeft {
	0% {
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1)
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1);
		-webkit-transform-origin: center left;
		transform-origin: center left
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pullRight {
	-webkit-animation-name: pullRight;
	animation-name: pullRight;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes pullRight {
	0% {
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1)
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1);
		-webkit-transform-origin: center right;
		transform-origin: center right
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pullRight {
	0% {
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1)
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1);
		-webkit-transform-origin: center right;
		transform-origin: center right
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.jumpInLeft {
	-webkit-animation-name: jumpInLeft;
	animation-name: jumpInLeft;
	-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes jumpInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
		transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(10deg)
	}

	70% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg)
	}

	90% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg)
	}
}

@keyframes jumpInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
		transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(10deg)
	}

	70% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg)
	}

	90% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg)
	}
}

.jumpInRight {
	-webkit-animation-name: jumpInRight;
	animation-name: jumpInRight;
	-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes jumpInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
		transform: scale3d(0.5, 0.5, 0.5) rotate(90deg)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg)
	}

	70% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(5deg)
	}

	90% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg)
	}
}

@keyframes jumpInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
		transform: scale3d(0.5, 0.5, 0.5) rotate(90deg)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg)
	}

	70% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(5deg)
	}

	90% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg)
	}
}

.jumpOutRight {
	-webkit-animation-name: jumpOutRight;
	animation-name: jumpOutRight;
	-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes jumpOutRight {
	0% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg)
	}

	30% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(5deg)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
		transform: scale3d(0.5, 0.5, 0.5) rotate(90deg)
	}
}

@keyframes jumpOutRight {
	0% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg)
	}

	30% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(5deg)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
		transform: scale3d(0.5, 0.5, 0.5) rotate(90deg)
	}
}

.jumpOutLeft {
	-webkit-animation-name: jumpOutLeft;
	animation-name: jumpOutLeft;
	-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes jumpOutLeft {
	0% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg)
	}

	30% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(10deg)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
		transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg)
	}
}

@keyframes jumpOutLeft {
	0% {
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg)
	}

	30% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
		transform: scale3d(1.2, 1.2, 1.2) rotate(10deg)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
		transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg)
	}
}

.rollInLeft {
	-webkit-animation-name: rollInLeft;
	animation-name: rollInLeft;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes rollInLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateX(-400px) rotate(445deg);
		transform: translateX(-400px) rotate(445deg);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateX(20px) rotate(20deg);
		transform: translateX(20px) rotate(20deg)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg)
	}
}

@keyframes rollInLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateX(-400px) rotate(445deg);
		transform: translateX(-400px) rotate(445deg);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateX(20px) rotate(20deg);
		transform: translateX(20px) rotate(20deg)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg)
	}
}

.rollInRight {
	-webkit-animation-name: rollInRight;
	animation-name: rollInRight;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes rollInRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateX(400px) rotate(-445deg);
		transform: translateX(400px) rotate(-445deg);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateX(-20px) rotate(-20deg);
		transform: translateX(-20px) rotate(-20deg)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg)
	}
}

@keyframes rollInRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateX(400px) rotate(-445deg);
		transform: translateX(400px) rotate(-445deg);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateX(-20px) rotate(-20deg);
		transform: translateX(-20px) rotate(-20deg)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg)
	}
}

.rollInTop {
	-webkit-animation-name: rollInTop;
	animation-name: rollInTop;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes rollInTop {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateY(-400px) rotate(-445deg);
		transform: translateY(-400px) rotate(-445deg);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(20px) rotate(-20deg);
		transform: translateY(20px) rotate(-20deg)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg)
	}
}

@keyframes rollInTop {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateY(-400px) rotate(-445deg);
		transform: translateY(-400px) rotate(-445deg);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(20px) rotate(-20deg);
		transform: translateY(20px) rotate(-20deg)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg)
	}
}

.rollInBottom {
	-webkit-animation-name: rollInBottom;
	animation-name: rollInBottom;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes rollInBottom {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateY(400px) rotate(-445deg);
		transform: translateY(400px) rotate(-445deg);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(-20px) rotate(-20deg);
		transform: translateY(-20px) rotate(-20deg)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg)
	}
}

@keyframes rollInBottom {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateY(400px) rotate(-445deg);
		transform: translateY(400px) rotate(-445deg);
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		-webkit-transform: translateY(-20px) rotate(-20deg);
		transform: translateY(-20px) rotate(-20deg)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg)
	}
}

.rollOutLeft {
	-webkit-animation-name: rollOutLeft;
	animation-name: rollOutLeft;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes rollOutLeft {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg)
	}

	40% {
		opacity: 1;
		-webkit-transform: translateX(20px) rotate(-20deg);
		transform: translateX(20px) rotate(-20deg)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateX(-400px) rotate(-445deg);
		transform: translateX(-400px) rotate(-445deg)
	}
}

@keyframes rollOutLeft {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg)
	}

	40% {
		opacity: 1;
		-webkit-transform: translateX(20px) rotate(-20deg);
		transform: translateX(20px) rotate(-20deg)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateX(-400px) rotate(-445deg);
		transform: translateX(-400px) rotate(-445deg)
	}
}

.rollOutRight {
	-webkit-animation-name: rollOutRight;
	animation-name: rollOutRight;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes rollOutRight {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg)
	}

	40% {
		opacity: 1;
		-webkit-transform: translateX(-20px) rotate(20deg);
		transform: translateX(-20px) rotate(20deg)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateX(400px) rotate(445deg);
		transform: translateX(400px) rotate(445deg)
	}
}

@keyframes rollOutRight {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg)
	}

	40% {
		opacity: 1;
		-webkit-transform: translateX(-20px) rotate(20deg);
		transform: translateX(-20px) rotate(20deg)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateX(400px) rotate(445deg);
		transform: translateX(400px) rotate(445deg)
	}
}

.rollOutTop {
	-webkit-animation-name: rollOutTop;
	animation-name: rollOutTop;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes rollOutTop {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg)
	}

	40% {
		opacity: 1;
		-webkit-transform: translateY(20px) rotate(20deg);
		transform: translateY(20px) rotate(20deg)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateY(-400px) rotate(445deg);
		transform: translateY(-400px) rotate(445deg)
	}
}

@keyframes rollOutTop {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg)
	}

	40% {
		opacity: 1;
		-webkit-transform: translateY(20px) rotate(20deg);
		transform: translateY(20px) rotate(20deg)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateY(-400px) rotate(445deg);
		transform: translateY(-400px) rotate(445deg)
	}
}

.rollOutBottom {
	-webkit-animation-name: rollOutBottom;
	animation-name: rollOutBottom;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@-webkit-keyframes rollOutBottom {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg)
	}

	40% {
		opacity: 1;
		-webkit-transform: translateY(-20px) rotate(-20deg);
		transform: translateY(-20px) rotate(-20deg)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateY(400px) rotate(-445deg);
		transform: translateY(400px) rotate(-445deg)
	}
}

@keyframes rollOutBottom {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg)
	}

	40% {
		opacity: 1;
		-webkit-transform: translateY(-20px) rotate(-20deg);
		transform: translateY(-20px) rotate(-20deg)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translateY(400px) rotate(-445deg);
		transform: translateY(400px) rotate(-445deg)
	}
}

.popIn {
	-webkit-animation-name: popIn;
	animation-name: popIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes popIn {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0);
		opacity: 0
	}

	20% {
		opacity: 1
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(1.08, 1.08, 1.08);
		transform: scale3d(1.08, 1.08, 1.08)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes popIn {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0);
		opacity: 0
	}

	20% {
		opacity: 1
	}

	40% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(1.08, 1.08, 1.08);
		transform: scale3d(1.08, 1.08, 1.08)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.popInLeft {
	-webkit-animation-name: popInLeft;
	animation-name: popInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes popInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
		transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1)
	}

	40% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes popInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
		transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1)
	}

	40% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.popInRight {
	-webkit-animation-name: popInRight;
	animation-name: popInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes popInRight {
	0% {
		-webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
		transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
		opacity: 0
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes popInRight {
	0% {
		-webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
		transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
		opacity: 0
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.popInTop {
	-webkit-animation-name: popInTop;
	animation-name: popInTop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes popInTop {
	0% {
		-webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
		transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
		opacity: 0
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
		transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
	}
}

@keyframes popInTop {
	0% {
		-webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
		transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
		opacity: 0
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
		transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
	}
}

.popInBottom {
	-webkit-animation-name: popInBottom;
	animation-name: popInBottom;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes popInBottom {
	0% {
		-webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
		transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
		opacity: 0
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
		transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
	}
}

@keyframes popInBottom {
	0% {
		-webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
		transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
		opacity: 0
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
		transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
	}

	80% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
		transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
	}
}

.popOut {
	-webkit-animation-name: popOut;
	animation-name: popOut;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes popOut {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08);
		transform: scale3d(1.08, 1.08, 1.08)
	}

	80% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

@keyframes popOut {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08);
		transform: scale3d(1.08, 1.08, 1.08)
	}

	80% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

.popOutLeft {
	-webkit-animation-name: popOutLeft;
	animation-name: popOutLeft;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes popOutLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
		transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
		transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0)
	}
}

@keyframes popOutLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
		transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
		transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0)
	}
}

.popOutRight {
	-webkit-animation-name: popOutRight;
	animation-name: popOutRight;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes popOutRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
		transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
		transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0)
	}
}

@keyframes popOutRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
		transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
		transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0)
	}
}

.popOutTop {
	-webkit-animation-name: popOutTop;
	animation-name: popOutTop;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes popOutTop {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform-origin: top center;
		transform-origin: top center
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
		transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
		transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0)
	}
}

@keyframes popOutTop {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform-origin: top center;
		transform-origin: top center
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
		transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
		transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0)
	}
}

.popOutBottom {
	-webkit-animation-name: popOutBottom;
	animation-name: popOutBottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes popOutBottom {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform-origin: bottom center;
		transform-origin: bottom center
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
		transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
		transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0)
	}
}

@keyframes popOutBottom {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		-webkit-transform-origin: bottom center;
		transform-origin: bottom center
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
		transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
		transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0)
	}
}

.flip {
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flip {
	from {
		-webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
	}

	50% {
		-webkit-transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
	}

	to {
		-webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
		-webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
		animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035)
	}
}

@keyframes flip {
	from {
		-webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
	}

	50% {
		-webkit-transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
	}

	to {
		-webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
		-webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
		animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035)
	}
}

.flipInX {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes flipInX {
	from {
		opacity: 0;
		-webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2)
	}

	50% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1)
	}

	to {
		-webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1)
	}
}

@keyframes flipInX {
	from {
		opacity: 0;
		-webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2)
	}

	50% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1)
	}

	to {
		-webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1)
	}
}

.flipInY {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes flipInY {
	from {
		opacity: 0;
		-webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2)
	}

	50% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1)
	}

	to {
		-webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1)
	}
}

@keyframes flipInY {
	from {
		opacity: 0;
		-webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2)
	}

	50% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1)
	}

	to {
		-webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1)
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX
}

@-webkit-keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1)
	}

	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1)
	}

	to {
		opacity: 0;
		-webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2)
	}
}

@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1)
	}

	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1)
	}

	to {
		opacity: 0;
		-webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2)
	}
}

.flipOutY {
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1)
	}

	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1)
	}

	to {
		opacity: 0;
		-webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2)
	}
}

@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1)
	}

	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
		transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1)
	}

	to {
		opacity: 0;
		-webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
		transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2)
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeInRight {
	0% {
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeInLeft {
	0% {
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInTop {
	-webkit-animation-name: fadeInTop;
	animation-name: fadeInTop;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@-webkit-keyframes fadeInTop {
	0% {
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0);
		opacity: 0
	}

	50% {
		opacity: 0.2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInTop {
	0% {
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0);
		opacity: 0
	}

	50% {
		opacity: 0.2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeInBottom {
	-webkit-animation-name: fadeInBottom;
	animation-name: fadeInBottom;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@-webkit-keyframes fadeInBottom {
	0% {
		-webkit-transform: translate3d(0, 400px, 0);
		transform: translate3d(0, 400px, 0);
		opacity: 0
	}

	50% {
		opacity: 0.2
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInBottom {
	0% {
		-webkit-transform: translate3d(0, 400px, 0);
		transform: translate3d(0, 400px, 0);
		opacity: 0
	}

	50% {
		opacity: 0.2
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0);
		opacity: 0
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@keyframes fadeOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0);
		opacity: 0
	}
}

.fadeOutTop {
	-webkit-animation-name: fadeOutTop;
	animation-name: fadeOutTop;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@-webkit-keyframes fadeOutTop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	40% {
		opacity: 0.2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
	}

	100% {
		-webkit-transform: translate3d(0, -300px, 0);
		transform: translate3d(0, -300px, 0);
		opacity: 0
	}
}

@keyframes fadeOutTop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	40% {
		opacity: 0.2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
	}

	100% {
		-webkit-transform: translate3d(0, -300px, 0);
		transform: translate3d(0, -300px, 0);
		opacity: 0
	}
}

.fadeOutBottom {
	-webkit-animation-name: fadeOutBottom;
	animation-name: fadeOutBottom;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@-webkit-keyframes fadeOutBottom {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	40% {
		opacity: 0.2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
	}

	100% {
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0);
		opacity: 0
	}
}

@keyframes fadeOutBottom {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	40% {
		opacity: 0.2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
	}

	100% {
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0);
		opacity: 0
	}
}

.driveInLeft {
	-webkit-animation-name: driveInLeft;
	animation-name: driveInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes driveInLeft {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0)
	}

	30% {
		opacity: 1
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes driveInLeft {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0)
	}

	30% {
		opacity: 1
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.driveInRight {
	-webkit-animation-name: driveInRight;
	animation-name: driveInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes driveInRight {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0)
	}

	30% {
		opacity: 1
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes driveInRight {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0)
	}

	30% {
		opacity: 1
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.driveInTop {
	-webkit-animation-name: driveInTop;
	animation-name: driveInTop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes driveInTop {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0)
	}

	30% {
		opacity: 1
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes driveInTop {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0)
	}

	30% {
		opacity: 1
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.driveInBottom {
	-webkit-animation-name: driveInBottom;
	animation-name: driveInBottom;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes driveInBottom {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0)
	}

	30% {
		opacity: 1
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes driveInBottom {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0)
	}

	30% {
		opacity: 1
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.driveOutLeft {
	-webkit-animation-name: driveOutLeft;
	animation-name: driveOutLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes driveOutLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0)
	}
}

@keyframes driveOutLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0)
	}
}

.driveOutRight {
	-webkit-animation-name: driveOutRight;
	animation-name: driveOutRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes driveOutRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0)
	}
}

@keyframes driveOutRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0)
	}
}

.driveOutTop {
	-webkit-animation-name: driveOutTop;
	animation-name: driveOutTop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes driveOutTop {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0)
	}
}

@keyframes driveOutTop {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0)
	}
}

.driveOutBottom {
	-webkit-animation-name: driveOutBottom;
	animation-name: driveOutBottom;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes driveOutBottom {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0)
	}
}

@keyframes driveOutBottom {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0)
	}
}

.spin {
	-webkit-animation-name: spin;
	animation-name: spin;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s
}

@-webkit-keyframes spin {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	20% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: rotateZ(-20deg);
		transform: rotateZ(-20deg);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: rotateZ(380deg);
		transform: rotateZ(380deg);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}
}

@keyframes spin {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	20% {
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: rotateZ(-20deg);
		transform: rotateZ(-20deg);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: rotateZ(380deg);
		transform: rotateZ(380deg);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}
}

.spinIn {
	-webkit-animation-name: spinIn;
	animation-name: spinIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes spinIn {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
		transform: rotateZ(0deg) scale3d(0, 0, 0);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	50% {
		opacity: 1
	}

	70% {
		-webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
		transform: rotateZ(380deg) scale3d(1, 1, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	100% {
		-webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
		transform: rotateZ(360deg) scale3d(1, 1, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}
}

@keyframes spinIn {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
		transform: rotateZ(0deg) scale3d(0, 0, 0);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	50% {
		opacity: 1
	}

	70% {
		-webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
		transform: rotateZ(380deg) scale3d(1, 1, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	100% {
		-webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
		transform: rotateZ(360deg) scale3d(1, 1, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}
}

.spinOut {
	-webkit-animation-name: spinOut;
	animation-name: spinOut;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes spinOut {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: rotateZ(0deg) scale3d(1, 1, 1);
		transform: rotateZ(0deg) scale3d(1, 1, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	20% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: rotateZ(-20deg) scale3d(1, 1, 1);
		transform: rotateZ(-20deg) scale3d(1, 1, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	30% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: rotateZ(360deg) scale3d(0, 0, 0);
		transform: rotateZ(360deg) scale3d(0, 0, 0);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}
}

@keyframes spinOut {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: rotateZ(0deg) scale3d(1, 1, 1);
		transform: rotateZ(0deg) scale3d(1, 1, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	20% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: rotateZ(-20deg) scale3d(1, 1, 1);
		transform: rotateZ(-20deg) scale3d(1, 1, 1);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}

	30% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transform: rotateZ(360deg) scale3d(0, 0, 0);
		transform: rotateZ(360deg) scale3d(0, 0, 0);
		-webkit-transform-origin: center center;
		transform-origin: center center
	}
}

.swoopInLeft {
	-webkit-animation-name: swoopInLeft;
	animation-name: swoopInLeft;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes swoopInLeft {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
		transform: scaleX(1.5) translate3d(-400px, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
		transform: scaleX(1.2) translate3d(0, 0, 0)
	}

	65% {
		-webkit-transform: scaleX(1) translate3d(20px, 0, 0);
		transform: scaleX(1) translate3d(20px, 0, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1) translate3d(0, 0, 0);
		transform: scaleX(1) translate3d(0, 0, 0)
	}
}

@keyframes swoopInLeft {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
		transform: scaleX(1.5) translate3d(-400px, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
		transform: scaleX(1.2) translate3d(0, 0, 0)
	}

	65% {
		-webkit-transform: scaleX(1) translate3d(20px, 0, 0);
		transform: scaleX(1) translate3d(20px, 0, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1) translate3d(0, 0, 0);
		transform: scaleX(1) translate3d(0, 0, 0)
	}
}

.swoopInRight {
	-webkit-animation-name: swoopInRight;
	animation-name: swoopInRight;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes swoopInRight {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
		transform: scaleX(1.5) translate3d(400px, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
		transform: scaleX(1.2) translate3d(0, 0, 0)
	}

	65% {
		-webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
		transform: scaleX(1) translate3d(-20px, 0, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1) translate3d(0, 0, 0);
		transform: scaleX(1) translate3d(0, 0, 0)
	}
}

@keyframes swoopInRight {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
		transform: scaleX(1.5) translate3d(400px, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
		transform: scaleX(1.2) translate3d(0, 0, 0)
	}

	65% {
		-webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
		transform: scaleX(1) translate3d(-20px, 0, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1) translate3d(0, 0, 0);
		transform: scaleX(1) translate3d(0, 0, 0)
	}
}

.swoopInTop {
	-webkit-animation-name: swoopInTop;
	animation-name: swoopInTop;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes swoopInTop {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
		transform: scaleY(1.5) translate3d(0, -400px, 0)
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
		transform: scaleY(1.2) translate3d(0, 0, 0)
	}

	65% {
		-webkit-transform: scaleY(1) translate3d(0, 20px, 0);
		transform: scaleY(1) translate3d(0, 20px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1) translate3d(0, 0, 0);
		transform: scaleY(1) translate3d(0, 0, 0)
	}
}

@keyframes swoopInTop {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
		transform: scaleY(1.5) translate3d(0, -400px, 0)
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
		transform: scaleY(1.2) translate3d(0, 0, 0)
	}

	65% {
		-webkit-transform: scaleY(1) translate3d(0, 20px, 0);
		transform: scaleY(1) translate3d(0, 20px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1) translate3d(0, 0, 0);
		transform: scaleY(1) translate3d(0, 0, 0)
	}
}

.swoopInBottom {
	-webkit-animation-name: swoopInBottom;
	animation-name: swoopInBottom;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes swoopInBottom {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
		transform: scaleY(1.5) translate3d(0, 250px, 0)
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
		transform: scaleY(1.2) translate3d(0, 0, 0)
	}

	65% {
		-webkit-transform: scaleY(1) translate3d(0, -20px, 0);
		transform: scaleY(1) translate3d(0, -20px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1) translate3d(0, 0, 0);
		transform: scaleY(1) translate3d(0, 0, 0)
	}
}

@keyframes swoopInBottom {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
		transform: scaleY(1.5) translate3d(0, 250px, 0)
	}

	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
		transform: scaleY(1.2) translate3d(0, 0, 0)
	}

	65% {
		-webkit-transform: scaleY(1) translate3d(0, -20px, 0);
		transform: scaleY(1) translate3d(0, -20px, 0)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1) translate3d(0, 0, 0);
		transform: scaleY(1) translate3d(0, 0, 0)
	}
}

.swoopOutLeft {
	-webkit-animation-name: swoopOutLeft;
	animation-name: swoopOutLeft;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes swoopOutLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1) translate3d(0, 0, 0);
		transform: scaleX(1) translate3d(0, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-transform: scaleX(1) translate3d(20px, 0, 0);
		transform: scaleX(1) translate3d(20px, 0, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
		transform: scaleX(1.2) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
		transform: scaleX(1.5) translate3d(-400px, 0, 0)
	}
}

@keyframes swoopOutLeft {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1) translate3d(0, 0, 0);
		transform: scaleX(1) translate3d(0, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-transform: scaleX(1) translate3d(20px, 0, 0);
		transform: scaleX(1) translate3d(20px, 0, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
		transform: scaleX(1.2) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
		transform: scaleX(1.5) translate3d(-400px, 0, 0)
	}
}

.swoopOutRight {
	-webkit-animation-name: swoopOutRight;
	animation-name: swoopOutRight;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes swoopOutRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1) translate3d(0, 0, 0);
		transform: scaleX(1) translate3d(0, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
		transform: scaleX(1) translate3d(-20px, 0, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
		transform: scaleX(1.2) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
		transform: scaleX(1.5) translate3d(400px, 0, 0)
	}
}

@keyframes swoopOutRight {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1) translate3d(0, 0, 0);
		transform: scaleX(1) translate3d(0, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
		transform: scaleX(1) translate3d(-20px, 0, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
		transform: scaleX(1.2) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
		transform: scaleX(1.5) translate3d(400px, 0, 0)
	}
}

.swoopOutTop {
	-webkit-animation-name: swoopOutTop;
	animation-name: swoopOutTop;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes swoopOutTop {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1) translate3d(0, 0, 0);
		transform: scaleY(1) translate3d(0, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-transform: scaleY(1) translate3d(0, 20px, 0);
		transform: scaleY(1) translate3d(0, 20px, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
		transform: scaleY(1.2) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
		transform: scaleY(1.5) translate3d(0, -400px, 0)
	}
}

@keyframes swoopOutTop {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1) translate3d(0, 0, 0);
		transform: scaleY(1) translate3d(0, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-transform: scaleY(1) translate3d(0, 20px, 0);
		transform: scaleY(1) translate3d(0, 20px, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
		transform: scaleY(1.2) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
		transform: scaleY(1.5) translate3d(0, -400px, 0)
	}
}

.swoopOutBottom {
	-webkit-animation-name: swoopOutBottom;
	animation-name: swoopOutBottom;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@-webkit-keyframes swoopOutBottom {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1) translate3d(0, 0, 0);
		transform: scaleY(1) translate3d(0, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-transform: scaleY(1) translate3d(0, -20px, 0);
		transform: scaleY(1) translate3d(0, -20px, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
		transform: scaleY(1.2) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleY(1.5) translate3d(0, 200px, 0);
		transform: scaleY(1.5) translate3d(0, 200px, 0)
	}
}

@keyframes swoopOutBottom {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1) translate3d(0, 0, 0);
		transform: scaleY(1) translate3d(0, 0, 0)
	}

	40% {
		opacity: 1;
		-webkit-transform: scaleY(1) translate3d(0, -20px, 0);
		transform: scaleY(1) translate3d(0, -20px, 0)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		-webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
		transform: scaleY(1.2) translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scaleY(1.5) translate3d(0, 200px, 0);
		transform: scaleY(1.5) translate3d(0, 200px, 0)
	}
}

.fold {
	-webkit-animation-name: fold;
	animation-name: fold
}

@-webkit-keyframes fold {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: scale3d(1, 0.4, 1);
		transform: scale3d(1, 0.4, 1)
	}

	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		-webkit-transform: scale3d(0.2, 0.2, 0.2);
		transform: scale3d(0.2, 0.2, 0.2)
	}
}

@keyframes fold {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: scale3d(1, 0.4, 1);
		transform: scale3d(1, 0.4, 1)
	}

	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1)
	}

	100% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		-webkit-transform: scale3d(0.2, 0.2, 0.2);
		transform: scale3d(0.2, 0.2, 0.2)
	}
}

.unfold {
	-webkit-animation-name: unfold;
	animation-name: unfold
}

@-webkit-keyframes unfold {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0)
	}

	30% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: scale3d(0.4, 1, 1);
		transform: scale3d(0.4, 1, 1)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes unfold {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0)
	}

	30% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1)
	}

	60% {
		-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		-webkit-transform: scale3d(0.4, 1, 1);
		transform: scale3d(0.4, 1, 1)
	}

	100% {
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.scaleIn {
	-webkit-animation-name: scaleIn;
	animation-name: scaleIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.scaleOut {
	-webkit-animation-name: scaleOut;
	animation-name: scaleOut;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

@-webkit-keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scaleOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@keyframes scaleOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

.animate[data-delay="100"] {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.animate[data-delay="150"] {
	-webkit-animation-delay: 150ms;
	animation-delay: 150ms
}

.animate[data-duration="100"] {
	-webkit-animation-duration: .1s;
	animation-duration: .1s
}

.animate[data-duration="150"] {
	-webkit-animation-duration: 150ms;
	animation-duration: 150ms
}

.animate[data-delay="200"] {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.animate[data-delay="250"] {
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms
}

.animate[data-duration="200"] {
	-webkit-animation-duration: .2s;
	animation-duration: .2s
}

.animate[data-duration="250"] {
	-webkit-animation-duration: 250ms;
	animation-duration: 250ms
}

.animate[data-delay="300"] {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.animate[data-delay="350"] {
	-webkit-animation-delay: 350ms;
	animation-delay: 350ms
}

.animate[data-duration="300"] {
	-webkit-animation-duration: .3s;
	animation-duration: .3s
}

.animate[data-duration="350"] {
	-webkit-animation-duration: 350ms;
	animation-duration: 350ms
}

.animate[data-delay="400"] {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.animate[data-delay="450"] {
	-webkit-animation-delay: 450ms;
	animation-delay: 450ms
}

.animate[data-duration="400"] {
	-webkit-animation-duration: .4s;
	animation-duration: .4s
}

.animate[data-duration="450"] {
	-webkit-animation-duration: 450ms;
	animation-duration: 450ms
}

.animate[data-delay="500"] {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.animate[data-delay="550"] {
	-webkit-animation-delay: 550ms;
	animation-delay: 550ms
}

.animate[data-duration="500"] {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.animate[data-duration="550"] {
	-webkit-animation-duration: 550ms;
	animation-duration: 550ms
}

.animate[data-delay="600"] {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.animate[data-delay="650"] {
	-webkit-animation-delay: 650ms;
	animation-delay: 650ms
}

.animate[data-duration="600"] {
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}

.animate[data-duration="650"] {
	-webkit-animation-duration: 650ms;
	animation-duration: 650ms
}

.animate[data-delay="700"] {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

.animate[data-delay="750"] {
	-webkit-animation-delay: 750ms;
	animation-delay: 750ms
}

.animate[data-duration="700"] {
	-webkit-animation-duration: .7s;
	animation-duration: .7s
}

.animate[data-duration="750"] {
	-webkit-animation-duration: 750ms;
	animation-duration: 750ms
}

.animate[data-delay="800"] {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.animate[data-delay="850"] {
	-webkit-animation-delay: 850ms;
	animation-delay: 850ms
}

.animate[data-duration="800"] {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

.animate[data-duration="850"] {
	-webkit-animation-duration: 850ms;
	animation-duration: 850ms
}

.animate[data-delay="900"] {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.animate[data-delay="950"] {
	-webkit-animation-delay: 950ms;
	animation-delay: 950ms
}

.animate[data-duration="900"] {
	-webkit-animation-duration: .9s;
	animation-duration: .9s
}

.animate[data-duration="950"] {
	-webkit-animation-duration: 950ms;
	animation-duration: 950ms
}

.animate[data-delay="1000"] {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animate[data-duration="1000"] {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.animate[data-delay="1050"],
.animate[data-delay="1100"],
.animate[data-delay="1150"],
.animate[data-delay="1200"],
.animate[data-delay="1250"] {
	-webkit-animation-delay: 1250ms;
	animation-delay: 1250ms
}

.animate[data-delay="1300"],
.animate[data-delay="1350"],
.animate[data-delay="1400"],
.animate[data-delay="1450"],
.animate[data-delay="1500"] {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s
}

.animate[data-delay="1550"],
.animate[data-delay="1600"],
.animate[data-delay="1650"],
.animate[data-delay="1700"],
.animate[data-delay="1750"] {
	-webkit-animation-delay: 1750ms;
	animation-delay: 1750ms
}

.animate[data-duration="1050"],
.animate[data-duration="1100"],
.animate[data-duration="1150"],
.animate[data-duration="1200"],
.animate[data-duration="1250"] {
	-webkit-animation-duration: 1250ms;
	animation-duration: 1250ms
}

.animate[data-duration="1300"],
.animate[data-duration="1350"],
.animate[data-duration="1400"],
.animate[data-duration="1450"],
.animate[data-duration="1500"] {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

.animate[data-duration="1550"],
.animate[data-duration="1600"],
.animate[data-duration="1650"],
.animate[data-duration="1700"],
.animate[data-duration="1750"] {
	-webkit-animation-duration: 1750ms;
	animation-duration: 1750ms
}

.animate[data-delay="1800"],
.animate[data-delay="1850"],
.animate[data-delay="1900"],
.animate[data-delay="1950"],
.animate[data-delay="2000"] {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animate[data-delay="2050"],
.animate[data-delay="2100"],
.animate[data-delay="2150"],
.animate[data-delay="2200"],
.animate[data-delay="2250"] {
	-webkit-animation-delay: 2250ms;
	animation-delay: 2250ms
}

.animate[data-delay="2300"],
.animate[data-delay="2350"],
.animate[data-delay="2400"],
.animate[data-delay="2450"],
.animate[data-delay="2500"] {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s
}

.animate[data-delay="2550"],
.animate[data-delay="2600"],
.animate[data-delay="2650"],
.animate[data-delay="2700"],
.animate[data-delay="2750"] {
	-webkit-animation-delay: 2750ms;
	animation-delay: 2750ms
}

.animate[data-duration="1800"],
.animate[data-duration="1850"],
.animate[data-duration="1900"],
.animate[data-duration="1950"],
.animate[data-duration="2000"] {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animate[data-duration="2050"],
.animate[data-duration="2100"],
.animate[data-duration="2150"],
.animate[data-duration="2200"],
.animate[data-duration="2250"] {
	-webkit-animation-duration: 2250ms;
	animation-duration: 2250ms
}

.animate[data-duration="2300"],
.animate[data-duration="2350"],
.animate[data-duration="2400"],
.animate[data-duration="2450"],
.animate[data-duration="2500"] {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s
}

.animate[data-duration="2550"],
.animate[data-duration="2600"],
.animate[data-duration="2650"],
.animate[data-duration="2700"],
.animate[data-duration="2750"] {
	-webkit-animation-duration: 2750ms;
	animation-duration: 2750ms
}

.animate[data-delay="2800"],
.animate[data-delay="2850"],
.animate[data-delay="2900"],
.animate[data-delay="2950"],
.animate[data-delay="3000"] {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animate[data-delay="3050"],
.animate[data-delay="3100"],
.animate[data-delay="3150"],
.animate[data-delay="3200"],
.animate[data-delay="3250"] {
	-webkit-animation-delay: 3250ms;
	animation-delay: 3250ms
}

.animate[data-delay="3300"],
.animate[data-delay="3350"],
.animate[data-delay="3400"],
.animate[data-delay="3450"],
.animate[data-delay="3500"] {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s
}

.animate[data-delay="3550"],
.animate[data-delay="3600"],
.animate[data-delay="3650"],
.animate[data-delay="3700"],
.animate[data-delay="3750"] {
	-webkit-animation-delay: 3750ms;
	animation-delay: 3750ms
}

.animate[data-duration="2800"],
.animate[data-duration="2850"],
.animate[data-duration="2900"],
.animate[data-duration="2950"],
.animate[data-duration="3000"] {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

.animate[data-duration="3050"],
.animate[data-duration="3100"],
.animate[data-duration="3150"],
.animate[data-duration="3200"],
.animate[data-duration="3250"] {
	-webkit-animation-duration: 3250ms;
	animation-duration: 3250ms
}

.animate[data-duration="3300"],
.animate[data-duration="3350"],
.animate[data-duration="3400"],
.animate[data-duration="3450"],
.animate[data-duration="3500"] {
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s
}

.animate[data-duration="3550"],
.animate[data-duration="3600"],
.animate[data-duration="3650"],
.animate[data-duration="3700"],
.animate[data-duration="3750"] {
	-webkit-animation-duration: 3750ms;
	animation-duration: 3750ms
}

.animate[data-delay="3800"],
.animate[data-delay="3850"],
.animate[data-delay="3900"],
.animate[data-delay="3950"],
.animate[data-delay="4000"] {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animate[data-delay="4050"],
.animate[data-delay="4100"],
.animate[data-delay="4150"],
.animate[data-delay="4200"],
.animate[data-delay="4250"] {
	-webkit-animation-delay: 4250ms;
	animation-delay: 4250ms
}

.animate[data-delay="4300"],
.animate[data-delay="4350"],
.animate[data-delay="4400"],
.animate[data-delay="4450"],
.animate[data-delay="4500"] {
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s
}

.animate[data-delay="4550"],
.animate[data-delay="4600"],
.animate[data-delay="4650"],
.animate[data-delay="4700"],
.animate[data-delay="4750"] {
	-webkit-animation-delay: 4750ms;
	animation-delay: 4750ms
}

.animate[data-duration="3800"],
.animate[data-duration="3850"],
.animate[data-duration="3900"],
.animate[data-duration="3950"],
.animate[data-duration="4000"] {
	-webkit-animation-duration: 4s;
	animation-duration: 4s
}

.animate[data-duration="4050"],
.animate[data-duration="4100"],
.animate[data-duration="4150"],
.animate[data-duration="4200"],
.animate[data-duration="4250"] {
	-webkit-animation-duration: 4250ms;
	animation-duration: 4250ms
}

.animate[data-duration="4300"],
.animate[data-duration="4350"],
.animate[data-duration="4400"],
.animate[data-duration="4450"],
.animate[data-duration="4500"] {
	-webkit-animation-duration: 4.5s;
	animation-duration: 4.5s
}

.animate[data-duration="4550"],
.animate[data-duration="4600"],
.animate[data-duration="4650"],
.animate[data-duration="4700"],
.animate[data-duration="4750"] {
	-webkit-animation-duration: 4750ms;
	animation-duration: 4750ms
}

.animate[data-delay="4800"],
.animate[data-delay="4850"],
.animate[data-delay="4900"],
.animate[data-delay="4950"],
.animate[data-delay="5000"] {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animate[data-duration="4800"],
.animate[data-duration="4850"],
.animate[data-duration="4900"],
.animate[data-duration="4950"],
.animate[data-duration="5000"] {
	-webkit-animation-duration: 5s;
	animation-duration: 5s
}

.wojo.dropdown {
	position: absolute;
	z-index: 500;
	top: -5000px;
	left: -5000px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(0, 0)scale(.85);
	transform: translate(0, 0)scale(.85);
	transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
	transition: transform 0.1s ease-out, opacity 0.1s ease-out;
	transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
	pointer-events: none;
	padding: .5rem;
	border-radius: .250rem;
	background: #fff;
	border: 1px solid var(--grey-color-300);
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1)
}

.wojo.dropdown.active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
	pointer-events: auto
}

.wojo.dropdown.static {
	padding: 1rem
}

.wojo.dropdown.fixed {
	position: fixed
}

.wojo.float {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 1rem;
	border-radius: .250rem;
	transform: translate(-50%, -50%);
	background: #fff;
	border: 1px solid var(--grey-color-300);
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1)
}

.wojo.float.active {
	display: block
}

.wojo.dropdown .pointer {
	height: 16px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 0%;
	left: 0;
	-webkit-transform: translate(0px, -16px);
	transform: translate(0px, -16px)
}

.wojo.dropdown .pointer::after,
.wojo.dropdown.top-left .pointer::after,
.wojo.dropdown.top-center .pointer::after,
.wojo.dropdown.top-right .pointer::after {
	border: 1px solid var(--dark-color-shadow);
	box-shadow: 0 2px 1px 0 var(--dark-color-shadow);
	left: 50%;
	top: 12px;
	background: #fff;
	content: "";
	height: 12px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 12px;
	margin-left: -8px
}

.wojo.dropdown.top-left .pointer::after {
	left: 0;
	margin-left: 1em
}

.wojo.dropdown.top-right .pointer::after {
	left: auto;
	right: 0;
	margin-left: auto;
	margin-right: 1em
}

.wojo.dropdown.top-left,
.wojo.dropdown.top-center,
.wojo.dropdown.top-right {
	margin-top: 0.5em
}

.wojo.dropdown.pointing.top-left,
.wojo.dropdown.pointing.top-center,
.wojo.dropdown.pointing.top-right {
	margin-top: 1em
}

.wojo.dropdown>.item>.icon,
.wojo.dropdown>.item>.label,
.wojo.dropdown>.item>.flag,
.wojo.dropdown>.item>.image,
.wojo.dropdown>.item>span,
.wojo.dropdown>.item>img {
	flex: 1 1 0px;
	min-width: 0
}

.wojo.dropdown>.item>.icon,
.wojo.dropdown>.item>.label,
.wojo.dropdown>.item>.flag,
.wojo.dropdown>.item>.image,
.wojo.dropdown>.item>img {
	flex: 0 0 auto;
	max-width: 100%;
	white-space: nowrap;
	margin-right: 1rem
}

.wojo.dropdown>.item>.right.icon,
.wojo.dropdown>.item>.right.label,
.wojo.dropdown>.item>.right.flag,
.wojo.dropdown>.item>.right.image,
.wojo.dropdown>.item>img.right {
	margin-right: 0;
	margin-left: 1rem
}

.wojo.dropdown.nowrap {
	white-space: nowrap
}

.wojo.dropdown a.item {
	position: relative;
	cursor: pointer;
	padding: 0.750rem 1.25rem;
	line-height: 1em;
	border-radius: .188em;
	font-size: 1em;
	color: var(--dark-color);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: row wrap;
	text-align: left;
	white-space: nowrap;
	align-items: center
}

.wojo.dropdown a.item:hover {
	background: var(--primary-color);
	color: rgba(255, 255, 255, 0.95)
}

.wojo.dropdown a.item.active {
	background-color: var(--primary-color);
	color: #fff;
	pointer-events: none
}

.wojo.dropdown .divider {
	border-top: 1px solid var(--dark-color-shadow);
	height: 0em;
	margin: 0.5rem 0em
}

.wojo.dropdown .basic.divider {
	border-top: 1px solid var(--dark-color-shadow);
	height: 0;
	margin: 0
}

.wojo.dropdown .big.divider {
	margin: 1rem 0em
}

.wojo.dropdown>.header {
	padding: 0.50rem 1.25rem;
	font-size: 1em;
	font-weight: 700;
	text-align: center
}

.wojo.dropdown>.scrolling {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
	padding-right: 1rem
}

.wojo.dropdown.fluid {
	width: calc(100% - 2.5rem)
}

[data-wdropdown] {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

[data-wdropdown]>.text {
	padding-right: .5em
}

.wojo.dropdown a.item.disabled {
	pointer-events: none;
	opacity: .75
}

.wojo.dropdown.small a.item {
	padding: 0.50rem 1rem
}

.wojo.dropdown.mini {
	font-size: 0.750rem
}

.wojo.dropdown.tiny {
	font-size: 0.813rem
}

.wojo.dropdown.small {
	font-size: 0.875rem
}

.wojo.dropdown {
	font-size: 1rem
}

.wojo.image {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	background-color: transparent
}

img.wojo.image {
	display: block
}

.wojo.image svg,
.wojo.image img {
	display: block;
	max-width: 100%;
	height: auto
}

.wojo.inline.image,
.wojo.inline.image svg,
.wojo.inline.image img {
	display: inline-block
}

.wojo.rounded.images .image,
.wojo.rounded.images img,
.wojo.rounded.image img,
.wojo.rounded.image svg,
.wojo.rounded.image {
	border-radius: .250rem
}

.wojo.rounded.left.images .image,
.wojo.rounded.left.images img,
.wojo.rounded.left.image img,
.wojo.rounded.left.image svg,
.wojo.rounded.left.image {
	border-radius: .250rem 0 0 .250rem
}

.wojo.rounded.right.images .image,
.wojo.rounded.right.images img,
.wojo.rounded.right.image img,
.wojo.rounded.right.image svg,
.wojo.rounded.right.image {
	border-radius: 0 .250rem .250rem 0
}

.wojo.rounded.top.images .image,
.wojo.rounded.top.images img,
.wojo.rounded.top.image img,
.wojo.rounded.top.image svg,
.wojo.rounded.top.image {
	border-radius: 0.250rem .250rem 0 0
}

.wojo.circular.images .image,
.wojo.circular.images img,
.wojo.circular.image img,
.wojo.circular.image svg,
.wojo.circular.image {
	border-radius: 500rem;
	overflow: hidden
}

.wojo.very.rounded.images .image,
.wojo.very.rounded.images img,
.wojo.very.rounded.image img,
.wojo.very.rounded.image svg,
.wojo.very.rounded.image {
	border-radius: .5rem
}

.wojo.shadow.images .image,
.wojo.shadow.images img,
.wojo.shadow.image img,
.wojo.shadow.image svg,
.wojo.shadow.image {
	box-shadow: 0px 2px 3px var(--dark-color-shadow)
}

.wojo.shape.shadow.images .image,
.wojo.shape.shadow.images img,
.wojo.shape.shadow.image img,
.wojo.shape.shadow.image svg,
.wojo.shape.shadow.image {
	filter: drop-shadow(8px 8px 6px var(--dark-color-shadow));
	box-shadow: none
}

.wojo.boxed.images .image,
.wojo.boxed.images img,
.wojo.boxed.image img,
.wojo.boxed.image svg,
.wojo.boxed.image {
	border: 1px solid var(--light-color)
}

.wojo.framed.images .image,
.wojo.framed.images img,
.wojo.framed.image img,
.wojo.framed.image svg,
.wojo.framed.image {
	border: 1px solid var(--light-color);
	padding: 1rem
}

.wojo.avatar.images .image,
.wojo.avatar.images img,
.wojo.avatar.images svg,
.wojo.avatar.image img,
.wojo.avatar.image svg,
.wojo.avatar.image {
	width: 3em;
	height: 3em;
	border-radius: 500rem
}

.wojo.category.images .image,
.wojo.category.images img,
.wojo.category.image img,
.wojo.category.image {
	width: 2rem;
	height: 2rem;
	padding: 0;
	line-height: 2rem;
	box-sizing: content-box;
	font-size: .875rem;
	border-radius: 500rem;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .1), 0 1px 3px rgba(0, 0, 0, .1);
	border: 1px solid #fff
}

.wojo.center.image {
	margin: 0 auto;
	display: block
}

.wojo.image.description {
	position: relative
}

.wojo.image.description p {
	position: absolute;
	padding: 1rem;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	background: var(--dark-color-shadow)
}

.wojo.hover {
	transition: all 0.5s ease;
	position: relative;
	overflow: hidden;
	border-radius: .250rem
}

.wojo.hover::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border-radius: 5px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	background: #fff;
	opacity: 1;
	z-index: 1
}

.wojo.hover:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.wojo.hover:hover {
	box-shadow: 0 23px 49px 0 var(--shadow-color);
	transition: all 0.5s ease-in-out
}

.wojo.hover:hover img {
	border-radius: .5rem;
	transition: all 0.5s ease-in-out
}

.wojo.hover figcaption {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 2rem;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 2;
	text-align: center
}

.wojo.hover:hover figcaption {
	top: 0;
	opacity: 1;
	visibility: visible
}

.wojo.masked.image::after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	background: url("../images/team-mask.svg") no-repeat;
	background-size: cover
}

.wojo.testimonial.image {
	z-index: 1
}

.wojo.testimonial.image img.client {
	padding: 2rem;
	border-radius: 50%;
	position: relative;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: inline-block;
	background: #fff;
	box-shadow: 0 20px 35px 0 var(--shadow-color)
}

.wojo.testimonial.image img.shape {
	bottom: -100px;
	left: 110px;
	position: absolute
}

.wojo.image.lightbox span.viewer {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	line-height: 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	background-color: var(--primary-color);
	border-radius: 50%;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-align: center;
	opacity: 0;
	visibility: hidden
}

.wojo.image.lightbox span.viewer .icon {
	line-height: 2.5rem
}

.wojo.image.lightbox:hover span.viewer {
	opacity: 1;
	visibility: visible
}

.wojo.inverted.image,
.wojo.inverted.image img {
	box-shadow: 0 0 0 .125rem #fff
}

.wojo.image.cover {
	height: 100vh;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.wojo.image.fill {
	height: 100vh;
	width: 100%;
	-o-object-fit: fill;
	object-fit: fill
}

.wojo.image.full img,
.wojo.image.fit {
	-o-object-fit: cover;
	object-fit: cover;
	flex-grow: 1
}

.wojo.image.full {
	display: flex;
	flex-direction: column;
	height: 100%
}

.wojo.zoom.image {
	overflow: hidden
}

.wojo.zoom.image img {
	transform-origin: 50% 50%;
	transition: transform .5s, filter .5s ease-out
}

.wojo.zoom.image:hover img {
	transform: scale(1.25)
}

.wojo.color.image img {
	filter: grayscale(100%);
	transition: transform .5s, filter .5s ease-out
}

.wojo.color.image:hover img {
	filter: grayscale(0%)
}

.wojo.skewed.image {
	perspective-origin: left center;
	perspective: 1500px;
	transform-style: preserve-3d
}

.wojo.skewed.image img {
	border-radius: .625rem;
	-webkit-transform: rotateY(-35deg) rotateX(15deg) translate3d(0, 0, 0);
	transform: rotateY(-35deg) rotateX(15deg) translate3d(0, 0, 0);
	box-shadow: 25px 60px 125px -25px rgba(80, 102, 144, .1), 16px 40px 75px -40px rgba(0, 0, 0, .2)
}

.wojo.hero.image {
	min-height: 450px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1
}

.wojo.hero.image::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: "";
	background: -webkit-linear-gradient(bottom, #1e2022 0%, transparent 75%);
	background: linear-gradient(0deg, #1e2022 0%, transparent 75%);
	background-repeat: repeat-x;
	border-radius: .250rem;
	-webkit-transition: opacity 0.45s;
	transition: opacity 0.45s
}

.wojo.hero.image:hover::before {
	background: -webkit-linear-gradient(bottom, #1e2022 0%, transparent 75%);
	background: linear-gradient(0deg, #1e2022 0%, transparent 75%);
	opacity: 0
}

figure.wojo {
	line-height: 1
}

.wojo.mime.images .image,
.wojo.mime.images img,
.wojo.mime.images svg,
.wojo.mime.image {
	padding: .5rem;
	text-align: center;
	display: inline-flex
}

.wojo.tiny.images .image,
.wojo.tiny.images img,
.wojo.tiny.images svg,
.wojo.tiny.image {
	width: 24px
}

.wojo.mini.images .image,
.wojo.mini.images img,
.wojo.mini.images svg,
.wojo.mini.image {
	width: 32px
}



.wojo.small.images .image,
.wojo.small.images img,
.wojo.small.images svg,
.wojo.small.image {
	width: 64px
}

.wojo.notification.images img,
.wojo.notification.images svg,
.wojo.notification.image {
	width: 96px
}

.wojo.badge.images .image,
.wojo.badge.images img,
.wojo.badge.images svg,
.wojo.badge.image {
	width: 112px
}

.wojo.normal.images .image,
.wojo.normal.images img,
.wojo.normal.images svg,
.wojo.normal.image {
	width: 128px
}

.wojo.medium.images .image,
.wojo.medium.images img,
.wojo.medium.images svg,
.wojo.medium.image {
	width: 160px
}

.wojo.large.images .image,
.wojo.large.images img,
.wojo.large.images svg,
.wojo.large.image {
	width: 256px
}

.wojo.big.images .image,
.wojo.big.images img,
.wojo.big.images svg,
.wojo.big.image {
	width: 448px
}

.wojo.huge.images .image,
.wojo.huge.images img,
.wojo.huge.images svg,
.wojo.huge.image {
	width: 512px
}

.wojo.massive.images .image,
.wojo.massive.images img,
.wojo.massive.images svg,
.wojo.massive.image {
	width: 640px
}

.wojo.fluid.image,
.wojo.fluid.image img,
.wojo.fluid.image svg,
.wojo.fluid.images,
.wojofluid.images img,
.wojo.fluid.images svg {
	display: block;
	width: 100%;
	height: auto
}

@media screen and (min-width:641px) and (max-width:768px) {

	.wojo.large.images .image,
	.wojo.large.images img,
	.wojo.large.images svg,
	.wojo.large.image {
		width: 100%
	}

	.wojo.big.images .image,
	.wojo.big.images img,
	.wojo.big.images svg,
	.wojo.big.image {
		width: 100%
	}

	.wojo.huge.images .image,
	.wojo.huge.images img,
	.wojo.huge.images svg,
	.wojo.huge.image {
		width: 100%
	}

	.wojo.massive.images .image,
	.wojo.massive.images img,
	.wojo.massive.images svg,
	.wojo.massive.image {
		width: 100%
	}
}

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

	.wojo.large.images .image,
	.wojo.large.images img,
	.wojo.large.images svg,
	.wojo.large.image {
		width: 100%
	}

	.wojo.big.images .image,
	.wojo.big.images img,
	.wojo.big.images svg,
	.wojo.big.image {
		width: 100%
	}

	.wojo.huge.images .image,
	.wojo.huge.images img,
	.wojo.huge.images svg,
	.wojo.huge.image {
		width: 100%
	}

	.wojo.massive.images .image,
	.wojo.massive.images img,
	.wojo.massive.images svg,
	.wojo.massive.image {
		width: 100%
	}
}

.wojo.label {
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	outline: none;
	vertical-align: middle;
	background-color: var(--body-color);
	color: #fff;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: 3px;
	margin: 0;
	padding: .613rem 1rem;
	line-height: 1rem;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border-radius: .250rem;
	box-sizing: content-box;
	border: 1px solid var(--body-color);
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	position: relative;
	text-transform: uppercase
}

.wojo.basic.label,
.wojo.inverted.label {
	background-color: transparent;
	box-shadow: none;
	border-color: var(--body-color);
	color: var(--body-color)
}

.wojo.primary.label {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff
}

.wojo.primary.basic.label {
	background-color: transparent;
	color: var(--primary-color)
}

.wojo.primary.inverted.label {
	background-color: var(--primary-color-inverted);
	border-color: var(--primary-color-inverted);
	color: var(--primary-color)
}

.wojo.secondary.label {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	color: #fff
}

.wojo.secondary.basic.label {
	background-color: transparent;
	color: var(--secondary-color)
}

.wojo.secondary.inverted.label {
	background-color: var(--secondary-color-inverted);
	border-color: var(--secondary-color-inverted);
	color: var(--secondary-color)
}

.wojo.positive.label {
	border-color: var(--positive-color);
	background-color: var(--positive-color);
	color: #fff
}

.wojo.positive.basic.label {
	background-color: transparent;
	color: var(--positive-color)
}

.wojo.positive.inverted.label {
	background-color: var(--positive-color-inverted);
	border-color: var(--positive-color-inverted);
	color: var(--positive-color)
}

.wojo.negative.label {
	background-color: var(--negative-color);
	border-color: var(--negative-color);
	color: #fff
}

.wojo.negative.basic.label {
	background-color: transparent;
	color: var(--negative-color)
}

.wojo.negative.inverted.label {
	background-color: var(--negative-color-inverted);
	border-color: var(--negative-color-inverted);
	color: var(--negative-color)
}

.wojo.light.label {
	background-color: var(--light-color);
	border-color: var(--light-color);
	color: var(--body-color)
}

.wojo.light.basic.label {
	background-color: transparent;
	color: var(--light-color)
}

.wojo.light.inverted.label {
	background-color: var(--light-color-inverted);
	border-color: var(--light-color-inverted);
	color: var(--light-color)
}

.wojo.dark.label {
	background-color: var(--dark-color);
	border-color: var(--dark-color);
	color: #fff
}

.wojo.dark.basic.label {
	background-color: transparent;
	color: #fff
}

.wojo.dark.inverted.label {
	background-color: var(--dark-color-inverted);
	border-color: var(--dark-color-inverted);
	color: var(--dark-color)
}

.wojo.alert.label {
	background-color: var(--alert-color);
	border-color: var(--alert-color);
	color: #fff
}

.wojo.alert.basic.label {
	background-color: transparent;
	color: var(--alert-color)
}

.wojo.white.label {
	background-color: #fff;
	border-color: #fff;
	color: var(--primary-color)
}

.wojo.white.basic.label {
	background-color: transparent;
	color: #fff
}

.wojo.transparent.label {
	background: rgba(255, 255, 255, 0.08);
	border: 0;
	color: #fff
}

.wojo.label .icon {
	margin-right: 0.5rem
}

.wojo.right.label .icon {
	margin-left: 0.5rem;
	margin-right: 0
}

.wojo.icon.label .icon {
	margin-right: 0
}

.wojo.rounded.label {
	border-radius: 2rem
}

.wojo.circular.label {
	border-radius: 100rem
}

.wojo.initials.label {
	width: 2rem;
	height: 2rem;
	padding: 0;
	line-height: 2rem;
	font-size: .875rem
}

.wojo.initials.label .icon {
	margin-right: 0
}

.wojo.empty.label {
	min-width: 0em;
	min-height: 0em;
	overflow: hidden;
	width: .875rem;
	height: .875rem;
	padding: 0
}

.wojo.ring.label {
	border-radius: 100%;
	height: .875rem;
	padding: 0;
	vertical-align: middle;
	width: .875rem
}

.wojo.ring.label.spaced {
	margin-right: .5rem
}

.wojo.ring.label::after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 0.625rem;
	left: 0.125rem;
	position: absolute;
	top: 0.125rem;
	transition: all 0.3s ease 0s;
	width: 0.625rem
}

.wojo.link.label {
	cursor: pointer
}

.wojo.simple.label {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	color: inherit
}

.wojo.label .status {
	position: absolute;
	top: -2px;
	right: -2px;
	width: .813rem;
	height: .813rem;
	border-radius: 1rem;
	background: #ffffff;
	border: 2px solid #ffffff
}

.wojo.label .status.negative {
	background: var(--negative-color)
}

.wojo.label .status.positive {
	background: var(--positive-color)
}

.wojo.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	z-index: 2
}

.wojo.ribbon::before,
.wojo.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #AFB3B8
}

.wojo.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 1em 0;
	background-color: #C8CBCE;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	color: #fff;
	font-weight: 700;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-transform: uppercase;
	text-align: center
}

.wojo.ribbon.top.left {
	top: -10px;
	left: -10px
}

.wojo.ribbon.top.left::before,
.wojo.ribbon.top.left::after {
	border-top-color: transparent;
	border-left-color: transparent
}

.wojo.ribbon.top.left::before {
	top: 0;
	right: 0
}

.wojo.ribbon.top.left::after {
	bottom: 0;
	left: 0
}

.wojo.ribbon.top.left span {
	right: -20px;
	top: 30px;
	transform: rotate(-45deg)
}

.wojo.ribbon.top.right {
	top: -10px;
	right: -10px
}

.wojo.ribbon.top-right::before,
.wojo.ribbon.top-right::after {
	border-top-color: transparent;
	border-right-color: transparent
}

.wojo.ribbon.top.right::before {
	top: 0;
	left: 0
}

.wojo.ribbon.top.right::after {
	bottom: 0;
	right: 0
}

.wojo.ribbon.top.right span {
	left: -20px;
	top: 30px;
	transform: rotate(45deg)
}

.wojo.primary.ribbon span {
	background-color: var(--primary-color);
	color: var(--primary-color-inverted)
}

.wojo.primary.ribbon::before,
.wojo.primary.ribbon::after {
	border: 5px solid var(--primary-color-active)
}

.wojo.secondary.ribbon span {
	background-color: var(--secondary-color);
	color: var(--secondary-color-inverted)
}

.wojo.secondary.ribbon::before,
.wojo.secondary.ribbon::after {
	border: 5px solid var(--secondary-color-inverted)
}

.wojo.positive.ribbon span {
	background-color: var(--positive-color);
	color: var(--positive-color-inverted)
}

.wojo.positive.ribbon::before,
.wojo.positive.ribbon::after {
	border: 5px solid var(--positive-color-inverted)
}

.wojo.negative.ribbon span {
	background-color: var(--negative-color);
	color: var(--negative-color-inverted)
}

.wojo.negative.ribbon::before,
.wojo.negative.ribbon::after {
	border: 5px solid var(--negative-color-inverted)
}

.wojo.alert.ribbon span {
	background-color: var(--alert-color);
	color: var(--alert-color-inverted)
}

.wojo.alert.ribbon::before,
.wojo.alert.ribbon::after {
	border: 5px solid var(--alert-color-inverted)
}

.wojo.indicating.label {
	position: absolute;
	border: 2px solid #fff;
	bottom: .5rem;
	left: 0;
	z-index: 2;
	width: .5rem;
	height: .5rem;
	border-radius: 1rem;
	padding: 0;
	box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25)
}

.wojo.fitted.label {
	margin: 0
}

.wojo.pill.label {
	margin-right: .375rem;
	margin-bottom: .5rem
}

.wojo.badge {
	position: absolute;
	top: -1.5rem;
	right: 1.5rem;
	border-radius: .250rem;
	box-shadow: 0 23px 49px 0 var(--shadow-color);
	z-index: 1
}

.wojo.badge::before {
	content: "";
	position: absolute;
	top: -1.5rem;
	left: -1.40rem;
	border: 1.5rem solid;
	z-index: -6;
	border-color: transparent transparent var(--primary-color) transparent
}

.wojo.badge .year {
	padding: 1.5rem;
	display: block;
	text-align: center;
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
	line-height: 1
}

.wojo.badge .text {
	display: block;
	padding: .750rem 1.5rem;
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
	font-size: .875rem;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.1);
	line-height: 1
}

.wojo.badge.primary {
	background-color: var(--primary-color)
}

.wojo.bookmark {
	position: absolute;
	top: 1rem;
	right: -1rem;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 4rem;
	font-size: .875rem;
	font-weight: 500;
	background: var(--negative-color);
	opacity: .75;
	border-radius: .250rem 0 0 0;
	color: #fff;
	z-index: 2
}

.wojo.bookmark::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: -2rem;
	border: 1rem solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: var(--negative-color) transparent var(--negative-color) var(--negative-color)
}

.wojo.mini.label {
	font-size: 0.5rem;
	padding: .125rem .5rem
}

.wojo.tiny.label {
	font-size: 0.613rem;
	padding: .250rem .5rem
}

.wojo.tiny.empty.label {
	width: .5rem;
	height: .5rem;
	padding: 0
}

.wojo.small.label {
	font-size: 0.6875rem;
	padding: .25rem .5rem
}

.wojo.small.empty.label {
	width: .750rem;
	height: .750rem;
	padding: 0
}

.wojo.label {
	font-size: 0.7rem
}

.wojo.big.label {
	font-size: 0.913rem
}

.wojo.big.initials.label {
	width: calc(2.875rem - 2px);
	height: calc(2.875rem - 2px);
	line-height: calc(2.875rem - 2px)
}

.wojo.huge.initials.label {
	width: calc(4rem - 2px);
	height: calc(4rem - 2px);
	line-height: calc(4rem - 2px)
}

.wojo.large.label {
	font-size: 1rem
}

.wojo.gigantic.labels .label,
.wojo.gigantic.label {
	font-size: 2.5rem
}

.wojo.gigantic.initials.circular.label {
	min-width: 3rem;
	min-height: 3em;
	width: 3em;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
	margin: 0
}

.wojo.circular.gigantic.labels .label,
.wojo.circular.gigantic.label {
	min-width: 3em;
	min-height: 3em;
	line-height: 1em;
	text-align: center;
	border-radius: 500rem
}

.wojo.message {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	padding: 1rem 1.5rem;
	background-color: #fff;
	border-radius: .250rem;
	margin-bottom: 1rem;
	border: 1px solid var(--grey-color-300);
	box-shadow: 0 23px 49px 0 var(--shadow-color)
}

.wojo.message .header {
	font-size: 1rem;
	font-weight: 700
}

.wojo.icon.message>.icon:not(.close) {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap;
	margin-right: 1rem
}

.wojo.icon.message>.icon:not(.x) {
	width: auto
}

.wojo.icon.message>.content {
	flex: 1 1 0px
}

.wojo.icon.message>.content.auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap
}

.wojo.message>.close.icon {
	cursor: pointer;
	position: absolute;
	margin: 0;
	top: .750em;
	right: .5rem;
	opacity: .7;
	transition: opacity .1s ease
}

.wojo.icon.message>.wojo.image {
	margin-right: 1.5rem
}

.wojo.compact.message {
	display: inline-flex
}

.wojo.primary.message {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: var(--primary-color-inverted)
}

.wojo.secondary.message {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color-inverted)
}

.wojo.positive.message {
	background-color: var(--positive-color);
	border: 1px solid var(--positive-color);
	color: var(--positive-color-inverted)
}

.wojo.negative.message {
	background-color: var(--negative-color);
	border: 1px solid var(--negative-color);
	color: var(--negative-color-inverted)
}

.wojo.primary.inverted.message {
	background-color: var(--primary-color-inverted);
	border: 1px solid var(--primary-color-inverted);
	color: var(--primary-color)
}

.wojo.secondary.inverted.message {
	background-color: var(--secondary-color-inverted);
	border: 1px solid var(--secondary-color-inverted);
	color: var(--secondary-color)
}

.wojo.positive.inverted.message {
	background-color: var(--positive-color-inverted);
	border: 1px solid var(--positive-color-inverted);
	color: var(--positive-color)
}

.wojo.negative.inverted.message {
	background-color: var(--negative-color-inverted);
	border: 1px solid var(--negative-color-inverted);
	color: var(--negative-color)
}

.wojo.info.message {
	background-color: var(--info-color);
	border: 1px solid var(--info-color);
	color: var(--info-color-inverted)
}

.wojo.info.inverted.message {
	background-color: var(--info-color-inverted);
	border: 1px solid var(--info-color-inverted);
	color: var(--info-color)
}

.wojo.alert.message {
	background-color: var(--alert-color);
	border: 1px solid var(--alert-color);
	color: var(--alert-color-inverted)
}

.wojo.alert.inverted.message {
	background-color: var(--alert-color-inverted);
	border: 1px solid var(--alert-color-inverted);
	color: var(--alert-color)
}

#wojo-overlay {
	position: fixed;
	width: auto;
	right: 1rem;
	top: 2rem;
	z-index: 5000
}

.wojo.notice {
	max-width: 100%;
	min-width: 300px;
	position: relative;
	border-radius: .250rem;
	color: #fff;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.wojo.notice .content {
	padding: 1.25rem;
	margin-left: 3rem
}

.wojo.notice:before {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	position: absolute;
	border-radius: .250rem;
	left: 1rem;
	top: -1.25rem;
	font-family: 'WojoIcons';
	content: "\ec43";
	background-color: #fff;
	text-align: center;
	box-shadow: 0px 10px 30px -12px rgba(0, 0, 0, 0.42), 0px 4px 25px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(0, 0, 0, 0.2);
	z-index: 3
}

.wojo.notice:after {
	left: 1rem;
	top: -1.25rem;
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
	position: absolute;
	z-index: 3;
	font-family: 'WojoIcons';
	content: "\ec44"
}

.wojo.notice .wojo.progress,
.wojo.notice .wojo.progress.attached .bar {
	border-radius: .250rem
}

.wojo.notice span {
	font-size: 1rem;
	display: block;
	font-weight: 600
}

.wojo.notice .text,
.wojo.notice p {
	font-size: .875rem;
	font-weight: 400;
	color: #fff
}

.wojo.notice .flag {
	margin-left: .5rem
}

.wojo.notice .item b {
	margin-right: .5rem
}

.wojo.notice a.notice-close {
	opacity: 0;
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	color: rgba(255, 255, 255, 0.8)
}

.wojo.notice:hover a.notice-close {
	opacity: 1
}

.wojo.notice.success {
	background-color: var(--positive-color-hover);
	color: var(--positive-color-inverted)
}

.wojo.notice.success:before,
.wojo.notice.success:after {
	color: var(--positive-color)
}

.wojo.notice.info {
	background-color: var(--info-color-hover);
	color: var(--info-color-inverted)
}

.wojo.notice.info:before,
.wojo.notice.info:after {
	color: var(--info-color)
}

.wojo.notice.alert {
	background-color: var(--alert-color-hover);
	color: var(--alert-color-inverted)
}

.wojo.notice.alert:before,
.wojo.notice.alert:after {
	color: var(--alert-color)
}

.wojo.notice.error {
	background-color: var(--negative-color-hover);
	color: var(--negative-color-inverted)
}

.wojo.notice.error:before,
.wojo.notice.error:after {
	color: var(--negative-color)
}

.wojo.notes.content {
	position: relative;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 1px) 0 36px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 1px) 0 36px;
	background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 1px) 0 36px;
	background-size: 100% 36px;
	font-size: 1.5rem;
	line-height: 2.250rem;
	margin: 0;
	min-height: 628px;
	color: rgba(0, 0, 0, 0.85);
	padding: 0;
	padding-left: 2rem;
	font-weight: 400
}

.wojo.notes.content p {
	margin: 0
}

.wojo.notes.content::before,
.wojo.notes.content::after {
	content: "";
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	top: -.5rem;
	left: 1rem;
	height: 100%
}

.wojo.notes.content::after {
	left: 1.25rem
}

.wojo.heading.message {
	box-shadow: none;
	border: 0;
	margin: 0
}

.wojo.fitted.message {
	padding: 0
}

.wojo.basic.message {
	border: 0
}

.wojo.simple.message {
	box-shadow: none
}

.wojo.transparent.message {
	background-color: transparent
}

.wojo.attached.message {
	margin: 0
}

.wojo.top.attached.message {
	margin-top: 0
}

.wojo.bottom.attached.message {
	margin-bottom: 0
}

.wojo.relaxed.message {
	padding: 2rem
}

.wojo.small.message {
	font-size: .875rem
}

.wojo.message {
	font-size: 1rem
}

ul.wojo.list,
ol.wojo.list {
	list-style-type: none;
	margin: 1rem 0;
	padding: 0
}

ul.wojo.list li,
ol.wojo.list li {
	list-style-type: none;
	list-style-position: outside;
	padding: .125rem 0
}

ul.wojo.list ul,
ol.wojo.list ol,
ul ul,
ol ol {
	margin: 0;
	padding: 0 0 0 .750rem
}

.wojo.list .item {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	margin-bottom: .250rem
}

.wojo.list.middle.aligned .item {
	align-items: center
}

.wojo.list .item>.content,
.wojo.list .item>.icon:not(.button) {
	flex: 1 1 0px;
	min-width: 0
}

.wojo.list .item>.icon:not(.button) {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	margin-right: 1rem
}

.wojo.list .item>.content.auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none
}

.wojo.list .item>.image {
	margin-right: 1rem
}

.wojo.list .item .icon:only-child,
.wojo.list .item .image:only-child {
	-ms-grid-row-align: center;
	align-self: center
}

.wojo.list .item .header {
	line-height: 1rem;
	margin-bottom: .250rem;
	font-weight: 600
}

.wojo.list .item .description {
	margin-left: .5rem;
	font-weight: 700
}

.wojo.horizontal.list {
	display: inline-flex;
	flex-flow: row wrap
}

.wojo.horizontal.list>.item {
	margin-left: 1rem;
	align-items: center;
	margin-bottom: 0
}

.wojo.horizontal.list:not(.celled):not(.bulleted)>.item:first-child {
	margin-left: 0em;
	padding-left: 0em
}

.wojo.divided.list:not(.horizontal)>.item {
	border-top: 1px solid var(--grey-color-300);
	margin-bottom: 0
}

.wojo.divided.list:not(.horizontal)>.item:first-child {
	border-top: none
}

.wojo.divided.horizontal.list>.item,
.wojo.celled.horizontal.list>.item {
	padding-left: 1rem
}

.wojo.divided.horizontal.list>.item::before,
.wojo.celled.horizontal.list>.item::before,
.wojo.horizontal.celled.list>.item:last-child::after {
	border-left: 1px solid var(--grey-color-300);
	height: 50%;
	left: 0;
	top: 25%;
	width: 1px;
	position: absolute;
	content: ''
}

.wojo.horizontal.divided.list>.item:first-child::before {
	border: none
}

.wojo.celled.list:not(.horizontal)>.item {
	border-top: 1px solid var(--grey-color-300);
	padding: 0.5rem;
	margin-bottom: 0
}

.wojo.celled.list:not(.horizontal)>.item:last-child {
	border-bottom: 1px solid var(--grey-color-300)
}

.wojo.horizontal.celled.list>.item:last-child::after {
	left: auto;
	right: -1rem
}

.wojo.celled.horizontal.list>.item:first-child {
	margin-left: 0
}

.wojo.relaxed.list:not(.horizontal):not(.divided)>.item:last-child,
.wojo.very.relaxed.list:not(.horizontal):not(.divided)>.item:last-child {
	margin-bottom: 0
}

.wojo.relaxed.list:not(.horizontal):not(.divided)>.item {
	margin-bottom: 1rem
}

.wojo.very.relaxed.list:not(.horizontal):not(.divided)>.item {
	margin-bottom: 2rem
}

.wojo.relaxed.divided.list:not(.horizontal)>.item:first-child,
.wojo.very.relaxed.divided.list:not(.horizontal)>.item:first-child {
	padding-top: 0
}

.wojo.relaxed.divided.list:not(.horizontal)>.item:last-child,
.wojo.very.relaxed.divided.list:not(.horizontal)>.item:last-child {
	padding-bottom: 0
}

.wojo.relaxed.divided.list:not(.horizontal)>.item {
	padding-bottom: 1rem;
	padding-top: 1rem
}

.wojo.very.relaxed.divided.list:not(.horizontal):not(.divided)>.item {
	padding-bottom: 2rem;
	padding-top: 2rem
}

.wojo.relaxed.list.horizontal>.item {
	margin-left: .5rem;
	margin-right: .5rem
}

.wojo.relaxed.list.horizontal>.item:first-child {
	margin-left: 0
}

.wojo.relaxed.list.horizontal>.item:last-child {
	margin-right: 0
}

.wojo.very.relaxed.list.horizontal>.item {
	margin-left: 1rem;
	margin-right: 1rem
}

.wojo.list>.item.active:not(.transparent) {
	font-weight: 700;
	color: var(--dark-color)
}

.wojo.fluid.list .item {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 0
}

.wojo.fluid.list .item>.content {
	flex: 1 1 0px;
	min-width: 0
}

.wojo.fluid.list .item>.content.auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none
}

.wojo.horizontal.compact.list .item {
	padding-left: .5rem;
	margin-left: .5rem
}

.wojo.items {
	display: flex;
	flex-direction: column
}

.wojo.items>.item {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	position: relative
}

.wojo.items>.item>.columns {
	flex: 1 1 0px;
	min-width: 0;
	padding: 0.750rem;
	white-space: normal
}

.wojo.items>.item>.columns.auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap
}

.wojo.items>.item>.columns>.header {
	font-weight: 500
}

.wojo.divided.items>.item {
	border-top: 1px solid var(--grey-color-300)
}

.wojo.celled.items>.item {
	border-top: 1px solid var(--grey-color-300)
}

.wojo.celled.items>.item:last-child {
	border-bottom: 1px solid var(--grey-color-300)
}

.wojo.small.items>.item>.columns {
	padding: 0.5rem;
	font-size: .875rem
}

.wojo.items>.item>.columns.one.wide {
	flex: 0 0 10%;
	max-width: 10%
}

.wojo.items>.item>.columns.two.wide {
	flex: 0 0 20%;
	max-width: 20%
}

.wojo.items>.item>.columns.three.wide {
	flex: 0 0 30%;
	max-width: 30%
}

.wojo.items>.item>.columns.four.wide {
	flex: 0 0 40%;
	max-width: 40%
}

.wojo.items>.item>.columns.five.wide {
	flex: 0 0 50%;
	max-width: 50%
}

.wojo.items>.item>.columns.six.wide {
	flex: 0 0 60%;
	max-width: 60%
}

.wojo.items>.item>.columns.seven.wide {
	flex: 0 0 70%;
	max-width: 70%
}

.wojo.items>.item>.columns.eight.wide {
	flex: 0 0 80%;
	max-width: 80%
}

.wojo.items>.item>.columns.nine.wide {
	flex: 0 0 90%;
	max-width: 90%
}

.wojo.items>.item>.columns.ten.wide {
	flex: 0 0 100%;
	max-width: 100%
}

.wojo.mini.list {
	font-size: 0.750rem
}

.wojo.tiny.list,
.wojo.tiny.items {
	font-size: 0.813rem
}

.wojo.small.list,
.wojo.small.items {
	font-size: 0.938rem
}

.wojo.list,
.wojo.items {
	font-size: 1rem
}

@media screen and (max-width:768px) {
	.wojo.items {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}

	.wojo.items>.item>.columns.one.wide,
	.wojo.items>.item>.columns.two.wide,
	.wojo.items>.item>.columns.three.wide,
	.wojo.items>.item>.columns.four.wide,
	.wojo.items>.item>.columns.five.wide,
	.wojo.items>.item>.columns.six.wide,
	.wojo.items>.item>.columns.seven.wide,
	.wojo.items>.item>.columns.eight.wide,
	.wojo.items>.item>.columns.nine.wide,
	.wojo.items>.item>.columns.ten.wide,
	.wojo.items>.item>.columns {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
		white-space: nowrap
	}

	.wojo.divided.items>.item {
		border-top: 1px solid var(--grey-color-300);
		border-left: 1px solid var(--grey-color-300)
	}

	.wojo.divided.items>.item:first-child {
		border-left: 0
	}

	.wojo.divided.horizontal.responsive.list,
	.wojo.celled.horizontal.responsive.list {
		flex-direction: column
	}

	.wojo.divided.horizontal.responsive.list>.item,
	.wojo.celled.horizontal.responsive.list>.item {
		padding-left: 0;
		margin-left: 0
	}

	.wojo.divided.horizontal.responsive.list>.item::before,
	.wojo.celled.horizontal.responsive.list>.item::before,
	.wojo.horizontal.celled.responsive.list>.item:last-child::after {
		display: none
	}
}

.wojo.step.list .item {
	position: relative;
	padding: 1rem 0 1rem 2.5rem;
	margin: 0
}

.wojo.step.list .item:first-child {
	padding: 0 0 1rem 2.5rem
}

.wojo.step.list .item:first-child::after {
	height: 50%;
	top: auto
}

.wojo.step.list .item:last-child::after {
	height: 50%;
	bottom: auto
}

.wojo.step.list .item::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: -.3125rem;
	width: .0625rem;
	height: 100%;
	border-right: 1px solid var(--grey-color-300);
	margin: auto auto auto 0;
	content: "";
	visibility: visible
}

.wojo.step.list .item::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: -.25rem;
	width: 2rem;
	height: .0625rem;
	border-top: 1px solid var(--grey-color-300);
	margin: auto auto auto 0;
	content: ""
}

.wojo.step.list .item>.content,
.wojo.indicating.list>.item .content {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	border: 1px solid var(--grey-color-300);
	border-radius: 0.25rem;
	padding: 2em
}

.wojo.step.list .item>.content>.description,
.wojo.indicating.list .item>.content>.description {
	padding-left: 2rem;
	margin: 0;
	font-weight: normal
}

.wojo.step.list .item>.content>* {
	flex: 1 1 0px;
	min-width: 0
}

.wojo.step.list .item>.content .auto,
.wojo.indicating.list .item>.content.auto {
	flex: 0 0 auto;
	max-width: 100%
}

.wojo.indicating.list>.item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	position: relative;
	margin-bottom: 1.5rem
}

.wojo.indicating.list>.item::after {
	position: absolute;
	top: 32px;
	left: 11px;
	height: 100%;
	border-left: 2px dashed var(--primary-color);
	content: "";
	visibility: visible
}

.wojo.indicating.list>.item .content:first-child {
	margin-right: 1rem;
	margin-top: 0.25rem
}

.wojo.indicating.list>.item .content:first-child>span {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0.625rem;
	border-radius: 1.5rem;
	text-align: center;
	line-height: 1.5rem;
	color: #fff;
	font-weight: 500
}

.wojo.indicating.list>.item .content:first-child>span>.icon {
	line-height: 1.5rem
}

.wojo.indicating.list>.item .content {
	border: none;
	border-radius: 0;
	padding: 0
}

.wojo.indicating.list .item:last-child::after {
	border-left: 0
}

ul.vertical-menu li,
ul.vertical-menu,
ul.vertical-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

ul.vertical-menu li {
	border-top: 1px solid #e7eaf3;
	display: block;
	position: relative
}

ul.vertical-menu li a {
	display: inline-block;
	position: relative;
	padding: .5rem 0;
	color: var(--dark-color);
	font-weight: 500
}

ul.vertical-menu li a:hover,
ul.vertical-menu li a.active {
	color: var(--primary-color)
}

ul.vertical-menu li a>i.icon {
	margin-right: .5em
}

ul.vertical-menu li a span {
	display: inline-block;
	font-size: .750em;
	padding: .5em;
	margin-left: 1em;
	line-height: .75;
	border-radius: .188em;
	font-weight: 600
}

ul.vertical-menu .menu-submenu {
	display: none;
	top: 0
}

ul.vertical-menu .menu-submenu li {
	border-bottom: 0;
	border-top: 1px solid #e7eaf3;
	box-shadow: none;
	position: relative
}

ul.vertical-menu .menu-submenu li a {
	padding: 8px 25px
}

ul.vertical-menu .menu-submenu li ul li a {
	padding: 8px 45px
}

ul.vertical-menu .menu-submenu li ul li ul li {}

ul.vertical-menu .menu-submenu li ul li ul li a {
	padding: 8px 65px
}

ul.vertical-menu .icon.chevron.down {
	position: absolute;
	right: 0;
	display: block;
	cursor: pointer;
	padding: 13px 0
}

.wojo.placeholder,
.wojo.sortable .empty,
.sort.active,
.wojo.sortable .ghost:not(.icon),
.ghost:not(.icon) {
	margin: 0;
	padding: 0;
	background: var(--primary-color-inverted);
	outline: 4px solid var(--primary-color)
}

.wojo.table {
	width: 100%;
	background: #FFFFFF;
	margin: 0;
	border: 1px solid var(--light-color);
	box-shadow: none;
	border-radius: 0;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
	color: var(--dark-color)
}

.wojo.table:first-child {
	margin-top: 0
}

.wojo.table:last-child {
	margin-bottom: 0
}

.wojo.table th,
.wojo.table td {
	transition: background 0.1s ease, color 0.1s ease
}

.wojo.table thead {
	box-shadow: none
}

.wojo.table thead th {
	cursor: auto;
	background: #F9FAFB;
	text-align: inherit;
	color: rgba(0, 0, 0, 0.87);
	padding: 1rem .750rem;
	vertical-align: inherit;
	font-size: .875rem;
	font-weight: 600;
	text-transform: none;
	border-bottom: 1px solid var(--light-color);
	border-left: none
}

.wojo.table thead tr>th:first-child {
	border-left: none
}

.wojo.table thead tr:first-child>th:first-child {
	border-radius: 0.188rem 0 0 0
}

.wojo.table thead tr:first-child>th:last-child {
	border-radius: 0em 0.188rem 0 0
}

.wojo.table thead tr:first-child>th:only-child {
	border-radius: 0.188rem 0.188rem 0 0
}

.wojo.table tfoot {
	box-shadow: none
}

.wojo.table tfoot th {
	cursor: auto;
	border-top: 1px solid var(--light-color);
	background: #F9FAFB;
	text-align: inherit;
	color: rgba(0, 0, 0, 0.87);
	padding: 0.750rem 0.750rem;
	vertical-align: middle;
	font-style: normal;
	font-size: .813rem;
	font-weight: 600;
	text-transform: none
}

.wojo.table tfoot tr>th:first-child {
	border-left: none
}

.wojo.table tfoot tr:first-child>th:first-child {
	border-radius: 0em 0em 0em 0.188rem
}

.wojo.table tfoot tr:first-child>th:last-child {
	border-radius: 0em 0em 0.188rem 0em
}

.wojo.table tfoot tr:first-child>th:only-child {
	border-radius: 0em 0em 0.188rem 0.188rem
}

.wojo.table tr td {
	border-top: 3px solid rgba(0, 0, 0, 0.05)
}

.wojo.table tr:first-child td {
	border-top: none
}

.wojo.table td {
	padding: 0.750rem 0.750rem;
	text-align: inherit;
	font-weight: 300
}

.wojo.table>.icon {
	vertical-align: baseline
}

.wojo.table>.icon:only-child {
	margin: 0em
}

.wojo.table.segment {
	padding: 0em
}

.wojo.table.segment:after {
	display: none
}

.wojo.table.segment.stacked:after {
	display: block
}

.wojo.basic.table.dashed tr td {
	border-top: 2px dashed var(--light-color)
}

.wojo.basic.table.dashed {
	border-bottom: 2px dashed var(--light-color);
	border-radius: 0
}

.wojo.structured.table {
	border-collapse: collapse
}

.wojo.structured.table thead th {
	border-left: none;
	border-right: none
}

.wojo.structured.sorting.table thead th {
	border-left: 1px solid var(--light-color);
	border-right: 1px solid var(--light-color)
}

.wojo.structured.basic.table th {
	border-left: none;
	border-right: none
}

.wojo.structured.celled.table tr th,
.wojo.structured.celled.table tr td {
	border-left: 1px solid var(--light-color);
	border-right: 1px solid var(--light-color)
}

.wojo.definition.table {
	border: 0
}

.wojo.definition.table thead th {
	background: #fff
}

.wojo.definition.table thead:not(.full-width) th:first-child {
	background: transparent;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.4)
}

.wojo.definition.table tfoot:not(.full-width) th:first-child {
	background: transparent;
	font-weight: 500;
	color: normal;
	box-shadow: 1px 1px 0px 1px #FFFFFF
}

.wojo.celled.definition.table thead:not(.full-width) th:first-child {
	box-shadow: 0px -1px 0px 1px #FFFFFF
}

.wojo.celled.definition.table tfoot:not(.full-width) th:first-child {
	box-shadow: 0px 1px 0px 1px #FFFFFF
}

.wojo.definition.table tr td:first-child {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.95);
	font-size: 0.750rem;
	background-color: var(--light-color)
}

.wojo.definition.table thead:not(.full-width) th:nth-child(2) {
	border-left: 1px solid var(--light-color)
}

.wojo.definition.table tfoot:not(.full-width) th:nth-child(2) {
	border-left: 1px solid var(--light-color)
}

.wojo.definition.table td:nth-child(2) {
	border-left: 1px solid var(--light-color)
}

.wojo.table th.collapsing,
.wojo.table td.collapsing {
	width: 1px;
	white-space: nowrap
}

.wojo.fixed.table {
	table-layout: fixed
}

.wojo.fixed.table th,
.wojo.fixed.table td {
	overflow: hidden;
	text-overflow: ellipsis
}

.wojo.striped.table>tr:nth-child(2n),
.wojo.striped.table tbody tr:nth-child(2n) {
	background-color: #F5F5F5
}

.wojo.rounded.table {
	border-radius: 0.188rem
}

.wojo.one.column.table td {
	width: 100%
}

.wojo.two.column.table td {
	width: 50%
}

.wojo.three.column.table td {
	width: 33.33333333%
}

.wojo.four.column.table td {
	width: 25%
}

.wojo.five.column.table td {
	width: 20%
}

.wojo.six.column.table td {
	width: 16.66666667%
}

.wojo.seven.column.table td {
	width: 14.28571429%
}

.wojo.eight.column.table td {
	width: 12.5%
}

.wojo.nine.column.table td {
	width: 11.11111111%
}

.wojo.ten.column.table td {
	width: 10%
}

.wojo.eleven.column.table td {
	width: 9.09090909%
}

.wojo.twelve.column.table td {
	width: 8.33333333%
}

.wojo.thirteen.column.table td {
	width: 7.69230769%
}

.wojo.fourteen.column.table td {
	width: 7.14285714%
}

.wojo.fifteen.column.table td {
	width: 6.66666667%
}

.wojo.sixteen.column.table td {
	width: 6.25%
}

.wojo.table th.one.wide,
.wojo.table td.one.wide {
	width: 6.25%
}

.wojo.table th.two.wide,
.wojo.table td.two.wide {
	width: 12.5%
}

.wojo.table th.three.wide,
.wojo.table td.three.wide {
	width: 18.75%
}

.wojo.table th.four.wide,
.wojo.table td.four.wide {
	width: 25%
}

.wojo.table th.five.wide,
.wojo.table td.five.wide {
	width: 31.25%
}

.wojo.table th.six.wide,
.wojo.table td.six.wide {
	width: 37.5%
}

.wojo.table th.seven.wide,
.wojo.table td.seven.wide {
	width: 43.75%
}

.wojo.table th.eight.wide,
.wojo.table td.eight.wide {
	width: 50%
}

.wojo.table th.nine.wide,
.wojo.table td.nine.wide {
	width: 56.25%
}

.wojo.table th.ten.wide,
.wojo.table td.ten.wide {
	width: 62.5%
}

.wojo.table th.eleven.wide,
.wojo.table td.eleven.wide {
	width: 68.75%
}

.wojo.table th.twelve.wide,
.wojo.table td.twelve.wide {
	width: 75%
}

.wojo.table th.thirteen.wide,
.wojo.table td.thirteen.wide {
	width: 81.25%
}

.wojo.table th.fourteen.wide,
.wojo.table td.fourteen.wide {
	width: 87.5%
}

.wojo.table th.fifteen.wide,
.wojo.table td.fifteen.wide {
	width: 93.75%
}

.wojo.table th.sixteen.wide,
.wojo.table td.sixteen.wide {
	width: 100%
}

.wojo.table[class*="left aligned"],
.wojo.table [class*="left aligned"] {
	text-align: left
}

.wojo.table[class*="center aligned"],
.wojo.table [class*="center aligned"] {
	text-align: center
}

.wojo.table[class*="right aligned"],
.wojo.table [class*="right aligned"] {
	text-align: right
}

.wojo.table[class*="top aligned"],
.wojo.table [class*="top aligned"] {
	vertical-align: top
}

.wojo.table[class*="middle aligned"],
.wojo.table [class*="middle aligned"] {
	vertical-align: middle
}

.wojo.table[class*="bottom aligned"],
.wojo.table [class*="bottom aligned"] {
	vertical-align: bottom
}

.wojo.sorting.table thead th {
	cursor: pointer;
	white-space: nowrap;
	color: rgba(0, 0, 0, 0.87)
}

.wojo.sorting.table thead th:first-child {
	border-left: none
}

.wojo.sorting.table thead th.sorted,
.wojo.sorting.table thead th.sorted:hover {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wojo.sorting.table thead th:not(.disabled):after {
	display: inline-block;
	width: 1em;
	opacity: 0.2;
	margin: 0 0 0 .5em;
	font-family: "WojoIcons";
	content: '\e915';
	font-style: normal;
	font-weight: 400;
	font-size: .750rem;
	text-decoration: inherit
}

.wojo.sorting.table thead th.asc:after {
	content: '\e145'
}

.wojo.sorting.table thead th.desc:after {
	content: '\e142'
}

.wojo.sorting.table th.disabled:after {
	content: ''
}

.wojo.sorting.table th.disabled:hover {
	cursor: auto;
	color: rgba(0, 0, 0, 0.95)
}

.wojo.sorting.table thead th:hover {
	color: #33BFC1
}

.wojo.sorting.table thead th.sorted {
	background-color: #F5F5F5;
	color: rgba(0, 0, 0, 0.95)
}

.wojo.sorting.table thead th.sorted:after {
	display: inline-block
}

.wojo.sorting.table thead th.sorted:hover {
	background-color: #F5F5F5;
	color: rgba(0, 0, 0, 0.95)
}

.wojo.table i.icon.handle {
	cursor: pointer
}

.wojo.table tr.sorting-row {
	background-color: #F7F7F7
}

.wojo.collapsing.table {
	width: auto
}

.wojo.basic.table {
	background: transparent;
	border: 0;
	box-shadow: none
}

.wojo.basic.table thead,
.wojo.basic.table tfoot {
	box-shadow: none
}

.wojo.basic.table th {
	background: transparent;
	border-left: none;
	text-transform: uppercase;
	font-size: 0.813rem
}

.wojo.basic.table tr td {
	border-top: 1px solid var(--light-color)
}

.wojo.basic.table thead tr:first-child>th:last-child,
.wojo.table thead tr:first-child>th:first-child {
	border-radius: 0
}

.wojo.basic.striped.table tbody tr:nth-child(2n) {
	background-color: #F9F9F9
}

.wojo[class*="very basic"].table {
	border: none
}

.wojo[class*="very basic"].table:not(.sorting):not(.striped) th,
.wojo[class*="very basic"].table:not(.sorting):not(.striped) td {
	padding: ''
}

.wojo[class*="very basic"].table:not(.sorting):not(.striped) th:first-child,
.wojo[class*="very basic"].table:not(.sorting):not(.striped) td:first-child {
	padding-left: 0
}

.wojo[class*="very basic"].table:not(.sorting):not(.striped) th:last-child,
.wojo[class*="very basic"].table:not(.sorting):not(.striped) td:last-child {
	padding-right: 0
}

.wojo[class*="very basic"].table:not(.sorting):not(.striped) thead tr:first-child th {
	padding-top: 0
}

.wojo.very.basic.table tr td {
	border-top: 0 solid var(--light-color)
}

.wojo.celled.table tr th,
.wojo.celled.table tr td {
	border-left: 1px solid var(--light-color)
}

.wojo.celled.table tr th:first-child,
.wojo.celled.table tr td:first-child {
	border-left: none
}

.wojo.padded.table th {
	padding-left: 1rem;
	padding-right: 1rem
}

.wojo.padded.table th,
.wojo.padded.table td {
	padding: 1rem 1rem
}

.wojo[class*="very padded"].table th {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.wojo[class*="very padded"].table td {
	padding: 1.5rem 1.5rem
}

.wojo.compact.table th {
	padding-left: 0.75rem;
	padding-right: 0.75rem
}

.wojo.compact.table td {
	padding: 0.5rem 0.75rem
}

.wojo[class*="very compact"].table th {
	padding-left: 0.6rem;
	padding-right: 0.6rem
}

.wojo[class*="very compact"].table td {
	padding: 0.4rem 0.6rem
}

.wojo.compact.fitted.table td {
	padding: 0.2rem 0.4rem
}

.wojo.table[class*="left aligned"],
.wojo.table [class*="left aligned"] {
	text-align: left
}

.wojo.table[class*="center aligned"],
.wojo.table [class*="center aligned"] {
	text-align: center
}

.wojo.table[class*="right aligned"],
.wojo.table [class*="right aligned"] {
	text-align: right
}

.wojo.table[class*="top aligned"],
.wojo.table [class*="top aligned"] {
	vertical-align: top
}

.wojo.table[class*="middle aligned"],
.wojo.table [class*="middle aligned"] {
	vertical-align: middle
}

.wojo.table[class*="bottom aligned"],
.wojo.table [class*="bottom aligned"] {
	vertical-align: bottom
}

.wojo.small.table {
	font-size: 0.9rem
}

.wojo.table {
	font-size: 1rem
}

.wojo.large.table {
	font-size: 1.1rem
}

@media screen and (max-width:768px) {
	.wojo.responsive.table {
		overflow-x: auto;
		overflow-y: hidden;
		display: block;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
}

[data-tooltip] {
	position: relative
}

[data-tooltip]:before {
	pointer-events: none;
	position: absolute;
	content: '';
	font-size: 1rem;
	width: .750rem;
	height: .750rem;
	background: #FFFFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 200;
	box-shadow: 1px 1px 0px 0px #bababc
}

[data-tooltip]:after {
	pointer-events: none;
	content: attr(data-tooltip);
	position: absolute;
	text-transform: none;
	text-align: left;
	white-space: pre-wrap;
	font-size: .750rem;
	border: 1px solid #D4D4D5;
	line-height: 1.2rem;
	background: #FFFFFF;
	padding: .5rem 1rem;
	width: 12rem;
	font-weight: normal;
	font-style: normal;
	color: rgba(0, 0, 0, 0.87);
	border-radius: .250rem;
	box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
	z-index: 100
}

[data-tooltip]:not([data-position]):before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 50%;
	background: #FFFFFF;
	margin-left: -.063rem;
	margin-bottom: 0
}

[data-tooltip]:not([data-position]):after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	margin-bottom: 0.5em
}

[data-tooltip]:before,
[data-tooltip]:after {
	pointer-events: none;
	visibility: hidden
}

[data-tooltip]:before {
	opacity: 0;
	-webkit-transform: rotate(45deg) scale(0) !important;
	transform: rotate(45deg) scale(0) !important;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	transition: all 0.1s ease
}

[data-tooltip]:after {
	opacity: 1;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	transition: all 0.1s ease
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	pointer-events: auto
}

[data-tooltip]:hover:before {
	-webkit-transform: rotate(45deg) scale(1) !important;
	transform: rotate(45deg) scale(1) !important;
	opacity: 1
}

[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
	-webkit-transform: translateX(-50%) scale(0) !important;
	transform: translateX(-50%) scale(0) !important
}

[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
	-webkit-transform: translateX(-50%) scale(1) !important;
	transform: translateX(-50%) scale(1) !important
}

[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
	-webkit-transform: translateY(-50%) scale(0) !important;
	transform: translateY(-50%) scale(0) !important
}

[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
	-webkit-transform: translateY(-50%) scale(1) !important;
	transform: translateY(-50%) scale(1) !important
}

[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
	-webkit-transform: scale(0) !important;
	transform: scale(0) !important
}

[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

[data-tooltip][data-inverted]:before {
	box-shadow: none !important
}

[data-tooltip][data-inverted]:before {
	background: #1B1C1D
}

[data-tooltip][data-inverted]:after {
	background: #1B1C1D;
	color: #FFFFFF;
	border: none;
	box-shadow: none
}

[data-tooltip][data-inverted]:after .header {
	background-color: none;
	color: #FFFFFF
}

[data-position="top center"][data-tooltip]:after {
	top: auto;
	right: auto;
	left: 50%;
	bottom: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom: 0.5em
}

[data-position="top center"][data-tooltip]:before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 50%;
	background: #FFFFFF;
	margin-left: -.063rem;
	margin-bottom: 0
}

[data-position="top left"][data-tooltip]:after {
	top: auto;
	right: auto;
	left: 0;
	bottom: 100%;
	margin-bottom: 0.5rem
}

[data-position="top left"][data-tooltip]:before {
	top: auto;
	right: auto;
	bottom: 100%;
	left: 1em;
	margin-left: -.063rem;
	margin-bottom: 0.125rem
}

[data-position="top right"][data-tooltip]:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: 100%;
	margin-bottom: .5rem
}

[data-position="top right"][data-tooltip]:before {
	top: auto;
	left: auto;
	bottom: 100%;
	right: 1em;
	margin-left: -.063rem;
	margin-bottom: .125rem
}

[data-position="bottom center"][data-tooltip]:after {
	bottom: auto;
	right: auto;
	left: 50%;
	top: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 0.5rem
}

[data-position="bottom center"][data-tooltip]:before {
	bottom: auto;
	right: auto;
	top: 100%;
	left: 50%;
	margin-left: -.063rem;
	margin-top: .125rem
}

[data-position="bottom left"][data-tooltip]:after {
	left: 0;
	top: 100%;
	margin-top: .5rem
}

[data-position="bottom left"][data-tooltip]:before {
	bottom: auto;
	right: auto;
	top: 100%;
	left: 1em;
	margin-left: -.063rem;
	margin-top: .125rem
}

[data-position="bottom right"][data-tooltip]:after {
	right: 0;
	top: 100%;
	margin-top: .5rem
}

[data-position="bottom right"][data-tooltip]:before {
	bottom: auto;
	left: auto;
	top: 100%;
	right: 1em;
	margin-left: -.125rem;
	margin-top: .063rem
}

[data-position="left center"][data-tooltip]:after {
	right: 100%;
	top: 50%;
	margin-right: .5rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

[data-position="left center"][data-tooltip]:before {
	right: 100%;
	top: 50%;
	margin-top: -.125rem;
	margin-right: -.063rem
}

[data-position="right center"][data-tooltip]:after {
	left: 100%;
	top: 50%;
	margin-left: .5rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

[data-position="right center"][data-tooltip]:before {
	left: 100%;
	top: 50%;
	margin-top: -.063rem;
	margin-left: .125rem
}

[data-position~="bottom"][data-tooltip]:before {
	background: #FFFFFF;
	box-shadow: -1px -1px 0px 0px #bababc
}

[data-position="left center"][data-tooltip]:before {
	background: #FFFFFF;
	box-shadow: 1px -1px 0px 0px #bababc
}

[data-position="right center"][data-tooltip]:before {
	background: #FFFFFF;
	box-shadow: -1px 1px 0px 0px #bababc
}

[data-position~="top"][data-tooltip]:before {
	background: #FFFFFF
}

[data-inverted][data-position~="bottom"][data-tooltip]:before {
	background: #1B1C1D;
	box-shadow: -1px -1px 0px 0px #bababc
}

[data-inverted][data-position="left center"][data-tooltip]:before {
	background: #1B1C1D;
	box-shadow: 1px -1px 0px 0px #bababc
}

[data-inverted][data-position="right center"][data-tooltip]:before {
	background: #1B1C1D;
	box-shadow: -1px 1px 0px 0px #bababc
}

[data-inverted][data-position~="top"][data-tooltip]:before {
	background: #1B1C1D
}

[data-position~="bottom"][data-tooltip]:before {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

[data-position~="bottom"][data-tooltip]:after {
	-webkit-transform-origin: center top;
	transform-origin: center top
}

[data-position="left center"][data-tooltip]:before {
	-webkit-transform-origin: top center;
	transform-origin: top center
}

[data-position="left center"][data-tooltip]:after {
	-webkit-transform-origin: right center;
	transform-origin: right center
}

[data-position="right center"][data-tooltip]:before {
	-webkit-transform-origin: right center;
	transform-origin: right center
}

[data-position="right center"][data-tooltip]:after {
	-webkit-transform-origin: left center;
	transform-origin: left center
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.redactor-animate-hide {
	display: none !important
}

.redactor-fadeIn {
	opacity: 0;
	animation: fadeIn .2s ease-in-out
}

.redactor-fadeOut {
	opacity: 1;
	animation: fadeOut .2s ease-in-out
}

[class^="re-icon-"],
[class*=" re-icon-"] {
	font-family: 'WojoIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.re-icon-aligncenter:before {
	content: "\e002"
}

.re-icon-alignment:before,
.re-icon-alignleft:before {
	content: "\ebe9";
	opacity: .5
}

.re-icon-alignment:after,
.re-icon-alignleft:after {
	content: "\ebea";
	margin-left: -1em
}

.re-icon-alignright:before {
	content: "\e902"
}

.re-icon-bold:before {
	content: "\ec05";
	opacity: .5
}

.re-icon-bold:after {
	content: "\ec06";
	margin-left: -1em
}

.re-icon-bookmark:before {
	content: "\e904"
}

.re-icon-clips:before {
	content: "\e905"
}

.re-icon-codesnippets:before {
	content: "\e906"
}

.re-icon-deleted:before {
	content: "\ec0f";
	opacity: .5
}

.re-icon-deleted:after {
	content: "\ec10";
	margin-left: -1em
}

.re-icon-expand:before {
	content: "\ea71"
}

.re-icon-file:before {
	content: "\e909"
}

.re-icon-fontcolor:before {
	content: "\ea93"
}

.re-icon-fontfamily:before {
	content: "\e90b"
}

.re-icon-fontsize:before {
	content: "\e90c"
}

.re-icon-format:before {
	content: "\ebf3";
	opacity: .5
}

.re-icon-format:after {
	content: "\ebf4";
	margin-left: -1em
}

.re-icon-html:before {
	content: "\ea08";
	opacity: .5
}

.re-icon-html:after {
	content: "\ea09";
	margin-left: -1em
}

.re-icon-imagecenter:before {
	content: "\e90f"
}

.re-icon-imageleft:before {
	content: "\e910"
}

.re-icon-imageright:before {
	content: "\e911"
}

.re-icon-image:before {
	content: "\e990";
	opacity: .5
}

.re-icon-image:after {
	content: "\e991";
	margin-left: -1em
}

.re-icon-indent:before {
	content: "\e913"
}

.re-icon-inline:before {
	content: "\e914"
}

.re-icon-italic:before {
	content: "\ec0d";
	opacity: .5
}

.re-icon-italic:after {
	content: "\ec0e";
	margin-left: -1em
}

.re-icon-line:before,
.re-icon-horizontalrule:before {
	content: "\e916"
}

.re-icon-link:before {
	content: "\eae3";
	opacity: .5
}

.re-icon-link:after {
	content: "\eae4";
	margin-left: -1em
}

.re-icon-ol:before,
.re-icon-ordered:before {
	content: "\e918"
}

.re-icon-outdent:before {
	content: "\e919"
}

.re-icon-properties:before {
	content: "\e99c"
}

.re-icon-readmore:before {
	content: "\e91b"
}

.re-icon-redo:before {
	content: "\e91c"
}

.re-icon-retract:before {
	content: "\ea72"
}

.re-icon-specialcharacters:before {
	content: "\e91e"
}

.re-icon-sub:before {
	content: "\e91f"
}

.re-icon-sup:before {
	content: "\e920"
}

.re-icon-table:before {
	content: "\ea9c"
}

.re-icon-textdirection:before {
	content: "\e922"
}

.re-icon-toggle:before {
	content: "\e923"
}

.re-icon-underline:before {
	content: "\ec11";
	opacity: .5
}

.re-icon-underline:after {
	content: "\ec12";
	margin-left: -1em
}

.re-icon-undo:before {
	content: "\e925"
}

.re-icon-ul:before,
.re-icon-lists:before,
.re-icon-unordered:before {
	content: "\eae5";
	opacity: .5
}

.re-icon-ul:after,
.re-icon-lists:after,
.re-icon-unordered:after {
	content: "\eae6";
	margin-left: -1em
}

.re-icon-variable:before {
	content: "\e927"
}

.re-icon-video:before {
	content: "\ea9f"
}

.re-icon-widget:before {
	content: "\e929"
}

.redactor-box,
.redactor-box textarea {
	z-index: auto
}

.redactor-box {
	position: relative;
	box-sizing: border-box
}

.redactor-box.redactor-styles-on {
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid var(--grey-color-300);
	color: var(--body-color);
	border-radius: .250rem;
	box-shadow: none
}

.redactor-box.redactor-inline {
	position: static
}

.redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
	border-color: var(--primary-color) !important
}

.redactor-over:hover.redactor-styles-on {
	border-color: #ee698a !important
}

.redactor-source-view,
.redactor-source-view.redactor-styles-on {
	border-color: #000 !important
}

.redactor-in {
	position: relative;
	overflow: auto;
	white-space: normal;
	box-sizing: border-box
}

.redactor-in:focus {
	outline: none
}

.redactor-inline .redactor-in {
	overflow: hidden
}

.redactor-in *,
.redactor-read-only * {
	outline: none !important
}

.redactor-in h1:empty,
.redactor-in h2:empty,
.redactor-in h3:empty,
.redactor-in h4:empty,
.redactor-in h5:empty,
.redactor-in h6:empty,
.redactor-in p:empty,
.redactor-in blockquote:empty,
.redactor-in div[data-redactor-tag=br]:empty,
.redactor-in div[data-redactor-tag=tbr]:empty {
	min-height: 1.5em
}

.redactor-in div[data-redactor-tag=br],
.redactor-in div[data-redactor-tag=tbr] {
	margin-top: 0;
	margin-bottom: 0
}

.redactor-in strong:empty,
.redactor-in b:empty,
.redactor-in em:empty,
.redactor-in i:empty,
.redactor-in span:empty,
.redactor-in sup:empty,
.redactor-in sub:empty,
.redactor-in u:empty,
.redactor-in ins:empty {
	display: inline-block;
	min-width: 1px;
	min-height: 1rem
}

.redactor-in table {
	empty-cells: show
}

.redactor-in li figure {
	width: auto;
	display: inline-block;
	margin: 0;
	vertical-align: top
}

.redactor-in figcaption:focus,
.redactor-in figure code:focus,
.redactor-in figure pre:focus,
.redactor-in table td:focus,
.redactor-in table th:focus {
	outline: none
}

.redactor-in figure[data-redactor-type=line] {
	margin-top: 1em;
	padding: 6px 0;
	vertical-align: baseline
}

.redactor-in figure[data-redactor-type=line] hr {
	margin: 0;
	height: 3px;
	border: none;
	background: rgba(0, 0, 0, 0.1)
}

figure.redactor-component[data-redactor-type="image"] {
	display: inline-block
}

.redactor-script-tag {
	display: none !important
}

.redactor-component {
	position: relative
}

.redactor-component[data-redactor-type="widget"]:before,
.redactor-component[data-redactor-type="video"]:before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	z-index: 1
}

.redactor-component[data-redactor-type=image],
.redactor-component[data-redactor-type=widget] {
	clear: both;
	display: inline-block
}

.redactor-component[data-redactor-type=variable] {
	white-space: nowrap;
	background: rgba(0, 125, 255, 0.75);
	color: #fff;
	display: inline-block;
	padding: 3px 6px;
	line-height: 1;
	border-radius: 4px;
	cursor: pointer
}

.redactor-component-active {
	outline: 5px solid rgba(0, 125, 255, 0.5) !important
}

.redactor-component-active[data-redactor-type=image] {
	outline: none !important
}

.redactor-component-active[data-redactor-type=image] img {
	outline: 5px solid rgba(0, 125, 255, 0.5) !important
}

.redactor-component-active[data-redactor-type=variable] {
	outline: none !important;
	background: #ee698a
}

.redactor-component-active[data-redactor-type=video] {
	outline: none !important
}

.redactor-component-active[data-redactor-type=video] iframe {
	outline: 5px solid rgba(0, 125, 255, 0.5) !important
}

.redactor-blur.redactor-styles-on .redactor-component-active {
	outline: 5px solid #ddd !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] {
	outline: none !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] img {
	outline: 5px solid #ddd !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] {
	outline: none !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] iframe {
	outline: 5px solid #ddd !important
}

.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=variable] {
	outline: none !important;
	background: #ddd
}

.redactor-component-caret {
	position: absolute;
	left: -9999px
}

.redactor-textnodes-wrapper {
	display: inline-block
}

#redactor-image-resizer {
	position: absolute;
	z-index: 1050;
	background-color: rgba(0, 125, 255, 0.9);
	width: 13px;
	height: 13px;
	border: 1px solid #fff;
	cursor: move;
	cursor: nwse-resize
}

.redactor-file-item {
	display: inline-block;
	line-height: 1;
	padding: 4px 12px;
	border-radius: 16px;
	border: 1px solid rgba(0, 0, 0, 0.2)
}

.redactor-file-remover {
	margin-left: 2px;
	position: relative;
	right: -3px;
	display: inline-block;
	padding: 0 3px;
	cursor: pointer;
	opacity: .5
}

.redactor-file-remover:hover {
	opacity: 1
}

#redactor-overlay {
	position: fixed;
	z-index: 1051;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(16, 16, 18, 0.3)
}

#redactor-overlay>.redactor-close {
	position: fixed;
	top: 1rem;
	right: 1rem
}

.redactor-source,
.redactor-source:hover,
.redactor-source:focus {
	text-align: left;
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin: 0;
	border: none;
	box-shadow: none;
	border-radius: 0;
	background: var(--dark-color);
	color: #ccc;
	font-size: 1rem;
	outline: none;
	padding: 10px 18px 20px 18px;
	line-height: 1.5;
	resize: vertical
}

.redactor-box[dir="rtl"] .redactor-source {
	direction: ltr
}

.redactor-placeholder:before {
	position: absolute;
	content: attr(placeholder);
	color: rgba(0, 0, 0, 0.4);
	font-weight: normal;
	cursor: text
}

.redactor-in figcaption[placeholder]:empty:before {
	content: attr(placeholder);
	color: rgba(0, 0, 0, 0.4);
	font-weight: normal
}

.redactor-in figcaption[placeholder]:empty:focus:before {
	content: ""
}

.redactor-statusbar {
	margin: 0;
	padding: 8px 10px;
	position: relative;
	overflow: hidden;
	list-style: none;
	background: #f8f8f8;
	box-sizing: border-box;
	border: none
}

.redactor-statusbar li {
	float: left;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5);
	padding: 0 10px;
	line-height: 16px;
	border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.redactor-statusbar li:last-child {
	border-right-color: transparent
}

.redactor-statusbar a {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: underline
}

.redactor-statusbar a:hover {
	color: #f03c69;
	text-decoration: underline
}

.redactor-statusbar:empty {
	display: none
}

.redactor-toolbar-wrapper {
	position: relative
}

.redactor-toolbar,
.redactor-air {
	z-index: 100;
	position: relative;
	display: flex;
	margin: 0 !important;
	padding: 0;
	list-style: none !important;
	line-height: 1 !important;
	border: none;
	box-sizing: border-box;
	border-radius: .250rem .250rem 0 0;
	box-shadow: 0px 1px 0px 0px var(--shadow-color)
}

.redactor-box.redactor-styles-on .redactor-toolbar {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: .750rem;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.redactor-toolbar a,
.redactor-air a {
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	outline: none;
	border: none;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	background: var(--primary-color-inverted);
	border-radius: .250rem;
	margin-right: .250rem;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 100%;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center
}

.redactor-toolbar a.re-button-icon,
.redactor-air a.re-button-icon {
	padding: .375rem .750rem
}

.redactor-toolbar a:hover,
.redactor-air a:hover {
	outline: none;
	color: #fff;
	background: var(--primary-color)
}

.redactor-toolbar a.redactor-button-active {
	background: var(--primary-color);
	color: rgba(255, 255, 255, 0.7)
}

.redactor-toolbar a.redactor-button-disabled,
.redactor-air a.redactor-button-disabled {
	opacity: 0.3
}

.redactor-toolbar a.redactor-button-disabled:hover,
.redactor-air a.redactor-button-disabled:hover {
	color: #333;
	outline: none;
	background-color: transparent !important;
	cursor: default
}

.redactor-source-view .redactor-toolbar {
	background: var(--dark-color)
}

.redactor-source-view .redactor-toolbar a {
	background: var(--body-color);
	color: #fff
}

.redactor-source-view .redactor-toolbar a:hover {
	background: var(--primary-color)
}

.redactor-source-view .redactor-toolbar a.redactor-button-disabled:hover {
	color: #fff !important;
	background-color: #000 !important
}

.re-button-tooltip {
	display: none;
	position: absolute;
	white-space: nowrap;
	top: 0;
	z-index: 1052;
	background: rgba(0, 0, 0, 0.9);
	border-radius: 3px;
	padding: 5px 9px;
	color: rgba(255, 255, 255, 0.8);
	font-size: .613rem;
	font-weight: 300;
	line-height: 1
}

.re-button-tooltip:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: none;
	border-bottom-color: rgba(0, 0, 0, 0.9);
	border-width: 4px;
	margin-left: -4px
}

.redactor-toolbar-wrapper-air {
	position: absolute;
	z-index: 100
}

.redactor-air {
	padding: 6px 3px 2px 8px;
	max-width: 576px;
	min-width: 200px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.97)
}

.redactor-air a {
	background: rgba(37, 37, 37, 0.95);
	box-shadow: none;
	color: rgba(255, 255, 255, 0.9)
}

.redactor-air a:hover {
	background: #3d79f2
}

.redactor-air a.redactor-button-active {
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff
}

.redactor-air a.redactor-button-disabled:hover {
	color: #fff
}

.redactor-air-helper {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1;
	font-size: 15px;
	color: var(--body-color);
	background: rgba(255, 255, 255, 0.85);
	border-bottom-left-radius: 4px;
	padding: 7px 10px 6px 10px;
	cursor: pointer
}

.redactor-air-helper:hover {
	background: #fff
}

.redactor-voice-label {
	display: none
}

.redactor-context-toolbar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1051;
	background-color: rgba(0, 0, 0, 0.95);
	color: #555;
	border-radius: 4px;
	padding: 6px 18px 7px 18px;
	line-height: 1.5
}

.redactor-context-toolbar a {
	font-size: .750rem;
	font-weight: 500;
	color: #ccc;
	text-decoration: none;
	display: inline-block;
	padding: 2px 0 1px 12px
}

.redactor-context-toolbar a:first-child {
	padding-left: 0
}

.redactor-context-toolbar a i {
	position: relative;
	top: 3px;
	font-size: 16px
}

.redactor-context-toolbar a:before {
	content: '';
	padding-left: 10px;
	border-left: 1px solid rgba(255, 255, 255, 0.3)
}

.redactor-context-toolbar a:hover {
	color: #fff
}

.redactor-context-toolbar a:first-child:before {
	padding-left: 0;
	border-left: none
}

.redactor-context-toolbar[dir="rtl"] a {
	padding: 2px 12px 1px 0
}

.redactor-context-toolbar[dir="rtl"] a:first-child {
	padding-right: 0
}

.redactor-context-toolbar[dir="rtl"] a:before {
	padding-left: 0px;
	padding-right: 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	border-left: none
}

.redactor-context-toolbar[dir="rtl"] a:first-child:before {
	padding-right: 0;
	border-right: none
}

.redactor-dropdown {
	display: none;
	position: absolute;
	z-index: 1051;
	background-color: #fff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	width: 264px;
	min-height: 40px;
	max-height: 250px;
	margin: 0;
	margin-top: -1px;
	overflow: auto;
	font-size: 15px;
	padding: 0
}

.redactor-dropdown a span {
	display: inline-block;
	line-height: 1;
	padding: 2px 4px;
	border-radius: 3px
}

.redactor-dropdown a {
	display: block;
	text-decoration: none;
	padding: 10px 8px;
	white-space: nowrap;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.redactor-dropdown a:last-child {
	border-bottom-color: transparent
}

.redactor-dropdown a {
	color: var(--body-color)
}

.redactor-dropdown a:hover {
	color: #fff !important;
	background-color: var(--primary-color) !important
}

.redactor-dropdown a.redactor-dropdown-item-disabled {
	color: rgba(0, 0, 0, 0.4);
	background: #fff
}

.redactor-dropdown-cells {
	margin: 10px auto
}

.redactor-dropdown-cells a,
.redactor-dropdown-cells span {
	float: left;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 14px
}

.redactor-dropdown-selector {
	display: flex;
	text-align: center
}

.redactor-dropdown-selector span {
	flex-grow: 1;
	font-size: 12px;
	padding: 8px;
	cursor: pointer
}

.redactor-dropdown-selector span:hover {
	background: #eee
}

.redactor-dropdown-selector span.active {
	cursor: text;
	color: rgba(0, 0, 0, 0.3);
	background: #eee
}

.redactor-dropdown-format .redactor-dropdown-item-blockquote {
	color: rgba(0, 0, 0, 0.4);
	font-style: italic
}

.redactor-dropdown-format .redactor-dropdown-item-pre {
	font-family: monospace, sans-serif
}

.redactor-dropdown-format .redactor-dropdown-item-h1 {
	font-size: 40px;
	font-weight: bold;
	line-height: 32px
}

.redactor-dropdown-format .redactor-dropdown-item-h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 32px
}

.redactor-dropdown-format .redactor-dropdown-item-h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px
}

.redactor-dropdown-format .redactor-dropdown-item-h4 {
	font-size: 21px;
	font-weight: bold;
	line-height: 24px
}

.redactor-dropdown-format .redactor-dropdown-item-h5 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px
}

.redactor-dropdown-format .redactor-dropdown-item-h6 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 24px
}

.redactor-modal-box {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1051;
	line-height: 24px
}

.redactor-modal {
	position: relative;
	margin: 16px auto;
	padding: 0;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 2px 15px rgba(80, 80, 80, 0.25);
	border-radius: 3px;
	color: var(--body-color)
}

.redactor-modal form {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.redactor-modal input,
.redactor-modal select,
.redactor-modal textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	font-family: inherit;
	font-size: 1rem;
	height: 40px;
	outline: none;
	vertical-align: middle;
	background-color: #fff;
	border: 0 solid #cacfd4;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
	border-radius: .250rem;
	padding: 0 .5rem
}

.redactor-modal textarea {
	padding: .5em;
	height: auto;
	line-height: 1.5;
	vertical-align: top
}

.redactor-modal select {
	-webkit-appearance: none;
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='103.6 142.1 316.8 203.7' %3E%3Cpath fill='%23212529' d='M414.4 193.4l-158.4 158.4-158.4-158.4 45.3-45.3 113.1 113.2 113.1-113.1 45.3 45.2z'/%3E%3C/svg%3E") no-repeat right 1rem center;
	background-size: auto auto;
	background-size: 10px 8px;
	background-repeat: no-repeat;
	padding-right: 28px
}

.redactor-modal select[multiple] {
	background-image: none;
	height: auto;
	padding: .5em .75em
}

.redactor-modal input[type="file"] {
	width: auto;
	border: none;
	padding: 0;
	height: auto;
	background: none;
	box-shadow: none;
	display: inline-block
}

.redactor-modal input[type="radio"],
.redactor-modal input[type="checkbox"] {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
	vertical-align: middle;
	position: relative;
	bottom: 0.15rem;
	font-size: 115%;
	margin-right: 3px
}

.redactor-modal .form-item {
	margin-bottom: 20px
}

.redactor-modal .form-item:last-child {
	margin-bottom: 0
}

.redactor-modal fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	padding: 16px;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.redactor-modal fieldset .form-item {
	margin-bottom: 12px
}

.redactor-modal label {
	display: block;
	color: var(--body-color);
	font-weight: 600;
	margin-bottom: 0.25em;
	font-size: 14px
}

.redactor-modal label .desc,
.redactor-modal label .success,
.redactor-modal label .error {
	text-transform: none;
	font-weight: normal
}

.redactor-modal label.checkbox {
	font-size: 16px;
	line-height: 1.5;
	cursor: pointer;
	color: inherit
}

.redactor-modal .form-checkboxes label.checkbox {
	display: inline-block;
	margin-right: 1em
}

.redactor-modal input:hover,
.redactor-modal textarea:hover,
.redactor-modal select:hover {
	outline: none
}

.redactor-modal input:focus,
.redactor-modal textarea:focus,
.redactor-modal select:focus {
	transition: all linear .2s;
	outline: none;
	background-color: #fff;
	border-color: rgba(0, 125, 255, 0.5);
	box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(10, 72, 179, .1), 0 0 0 1px var(--primary-color)
}

.redactor-modal input.error,
.redactor-modal textarea.error,
.redactor-modal select.error {
	background-color: var(--negative-color-inverted)
}

.redactor-modal input.error:focus,
.redactor-modal textarea.error:focus,
.redactor-modal select.error:focus {
	box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(10, 72, 179, .1), 0 0 0 1px var(--negative-color)
}

.redactor-modal input.success,
.redactor-modal textarea.success,
.redactor-modal select.success {
	background-color: var(--positive-color-inverted)
}

.redactor-modal input.success:focus,
.redactor-modal textarea.success:focus,
.redactor-modal select.success:focus {
	border-color: #2fc4b6;
	box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(10, 72, 179, .1), 0 0 0 1px var(--positive-color)
}

.redactor-modal input:disabled,
.redactor-modal input:disabled:hover,
.redactor-modal input.disabled,
.redactor-modal input.disabled:hover,
.redactor-modal textarea:disabled,
.redactor-modal textarea:disabled:hover,
.redactor-modal textarea.disabled,
.redactor-modal textarea.disabled:hover,
.redactor-modal select:disabled,
.redactor-modal select:disabled:hover,
.redactor-modal select.disabled,
.redactor-modal select.disabled:hover {
	resize: none;
	opacity: .6;
	cursor: default;
	font-style: italic;
	color: rgba(0, 0, 0, 0.5);
	background-color: var(--grey-color-300);
	box-shadow: none
}

.redactor-modal .req {
	position: relative;
	top: 1px;
	font-weight: bold;
	color: #ff3265;
	font-size: 110%
}

.redactor-modal .desc {
	color: rgba(51, 51, 51, 0.5);
	font-size: 12px
}

.redactor-modal span.desc {
	margin-left: 0.25em
}

.redactor-modal div.desc {
	margin-top: 0.25em
}

.redactor-modal span.success,
.redactor-modal span.error {
	font-size: 12px;
	margin-left: 0.25em
}

.redactor-modal div.desc {
	margin-bottom: -0.5em
}

.redactor-modal .redactor-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 2rem;
	line-height: 1rem;
	color: var(--body-color);
	opacity: .3;
	cursor: pointer
}

.redactor-modal .redactor-close:hover {
	opacity: 1
}

.redactor-modal .redactor-close:before {
	content: '\00d7'
}

.redactor-modal button {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	text-align: center;
	font-size: .875rem;
	font-weight: 500;
	color: var(--primary-color);
	background-color: #fff;
	border-radius: .250rem;
	border: 1px solid var(--primary-color);
	min-height: 40px;
	outline: none;
	padding: 0.5rem 1.25rem;
	cursor: pointer;
	line-height: 1.2;
	vertical-align: middle;
	-webkit-appearance: none
}

.redactor-modal button:hover {
	outline: none;
	text-decoration: none;
	background: var(--primary-color-hover);
	color: #fff;
	border-color: var(--primary-color-hover)
}

.redactor-modal button.redactor-button-secondary {
	border-color: #2a2e34;
	color: #2a2e34
}

.redactor-modal button.redactor-button-secondary:hover {
	color: rgba(42, 46, 52, 0.6);
	border-color: rgba(42, 46, 52, 0.5)
}

.redactor-modal button.redactor-button-danger,
.redactor-modal button.redactor-button-unstyled {
	background: none;
	border-color: transparent;
	color: rgba(42, 46, 52, 0.6)
}

.redactor-modal button.redactor-button-danger:hover,
.redactor-modal button.redactor-button-unstyled:hover {
	background: none;
	border-color: transparent;
	color: #ff3265;
	text-decoration: underline
}

.redactor-modal .redactor-modal-group:after {
	content: "";
	display: table;
	clear: both
}

.redactor-modal .redactor-modal-side {
	float: left;
	width: 30%;
	margin-right: 4%
}

.redactor-modal .redactor-modal-side img {
	max-width: 100%;
	height: auto;
	display: block
}

.redactor-modal .redactor-modal-area {
	float: left;
	width: 66%
}

.redactor-modal[dir="rtl"] .redactor-close {
	left: 12px;
	right: auto
}

.redactor-modal[dir="rtl"] textarea {
	direction: ltr;
	text-align: left
}

.redactor-modal[dir="rtl"] .redactor-modal-footer button.redactor-button-unstyled {
	float: left;
	margin-left: 0
}

.redactor-modal-header {
	padding: 1rem;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--body-color);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.redactor-modal-header:empty {
	display: none
}

.redactor-modal-body {
	padding: 32px 48px;
	padding-bottom: 40px
}

.redactor-modal-footer {
	padding: 24px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	overflow: hidden
}

.redactor-modal-footer button {
	margin-right: 4px
}

.redactor-modal-footer button.redactor-button-unstyled {
	margin-right: 0;
	float: right
}

.redactor-modal-footer:empty {
	display: none
}

.redactor-modal-tabs {
	display: flex;
	border-bottom: 2px solid rgba(0, 0, 0, 0.05);
	margin-bottom: 1em
}

.redactor-modal-tabs a {
	font-size: 15px;
	padding: 2px 0;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.5);
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	margin-right: 14px
}

.redactor-modal-tabs a:hover {
	transition: all linear .2s
}

.redactor-modal-tabs a:hover,
.redactor-modal-tabs a.active {
	font-weight: 500;
	color: #007dff;
	border-bottom-color: #007dff
}

.redactor-styles {
	margin: 0;
	padding: 16px 18px;
	color: #333;
	font-family: 'Wojo Sans';
	font-size: 1em;
	line-height: 1.5;
	box-sizing: border-box
}

.redactor-styles *,
.redactor-styles *:before,
.redactor-styles *:after {
	box-sizing: inherit
}

.redactor-styles[dir="rtl"] {
	direction: rtl;
	unicode-bidi: embed
}

.redactor-styles[dir="rtl"] ul li,
.redactor-styles[dir="rtl"] ol li {
	text-align: right
}

.redactor-styles[dir="rtl"] ul,
.redactor-styles[dir="rtl"] ol,
.redactor-styles[dir="rtl"] ul ul,
.redactor-styles[dir="rtl"] ol ol,
.redactor-styles[dir="rtl"] ul ol,
.redactor-styles[dir="rtl"] ol ul {
	margin: 0 1.5em 0 0
}

.redactor-styles[dir="rtl"] figcaption {
	text-align: right
}

.redactor-styles ul[dir="rtl"],
.redactor-styles ul[dir="rtl"] ul,
.redactor-styles ul[dir="rtl"] ol,
.redactor-styles ol[dir="rtl"],
.redactor-styles ol[dir="rtl"] ul,
.redactor-styles ol[dir="rtl"] ol {
	margin: 0 1.5em 0 0
}

.redactor-styles ul[dir="rtl"] li,
.redactor-styles ol[dir="rtl"] li {
	text-align: right
}

.redactor-styles a,
.redactor-styles a:hover {
	color: #3397ff
}

.redactor-styles p,
.redactor-styles dl,
.redactor-styles blockquote,
.redactor-styles hr,
.redactor-styles pre,
.redactor-styles table,
.redactor-styles figure,
.redactor-styles address {
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	line-height: normal
}

.redactor-styles ul,
.redactor-styles ol {
	padding: 0
}

.redactor-styles ul,
.redactor-styles ul ul,
.redactor-styles ul ol,
.redactor-styles ol,
.redactor-styles ol ul,
.redactor-styles ol ol {
	margin: 0 0 0 1.5em
}

.redactor-styles ul li,
.redactor-styles ol li {
	text-align: left
}

.redactor-styles ol ol li {
	list-style-type: lower-alpha
}

.redactor-styles ol ol ol li {
	list-style-type: lower-roman
}

.redactor-styles ul,
.redactor-styles ol {
	margin-bottom: 1em
}

.redactor-styles h1,
.redactor-styles h2,
.redactor-styles h3,
.redactor-styles h4,
.redactor-styles h5,
.redactor-styles h6 {
	font-weight: bold;
	color: #111;
	text-rendering: optimizeLegibility;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
	line-height: 1.2
}

.redactor-styles h1 {
	font-size: 2.0736em
}

.redactor-styles h2 {
	font-size: 1.728em
}

.redactor-styles h3 {
	font-size: 1.44em
}

.redactor-styles h4 {
	font-size: 1.2em
}

.redactor-styles h5 {
	font-size: 1em
}

.redactor-styles h6 {
	font-size: 0.83333em;
	text-transform: uppercase;
	letter-spacing: .035em
}

.redactor-styles blockquote {
	font-style: italic;
	color: rgba(0, 0, 0, 0.5);
	border: none
}

.redactor-styles table {
	width: 100%
}

.redactor-styles time,
.redactor-styles small,
.redactor-styles var,
.redactor-styles code,
.redactor-styles kbd,
.redactor-styles mark {
	display: inline-block;
	font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
	font-size: 87.5%;
	line-height: 1;
	color: rgba(51, 51, 51, 0.9)
}

.redactor-styles var,
.redactor-styles cite {
	opacity: .6
}

.redactor-styles var {
	font-style: normal
}

.redactor-styles dfn,
.redactor-styles abbr {
	text-transform: uppercase
}

.redactor-styles dfn[title],
.redactor-styles abbr[title] {
	text-decoration: none;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
	cursor: help
}

.redactor-styles code,
.redactor-styles kbd {
	position: relative;
	top: -1px;
	padding: 0.25em;
	padding-bottom: 0.2em;
	border-radius: 2px
}

.redactor-styles code {
	background-color: #eff1f2
}

.redactor-styles mark {
	border-radius: 2px;
	padding: 0.125em 0.25em;
	background-color: #fdb833
}

.redactor-styles kbd {
	border: 1px solid #e5e7e9
}

.redactor-styles sub,
.redactor-styles sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

.redactor-styles sub {
	bottom: -0.25em
}

.redactor-styles sup {
	top: -0.5em
}

.redactor-styles pre {
	font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
	font-size: .9em
}

.redactor-styles pre,
.redactor-styles pre code {
	background-color: #f6f7f8;
	padding: 0;
	top: 0;
	display: block;
	line-height: 1.5;
	color: rgba(51, 51, 51, 0.85);
	overflow: none;
	white-space: pre-wrap
}

.redactor-styles pre {
	padding: 1rem
}

.redactor-styles table {
	border-collapse: collapse;
	max-width: 100%;
	width: 100%
}

.redactor-styles table caption {
	text-transform: uppercase;
	padding: 0;
	color: rgba(0, 0, 0, 0.5);
	font-size: 11px
}

.redactor-styles table th,
.redactor-styles table td {
	border: 1px solid #eee;
	padding: 16px;
	padding-bottom: 15px
}

.redactor-styles table tfoot th,
.redactor-styles table tfoot td {
	color: rgba(0, 0, 0, 0.5)
}

.redactor-styles img,
.redactor-styles video,
.redactor-styles audio,
.redactor-styles embed,
.redactor-styles object {
	max-width: 100%
}

.redactor-styles img,
.redactor-styles video,
.redactor-styles embed,
.redactor-styles object {
	height: auto !important
}

.redactor-styles img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}

.redactor-styles figcaption {
	display: block;
	opacity: .6;
	font-size: 12px;
	font-style: italic;
	text-align: left
}

.upload-redactor-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border: 5px dashed rgba(0, 125, 255, 0.15);
	position: relative;
	width: 100%;
	min-height: 220px;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
	text-align: center
}

.upload-redactor-placeholder {
	font-size: 15px;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.3);
	font-style: italic
}

.upload-redactor-hover {
	background-color: rgba(0, 125, 255, 0.075)
}

.upload-redactor-error {
	background-color: rgba(255, 50, 101, 0.075)
}

.upload-redactor-box-hover {
	outline: 5px dashed rgba(0, 125, 255, 0.3)
}

.upload-redactor-box-error {
	outline: 5px dashed rgba(255, 50, 101, 0.3)
}

.redactor-structure h1,
.redactor-structure h2,
.redactor-structure h3,
.redactor-structure h4,
.redactor-structure h5,
.redactor-structure h6,
.redactor-structure div {
	position: relative
}

.redactor-structure h1:before,
.redactor-structure h2:before,
.redactor-structure h3:before,
.redactor-structure h4:before,
.redactor-structure h5:before,
.redactor-structure h6:before,
.redactor-structure div:before {
	width: 24px;
	position: absolute;
	font-size: 10px;
	font-weight: normal;
	opacity: .5;
	left: -26px;
	top: 50%;
	margin-top: -7px;
	text-align: right
}

.redactor-structure h1:before {
	content: "h1"
}

.redactor-structure h2:before {
	content: "h2"
}

.redactor-structure h3:before {
	content: "h3"
}

.redactor-structure h4:before {
	content: "h4"
}

.redactor-structure h5:before {
	content: "h5"
}

.redactor-structure h6:before {
	content: "h6"
}

.redactor-structure div:before {
	content: "div"
}

#redactor-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
	height: 10px
}

#redactor-progress span {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #007dff;
	background-size: 40px 40px
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

.redactor-box-fullscreen {
	z-index: 1051;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

.redactor-box-fullscreen-target {
	position: absolute !important
}

.redactor-body-fullscreen .redactor-dropdown,
.redactor-body-fullscreen .redactor-context-toolbar {
	z-index: 1052
}

.redactor-body-fullscreen #redactor-overlay {
	z-index: 1098
}

.redactor-body-fullscreen #redactor-modal {
	z-index: 1099
}

.redactor-modal-box .images-wrap {
	margin: .5em 0;
	padding: 0;
	-moz-column-gap: .5em;
	-webkit-column-gap: .5em;
	column-gap: .5em;
	-moz-column-count: 4;
	-webkit-column-count: 4;
	column-count: 4
}

.redactor-modal-box .images-wrap>.item {
	display: inline-block;
	margin: 0 0 .5em;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	padding: 2px
}

.redactor-in div:not(.row) {
	outline-offset: -2px;
	min-height: 2rem;
	outline: 1px dashed rgba(102, 126, 234, 0.8) !important
}

.wojo.form {
	position: relative;
	max-width: 100%
}

.wojo.form .field>label,
.wojo.form .field label.label {
	align-items: center;
	display: flex;
	flex-flow: row wrap;
	margin: 0 0 0.5rem 0;
	color: var(--body-color);
	font-size: 1rem;
	font-weight: 600
}

.wojo.form .field label .icon.asterisk {
	font-size: .750em;
	margin-left: .250rem;
	vertical-align: middle;
	color: var(--negative-color)
}

.wojo.form .field label span {
	line-height: 1;
	vertical-align: middle;
	margin-left: .250rem
}

.wojo.form .field label small {
	margin-left: .250rem;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace
}

.wojo.form textarea,
.wojo.file>input,
.wojo.form input:not([type]),
.wojo.form input[type="date"],
.wojo.form input[type="datetime-local"],
.wojo.form input[type="email"],
.wojo.form input[type="number"],
.wojo.form input[type="password"],
.wojo.form input[type="search"],
.wojo.form input[type="tel"],
.wojo.form input[type="time"],
.wojo.form input[type="text"],
.wojo.form input[type="url"] {
	width: 100%;
	font-family: inherit;
	margin: 0em;
	outline: none;
	-webkit-appearance: none;
	tap-highlight-color: rgba(255, 255, 255, 0);
	line-height: normal;
	vertical-align: middle;
	padding: 1rem 1.5rem;
	font-size: 1rem;
	height: calc(2rem + 1rem + 2px);
	background: #fff;
	border: 0px solid var(--grey-color-300);
	color: var(--body-color);
	border-radius: .250rem;
	font-weight: 400;
	box-shadow: 0 0 0 1px var(--grey-color-300);
	transition: all 0.25s ease 0s
}

.wojo.form textarea:not([rows]) {
	height: 12em;
	min-height: 8em;
	max-height: 24em
}

.wojo.form input.basic {
	border: 1px solid rgba(255, 255, 255, 0);
	border-bottom-color: var(--grey-color-500);
	background: rgba(255, 255, 255, 0);
	border-radius: 0;
	padding: 1rem 0
}

.wojo.form textarea:focus,
.wojo.form input:not([type]):focus,
.wojo.form input[type="date"]:focus,
.wojo.form input[type="datetime-local"]:focus,
.wojo.form input[type="email"]:focus,
.wojo.form input[type="number"]:focus,
.wojo.form input[type="password"]:focus,
.wojo.form input[type="search"]:focus,
.wojo.form input[type="tel"]:focus,
.wojo.form input[type="time"]:focus,
.wojo.form input[type="text"]:focus,
.wojo.form input[type="url"]:focus,
.wojo.form input[type="text"]:focus,
.wojo.form select:focus {
	color: var(--dark-color);
	border-color: var(--primary-color);
	border-radius: 0.250rem;
	background: #fff;
	box-shadow: 0 0 1rem 0 var(--shadow-color), 0 0 0 1px var(--grey-color-300)
}

.wojo.form textarea.basic:focus,
.wojo.form input.basic:not([type]):focus,
.wojo.form input.basic[type="date"]:focus,
.wojo.form input.basic[type="datetime-local"]:focus,
.wojo.form input.basic[type="email"]:focus,
.wojo.form input.basic[type="number"]:focus,
.wojo.form input.basic[type="password"]:focus,
.wojo.form input.basic[type="search"]:focus,
.wojo.form input.basic[type="tel"]:focus,
.wojo.form input.basic[type="time"]:focus,
.wojo.form input.basic[type="text"]:focus {
	color: var(--dark-color);
	border: 1px solid rgba(255, 255, 255, 0);
	border-bottom-color: var(--primary-color);
	background: rgba(255, 255, 255, 0);
	border-radius: 0;
	box-shadow: none
}

.wojo.form ::-webkit-input-placeholder {
	color: var(--grey-color-500)
}

.wojo.form :-ms-input-placeholder {
	color: var(--grey-color-500)
}

.wojo.form ::-moz-placeholder {
	color: var(--grey-color-500)
}

.wojo.form :focus::-webkit-input-placeholder {
	color: var(--grey-color-700)
}

.wojo.form :focus:-ms-input-placeholder {
	color: var(--grey-color-700)
}

.wojo.form :focus::-moz-placeholder {
	color: var(--grey-color-700)
}

.wojo.form input:-webkit-autofill {
	box-shadow: 0px 0px 0px 100px #fff inset;
	border-color: #fff
}

.wojo.form input:-webkit-autofill:focus {
	box-shadow: 0px 0px 0px 100px #fff inset;
	border-color: #fff
}

.wojo.form select {
	font-family: inherit;
	display: inline-block;
	width: 100%;
	color: var(--dark-color);
	line-height: 1rem;
	padding: 0 1.5rem;
	font-size: 1rem;
	height: calc(2rem + 1rem + 2px);
	border: 0px solid var(--grey-color-300);
	box-shadow: 0 0 0 1px var(--grey-color-300);
	vertical-align: middle;
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='103.6 142.1 316.8 203.7' %3E%3Cpath fill='%23212529' d='M414.4 193.4l-158.4 158.4-158.4-158.4 45.3-45.3 113.1 113.2 113.1-113.1 45.3 45.2z'/%3E%3C/svg%3E") no-repeat right 1rem center;
	background-size: auto auto;
	background-size: 10px 8px;
	border-radius: 0.250rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all .35s ease-in-out
}

.wojo.form select.basic {
	border: 1px solid rgba(255, 255, 255, 0);
	border-bottom: 1px solid var(--grey-color-500);
	border-radius: 0;
	padding: 1rem 0;
	background-color: rgba(255, 255, 255, 0)
}

.wojo.form select:focus {
	box-shadow: 0 0 1rem 0 var(--shadow-color), 0 0 0 1px var(--grey-color-300);
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='103.6 142.1 316.8 203.7' %3E%3Cpath fill='%23212529' d='M420.4,300.5l-45.3,45.2L262,232.6L148.9,345.8l-45.3-45.3L262,142.1L420.4,300.5L420.4,300.5z'/%3E%3C/svg%3E") no-repeat right 1rem center;
	background-size: auto auto;
	background-size: 10px 8px
}

.wojo.form select option {
	font-size: .913rem
}

.wojo.form select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 var(--dark-color)
}

.wojo.form select:-moz-focusring * {
	color: var(--dark-color);
	text-shadow: none
}

.wojo-select {
	position: relative
}

.wojo-select--active .wojo-select__option--value {
	border-bottom-color: transparent;
	border-radius: .250rem .250rem 0 0
}

.wojo-select--active .wojo-select__option--value::after {
	transform: translateY(-50%) rotate(-180deg)
}

.wojo-select--active .wojo-select__option--value:hover,
.wojo-select--active .wojo-select__option--value:focus {
	background-color: #fff
}

.wojo-select--dropup .wojo-select__dropdown {
	top: auto;
	bottom: 100%;
	border-radius: .25rem .25rem 0 0
}

.wojo-select--dropup.wojo-select--active .wojo-select__option--value {
	border-top-color: transparent;
	border-bottom-color: #e6e6e6;
	border-radius: 0 0 .25rem .25rem
}

.wojo-select__dropdown {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	top: 100%;
	left: 0;
	overflow: hidden;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0 25px 50px 0 var(--shadow-color);
	border-radius: 0 0 .250rem .250rem
}

.wojo-select__option {
	overflow: hidden;
	box-sizing: border-box;
	display: block;
	width: 100%;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	font-family: inherit;
	white-space: nowrap;
	text-align: left;
	text-overflow: ellipsis;
	cursor: pointer;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	padding: .375rem .75rem;
	font-size: 1rem;
	color: var(--dark-color);
	line-height: 1.5
}

.wojo-select__option--selected {
	color: var(--primary-color)
}

.wojo-select__option--value {
	color: var(--dark-color);
	line-height: 1rem;
	padding: 0 1.5rem;
	font-size: 1rem;
	height: calc(1.875rem + 1rem);
	border: 0 solid var(--grey-color-300);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
	border-radius: .25rem
}

.wojo-select.large .wojo-select__option--value {
	background-color: #fff;
	padding: 2rem 1.5rem;
	box-shadow: 0 25px 50px 0 var(--shadow-color);
	height: auto
}

.wojo-select.medium .wojo-select__option--value {
	padding: calc(1.125rem - 1px) 1.5rem;
	background-color: #fff;
	box-shadow: 0 25px 50px 0 var(--shadow-color);
	height: auto;
	line-height: 1rem
}

.wojo-select__option--value::after {
	font-family: 'WojoIcons';
	position: absolute;
	box-sizing: border-box;
	width: 1rem;
	height: 1rem;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	content: "\e9e9"
}

.wojo-select__option--value:hover {
	box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(10, 72, 179, .1), 0 0 0 1px var(--primary-color)
}

.wojo-select__option-wrap {
	position: relative;
	overflow-y: auto;
	max-height: 11.25rem
}

.wojo-select__option-wrap::-webkit-scrollbar {
	width: 12px
}

.wojo-select__option-wrap::-webkit-scrollbar-thumb {
	background-color: var(--primary-color);
	border-radius: 1rem;
	border: 3px solid var(--grey-color-300)
}

.wojo-select__option:focus {
	outline: none
}

.wojo-select__option:hover,
.wojo-select__option:focus {
	color: var(--primary-color)
}

.wojo-select__option[disabled] {
	cursor: default
}

.wojo-select__option[disabled]:hover,
.wojo-select__option[disabled]:focus {
	background-color: transparent
}

.wojo.form .wojo-select__input.selectsearch {
	padding: .5rem;
	font-size: .75rem;
	height: calc(2rem + 2px);
	width: calc(100% - .5rem);
	margin: .25rem
}

.wojo.file {
	display: flex;
	flex-flow: row wrap;
	position: relative
}

.wojo.file>input,
.wojo.file>div {
	flex: 1 1 0px;
	min-width: 0
}

.wojo.file>div {
	flex: 0 0 auto;
	width: auto;
	max-width: none
}

.wojo.file>div .label {
	position: absolute;
	right: .5rem;
	top: 50%;
	font-size: .750rem;
	width: 1rem;
	height: 1rem;
	font-weight: 500;
	border-radius: .250rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: var(--dark-color-shadow);
	box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1)
}

.wojo.checkbox {
	position: relative;
	padding: 0 0 0 2.5rem;
	text-align: left;
	line-height: 1;
	margin-bottom: 1.5em
}

.wojo.checkbox.inline {
	display: inline-flex;
	margin-right: 1.5em
}

.wojo.checkbox.inline>* {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	max-width: 100%
}

.wojo.checkbox label {
	cursor: pointer;
	color: var(--grey-color-500);
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wojo.checkbox label::before,
.wojo.checkbox label::after {
	content: '';
	position: absolute;
	top: 50%
}

.wojo.checkbox.radio label::before,
.wojo.checkbox.radio label::after {
	border-radius: 50%
}

.wojo.checkbox label::before {
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	background: #fff;
	border: 2px solid var(--grey-color-300);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.wojo.checkbox label::after {
	left: .1250rem;
	width: 1rem;
	height: 1rem;
	margin: -.5rem 0 0;
	opacity: 0;
	background: var(--primary-color);
	-webkit-transform: translate3d(-20px, 0, 0) scale(0.5);
	transform: translate3d(-20px, 0, 0) scale(0.5);
	transition: all .35s ease
}

.wojo.checkbox.radio label::before {
	width: 1.5rem;
	height: 1.5rem
}

.wojo.checkbox.radio label::after {
	left: .250rem
}

.wojo.checkbox.small label::before {
	width: 1rem;
	height: 1rem
}

.wojo.checkbox.small label::after {
	width: 0.75rem;
	height: 0.75rem;
	margin: -.375rem 0 0
}

.wojo.checkbox input[type="radio"],
.wojo.checkbox input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: -9999px;
	visibility: hidden
}

.wojo.checkbox input[type="radio"]:checked+label:after,
.wojo.checkbox input[type="checkbox"]:checked+label:after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: all .20s ease
}

.wojo.toggle.checkbox {
	padding: 0 0 0 3.5rem
}

.wojo.toggle.checkbox label::before,
.wojo.toggle.checkbox label::after {
	content: "";
	position: absolute;
	margin: 0;
	outline: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: all 0.3s ease
}

.wojo.toggle.checkbox label::before {
	left: 0;
	width: 2.5rem;
	height: .875rem;
	background-color: var(--grey-color-300);
	border-radius: .5rem;
	border: 0
}

.wojo.toggle.checkbox label::after {
	left: 0;
	opacity: 1;
	width: 1.250rem;
	height: 1.250rem;
	background-color: #fff;
	border: 1px solid var(--grey-color-300);
	border-radius: 50%;
	box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.1)
}

.wojo.toggle.checkbox input[type="radio"]:checked+label:before,
.wojo.toggle.checkbox input[type="checkbox"]:checked+label:before {
	background-color: var(--primary-color)
}

.wojo.toggle.checkbox input[type="radio"]:checked+label:after,
.wojo.toggle.checkbox input[type="checkbox"]:checked+label:after {
	border-color: var(--primary-color);
	-webkit-transform: translate(90%, -50%);
	transform: translate(90%, -50%)
}

.wojo.checkbox input[type="radio"]:checked+label,
.wojo.checkbox input[type="checkbox"]:checked+label {
	color: var(--body-color)
}

.wojo.checkbox.fitted {
	margin-bottom: 0
}

.wojo.checkbox.simple {
	position: relative;
	margin: 0 .5rem .5rem 0;
	padding: 0;
	display: inline-flex;
	box-sizing: border-box
}

.wojo.checkbox.simple label {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 1rem;
	border: 1px solid var(--grey-color-300);
	justify-content: center;
	background-color: #fff;
	align-items: center;
	border-radius: .250rem;
	color: var(--body-color);
	transition: .5s ease
}

.wojo.checkbox.simple input {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	opacity: 0;
	cursor: pointer
}

.wojo.checkbox.simple label:before,
.wojo.checkbox.simple label:after {
	display: none
}

.wojo.checkbox.simple input[type=checkbox]:checked~label {
	color: var(--primary-color-inverted);
	background-color: var(--primary-color);
	border-color: var(--primary-color)
}

.wavatar-dropzone {
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	background-color: #fff;
	border: 1px solid var(--grey-color-300);
	border-radius: .250rem;
	padding: 0px;
	margin: 0 auto;
	align-items: center;
	transition: all 0.2s ease-in-out
}

.wavatar-dropzone.left {
	margin: 0
}

.wavatar-dropzone>div {
	flex: 1 1 0px;
	min-width: 0;
	cursor: pointer
}

.wavatar-dropzone img {
	max-width: 150px;
	max-height: 150px;
	vertical-align: middle;
	border-radius: .250em;
	z-index: 3
}

.wavatar-dropzone [type="file"] {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	cursor: pointer;
	opacity: 0
}

.wavatar-focus,
.wavatar-dropzone:hover {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	box-shadow: 0 3px 9px var(--shadow-color), 3px 4px 8px var(--shadow-color)
}

.wavatar-accept {
	color: var(--positive-color);
	border: 1px solid var(--positive-color)
}

.wavatar-enter {
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color)
}

.wavatar-reject {
	color: var(--negative-color);
	border: 1px solid var(--negative-color)
}

.wojo.color.picker {
	background: #fff;
	position: absolute;
	border-radius: .250rem;
	border: 1px solid var(--grey-color-300);
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
	padding: 1rem;
	z-index: 1500;
	transition: all linear .2s
}

.wojo.color.picker h5 {
	font-size: .750rem;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--body-color);
	margin-bottom: .5rem
}

.wojo.color.picker .items {
	display: flex;
	flex-flow: row wrap;
	margin-left: -.250rem
}

.wojo.color.picker .wojo.mini.input {
	margin: .5rem 0
}

.wojo.color.picker .row {
	margin-top: 1rem
}

.wojo.color.picker .wojo.mini.input.error {
	border: 1px solid var(--negative-color)
}

.wojo.color.picker .wojo.mini.input.error input {
	color: var(--negative-color)
}

.wojo.color.picker .items .item {
	border-radius: .250rem;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	flex: 1 1 0px;
	min-width: 0;
	margin-left: .250rem;
	margin-bottom: .250rem
}

.wojo.color.picker .items .item:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.wojo.color.picker .button[data-close] {
	position: absolute;
	right: 0;
	top: 0
}

.wojo.color.picker .colorPickDummy {
	background: #fff;
	border: 1px dashed var(--grey-color-300)
}

.wojo.calendar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	background-color: transparent;
	transition: background-color .2s linear, opacity .2s ease;
	z-index: 1200;
	overflow: hidden
}

.wojo.calendar.active {
	visibility: visible;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.75)
}

.wojo.calendar.inactive {
	opacity: 0;
	background-color: transparent
}

.wojo.calendar .container {
	line-height: normal;
	position: absolute;
	display: flex;
	flex-direction: column;
	left: 50%;
	bottom: 2rem;
	min-width: 280px;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: .250rem;
	-webkit-transform: translateX(-50%) scale(1.05) perspective(1px);
	transform: translateX(-50%) scale(1.05) perspective(1px);
	box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
	transition: opacity .25s ease, -webkit-transform .25s ease;
	transition: transform .25s ease, opacity .25s ease;
	transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease
}

.wojo.calendar.active .container {
	-webkit-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1)
}

.wojo.calendar .header {
	padding: 1.5rem;
	color: #fff;
	background-color: var(--primary-color)
}

.wojo.calendar .header .current.year {
	display: block;
	cursor: pointer;
	font-weight: 500;
	font-size: 1rem
}

.wojo.calendar .header .current.year:hover {
	color: #fff
}

.wojo.calendar .header .current.date {
	font-size: 1.875rem;
	font-weight: 300
}

.wojo.calendar .content {
	position: relative;
	background-color: #fff;
	width: 400px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	flex: 0 1 auto
}

.wojo.calendar .content .prev.link,
.wojo.calendar .content .next.link {
	position: absolute;
	top: .5rem;
	left: .875rem;
	display: block;
	text-align: center;
	line-height: 2rem;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	border-radius: .250rem;
	opacity: 1;
	transition: opacity .25s ease, background-color .25s linear;
	z-index: 2
}

.wojo.calendar .content .next.link {
	left: auto;
	right: .875rem
}

.wojo.calendar .content .prev.link:hover,
.wojo.calendar .content .next.link:hover {
	background-color: var(--grey-color-300)
}

.wojo.calendar .content .prev.link:active,
.wojo.calendar .content .next.link:active {
	background-color: var(--grey-color-500)
}

.wojo.calendar .content .views {
	width: 1200px;
	overflow: hidden;
	opacity: 1;
	transition: opacity .25s ease;
	display: flex;
	flex-flow: row wrap
}

.wojo.calendar .content .sections {
	padding: 0 1rem .750rem;
	-webkit-transform: translateX(-100%) perspective(1px);
	transform: translateX(-100%) perspective(1px);
	transition: none;
	flex: 0 0 calc(100% / 3);
	max-width: calc(100% / 3)
}

.wojo.calendar .content .sections.animate-left {
	-webkit-transform: translateX(-200%);
	transform: translateX(-200%);
	transition: -webkit-transform .25s cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform .25s cubic-bezier(0.4, 0.0, 0.2, 1)
}

.wojo.calendar .content .sections.animate-right {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition: -webkit-transform .25s cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform .25s cubic-bezier(0.4, 0.0, 0.2, 1)
}

.wojo.calendar .sections .heading {
	text-align: center;
	font-size: .875rem;
	font-weight: 500;
	cursor: pointer;
	padding: 1rem 0
}

.wojo.calendar .sections .weekdays {
	display: flex;
	flex-direction: row;
	margin-bottom: .5rem;
	background-color: var(--grey-color-100);
	padding: .5rem 0;
	border-top: 1px solid var(--grey-color-300);
	border-bottom: 1px solid var(--grey-color-300)
}

.wojo.calendar .sections .weekdays span {
	text-align: center;
	font-size: .750rem;
	flex: 0 0 Calc(100% / 7);
	max-width: Calc(100% / 7);
	font-weight: 700
}

.wojo.calendar .sections .week {
	display: flex;
	flex-direction: row
}

.wojo.calendar .sections .week .item {
	flex: 0 0 Calc(100% / 7);
	max-width: Calc(100% / 7);
	text-decoration: none;
	text-align: center;
	font-size: .875rem;
	outline: none;
	cursor: pointer;
	padding: 1.125rem .5rem;
	line-height: 1rem;
	position: relative;
	transition: background-color .2s linear
}

.wojo.calendar .sections .week .pm,
.wojo.calendar .sections .week .nm {
	color: var(--grey-color-500)
}

.sections .week .item.disabled {
	cursor: not-allowed;
	color: var(--grey-color-500)
}

.wojo.calendar .sections .week .item:not(.disabled):not(.selected):hover {
	background-color: var(--grey-color-300)
}

.wojo.calendar .sections .week .item:not(.disabled):not(.selected):active {
	background-color: var(--grey-color-500)
}

.wojo.calendar .sections .week .item.current {
	color: var(--primary-color);
	background-color: var(--grey-color-300);
	font-weight: 500
}

.wojo.calendar .sections .week .item.pm,
.dudp__cal-dates .item.nm {
	color: var(--grey-color-500)
}

.wojo.calendar .sections .week .item.selected {
	font-weight: normal;
	color: #fff;
	background-color: var(--primary-color);
	border-radius: .250rem
}

.wojo.calendar .sections .week .item.selected::before,
.wojo.calendar .months .month.selected::before {
	content: "";
	position: absolute;
	top: 2px;
	right: 2px;
	width: 0;
	height: 0;
	border-top: 6px solid #fff;
	border-left: 6px solid transparent
}

.wojo.calendar .content .months {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 1.5rem;
	opacity: 1;
	-webkit-transform: scale(1) perspective(1px);
	transform: scale(1) perspective(1px);
	transition: opacity .25s ease, -webkit-transform .25s ease;
	transition: transform .25s ease, opacity .25s ease;
	transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease
}

.wojo.calendar .months .month-row {
	display: flex;
	flex-direction: row
}

.wojo.calendar .months .month {
	flex: 0 0 25%;
	max-width: 25%;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	border-radius: .250rem;
	padding: 1rem;
	position: relative;
	transition: background-color .2s linear
}

.wojo.calendar .months .month:hover {
	background-color: var(--grey-color-300)
}

.wojo.calendar .months .month:active {
	background-color: var(--grey-color-500)
}

.wojo.calendar .months .month.selected {
	font-weight: 500;
	color: #fff;
	background-color: var(--primary-color)
}

.wojo.calendar .content .years {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	opacity: 1;
	transition: opacity .25s ease;
	overflow-y: scroll;
	overflow-x: hidden
}

.wojo.calendar .years .year {
	display: block;
	padding: .5rem 0;
	text-align: center;
	font-size: 1rem;
	cursor: pointer;
	transition: background-color .2s linear
}

.wojo.calendar .years .year:hover {
	background-color: var(--grey-color-300)
}

.wojo.calendar .years .year:active {
	background-color: var(--grey-color-500)
}

.wojo.calendar .years .year.selected {
	font-weight: 500;
	font-size: 1.5rem;
	color: #fff;
	background-color: var(--primary-color)
}

.wojo.calendar .content .actions {
	padding: 0 .875rem .875rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.wojo.calendar .content .actions .button {
	font-size: .875rem;
	padding: 0 1rem;
	min-width: 2.5rem;
	text-align: center;
	text-transform: uppercase;
	line-height: 2rem;
	font-weight: 500;
	cursor: pointer;
	color: var(--primary-color);
	border-radius: .250rem;
	border: 0;
	background-color: #fff;
	transition: background-color .2s linear
}

.wojo.calendar .content .actions .button.clear {
	color: var(--negative-color)
}

.wojo.calendar .content .actions .button.today {
	color: var(--positive-color)
}

.wojo.calendar .content .actions .button:hover {
	background-color: var(--grey-color-300)
}

.wojo.calendar .content .actions .button:active {
	background-color: var(--grey-color-500)
}

.wojo.calendar .content .months.is-hidden,
.wojo.calendar .content .prev.link.is-hidden,
.wojo.calendar .content .next.link.is-hidden,
.wojo.calendar .content .views.is-hidden,
.wojo.calendar .content .years.is-hidden {
	opacity: 0;
	visibility: hidden
}

.wojo.calendar .content .months.is-out {
	opacity: 0;
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.wojo.calendar .content .views.is-out {
	opacity: 0
}

body[datepicker-display='on'] {
	overflow: hidden
}

.wojo.time.picker {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.75);
	transition: background-color .28s ease;
	z-index: 1200
}

.wojo.time.picker.hidden {
	display: none
}

.wojo.time.picker.animate {
	background-color: transparent
}

.wojo.time.picker .container {
	position: absolute;
	display: flex;
	flex-direction: column;
	left: 50%;
	top: 50%;
	min-width: 280px;
	opacity: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: .250rem;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
	transition: opacity .28s ease, -webkit-transform .28s ease;
	transition: transform .28s ease, opacity .28s ease;
	transition: transform .28s ease, opacity .28s ease, -webkit-transform .28s ease;
	overflow: hidden
}

.wojo.time.picker .container.animate {
	-webkit-transform: translateX(-50%) scale(1.05);
	transform: translateX(-50%) scale(1.05);
	opacity: 0
}

.wojo.time.picker .header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	padding: 1.5rem;
	color: rgba(255, 255, 255, .5);
	text-align: center;
	background-color: var(--primary-color)
}

.wojo.time.picker .header>span {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	line-height: 3rem;
	cursor: default
}

.wojo.time.picker .header>span:not(.separator):not(.ampm) {
	cursor: pointer;
	margin: 0 .250rem
}

.wojo.time.picker .header .hour.active,
.wojo.time.picker .header .minute.active {
	color: #fff
}

.wojo.time.picker .header .ampm {
	font-size: 1.5rem
}

.wojo.time.picker .content {
	position: relative;
	padding: 1.5rem;
	background-color: #fff
}

.wojo.time.picker .content .section {
	position: relative;
	width: 300px;
	height: 300px;
	margin-bottom: 1.5rem;
	border-radius: .250rem
}

.wojo.time.picker .content .section .button.am,
.wojo.time.picker .content .section .button.pm {
	position: absolute;
	bottom: 0;
	z-index: 3
}

.wojo.time.picker .content .section .button.am {
	left: 0
}

.wojo.time.picker .content .section .button.pm {
	right: 0
}

.wojo.time.picker .content .section .dot {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: .375rem;
	background-color: var(--grey-color-300);
	border-radius: 50%
}

.wojo.time.picker .content .section .hours,
.wojo.time.picker .content .section .minutes {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: opacity .35s ease, -webkit-transform .35s cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: transform .35s cubic-bezier(0.4, 0.0, 0.2, 1), opacity .35s ease;
	transition: transform .35s cubic-bezier(0.4, 0.0, 0.2, 1), opacity .35s ease, -webkit-transform .35s cubic-bezier(0.4, 0.0, 0.2, 1);
	overflow: hidden
}

.wojo.time.picker .content .section .hours.animate {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0
}

.wojo.time.picker .content .section .minutes.animate {
	-webkit-transform: scale(.8);
	transform: scale(.8);
	opacity: 0
}

.wojo.time.picker .content .section .hours.hidden,
.wojo.time.picker .content .section .minutes.hidden {
	display: none
}

.wojo.time.picker .content .section .digit {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 0;
	margin-top: -1.5rem;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 1
}

.wojo.time.picker .content .section .digit span {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	line-height: 1.5rem;
	text-align: center;
	border-radius: .250rem;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 500;
	transition: background-color .28s, color .14s
}

.wojo.time.picker .content .section .digit span small {
	line-height: 1rem;
	display: block;
	font-size: .750rem;
	font-weight: 400
}

.wojo.time.picker .content .section .minutes .digit:not(.marker) {
	margin-top: -.5rem;
	height: .750rem
}

.wojo.time.picker .content .section .minutes .digit:not(.marker) span {
	width: .5rem;
	height: .5rem;
	line-height: .5rem;
	margin-left: 2rem;
	background-color: var(--grey-color-300)
}

.wojo.time.picker .content .section .digit.active span,
.wojo.time.picker .content .section .minutes .digit.active:not(.marker) span,
.wojo.time.picker .content .section .minutes .digit:not(.marker) span:hover,
.wojo.time.picker .content .section .digit span:hover {
	background-color: var(--primary-color);
	color: #fff;
	z-index: 2;
	-webkit-transform: scale(1.75);
	transform: scale(1.75)
}

.wojo.time.picker .content .section .minutes .digit.marker {
	margin-top: -.750rem
}

.wojo.time.picker .content .section .minutes .digit.marker span {
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem
}

.wojo.time.picker .actions {
	margin: 0 -1rem -1rem;
	text-align: right;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.wojo.time.picker .actions .button {
	font-size: .875rem;
	padding: 0 1rem;
	min-width: 2.5rem;
	text-align: center;
	text-transform: uppercase;
	line-height: 2rem;
	font-weight: 500;
	cursor: pointer;
	color: var(--primary-color);
	border-radius: .250rem;
	border: 0;
	background-color: #fff;
	transition: background-color .2s linear
}

.wojo.time.picker .actions .button.cancel {
	color: var(--negative-color)
}

.wojo.time.picker .actions .button.now {
	color: var(--positive-color)
}

.wojo.time.picker .actions .button:hover {
	background-color: var(--grey-color-300)
}

.wojo.time.picker .actions .button:active {
	background-color: var(--grey-color-500)
}

body[timepicker-display='on'] {
	overflow: hidden
}

.wojo.range,
.wojo.range .fill {
	border-radius: .250rem
}

.wojo.range {
	background: var(--grey-color-300);
	position: relative
}

.wojo.range.horizontal {
	height: .5rem;
	width: 100%
}

.wojo.range.vertical {
	width: 20px;
	min-height: 150px;
	max-height: 100%;
	height: 100%
}

.wojo.range.disabled {
	opacity: 0.4
}

.wojo.range .fill {
	background: var(--primary-color);
	position: absolute
}

.wojo.range.horizontal .fill {
	top: 0;
	height: 100%
}

.wojo.range.vertical .fill {
	bottom: 0;
	width: 100%
}

.wojo.range .handle {
	cursor: pointer;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
	box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
	transition: background 0.3s ease;
	border-radius: 50%;
	z-index: 2
}

.wojo.range .handle:active,
.wojo.range.active .handle {
	background: #fff
}

.wojo.range.horizontal .handle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	touch-action: pan-y;
	-ms-touch-action: pan-y
}

.wojo.range.vertical .handle {
	left: -10px;
	touch-action: pan-x;
	-ms-touch-action: pan-x
}

.wojo.range .counter {
	position: absolute;
	right: 0;
	top: -1.5rem;
	font-weight: 500;
	font-size: .750rem
}

.wojo.range .labels {
	width: 100%;
	display: flex;
	padding-top: .5rem;
	justify-content: space-between;
	z-index: 1
}

.wojo.range .labels .label {
	font-size: 0.75rem;
	font-weight: 500;
	position: relative;
	padding-top: .5rem
}

.wojo.range .labels .label::before {
	content: "";
	height: .5em;
	width: 1px;
	background: var(--dark-color-shadow);
	position: absolute;
	top: 0;
	left: 50%
}

.wojo.range .labels .label:first-child::before {
	left: 0
}

.wojo.range .labels .label:last-child::before {
	right: 0;
	left: auto
}

.wojo.small.range,
.wojo.small.range .fill {
	border-radius: .188rem
}

.wojo.small.range.horizontal {
	height: .25rem
}

.wojo.small.range .handle {
	width: 1rem;
	height: 1rem
}

.wojo.loading.form {
	position: relative;
	cursor: default;
	pointer-events: none
}

.wojo.loading.form:before {
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	z-index: 10
}

.wojo.loading.form:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -1.5em 0em 0em -1.5em;
	width: 3em;
	height: 3em;
	-webkit-animation: form-spin 0.6s linear;
	animation: form-spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
	border-style: solid;
	border-width: 0.2em;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0);
	visibility: visible;
	z-index: 11
}

@-webkit-keyframes form-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes form-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

[data-editable=true] {
	position: relative
}

[data-editable=true]::after {
	content: '';
	position: absolute;
	bottom: -.250rem;
	left: 0;
	width: 100%;
	height: 2px;
	border-bottom: 2px dashed var(--grey-color-500)
}

.wojo.editable {
	border: 0;
	-webkit-appearance: none;
	padding: .125rem 1rem !important;
	outline: var(--primary-color) solid 2px;
	outline-offset: 0px;
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1)
}

.wojo.fields {
	display: flex;
	flex-direction: row;
	margin-left: -2em
}

.wojo.fields .field {
	flex: 1 1 0;
	min-width: 0;
	padding-left: 2em;
	margin-bottom: 2em
}

.wojo.fields .field.auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap
}

.wojo.block.fields {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin-left: 0;
	margin-bottom: 0
}

.wojo.block.fields .field {
	flex: 0 1 auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	min-width: 0;
	padding-left: 0;
	margin-bottom: 2em
}

.wojo.fields .field.labeled>label {
	margin-bottom: 0;
	text-align: right
}

.wojo.fields .field>p {
	margin-top: 1rem
}

.wojo.fields .field.one.wide {
	flex: 0 0 10%;
	max-width: 10%
}

.wojo.fields .field.two.wide {
	flex: 0 0 20%;
	max-width: 20%
}

.wojo.fields .field.three.wide {
	flex: 0 0 30%;
	max-width: 30%
}

.wojo.fields .field.four.wide {
	flex: 0 0 40%;
	max-width: 40%
}

.wojo.fields .field.five.wide {
	flex: 0 0 50%;
	max-width: 50%
}

.wojo.fields .field.six.wide {
	flex: 0 0 60%;
	max-width: 60%
}

.wojo.fields .field.seven.wide {
	flex: 0 0 70%;
	max-width: 70%
}

.wojo.fields .field.eight.wide {
	flex: 0 0 80%;
	max-width: 80%
}

.wojo.fields .field.nine.wide {
	flex: 0 0 90%;
	max-width: 90%
}

.wojo.inline.fields {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.wojo.inline.fields .field {
	flex: 0 1 auto;
	margin-bottom: 0
}

.wojo.small.fields {
	margin-left: -1em
}

.wojo.small.fields .field {
	padding-left: 1em;
	margin-bottom: 1em
}

.wojo.fields .basic.field {
	margin-bottom: 0
}

.wojo.fields.disabled .field,
.wojo.fields .field :disabled {
	pointer-events: none;
	opacity: 0.45
}

.wojo.fields .field.disabled label {
	opacity: 0.45
}

.wojo.fields .field.disabled :disabled {
	opacity: 1
}

.wojo.small.form textarea,
.wojo.small.form input:not([type]),
.wojo.small.form input[type="date"],
.wojo.small.form input[type="datetime-local"],
.wojo.small.form input[type="email"],
.wojo.small.form input[type="number"],
.wojo.small.form input[type="password"],
.wojo.small.form input[type="search"],
.wojo.small.form input[type="tel"],
.wojo.small.form input[type="time"],
.wojo.small.form input[type="text"],
.wojo.small.form input[type="file"],
.wojo.small.form input[type="url"] {
	line-height: .875rem;
	padding: 0 1.5rem;
	font-size: .875rem;
	height: calc(1.5rem + 1rem + 2px)
}

.wojo.small.form textarea:not([rows]),
.wojo.form textarea.small:not([rows]) {
	height: 6em;
	min-height: 4em;
	max-height: 12em;
	padding: 1rem 1.5rem
}

.wojo.tiny.form textarea:not([rows]),
.wojo.form textarea.tiny:not([rows]) {
	height: 3.188em;
	min-height: 3.188em;
	max-height: 12em;
	padding: .5rem 1rem
}

.wojo.small.form input.basic {
	padding: .875rem 0
}

.wojo.small.fields .field {
	margin-bottom: 1rem
}

.wojo.small.form .wojo.select>.counter,
.wojo.small.select>.counter,
.wojo.small.form select {
	height: calc(1.5rem + 1rem + 2px)
}

.wojo.small.form .wojo.select>.counter>span,
.wojo.small.select>.counter>span {
	font-size: .875rem;
	line-height: .875rem;
	padding: .750rem 1.5rem
}

.wojo.small.form .wojo.select>.menu>.options li.item,
.wojo.small.select>.menu>.options li.item {
	font-size: .875rem
}

.wojo.form {
	font-size: 1rem
}

@media screen and (max-width:48.063em) {
	.wojo.fields {
		display: flex;
		flex-direction: column;
		margin-left: 0
	}

	.wojo.fields .field {
		flex: 0 1 auto;
		max-width: 100%;
		-ms-grid-row-align: stretch;
		align-self: stretch;
		min-width: 0;
		padding-left: 0
	}

	.wojo.fields .field.one.wide,
	.wojo.fields .field.two.wide,
	.wojo.fields .field.three.wide,
	.wojo.fields .field.four.wide,
	.wojo.fields .field.five.wide,
	.wojo.fields .field.six.wide,
	.wojo.fields .field.seven.wide,
	.wojo.fields .field.eight.wide,
	.wojo.fields .field.nine.wide {
		flex: 0 0 100%;
		max-width: 100%
	}

	.wojo.fields .field.labeled {
		margin-bottom: 0
	}

	.wojo.fields .field.labeled>label {
		text-align: left;
		margin-bottom: .5rem
	}

	.wojo.inline.fields {
		flex-direction: row;
		align-items: center;
		margin-left: -2em
	}

	.wojo.inline.fields .field {
		flex: 0 1 auto;
		padding-left: 2em
	}
}

.sp-container {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	z-index: 5000;
	overflow: hidden
}

.wojo.color.input .sp-add-on {
	width: 40px;
	border-radius: .250rem
}

.wojo.color.input .sp-add-on .sp-colorize {
	height: 100%;
	width: 100%;
	border-radius: .250rem
}

input.spectrum.with-add-on {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0
}

.sp-colorize-container {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.sp-container.sp-flat {
	position: relative
}

.sp-container,
.sp-container * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.sp-top {
	position: relative;
	width: 100%;
	display: inline-block
}

.sp-top-inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.sp-color {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 20px !important
}

.sp-hue {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 100%;
	left: initial !important
}

.sp-clear-enabled .sp-hue {
	top: 15%;
	height: 85%
}

.sp-fill {
	padding-top: 80%
}

.sp-sat,
.sp-val {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.sp-alpha-enabled .sp-top {
	margin-bottom: 28px !important
}

.sp-alpha-enabled .sp-alpha {
	display: block
}

.sp-alpha-handle {
	position: absolute;
	top: -3px;
	cursor: pointer;
	height: 16px;
	border-radius: 50%;
	width: 16px;
	margin-right: 5px;
	left: -2px;
	right: 0;
	background: #f9f9f9;
	box-shadow: 0 0 2px 0px #3a3a3a
}

.sp-alpha {
	display: none;
	position: absolute;
	bottom: -18px;
	right: 0;
	left: 0;
	height: 10px
}

.sp-alpha-inner {
	border-radius: 4px
}

.sp-clear {
	display: none
}

.sp-clear.sp-clear-display {
	background-position: center
}

.sp-clear-enabled .sp-clear {
	display: block;
	position: absolute;
	top: -5px;
	right: -2px;
	bottom: 0;
	cursor: pointer;
	left: initial;
	height: 1rem;
	width: 1rem
}

.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none
}

.sp-container.sp-input-disabled .sp-input-container {
	display: none
}

.sp-container.sp-buttons-disabled .sp-button-container {
	display: none
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
	display: none
}

.sp-palette-only .sp-picker-container {
	display: none
}

.sp-palette-disabled .sp-palette-container {
	display: none
}

.sp-initial-disabled .sp-initial {
	display: none
}

.sp-sat {
	background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0))
}

.sp-val {
	border-radius: 4px;
	background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0))
}

.sp-hue {
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)
}

.sp-1 {
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')
}

.sp-2 {
	height: 16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')
}

.sp-3 {
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')
}

.sp-4 {
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')
}

.sp-5 {
	height: 16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')
}

.sp-6 {
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')
}

.sp-hidden {
	display: none !important
}

.sp-cf:before,
.sp-cf:after {
	content: "";
	display: table
}

.sp-cf:after {
	clear: both
}

@media (max-device-width:480px) {
	.sp-color {
		right: 40%
	}

	.sp-hue {
		left: 63%
	}

	.sp-fill {
		padding-top: 60%
	}
}

.sp-dragger {
	border-radius: 5px;
	height: 10px;
	width: 10px;
	border: 1px solid #fff;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 3px;
	margin-top: 3px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2)
}

.sp-slider {
	position: absolute;
	top: 0;
	cursor: pointer;
	height: 16px;
	border-radius: 50%;
	width: 16px;
	left: -2px;
	background: #f9f9f9;
	box-shadow: 0 0 2px 0px #3a3a3a;
	margin-top: 8px
}

.sp-container {
	display: inline-flex;
	background-color: white;
	padding: 0;
	border-radius: 4px;
	color: black;
	box-shadow: 0 0 0 1px rgba(99, 114, 130, .16), 0 8px 16px rgba(27, 39, 51, .08)
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.sp-top {
	margin-bottom: 10px
}

.sp-color,
.sp-hue,
.sp-clear,
.sp-val,
.sp-sat {
	border-radius: 3px
}

.sp-input-container {
	margin-top: -5px
}

.sp-input-container.sp-cf,
.sp-initial.sp-thumb.sp-cf,
.sp-button-container.sp-cf {
	height: 25px
}

.sp-picker-container .sp-cf {
	margin-bottom: 10px
}

.sp-palette-row-initial>span:first-child {
	cursor: pointer
}

.sp-initial-disabled .sp-input-container {
	width: 100%
}

.sp-input {
	padding: 0px 5px !important;
	margin: 0;
	width: 100%;
	box-shadow: none !important;
	height: 100% !important;
	background: transparent;
	color: #3a3a3a;
	border-radius: 2px !important;
	border: 1px solid #e0e0e0 !important;
	text-align: center;
	font-family: monospace;
	font-size: inherit !important
}

.sp-input:focus {
	border: 1px solid orange
}

.sp-input.sp-validation-error {
	border: 1px solid red;
	background: #fdd
}

.sp-picker-container,
.sp-palette-container {
	position: relative;
	padding: 10px
}

.sp-picker-container {
	width: 200px;
	padding-bottom: 0
}

.sp-palette-container {
	border-right: solid 1px #ccc
}

.sp-palette-only .sp-palette-container {
	border: 0
}

.sp-palette .sp-thumb-el {
	display: block;
	position: relative;
	float: left;
	width: 24px;
	height: 15px;
	margin: 3px;
	cursor: pointer;
	border: solid 2px transparent
}

.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
	border-color: orange
}

.sp-thumb-el {
	position: relative
}

.sp-initial {
	float: left
}

.sp-initial span {
	width: 30px;
	height: 25px;
	border: none;
	display: block;
	float: left;
	margin: 0
}

.sp-initial .spe-thumb-el.sp-thumb-active {
	border-radius: 0 5px 5px 0
}

.sp-initial .spe-thumb-el {
	border-radius: 5px 0 0 5px
}

.sp-initial .sp-clear-display {
	background-position: center
}

.sp-button-container {
	float: right
}

.sp-palette-button-container {
	margin-top: 10px
}

.sp-replacer {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #aaa;
	color: #666;
	transition: border-color .3s;
	vertical-align: middle;
	width: 3rem;
	height: 1.5rem
}

.sp-replacer:hover,
.sp-replacer.sp-active {
	border: 1px solid #666;
	color: black
}

.sp-replacer.sp-disabled {
	cursor: default;
	border-color: silver;
	color: silver
}

.sp-dd {
	position: absolute;
	font-size: 10px;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0 2px;
	line-height: 1.6rem;
	background-color: white
}

.sp-preview {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	z-index: 0
}

.sp-preview-inner {
	transition: background-color .2s
}

.sp-preview-inner.sp-clear-display {
	display: none
}

.sp-palette .sp-thumb-el {
	width: 1rem;
	height: 1rem;
	margin: 3px;
	border: none;
	border-radius: .250rem
}

.sp-palette-only .sp-thumb-el {
	width: 1.5rem;
	height: 1.5rem
}

.sp-container button {
	border-radius: 3px;
	border: none;
	background: transparent;
	line-height: 1;
	padding: 0 8px;
	height: 25px;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: var(--grey-color-700);
	font-weight: 700
}

.sp-container button.sp-choose {
	background-color: var(--primary-color);
	color: #fff;
	margin-left: 5px
}

.sp-container button:hover {
	opacity: .8
}

.sp-container button.sp-palette-toggle {
	width: 100%;
	background-color: #f3f3f3;
	margin: 0
}

.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
	border-color: #000
}

.sp-preview,
.sp-alpha,
.sp-thumb-el {
	position: relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.sp-palette .sp-thumb-inner {
	border-radius: 3px;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
}

.wojo.input {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	border-radius: .250rem;
	border: 0px solid var(--grey-color-300);
	background-color: #fff;
	box-shadow: 0 0 0 1px var(--grey-color-300);
	align-items: stretch;
	transition: all 0.2s ease-in-out
}

.wojo.input input,
.wojo.form .wojo.input input,
.wojo.form .wojo.input textarea {
	flex: 1 1 0px;
	min-width: 0;
	border: 0;
	line-height: normal;
	vertical-align: middle;
	border-radius: .250rem;
	box-shadow: none;
	height: calc(1.875rem + 1rem - 2px)
}

.wojo.icon.input>i.icon,
.wojo.input .tag.label {
	line-height: 1rem;
	padding: 0 1rem;
	-ms-grid-row-align: center;
	align-self: center
}

.wojo.action.input>.button,
.wojo.icon.input>.button {
	padding: 0 1.875rem;
	flex: 0 1 auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	height: calc(100%-4px)
}

.wojo.action.input>.icon.button,
.wojo.icon.input>.icon.button {
	padding: 0 1rem;
	border: 0;
	margin: 1px
}

.wojo.action.input>.buttons {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--grey-color-100)
}

.wojo.action.input>.buttons .wojo.button {
	padding: 0 1rem
}

.wojo.input>select {
	width: auto;
	box-shadow: none
}

.wojo.basic.input {
	background: rgba(255, 255, 255, 0);
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
	border-radius: 0
}

.wojo.basic.input input,
.wojo.form .wojo.basic.input input,
.wojo.form .wojo.basic.input textarea {
	background: rgba(255, 255, 255, 0);
	padding: 1rem 0
}

.wojo.transparent.input {
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 0 1px var(--light-color-shadow)
}

.wojo.transparent.input input {
	color: rgba(255, 255, 255, 0.8)
}

.wojo.transparent.input input,
.wojo.form .wojo.transparent.input input,
.wojo.form .wojo.transparent.input textarea {
	background: rgba(255, 255, 255, 0.05)
}

.wojo.input.transparent.focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 1rem 0 var(--shadow-color), 0 0 0 1px var(--light-color-shadow)
}

.wojo.transparent.input .icon {
	color: rgba(255, 255, 255, .5)
}

.wojo.form .wojo.input.transparent ::-webkit-input-placeholder {
	color: var(--grey-color-200)
}

.wojo.form .wojo.input.transparent :-ms-input-placeholder {
	color: var(--grey-color-200)
}

.wojo.form .wojo.input.transparent ::-moz-placeholder {
	color: var(--grey-color-200)
}

.wojo.form .wojo.input.transparent.focus :focus::-webkit-input-placeholder {
	color: var(--grey-color-200)
}

.wojo.form .wojo.input.transparent.focus :focus:-ms-input-placeholder {
	color: var(--grey-color-200)
}

.wojo.form .wojo.input.transparent.focus :focus::-moz-placeholder {
	color: var(--grey-color-200)
}

.wojo.form .wojo.input.transparent.focus input:-webkit-autofill {
	box-shadow: 0px 0px 0px 100px #fff inset;
	border-color: #fff
}

.wojo.inline.input {
	display: inline-flex
}

.wojo.input .tag.label {
	background-color: var(--primary-color);
	padding: 0.5rem .75rem;
	line-height: .750rem;
	font-weight: 500;
	color: var(--primary-color-inverted);
	white-space: nowrap;
	border-radius: .250rem;
	margin-right: .250rem
}

.wojo.input .tag [data-role="remove"] {
	margin-left: .5rem;
	cursor: pointer
}

.wojo.input .tag [data-role="remove"]::after {
	content: "x";
	font-weight: 700
}

.wojo.input.focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 1rem 0 var(--shadow-color), 0 0 0 1px var(--grey-color-300)
}

.wojo.basic.input.focus {
	box-shadow: 0 1px 0 0 var(--primary-color)
}

.wojo.basic.input.focus input:focus {
	box-shadow: none
}

.wojo.transparent.input input:focus {
	color: rgba(255, 255, 255, 0.8)
}

.wojo.input ::-webkit-input-placeholder {
	color: var(--grey-color-500)
}

.wojo.input :-ms-input-placeholder {
	color: var(--grey-color-500)
}

.wojo.input ::-moz-placeholder {
	color: var(--grey-color-500)
}

.wojo.input :focus::-webkit-input-placeholder {
	color: var(--grey-color-700)
}

.wojo.input :focus:-ms-input-placeholder {
	color: var(--grey-color-700)
}

.wojo.input :focus::-moz-placeholder {
	color: var(--grey-color-700)
}

.wojo.input input:-webkit-autofill {
	box-shadow: 0px 0px 0px 100px #fff inset;
	border-color: #fff
}

.wojo.input input:-webkit-autofill:focus {
	box-shadow: 0px 0px 0px 100px #fff inset;
	border-color: #fff
}

.wojo.ajax.input {
	z-index: 2
}

.wojo.ajax.input .results {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	background: #fff;
	margin-top: 1px;
	width: 100%;
	border-radius: .250rem;
	border: 1px solid var(--grey-color-300);
	box-shadow: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -2px var(--shadow-color)
}

.wojo.mini.basic.input input {
	padding: .875rem 0
}

.wojo.form .wojo.mini.input input,
.wojo.mini.input input {
	line-height: .750rem;
	padding: .5rem 1rem;
	font-size: .750rem;
	height: calc(1rem + 1rem)
}

.wojo.small.basic.input input {
	padding: .875rem 0
}

.wojo.form .wojo.small.input input,
.wojo.small.input input {
	line-height: .875rem;
	padding: .875rem 1.5rem;
	font-size: .875rem;
	height: calc(1.5rem + 1rem + 2px)
}

.wojo.form .wojo.input input,
.wojo.input input {
	line-height: 1rem;
	padding: 1rem 1.5rem;
	font-size: 1rem;
	height: calc(3rem + 2px)
}

.wojo.form .wojo.large.input input,
.wojo.large.input input {
	line-height: 1rem;
	padding: 1rem 1.5rem;
	font-size: 1.5rem;
	height: calc(1.75rem + 1rem + 2px)
}

.wojo.form .wojo.large.basic.input input,
.wojo.large.basic.input input {
	padding: 1rem 0;
	font-weight: 300
}

@font-face {
	font-family: 'WojoIcons';
	src: url('../fonts/wojoicons.ttf?y667ih') format('truetype'), url('../fonts/wojoicons.woff?y667ih') format('woff'), url('../fonts/wojoicons.svg?y667ih#wojoicons') format('svg');
	font-weight: normal;
	font-style: normal
}

i.icon {
	font-family: 'WojoIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	backface-visibility: hidden;
	position: relative
}

i.icon.middle {
	vertical-align: middle
}

.icon.align.bottom:before {
	content: "\e902";
	opacity: 0.5
}

.icon.align.bottom:after {
	content: "\e903";
	margin-left: -1em
}

.icon.align.center:before {
	content: "\e904";
	opacity: 0.5
}

.icon.align.center:after {
	content: "\e905";
	margin-left: -1em
}

.icon.align.end:before {
	content: "\e906";
	opacity: 0.5
}

.icon.align.end:after {
	content: "\e907";
	margin-left: -1em
}

.icon.align.start:before {
	content: "\e908";
	opacity: 0.5
}

.icon.align.start:after {
	content: "\e909";
	margin-left: -1em
}

.icon.align.middle:before {
	content: "\e90a";
	opacity: 0.5
}

.icon.align.middle:after {
	content: "\e90b";
	margin-left: -1em
}

.icon.align.top:before {
	content: "\e90c";
	opacity: 0.5
}

.icon.align.top:after {
	content: "\e90d";
	margin-left: -1em
}

.icon.archive:before {
	content: "\e90e";
	opacity: 0.5
}

.icon.archive:after {
	content: "\e90f";
	margin-left: -1em
}

.icon.arrow.bar.down:before {
	content: "\e910";
	opacity: 0.5
}

.icon.arrow.bar.down:after {
	content: "\e911";
	margin-left: -1em
}

.icon.arrow.bar.left:before {
	content: "\e912";
	opacity: 0.5
}

.icon.arrow.bar.left:after {
	content: "\e913";
	margin-left: -1em
}

.icon.arrow.bar.right:before {
	content: "\e914";
	opacity: 0.5
}

.icon.arrow.bar.right:after {
	content: "\e915";
	margin-left: -1em
}

.icon.arrow.bar.up:before {
	content: "\e916";
	opacity: 0.5
}

.icon.arrow.bar.up:after {
	content: "\e917";
	margin-left: -1em
}

.icon.arrow.clockwise:before {
	content: "\e918";
	opacity: 0.5
}

.icon.arrow.clockwise:after {
	content: "\e919";
	margin-left: -1em
}

.icon.arrow.counterclockwise:before {
	content: "\e91a";
	opacity: 0.5
}

.icon.arrow.counterclockwise:after {
	content: "\e91b";
	margin-left: -1em
}

.icon.arrow.down:before {
	content: "\e91c";
	opacity: 0.5
}

.icon.arrow.down:after {
	content: "\e91d";
	margin-left: -1em
}

.icon.arrow.up:before {
	content: "\e926";
	opacity: 0.5
}

.icon.arrow.up:after {
	content: "\e927";
	margin-left: -1em
}

.icon.arrow.left:before {
	content: "\e922";
	opacity: 0.5
}

.icon.arrow.left:after {
	content: "\e923";
	margin-left: -1em
}

.icon.arrow.right:before {
	content: "\e924";
	opacity: 0.5
}

.icon.arrow.right:after {
	content: "\e925";
	margin-left: -1em
}

.icon.arrow.down.left:before {
	content: "\e91e";
	opacity: 0.5
}

.icon.arrow.down.left:after {
	content: "\e91f";
	margin-left: -1em
}

.icon.arrow.up.left:before {
	content: "\e928";
	opacity: 0.5
}

.icon.arrow.up.left:after {
	content: "\e929";
	margin-left: -1em
}

.icon.arrow.down.right:before {
	content: "\e920";
	opacity: 0.5
}

.icon.arrow.down.right:after {
	content: "\e921";
	margin-left: -1em
}

.icon.arrow.up.right:before {
	content: "\e92a";
	opacity: 0.5
}

.icon.arrow.up.right:after {
	content: "\e92b";
	margin-left: -1em
}

.icon.arrows.collaps:before {
	content: "\e92c";
	opacity: 0.5
}

.icon.arrows.collaps:after {
	content: "\e92d";
	margin-left: -1em
}

.icon.arrows.expand:before {
	content: "\e92e";
	opacity: 0.5
}

.icon.arrows.expand:after {
	content: "\e92f";
	margin-left: -1em
}

.icon.arrows.fullscreen:before {
	content: "\e930";
	opacity: 0.5
}

.icon.arrows.fullscreen:after {
	content: "\e931";
	margin-left: -1em
}

.icon.arrows.move:before {
	content: "\e932";
	opacity: 0.5
}

.icon.arrows.move:after {
	content: "\e933";
	margin-left: -1em
}

.icon.aspect.ratio:before {
	content: "\e934";
	opacity: 0.5
}

.icon.aspect.ratio:after {
	content: "\e935";
	margin-left: -1em
}

.icon.asterisk:before {
	content: "\e936"
}

.icon.award:before {
	content: "\e937";
	opacity: 0.5
}

.icon.award:after {
	content: "\e938";
	margin-left: -1em
}

.icon.back:before {
	content: "\e939";
	opacity: 0.5
}

.icon.back:after {
	content: "\e93a";
	margin-left: -1em
}

.icon.backspace:before {
	content: "\e93b";
	opacity: 0.5
}

.icon.backspace:after {
	content: "\e93c";
	margin-left: -1em
}

.icon.bag:before {
	content: "\e93d";
	opacity: 0.5
}

.icon.bag:after {
	content: "\e93e";
	margin-left: -1em
}

.icon.bar.char.steps:before {
	content: "\e93f";
	opacity: 0.5
}

.icon.bar.char.steps:after {
	content: "\e940";
	margin-left: -1em
}

.icon.bar.chart.alt:before {
	content: "\ec7d";
	opacity: 0.5
}

.icon.bar.chart.alt:after {
	content: "\ec7e";
	margin-left: -1em
}

.icon.bar.chart:before {
	content: "\e941";
	opacity: 0.5
}

.icon.bar.chart:after {
	content: "\e942";
	margin-left: -1em
}

.icon.bar.chart.line:before {
	content: "\e943";
	opacity: 0.5
}

.icon.bar.chart.line:after {
	content: "\e944";
	margin-left: -1em
}

.icon.basket:before {
	content: "\e945";
	opacity: 0.5
}

.icon.basket:after {
	content: "\e946";
	margin-left: -1em
}

.icon.basket.fill:before {
	content: "\e947";
	opacity: 0.5
}

.icon.basket.fill:after {
	content: "\e948";
	margin-left: -1em
}

.icon.battery:before {
	content: "\e949"
}

.icon.battery.charging:before {
	content: "\e94a";
	opacity: 0.5
}

.icon.battery.charging:after {
	content: "\e94b";
	margin-left: -1em
}

.icon.battery.full:before {
	content: "\e94e";
	opacity: 0.5
}

.icon.battery.full:after {
	content: "\e94f";
	margin-left: -1em
}

.icon.battery.half:before {
	content: "\e950";
	opacity: 0.5
}

.icon.battery.half:after {
	content: "\e951";
	margin-left: -1em
}

.icon.bell:before {
	content: "\ec43";
	opacity: 0.5
}

.icon.bell:after {
	content: "\ec44";
	margin-left: -1em
}

.icon.bicycle:before {
	content: "\e952";
	opacity: 0.5
}

.icon.bicycle:after {
	content: "\e953";
	margin-left: -1.1999999999999993em
}

.icon.binoculars:before {
	content: "\e954";
	opacity: 0.5
}

.icon.binoculars:after {
	content: "\e955";
	margin-left: -1em
}

.icon.blockquote.left:before {
	content: "\e956";
	opacity: 0.5
}

.icon.blockquote.left:after {
	content: "\e957";
	margin-left: -1em
}

.icon.blockquote.right:before {
	content: "\e958";
	opacity: 0.5
}

.icon.blockquote.right:after {
	content: "\e959";
	margin-left: -1em
}

.icon.book:before {
	content: "\e95a";
	opacity: 0.5
}

.icon.book:after {
	content: "\e95b";
	margin-left: -1em
}

.icon.bookmark:before {
	content: "\e95c";
	opacity: 0.5
}

.icon.bookmark:after {
	content: "\e95d";
	margin-left: -1em
}

.icon.bookshelf:before {
	content: "\e95e";
	opacity: 0.5
}

.icon.bookshelf:after {
	content: "\e95f";
	margin-left: -1.1999999999999993em
}

.icon.box:before {
	content: "\e960";
	opacity: 0.5
}

.icon.box:after {
	content: "\e961";
	margin-left: -1em
}

.icon.briefcase:before {
	content: "\e962";
	opacity: 0.5
}

.icon.briefcase:after {
	content: "\e963";
	margin-left: -1em
}

.icon.brightness.alt.high:before {
	content: "\e964";
	opacity: 0.5
}

.icon.brightness.alt.high:after {
	content: "\e965";
	margin-left: -1em
}

.icon.brightness.alt.low:before {
	content: "\e966";
	opacity: 0.5
}

.icon.brightness.alt.low:after {
	content: "\e967";
	margin-left: -1em
}

.icon.brightness.high:before {
	content: "\e968";
	opacity: 0.5
}

.icon.brightness.high:after {
	content: "\e969";
	margin-left: -1em
}

.icon.brightness.low:before {
	content: "\e96a";
	opacity: 0.5
}

.icon.brightness.low:after {
	content: "\e96b";
	margin-left: -1em
}

.icon.broadcast:before {
	content: "\e96c";
	opacity: 0.5
}

.icon.broadcast:after {
	content: "\e96d";
	margin-left: -1em
}

.icon.brush:before {
	content: "\e96e";
	opacity: 0.5
}

.icon.brush:after {
	content: "\e96f";
	margin-left: -1em
}

.icon.bucket:before {
	content: "\e970";
	opacity: 0.5
}

.icon.bucket:after {
	content: "\e971";
	margin-left: -1em
}

.icon.bug:before {
	content: "\e972";
	opacity: 0.5
}

.icon.bug:after {
	content: "\e973";
	margin-left: -1em
}

.icon.building:before {
	content: "\e974";
	opacity: 0.5
}

.icon.building:after {
	content: "\e975";
	margin-left: -1em
}

.icon.bullseye:before {
	content: "\e976";
	opacity: 0.5
}

.icon.bullseye:after {
	content: "\e977";
	margin-left: -1em
}

.icon.calculator:before {
	content: "\e978";
	opacity: 0.5
}

.icon.calculator:after {
	content: "\e979";
	margin-left: -1em
}

.icon.calendar.date:before {
	content: "\e97a";
	opacity: 0.5
}

.icon.calendar.date:after {
	content: "\e97b";
	margin-left: -1em
}

.icon.calendar.event:before {
	content: "\e97c";
	opacity: 0.5
}

.icon.calendar.event:after {
	content: "\e97d";
	margin-left: -1em
}

.icon.calendar.full:before {
	content: "\e97e";
	opacity: 0.5
}

.icon.calendar.full:after {
	content: "\e97f";
	margin-left: -1em
}

.icon.calendar.month:before {
	content: "\e982";
	opacity: 0.5
}

.icon.calendar.month:after {
	content: "\e983";
	margin-left: -1em
}

.icon.calendar.range:before {
	content: "\e980";
	opacity: 0.5
}

.icon.calendar.range:after {
	content: "\e981";
	margin-left: -1em
}

.icon.calendar.week:before {
	content: "\e984";
	opacity: 0.5
}

.icon.calendar.week:after {
	content: "\e985";
	margin-left: -1em
}

.icon.camera:before {
	content: "\e986";
	opacity: 0.5
}

.icon.camera:after {
	content: "\e987";
	margin-left: -1em
}

.icon.camera.alt:before {
	content: "\e98a";
	opacity: 0.5
}

.icon.camera.alt:after {
	content: "\e98b";
	margin-left: -1em
}

.icon.camera.reels:before {
	content: "\e988";
	opacity: 0.5
}

.icon.camera.reels:after {
	content: "\e989";
	margin-left: -1em
}

.icon.car:before {
	content: "\ec45";
	opacity: 0.5
}

.icon.car:after {
	content: "\ec46";
	margin-left: -1em
}

.icon.car.alt:before {
	content: "\ec8b";
	opacity: 0.5
}

.icon.car.alt:after {
	content: "\ec8c";
	margin-left: -1em
}

.icon.card.checklist:before {
	content: "\e98c";
	opacity: 0.5
}

.icon.card.checklist:after {
	content: "\e98d";
	margin-left: -1em
}

.icon.card.heading:before {
	content: "\e996";
	opacity: 0.5
}

.icon.card.heading:after {
	content: "\e997";
	margin-left: -1em
}

.icon.card.image:before {
	content: "\e990";
	opacity: 0.5
}

.icon.card.image:after {
	content: "\e991";
	margin-left: -1em
}

.icon.card.image.fill:before {
	content: "\e992";
	opacity: 0.5
}

.icon.card.image.fill:after {
	content: "\e993";
	margin-left: -1em
}

.icon.card.list:before {
	content: "\e994";
	opacity: 0.5
}

.icon.card.list:after {
	content: "\e995";
	margin-left: -1em
}

.icon.card.text:before {
	content: "\e98e";
	opacity: 0.5
}

.icon.card.text:after {
	content: "\e98f";
	margin-left: -1em
}

.icon.caret.down:before {
	content: "\e99a";
	opacity: 0.5
}

.icon.caret.down:after {
	content: "\e99b";
	margin-left: -1em
}

.icon.caret.up:before {
	content: "\e99c";
	opacity: 0.5
}

.icon.caret.up:after {
	content: "\e99d";
	margin-left: -1em
}

.icon.caret.left:before {
	content: "\e99e";
	opacity: 0.5
}

.icon.caret.left:after {
	content: "\e99f";
	margin-left: -1em
}

.icon.caret.right:before {
	content: "\e9a0";
	opacity: 0.5
}

.icon.caret.right:after {
	content: "\e9a1";
	margin-left: -1em
}

.icon.caret.down.square:before {
	content: "\e9a2";
	opacity: 0.5
}

.icon.caret.down.square:after {
	content: "\e9a3";
	margin-left: -1em
}

.icon.caret.up.square:before {
	content: "\e9a4";
	opacity: 0.5
}

.icon.caret.up.square:after {
	content: "\e9a5";
	margin-left: -1em
}

.icon.caret.left.square:before {
	content: "\e9a6";
	opacity: 0.5
}

.icon.caret.left.square:after {
	content: "\e9a7";
	margin-left: -1em
}

.icon.caret.right.square:before {
	content: "\e9a8";
	opacity: 0.5
}

.icon.caret.right.square:after {
	content: "\e9a9";
	margin-left: -1em
}

.icon.cart:before {
	content: "\e9aa";
	opacity: 0.5
}

.icon.cart:after {
	content: "\e9ab";
	margin-left: -1em
}

.icon.cart.alt:before {
	content: "\e9ac";
	opacity: 0.5
}

.icon.cart.alt:after {
	content: "\e9ad";
	margin-left: -1em
}

.icon.cash:before {
	content: "\e9ae";
	opacity: 0.5
}

.icon.cash:after {
	content: "\e9af";
	margin-left: -1em
}

.icon.cash.stack:before {
	content: "\e9b0";
	opacity: 0.5
}

.icon.cash.stack:after {
	content: "\e9b1";
	margin-left: -1em
}

.icon.cast:before {
	content: "\e9b2";
	opacity: 0.5
}

.icon.cast:after {
	content: "\e9b3";
	margin-left: -1em
}

.icon.chat:before {
	content: "\e9b4"
}

.icon.chat.dots.round:before {
	content: "\e9b5";
	opacity: 0.5
}

.icon.chat.dots.round:after {
	content: "\e9b6";
	margin-left: -1em
}

.icon.chat.dots.square:before {
	content: "\e9b7";
	opacity: 0.5
}

.icon.chat.dots.square:after {
	content: "\e9b8";
	margin-left: -1em
}

.icon.chat.square.text:before {
	content: "\e9b9";
	opacity: 0.5
}

.icon.chat.square.text:after {
	content: "\e9ba";
	margin-left: -1em
}

.icon.chat.text.round:before {
	content: "\e9bb";
	opacity: 0.5
}

.icon.chat.text.round:after {
	content: "\e9bc";
	margin-left: -1em
}

.icon.check:before {
	content: "\e9bd";
	opacity: 0.5
}

.icon.check:after {
	content: "\e9be";
	margin-left: -1em
}

.icon.check.all:before {
	content: "\e9bf";
	opacity: 0.5
}

.icon.check.all:after {
	content: "\e9c0";
	margin-left: -1em
}

.icon.check.alt:before {
	content: "\e9c1";
	opacity: 0.5
}

.icon.check.alt:after {
	content: "\e9c2";
	margin-left: -1em
}

.icon.check.all.alt:before {
	content: "\e9c3";
	opacity: 0.5
}

.icon.check.all.alt:after {
	content: "\e9c4";
	margin-left: -1em
}

.icon.check.circle:before {
	content: "\e9c5";
	opacity: 0.5
}

.icon.check.circle:after {
	content: "\e9c6";
	margin-left: -1em
}

.icon.check.circle.alt:before {
	content: "\e9c7";
	opacity: 0.5
}

.icon.check.circle.alt:after {
	content: "\e9c8";
	margin-left: -1em
}

.icon.check.square:before {
	content: "\e9c9";
	opacity: 0.5
}

.icon.check.square:after {
	content: "\e9ca";
	margin-left: -1em
}

.icon.check.square.alt:before {
	content: "\e9cb";
	opacity: 0.5
}

.icon.check.square.alt:after {
	content: "\e9cc";
	margin-left: -1em
}

.icon.chevron.bar.contract:before {
	content: "\e9cd";
	opacity: 0.5
}

.icon.chevron.bar.contract:after {
	content: "\e9ce";
	margin-left: -1em
}

.icon.chevron.bar.down:before {
	content: "\e9cf";
	opacity: 0.5
}

.icon.chevron.bar.down:after {
	content: "\e9d0";
	margin-left: -1em
}

.icon.chevron.bar.expand:before {
	content: "\e9d1";
	opacity: 0.5
}

.icon.chevron.bar.expand:after {
	content: "\e9d2";
	margin-left: -1em
}

.icon.chevron.bar.left:before {
	content: "\e9d3";
	opacity: 0.5
}

.icon.chevron.bar.left:after {
	content: "\e9d4";
	margin-left: -1em
}

.icon.chevron.bar.right:before {
	content: "\e9d5";
	opacity: 0.5
}

.icon.chevron.bar.right:after {
	content: "\e9d6";
	margin-left: -1em
}

.icon.chevron.bar.up:before {
	content: "\e9d7";
	opacity: 0.5
}

.icon.chevron.bar.up:after {
	content: "\e9d8";
	margin-left: -1em
}

.icon.chevron.double.down:before {
	content: "\e9d9";
	opacity: 0.5
}

.icon.chevron.double.down:after {
	content: "\e9da";
	margin-left: -1em
}

.icon.chevron.double.up:before {
	content: "\e9db";
	opacity: 0.5
}

.icon.chevron.double.up:after {
	content: "\e9dc";
	margin-left: -1em
}

.icon.chevron.double.left:before {
	content: "\e9dd";
	opacity: 0.5
}

.icon.chevron.double.left:after {
	content: "\e9de";
	margin-left: -1em
}

.icon.chevron.double.right:before {
	content: "\e9df";
	opacity: 0.5
}

.icon.chevron.double.right:after {
	content: "\e9e0";
	margin-left: -1em
}

.icon.chevron.double.down.alt:before {
	content: "\e9e1";
	opacity: 0.5
}

.icon.chevron.double.down.alt:after {
	content: "\e9e2";
	margin-left: -1em
}

.icon.chevron.double.up.alt:before {
	content: "\e9e3";
	opacity: 0.5
}

.icon.chevron.double.up.alt:after {
	content: "\e9e4";
	margin-left: -1em
}

.icon.chevron.double.left.alt:before {
	content: "\e9e5";
	opacity: 0.5
}

.icon.chevron.double.left.alt:after {
	content: "\e9e6";
	margin-left: -1em
}

.icon.chevron.double.right.alt:before {
	content: "\e9e7";
	opacity: 0.5
}

.icon.chevron.double.right.alt:after {
	content: "\e9e8";
	margin-left: -1em
}

.icon.chevron.down:before {
	content: "\e9e9"
}

.icon.chevron.up:before {
	content: "\e9eb"
}

.icon.chevron.left:before {
	content: "\e9ed"
}

.icon.chevron.right:before {
	content: "\e9ef"
}

.icon.chevron.down.alt:before {
	content: "\e9f1"
}

.icon.chevron.up.alt:before {
	content: "\e9f3"
}

.icon.chevron.left.alt:before {
	content: "\e9f5"
}

.icon.chevron.right.alt:before {
	content: "\e9f7"
}

.icon.clock:before {
	content: "\e900";
	opacity: 0.5
}

.icon.clock:after {
	content: "\e901";
	margin-left: -1em
}

.icon.circle:before {
	content: "\e9f9"
}

.icon.circle.fill:before {
	content: "\e9fa";
	opacity: 0.5
}

.icon.circle.fill:after {
	content: "\e9fb";
	margin-left: -1em
}

.icon.circle.half:before {
	content: "\e9fc";
	opacity: 0.5
}

.icon.circle.half:after {
	content: "\e9fd";
	margin-left: -1em
}

.icon.clipboard:before {
	content: "\e9fe";
	opacity: 0.5
}

.icon.clipboard:after {
	content: "\e9ff";
	margin-left: -1em
}

.icon.clipboard.data:before {
	content: "\ea00";
	opacity: 0.5
}

.icon.clipboard.data:after {
	content: "\ea01";
	margin-left: -1em
}

.icon.cloud:before {
	content: "\ea02";
	opacity: 0.5
}

.icon.cloud:after {
	content: "\ea03";
	margin-left: -1em
}

.icon.cloud.download:before {
	content: "\ea04";
	opacity: 0.5
}

.icon.cloud.download:after {
	content: "\ea05";
	margin-left: -1em
}

.icon.cloud.upload:before {
	content: "\ea06";
	opacity: 0.5
}

.icon.cloud.upload:after {
	content: "\ea07";
	margin-left: -1em
}

.icon.code:before {
	content: "\ea08";
	opacity: 0.5
}

.icon.code:after {
	content: "\ea09";
	margin-left: -1em
}

.icon.code.slash:before {
	content: "\ea0a";
	opacity: 0.5
}

.icon.code.slash:after {
	content: "\ea0b";
	margin-left: -1em
}

.icon.collection:before {
	content: "\ea0c";
	opacity: 0.5
}

.icon.collection:after {
	content: "\ea0d";
	margin-left: -1em
}

.icon.columns:before {
	content: "\ea0e";
	opacity: 0.5
}

.icon.columns:after {
	content: "\ea0f";
	margin-left: -1em
}

.icon.columns.gap:before {
	content: "\ea10";
	opacity: 0.5
}

.icon.columns.gap:after {
	content: "\ea11";
	margin-left: -1em
}

.icon.command:before {
	content: "\ea12";
	opacity: 0.5
}

.icon.command:after {
	content: "\ea13";
	margin-left: -1em
}

.icon.compass:before {
	content: "\ea14";
	opacity: 0.5
}

.icon.compass:after {
	content: "\ea15";
	margin-left: -1em
}

.icon.cone:before {
	content: "\ea16";
	opacity: 0.5
}

.icon.cone:after {
	content: "\ea17";
	margin-left: -1em
}

.icon.controller:before {
	content: "\ea18";
	opacity: 0.5
}

.icon.controller:after {
	content: "\ea19";
	margin-left: -1.0999999999999996em
}

.icon.copy:before {
	content: "\ec47";
	opacity: 0.5
}

.icon.copy:after {
	content: "\ec48";
	margin-left: -1em
}

.icon.credit.card:before {
	content: "\ea1a";
	opacity: 0.5
}

.icon.credit.card:after {
	content: "\ea1b";
	margin-left: -1em
}

.icon.crop:before {
	content: "\ea1c";
	opacity: 0.5
}

.icon.crop:after {
	content: "\ea1d";
	margin-left: -1em
}

.icon.cup:before {
	content: "\ea1e";
	opacity: 0.5
}

.icon.cup:after {
	content: "\ea1f";
	margin-left: -1em
}

.icon.cun.hot:before {
	content: "\ea20";
	opacity: 0.5
}

.icon.cun.hot:after {
	content: "\ea21";
	margin-left: -1em
}

.icon.cursor:before {
	content: "\ea22";
	opacity: 0.5
}

.icon.cursor:after {
	content: "\ea23";
	margin-left: -1em
}

.icon.cursor.text:before {
	content: "\ea24";
	opacity: 0.5
}

.icon.cursor.text:after {
	content: "\ea25";
	margin-left: -1em
}

.icon.customize:before {
	content: "\ec49";
	opacity: 0.5
}

.icon.customize:after {
	content: "\ec4a";
	margin-left: -1em
}

.icon.dash:before {
	content: "\ea26"
}

.icon.dash.circle:before {
	content: "\ea27";
	opacity: 0.5
}

.icon.dash.circle:after {
	content: "\ea28";
	margin-left: -1em
}

.icon.dash.square:before {
	content: "\ea29";
	opacity: 0.5
}

.icon.dash.square:after {
	content: "\ea2a";
	margin-left: -1em
}

.icon.diagram:before {
	content: "\ea2b";
	opacity: 0.5
}

.icon.diagram:after {
	content: "\ea2c";
	margin-left: -1em
}

.icon.diagram.alt:before {
	content: "\ea2d";
	opacity: 0.5
}

.icon.diagram.alt:after {
	content: "\ea2e";
	margin-left: -1em
}

.icon.diagram.project:before {
	content: "\ec83";
	opacity: 0.5
}

.icon.diagram.project:after {
	content: "\ec84";
	margin-left: -1em
}

.icon.diamond:before {
	content: "\ea2f"
}

.icon.dice:before {
	content: "\ea30";
	opacity: 0.5
}

.icon.dice:after {
	content: "\ea31";
	margin-left: -1em
}

.icon.display:before {
	content: "\ea32";
	opacity: 0.5
}

.icon.display:after {
	content: "\ea33";
	margin-left: -1em
}

.icon.distribute.horizontal:before {
	content: "\ea34";
	opacity: 0.5
}

.icon.distribute.horizontal:after {
	content: "\ea35";
	margin-left: -1em
}

.icon.distribute.vertical:before {
	content: "\ea36";
	opacity: 0.5
}

.icon.distribute.vertical:after {
	content: "\ea37";
	margin-left: -1em
}

.icon.door.closed:before {
	content: "\ea38";
	opacity: 0.5
}

.icon.door.closed:after {
	content: "\ea39";
	margin-left: -1em
}

.icon.download:before {
	content: "\ea3a";
	opacity: 0.5
}

.icon.download:after {
	content: "\ea3b";
	margin-left: -1em
}

.icon.droplet:before {
	content: "\ea3c";
	opacity: 0.5
}

.icon.droplet:after {
	content: "\ea3d";
	margin-left: -1em
}

.icon.easel:before {
	content: "\ea3e";
	opacity: 0.5
}

.icon.easel:after {
	content: "\ea3f";
	margin-left: -1em
}

.icon.egg:before {
	content: "\ea40"
}

.icon.eject:before {
	content: "\ea41";
	opacity: 0.5
}

.icon.eject:after {
	content: "\ea42";
	margin-left: -1em
}

.icon.emoji.smile:before {
	content: "\ea43";
	opacity: 0.5
}

.icon.emoji.smile:after {
	content: "\ea44";
	margin-left: -1em
}

.icon.envelope:before {
	content: "\ea45";
	opacity: 0.5
}

.icon.envelope:after {
	content: "\ea46";
	margin-left: -1em
}

.icon.envelope.fill:before {
	content: "\ea47";
	opacity: 0.5
}

.icon.envelope.fill:after {
	content: "\ea48";
	margin-left: -1em
}

.icon.erase:before {
	content: "\ec4b";
	opacity: 0.5
}

.icon.erase:after {
	content: "\ec4c";
	margin-left: -1em
}

.icon.exclamation.circle:before {
	content: "\ea49";
	opacity: 0.5
}

.icon.exclamation.circle:after {
	content: "\ea4a";
	margin-left: -1em
}

.icon.exclamation.square:before {
	content: "\ea4b";
	opacity: 0.5
}

.icon.exclamation.square:after {
	content: "\ea4c";
	margin-left: -1em
}

.icon.exclamation.triangle:before {
	content: "\ea4d";
	opacity: 0.5
}

.icon.exclamation.triangle:after {
	content: "\ea4e";
	margin-left: -1em
}

.icon.eye:before {
	content: "\ea4f";
	opacity: 0.5
}

.icon.eye:after {
	content: "\ea50";
	margin-left: -1em
}

.icon.eye.slash:before {
	content: "\ea51";
	opacity: 0.5
}

.icon.eye.slash:after {
	content: "\ea52";
	margin-left: -1em
}

.icon.eyedropper:before {
	content: "\ea53";
	opacity: 0.5
}

.icon.eyedropper:after {
	content: "\ea54";
	margin-left: -1em
}

.icon.eyeglasses:before {
	content: "\ea55";
	opacity: 0.5
}

.icon.eyeglasses:after {
	content: "\ea56";
	margin-left: -1.0999999999999996em
}

.icon.file:before {
	content: "\ea57";
	opacity: 0.5
}

.icon.file:after {
	content: "\ea58";
	margin-left: -1em
}

.icon.file.minus:before {
	content: "\ea59";
	opacity: 0.5
}

.icon.file.minus:after {
	content: "\ea5a";
	margin-left: -1em
}

.icon.file.plus:before {
	content: "\ea5b";
	opacity: 0.5
}

.icon.file.plus:after {
	content: "\ea5c";
	margin-left: -1em
}

.icon.files:before {
	content: "\ea5d";
	opacity: 0.5
}

.icon.files:after {
	content: "\ea5e";
	margin-left: -1em
}

.icon.film:before {
	content: "\ea5f";
	opacity: 0.5
}

.icon.film:after {
	content: "\ea60";
	margin-left: -1em
}

.icon.filter:before {
	content: "\ea61";
	opacity: 0.5
}

.icon.filter:after {
	content: "\ea62";
	margin-left: -1em
}

.icon.filter.left:before {
	content: "\ea63";
	opacity: 0.5
}

.icon.filter.left:after {
	content: "\ea64";
	margin-left: -1em
}

.icon.filter.right:before {
	content: "\ea65";
	opacity: 0.5
}

.icon.filter.right:after {
	content: "\ea66";
	margin-left: -1em
}

.icon.flag:before {
	content: "\ea69";
	opacity: 0.5
}

.icon.flag:after {
	content: "\ea6a";
	margin-left: -1em
}

.icon.folder:before {
	content: "\ea6b";
	opacity: 0.5
}

.icon.folder:after {
	content: "\ea6c";
	margin-left: -1em
}

.icon.folder.open:before {
	content: "\ea6d";
	opacity: 0.5
}

.icon.folder.open:after {
	content: "\ea6e";
	margin-left: -1em
}

.icon.folder.tree:before {
	content: "\ec89";
	opacity: 0.5
}

.icon.folder.tree:after {
	content: "\ec8a";
	margin-left: -1em
}

.icon.front:before {
	content: "\ea6f";
	opacity: 0.5
}

.icon.front:after {
	content: "\ea70";
	margin-left: -1em
}

.icon.fullscreen:before {
	content: "\ea71"
}

.icon.fullscreen.exit:before {
	content: "\ea72"
}

.icon.funnel:before {
	content: "\ea73";
	opacity: 0.5
}

.icon.funnel:after {
	content: "\ea74";
	margin-left: -1em
}

.icon.gallery.thumbnails:before {
	content: "\ec8d";
	opacity: 0.5
}

.icon.gallery.thumbnails:after {
	content: "\ec8e";
	margin-left: -1em
}

.icon.gavel:before {
	content: "\e9f2";
	opacity: 0.5
}

.icon.gavel:after {
	content: "\e9f4";
	margin-left: -1em
}

.icon.gear:before {
	content: "\e94c";
	opacity: 0.5
}

.icon.gear:after {
	content: "\e94d";
	margin-left: -1em
}

.icon.gear.fill:before {
	content: "\ea67";
	color: rgb(35, 31, 32);
	opacity: 0.5
}

.icon.gear.fill:after {
	content: "\ea68";
	margin-left: -1em
}

.icon.gears:before {
	content: "\ea7a";
	opacity: 0.5
}

.icon.gears:after {
	content: "\ea7b";
	margin-left: -1em
}

.icon.gem:before {
	content: "\ea7c";
	opacity: 0.5
}

.icon.gem:after {
	content: "\ea7d";
	margin-left: -1em
}

.icon.geo:before {
	content: "\ea7e";
	opacity: 0.5
}

.icon.geo:after {
	content: "\ea7f";
	margin-left: -1em
}

.icon.geo.alt:before {
	content: "\ea80";
	opacity: 0.5
}

.icon.geo.alt:after {
	content: "\ea81";
	margin-left: -1em
}

.icon.gift:before {
	content: "\ea82";
	opacity: 0.5
}

.icon.gift:after {
	content: "\ea83";
	margin-left: -1em
}

.icon.globe:before {
	content: "\ea84";
	opacity: 0.5
}

.icon.globe:after {
	content: "\ea85";
	margin-left: -1em
}

.icon.graph.down.arrow:before {
	content: "\ea86";
	opacity: 0.5
}

.icon.graph.down.arrow:after {
	content: "\ea87";
	margin-left: -1em
}

.icon.graph.up.arrow:before {
	content: "\ea88";
	opacity: 0.5
}

.icon.graph.up.arrow:after {
	content: "\ea89";
	margin-left: -1em
}

.icon.grid:before {
	content: "\ea8a";
	opacity: 0.5
}

.icon.grid:after {
	content: "\ea8b";
	margin-left: -1em
}

.icon.grid.fill:before {
	content: "\ea8c";
	opacity: 0.5
}

.icon.grid.fill:after {
	content: "\ea8d";
	margin-left: -1em
}

.icon.grid.onebytwo:before {
	content: "\ea8e";
	opacity: 0.5
}

.icon.grid.onebytwo:after {
	content: "\ea8f";
	margin-left: -1em
}

.icon.grid.threebytwo.gap:before {
	content: "\ea90";
	opacity: 0.5
}

.icon.grid.threebytwo.gap:after {
	content: "\ea91";
	margin-left: -1em
}

.icon.grid.threebythree.gap:before {
	content: "\ea92";
	opacity: 0.5
}

.icon.grid.threebythree.gap:after {
	content: "\ea93";
	margin-left: -1em
}

.icon.grid.threebythree.gap.fill:before {
	content: "\ea94";
	opacity: 0.5
}

.icon.grid.threebythree.gap.fill:after {
	content: "\ea95";
	margin-left: -1em
}

.icon.grid.align.center.middle:before {
	content: "\ec4d";
	opacity: 0.5
}

.icon.grid.align.center.middle:after {
	content: "\ec4e";
	margin-left: -1em
}

.icon.grid.align.top.left:before {
	content: "\ec4f";
	opacity: 0.5
}

.icon.grid.align.top.left:after {
	content: "\ec50";
	margin-left: -1em
}

.icon.grid.align.top.right:before {
	content: "\ec51";
	opacity: 0.5
}

.icon.grid.align.top.right:after {
	content: "\ec52";
	margin-left: -1em
}

.icon.grid.align.bottom.left:before {
	content: "\ec53";
	opacity: 0.5
}

.icon.grid.align.bottom.left:after {
	content: "\ec54";
	margin-left: -1em
}

.icon.grid.align.bottom.right:before {
	content: "\ec55";
	opacity: 0.5
}

.icon.grid.align.bottom.right:after {
	content: "\ec56";
	margin-left: -1em
}

.icon.grid.align.top.middle:before {
	content: "\ec57";
	opacity: 0.5
}

.icon.grid.align.top.middle:after {
	content: "\ec58";
	margin-left: -1em
}

.icon.grid.align.bottom.middle:before {
	content: "\ec59";
	opacity: 0.5
}

.icon.grid.align.bottom.middle:after {
	content: "\ec5a";
	margin-left: -1em
}

.icon.grid.align.center.left:before {
	content: "\ec5b";
	opacity: 0.5
}

.icon.grid.align.center.left:after {
	content: "\ec5c";
	margin-left: -1em
}

.icon.grid.align.center.right:before {
	content: "\ec5d";
	opacity: 0.5
}

.icon.grid.align.center.right:after {
	content: "\ec5e";
	margin-left: -1em
}

.icon.grip.horizontal:before {
	content: "\ea96";
	opacity: 0.5
}

.icon.grip.horizontal:after {
	content: "\ea97";
	margin-left: -1em
}

.icon.grip.vertical:before {
	content: "\ea98";
	opacity: 0.5
}

.icon.grip.vertical:after {
	content: "\ea99";
	margin-left: -1em
}

.icon.hand:before {
	content: "\ea9a";
	opacity: 0.5
}

.icon.hand:after {
	content: "\ea9b";
	margin-left: -1em
}

.icon.hand.thumbs.down:before {
	content: "\ea9c";
	opacity: 0.5
}

.icon.hand.thumbs.down:after {
	content: "\ea9d";
	margin-left: -1em
}

.icon.hand.thumbs.up:before {
	content: "\ea9e";
	opacity: 0.5
}

.icon.hand.thumbs.up:after {
	content: "\ea9f";
	margin-left: -1em
}

.icon.hdd:before {
	content: "\eaa0";
	opacity: 0.5
}

.icon.hdd:after {
	content: "\eaa1";
	margin-left: -1em
}

.icon.hdd.network:before {
	content: "\eaa2";
	opacity: 0.5
}

.icon.hdd.network:after {
	content: "\eaa3";
	margin-left: -1em
}

.icon.hdd.rack:before {
	content: "\eaa4";
	opacity: 0.5
}

.icon.hdd.rack:after {
	content: "\eaa5";
	margin-left: -1em
}

.icon.hdd.stack:before {
	content: "\eaa6";
	opacity: 0.5
}

.icon.hdd.stack:after {
	content: "\eaa7";
	margin-left: -1em
}

.icon.headphones:before {
	content: "\eaa8";
	opacity: 0.5
}

.icon.headphones:after {
	content: "\eaa9";
	margin-left: -1em
}

.icon.heart:before {
	content: "\eaaa"
}

.icon.heart.half:before {
	content: "\eaab";
	opacity: 0.5
}

.icon.heart.half:after {
	content: "\eaac";
	margin-left: -1em
}

.icon.hourglass:before {
	content: "\eaad";
	opacity: 0.5
}

.icon.hourglass:after {
	content: "\eaae";
	margin-left: -1em
}

.icon.house:before {
	content: "\eaaf";
	opacity: 0.5
}

.icon.house:after {
	content: "\eab0";
	margin-left: -1em
}

.icon.house.alt:before {
	content: "\eab1";
	opacity: 0.5
}

.icon.icons:before {
	content: "\ec85";
	opacity: 0.5
}

.icon.icons:after {
	content: "\ec86";
	margin-left: -1em
}

.icon.house.alt:after {
	content: "\eab2";
	margin-left: -1em
}

.icon.image:before {
	content: "\eab3";
	opacity: 0.5
}

.icon.image:after {
	content: "\eab4";
	margin-left: -1em
}

.icon.image.alt:before {
	content: "\eab5";
	opacity: 0.5
}

.icon.image.alt:after {
	content: "\eab6";
	margin-left: -1em
}

.icon.image.fill:before {
	content: "\eab7";
	opacity: 0.5
}

.icon.image.fill:after {
	content: "\eab8";
	margin-left: -1em
}

.icon.images:before {
	content: "\eab9";
	opacity: 0.5
}

.icon.images:after {
	content: "\eaba";
	margin-left: -1em
}

.icon.inbox:before {
	content: "\eabb";
	opacity: 0.5
}

.icon.inbox:after {
	content: "\eabc";
	margin-left: -1em
}

.icon.info.circle:before {
	content: "\eabd";
	opacity: 0.5
}

.icon.info.circle:after {
	content: "\eabe";
	margin-left: -1em
}

.icon.info.square:before {
	content: "\eabf";
	opacity: 0.5
}

.icon.info.square:after {
	content: "\eac0";
	margin-left: -1em
}

.icon.intersect:before {
	content: "\eac1";
	opacity: 0.5
}

.icon.intersect:after {
	content: "\eac2";
	margin-left: -1em
}

.icon.journal:before {
	content: "\eac3";
	opacity: 0.5
}

.icon.journal:after {
	content: "\eac4";
	margin-left: -1em
}

.icon.key:before {
	content: "\eac5";
	opacity: 0.5
}

.icon.key:after {
	content: "\eac6";
	margin-left: -1em
}

.icon.key.fill:before {
	content: "\eac7";
	opacity: 0.5
}

.icon.key.fill:after {
	content: "\eac8";
	margin-left: -1em
}

.icon.language:before {
	content: "\e9f6";
	opacity: 0.5
}

.icon.language:after {
	content: "\e9f8";
	margin-left: -1em
}

.icon.laptop:before {
	content: "\eac9";
	opacity: 0.5
}

.icon.laptop:after {
	content: "\eaca";
	margin-left: -1em
}

.icon.layers:before {
	content: "\eacb";
	opacity: 0.5
}

.icon.layers:after {
	content: "\eacc";
	margin-left: -1em
}

.icon.layers.fill:before {
	content: "\eacd";
	opacity: 0.5
}

.icon.layers.fill:after {
	content: "\eace";
	margin-left: -1em
}

.icon.layout.sidebar:before {
	content: "\eacf";
	opacity: 0.5
}

.icon.layout.sidebar:after {
	content: "\ead0";
	margin-left: -1em
}

.icon.layout.sidebar.reverse:before {
	content: "\ead1";
	opacity: 0.5
}

.icon.layout.sidebar.reverse:after {
	content: "\ead2";
	margin-left: -1em
}

.icon.layout.split:before {
	content: "\ead3";
	opacity: 0.5
}

.icon.layout.split:after {
	content: "\ead4";
	margin-left: -1em
}

.icon.layout.text.window:before {
	content: "\ead5";
	opacity: 0.5
}

.icon.layout.text.window:after {
	content: "\ead6";
	margin-left: -1em
}

.icon.layout.text.window.reverse:before {
	content: "\ead7";
	opacity: 0.5
}

.icon.layout.text.window.reverse:after {
	content: "\ead8";
	margin-left: -1em
}

.icon.layout.three.columns:before {
	content: "\ead9";
	opacity: 0.5
}

.icon.layout.three.columns:after {
	content: "\eada";
	margin-left: -1em
}

.icon.layout.wtf:before {
	content: "\eadb";
	opacity: 0.5
}

.icon.layout.wtf:after {
	content: "\eadc";
	margin-left: -1em
}

.icon.life.preserver:before {
	content: "\eadd";
	opacity: 0.5
}

.icon.life.preserver:after {
	content: "\eade";
	margin-left: -1em
}

.icon.lightbubl:before {
	content: "\eadf";
	opacity: 0.5
}

.icon.lightbubl:after {
	content: "\eae0";
	margin-left: -1em
}

.icon.lighting:before {
	content: "\eae1";
	opacity: 0.5
}

.icon.lighting:after {
	content: "\eae2";
	margin-left: -1em
}

.icon.link:before {
	content: "\eae3";
	opacity: 0.5
}

.icon.link:after {
	content: "\eae4";
	margin-left: -1em
}

.icon.list:before {
	content: "\eae5";
	opacity: 0.5
}

.icon.list:after {
	content: "\eae6";
	margin-left: -1em
}

.icon.list.check:before {
	content: "\eae7";
	opacity: 0.5
}

.icon.list.check:after {
	content: "\eae8";
	margin-left: -1em
}

.icon.lock:before {
	content: "\eae9";
	opacity: 0.5
}

.icon.lock:after {
	content: "\eaea";
	margin-left: -1em
}

.icon.mailbox:before {
	content: "\eaeb";
	opacity: 0.5
}

.icon.mailbox:after {
	content: "\eaec";
	margin-left: -1em
}

.icon.map:before {
	content: "\eaed";
	opacity: 0.5
}

.icon.map:after {
	content: "\eaee";
	margin-left: -1em
}

.icon.messages:before {
	content: "\ec87";
	opacity: 0.5
}

.icon.messages:after {
	content: "\ec88";
	margin-left: -1em
}

.icon.mic:before {
	content: "\eaef";
	opacity: 0.5
}

.icon.mic:after {
	content: "\eaf0";
	margin-left: -1em
}

.icon.mouse:before {
	content: "\eaf1";
	opacity: 0.5
}

.icon.mouse:after {
	content: "\eaf2";
	margin-left: -1em
}

.icon.music.note.beamed:before {
	content: "\eaf3";
	opacity: 0.5
}

.icon.music.note.beamed:after {
	content: "\eaf4";
	margin-left: -1em
}

.icon.music.note.list:before {
	content: "\eaf5";
	opacity: 0.5
}

.icon.music.note.list:after {
	content: "\eaf6";
	margin-left: -1em
}

.icon.moon:before {
	content: "\eaf7"
}

.icon.moon.fill:before {
	content: "\eaf8"
}

.icon.newspaper:before {
	content: "\eaf9";
	opacity: 0.5
}

.icon.newspaper:after {
	content: "\eafa";
	margin-left: -1em
}

.icon.nut:before {
	content: "\eafb";
	opacity: 0.5
}

.icon.nut:after {
	content: "\eafc";
	margin-left: -1em
}

.icon.paint.bucket:before {
	content: "\eafd";
	opacity: 0.5
}

.icon.paint.bucket:after {
	content: "\eafe";
	margin-left: -1em
}

.icon.pallet:before {
	content: "\eb08";
	opacity: 0.5
}

.icon.pallet:after {
	content: "\eb09";
	margin-left: -1em
}

.icon.paperclip:before {
	content: "\ec5f"
}

.icon.paste:before {
	content: "\ec60";
	opacity: 0.5
}

.icon.paste:after {
	content: "\ec61";
	margin-left: -1em
}

.icon.pause:before {
	content: "\eaff"
}

.icon.pen:before {
	content: "\eb00";
	opacity: 0.5
}

.icon.pen:after {
	content: "\eb01";
	margin-left: -1em
}

.icon.pen.alt:before {
	content: "\eb02";
	opacity: 0.5
}

.icon.pen.alt:after {
	content: "\eb03";
	margin-left: -1em
}

.icon.pencil:before {
	content: "\eb04";
	opacity: 0.5
}

.icon.pencil:after {
	content: "\eb05";
	margin-left: -1em
}

.icon.pencil.square:before {
	content: "\eb06";
	opacity: 0.5
}

.icon.pencil.square:after {
	content: "\eb07";
	margin-left: -1em
}

.icon.pencil.fill:before {
	content: "\ec7f";
	opacity: 0.5
}

.icon.pencil.fill:after {
	content: "\ec80";
	margin-left: -1em
}

.icon.pencil.line:before {
	content: "\ec81";
	opacity: 0.5
}

.icon.pencil.line:after {
	content: "\ec82";
	margin-left: -1em
}

.icon.person:before {
	content: "\eb0c";
	opacity: 0.5
}

.icon.person:after {
	content: "\eb0d";
	margin-left: -1em
}

.icon.people:before {
	content: "\eb0a";
	opacity: 0.5
}

.icon.people:after {
	content: "\eb0b";
	margin-left: -1em
}

.icon.person.lines:before {
	content: "\eb10";
	opacity: 0.5
}

.icon.person.lines:after {
	content: "\eb11";
	margin-left: -1em
}

.icon.person.badge:before {
	content: "\eb0e";
	opacity: 0.5
}

.icon.person.badge:after {
	content: "\eb0f";
	margin-left: -1em
}

.icon.phone:before {
	content: "\eb12";
	opacity: 0.5
}

.icon.phone:after {
	content: "\eb13";
	margin-left: -1em
}

.icon.pie.chart.fill:before {
	content: "\eb14";
	opacity: 0.5
}

.icon.pie.chart.fill:after {
	content: "\eb15";
	margin-left: -1em
}

.icon.pin:before {
	content: "\eb16";
	opacity: 0.5
}

.icon.pin:after {
	content: "\eb17";
	margin-left: -1em
}

.icon.play:before {
	content: "\eb18"
}

.icon.plus:before {
	content: "\eb19"
}

.icon.plus.alt:before {
	content: "\eb1a"
}

.icon.plus.circle:before {
	content: "\eb1b";
	opacity: 0.5
}

.icon.plus.circle:after {
	content: "\eb1c";
	margin-left: -1em
}

.icon.power:before {
	content: "\eb1d";
	opacity: 0.5
}

.icon.power:after {
	content: "\eb1e";
	margin-left: -1em
}

.icon.printer:before {
	content: "\eb1f";
	opacity: 0.5
}

.icon.printer:after {
	content: "\eb20";
	margin-left: -1em
}

.icon.puzzle:before {
	content: "\eb21"
}

.icon.qr:before {
	content: "\eb22";
	opacity: 0.5
}

.icon.qr:after {
	content: "\eb23";
	margin-left: -1em
}

.icon.question.circle:before {
	content: "\eb24";
	opacity: 0.5
}

.icon.question.circle:after {
	content: "\eb25";
	margin-left: -1em
}

.icon.question.square:before {
	content: "\eb26";
	opacity: 0.5
}

.icon.question.square:after {
	content: "\eb27";
	margin-left: -1em
}

.icon.quote:before {
	content: "\eb28";
	opacity: 0.5
}

.icon.quote:after {
	content: "\eb29";
	margin-left: -1em
}

.icon.receipt:before {
	content: "\eb2a";
	opacity: 0.5
}

.icon.receipt:after {
	content: "\eb2b";
	margin-left: -1em
}

.icon.reception:before {
	content: "\eb2c"
}

.icon.record.circle:before {
	content: "\eb2d";
	opacity: 0.5
}

.icon.record.circle:after {
	content: "\eb2e";
	margin-left: -1em
}

.icon.repeat:before {
	content: "\e998";
	opacity: 0.5
}

.icon.repeat:after {
	content: "\e999";
	margin-left: -1em
}

.icon.reply:before {
	content: "\eb2f";
	opacity: 0.5
}

.icon.reply:after {
	content: "\eb30";
	margin-left: -1em
}

.icon.save:before {
	content: "\eb31";
	opacity: 0.5
}

.icon.save:after {
	content: "\eb32";
	margin-left: -1em
}

.icon.scissors:before {
	content: "\eb33";
	opacity: 0.5
}

.icon.scissors:after {
	content: "\eb34";
	margin-left: -1em
}

.icon.search:before {
	content: "\eb35";
	opacity: 0.5
}

.icon.search:after {
	content: "\eb36";
	margin-left: -1em
}

.icon.server:before {
	content: "\eb37";
	opacity: 0.5
}

.icon.server:after {
	content: "\eb38";
	margin-left: -1em
}

.icon.server.fill:before {
	content: "\eb39";
	opacity: 0.5
}

.icon.server.fill:after {
	content: "\eb3a";
	margin-left: -1em
}

.icon.share:before {
	content: "\eb3b";
	opacity: 0.5
}

.icon.share:after {
	content: "\eb3c";
	margin-left: -1em
}

.icon.shield:before {
	content: "\eb3d";
	opacity: 0.5
}

.icon.shield:after {
	content: "\eb3e";
	margin-left: -1em
}

.icon.shield.shaded:before {
	content: "\eb3f";
	opacity: 0.5
}

.icon.shield.shaded:after {
	content: "\eb40";
	margin-left: -1em
}

.icon.shuffle:before {
	content: "\eb41";
	opacity: 0.5
}

.icon.shuffle:after {
	content: "\eb42";
	margin-left: -1em
}

.icon.skip.backward:before {
	content: "\eb43";
	opacity: 0.5
}

.icon.skip.backward:after {
	content: "\eb44";
	margin-left: -1em
}

.icon.skip.forward:before {
	content: "\eb45";
	opacity: 0.5
}

.icon.skip.forward:after {
	content: "\eb46";
	margin-left: -1em
}

.icon.skip.start:before {
	content: "\eb47";
	opacity: 0.5
}

.icon.skip.start:after {
	content: "\eb48";
	margin-left: -1em
}

.icon.skip.end:before {
	content: "\eb49";
	opacity: 0.5
}

.icon.skip.end:after {
	content: "\eb4a";
	margin-left: -1em
}

.icon.slash.circle:before {
	content: "\eb4b";
	opacity: 0.5
}

.icon.slash.circle:after {
	content: "\eb4c";
	margin-left: -1em
}

.icon.slash.square:before {
	content: "\eb4d";
	opacity: 0.5
}

.icon.slash.square:after {
	content: "\eb4e";
	margin-left: -1em
}

.icon.sliders.horizontal:before {
	content: "\eb4f";
	opacity: 0.5
}

.icon.sliders.horizontal:after {
	content: "\eb50";
	margin-left: -1em
}

.icon.sliders.vertical:before {
	content: "\eb51";
	opacity: 0.5
}

.icon.sliders.vertical:after {
	content: "\eb52";
	margin-left: -1em
}

.icon.sliders.horizontal.alt:before {
	content: "\eb53";
	opacity: 0.5
}

.icon.sliders.horizontal.alt:after {
	content: "\eb54";
	margin-left: -1em
}

.icon.sliders.verticall.alt:before {
	content: "\eb55";
	opacity: 0.5
}

.icon.sliders.verticall.alt:after {
	content: "\eb56";
	margin-left: -1em
}

.icon.smartwatch:before {
	content: "\eb57";
	opacity: 0.5
}

.icon.smartwatch:after {
	content: "\eb58";
	margin-left: -1em
}

.icon.snow:before {
	content: "\eb59";
	opacity: 0.5
}

.icon.snow:after {
	content: "\eb5a";
	margin-left: -1em
}

.icon.sort.alpha.down:before {
	content: "\eb5b";
	opacity: 0.5
}

.icon.sort.alpha.down:after {
	content: "\eb5c";
	margin-left: -1em
}

.icon.sort.alpha.up:before {
	content: "\eb5d";
	opacity: 0.5
}

.icon.sort.alpha.up:after {
	content: "\eb5e";
	margin-left: -1em
}

.icon.sort.numeric.down:before {
	content: "\eb5f";
	opacity: 0.5
}

.icon.sort.numeric.down:after {
	content: "\eb60";
	margin-left: -1em
}

.icon.sort.numeric.up:before {
	content: "\eb61";
	opacity: 0.5
}

.icon.sort.numeric.up:after {
	content: "\eb62";
	margin-left: -1em
}

.icon.sort.down:before {
	content: "\eb63";
	opacity: 0.5
}

.icon.sort.down:after {
	content: "\eb64";
	margin-left: -1em
}

.icon.sort.up:before {
	content: "\eb65";
	opacity: 0.5
}

.icon.sort.up:after {
	content: "\eb66";
	margin-left: -1em
}

.icon.soundwave:before {
	content: "\eb67";
	opacity: 0.5
}

.icon.soundwave:after {
	content: "\eb68";
	margin-left: -1em
}

.icon.speaker:before {
	content: "\eb69";
	opacity: 0.5
}

.icon.speaker:after {
	content: "\eb6a";
	margin-left: -1em
}

.icon.speedometer:before {
	content: "\eb6b";
	opacity: 0.5
}

.icon.speedometer:after {
	content: "\eb6c";
	margin-left: -1em
}

.icon.spinner:before {
	content: "\ec62";
	opacity: 0.5
}

.icon.spinner:after {
	content: "\ec63";
	margin-left: -1em
}

.icon.spinner1:before {
	content: "\ec64";
	opacity: 0.5
}

.icon.spinner1:after {
	content: "\ec65";
	margin-left: -1em
}

.icon.square:before {
	content: "\eb6d"
}

.icon.square.fill:before {
	content: "\eb6e";
	opacity: 0.5
}

.icon.square.fill:after {
	content: "\eb6f";
	margin-left: -1em
}

.icon.square.half:before {
	content: "\eb70";
	opacity: 0.5
}

.icon.square.half:after {
	content: "\eb71";
	margin-left: -1em
}

.icon.star:before {
	content: "\eb72"
}

.icon.star.fill:before {
	content: "\eb73";
	opacity: 0.5
}

.icon.star.fill:after {
	content: "\eb74";
	margin-left: -1em
}

.icon.star.half:before {
	content: "\eb75";
	opacity: 0.5
}

.icon.star.half:after {
	content: "\eb76";
	margin-left: -1em
}

.icon.stars:before {
	content: "\eb77";
	opacity: 0.5
}

.icon.stars:after {
	content: "\eb78";
	margin-left: -1em
}

.icon.sticky:before {
	content: "\eb79";
	opacity: 0.5
}

.icon.sticky:after {
	content: "\eb7a";
	margin-left: -1em
}

.icon.stopwatch:before {
	content: "\eb7b";
	opacity: 0.5
}

.icon.stopwatch:after {
	content: "\eb7c";
	margin-left: -1em
}

.icon.sun:before {
	content: "\eb7d";
	opacity: 0.5
}

.icon.sun:after {
	content: "\eb7e";
	margin-left: -1em
}

.icon.sunglasses:before {
	content: "\eb7f";
	opacity: 0.5
}

.icon.sunglasses:after {
	content: "\eb80";
	margin-left: -1em
}

.icon.tablet:before {
	content: "\eb81";
	opacity: 0.5
}

.icon.tablet:after {
	content: "\eb82";
	margin-left: -1em
}

.icon.tag:before {
	content: "\eb83";
	opacity: 0.5
}

.icon.tag:after {
	content: "\eb84";
	margin-left: -1em
}

.icon.tags:before {
	content: "\eb85";
	opacity: 0.5
}

.icon.tags:after {
	content: "\eb86";
	margin-left: -1em
}

.icon.telegram:before {
	content: "\eb87";
	opacity: 0.5
}

.icon.telegram:after {
	content: "\eb88";
	margin-left: -1em
}

.icon.telegram.alt:before {
	content: "\eb89";
	opacity: 0.5
}

.icon.telegram.alt:after {
	content: "\eb8a";
	margin-left: -1em
}

.icon.telephone:before {
	content: "\eb8b"
}

.icon.terminal:before {
	content: "\ec66"
}

.icon.terminal:after {
	content: "\ec67";
	margin-left: -1em;
	opacity: 0.5
}

.icon.thermometer:before {
	content: "\eb8c";
	opacity: 0.5
}

.icon.thermometer:after {
	content: "\eb8d";
	margin-left: -1em
}

.icon.three.dots:before {
	content: "\eb8e";
	opacity: 0.5
}

.icon.three.dots:after {
	content: "\eb8f";
	margin-left: -1em
}

.icon.three.dots.vertical:before {
	content: "\eb90";
	opacity: 0.5
}

.icon.three.dots.vertical:after {
	content: "\eb91";
	margin-left: -1em
}

.icon.time:before {
	content: "\ea75";
	opacity: 0.5
}

.icon.time:after {
	content: "\ea76";
	margin-left: -1em
}

.icon.time.history:before {
	content: "\ea77";
	opacity: 0.5
}

.icon.time.history:after {
	content: "\ea78";
	margin-left: -1em
}

.icon.toggle.off:before {
	content: "\eb92";
	opacity: 0.5
}

.icon.toggle.off:after {
	content: "\eb93";
	margin-left: -1em
}

.icon.toggle.on:before {
	content: "\eb94";
	opacity: 0.5
}

.icon.toggle.on:after {
	content: "\eb95";
	margin-left: -1em
}

.icon.toggle.off.fill:before {
	content: "\eb96";
	opacity: 0.5
}

.icon.toggle.off.fill:after {
	content: "\eb97";
	margin-left: -1em
}

.icon.toggle.on.fill:before {
	content: "\eb98";
	opacity: 0.5
}

.icon.toggle.on.fill:after {
	content: "\eb99";
	margin-left: -1em
}

.icon.tools:before {
	content: "\eb9a";
	opacity: 0.5
}

.icon.tools:after {
	content: "\eb9b";
	margin-left: -1em
}

.icon.trash:before {
	content: "\eb9c";
	opacity: 0.5
}

.icon.trash:after {
	content: "\eb9d";
	margin-left: -1em
}

.icon.trash.alt:before {
	content: "\eb9e";
	opacity: 0.5
}

.icon.trash.alt:after {
	content: "\eb9f";
	margin-left: -1em
}

.icon.trash.fill:before {
	content: "\eba0";
	opacity: 0.5
}

.icon.trash.fill:after {
	content: "\eba1";
	margin-left: -1em
}

.icon.trash.alt.fill:before {
	content: "\eba2";
	opacity: 0.5
}

.icon.trash.alt.fill:after {
	content: "\eba3";
	margin-left: -1em
}

.icon.triangle:before {
	content: "\eba4"
}

.icon.triangle.fill:before {
	content: "\eba5";
	opacity: 0.5
}

.icon.triangle.fill:after {
	content: "\eba6";
	margin-left: -1em
}

.icon.triangle.half:before {
	content: "\eba7";
	opacity: 0.5
}

.icon.triangle.half:after {
	content: "\eba8";
	margin-left: -1em
}

.icon.trophy:before {
	content: "\eba9";
	opacity: 0.5
}

.icon.trophy:after {
	content: "\ebaa";
	margin-left: -1em
}

.icon.truck:before {
	content: "\ebab";
	opacity: 0.5
}

.icon.truck:after {
	content: "\ebac";
	margin-left: -1em
}

.icon.tsunami:before {
	content: "\ebad";
	opacity: 0.5
}

.icon.tsunami:after {
	content: "\ebae";
	margin-left: -1em
}

.icon.tv:before {
	content: "\ebaf";
	opacity: 0.5
}

.icon.tv:after {
	content: "\ebb0";
	margin-left: -1em
}

.icon.umbrella:before {
	content: "\ebb1";
	opacity: 0.5
}

.icon.umbrella:after {
	content: "\ebb2";
	margin-left: -1em
}

.icon.unlink:before {
	content: "\ec68";
	opacity: 0.5
}

.icon.unlink:after {
	content: "\ec69";
	margin-left: -1em
}

.icon.unlock:before {
	content: "\ebb3";
	opacity: 0.5
}

.icon.unlock:after {
	content: "\ebb4";
	margin-left: -1em
}

.icon.vector.pen:before {
	content: "\ebb5";
	opacity: 0.5
}

.icon.vector.pen:after {
	content: "\ebb6";
	margin-left: -1em
}

.icon.view.list:before {
	content: "\ebb7";
	opacity: 0.5
}

.icon.view.list:after {
	content: "\ebb8";
	margin-left: -1em
}

.icon.view.stacked:before {
	content: "\ebb9";
	opacity: 0.5
}

.icon.view.stacked:after {
	content: "\ebba";
	margin-left: -1em
}

.icon.voicemail:before {
	content: "\ebbb";
	opacity: 0.5
}

.icon.voicemail:after {
	content: "\ebbc";
	margin-left: -1em
}

.icon.volume.down:before {
	content: "\ebbd";
	opacity: 0.5
}

.icon.volume.down:after {
	content: "\ebbe";
	margin-left: -1em
}

.icon.volume.up:before {
	content: "\ebbf";
	opacity: 0.5
}

.icon.volume.up:after {
	content: "\ebc0";
	margin-left: -1em
}

.icon.upload:before {
	content: "\ebc1";
	opacity: 0.5
}

.icon.upload:after {
	content: "\ebc2";
	margin-left: -1em
}

.icon.wallet:before {
	content: "\ebc3";
	opacity: 0.5
}

.icon.wallet:after {
	content: "\ebc4";
	margin-left: -1em
}

.icon.wand:before {
	content: "\ebc5";
	opacity: 0.5
}

.icon.wand:after {
	content: "\ebc6";
	margin-left: -1em
}

.icon.water:before {
	content: "\ebc7";
	opacity: 0.5
}

.icon.water:after {
	content: "\ebc8";
	margin-left: -1em
}

.icon.widgets:before {
	content: "\ebc9";
	opacity: 0.5
}

.icon.widgets:after {
	content: "\ebca";
	margin-left: -1em
}

.icon.wifi:before {
	content: "\ebcb";
	opacity: 0.5
}

.icon.wifi:after {
	content: "\ebcc";
	margin-left: -1em
}

.icon.window:before {
	content: "\ebcd";
	opacity: 0.5
}

.icon.window:after {
	content: "\ebce";
	margin-left: -1em
}

.icon.window.dock:before {
	content: "\ebcf";
	opacity: 0.5
}

.icon.window.dock:after {
	content: "\ebd0";
	margin-left: -1em
}

.icon.window.sidebar:before {
	content: "\ebd1";
	opacity: 0.5
}

.icon.window.sidebar:after {
	content: "\ebd2";
	margin-left: -1em
}

.icon.wysiwyg.border:before {
	content: "\ebd3"
}

.icon.wsiwyg.border.outer:before {
	content: "\ebd4";
	opacity: 0.5
}

.icon.wsiwyg.border.outer:after {
	content: "\ebd5";
	margin-left: -1em
}

.icon.wysiwyg.border.all:before {
	content: "\ebd6"
}

.icon.wysiwyg.border.top:before {
	content: "\ebd7";
	opacity: 0.5
}

.icon.wysiwyg.border.top:after {
	content: "\ebd8";
	margin-left: -1em
}

.icon.wysiwyg.border.bottom:before {
	content: "\ebd9";
	opacity: 0.5
}

.icon.wysiwyg.border.bottom:after {
	content: "\ebda";
	margin-left: -1em
}

.icon.wysiwyg.border.left:before {
	content: "\ebdb";
	opacity: 0.5
}

.icon.wysiwyg.border.left:after {
	content: "\ebdc";
	margin-left: -1em
}

.icon.wysiwyg.border.center:before {
	content: "\ebdd";
	opacity: 0.5
}

.icon.wysiwyg.border.center:after {
	content: "\ebde";
	margin-left: -1em
}

.icon.wysiwyg.border.right:before {
	content: "\ebdf";
	opacity: 0.5
}

.icon.wysiwyg.border.right:after {
	content: "\ebe0";
	margin-left: -1em
}

.icon.wysiwyg.border.inner:before {
	content: "\ebe1";
	opacity: 0.5
}

.icon.wysiwyg.border.inner:after {
	content: "\ebe2";
	margin-left: -1em
}

.icon.wysiwyg.border.middle:before {
	content: "\ebe3";
	opacity: 0.5
}

.icon.wysiwyg.border.middle:after {
	content: "\ebe4";
	margin-left: -1em
}

.icon.wysiwyg.border.style:before {
	content: "\ebe5";
	opacity: 0.5
}

.icon.wysiwyg.border.style:after {
	content: "\ebe6";
	margin-left: -1em
}

.icon.wysiwyg.border.width:before {
	content: "\ebe7";
	opacity: 0.5
}

.icon.wysiwyg.border.width:after {
	content: "\ebe8";
	margin-left: -1em
}

.icon.wysiwyg.fonts:before {
	content: "\ea79"
}

.icon.wysiwyg.justify:before {
	content: "\ebe9";
	opacity: 0.5
}

.icon.wysiwyg.justify:after {
	content: "\ebea";
	margin-left: -1em
}

.icon.wysiwyg.justify.left:before {
	content: "\ebeb";
	opacity: 0.5
}

.icon.wysiwyg.justify.left:after {
	content: "\ebec";
	margin-left: -1em
}

.icon.wysiwyg.justify.right:before {
	content: "\ebed";
	opacity: 0.5
}

.icon.wysiwyg.justify.right:after {
	content: "\ebee";
	margin-left: -1em
}

.icon.wysiwyg.list.ol:before {
	content: "\ebef";
	opacity: 0.5
}

.icon.wysiwyg.list.ol:after {
	content: "\ebf0";
	margin-left: -1em
}

.icon.wysiwyg.list.ul:before {
	content: "\ebf1";
	opacity: 0.5
}

.icon.wysiwyg.list.ul:after {
	content: "\ebf2";
	margin-left: -1em
}

.icon.wysiwyg.paragraph:before {
	content: "\ebf3";
	opacity: 0.5
}

.icon.wysiwyg.paragraph:after {
	content: "\ebf4";
	margin-left: -1em
}

.icon.wysiwyg.subscript:before {
	content: "\ec6a";
	opacity: 0.5
}

.icon.wysiwyg.subscript:after {
	content: "\ec6b";
	margin-left: -1em
}

.icon.wysiwyg.superscript:before {
	content: "\ec6c";
	opacity: 0.5
}

.icon.wysiwyg.superscript:after {
	content: "\ec6d";
	margin-left: -1em
}

.icon.wysiwyg.table:before {
	content: "\ebf5";
	opacity: 0.5
}

.icon.wysiwyg.table:after {
	content: "\ebf6";
	margin-left: -1em
}

.icon.wysiwyg.text.center:before {
	content: "\ebf7";
	opacity: 0.5
}

.icon.wysiwyg.text.center:after {
	content: "\ebf8";
	margin-left: -1em
}

.icon.wysiwyg.text.indent.left:before {
	content: "\ebf9";
	opacity: 0.5
}

.icon.wysiwyg.text.indent.left:after {
	content: "\ebfa";
	margin-left: -1em
}

.icon.wysiwyg.text.indent.right:before {
	content: "\ebfb";
	opacity: 0.5
}

.icon.wysiwyg.text.indent.right:after {
	content: "\ebfc";
	margin-left: -1em
}

.icon.wysiwyg.text.left:before {
	content: "\ebfd";
	opacity: 0.5
}

.icon.wysiwyg.text.left:after {
	content: "\ebfe";
	margin-left: -1em
}

.icon.wysiwyg.text.right:before {
	content: "\ebff";
	opacity: 0.5
}

.icon.wysiwyg.text.right:after {
	content: "\ec00";
	margin-left: -1em
}

.icon.wysiwyg.text.paragraph:before {
	content: "\ec01";
	opacity: 0.5
}

.icon.wysiwyg.text.paragraph:after {
	content: "\ec02";
	margin-left: -1em
}

.icon.wysiwyg.type:before {
	content: "\ec03";
	opacity: 0.5
}

.icon.wysiwyg.type:after {
	content: "\ec04";
	margin-left: -1em
}

.icon.wysiwyg.type.bold:before {
	content: "\ec05";
	opacity: 0.5
}

.icon.wysiwyg.type.bold:after {
	content: "\ec06";
	margin-left: -1em
}

.icon.wysiwyg.type.h1:before {
	content: "\ec07";
	opacity: 0.5
}

.icon.wysiwyg.type.h1:after {
	content: "\ec08";
	margin-left: -1em
}

.icon.wysiwyg.type.h2:before {
	content: "\ec09";
	opacity: 0.5
}

.icon.wysiwyg.type.h2:after {
	content: "\ec0a";
	margin-left: -1em
}

.icon.wysiwyg.type.h3:before {
	content: "\ec0b";
	opacity: 0.5
}

.icon.wysiwyg.type.h3:after {
	content: "\ec0c";
	margin-left: -1em
}

.icon.wysiwyg.type.italic:before {
	content: "\ec0d";
	opacity: 0.5
}

.icon.wysiwyg.type.italic:after {
	content: "\ec0e";
	margin-left: -1em
}

.icon.wysiwyg.type.strikethrough:before {
	content: "\ec0f";
	opacity: 0.5
}

.icon.wysiwyg.type.strikethrough:after {
	content: "\ec10";
	margin-left: -1em
}

.icon.wysiwyg.type.underline:before {
	content: "\ec11";
	opacity: 0.5
}

.icon.wysiwyg.type.underline:after {
	content: "\ec12";
	margin-left: -1em
}

.icon.wysiwyg.gradient:before {
	content: "\ec6e";
	opacity: 0.5
}

.icon.wysiwyg.gradient:after {
	content: "\ec6f";
	margin-left: -1em
}

.icon.wysiwyg.bounce:before {
	content: "\ec70";
	opacity: 0.5
}

.icon.wysiwyg.bounce:after {
	content: "\ec71";
	margin-left: -1em
}

.icon.wysiwyg.fade:before {
	content: "\ec72";
	opacity: 0.5
}

.icon.wysiwyg.fade:after {
	content: "\ec73";
	margin-left: -1em
}

.icon.wysiwyg.flip:before {
	content: "\ec74";
	opacity: 0.5
}

.icon.wysiwyg.flip:after {
	content: "\ec75";
	margin-left: -1em
}

.icon.wysiwyg.fold:before {
	content: "\ec76";
	opacity: 0.5
}

.icon.wysiwyg.fold:after {
	content: "\ec77";
	margin-left: -1em
}

.icon.wysiwyg.roll:before {
	content: "\ec78"
}

.icon.wysiwyg.slide:before {
	content: "\ec79";
	opacity: 0.5
}

.icon.wysiwyg.slide:after {
	content: "\ec7a";
	margin-left: -1em
}

.icon.wysiwyg.zoom:before {
	content: "\ec7b";
	opacity: 0.5
}

.icon.wysiwyg.zoom:after {
	content: "\ec7c";
	margin-left: -1em
}

.icon.x:before {
	content: "\ec13"
}

.icon.x.alt:before {
	content: "\ec14"
}

.icon.x.circle:before {
	content: "\ec15";
	opacity: 0.5
}

.icon.x.circle:after {
	content: "\ec16";
	margin-left: -1em
}

.icon.x.square:before {
	content: "\ec17";
	opacity: 0.5
}

.icon.x.square:after {
	content: "\ec18";
	margin-left: -1em
}

.icon.zoom.in:before {
	content: "\ec19";
	opacity: 0.5
}

.icon.zoom.in:after {
	content: "\ec1a";
	margin-left: -1em
}

.icon.zoom.out:before {
	content: "\ec1b";
	opacity: 0.5
}

.icon.zoom.out:after {
	content: "\ec1c";
	margin-left: -1em
}

.icon.amazon:before {
	content: "\ec20"
}

.icon.apple:before {
	content: "\ec21"
}

.icon.behance:before {
	content: "\ec22"
}

.icon.css3:before {
	content: "\ec23"
}

.icon.dropbox:before {
	content: "\ec24"
}

.icon.facebook:before {
	content: "\ec25"
}

.icon.facebook.circle:before {
	content: "\ec26"
}

.icon.facebook.square:before {
	content: "\ec27"
}

.icon.github:before {
	content: "\ec28"
}

.icon.github.alt:before {
	content: "\ec29"
}

.icon.google:before {
	content: "\ec2a"
}

.icon.google.drive:before {
	content: "\ec2b"
}

.icon.google.play:before {
	content: "\ec2c"
}

.icon.html5:before {
	content: "\ec2d"
}

.icon.instagram:before {
	content: "\ec2e"
}

.icon.linkedin:before {
	content: "\ec2f"
}

.icon.linkedin.alt:before {
	content: "\ec30"
}

.icon.maple.leaf:before {
	content: "\ec31"
}

.icon.paypal:before {
	content: "\ec32"
}

.icon.microsoft:before {
	content: "\ec33"
}

.icon.pinterest:before {
	content: "\ec34"
}

.icon.pinterest.alt:before {
	content: "\ec35"
}

.icon.reddit:before {
	content: "\ec36"
}

.icon.rss:before {
	content: "\e9ea";
	opacity: 0.5
}

.icon.rss:after {
	content: "\e9ec";
	margin-left: -1em
}

.icon.rss.fill:before {
	content: "\e9ee";
	opacity: 0.5
}

.icon.rss.fill:after {
	content: "\e9f0";
	margin-left: -1em
}

.icon.skype:before {
	content: "\ec37"
}

.icon.soundcloud:before {
	content: "\ec38"
}

.icon.spotify:before {
	content: "\ec39"
}

.icon.twitch:before {
	content: "\ec3a"
}

.icon.twitter:before {
	content: "\ec3b"
}

.icon.viber:before {
	content: "\ec3c"
}

.icon.vimeo:before {
	content: "\ec3d"
}

.icon.vimeo.alt:before {
	content: "\ec3e"
}

.icon.whatsapp:before {
	content: "\ec3f"
}

.icon.windows:before {
	content: "\ec40"
}

.icon.youtube:before {
	content: "\ec41";
	opacity: 0.5
}

.icon.youtube:after {
	content: "\ec42";
	margin-left: -1em
}

.icon.wojologo:before {
	content: "\ec1d"
}

.icon.wojologo.alt:before {
	content: "\ec1e";
	opacity: 0.5
}

.icon.wojologo.alt:after {
	content: "\ec1f";
	margin-left: -1em
}

i.icon.spinning {
	animation: icon-spinning 2s linear infinite
}

@keyframes icon-spinning {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes icon-spinning {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

i.icon.active {
	opacity: 1
}

i.emphasized.icon {
	opacity: 1
}

.icon.disabled {
	opacity: .3
}

i.link.icon {
	opacity: .8;
	cursor: pointer
}

i.link.icon:hover {
	opacity: 1
}

i.flipped.icon,
i.horizontally.flipped.icon {
	transform: scale(-1, 1)
}

i.vertically.flipped.icon {
	transform: scale(1, -1)
}

i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
	transform: rotate(90deg)
}

i.left.rotated.icon,
i.counterclockwise.rotated.icon {
	transform: rotate(-90deg)
}

i.white.icon {
	color: #fff
}

i.dark.icon {
	color: var(--dark-color)
}

i.light.icon {
	color: var(--light-color)
}

i.primary.icon {
	color: var(--primary-color)
}

i.secondary.icon {
	color: var(--secondary-color)
}

i.positive.icon {
	color: var(--positive-color)
}

i.negative.icon {
	color: var(--negative-color)
}

i.pink.icon {
	color: #E91E63
}

i.purple.icon {
	color: #9C27B0
}

i.alert.icon {
	color: #ffc107
}

i.inverted.icon {
	color: rgba(255, 255, 255, 0.5)
}

i.primary.inverted.icon {
	color: var(--primary-color-inverted)
}

i.secondary.inverted.icon {
	color: var(--secondary-color-inverted)
}

i.positive.inverted.icon {
	color: var(--positive-color-inverted)
}

i.negative.inverted.icon {
	color: var(--negative-color-inverted)
}

i.dark.inverted.icon {
	color: var(--dark-color-inverted)
}

i.light.inverted.icon {
	color: var(--light-color-inverted)
}

i.inverted.twitter.icon {
	background-color: #00BFFF;
	color: #FFFFFF
}

i.inverted.facebook.icon {
	background-color: #128BDB;
	color: #FFFFFF
}

i.inverted.youtube.icon {
	background-color: #E20000;
	color: #FFFFFF
}

i.inverted.google.icon {
	background-color: #E20000;
	color: #FFFFFF
}

i.inverted.instagram.icon {
	background-color: #0569AA;
	color: #FFFFFF
}

.icon.mono:before {
	opacity: 1 !important
}

.wojo.icons {
	display: flex;
	flex-flow: row wrap
}

.wojo.icons .icon,
.wojo.icons a {
	flex: 0 0 auto;
	max-width: 100%;
	margin-right: .5rem;
	align-self: center
}

i.tiny.icon {
	font-size: .625rem
}

i.tiny.icon.circular {
	line-height: 1rem;
	width: 1rem;
	height: 1rem;
	box-shadow: none
}

i.small.icon {
	font-size: 1rem
}

i.icon {
	font-size: 1.25rem
}

i.medium.icon {
	font-size: 1.875rem
}

i.large.icon {
	font-size: 2.5rem;
	vertical-align: middle
}

i.big.icon {
	font-size: 3.75rem;
	vertical-align: middle
}

i.huge.icon {
	font-size: 4rem;
	vertical-align: middle
}

i.massive.icon {
	font-size: 6rem;
	vertical-align: middle
}

i.gigantic.icon {
	font-size: 8rem;
	vertical-align: middle
}

i.ginormous.icon {
	font-size: 12rem;
	vertical-align: middle;
	line-height: 1em
}

.wojo.button {
	cursor: pointer;
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	outline: none;
	vertical-align: middle;
	background-color: var(--body-color);
	color: #fff;
	font-family: inherit;
	font-weight: 500;
	margin: 0;
	padding: .875rem 1.875rem;
	line-height: 1.25rem;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border-radius: .250rem;
	border: 1px solid var(--body-color);
	box-sizing: content-box;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
	position: relative
}

.wojo.button:hover,
.wojo.button:active,
.wojo.button:focus {
	color: #fff;
	background: #616161;
	border-color: #616161
}

.wojo.button:active,
.wojo.button.active {
	outline: 0 none;
	box-shadow: none
}

.wojo.basic.buttons .button,
.wojo.basic.button,
.wojo.basic.primary.buttons .button,
.wojo.basic.primary.button,
.wojo.basic.secondary.buttons .button,
.wojo.basic.secondary.button,
.wojo.basic.positive.buttons .button,
.wojo.basic.positive.button,
.wojo.basic.negative.buttons .button,
.wojo.basic.negative.button,
.wojo.basic.white.buttons .button,
.wojo.basic.white.button,
.wojo.basic.light.buttons .button,
.wojo.basic.light.button,
.wojo.basic.dark.buttons .button,
.wojo.basic.dark.button,
.wojo.simple.buttons .button,
.wojo.simple.button,
.wojo.simple.primary.buttons .button,
.wojo.simple.primary.button,
.wojo.simple.secondary.buttons .button,
.wojo.simple.secondary.button,
.wojo.simple.positive.buttons .button,
.wojo.simple.positive.button,
.wojo.simple.negative.buttons .button,
.wojo.simple.negative.button,
.wojo.simple.white.buttons .button,
.wojo.simple.white.button,
.wojo.simple.light.buttons .button,
.wojo.simple.light.button,
.wojo.simple.dark.buttons .button,
.wojo.simple.dark.button,
.wojo.inverted.buttons .button,
.wojo.inverted.button,
.wojo.inverted.primary.buttons .button,
.wojo.inverted.primary.button,
.wojo.inverted.secondary.buttons .button,
.wojo.inverted.secondary.button,
.wojo.inverted.positive.buttons .button,
.wojo.inverted.positive.button,
.wojo.inverted.negative.buttons .button,
.wojo.inverted.negative.button,
.wojo.inverted.white.buttons .button,
.wojo.inverted.white.button,
.wojo.inverted.light.buttons .button,
.wojo.inverted.light.button,
.wojo.inverted.dark.buttons .button,
.wojo.inverted.dark.button {
	background: transparent;
	box-shadow: none;
	color: var(--body-color)
}

.wojo.simple.buttons .button,
.wojo.simple.button,
.wojo.simple.primary.buttons .button,
.wojo.simple.primary.button,
.wojo.simple.secondary.buttons .button,
.wojo.simple.secondary.button,
.wojo.simple.positive.buttons .button,
.wojo.simple.positive.button,
.wojo.simple.negative.buttons .button,
.wojo.simple.negative.button,
.wojo.simple.white.buttons .button,
.wojo.simple.white.button,
.wojo.simple.light.buttons .button,
.wojo.simple.light.button,
.wojo.simple.dark.buttons .button,
.wojo.simple.dark.button {
	box-shadow: none;
	border-color: transparent
}

.wojo.basic.button:hover,
.wojo.basic.button.active,
.wojo.basic.button:active {
	color: #fff;
	background: #616161;
	border-color: #616161
}

.wojo.primary.buttons .button,
.wojo.primary.button {
	background-color: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color)
}

.wojo.primary.buttons .button:hover,
.wojo.primary.buttons .button:active,
.wojo.primary.buttons .button:focus,
.wojo.primary.button:hover,
.wojo.primary.button:active,
.wojo.primary.button:focus {
	color: #fff;
	background: var(--primary-color-hover);
	border-color: var(--primary-color-hover)
}

.wojo.primary.buttons .button:active,
.wojo.primary.buttons .button.active,
.wojo.primary.button:active,
.wojo.primary.button.active {
	box-shadow: none;
	background: var(--primary-color-active)
}

.wojo.simple.primary.buttons .button,
.wojo.simple.primary.button {
	color: var(--primary-color);
	border-color: transparent
}

.wojo.simple.primary.button:hover,
.wojo.simple.primary.button.active,
.wojo.simple.primary.button:active {
	color: var(--primary-color-hover);
	background: transparent
}

.wojo.basic.primary.buttons .button,
.wojo.basic.primary.button {
	color: var(--primary-color);
	border-color: var(--primary-color-hover)
}

.wojo.basic.primary.button:hover,
.wojo.basic.primary.button.active,
.wojo.basic.primary.button:active {
	color: #fff
}

.wojo.inverted.primary.buttons .button,
.wojo.inverted.primary.button {
	background-color: var(--primary-color-inverted);
	color: var(--primary-color);
	border-color: var(--primary-color-inverted)
}

.wojo.inverted.primary.buttons .button.active,
.wojo.inverted.primary.buttons .button:hover,
.wojo.inverted.primary.button:hover,
.wojo.inverted.primary.button.active,
.wojo.inverted.primary.button:active {
	color: #fff;
	background: var(--primary-color);
	border-color: var(--primary-color)
}

.wojo.secondary.buttons .button,
.wojo.secondary.button {
	background-color: var(--secondary-color);
	color: #fff;
	border-color: var(--secondary-color)
}

.wojo.secondary.buttons .button:hover,
.wojo.secondary.buttons .button:active,
.wojo.secondary.buttons .button:focus,
.wojo.secondary.button:hover,
.wojo.secondary.button:active,
.wojo.secondary.button:focus {
	color: #fff;
	background: var(--secondary-color-hover);
	border-color: var(--secondary-color-hover)
}

.wojo.secondary.buttons .button:active,
.wojo.secondary.buttons .button.active,
.wojo.secondary.button:active,
.wojo.secondary.button.active {
	box-shadow: none;
	background: var(--secondary-color-active)
}

.wojo.simple.secondary.buttons .button,
.wojo.simple.secondary.button {
	color: var(--secondary-color);
	border-color: transparent
}

.wojo.simple.secondary.button:hover,
.wojo.simple.secondary.button.active,
.wojo.simple.secondary.button:active {
	color: var(--secondary-color-hover);
	background: transparent
}

.wojo.basic.secondary.buttons .button,
.wojo.basic.secondary.button {
	border-color: var(--secondary-color);
	color: var(--secondary-color)
}

.wojo.basic.secondary.button:hover,
.wojo.basic.secondary.button.active,
.wojo.basic.secondary.button:active {
	color: #fff
}

.wojo.inverted.secondary.buttons .button,
.wojo.inverted.secondary.button {
	background-color: var(--secondary-color-inverted);
	color: var(--secondary-color);
	border-color: var(--secondary-color-inverted)
}

.wojo.inverted.secondary.buttons .button.active,
.wojo.inverted.secondary.buttons .button:hover,
.wojo.inverted.secondary.button:hover,
.wojo.inverted.secondary.button.active,
.wojo.inverted.secondary.button:active {
	color: #fff;
	background: var(--secondary-color);
	border-color: var(--secondary-color)
}

.wojo.positive.buttons .button,
.wojo.positive.button {
	background-color: var(--positive-color);
	color: #fff;
	border-color: var(--positive-color)
}

.wojo.positive.buttons .button:hover,
.wojo.positive.buttons .button:active,
.wojo.positive.buttons .button:focus,
.wojo.positive.button:hover,
.wojo.positive.button:active,
.wojo.positive.button:focus {
	color: #fff;
	background: var(--positive-color-hover);
	border-color: var(--positive-color-hover)
}

.wojo.positive.buttons .button:active,
.wojo.positive.buttons .button.active,
.wojo.positive.button:active,
.wojo.positive.button.active {
	box-shadow: none;
	background: var(--positive-color-active)
}

.wojo.simple.positive.buttons .button,
.wojo.simple.positive.button {
	color: var(--positive-color-hover);
	border-color: transparent
}

.wojo.simple.positive.button:hover,
.wojo.simple.positive.button.active,
.wojo.simple.positive.button:active {
	color: var(--positive-color-hover);
	background: transparent
}

.wojo.basic.positive.buttons .button,
.wojo.basic.positive.button {
	border-color: var(--positive-color-hover);
	color: var(--positive-color-hover)
}

.wojo.basic.positive.button:hover,
.wojo.basic.positive.button.active,
.wojo.basic.positive.button:active {
	color: #fff
}

.wojo.inverted.positive.buttons .button,
.wojo.inverted.positive.button {
	background-color: var(--positive-color-inverted);
	color: var(--positive-color);
	border-color: var(--positive-color-inverted)
}

.wojo.inverted.positive.buttons .button.active,
.wojo.inverted.positive.buttons .button:hover,
.wojo.inverted.positive.button:hover,
.wojo.inverted.positive.button.active,
.wojo.inverted.positive.button:active {
	color: #fff;
	background: var(--positive-color);
	border-color: var(--positive-color)
}

.wojo.negative.buttons .button,
.wojo.negative.button {
	background-color: var(--negative-color);
	color: #fff;
	border-color: var(--negative-color)
}

.wojo.negative.buttons .button:hover,
.wojo.negative.buttons .button:active,
.wojo.negative.buttons .button:focus,
.wojo.negative.button:hover,
.wojo.negative.button:active,
.wojo.negative.button:focus {
	color: #fff;
	background: var(--negative-color-hover);
	border-color: var(--negative-color-hover)
}

.wojo.negative.buttons .button:active,
.wojo.negative.buttons .button.active,
.wojo.negative.button:active,
.wojo.negative.button.active {
	box-shadow: none;
	background: var(--negative-color-active)
}

.wojo.simple.negative.buttons .button,
.wojo.simple.negative.button {
	color: var(--negative-color-hover);
	border-color: transparent
}

.wojo.simple.negative.button:hover,
.wojo.simple.negative.button.active,
.wojo.simple.negative.button:active {
	color: var(--negative-color-hover);
	background: transparent
}

.wojo.basic.negative.buttons .button,
.wojo.basic.negative.button {
	border-color: var(--negative-color-hover);
	color: var(--negative-color-hover)
}

.wojo.basic.negative.button:hover,
.wojo.basic.negative.button.active,
.wojo.basic.negative.button:active {
	color: #fff
}

.wojo.inverted.negative.buttons .button,
.wojo.inverted.negative.button {
	background-color: var(--negative-color-inverted);
	color: var(--negative-color);
	border-color: var(--negative-color-inverted)
}

.wojo.inverted.negative.buttons .button.active,
.wojo.inverted.negative.buttons .button:hover,
.wojo.inverted.negative.button:hover,
.wojo.inverted.negative.button.active,
.wojo.inverted.negative.button:active {
	color: #fff;
	background: var(--negative-color);
	border-color: var(--negative-color)
}

.wojo.light.buttons .button,
.wojo.light.button {
	background-color: var(--light-color);
	color: var(--body-color);
	border-color: var(--light-color)
}

.wojo.light.buttons .button:hover,
.wojo.light.buttons .button:active,
.wojo.light.buttons .button:focus,
.wojo.light.buttons .button.active,
.wojo.light.button:hover,
.wojo.light.button:active,
.wojo.light.button:focus {
	color: var(--body-color);
	background: var(--light-color-hover);
	border-color: var(--light-color-hover)
}

.wojo.light.buttons .button:active,
.wojo.light.buttons .button.active,
.wojo.light.button:active,
.wojo.light.button.active {
	box-shadow: none
}

.wojo.simple.light.buttons .button,
.wojo.simple.light.button {
	color: var(--light-color);
	border-color: transparent
}

.wojo.simple.light.button:hover,
.wojo.simple.light.button.active,
.wojo.simple.light.button:active {
	color: var(--light-color-hover);
	background: transparent
}

.wojo.basic.light.buttons .button,
.wojo.basic.light.button {
	border-color: var(--light-color);
	color: var(--body-color)
}

.wojo.basic.light.button:hover,
.wojo.basic.light.button.active,
.wojo.basic.light.button:active {
	color: var(--body-color)
}

.wojo.inverted.light.buttons .button,
.wojo.inverted.light.button {
	background-color: var(--light-color-inverted);
	color: var(--light-color);
	border-color: var(--light-color-inverted)
}

.wojo.inverted.light.buttons .button.active,
.wojo.inverted.light.buttons .button:hover,
.wojo.inverted.light.button:hover,
.wojo.inverted.light.button.active,
.wojo.inverted.light.button:active {
	color: #fff;
	background: var(--light-color);
	border-color: var(--light-color)
}

.wojo.dark.buttons .button,
.wojo.dark.button {
	background-color: var(--dark-color);
	color: #fff;
	border-color: var(--dark-color)
}

.wojo.dark.buttons .button:hover,
.wojo.dark.buttons .button:active,
.wojo.dark.buttons .button:focus,
.wojo.dark.button:hover,
.wojo.dark.button:active,
.wojo.dark.button:focus {
	color: #fff;
	background: var(--dark-color-hover);
	border-color: var(--dark-color-hover)
}

.wojo.dark.buttons .button:active,
.wojo.dark.buttons .button.active,
.wojo.dark.button:active,
.wojo.dark.button.active {
	box-shadow: none
}

.wojo.simple.dark.buttons .button,
.wojo.simple.dark.button {
	color: var(--dark-color);
	border-color: transparent
}

.wojo.simple.dark.button:hover,
.wojo.simple.dark.button.active,
.wojo.simple.dark.button:active {
	color: var(--dark-color-hover);
	background: transparent
}

.wojo.basic.dark.buttons .button,
.wojo.basic.dark.button {
	border-color: var(--dark-color);
	color: var(--dark-color)
}

.wojo.basic.dark.button:hover,
.wojo.basic.dark.button.active,
.wojo.basic.dark.button:active {
	color: #fff
}

.wojo.inverted.dark.buttons .button,
.wojo.inverted.dark.button {
	background-color: var(--dark-color-inverted);
	color: var(--dark-color);
	border-color: var(--dark-color-inverted)
}

.wojo.inverted.dark.buttons .button.active,
.wojo.inverted.dark.buttons .button:hover,
.wojo.inverted.dark.button:hover,
.wojo.inverted.dark.button.active,
.wojo.inverted.dark.button:active {
	color: #fff;
	background: var(--dark-color);
	border-color: var(--dark-color)
}

.wojo.white.buttons .button,
.wojo.white.button {
	background-color: #fff;
	box-shadow: 0 2px 3px rgba(50, 50, 93, .11), 0 1px 1px rgba(0, 0, 0, .08);
	color: var(--primary-color);
	border-color: #fff
}

.wojo.white.buttons .button:hover,
.wojo.white.buttons .button:active,
.wojo.white.buttons .button:focus,
.wojo.white.button:hover,
.wojo.white.button:active,
.wojo.white.button:focus {
	background-color: #fff;
	border-color: #fff;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.wojo.white.buttons .button:active,
.wojo.white.buttons .button.active,
.wojo.white.button:active,
.wojo.white.button.active {
	box-shadow: 0 0 0 0 transparent
}

.wojo.basic.white.buttons .button,
.wojo.basic.white.button {
	border-color: #fff;
	color: #fff
}

.wojo.basic.white.button:hover,
.wojo.basic.white.button.active,
.wojo.basic.white.button:active {
	color: var(--primary-color)
}

.wojo.transparent.buttons .button,
.wojo.transparent.button {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	border-color: transparent
}

.wojo.transparent.buttons .button:hover,
.wojo.transparent.buttons .button:active,
.wojo.transparent.buttons .button:focus,
.wojo.transparent.button:hover,
.wojo.transparent.button:active,
.wojo.transparent.button:focus {
	background: rgba(255, 255, 255, 0.4);
	border-color: transparent
}

.wojo.fluid.button,
.wojo.fluid.buttons {
	display: flex;
	margin: 0
}

.wojo.fluid.buttons .button {
	flex: 1 1 0px;
	min-width: 0
}

.wojo.fluid.labeled.button span {
	flex: 1 1 0px
}

button.wojo.fluid.button {
	width: calc(100% - 3.75rem - 2px)
}

.wojo.icon.button {
	margin: 0;
	line-height: 1rem;
	padding: .875rem;
	font-size: 1rem
}

.wojo.icon.button .icon {
	width: 1.250rem
}

.wojo.button svg {
	width: 1rem;
	margin-right: 1rem
}

.wojo.button:not(.icon) .icon {
	margin-right: 1rem
}

.wojo.right.button:not(.labeled):not(.icon) .icon {
	margin-right: 0;
	margin-left: 1rem
}

.wojo.notify.button span {
	padding-right: 1rem
}

.wojo.labeled.button {
	padding: 0
}

.wojo.labeled.button span,
.wojo.labeled.button .icon {
	flex: 0 1 auto;
	-ms-grid-row-align: auto;
	align-self: auto
}

.wojo.labeled.button span {
	padding: .875rem 1.875rem
}

.wojo.labeled.button .icon {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	margin: 0;
	padding: .875rem;
	background-color: rgba(255, 255, 255, .1)
}

.wojo.buttons {
	display: inline-flex;
	flex-direction: row
}

.wojo.buttons .button {
	flex: 1 0 auto;
	margin: 0em;
	border-radius: 0em;
	box-shadow: none
}

.wojo.buttons .button:first-child {
	border-radius: .250rem 0 0 .250rem
}

.wojo.buttons .button:last-child {
	border-radius: 0 .250rem .250rem 0
}

.wojo.rounded.buttons .button:first-child {
	border-radius: 2rem 0 0 2rem
}

.wojo.rounded.buttons .button:last-child {
	border-radius: 0 2rem 2rem 0
}

.wojo.button .status {
	position: absolute;
	top: -2px;
	right: -2px;
	width: .813rem;
	height: .813rem;
	border-radius: 1rem;
	background: #ffffff;
	border: 2px solid #ffffff
}

.wojo.button .status.negative {
	background: var(--negative-color)
}

.wojo.button .status.positive {
	background: var(--positive-color)
}

.wojo.circular.button {
	border-radius: 100rem
}

.wojo.compact.buttons,
.wojo.compact.button {
	padding: .750rem 1rem
}

.wojo.compact.icon.button {
	padding: .50rem
}

.wojo.rounded.buttons,
.wojo.rounded.button {
	border-radius: 3rem
}

.wojo.spaced.button {
	margin-right: 1rem
}

.wojo.passive.button {
	cursor: default;
	pointer-events: none
}

.wojo.filter.buttons {
	background-color: var(--dark-color-inverted);
	border-radius: .250rem
}

.wojo.filter.buttons .button {
	margin: .25rem;
	border-radius: .250rem;
	background-color: #fff;
	border: 0;
	color: var(--primary-color);
	box-shadow: 0 3px 6px 0 var(--shadow-color)
}

.wojo.filter.buttons .button.passive {
	background-color: transparent;
	box-shadow: none;
	border: 0
}

.wojo.attached.buttons,
.wojo.attached.button {
	position: absolute;
	z-index: 2
}

.wojo.attached.top.buttons,
.wojo.attached.top.button {
	top: 0
}

.wojo.attached.bottom.buttons,
.wojo.attached.bottom.button {
	bottom: 0
}

.wojo.attached.left.buttons,
.wojo.attached.left.button {
	left: 0
}

.wojo.attached.right.buttons,
.wojo.attached.right.button {
	right: 0
}

.wojo.attached.middle.buttons,
.wojo.attached.middle.button {
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.wojo.attached.spaced.top.buttons,
.wojo.attached.spaced.top.button {
	top: 1rem
}

.wojo.attached.spaced.right.buttons,
.wojo.attached.spaced.right.button {
	right: 1rem
}

.wojo.attached.spaced.left.buttons,
.wojo.attached.spaced.left.button {
	left: 1rem
}

.wojo.attached.outside.top.buttons,
.wojo.attached.outside.top.button {
	top: -1rem
}

.wojo.attached.outside.right.buttons,
.wojo.attached.outside.right.button {
	right: -1rem
}

.wojo.attached.outside.left.buttons,
.wojo.attached.outside.left.button {
	left: -1rem
}

.wojo.attached.spaced.button {
	margin: 0
}

.wojo.buttons .disabled.button,
.wojo.disabled.button,
.wojo.button:disabled,
.wojo.disabled.button:hover,
.wojo.disabled.active.button {
	cursor: default;
	opacity: 0.45;
	box-shadow: none;
	pointer-events: none
}

.wojo.loading.loading.button {
	z-index: 1;
	cursor: default;
	color: transparent;
	opacity: 1;
	pointer-events: none;
	transition: all 0s linear, opacity 0.1s ease
}

.wojo.loading.button::after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: calc(-1.5rem / 2);
	margin-left: calc(-1.5rem / 2);
	border-radius: 50%;
	border: 4px solid rgba(0, 0, 0, .1);
	border-top-color: #fff;
	-webkit-animation: spinner .6s linear infinite;
	animation: spinner .6s linear infinite
}

.wojo.small.loading.button::after {
	width: 1rem;
	height: 1rem;
	margin-top: -.5rem;
	margin-left: -.5rem;
	border: 2px solid rgba(0, 0, 0, .1);
	border-top-color: #fff
}

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

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

.wojo.buttons.vertical {
	display: flex;
	flex-direction: column
}

.wojo.buttons.vertical .button {
	flex: 1 1 0px;
	min-width: 0;
	border-radius: .250rem;
	justify-content: flex-start;
	margin-bottom: .250rem
}

.wojo.relaxed.button {
	padding: .875rem 2.5rem
}

.wojo.very.relaxed.button {
	padding: .875rem 4rem
}

.wojo.mini.buttons .button,
.wojo.mini.button {
	font-size: .750rem;
	padding: .50rem 1rem;
	line-height: .750rem
}

.wojo.mini.button .icon {
	font-size: 1.25rem
}

button.wojo.mini.fluid.button {
	width: calc(100% - 2rem - 2px)
}

.wojo.mini.circular.button,
.wojo.mini.icon.button {
	padding: .375rem
}

.wojo.small.buttons .button,
.wojo.small.button {
	font-size: .875rem;
	padding: .750rem 1.250rem
}

button.wojo.small.fluid.button {
	width: calc(100% - 2.5rem - 2px)
}

.wojo.small.circular.button,
.wojo.small.icon.button {
	padding: .625rem
}

.wojo.buttons .button,
.wojo.button {
	font-size: 1rem
}

.wojo.big.buttons .button,
.wojo.big.button {
	font-size: 1rem;
	padding: 1.25rem 2rem
}

.wojo.big.circular.button {
	padding: 1.25rem;
	width: 1.5rem;
	height: 1.5rem
}

.wojo.big.circular.button .icon {
	font-size: 1.25rem;
	width: 1.25rem
}

.wojo.labeled.big.buttons .button,
.wojo.labeled.big.button,
.wojo.labeled.small.buttons .button,
.wojo.labeled.small.button {
	padding: 0
}

.wojo.big.labeled.button span {
	font-size: 1rem;
	padding: 1.375rem 1.875rem
}

.wojo.big.labeled.button .icon {
	padding: 1.375rem
}

.wojo.small.labeled.button span {
	font-size: .875rem;
	padding: .750rem 1rem
}

.wojo.small.labeled.button .icon {
	padding: .750rem
}

.wojo.huge.buttons .button,
.wojo.huge.button {
	font-size: 1.5rem;
	padding: 1.25em 2.50em
}

.wojo.huge.circular.button {
	padding: 1.5rem;
	width: 2rem;
	height: 2rem
}

.wojo.huge.circular.button .icon {
	font-size: 2rem;
	width: 2rem
}

.wojo.massive.buttons .button,
.wojo.massive.button {
	font-size: 1.5rem;
	padding: 1.5em 3em
}

.wojo.massive.circular.button {
	padding: 2.5rem;
	width: 2.5rem;
	height: 2.5rem
}

.wojo.massive.circular.button .icon {
	font-size: 3rem;
	width: 3rem
}

.wojo.compact.button {
	padding: .5rem 1rem
}

.wojo.pill.button {
	margin-right: .375rem;
	margin-bottom: .5rem
}

@media screen and (max-width:30em) {
	.wojo.stacked.button {
		display: flex;
		flex: 1 1 0px;
		min-width: 0;
		margin-bottom: .250rem
	}

	.wojo.buttons.stacked {
		display: flex;
		flex-direction: column
	}

	.wojo.buttons.stacked .button {
		flex: 1 1 0px;
		min-width: 0;
		border-radius: .250rem;
		justify-content: flex-start;
		margin-bottom: .250rem
	}

	.wojo.buttons.stacked .button:first-child,
	.wojo.buttons.stacked .button:last-child {
		border-radius: .250rem
	}
}

.wojo.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 1rem 0;
	word-wrap: break-word;
	background-color: #fff;
	border-radius: .250rem;
	border: 1px solid var(--grey-color-300);
	box-shadow: 0 .375rem 1.5rem 0 var(--shadow-color)
}

.wojo.card>.content:not(.notes),
.wojo.segment>.content:not(.notes) {
	flex: 1 1 auto;
	padding: 2rem
}

.wojo.tall.cards .card>.content,
.wojo.tall.card>.content {
	padding: 8rem 2rem
}

.wojo.semi.tall.cards .card>.content,
.wojo.semi.tall.card>.content {
	padding: 4rem 2rem
}

.wojo.card>.header,
.wojo.card>.footer,
.wojo.segment>.header,
.wojo.segment>.footer {
	padding: 1.25rem 1.5rem
}

.wojo.card>.header,
.wojo.segment>.header {
	border-radius: .250rem .250rem 0 0
}

.wojo.card>.footer,
.wojo.segment>.footer {
	border-radius: 0 0 .250rem .250rem
}

.wojo.card>.header.divided,
.wojo.segment>.header.divided {
	border-bottom: 1px solid var(--shadow-color)
}

.wojo.card>.footer.divided,
.wojo.segment>.footer.divided {
	border-top: 1px solid var(--shadow-color)
}

.wojo.photo.card {
	border: 0;
	padding: 0
}

.wojo.photo.card>img {
	border-radius: .250rem .250rem 0 0
}

.wojo.card>.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.wojo.segment {
	position: relative;
	padding: 2rem;
	margin: 1rem 0;
	background-color: #fff;
	border-radius: .250rem;
	border: 1px solid var(--grey-color-300);
	box-shadow: 0 .375rem 1.5rem 0 var(--shadow-color)
}

.wojo.segment>.header {
	display: flex;
	flex-flow: row wrap;
	position: relative
}

.wojo.segment>.basic.header {
	display: inherit;
	flex-flow: inherit;
	position: relative
}

.wojo.segment>.header>.items {
	flex: 0 0 auto;
	max-width: 100%;
	margin-right: 1rem
}

.wojo.segment>.header>.items:last-child {
	margin-right: 0
}

.wojo.segment.gutters,
.wojo.segment.gutters>.content:not(.notes),
.wojo.card>.content.gutters:not(.notes) {
	padding: 2rem 2rem 0 2rem
}

.wojo.basic.segment,
.wojo.basic.card,
.wojo.basic.cards>.card,
.wojo.cards>.basic.card {
	border: 0
}

.wojo.fitted.segment,
.wojo.fitted.card,
.wojo.fitted.cards>.card {
	padding: 0
}

.wojo.simple.segment,
.wojo.simple.card,
.wojo.simple.cards>.card,
.wojo.cards>.simple.card {
	box-shadow: none
}

.wojo.transparent.segment,
.wojo.transparent.card {
	background-color: transparent
}

.wojo.white.transparent.segment,
.wojo.white.transparent.card {
	background-color: rgba(255, 255, 255, 0.02)
}

.wojo.black.transparent.segment,
.wojo.black.transparent.card {
	background-color: rgba(0, 0, 0, 0.02)
}

.wojo.attached.segment,
.wojo.attached.card {
	margin: 0
}

.wojo.top.attached.segment,
.wojo.top.attached.card {
	margin-top: 0;
	margin-bottom: 1rem
}

.wojo.bottom.attached.segment,
.wojo.bottom.attached.card {
	margin-bottom: 0;
	margin-top: 1rem
}

.wojo.spaced.segment,
.wojo.spaced.card {
	margin-top: 2rem;
	margin-bottom: 2rem
}

.wojo.spaced.listing.segment,
.wojo.spaced.listing.card {
	margin-top: 0;
	margin-bottom: 2rem;
	padding-bottom: 0
}

.wojo.card.active,
.wojo.segment.active,
.wojo.cards .card.active {
	box-shadow: 0 20px 34px -16px var(--dark-color-shadow)
}

.wojo.card.circular,
.wojo.segment.circular {
	display: inline-flex;
	border-radius: 100%
}

.wojo.card.inline,
.wojo.segment.inline {
	display: inline-flex
}

.wojo.cards {
	display: flex;
	flex-flow: row wrap;
	margin-left: var(--gutter-compensation);
	flex-wrap: wrap
}

.wojo.cards .card {
	position: relative;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid var(--grey-color-300);
	border-radius: .250rem;
	margin-left: var(--gutter);
	margin-bottom: var(--gutter);
	box-shadow: 0 23px 49px 0 var(--shadow-color)
}

.wojo.cards .card>.content {
	padding: 2em;
	flex: 1 1 auto
}

.wojo.cards .card>.header,
.wojo.cards .card>.footer {
	padding: 1.25rem 1.5rem
}

.wojo.cards .card>.header.divided {
	border-bottom: 1px solid var(--shadow-color)
}

.wojo.cards .card>.footer.divided {
	border-top: 1px solid var(--shadow-color)
}

.wojo.full.cards .card {
	flex-direction: column;
	display: flex
}

.wojo.full.cards .card>.footer {
	margin-top: auto
}

.wojo.full.card {
	height: 100%
}

.wojo.full.card>.content {
	height: 100%;
	flex: 0 1 auto
}

.wojo.full.cards .card>.content.photo,
.wojo.full.card>.content.photo {
	padding: 0
}

.wojo.full.cards .card>.content.photo>img,
.wojo.full.card>.content.photo>img {
	border-radius: .250rem
}

.wojo.full.card>.footer {
	flex: 0 1 auto
}

.wojo.fof.card {
	min-height: 50vh;
	text-align: center;
	justify-content: center;
	align-items: center
}

.wojo.fof.card h1 {
	color: var(--secondary-color)
}

.wojo.fof.card p:first-of-type {
	font-size: 1.5rem;
	line-height: 1.7;
	color: var(--grey-color)
}

.wojo.link.cards .card,
.wojo.link.card {
	z-index: 11;
	transition: all 0.5s ease;
	overflow: hidden
}

.wojo.link.cards .card:hover,
.wojo.link.card:hover {
	background: var(--secondary-color)
}

.wojo.link.cards .card:hover p,
.wojo.link.cards .card:hover h5,
.wojo.link.card:hover p,
.wojo.link.card:hover h5,
.wojo.link.card:hover h6 {
	color: #fff
}

.wojo.link.cards .card::before,
.wojo.link.cards .card::after,
.wojo.link.card::before,
.wojo.link.card::after {
	width: 250px;
	height: 250px;
	content: "";
	top: -15px;
	right: -100%;
	z-index: -11;
	border-radius: 50%;
	position: absolute;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: rgba(255, 255, 255, 0.08)
}

.wojo.link.cards .card:hover::before,
.wojo.link.card:hover::before {
	top: -30px;
	right: -150px
}

.wojo.link.cards .card:hover::after,
.wojo.link.card:hover::after {
	top: -50px;
	right: -130px;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}

.wojo.loading.segment,
.wojo.loading.card {
	position: relative;
	cursor: default;
	pointer-events: none
}

.wojo.loading.segment::before,
.wojo.loading.card::before {
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	z-index: 100
}

.wojo.loading.segment::after,
.wojo.loading.card::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -1.5em 0em 0em -1.5em;
	width: 3em;
	height: 3em;
	-webkit-animation: form-spin 0.6s linear;
	animation: form-spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
	border-style: solid;
	border-width: 0.2em;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0);
	visibility: visible;
	z-index: 101
}

@-webkit-keyframes segment-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes segment-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@media screen and (min-width:1200px) {

	.wojo.cards.screen-1,
	.wojo.cards.screen-2,
	.wojo.cards.screen-3,
	.wojo.cards.screen-4,
	.wojo.cards.screen-5 {
		flex-wrap: wrap
	}

	.wojo.cards.screen-1>.card {
		flex: 0 0 calc(100% - var(--gutter));
		max-width: calc(100% - var(--gutter))
	}

	.wojo.cards.screen-2>.card {
		flex: 0 0 calc(50% - var(--gutter));
		max-width: calc(50% - var(--gutter))
	}

	.wojo.cards.screen-3>.card {
		flex: 0 0 calc(100% / 3 - var(--gutter));
		max-width: calc(100% / 3 - var(--gutter))
	}

	.wojo.cards.screen-4>.card {
		flex: 0 0 calc(25% - var(--gutter));
		max-width: calc(25% - var(--gutter))
	}

	.wojo.cards.screen-5>.card {
		flex: 0 0 calc(20% - var(--gutter));
		max-width: calc(20% - var(--gutter))
	}
}

@media screen and (min-width:769px) and (max-width:1199px) {

	.wojo.cards.tablet-1,
	.wojo.cards.tablet-2,
	.wojo.cards.tablet-3,
	.wojo.cards.tablet-4,
	.wojo.cards.tablet-5 {
		flex-wrap: wrap
	}

	.wojo.cards.tablet-1>.card {
		flex: 0 0 calc(100% - var(--gutter));
		max-width: calc(100% - var(--gutter))
	}

	.wojo.cards.tablet-2>.card {
		flex: 0 0 calc(50% - var(--gutter));
		max-width: calc(50% - var(--gutter))
	}

	.wojo.cards.tablet-3>.card {
		flex: 0 0 calc(100% / 3 - var(--gutter));
		max-width: calc(100% / 3 - var(--gutter))
	}

	.wojo.cards.tablet-4>.card {
		flex: 0 0 calc(25% - var(--gutter));
		max-width: calc(25% - var(--gutter))
	}

	.wojo.cards.tablet-5>.card {
		flex: 0 0 calc(20% - var(--gutter));
		max-width: calc(20% - var(--gutter))
	}
}

@media screen and (min-width:641px) and (max-width:768px) {

	.wojo.cards.mobile-1,
	.wojo.cards.mobile-2,
	.wojo.cards.mobile-3,
	.wojo.cards.mobile-4,
	.wojo.cards.mobile-5 {
		flex-wrap: wrap
	}

	.wojo.cards.mobile-1>.card {
		flex: 0 0 calc(100% - var(--gutter));
		max-width: calc(100% - var(--gutter))
	}

	.wojo.cards.mobile-2>.card {
		flex: 0 0 calc(50% - var(--gutter));
		max-width: calc(50% - var(--gutter))
	}

	.wojo.cards.mobile-3>.card {
		flex: 0 0 calc(100% / 3 - var(--gutter));
		max-width: calc(100% / 3 - var(--gutter))
	}

	.wojo.cards.mobile-4>.card {
		flex: 0 0 calc(25% - var(--gutter));
		max-width: calc(25% - var(--gutter))
	}

	.wojo.cards.mobile-5>.card {
		flex: 0 0 calc(20% - var(--gutter));
		max-width: calc(20% - var(--gutter))
	}
}

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

	.wojo.cards[class*="screen-"],
	.wojo.cards[class*="tablet-"],
	.wojo.cards[class*="mobile-"] {
		flex-wrap: wrap
	}

	.wojo.cards[class*="screen-"]>.card,
	.wojo.cards[class*="tablet-"]>.card,
	.wojo.cards[class*="mobile-"]>.card {
		flex: 0 0 calc(100% - var(--gutter));
		max-width: calc(100% - var(--gutter))
	}
}

.modal-open .dimmer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1049;
	background-color: rgba(0, 0, 0, 0.75)
}

.modal-open {
	overflow: hidden
}

.modal-open .wojo.modal {
	overflow-x: hidden;
	overflow-y: auto
}

.wojo.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0
}

.wojo.modal .dialog {
	position: relative;
	width: auto;
	pointer-events: none;
	margin: 1.75rem auto;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	min-height: calc(100% - (1.75rem * 2))
}

.wojo.modal .dialog>.content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid var(--grey-color-300);
	border-radius: 0.250rem;
	outline: 0
}

.wojo.modal .dialog>.content>.header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid var(--grey-color-300);
	border-top-left-radius: 0.250rem;
	border-top-right-radius: 0.250rem
}

.wojo.modal .dialog>.content>.header>button {
	background: #fff;
	border: 0;
	cursor: pointer
}

.wojo.modal .dialog>.content>.header h5 {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 1.25rem;
	font-weight: 600
}

.wojo.modal .dialog>.content>.header h5 span {
	margin: 0 .5rem;
	font-size: 1rem
}

.wojo.modal .dialog>.content>.body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.5rem;
}

.wojo.modal .dialog>.content>.footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid var(--grey-color-300);
	border-bottom-right-radius: 0.250rem;
	border-bottom-left-radius: 0.250rem
}

.wojo.modal .dialog>.content>.footer> :not(:first-child) {
	margin-left: .25rem
}

.wojo.modal .dialog>.content>.footer> :not(:last-child) {
	margin-right: .25rem
}

.wojo.small.modal .dialog {
	width: 320px
}

.wojo.modal .dialog {
	width: 480px
}

.wojo.medium.modal .dialog {
	width: 640px
}

.wojo.big.modal .dialog {
	width: 1024px
}

.wojo.full.modal .dialog {
	width: 100%
}

@media screen and (min-width:641px) and (max-width:768px) {

	.wojo.big.modal .dialog,
	.wojo.full.modal .dialog {
		width: 100%
	}
}

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

	.wojo.small.modal .dialog,
	.wojo.modal .dialog,
	.wojo.medium.modal .dialog,
	.wojo.big.modal .dialog,
	.wojo.full.modal .dialog {
		width: 100%
	}
}

.wojo.progress {
	width: 100%;
	height: 1.5rem;
	background: var(--grey-color-300);
	position: relative;
	margin-bottom: 1rem;
	border-radius: .250rem
}

.wojo.progress .bar {
	display: block;
	position: relative;
	width: 0px;
	height: 100%;
	background: var(--grey-color);
	border-radius: .250rem;
	z-index: 1
}

.wojo.progress .label {
	font-weight: 700;
	margin-top: .250em;
	text-align: center;
	font-size: .875rem
}

.wojo.progress .tipWrap {
	display: none
}

.wojo.progress .tip {
	position: absolute;
	z-index: 2;
	transform: translateY(-50%);
	right: .5rem;
	font-size: .750rem;
	font-weight: 600;
	top: 50%;
	color: rgba(255, 255, 255, 0.7)
}

.wojo.primary.progress .bar {
	background: var(--primary-color)
}

.wojo.secondary.progress .bar {
	background: var(--secondary-color)
}

.wojo.positive.progress .bar {
	background: var(--positive-color)
}

.wojo.negative.progress .bar {
	background: var(--negative-color)
}

.wojo.dark.progress .bar {
	background: var(--dark-color)
}

.wojo.transparent.progress .bar {
	background-color: rgba(255, 255, 255, 0.5)
}

.wojo.active.progress .bar::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #ffffff;
	border-radius: .250rem;
	-webkit-animation: progress-active 2s ease infinite;
	animation: progress-active 2s ease infinite
}

@-webkit-keyframes progress-active {
	0% {
		opacity: 0.3;
		width: 0
	}

	100% {
		opacity: 0;
		width: 100%
	}
}

@keyframes progress-active {
	0% {
		opacity: 0.3;
		width: 0
	}

	100% {
		opacity: 0;
		width: 100%
	}
}

.wojo.progress.attached {
	background: transparent;
	position: absolute;
	border: none;
	margin: 0;
	left: 0
}

.wojo.progress.attached,
.wojo.progress.attached .bar {
	overflow: hidden;
	border-radius: 0
}

.wojo.progress.attached .bar {
	border-radius: 0
}

.wojo.progress.top.attached,
.wojo.progress.top.attached .bar {
	top: 0
}

.wojo.progress.bottom.attached,
.wojo.progress.bottom.attached .bar {
	bottom: 0
}

.wojo.progress.fitted {
	margin-bottom: 0
}

.wojo.progress.relaxed {
	margin-bottom: 2rem
}

.wojo.tiny.progress {
	height: .25rem
}

.wojo.mini.progress {
	height: .5rem
}

.wojo.small.progress {
	height: 1rem
}

.wojo.tiny.text {
	font-size: 0.688rem
}

.wojo.mini.text {
	font-size: 0.750rem
}

.wojo.small.text {
	font-size: 0.875rem
}

.wojo.normal.text {
	font-size: 1rem
}

.wojo.medium.text {
	font-size: 1.25rem
}

.wojo.large.text {
	font-size: 1.625rem
}

.wojo.big.text {
	font-size: 2.250rem
}

.wojo.huge.text {
	font-size: 2.75rem
}

.wojo.massive.text {
	font-size: 3.250rem
}

.wojo.thin.text {
	font-weight: 200
}

.wojo.normal.text {
	font-weight: 300
}

.wojo.semi.text {
	font-weight: 400
}

.wojo.demi.text {
	font-weight: 500
}

.wojo.bold.text {
	font-weight: 700
}

.wojo.italic.text {
	font-style: italic
}

.wojo.link.text {
	cursor: pointer
}

.wojo.primary.text {
	color: var(--primary-color)
}

.wojo.secondary.text {
	color: var(--secondary-color)
}

.wojo.positive.text {
	color: var(--positive-color)
}

.wojo.negative.text {
	color: var(--negative-color)
}

.wojo.warning.text {
	color: var(--alert-color)
}

.wojo.light.text {
	color: var(--light-color)
}

.wojo.white.text {
	color: #fff
}

.wojo.dark.text {
	color: var(--dark-color)
}

.wojo.grey.text {
	color: var(--grey-color)
}

.wojo.strike.text {
	text-decoration: line-through
}

.wojo.caps {
	text-transform: uppercase
}

.wojo.short.text {
	line-height: 1
}

.wojo.tall.text {
	line-height: 2
}

.wojo.dimmed.text {
	opacity: .75
}

.wojo.very.dimmed.text {
	opacity: .5
}

.wojo.outline {
	outline: 2px dashed var(--primary-color);
	outline-offset: 2px
}

.wojo.accent {
	border-left: .250rem solid var(--dark-color);
	padding: .750rem 1.5rem;
	font-weight: 400
}

.wojo.primary.accent {
	border-left: .250rem solid var(--primary-color)
}

.wojo.secondary.accent {
	border-left: .250rem solid var(--secondary-color)
}

.wojo.positive.accent {
	border-left: .250rem solid var(--positive-color)
}

.wojo.negative.accent {
	border-left: .250rem solid var(--negative-color)
}

.wojo.icon.text {
	display: inline-flex;
	flex-flow: nowrap;
	align-items: center
}

.wojo.icon.text>.icon,
.wojo.icon.text>.image,
.wojo.icon.text>.label {
	flex: 0 0 auto;
	max-width: 100%;
	margin-right: .5em
}

.wojo.icon.text.middle {
	display: flex;
	justify-content: center
}

.wojo.icon.right.text>.icon,
.wojo.icon.right.text>.image,
.wojo.icon.right.text>.label {
	margin-left: .5em;
	margin-right: auto
}

.wojo.primary.bg {
	background-color: var(--primary-color)
}

.wojo.primary.inverted.bg {
	background-color: var(--primary-color-inverted)
}

.wojo.secondary.bg {
	background-color: var(--secondary-color)
}

.wojo.secondary.inverted.bg {
	background-color: var(--secondary-color-inverted)
}

.wojo.positive.bg {
	background-color: var(--positive-color)
}

.wojo.positive.inverted.bg {
	background-color: var(--positive-color-inverted)
}

.wojo.negative.bg {
	background-color: var(--negative-color)
}

.wojo.negative.inverted.bg {
	background-color: var(--negative-color-inverted)
}

.wojo.light.bg {
	background-color: var(--light-color)
}

.wojo.white.bg {
	background-color: #fff
}

.wojo.dark.bg {
	background-color: var(--dark-color)
}

.wojo.grey.bg {
	background-color: var(--grey-color)
}

.wojo.grey100.bg {
	background-color: var(--grey-color-100)
}

.wojo.grey300.bg {
	background-color: var(--grey-color-300)
}

.wojo.grey500.bg {
	background-color: var(--grey-color-500)
}

.wojo.boxed {
	border: 1px solid var(--grey-color-300);
	-webkit-transition: 0.3s;
	transition: 0.3s
}

.wojo.shadow {
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.wojo.soft.shadow {
	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)
}

.wojo.primary.fill {
	fill: var(--primary-color)
}

.wojo.secondary.fill {
	fill: var(--secondary-color)
}

.wojo.positive.fill {
	fill: var(--positive-color)
}

.wojo.negative.fill {
	fill: var(--negative-color)
}

.wojo.warning.fill {
	fill: var(--alert-color)
}

.wojo.white.fill {
	fill: #FFF
}

.wojo.primary.stop {
	stop-color: var(--primary-color)
}

.wojo.secondary.stop {
	stop-color: var(--secondary-color)
}

.wojo.positive.stop {
	stop-color: var(--positive-color)
}

.wojo.negative.stop {
	stop-color: var(--negative-color)
}

.wojo.white.stop {
	stop-color: #FFF
}

.wojo.purple.stop {
	stop-color: #2d1582
}

.wojo.primary.gradient {
	background-image: linear-gradient(150deg, var(--primary-color) 0%, var(--primary-color-hover) 100%);
	background-repeat: repeat-x
}

.wojo.animated.text {
	background-image: -webkit-linear-gradient(358deg, #f35626, #feab3a);
	background-image: linear-gradient(92deg, #f35626, #feab3a);
	background-clip: text;
	-webkit-animation: hue 10s infinite linear;
	animation: hue 10s infinite linear;
	text-fill-color: transparent
}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg)
	}

	to {
		-webkit-filter: hue-rotate(-360deg)
	}
}

@keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
		filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="0" /></filter></svg>#filter');
		filter: hue-rotate(0deg)
	}

	to {
		-webkit-filter: hue-rotate(-360deg);
		filter: hue-rotate(-360deg)
	}
}

.highlite {
	background-color: #fffde7 !important
}

.wojo.grab {
	cursor: grab
}

.wojo.boxed {
	border: 1px solid var(--grey-color-300);
	-webkit-transition: 0.3s;
	transition: 0.3s
}

.wojo.shadow {
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.wojo.soft.shadow {
	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)
}

.wojo.readonly {
	position: relative;
	cursor: not-allowed;
	point-events: none;
	text-shadow: none !important;
	color: transparent !important;
	-webkit-transition: all 0s linear;
	transition: all 0s linear
}

.wojo.readonly:before {
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	background: rgba(255, 255, 255, 0.75);
	width: 100%;
	height: 100%;
	border-radius: 0.250em;
	z-index: 10
}

.wojo.rounded {
	border-radius: .250rem
}

.wojo.top.rounded {
	border-radius: .250rem .250rem 0 0
}

.wojo.bottom.rounded {
	border-radius: 0 0 .250rem .250rem
}

.truncate {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.scrollbox {
	overflow: auto
}

.wojo.tabs .nav,
.wojo.navs .nav {
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0;
	padding: .5rem;
	border-radius: .250rem;
	background-color: var(--primary-color-inverted);
	list-style: none
}

.wojo.tabs .nav li,
.wojo.navs .nav li {
	margin-right: 1rem
}

.wojo.tabs .nav li:last-child,
.wojo.navs .nav li:last-child {
	margin-right: 0
}

.wojo.tabs .nav li a,
.wojo.navs .nav li a {
	border: 0;
	padding: .5rem 1.75rem;
	border-radius: .250rem;
	display: flex;
	background: transparent;
	flex-flow: row wrap;
	font-weight: 500;
	color: var(--dark-color)
}

.wojo.tabs .nav li a .icon,
.wojo.tabs .nav li a img,
.wojo.navs .nav li a .icon,
.wojo.navs .nav li a img {
	flex: 0 0 auto;
	max-width: 100%;
	align-self: center;
	margin-right: .5rem
}

.wojo.tabs .nav li a.right .icon,
.wojo.tabs .nav li a.right img,
.wojo.navs .nav li a.right .icon,
.wojo.navs .nav li a.right img {
	margin-left: .5rem
}

.wojo.tabs .nav li.active a,
.wojo.tabs .nav li a:hover,
.wojo.navs .nav li.active a,
.wojo.navs .nav li a:hover {
	background-color: var(--primary-color);
	color: var(--primary-color-inverted)
}

.wojo.tabs .tab {
	margin-bottom: 1rem;
	margin-top: 1rem;
	border-radius: 0.250rem;
	padding: 2rem 1rem;
	background: #fff;
	border: 1px solid var(--grey-color-300)
}

.wojo.fluid.tabs .nav li,
.wojo.fluid.navs .nav li {
	flex: 1 1 0px;
	min-width: 0
}

.wojo.simple.tabs .nav li a {
	border: 0;
	padding: .5rem 1.5rem;
	border-radius: 0;
	color: var(--dark-color)
}

.wojo.simple.tabs .nav li.active a,
.wojo.simple.tabs .nav li a:hover,
.wojo.simple.tabs .nav li.active a,
.wojo.simple.tabs .nav li a:hover {
	background-color: transparent;
	color: var(--primary-color)
}

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

	.wojo.tabs .nav,
	.wojo.navs .nav {
		display: flex;
		flex-direction: column
	}

	.wojo.tabs .nav li,
	.wojo.navs .nav li {
		margin-right: 0
	}

	.wojo.lang.tabs .nav {
		margin-top: -1.5rem;
		margin-left: 1rem;
		margin-right: 1rem
	}
}

.wojo.accordion section {
	border-radius: .250rem;
	position: relative;
	border: 1px solid var(--grey-color-300);
	margin-bottom: .75rem
}

.wojo.accordion section h6.summary {
	font-weight: 400;
	font-size: 1rem;
	margin-bottom: 0
}

.wojo.accordion section h6.summary a {
	padding: 2rem 4.5rem 2rem 2rem;
	display: block;
	font-weight: 400;
	position: relative;
	border-radius: .250rem .250rem 0 0
}

.wojo.accordion section h6.summary a::before {
	font-family: "WojoIcons";
	position: absolute;
	content: "\e9e9";
	top: 50%;
	right: 2rem;
	transform: translateY(-50%)
}

.wojo.accordion section.active h6.summary a {
	background-color: var(--primary-color);
	color: var(--primary-color-inverted)
}

.wojo.accordion section.active h6.summary a::before {
	content: "\e9f3"
}

.wojo.accordion section.active {
	border: 1px solid var(--primary-color)
}

.wojo.accordion section .details {
	padding: 2rem
}

.wojo.breadcrumb {
	display: inline-flex;
	margin: 0;
	align-items: center;
	font-weight: 400;
	position: relative
}

.wojo.breadcrumb:first-child {
	margin-top: 0
}

.wojo.breadcrumb:last-child {
	margin-bottom: 0
}

.wojo.breadcrumb .divider {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap;
	margin: 0 0.75rem 0;
	color: rgba(0, 0, 0, 0.5)
}

.wojo.breadcrumb a {
	color: var(--primary-color)
}

.wojo.breadcrumb a:hover {
	color: var(--primary-active)
}

.wojo.breadcrumb .icon.divider {
	font-size: 0.875rem
}

.wojo.breadcrumb a.section {
	cursor: pointer
}

.wojo.breadcrumb .section {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap;
	margin: 0;
	padding: 0
}

.wojo.breadcrumb .active.section {
	color: var(--dark-color);
	font-weight: 500
}

.wojo.white.breadcrumb a {
	color: rgba(255, 255, 255, 0.7)
}

.wojo.white.breadcrumb a:hover {
	color: #fff
}

.wojo.white.breadcrumb .active.section {
	color: #fff;
	font-weight: 500
}

.wojo.white.breadcrumb .divider {
	color: rgba(255, 255, 255, 0.5)
}

.wojo.small.breadcrumb {
	margin: 1rem 0;
	font-size: .875rem
}

.wojo.sticky {
	position: static;
	-webkit-transition: none;
	transition: none;
	z-index: 2
}

.wojo.sticky.bound {
	position: absolute;
	left: auto;
	right: auto
}

.wojo.sticky.fixed {
	position: fixed;
	left: auto;
	right: auto
}

.wojo.sticky.bound.top,
.wojo.sticky.fixed.top {
	top: 0px;
	bottom: auto
}

.wojo.sticky.bound.bottom,
.wojo.sticky.fixed.bottom {
	top: auto;
	bottom: 0px
}

.wojo.native.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 100px
}

@media screen and (max-width:768px) {
	ul.wojo.basic.tabs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	ul.wojo.basic.tabs li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

.wojo.pagination {
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center
}

.wojo.pagination .item {
	flex: 1 1 0px;
	min-width: 0;
	line-height: 1rem;
	padding: .750rem;
	font-weight: 700;
	color: var(--dark-color);
	border-radius: .250rem;
	text-align: center
}

.wojo.pagination .item.active,
.wojo.pagination .item.active:hover {
	background-color: var(--primary-color);
	color: var(--primary-color-inverted);
	cursor: default
}

.wojo.pagination .item.active,
.wojo.pagination .item.active:hover {}

.wojo.pagination .item:hover {
	color: var(--primary-color)
}

.wojo.pagination .item.disabled {
	color: var(--grey-color-500);
	cursor: not-allowed
}

.wojo.small.pagination .item {
	padding: .750rem;
	font-size: .875rem
}

.wojo.divider {
	border-top: 1px solid var(--dark-color-shadow);
	height: 0;
	margin: 0.5rem 0
}

.wojo.vertical.divider {
	border: 0;
	background-color: var(--dark-color-shadow);
	height: .750rem;
	margin: 0 0.5rem;
	width: 1px;
	display: inline-block
}

.wojo.basic.divider {
	border-top: 1px solid var(--dark-color-shadow);
	height: 0;
	margin: 0
}

.wojo.space.divider {
	border: 0;
	margin: 0;
	height: 1rem
}

.wojo.auto.divider {
	border-color: var(--grey-color-300);
	margin: 1rem -2rem
}

.wojo.wide.divider {
	border-top: 3px solid var(--grey-color-300)
}

.wojo.very.wide.divider {
	border-top: 5px solid var(--grey-color-300)
}

.wojo.relaxed.divider {
	margin: 1rem 0
}

.wojo.very.relaxed.divider {
	margin: 1.5rem 0
}

.wojo.inverted.divider {
	border-color: var(--light-color-shadow)
}

.wojo.white.divider {
	border-color: #fff
}

.wbox-overlay *,
.wbox-overlay *:before,
.wbox-overlay *:after {
	-webkit-backface-visibility: hidden;
	box-sizing: border-box
}

.wbox-overlay * {
	-webkit-backface-visibility: visible;
	backface-visibility: visible
}

.wbox-overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1040;
	-webkit-transform: translateZ(1000px);
	transform: translateZ(1000px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.wbox-title {
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 40px;
	overflow: hidden;
	position: fixed;
	display: none;
	left: 0;
	z-index: 1050
}

.wbox-close {
	cursor: pointer;
	position: fixed;
	top: -1px;
	right: 0;
	width: 50px;
	height: 40px;
	padding: 6px;
	display: block;
	background-position: 10px center;
	overflow: hidden;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	z-index: 1050
}

.wbox-num {
	cursor: pointer;
	position: fixed;
	left: 0;
	height: 40px;
	overflow: hidden;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 10px;
	display: none;
	z-index: 1050
}

.wbox-next,
.wbox-prev {
	position: fixed;
	top: 50%;
	margin-top: -1em;
	overflow: hidden;
	cursor: pointer;
	display: block;
	width: 2em;
	height: 2em;
	z-index: 1050
}

.wbox-next span,
.wbox-prev span {
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top-color: #B6B6B6;
	border-right-color: #B6B6B6;
	text-indent: -100px;
	position: absolute;
	top: 8px;
	display: block
}

.wbox-prev {
	left: 2em
}

.wbox-next {
	right: 2em
}

.wbox-prev span {
	left: 10px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.wbox-next span {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 10px
}

.wbox-inline {
	width: 420px;
	height: 315px;
	height: 70vh;
	padding: 10px;
	background: #fff;
	margin: 0 auto;
	overflow: auto;
	text-align: left
}

.wboxframe {
	max-width: 100%;
	border: none;
	width: 100%;
	height: 260px;
	height: 70vh
}

.wboxframe.wbvid {
	height: 260px
}

@media (min-width:768px) {

	.wboxframe,
	.wbox-inline {
		width: 90%;
		height: 360px;
		height: 70vh
	}

	.wboxframe.wbvid {
		width: 640px;
		height: 360px
	}
}

@media (min-width:992px) {

	.wboxframe,
	.wbox-inline {
		max-width: 1200px;
		width: 80%;
		height: 540px;
		height: 70vh
	}

	.wboxframe.wbvid {
		width: 960px;
		height: 540px
	}
}

.wbox-open {
	overflow: hidden
}

.wbox-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	z-index: 20;
	max-height: 100%
}

.wbox-content {
	text-align: center;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 20px 10px
}

.wbox-container img {
	max-width: 100%;
	height: auto
}

.wbox-content .children {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	max-width: 100%;
	text-align: initial
}

.wbox-content img.children {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wbox-preloader {
	position: relative
}

.wbox-preloader:before {
	position: absolute;
	content: '';
	top: 0%;
	left: 0%;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	z-index: 100
}

.wbox-preloader:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -1.5em 0em 0em -1.5em;
	width: 3em;
	height: 3em;
	-webkit-animation: form-spin 0.6s linear;
	animation: form-spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #377dff rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15);
	border-style: solid;
	border-width: 0.2em;
	box-shadow: 0px 0px 0px 1px transparent;
	visibility: visible;
	z-index: 101
}

@-webkit-keyframes form-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes form-spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.wbox-content.swipe-left {
	margin-left: -200px !important
}

.wbox-content.swipe-right {
	margin-left: 200px !important
}

.animated {
	webkit-transition: margin 300ms ease-out;
	-webkit-transition: margin 300ms ease-out;
	transition: margin 300ms ease-out
}

.animate-in {
	opacity: 1
}

.animate-out {
	opacity: 0
}

.wojo.stars {
	margin-left: auto;
	margin-right: auto;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.wojo.stars .star {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 100%;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	margin-right: .25em;
	color: #9E9E9E;
	width: 1em;
	height: 1em;
	line-height: 1em
}

.wojo.stars a {
	font-size: .813em;
	margin-left: 2em;
	border-bottom: 1px dotted #7e7e7e;
	color: #7e7e7e
}

.wojo.stars a span {
	font-weight: 500
}

.wojo.stars .star.active .icon,
.wojo.stars .star.selected .icon {
	color: #FF9800
}

.wSlider {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease
}

.wSlider.slick-initialized {
	visibility: visible;
	opacity: 1
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus,
.slick-slide:focus-visible {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

.slick-slide.holder {
	position: relative
}

.slick-slide.holder .inner {
	position: absolute;
	bottom: 0;
	padding: 2rem
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {}

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 2rem;
	height: 2rem;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 10
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev::before,
.slick-next::before {
	font-family: 'WojoIcons';
	font-size: 2rem;
	line-height: 1;
	opacity: .75;
	color: var(--dark-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: 0
}

[dir='rtl'] .slick-prev {
	right: 0;
	left: auto
}

.slick-prev::before {
	content: "\e9ed"
}

[dir='rtl'] .slick-prev::before {
	content: "\e9ed"
}

.slick-next {
	right: 0
}

[dir='rtl'] .slick-next {
	right: auto;
	left: 0
}

.slick-next::before {
	content: "\e9ef"
}

[dir='rtl'] .slick-next::before {
	content: "\e9ef"
}

.slick-dotted.slick-slider {
	margin-bottom: 2rem
}

.slick-dots {
	position: absolute;
	bottom: -3rem;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: .5rem;
	height: .5rem;
	padding: 0.25rem;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	border-radius: 2.5rem;
	background: var(--alert-color)
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
	background: var(--primary-color)
}

.slick-dots li.slick-active button {
	background: var(--primary-color);
	width: .75rem;
	height: .75rem
}

.wSlider.arrowOutside.slick-slider .slick-prev,
.wSlider.arrowOutside.slick-slider .slick-next {
	top: auto;
	bottom: -4rem;
	width: 3rem;
	height: 3rem;
	-webkit-transform: auto;
	-ms-transform: none;
	transform: none;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: .250rem
}

.wSlider.arrowOutside.slick-slider .slick-prev::before,
.wSlider.arrowOutside.slick-slider .slick-next::before {
	color: #fff
}

.wSlider.arrowOutside.slick-slider .slick-next {
	right: auto;
	left: 4rem
}

.wSlider.spaced.slick-slider .slick-slide {
	margin-left: 1rem;
	margin-right: 1rem
}

.wSlider.spaced.slick-slider .slick-list {
	margin-left: -1rem;
	width: calc(100% + 2rem)
}

.wSlider.small.spaced.slick-slider .slick-slide {
	margin-left: .5rem;
	margin-right: .5rem
}

.wSlider.small.spaced.slick-slider .slick-list {
	margin-left: -.5rem;
	width: calc(100% + 1rem)
}

#rcarousel .slick-slide {
	margin: 2rem 0;
	padding: 3rem 1rem
}

#rcarousel .slick-slide.slick-center {
	margin: 1rem 0;
	padding: 4rem 1rem;
	background-color: #FFFFFF;
	border-radius: .250rem
}

#scarousel .slick-active.slick-center img {
	filter: grayscale(0%);
	border: solid 2px var(--primary-color)
}

#rcarousel .slick-slide:not(.slick-active) {
	visibility: hidden
}

@media screen and (min-width:641px) and (max-width:768px) {
	.slick-slide.holder .inner {
		display: none
	}
}

@media screen and (max-width:640px) {
	.slick-slide.holder .inner {
		display: none
	}
}

@font-face {
	font-family: 'Wojo Sans';
	font-style: normal;
	font-weight: 700;
	unicode-range: U+0020-0237;
	src: local(''), url('../fonts/WojoSansBold.woff2') format('woff2'), url('../fonts/WojoSansBold.woff') format('woff')
}

@font-face {
	font-family: 'Wojo Sans';
	font-style: normal;
	font-weight: 600;
	unicode-range: U+0020-0237;
	src: local(''), url('../fonts/WojoSansDemi.woff2') format('woff2'), url('../fonts/WojoSansDemi.woff') format('woff')
}

@font-face {
	font-family: 'Wojo Sans';
	font-style: normal;
	font-weight: 500;
	unicode-range: U+0020-0237;
	src: local(''), url('../fonts/WojoSansMedium.woff2') format('woff2'), url('../fonts/WojoSansMedium.woff') format('woff')
}

@font-face {
	font-family: 'Wojo Sans';
	font-style: normal;
	font-weight: 400;
	unicode-range: U+0020-0237;
	src: local(''), url('../fonts/WojoSansRegular.woff2') format('woff2'), url('../fonts/WojoSansRegular.woff') format('woff')
}

@font-face {
	font-family: 'Wojo Sans';
	font-style: normal;
	font-weight: 300;
	unicode-range: U+0020-0237;
	src: local(''), url('../fonts/WojoSansLight.woff2') format('woff2'), url('../fonts/WojoSansLight.woff') format('woff')
}

@font-face {
	font-family: 'Wojo Sans';
	font-style: normal;
	font-weight: 200;
	unicode-range: U+0020-0237;
	src: local(''), url('../fonts/WojoSansExtraLight.woff2') format('woff2'), url('../fonts/WojoSansExtraLight.woff') format('woff')
}

html,
body {
	font-size: 16px;
	height: 100%
}

body {
	font-family: "Wojo Sans", Helvetica, Arial, sans-serif;
	color: var(--body-color);
	font-weight: 400;
	background-color: var(--body-bg-color);
	line-height: 1.5;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column
}

a,
a.inverted,
a.secondary,
a.grey,
a.black,
a.white {
	cursor: pointer;
	color: var(--primary-color);
	text-decoration: none;
	transition: all .35s ease;
	outline: none
}

a:hover,
a.active,
a:focus {
	color: var(--primary-color-hover);
	transition: all .55s ease;
	outline: none;
	text-decoration: none
}

a.secondary {
	color: var(--secondary-color)
}

a.secondary:hover,
a.secondary.active,
a.secondary:focus {
	color: var(--primary-color-hover)
}

a.inverted,
p.inverted {
	color: rgba(255, 255, 255, 0.7)
}

a.black {
	color: var(--dark-color)
}

a.white {
	color: #fff
}

a.white:hover,
a.white.active,
a.white:focus {
	color: var(--primary-color-hover)
}

a.inverted:hover,
a.inverted.active,
a.inverted:focus {
	color: rgba(255, 255, 255, 1)
}

a.black:hover,
a.black.active,
a.black:focus {
	color: var(--primary-color-hover)
}

a.transparent {
	color: rgba(255, 255, 255, .7)
}

a.transparent:hover,
a.transparent.active,
a.transparent:focus {
	color: rgba(255, 255, 255, 1)
}

a.grey {
	color: var(--grey-color)
}

a.grey:hover,
a.grey.active,
a.grey:focus {
	color: var(--primary-color-hover)
}

a.dashed {
	border-bottom: 1px dashed var(--grey-color)
}

b,
strong {
	font-weight: 700
}

p {
	line-height: 1.7;
	margin-bottom: 1rem
}

p:last-child {
	margin-bottom: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Wojo Sans';
	line-height: 1.5;
	margin: 0 0 1rem 0;
	color: var(--dark-color);
	font-weight: 700;
	position: relative
}

.h1,
h1 {
	font-size: calc(1.475rem + 2.7vw);
	font-weight: 300
}

.h2,
h2 {
	font-size: calc(1.425rem + 2.1vw);
	font-weight: 500
}

.h3,
h3 {
	font-size: calc(1.3375rem + 1.05vw);
	font-weight: 400
}

.h4,
h4 {
	font-size: calc(1.2875rem + 0.45vw);
	font-weight: 500
}

.h5,
h5 {
	font-size: calc(1.2625rem + 0.15vw);
	font-weight: 500
}

.h6,
h6 {
	font-size: 1rem;
	font-weight: 500
}

h1.basic,
h2.basic,
h3.basic,
h4.basic,
h5.basic,
h6.basic,
p.basic {
	margin: 0
}

h1.fitted,
h2.fitted,
h3.fitted,
h4.fitted,
h5.fitted,
h6.fitted,
p.fitted,
.h1.fitted,
.h2.fitted,
.h3.fitted,
.h4.fitted,
.h5.fitted,
.h6.fitted {
	margin: 0;
	line-height: 1
}

header#header {
	background-color: var(--primary-color-active);
	padding: 1rem 0 0 0
}

header#header a.logo {
	display: inline-block;
	line-height: 1
}

header#header .logo img,
header#header .logo svg {
	width: 4rem
}

header#header .logo .logoshape1,
header#header .logo .logoshape3 {
	fill: var(--primary-color-inverted)
}

header .logo .logoshape2 {
	fill: var(--primary-color)
}

header#header.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
	background: #fff;
	-webkit-animation: smoothScroll 1s forwards;
	animation: smoothScroll 1s forwards;
	box-shadow: 0 0.5rem 1.5rem 0 rgba(140, 152, 164, 0.125)
}

main {
	flex: 1 0 auto
}

header#header .menu-mobile {
	display: none
}

header#header nav.menu {}

header#header nav.menu .menu-mobile {
	display: none
}

header#header nav.menu>ul {
	margin: 0 auto;
	width: 100%;
	list-style: none;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap
}

header#header nav.menu>ul>li {
	padding: 0;
	margin: 0 1rem;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	white-space: nowrap
}

header#header nav.menu>ul>li>a {
	text-decoration: none;
	padding: 1rem;
	display: flex;
	align-items: center;
	text-align: left;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
	font-size: .875rem
}

header#header nav.menu>ul>li>a .icon {
	margin-right: 1rem
}

header#header nav.menu>ul>li>a:hover,
header#header nav.menu>ul>li>a.active {
	color: var(--primary-color-inverted)
}

header#header.fixed nav.menu>ul>li>a:hover,
header#header.fixed nav.menu>ul>li>a.active {
	color: var(--primary-color)
}

header#header.fixed nav.menu>ul>li>a {
	color: var(--secondary-color)
}

footer {
	position: relative;
	background-color: #A5141A;
	z-index: 1;
	flex-shrink: 0
}

footer .wrapper {
	position: relative;
	z-index: 2
}

footer .contents {
	padding: 6rem 0 0 0
}

footer .phone {
	font-size: 2rem;
	font-weight: 900
}

footer .copyright {

	
	    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    background: #000;
    padding: 0rem 0;
    font-weight: 300;
    font-weight: .875rem;
}

footer .logo img,
footer .logo svg {
	width: 1.5rem;
	margin-right: .875rem
}

footer .logo .logoshape1,
footer .logo .logoshape3 {
	fill: rgba(255, 255, 255, 0.2)
}

footer .logo .logoshape2 {
	fill: var(--primary-color)
}

#mainSlider {
	background-color: var(--primary-color-inverted);
	padding-bottom: 2rem
}

#mainSearch {
	background-color: var(--primary-color-inverted);
	padding: 2rem 0
}

#mainFeatured,
#mainNewsletter,
#mainBrands {
	padding: 3rem 0
}

#mainPopular {
    background-color: #a5141a;
    padding: 4rem 0 4rem 0
	
	 
}

#mainReviews {
	padding: 3rem 0;
	background-color: var(--primary-color-inverted)
}

#listingHeader {
	background-color: var(--primary-color-inverted);
	margin-bottom: 2rem;
	padding: 2rem 0 0 0
}

#categoryType {
	padding: 4rem 0 3rem 0
}

#brandType {
	padding: 3rem 0 1rem 0
}

#compare {
	max-width: 700px;
	position: fixed;
	margin: 0 auto;
	right: 1rem;
	bottom: 0;
	z-index: 150
}

#compare .wrapper {
	z-index: 1;
	position: relative;
	border-radius: 1rem 0 0 0
}

#compare .inner {
	border-radius: 1rem 0 0 0;
	background: #fff;
	box-shadow: 0px -12px 16px rgba(0, 0, 0, .1);
	padding: 1rem;
	transition: down 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94)
}

#compare .compareTab {
	position: absolute;
	right: 0;
	top: -4.125rem;
	padding: 1rem .5rem;
	z-index: 151;
	border-radius: 1rem 1rem 0 0;
	background: #fff;
	box-shadow: 0px -12px 16px rgba(0, 0, 0, .1)
}

#compare .compareTab.active {
	background: var(--secondary-color)
}

#compare .blankCompare {
	background: #f7f7f7;
	border: 1px dashed var(--dark-color);
	height: calc(100% - 1.5rem);
	border-radius: .250rem
}

.compareList {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	padding: .5rem;
	border-radius: 0 0.250rem 0 0.50rem;
	background-color: var(--primary-color-inverted)
}

.galleryCount {
	position: absolute;
	color: var(--light-color);
	opacity: .5;
	bottom: 1rem;
	right: 1rem;
	font-size: .85rem;
	font-weight: 500
}

#gdpr-cookie-message {
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	max-width: 420px;
	background-color: #fff;
	padding: 1.5rem;
	border-radius: .5rem;
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
	z-index: 100
}

#gdpr-cookie-message h4 {
	font-size: 1.25rem;
	font-weight: 500
}

#gdpr-cookie-message h5 {
	font-size: 1rem;
	font-weight: 500
}

#gdpr-cookie-message button:disabled {
	opacity: 0.3
}

#gdpr-cookie-message .columns p {
	font-size: .875rem
}

@-webkit-keyframes smoothScroll {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@keyframes smoothScroll {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

#mheader {
	padding: 1rem;
	text-align: center;
	margin-bottom: 1rem
}

#mheader .logo img,
#mheader .logo svg {
	width: 6rem
}

#mheader .logo .logoshape1,
#mheader .logo .logoshape3 {
	fill: var(--primary-color-inverted)
}

#mheader .logo .logoshape2 {
	fill: var(--primary-color)
}

#mmain {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center
}

#mmain .dash {
	position: relative;
	padding: 0 1rem;
	text-align: center
}

#mmain .dash .digit {
	font-size: 3rem;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	display: inline-flex;
	color: var(--primary-color)
}

#mmain .dash_title {
	display: block;
	font-size: .875rem;
	letter-spacing: 2px;
	text-align: center;
	font-weight: 500
}

#mfooter {
	padding: 1rem;
	text-align: center;
	font-size: .875rem
}

@media screen and (min-width:769px) and (max-width:1199px) {}

@media screen and (max-width:768px) {
	header#header nav.menu>ul {
		display: none;
		margin: 0;
		width: 100%
	}

	header#header nav.menu>ul>li {
		display: block;
		margin: 0
	}

	header#header nav.menu>ul>li a {
		padding: .5rem;
		display: flex;
		flex-flow: row wrap;
		align-items: center
	}

	header#header nav.menu>ul>li a>span,
	header#header nav.menu>ul>li a>.icon {
		flex: 1 1 0px;
		min-width: 0
	}

	header#header nav.menu>ul>li a>.icon {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
		white-space: nowrap
	}

	header#header .menu-mobile {
		display: inline-block
	}

	header#header nav.menu ul.show-on-mobile {
		display: block
	}

	#mainSearch {
		display: none
	}
}

@media screen and (max-width:6 40px) {}

header#header .logo img,
header#header .logo svg {
	width: 300px;
}

header#header {
	background-color: #A5141A;
	padding: 1rem 0 0 0;
}

#mainSearch{
        background: url(https://www.lexus.com.au/-/media/lexus/main-site/global/vehicles/sedan/ls/tech-change-2023/lsc0011-c-hero.jpg?h=1080&amp;iar=0&amp;w=1920&amp;rev=dff1f0d…);
    background-size: cover;
    background-position: center;
}

#mainSearch{
    position:relative;
}

#mainSearch::before{
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


    
   .dropdown-menu {
    display: none;
    background-color: #393633 !important;
    min-width: 200px;
    list-style: none;
    z-index: 1000;
    top: 42px;
    border-top: 2px solid #cc1b21 !important;
        position: absolute;
        padding: 20px !important;
}

.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-menu a{
        color: white;
    text-decoration: none;
        font-size: 12px;
}

@media(max-width:600px){
    .allcars{
            display: grid;
        grid-template-columns: repeat(2, 1fr) !important;    grid-gap: 30px;
    }
}

.phone-2 img {
    width: 121px !important;
    height: 121px;
    object-fit: contain;
}