.icons-arrow {
  background-position: 0 -537px;
}

.icons-button_next_bg {
  background-position: 0 -85px;
}

.icons-button_next_bg_full {
  background-position: 0 0;
}

.icons-button_next_left {
  background-position: 0 -358px;
}

.icons-button_next_right {
  background-position: 0 -377px;
}

.icons-download {
  background-position: 0 -443px;
}

.icons-facebook-white {
  background-position: 0 -217px;
}

.icons-facebook {
  background-position: 0 -396px;
}

.icons-github {
  background-position: 0 -311px;
}

.icons-grid {
  background-position: 0 -490px;
}

.icons-twitter-white {
  background-position: 0 -170px;
}

.icons-twitter {
  background-position: 0 -264px;
}

/**
 * Profound Grid
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * @author Profound Creative Studio
 * @url http://www.profoundgrid.com
 * @url http://www.weareprofound.com 
 */
/**
 * Clearfix
 */
/**
 * Legacy Clearfix
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */

#grid {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  pointer-events: none;
  z-index: 9001;
  overflow: visible !important;
}
#grid article {
  width: 98%;
  margin: 0 1%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 5000px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#grid article article {
  float: left;
  margin-right: -100%;
  width: 6.5%;
  height: 100%;
  background: black;
}
#grid article article:nth-child(12n+1) {
  margin-left: 0%;
  margin-bottom: 2%;
  clear: both;
  overflow: hidden;
  *zoom: 1;
}
#grid article article:nth-child(12n+2) {
  margin-left: 8.5%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+3) {
  margin-left: 17%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+4) {
  margin-left: 25.5%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+5) {
  margin-left: 34%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+6) {
  margin-left: 42.5%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+7) {
  margin-left: 51%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+8) {
  margin-left: 59.5%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+9) {
  margin-left: 68%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+10) {
  margin-left: 76.5%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+11) {
  margin-left: 85%;
  margin-bottom: 2%;
  clear: none;
}
#grid article article:nth-child(12n+12) {
  margin-left: 93.5%;
  margin-bottom: 2%;
  clear: none;
}


header .center {
  width: 98%;
  margin: 0 1%;
  overflow: hidden;
  *zoom: 1;
  position: relative;
  display: block;
}

#grid {
  margin-bottom: 0px;
  height: 0px;
}
#grid article {
  background: none;
}
#grid article article {
  background: black;
}

#row1 article, #row2 article, #row3 article, #row4 article, #row5 article, #row6 article {
  float: left;
  margin-right: -100%;
  width: 100%;
}
#row1 article:nth-child(1n+1), #row2 article:nth-child(1n+1), #row3 article:nth-child(1n+1), #row4 article:nth-child(1n+1), #row5 article:nth-child(1n+1), #row6 article:nth-child(1n+1) {
  margin-left: 0%;
  margin-bottom: 2%;
  clear: both;
  overflow: hidden;
  *zoom: 1;
}

@media screen and (min-width: 600px) {


  #row1 article {
    float: left;
    margin-right: -100%;
    width: 15%;
  }
  #row1 article:nth-child(6n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row1 article:nth-child(6n+2) {
    margin-left: 17%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(6n+3) {
    margin-left: 34%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(6n+4) {
    margin-left: 51%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(6n+5) {
    margin-left: 68%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(6n+6) {
    margin-left: 85%;
    margin-bottom: 2%;
    clear: none;
  }

  #row2 article {
    float: left;
    margin-right: -100%;
    width: 15%;
  }
  #row2 article:nth-child(6n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row2 article:nth-child(6n+2) {
    margin-left: 17%;
    margin-bottom: 2%;
    clear: none;
  }
  #row2 article:nth-child(6n+3) {
    margin-left: 34%;
    margin-bottom: 2%;
    clear: none;
  }
  #row2 article:nth-child(6n+4) {
    margin-left: 51%;
    margin-bottom: 2%;
    clear: none;
  }
  #row2 article:nth-child(6n+5) {
    margin-left: 68%;
    margin-bottom: 2%;
    clear: none;
  }
  #row2 article:nth-child(6n+6) {
    margin-left: 85%;
    margin-bottom: 2%;
    clear: none;
  }

  #row3 article {
    float: left;
    margin-right: -100%;
    width: 32%;
  }
  #row3 article:nth-child(3n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row3 article:nth-child(3n+2) {
    margin-left: 34%;
    margin-bottom: 2%;
    clear: none;
  }
  #row3 article:nth-child(3n+3) {
    margin-left: 68%;
    margin-bottom: 2%;
    clear: none;
  }
  #row3 article.last {
    float: left;
    margin-right: -100%;
    width: 100%;
  }

  #row4 article {
    float: left;
    margin-right: -100%;
    width: 32%;
  }
  #row4 article:nth-child(3n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row4 article:nth-child(3n+2) {
    margin-left: 34%;
    margin-bottom: 2%;
    clear: none;
  }
  #row4 article:nth-child(3n+3) {
    margin-left: 68%;
    margin-bottom: 2%;
    clear: none;
  }

  #row5 article {
    float: left;
    margin-right: -100%;
    width: 49%;
  }
  #row5 article:nth-child(2n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row5 article:nth-child(2n+2) {
    margin-left: 51%;
    margin-bottom: 2%;
    clear: none;
  }

  #row6 article {
    float: left;
    margin-right: -100%;
    width: 100%;
  }
}
@media all and (min-width: 960px) {

  #row1 article {
    float: left;
    margin-right: -100%;
    width: 6.5%;
  }
  #row1 article:nth-child(12n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row1 article:nth-child(12n+2) {
    margin-left: 8.5%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+3) {
    margin-left: 17%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+4) {
    margin-left: 25.5%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+5) {
    margin-left: 34%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+6) {
    margin-left: 42.5%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+7) {
    margin-left: 51%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+8) {
    margin-left: 59.5%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+9) {
    margin-left: 68%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+10) {
    margin-left: 76.5%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+11) {
    margin-left: 85%;
    margin-bottom: 2%;
    clear: none;
  }
  #row1 article:nth-child(12n+12) {
    margin-left: 93.5%;
    margin-bottom: 2%;
    clear: none;
  }

  #row2 article {
    float: left;
    margin-right: -100%;
    width: 15%;
  }
  #row2 article:nth-child(6n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row2 article:nth-child(6n+2) {
    margin-left: 17%;
    margin-bottom: 2%;
    clear: none;
  }
  #row2 article:nth-child(6n+3) {
    margin-left: 34%;
    margin-bottom: 2%;
    clear: none;
  }
  #row2 article:nth-child(6n+4) {
    margin-left: 51%;
    margin-bottom: 2%;
    clear: none;
  }
  #row2 article:nth-child(6n+5) {
    margin-left: 68%;
    margin-bottom: 2%;
    clear: none;
  }
  #row2 article:nth-child(6n+6) {
    margin-left: 85%;
    margin-bottom: 2%;
    clear: none;
  }

  #row3 article {
    float: left;
    margin-right: -100%;
    width: 23.5%;
  }
  #row3 article.last {
    float: left;
    margin-right: -100%;
    width: 23.5%;
  }
  #row3 article:nth-child(4n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row3 article:nth-child(4n+2) {
    margin-left: 25.5%;
    margin-bottom: 2%;
    clear: none;
  }
  #row3 article:nth-child(4n+3) {
    margin-left: 51%;
    margin-bottom: 2%;
    clear: none;
  }
  #row3 article:nth-child(4n+4) {
    margin-left: 76.5%;
    margin-bottom: 2%;
    clear: none;
  }

  #row4 article {
    float: left;
    margin-right: -100%;
    width: 32%;
  }
  #row4 article:nth-child(3n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row4 article:nth-child(3n+2) {
    margin-left: 34%;
    margin-bottom: 2%;
    clear: none;
  }
  #row4 article:nth-child(3n+3) {
    margin-left: 68%;
    margin-bottom: 2%;
    clear: none;
  }

  #row5 article {
    float: left;
    margin-right: -100%;
    width: 49%;
  }
  #row5 article:nth-child(2n+1) {
    margin-left: 0%;
    margin-bottom: 2%;
    clear: both;
    overflow: hidden;
    *zoom: 1;
  }
  #row5 article:nth-child(2n+2) {
    margin-left: 51%;
    margin-bottom: 2%;
    clear: none;
  }

  #row6 article {
    float: left;
    margin-right: -100%;
    width: 100%;
  }
}