@font-face {
	font-family: 'Oxygen';
	src: url(../fonts/oxygen/Oxygen-Regular.woff2) format('woff2'),
		url(../fonts/oxygen/Oxygen-Regular.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Oxygen';
	src: url(../fonts/oxygen/Oxygen-Bold.woff2) format('woff2'),
		url(../fonts/oxygen/Oxygen-Bold.ttf) format('truetype');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Oxygen';
	src: url(../fonts/oxygen/Oxygen-Light.woff2) format('woff2'),
		url(../fonts/oxygen/Oxygen-Light.ttf) format('truetype');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'Oxygen Mono';
	src: url(../fonts/oxygen/OxygenMono-Regular.woff2) format('woff2'),
		url(../fonts/oxygen/OxygenMono-Regular.ttf) format('truetype');
	font-display: swap;
}

*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body {height: 100vh;max-width: 100vw;margin: 0;padding: 0;font-family: 'Oxygen', sans-serif;}

body {}

h2, h3, h4 {}

p {margin:0 0 10px}

textarea,
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="submit"] {
	 -webkit-appearance: none;
	 border-radius: 0;
}

textarea,
select,
input[type="text"]:active,
input[type="text"]:focus, 
input[type="email"]:active,
input[type="email"]:focus, 
input[type="password"]:active,
input[type="password"]:focus {
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}
input[type=image] img {vertical-align:middle}

a {
	color:inherit;
	text-decoration:none;
}

a:hover,a:focus,a:active {color:inherit;}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar:horizontal {height:10px;}
::-webkit-scrollbar-track {border-radius: 3px;padding: 3px;background: rgba(0,0,0,0.05); }
::-webkit-scrollbar-thumb {border-radius: 3px;background: #444448;}
::-webkit-scrollbar-thumb:window-inactive {background: #444448;}
::-webkit-scrollbar-corner {background: none;cursor:se-resize;}
::-webkit-resizer {background: #444448;cursor:se-resize;}

.underline {text-decoration: underline;}
.underline-h:hover {text-decoration: underline;}
.strong {font-weight: 400;}
.strong.bold {font-weight: 600;}
.strong.heavy {font-weight: 900;}
.full {width: 100%;}
.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.fluid.max {max-width: 100%;}
.float-none {float: none !important;}

.divider {height: 20px;width: 100%;clear: both;}
.spacer {height: 20px;width: 100%;clear: both;}
.spacer.large {height: 100px;}
.divider.visible {border-bottom: 1px solid #989898;margin-bottom: 20px;}
.divider.visible.small {max-width: 650px;margin: 25px auto;border-bottom: 1px solid rgba(152, 152, 152, 0.2);}
.divider.visible.dark {border-bottom: 1px solid rgba(0, 0, 0, 0.3)}

.rounded {border-radius: 3px;}
.rounded.more {border-radius: .28571429rem}
.rounded.circle {border-radius: 100px;}
.rounded-top {border-radius: 3px 3px 0rem 0rem;}
.rounded-bot {border-radius: 0rem 0rem 3px 3px;}
.rounded-right {border-radius: 0rem 3px 3px 0rem;}
.rounded-left {border-radius: .28571429rem 0rem 0rem .28571429rem;}
.rounded-lefttop-rightbottom {border-radius: .28571429rem 0rem .28571429rem 0rem ;}
.rounded-leftbot-righttop {border-radius: 0rem .28571429rem 0rem .28571429rem ;}
.rounded-left-bot {border-radius: 0rem 0rem 0rem .28571429rem;}
.rounded-right-bot {border-radius: 0rem 0rem .28571429rem 0rem;}

.clear {clear: both;}
.space-top {margin-top:25px;}
.space-bot {margin-bottom:25px;}

.color.dark {color: #212121}
.color.green {color: #77A74B}
.color.red {color: #A93D2F}
.color.yellow {color: #e3bf1b}

.bg.blue {color: #f8f8f8;background: #0085D3 !important}
.bg.blue.deep {color: #f8f8f8;background: #1d4da7 !important;}
.bg.green {color: #f8f8f8;background: #77A74B !important}
.bg.red {color: #f8f8f8;background: #A93D2F !important}
.bg.orange {color: #f8f8f8;background: #F2711C !important}
.bg.yellow {color: #333;background: #dcc620 !important}
.bg.purple {color: #f8f8f8;background: #436 !important}
.bg.brown {color: #f8f8f8;background: #503515 !important}
.bg.gray {color: #f8f8f8;background: #767676 !important}
.bg.grey {color: #717171;background: #d0d0d0 !important}
.bg.black {color: #f8f8f8;background: #333 !important}
.bg.white {color: #333;background: #ffffff !important}
.bg.white.off {color: #333;background: #f5f5f5 !important}
.bg.egg {color: #333; background: #eee !important}
.bg.dark.twilight {color: #f8f8f8;background: #212529  !important}
.bg.dark {color: #f8f8f8;background: #272b30 !important}
.bg.atomic-purple {color: #f8f8f8;background: #333544 !important}
.bg.dark.moon {color: #f8f8f8;background: #23272a !important}
.bg.red.vintage {color: #f8f8f8;background: #a24235 !important}
.bg.dark.blue {color: #f8f8f8;background: #2c365f !important}
.bg.navy {color: #f8f8f8;background: #282a35 !important}
.bg.pink {color: #f8f8f8;background: #dc286e !important}
.bg.dark.gray {color: #f8f8f8;background: #2e3238 !important}
.bg.nightsaber {color: #f8f8f8; background: #333544 !important}
.bg.beer {color: #333;background: #e3bf1b !important}
.bg.none {background: none !important;}

.top {background: none;}
.show {display: block !important;}
.showflex {display: flex !important;}
.hide {display: none !important;}

.wrapper {
	max-width: 1460px;
	margin: 0 auto;
	height: auto;
}

.wrapper.small {max-width: 900px}

ul {list-style: none;margin: 0;padding: 0;list-style-position: inside;}
ol {counter-reset: ordered;margin: 0;padding: 0;list-style-position: inside;}
.list.none {list-style: none;}
.list[class*="horizontal"] > li {display: inline-block;}
.list.inside {list-style-position: inside;}
.list.outside {list-style-position: outside;}
.list.circle {list-style-type: circle;}
.list.square {list-style-type: square;}
.list.roman {list-style-type: upper-roman;}
.list.roman.lower {list-style-type: lower-roman;}
.list.alpha {list-style-type: upper-alpha;}
.list.alpha.upper {list-style-type: lower-alpha;}
.list.greek {list-style-type: lower-greek;}
.list.decimal {list-style-type: decimal;}
.list.decimal.zero {list-style-type: decimal-leading-zero;}
ul li > a,ul li > a:hover {color: inherit;display: block;}

.section {padding: 13px 0px 15px 5px;width: 100%;clear: both;}
.section.border {border-bottom:1px solid rgba(0, 0, 0, 0.3);margin-bottom: 10px}
.section.border.light {border-bottom:1px solid rgba(255, 255, 255, 0.15);}
.container.bg[class*="dark"] > .section.border {border-color:rgba(255, 255, 255, 0.1)}
.section.heading {font-size: 22px; font-weight: 400;color: #d0d0d0;}
.section.heading.thin {font-weight: 200;}
.section.heading.large {font-size: 26px;}
.section.heading.dark {color: #212121;}

.flex {display: flex}
.flex.row {flex-flow: row}
.flex.column {flex-flow: column;}
.flex.justify-center {justify-content: center;}
.flex.align-center {align-content: center;align-items: center;}
.flex.align-baseline {align-content: baseline;align-items: baseline;}
.flex.end {align-self: flex-end;}
.flex.start {justify-content: flex-start;}
.flex.space-around {justify-content: space-around;}
.flex.space-between {justify-content: space-between;}

.empty:empty {
	 display: none;
}

input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px transparent inset;
	-webkit-text-fill-color: inherit;
	background:transparent;
}

input:focus:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 50px transparent inset;
	-webkit-text-fill-color: inherit;
	background:transparent;
} 

input:active:-webkit-autofill {background:transparent}


button.full,.button.full {margin: 5px 0px}

button.wide,.button.wide {width: 300px}

button.medium,.button.medium {
	font-size: 18px;
	font-weight: 300;
	padding: 10px;
}

button.darkwood,.button.darkwood {color: #f8f8f8; background: #383131}
button.darkwood:hover,.button.darkwood:hover {background: #3f362e;}
button.darkwood:active,.button.darkwood:active {background: #2f2b2b}

button.disabled,.button.disabled {color: #949494;background: #d0d0d0;cursor: not-allowed;}
button.disabled:hover,.button.disabled:hover {color: #949494 !important;background: #d0d0d0 !important;}

button.no-action,.button.no-action {cursor: default !important;}
button.no-action:hover,.button.no-action:hover {background: inherit !important}
button.no-action:active,.button.no-action:active {background: inherit !important}

button.loading:before,.button.loading:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -0.64285714em 0em 0em -0.64285714em;
	width: 1.28571429em;
	height: 1.28571429em;
	border-radius: 500rem;
	border: 0.2em solid rgba(0, 0, 0, 0.15);
}

button.loading:after,.button.loading:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -0.64285714em 0em 0em -0.64285714em;
	width: 1.28571429em;
	height: 1.28571429em;
	-webkit-animation: button-spin 0.6s linear;
	animation: button-spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #FFFFFF transparent transparent;
	border-style: solid;
	border-width: 0.2em;
	box-shadow: 0px 0px 0px 1px transparent;
}

button.icon.labeled,.button.icon.labeled {font-weight: 400;padding: 0px 20px 0px 0px;}

button.icon,.button.icon {padding: 9px 18px;/*min-height: 2.45em;*/}

button[class*="icon"].button.icon i,.button[class*="icon"].button.icon i {
	font-size: 1em;
	display: inline-block;
	font-style: normal;
	text-decoration: inherit;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 4px 0;
}

button.icon[class*="labeled"].button.icon i,.button.icon[class*="labeled"].button.icon i {
	line-height: 28px;
	border-radius: 0;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
	text-align: center;
	margin: auto 15px auto 0px;
	width: 2.57142857em;
	background-color: rgba(0,0,0,.1);
	color: '';
	box-shadow: -1px 0 0 0 transparent inset;
}

button.icon.labeled.icon-right,.button.icon.labeled.icon-right {
	padding-right: 0px;
	padding-left: 20px;
	margin-right: 5px;
}

button.icon[class*="icon-right"].button.icon i,.button.icon[class*="icon-right"].button.icon i {
	margin: -9px 0 0 15px;
	float: right;
	border-radius: 0;
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
	box-shadow: 1px 0 0 0 transparent inset;
}

.dropitdown {
	-moz-animation-name: dropItLikeItsHotDown;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 0.6s;

	-webkit-animation-name: dropItLikeItsHotDown;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.6s;

	animation-name: dropItLikeItsHotDown;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 0.6s;
}

.dropitdown.slow {
	-moz-animation-name: dropItLikeItsHotDown;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 1.5s;

	-webkit-animation-name: dropItLikeItsHotDown;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1.5s;

	animation-name: dropItLikeItsHotDown;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 1.5s;
}

@-moz-keyframes dropItLikeItsHotDown {
	0% {-moz-transform: translateY(-10px);opacity: 0;}
	100% {-moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes dropItLikeItsHotDown {
	0% {-webkit-transform: translateY(-10px);opacity: 0;}
	100% {-webkit-transform: translateY(0);opacity: 1;}
}
@keyframes dropItLikeItsHotDown {
	0% {transform: translateY(-10px);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}


.fadein {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 200ms;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 200ms;
	animation:fadeIn ease-in 200ms;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:200ms;
	-moz-animation-duration:200ms;
	animation-duration:200ms;
}

.fadein.slow {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fadeinfast {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:200ms;
	-moz-animation-duration:200ms;
	animation-duration:200ms;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

.animation-delay.one {
	-webkit-animation-delay: 0.3s !important;
	-moz-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important;
}

.animation-delay.two {
	-webkit-animation-delay: 0.6s !important;
	-moz-animation-delay:0.6s !important;
	animation-delay: 0.6s !important;
}

.animation-delay.three {
	-webkit-animation-delay: 1s !important;
	-moz-animation-delay: 1s !important;
	animation-delay: 1s !important;
}



@media only screen and (max-device-width:625px),only screen and (max-width:625px) {
	.button.collapse {width:100%;margin: 10px 0px !important;clear: both;}
}