/*
 * Globals
 */

    /* Links */

    a,
    a:focus,
    a:hover {
      color: #fff;
    }

    /* Custom default button */

    .btn-secondary,
    .btn-secondary:hover,
    .btn-secondary:focus {
      color: #333;
      text-shadow: none;
      /* Prevent inheritance from `body` */
      background-color: #fff;
      border: .05rem solid #fff;
    }

    /*
 * Base structure
 */

    html,
    body {
      height: 100%;
     
    }

    body {
      color: #fff;
      text-align: center;
    
    }

    /* Extra markup and styles for table-esque vertical and horizontal centering */

    .site-wrapper {
      display: table;
      width: 100%;
      height: 100%;
      /* For at least Firefox */
      min-height: 100%;
      box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
    }

    .site-wrapper-inner {
      display: table-cell;
      vertical-align: top;
    }

    .cover-container {
      margin-right: auto;
      margin-left: auto;
    }

    /* Padding for spacing */

    .inner {
      padding: 2rem;
    }

    /*
 * Header
 */

    .masthead {
      margin-bottom: 2rem;
    }

    .masthead-brand {
      margin-bottom: 0;
    }




  
    /*
 * Affix and center
 */

    @media (min-width: 40em) {
      /* Pull out the header and footer */
      .masthead {
        position: fixed;
        top: 0;
      }
      .mastfoot {
        position: fixed;
        bottom: 0;
      }
      /* Start the vertical centering */
      .site-wrapper-inner {
        vertical-align: middle;
      }
      /* Handle the widths */
      .masthead,
      .mastfoot,
      .cover-container {
        width: 100%;
        /* Must be percentage or pixels for horizontal alignment */
      }
    }

    @media (min-width: 62em) {
      .masthead,
      .mastfoot,
      .cover-container {
        width: 42rem;
      }
    }
	
	/*Particles component */
	
.relative{
	position:relative;
}
	
#particles-js {
	position: absolute;
	top:0;
	left:0;
	overflow:hidden;
	width: 100%;
	height: 100%;
}

/*loader*/

.loader-in{
	overflow:hidden !important;
}

#loader-bitcoin{
	position: absolute;
	width:100%;
	height:100%;
	display:block;
	background: #2b2b2b;
	z-index:10000;
}
#bitcoin{
  padding-top:15%;
  width:200px;
  margin:0 auto;
  display:block;
  text-align:center;
  color:#888888;
  }

.path {
  stroke-dasharray: 2110;
  stroke-dashoffset: 2110;
  stroke-width:2;
  stroke-linecap:round;
  animation: dash 6s linear infinite;
  fill-opacity:0;
  stroke:orange;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 2110;
    opacity:0;
    stroke:orange;
  }
  15%{
    opacity:1;
    stroke:orange;
  }
  70%{
    opacity:1;
    stroke:orange;
  }
  100%{
    stroke-dashoffset:0;
    opacity:0;
    stroke:yellow;
  }
}

.navbar{
	-webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.currency-icon{
	max-width:25px;
	margin-right: 5px;
}
.featured-icon{
	max-width:65px;
}

.table th, .table td {
    border-top: 1px solid #363636;
}
.table thead th {
    border-bottom: 2px solid #363636;
}

.up{
	color: #32b140;
}

.down{
	color:#eb3a26;
}