@charset "UTF-8";
/* CSS Document */

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body, h1, h2, h3, h4, h5, h6 {	font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;	line-height: 1.5;}
body {	font-size: 14px;
	color: #72777a;
	letter-spacing: .2px;
	overflow-x: hidden;
}
body, html, html a {	-webkit-font-smoothing: antialiased;}
body {	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-size: .875rem;
	font-weight: 400;
	color: #212529;
	text-align: left;
	background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {	letter-spacing: .5px;}

body, h1, h2, h3, h4, h5, h6 {	font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;	line-height: 1.5;}

.h4, h4 {
	font-size: 21px;
	font-size: 1.3125rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem;
}
#loader.fadeOut {
	opacity: 0;
	display: none;
}
#loader.fadeOut {
	opacity: 0;
	visibility: hidden;
}
#loader {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 1;
	display: default;
}

#loader {
	transition: all 0.3s ease-in-out;
	opacity: 1;
	visibility: visible;
	position: fixed;
	height: 100vh;
	width: 100%;
	background: #fff;
	z-index: 90000;
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
.spinner {
	width: 40px;
	height: 40px;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1s ease-in-out infinite;
	animation: sk-scaleout 1s ease-in-out infinite;
}
.spinner {
	width: 40px;
	height: 40px;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1s infinite ease-in-out;
	animation: sk-scaleout 1s infinite ease-in-out;
}

a {	color: #0f9aee;}
a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a {
	color: #cd202c;
	text-decoration: none;
	background-color: rgba(0,0,0,0);
}


.fxw-nw {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.peers {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	height: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
}


.h-100 {
	height: 100%!important;
}

.peer {
	display: block;
	height: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.peer-greed, .peers-greed>.peer, .peers-greed>.peers {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}


.pos-r {	position: relative!important;}

.bgsz-cv {	background-size: cover;}
.bgpX-c {	background-position-x: center;}
.bgpY-c {	background-position-y: center;}
.bgr-n {	background-repeat: no-repeat;}






.centerXY {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pos-a {	position: absolute!important;}

.c-grey-900, .cH-grey-900:hover {	color: #313435!important;}
.c-grey-900, .cH-grey-900:hover {	color: #212121!important;}

.bgc-white, .bgcH-white:hover {    background-color: #fff!important;}

.bdrs-50p {    border-radius: 50%!important;}

.fw-300 {	font-weight: 300!important;}
.mB-40 {	margin-bottom: 40px!important;}
.form-group {	margin-bottom: 1rem;}
.text-dark {	color: #343a40!important;}
label {
	display: inline-block;
	margin-bottom: .5rem;
}
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

button, input, optgroup, select, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button, input {
	overflow: visible;
}
.jc-sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.ai-c {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.fxw-nw {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}


.btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: rgba(0,0,0,0);
	border: 1px solid rgba(0,0,0,0);
	padding: .375rem .75rem;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .25rem;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.btn-primary {
	color: #fff;
	background-color: #2196f3;
	border-color: #2196f3;
	-webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15), 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15), 0 1px 1px rgba(0,0,0,.075);
}
.btn-danger {
	color: #fff;
	background-color: #cd202c;
	border-color: #cd202c;
	-webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15), 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15), 0 1px 1px rgba(0,0,0,.075);
}

.ai-s {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.h-100vh {
	height: 100vh;
}



.pX-40 {
    padding-left: 40px!important;
    padding-right: 40px!important;
}

.pY-80 {
    padding-top: 80px!important;
    padding-bottom: 80px!important;
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}


.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 768px)
{
.col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
}

