*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Grid HTML Classes */
.grid-fluid-12 {
}
.grid-fluid-12 .row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 320px;*zoom:1;
}
.grid-fluid-12 .row:before, .grid-fluid-12 .row:after {
  content: " ";
  display: table;
}
.grid-fluid-12 .row:after {
  clear: both;
}
.grid-fluid-12 .row .column, .grid-fluid-12 .row .columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
}
.grid-fluid-12 .row.collapse .column, .grid-fluid-12 .row.collapse .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.grid-fluid-12 .row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;*zoom:1;
}
.grid-fluid-12 .row .row:before, .grid-fluid-12 .row .row:after {
  content: " ";
  display: table;
}
.grid-fluid-12 .row .row:after {
  clear: both;
}
.grid-fluid-12 .row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}
.grid-fluid-12  .row .row.collapse:before, .grid-fluid-12 .row .row.collapse:after {
  content: " ";
  display: table;
}
.grid-fluid-12 .row .row.collapse:after {
  clear: both;
}
@media only screen {
  .grid-fluid-12 .row .column, .grid-fluid-12 .row .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
  }
  .grid-fluid-12 .row .small-1 {
    position: relative;
    width: 8.33333%;
  }
  .grid-fluid-12 .row .small-2 {
    position: relative;
    width: 16.66667%;
  }
  .grid-fluid-12 .row .small-3 {
    position: relative;
    width: 25%;
  }
  .grid-fluid-12 .row .small-4 {
    position: relative;
    width: 33.33333%;
  }
  .grid-fluid-12 .row .small-5 {
    position: relative;
    width: 41.66667%;
  }
  .grid-fluid-12 .row .small-6 {
    position: relative;
    width: 50%;
  }
  .grid-fluid-12 .row .small-7 {
    position: relative;
    width: 58.33333%;
  }
  .grid-fluid-12 .row .small-8 {
    position: relative;
    width: 66.66667%;
  }
  .grid-fluid-12 .row .small-9 {
    position: relative;
    width: 75%;
  }
  .grid-fluid-12 .row .small-10 {
    position: relative;
    width: 83.33333%;
  }
  .grid-fluid-12 .row .small-11 {
    position: relative;
    width: 91.66667%;
  }
  .grid-fluid-12 .row .small-12 {
    position: relative;
    width: 100%;
  }
  .grid-fluid-12 .row .small-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }
  .grid-fluid-12 .row .small-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }
  .grid-fluid-12 .row .small-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .grid-fluid-12 .row .small-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }
  .grid-fluid-12 .row .small-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }
  .grid-fluid-12 .row .small-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .grid-fluid-12 .row .small-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }
  .grid-fluid-12 .row .small-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }
  .grid-fluid-12 .row .small-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .grid-fluid-12 .row .small-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }
}

/* Styles for screens that are atleast 768px;
*/
@media only screen and (min-width:48em) {
  .grid-fluid-12 .row .large-1 {
    position: relative;
    width: 8.33333%;
  }
  .grid-fluid-12 .row .large-2 {
    position: relative;
    width: 16.66667%;
  }
  .grid-fluid-12 .row .large-3 {
    position: relative;
    width: 25%;
  }
  .grid-fluid-12 .row .large-4 {
    position: relative;
    width: 33.33333%;
  }
  .grid-fluid-12 .row .large-5 {
    position: relative;
    width: 41.66667%;
  }
  .grid-fluid-12 .row .large-6 {
    position: relative;
    width: 50%;
  }
  .grid-fluid-12 .row .large-7 {
    position: relative;
    width: 58.33333%;
  }
  .grid-fluid-12 .row .large-8 {
    position: relative;
    width: 66.66667%;
  }
  .grid-fluid-12 .row .large-9 {
    position: relative;
    width: 75%;
  }
  .grid-fluid-12 .row .large-10 {
    position: relative;
    width: 83.33333%;
  }
  .grid-fluid-12 .row .large-11 {
    position: relative;
    width: 91.66667%;
  }
  .grid-fluid-12 .row .large-12 {
    position: relative;
    width: 100%;
  }
}


.row.nogutter {
    margin: 0 !important;
}

.row.nogutter .columns {
    padding: 0 !important;
}

.row.nogutter .row {
    margin: 0 !important;
}

/** adjusted fractions **/

@media only screen and (min-width:48em) {
  .grid-fluid-12 .row .large-1 {
    position: relative;
    width: 8.32%;
  }
  .grid-fluid-12 .row .large-2 {
    position: relative;
    width: 16.65%;
  }
  .grid-fluid-12 .row .large-3 {
    position: relative;
    width: 24.95%;
  }
  .grid-fluid-12 .row .large-4 {
    position: relative;
    width: 33.30%;
  }
  .grid-fluid-12 .row .large-5 {
    position: relative;
    width: 41.62%;
  }
  .grid-fluid-12 .row .large-6 {
    position: relative;
    width: 49.95%;
  }
  .grid-fluid-12 .row .large-7 {
    position: relative;
    width: 58.30%;
  }
  .grid-fluid-12 .row .large-8 {
    position: relative;
    width: 66.62%;
  }
  .grid-fluid-12 .row .large-9 {
    position: relative;
    width: 74.95%;
  }
  .grid-fluid-12 .row .large-10 {
    position: relative;
    width: 83.30%;
  }
  .grid-fluid-12 .row .large-11 {
    position: relative;
    width: 91.62%;
  }
  .grid-fluid-12 .row .large-12 {
    position: relative;
    width: 100%;
  }
}

/* ------------------------------ row sizes  -------------------------------------- */

.grid-fluid-12 .row { max-width: 320px; }
.row.fullwidth_bg .row_container { max-width: 320px; }

@media screen and (min-width:480px) {
  .grid-fluid-12 .row { max-width: 440px; }
  .row.fullwidth_bg .row_container { max-width: 440px; }
}
@media screen and (min-width:640px) {
  .grid-fluid-12 .row { max-width: 600px; }
  .row.fullwidth_bg .row_container { max-width: 600px; }
}

@media screen and (min-width:768px) {
  .grid-fluid-12 .row { max-width: 720px; }
  .row.fullwidth_bg .row_container { max-width: 720px; }
}

@media screen and (min-width:1024px) {
  .grid-fluid-12 .row { max-width: 960px; }
  .row.fullwidth_bg .row_container { max-width: 960px; }
}

@media screen and (min-width:1280px) {
  .grid-fluid-12 .row {max-width: 1280px;}
  .row.fullwidth_bg .row_container { max-width: 960px; }
}

@media screen and (min-width:1680px) {
  .grid-fluid-12 .row { max-width: 960px; }
  .row.fullwidth_bg .row_container { max-width: 960px; }
}