body.hc-nav-open {

	overflow: visible;

	position: fixed;

	width: 100%;

	min-height: 100%

}



.hc-offcanvas-nav {

	visibility: hidden;

	display: none;

	position: fixed;

	top: 0;

	height: 100%;

	z-index: 9999

}



.hc-offcanvas-nav.is-ios * {

	cursor: pointer !important

}



.hc-offcanvas-nav .nav-container {

	position: fixed;

	z-index: 9998;

	top: 0;

	width: 280px;

	height: 100%;

	max-width: 100%;

	max-height: 100%;

	box-sizing: border-box;

	transition: transform .4s ease

}



.hc-offcanvas-nav .nav-wrapper {

	width: 100%;

	height: 100%;

	max-height: 100vh;

	overscroll-behavior: none;

	box-sizing: border-box

}



.hc-offcanvas-nav .nav-content {

	height: 100%;

	max-height: 100vh

}



.hc-offcanvas-nav .nav-wrapper-0>.nav-content {

	overflow: scroll;

	overflow-x: visible;

	overflow-y: auto;

	box-sizing: border-box

}



.hc-offcanvas-nav ul {

	list-style: none;

	margin: 0;

	padding: 0

}



.hc-offcanvas-nav li {

	position: relative;

	display: block

}



.hc-offcanvas-nav li.level-open>.nav-wrapper {

	visibility: visible

}



.hc-offcanvas-nav input[type="checkbox"] {

	display: none

}



.hc-offcanvas-nav label {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 10;

	cursor: pointer

}



.hc-offcanvas-nav a {

	position: relative;

	display: block;

	box-sizing: border-box;

	cursor: pointer

}



.hc-offcanvas-nav a,

.hc-offcanvas-nav a:hover {

	text-decoration: none

}



.hc-offcanvas-nav .nav-item {

	position: relative;

	display: block;

	box-sizing: border-box

}



.hc-offcanvas-nav.disable-body::after,

.hc-offcanvas-nav .nav-wrapper::after {

	content: '';

	position: fixed;

	z-index: 9990;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	overscroll-behavior: none;

	visibility: hidden;

	opacity: 0;

	transition: visibility 0s ease .4s, opacity .4s ease

}



.hc-offcanvas-nav.disable-body.nav-open::after,

.hc-offcanvas-nav .sub-level-open::after {

	visibility: visible;

	opacity: 1;

	transition-delay: .05s

}



.hc-offcanvas-nav:not(.nav-open)::after {

	pointer-events: none

}



.hc-offcanvas-nav.nav-levels-expand .nav-content {

	overflow: scroll;

	overflow-x: visible;

	overflow-y: auto;

	box-sizing: border-box

}



.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {

	display: none

}



.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {

	min-width: 0;

	max-height: 0;

	overflow: hidden;

	transition: height 0s ease .4s

}



.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {

	max-height: none

}



.hc-offcanvas-nav.nav-levels-overlap .nav-content {

	overflow: scroll;

	overflow-x: visible;

	overflow-y: auto;

	box-sizing: border-box

}



.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {

	position: absolute;

	z-index: 9999;

	top: 0;

	height: 100%;

	visibility: hidden;

	transition: visibility 0s ease .4s, transform .4s ease

}



.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {

	position: static

}



.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {

	visibility: visible;

	transform: translate3d(0, 0, 0);

	transition: transform .4s ease

}



.hc-offcanvas-nav.nav-position-left {

	left: 0

}



.hc-offcanvas-nav.nav-position-left .nav-container {

	left: 0;

	transform: translate3d(-280px, 0, 0)

}



.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {

	left: 0;

	transform: translate3d(-100%, 0, 0)

}



.hc-offcanvas-nav.nav-position-right {

	right: 0

}



.hc-offcanvas-nav.nav-position-right .nav-container {

	right: 0;

	transform: translate3d(280px, 0, 0)

}



.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {

	right: 0;

	transform: translate3d(100%, 0, 0)

}



.hc-offcanvas-nav.nav-position-top {

	top: 0

}



.hc-offcanvas-nav.nav-position-top .nav-container {

	top: 0;

	width: 100%;

	height: auto;

	transform: translate3d(0, -100%, 0)

}



.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {

	left: 0;

	transform: translate3d(0, -100%, 0)

}



.hc-offcanvas-nav.nav-position-bottom {

	top: auto;

	bottom: 0

}



.hc-offcanvas-nav.nav-position-bottom .nav-container {

	top: auto;

	bottom: 0;

	width: 100%;

	height: auto;

	transform: translate3d(0, 100%, 0)

}



.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {

	left: 0;

	transform: translate3d(0, 100%, 0)

}



.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {

	transform: translate3d(0, 0, 0)

}



.hc-nav-trigger {/* float: left; */border: 1px solid #fff;border-radius: 0px;}



.hc-nav-trigger span {

	/* width: 30px; */

	/* top: 50%; */

	/* transform: translateY(-50%); */

	/* transform-origin: 50% 50%; */

}



.hc-nav-trigger span,

.hc-nav-trigger span::before,

.hc-nav-trigger span::after {

	background: #ffffff;

}



.hc-nav-trigger span::before,

.hc-nav-trigger span::after {

	content: '';

	width: 100%

}



.hc-nav-trigger span::before {

	top: -10px

}



.hc-nav-trigger span::after {

	bottom: -10px

}



.hc-nav-trigger.toggle-open span {

	background: rgba(0, 0, 0, 0);

	transform: rotate(45deg)

}



.hc-nav-trigger.toggle-open span::before {

	transform: translate3d(0, 10px, 0)

}



.hc-nav-trigger.toggle-open span::after {

	transform: rotate(-90deg) translate3d(10px, 0, 0)

}



.hc-offcanvas-nav::after,

.hc-offcanvas-nav .nav-wrapper::after {

	background: rgba(0, 0, 0, 0.3)

}



.hc-offcanvas-nav .nav-container,

.hc-offcanvas-nav .nav-wrapper,

.hc-offcanvas-nav ul {

	background:var(--color-1);

}



.hc-offcanvas-nav h2 {

	font-size: 16px;

	font-weight:600;

	text-align: left;

	color: #fefeff;

	background-color: #c21d33;

	padding: 10px 15px;

	text-align: center;

	margin-top: 0px;

}



.hc-offcanvas-nav a,

.hc-offcanvas-nav .nav-item {

	padding: 11px 17px;

	font-size: 14px;

	color: #fff;

	z-index: 1;

	background: rgba(0, 0, 0, 0);

	border-bottom: 1px solid #fff;

	text-transform: uppercase;

}



.hc-offcanvas-nav:not(.touch-device) a:hover {

	background: #31679e

}



.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {

	border-top: 1px solid #2c5d8f;

	margin-top: -1px

}



.hc-offcanvas-nav li {

	text-align: left

}



.hc-offcanvas-nav li.nav-close a,

.hc-offcanvas-nav li.nav-back a {

	background: #c21d33;

	border-top: 1px solid #dedada;

	border-bottom: 1px solid #dedada;

	color: #fdfdfd;

}



.hc-offcanvas-nav li.nav-close a:hover,

.hc-offcanvas-nav li.nav-back a:hover {

	background: #f5f5f5;

}



.hc-offcanvas-nav li.nav-close:not(:first-child) a,

.hc-offcanvas-nav li.nav-back:not(:first-child) a {

	margin-top: -1px

}



.hc-offcanvas-nav li.nav-parent .nav-item {

	padding-right: 58px

}



.hc-offcanvas-nav li.nav-close span,

.hc-offcanvas-nav li.nav-parent span.nav-next,

.hc-offcanvas-nav li.nav-back span {

	width: 45px;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	text-align: center;

	cursor: pointer;

	transition: background .2s ease;

	/* z-index: 1000; */

}



.hc-offcanvas-nav li.nav-close span::before,

.hc-offcanvas-nav li.nav-close span::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	width: 6px;

	height: 6px;

	margin-top: -3px;

	border-top: 2px solid #fff;

	border-left: 2px solid #fff

}



.hc-offcanvas-nav li.nav-close span::before {

	margin-left: -9px;

	transform: rotate(135deg)

}



.hc-offcanvas-nav li.nav-close span::after {

	transform: rotate(-45deg)

}



.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {

	border-left: 1px solid #fff

}



.hc-offcanvas-nav span.nav-next::before,

.hc-offcanvas-nav li.nav-back span::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	width: 8px;

	height: 8px;

	margin-left: -2px;

	box-sizing: border-box;

	border-top: 2px solid #fff;

	border-left: 2px solid #fff;

	transform-origin: center;

}



.hc-offcanvas-nav span.nav-next::before {

	transform: translate(-50%, -50%) rotate(135deg)

}



.hc-offcanvas-nav li.nav-back span::before {

	transform: translate(-50%, -50%) rotate(-45deg)

}



.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {

	box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)

}



.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {

	box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)

}



.hc-offcanvas-nav.nav-position-right span.nav-next::before {

	margin-left: 0;

	margin-right: -2px;

	transform: translate(-50%, -50%) rotate(-45deg)

}



.hc-offcanvas-nav.nav-position-right li.nav-back span::before {

	margin-left: 0;

	margin-right: -2px;

	transform: translate(-50%, -50%) rotate(135deg)

}



.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)

}



.hc-offcanvas-nav.nav-position-top span.nav-next::before {

	margin-left: 0;

	margin-right: -2px;

	transform: translate(-50%, -50%) rotate(-135deg)

}



.hc-offcanvas-nav.nav-position-top li.nav-back span::before {

	margin-left: 0;

	margin-right: -2px;

	transform: translate(-50%, -50%) rotate(45deg)

}



.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {

	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2)

}



.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {

	margin-left: 0;

	margin-right: -2px;

	transform: translate(-50%, -50%) rotate(45deg)

}



.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {

	margin-left: 0;

	margin-right: -2px;

	transform: translate(-50%, -50%) rotate(-135deg)

}



.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,

.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {

	box-shadow: none;

	background: transparent

}



.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,

.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {

	display: none

}



.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,

.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {

	font-size: 14px

}



.hc-offcanvas-nav.nav-levels-expand .nav-container li,

.hc-offcanvas-nav.nav-levels-none .nav-container li {

	transition: background .3s ease

}



.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {

	background: #2e6296

}



.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {

	border-bottom: 1px solid #295887

}



.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {

	background: #2f649a

}



.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before {

	margin-top: 2px;

	transform: translate(-50%, -50%) rotate(45deg)

}



.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,

.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {

	margin-top: -2px;

	transform: translate(-50%, -50%) rotate(-135deg)

}



#main-nav {

	display: none

}





header h1 {

	font-size: 50px;

	font-weight: 700;

	text-align: center;

	letter-spacing: 5px;

	padding-bottom: 8px

}



header h2 {

	max-width: 680px;

	margin: auto;

	font-size: 20px;

	font-weight: 200;

	line-height: 1.4;

	text-align: center;

	letter-spacing: 1px;

	padding-bottom: 30px

}



header .git {

	display: inline-block;

	text-decoration: none;

	color: #fff;

	border-radius: 4px;

	padding: 4px 10px 4px 0;

	font-size: 15px;

	font-weight: 400;

	color: #fffce1;

	background: #54b9cb;

	transition: background .15s ease-in-out

}



header .git:hover {

	background: #4CA8B9

}



header .git:hover svg {

	border-color: #54b9cb

}



header .git svg {

	width: 15px;

	height: 15px;

	fill: #fffce1;

	position: relative;

	top: 2px;

	padding: 0 10px;

	margin-right: 10px;

	border-right: 1px solid #4daabb;

	transition: border-color .15s ease-in-out

}



header .ver {

	padding-top: 15px;

	font-weight: 200;

	color: #dab977

}



header .ver span {

	color: #fffce1

}



header .toggle {

	position: absolute;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	display: none;

	top: 20px;

	z-index: 9980;

	width: 35px;

	min-height: 24px;

	position: relative;

	width: auto;

	top: auto;

	left: auto;

	float: left;

	display: block;

	cursor: pointer;

	box-sizing: content-box;

	font-size: 20px;

	padding-left: 55px;

	line-height: 24px;

	margin-top: 55px;

}



header .toggle span {

	width: 35px;

	top: 50%;

	transform: translateY(-50%);

	transform-origin: 50% 50%

}



header .toggle span,

header .toggle span::before,

header .toggle span::after {

	display: block;

	position: absolute;

	left: 0;

	height: 4px;

	background: #182631;

	transition: all .25s ease

}



header .toggle span::before,

header .toggle span::after {

	content: '';

	width: 100%

}



header .toggle span::before {

	top: -10px

}



header .toggle span::after {

	bottom: -10px

}



header .toggle.toggle-open span {

	background: rgba(0, 0, 0, 0);

	transform: rotate(45deg)

}



header .toggle.toggle-open span::before {

	transform: translate3d(0, 10px, 0)

}



header .toggle.toggle-open span::after {

	transform: rotate(-90deg) translate3d(10px, 0, 0)

}





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

	main .actions {

		display: -ms-flexbox;

		display: flex;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap

	}

	main .actions div {

		float: left;

		-ms-flex: 1 1 33.33%;

		flex: 1 1 33.33%;

		max-width: 33.33%

	}

	main .actions.position div {

		float: left;

		-ms-flex: 1 1 25%;

		flex: 1 1 25%;

		max-width: 25%

	}

}



main .button {

	position: relative;

	display: block;

	padding: 18px 30px 16px;

	text-transform: uppercase;

	text-align: center;

	font-size: 16px;

	font-weight: 700;

	line-height: 1.4;

	letter-spacing: 1px;

	text-decoration: none;

	color: #243949;

	cursor: pointer;

	background: #fffce1;

	border-radius: 30px/80px;

	transition: all .1s ease

}



main .button:not(.active):hover {

	color: #d5af63

}



main .button.active {

	background: #dab977

}



.hc-offcanvas-nav .nav-wrapper-0>.nav-content {

	padding-bottom: 41px

}



.hc-offcanvas-nav h2 {

	font-weight: 400;

	text-transform: uppercase;

}



.hc-offcanvas-nav a {

	font-size: 14px;

}



.hc-offcanvas-nav li.search .nav-item {

	padding-top: 0

}



.hc-offcanvas-nav li.search input[type="text"] {

	width: 100%;

	box-sizing: border-box;

	border: none;

	border-radius: 3px;

	font-size: 14px;

	color: #fff;

	background: rgba(255, 255, 255, 0.12);

	padding: 5px 10px;

	box-shadow: none;

	outline: none

}



.hc-offcanvas-nav li.search input[type="text"]::-webkit-input-placeholder {

	color: rgba(255, 255, 255, 0.8)

}



.hc-offcanvas-nav li.search input[type="text"]:-ms-input-placeholder {

	color: rgba(255, 255, 255, 0.8)

}



.hc-offcanvas-nav li.search input[type="text"]::placeholder {

	color: rgba(255, 255, 255, 0.8)

}



.hc-offcanvas-nav li.add>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'add'

}



.hc-offcanvas-nav li.new>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'fiber_new'

}



.hc-offcanvas-nav li.cryptocurrency>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'local_atm'

}



.hc-offcanvas-nav li.devices>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'devices'

}



.hc-offcanvas-nav li.mobile>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'phone_android'

}



.hc-offcanvas-nav li.television>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'desktop_windows'

}



.hc-offcanvas-nav li.camera>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'camera_alt'

}



.hc-offcanvas-nav li.magazines>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'import_contacts'

}



.hc-offcanvas-nav li.store>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'store'

}



.hc-offcanvas-nav li.collections>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'collections'

}



.hc-offcanvas-nav li.credits>a::before {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	text-indent: 0;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';

	display: inline-block;

	width: 19px;

	height: 19px;

	margin-right: 15px;

	font-size: 19px;

	vertical-align: top;

	content: 'credit_card'

}



.hc-offcanvas-nav ul.bottom-nav {

	position: absolute;

	z-index: 10;

	bottom: 0;

	width: 100%;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: nowrap;

	flex-wrap: nowrap;

	-ms-flex-align: stretch;

	align-items: stretch;

	border-top: 1px solid #2c5d8f

}



.hc-offcanvas-nav ul.bottom-nav li {

	-ms-flex: auto;

	flex: auto

}



.hc-offcanvas-nav ul.bottom-nav li a {

	padding: 10px;

	text-align: center;

	height: 100%;

	border-bottom: none

}



.hc-offcanvas-nav ul.bottom-nav li svg {

	fill: #fff;

	display: inline-block;

	vertical-align: middle

}



.hc-offcanvas-nav ul.bottom-nav li.github svg {

	width: 17px;

	height: 17px

}



.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg {

	width: 21px;

	height: 21px

}



.hc-offcanvas-nav ul.bottom-nav li.email svg {

	width: 19px;

	height: 19px

}