/*----- Structural Styles -----*/

/* Alternate home page */
.full-width .hero
{
    min-width: 100%;
}

    .full-width .hero + .body-content > .row
    {
        padding: 60px 45px 0 45px;
    }
        .full-width .hero + .body-content > .row:last-child
        {
            padding-bottom: 60px;
        }

.triCol a
{
    position: relative;
}
    .triCol a span
    {
        position: absolute;
        bottom: 10px;
        left: 15px;
        max-width: 50%;
    }


/* Section Containers */

.navbar-static-top .navbar-inner,
footer > div {
	max-width: 960px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.navbar + .container {
	max-width: 960px;
	padding: 30px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.navbar + .container.wizard {
    padding-bottom: 0;
}

.page-header { 
	margin-top: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

/*footer {
	padding-bottom: 30px;
}*/

footer > div {
	padding: 30px;
	margin: 0 auto;
}

.lt-ie10 footer.home > .container {
	max-width: 960px;
    padding-left: 30px;
    padding-right: 30px;
}






/*----- First Aside -----*/

#aside-first .btn span:first-child {
	display: block;
}



/* Helper classes */
.block
{
    display: block;
}






@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);

.stat-summary {
  height: 100%;
  max-width: 300px;
  font-family: 'Source Sans Pro', sans-serif;
  box-shadow: none;
}

.stat-summary_item {
    width: 100%;
    position: relative;
    background: #3B3B3B;
    float: left;
    box-shadow: -1px 0px rgba(255, 255, 255, 0.07);
}

.stat-summary_item__inner {
  padding: 30px;
  padding-bottom: 5px;
  padding-top: 20px;
}

  .stat-summary_item__inner span {
      font-size: 36px;
      font-weight: 700;
      color: white;
  }

  .stat-summary_item__inner .progress {
      width: 100%;
      margin-top: 10px;
      height: 6px;
      background: rgba(0, 0, 0, 0.3);
      margin-bottom: 5px;
  }

    .stat-summary_item__inner .progress_bar {
        height: 6px;
        float: left;
        background: #4FA584;
        -webkit-animation: bar 2s;
    }

.stat-summary_item h2 {
  font-weight: normal;
  font-size: 16px;
  margin: -4px 0px 3px 0px;
  color: white;
}

.stat-summary_item p {
  font-size: 11px;
  color: #b6b6b6;
  clear: left;
  font-weight: 300;
  margin: 2px 0px 5px 0px;
}

.stat-summary_item h3 {
  font-size: 18px;
  color: #b6b6b6;
  clear: left;    
  margin: 2px 0px 5px 0px;
  text-align: right;
}

.stat_left {
  float: left;
}

.stat-summary_item hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(182,182,182), rgba(0, 0, 0, 0));
  margin: 0 0 0 0
}

.ux_item .p_right {
  text-align: right;
}

@keyframes bar {
  from {
      width: 0px;
  }

  to {
      width: 58%;
  }
}

@keyframes bar2 {
  from {
      width: 0px;
  }

  to {
      width: 78%;
  }
}

@keyframes graph {
  from {
      height: 0px;
  }

  to {
      height: 20px;
  }
}

@keyframes graph2 {
  from {
      height: 0px;
  }

  to {
      height: 30px;
  }
}

@keyframes graph3 {
  from {
      height: 0px;
  }

  to {
      height: 24px;
  }
}

@keyframes graph4 {
  from {
      height: 0px;
  }

  to {
      height: 13px;
  }
}