:root {
  /* overwrite font:
  --font-sans: 'Roboto', sans-serif; */
  --nav-color: #ffffff;
  --nav-active: #00ead8;
}
.btn{border-radius: 100px; font-family: var(--font-round);}
.btn-lg{padding: 15px 60px;}
.shadowed { -webkit-filter: drop-shadow(20px 100px 100px rgba(0,0,0,0.3));}
.box-shadow{box-shadow: 0 50px 100px 0 rgba(0,0,0,0.1)};
.card-white{padding: 30px; background: #ffffff;}
.nav-social{margin: 0 20px 0 15px; font-size: 120%;}
.nav-social a{display: inline-block; padding: 5px;}
.nav-social a:hover, .navbar-dark .navbar-nav .nav-link:hover{color: var(--color-primary-light)}
.mt-6{margin-top: 140px;}
.navbar{padding:20px 30px}
.navbar.moving-nav{padding:4px 30px}
.navbar .sitelogo{height: 17px;}
.nav-social{font-size: 26px; margin-right: -10px;}
.nav-social a {
  padding: 0 10px;
}

.mainnavitem {
  display: flex;
}
@media (max-width: 991px){
  .center-under-lg{position: absolute; left: 50%; transform: translateX(-50%);}
  .navbar .btn.center-under-lg{top: 11px;}
  .nav-social{position: absolute; right: 20px; top: 80px;}
    .navbar .sitelogo{height: 14px;}
}
@media (max-width: 321px){
  .navbar .btn.center-under-lg{left: 46%;}
}
.navbar-dark .navbar-nav .nav-link{color: #ffffff;}
.navbar-dark .navbar-nav .nav-link.active{color: var(--nav-active)}

.logo {
  width: 40px;
}

.navbar-brand h1 {
  font-size: 20px;
}

.btn.focus, .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(1,172,127, 0.3) !important;
}
.btn-gradient-primary, .btn-gradient-primary:active{
  border: 0;
  background: #00b787;
  background: linear-gradient(-129deg, #06B895 0%, #00B9E5 100%) !important;
  color: #ffffff;
  box-shadow: 0 17px 50px 0 rgba(0,0,0,0.1);
  transition: all .15s ease-in-out;
}
.btn-gradient-primary:hover, .btn-gradient-primary:active{
  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
  color: #ffffff;
  transform: translateY(2px);
}

.btn-primary,
.btn-primary:active {
  border: 0;
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.1);
  transition: all .15s ease-in-out;
}

.btn-primary:hover,
.btn-primary:active {
  background: var(--color-primary);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  transform: translateY(2px);
}
.btn-outline-primary{
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.btn-outline-primary:hover, .btn-outline-primary:active{
  border-color:  var(--color-primary-hover);
  background-color:  var(--color-primary-hover);
  color: #ffffff;
}
.btn-outline-light{
  border-color: var(--color-primary-light);
  color:  var(--color-primary-light);
}
.btn-outline-light:hover, .btn-outline-light:active{
  border-color:  var(--color-primary-hover);
  background-color:  var(--color-primary-hover);
  color: #ffffff;
}
.btn-link, .btn-link:hover  {
  color: #00b787;
}
.btn-link:hover{
  border-color: #00b787;
}
.btn-link-light, .btn-link-light:hover {
  color: #02ffbd;
}
.btn-link-light:hover {
  border-color: #02ffbd;
}
.link-light{
  color: #02ffbd !important;
  text-decoration: none !important;
}
.link-light:hover{
  text-decoration: underline !important;
}
.btn-secondary {
    background-color: #565A6A;
    border-color: #565A6A;
}
.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0, 0.1) !important;
}
.current-bonus td:first-child{border-left: 4px solid #06B895}

.footer-dropup{border-radius: 6px; border: 0;}
.footer-dropup a{padding: 2px 20px; text-decoration: none !important; color: #3e3e3e !important; display: block;}
.footer-dropup a:hover{background: #f6f6f6;}

.faq-item{margin-bottom: 20px;}
.faq-question{font-size: 1.2rem;}
.faq-question a:hover{text-decoration: none;}
.faq-answer{display: none; padding-bottom: 10px;}

.how-capacity{clear: both;}

.partners-block{padding: 80px 0;}
.partners-block *{margin-bottom: 0;}
.partner-logos img{height: 25px; margin: 30px; opacity: 0.6; display: inline-block; vertical-align: middle;}


.timeline-separator{
    font-size:1.3rem;
    margin:0;
    padding:0px 10px;
    font-style:italic
}
.timeline-separator:before,.timeline-separator:after{
    display:block;
    content:'';
    width:21px;
    height:20px;
    border-right:1px dashed #63677b;
    margin:0 0 10px
}
.timeline-separator:after{
    margin:10px 0 0
}
.timeline-separator.first:before{
    display:none
}
.timeline{
    list-style:none;
    margin:0;
    padding:20px 0;
    position:relative
}
.timeline:after{
    content:'';
    display:block;
    position:absolute;
    left:30px;
    width:1px;
    top:0;
    bottom:0;
    background:#63677b
}
.timeline-item{
    display:flex;
    margin-bottom:50px
}
.timeline-item .timeline-card{
    margin-bottom:0
}
.timeline-item:last-child{
    margin-bottom:0
}
.timeline-date{
    width:60px;
    height:60px;
    font-size:0.8em;
    padding-top:3px;
    line-height:1rem;
    border:1px solid #63677b;
    border-radius:50%;
    background:#f6f6f6;
    z-index:99;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.timeline-card{
    flex:1;
    text-align:left;
    margin-left:10px;
    display:block;
    padding: 20px;
    border: 0;
    box-shadow: 0 20px 30px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
}
.timeline-card .ico{
    font-size:2rem;
    color: var(--color-primary);
    margin-top:-5px
}

.round-img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-color: #f6f6f6;
}

.round-img-lg {
    width: 175px;
    height: 175px;
}

.bullet-item{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    background: #ededed;
    margin: 5px 2px;
}