﻿body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

body, html, html a {
    -webkit-font-smoothing: antialiased;
}

body {
    font-size: 14px;
    color: #72777a;
    letter-spacing: .2px;
    overflow-x: hidden;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;
    line-height: 1.5;
}


.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;
}

.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;
}

.pX-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.pY-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.bdrs-50p {
    border-radius: 50% !important;
}
.bgc-white, .bgcH-white:hover {
    background-color: #fff !important;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.mB-40 {
    margin-bottom: 40px !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.c-grey-900, .cH-grey-900:hover {
    color: #212121 !important;
}

.c-grey-900, .cH-grey-900:hover {
    color: #313435 !important;
}

.ps__rail-x {
    height: 15px;
    bottom: 0;
}

.ps__rail-x, .ps__rail-y {
    display: none;
    opacity: 0;
    -o-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute;
}


.fxw-nw {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.ai-s{
    -webkit-box-align:stretch;
    -webkit-flex-align:stretch;
    align-items:stretch;
}
.h-100vh {
    height: 100vh;
}

.centerXY{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);

}

.pos-a {
    position:absolute !important;
}

img,svg {
    vertical-align:middle;
}

.jc-sb {
    -webkit-box-pack:justify;
    -ms-box-pack:justify;
    justify-content:space-between;

}

.ai-c {
    -webkit-box-align:center;
    -ms-box-align:center;
    align-items:center;
}

.checkbox input[type=checkbox] {
    opacity:0;
    z-index:1;
}

.checkbox label:before {
    content: "";
    border: 1px solid #e6eaf0;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
    -o-transition: border .15s ease-in-out,color .15s ease-in-out;
    transition: border .15s ease-in-out,color .15s ease-in-out;
}

.checkbox label:after, .checkbox label:before {
     display: inline-block;
     position: absolute;
     width: 17px;
     height: 17px;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
     margin-left: -12px;
}

.checkbox.checkbox-circle label:before {
     border-radius: 50%;
}

.checkbox label{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    padding-left:17px;
    margin-bottom:0;
}