/**
  * Variables
  */
/**
  * Mixins
  */
/**
  * Basics
  */
html {
  font-size: 5px;
}
.container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0 45px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.container .row {
  position: relative;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 15px;
  margin-right: 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container .column .column:first-child,
.container .columns .column:first-child,
.container .column .columns:first-child,
.container .columns .columns:first-child {
  margin-left: 0;
}
.container .column .column:last-child,
.container .columns .column:last-child,
.container .column .columns:last-child,
.container .columns .columns:last-child {
  margin-right: 0;
}
.container .column.inset-left-one,
.container .columns.inset-left-one {
  margin-left: 115px !important;
}
.container .column.inset-left-two,
.container .columns.inset-left-two {
  margin-left: 215px !important;
}
.container .column.inset-left-three,
.container .columns.inset-left-three {
  margin-left: 315px !important;
}
.container .column.inset-left-four,
.container .columns.inset-left-four {
  margin-left: 415px !important;
}
.container .column.inset-left-five,
.container .columns.inset-left-five {
  margin-left: 515px !important;
}
.container .column.inset-left-six,
.container .columns.inset-left-six {
  margin-left: 615px !important;
}
.container .column.inset-left-seven,
.container .columns.inset-left-seven {
  margin-left: 715px !important;
}
.container .column.inset-left-eight,
.container .columns.inset-left-eight {
  margin-left: 815px !important;
}
.container .column.inset-left-nine,
.container .columns.inset-left-nine {
  margin-left: 915px !important;
}
.container .column.inset-left-ten,
.container .columns.inset-left-ten {
  margin-left: 1015px !important;
}
.container .column.inset-left-eleven,
.container .columns.inset-left-eleven {
  margin-left: 1115px !important;
}
.container .column.inset-right-one,
.container .columns.inset-right-one {
  margin-right: 115px !important;
}
.container .column.inset-right-two,
.container .columns.inset-right-two {
  margin-right: 215px !important;
}
.container .column.inset-right-three,
.container .columns.inset-right-three {
  margin-right: 315px !important;
}
.container .column.inset-right-four,
.container .columns.inset-right-four {
  margin-right: 415px !important;
}
.container .column.inset-right-five,
.container .columns.inset-right-five {
  margin-right: 515px !important;
}
.container .column.inset-right-six,
.container .columns.inset-right-six {
  margin-right: 615px !important;
}
.container .column.inset-right-seven,
.container .columns.inset-right-seven {
  margin-right: 715px !important;
}
.container .column.inset-right-eight,
.container .columns.inset-right-eight {
  margin-right: 815px !important;
}
.container .column.inset-right-nine,
.container .columns.inset-right-nine {
  margin-right: 915px !important;
}
.container .column.inset-right-ten,
.container .columns.inset-right-ten {
  margin-right: 1015px !important;
}
.container .column.inset-right-eleven,
.container .columns.inset-right-eleven {
  margin-right: 1115px !important;
}
.container .column.one {
  width: 70px;
}
.container .columns.two {
  width: 170px;
}
.container .columns.three {
  width: 270px;
}
.container .columns.four {
  width: 370px;
}
.container .columns.five {
  width: 470px;
}
.container .columns.six {
  width: 570px;
}
.container .columns.seven {
  width: 670px;
}
.container .columns.eight {
  width: 770px;
}
.container .columns.nine {
  width: 870px;
}
.container .columns.ten {
  width: 970px;
}
.container .columns.eleven {
  width: 1070px;
}
.container .columns.twelve,
.container .columns.all {
  width: 1170px;
}
.container:after,
.row:after,
.mosaic:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/**
  * Mosaic
  */
.mosaic {
  margin: 0;
  margin-left: -15px !important;
  margin-right: -15px !important;
  padding: 0;
}
.mosaic .block {
  position: relative;
  float: left;
  display: inline;
  margin: 0 0 20px;
  margin-left: 15px !important;
  margin-right: 15px !important;
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mosaic .block.block-size {
  width: 370px;
}
.mosaic .block.size-1x1 {
  width: 370px;
  height: 145px;
}
.mosaic .block.size-2x1 {
  width: 770px;
  height: 145px;
}
.mosaic .block.size-3x1 {
  width: 1170px;
  height: 145px;
}
.mosaic .block.size-1x2 {
  width: 370px;
  height: 310px;
}
.mosaic .block.size-2x2 {
  width: 770px;
  height: 310px;
}
.mosaic .block.size-3x2 {
  width: 1170px;
  height: 310px;
}
/**
  * Overlay
  */
#grid-overlay {
  position: absolute;
  height: 10000px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#grid-overlay .container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 4px, rgba(127, 127, 127, 0.25) 100%);
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 4px, rgba(127, 127, 127, 0.25) 100%);
  background: -moz-linear-gradient(rgba(0, 0, 0, 0) 4px, rgba(127, 127, 127, 0.25) 100%);
  background: linear-gradient(rgba(0, 0, 0, 0) 4px, rgba(127, 127, 127, 0.25) 100%);
  background-size: 5px 5px;
  background-attachment: scroll;
}
#grid-overlay .container .row {
  height: 100%;
}
#grid-overlay .container .row .column,
#grid-overlay .container .row .columns {
  height: 100%;
  background-color: #eee;
  background-color: rgba(127, 127, 127, 0.0625);
}