/* ===================== Сетка */

.container-big {
  margin: 0 auto;
  width: 1280px;
  *zoom: 1;
}

.container-small {
  margin: 0 auto;
  width: 960px;
  *zoom: 1;
}

.container-small:before,
.container-small:after,
.container-big:before,
.container-big:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-small:after,
.container-big:after {
  clear: both;
}

.row {
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="grid"] {
  position: relative;
  float: left;
  min-height: 1px;
}


.grid1   { width:  80px; }
.grid2   { width: 160px; }
.grid3   { width: 240px; }
.grid4   { width: 320px; }
.grid5   { width: 400px; }
.grid6   { width: 480px; }
.grid7   { width: 560px; }
.grid8   { width: 640px; }
.grid9   { width: 720px; }
.grid10  { width: 800px; }
.grid11  { width: 880px; }
.grid12  { width: 960px; }
.grid13  { width: 1040px; }
.grid14  { width: 1120px; }
.grid15  { width: 1200px; }
.grid16  { width: 1280px; }

.container-fluid {
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-fluid:after {
  clear: both;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="grid"] {
  float: left;
  width: 100%;  
}

.row-fluid .grid12 {
  width: 100%;
}

.row-fluid .grid11 {
  width: 91.66666666666666%;
}

.row-fluid .grid10 {
  width: 83.33333333333334%;
}

.row-fluid .grid9 {
  width: 75%;
}

.row-fluid .grid8 {
  width: 66.66666666666666%;
}

.row-fluid .grid7 {
  width: 58.333333333333336%;
}

.row-fluid .grid6 {
  width: 50%;
  *width: 49.94%;
}

.row-fluid .grid5 {
  width: 41.66666666666667%;
  *width: 41.59%;
}

.row-fluid .grid4 {
  width: 33.33333333333333%;
  *width: 33.289%;
}

.row-fluid .grid3 {
  width: 25%;
  *width: 24.94%;
}

.row-fluid .grid2 {
  width: 16.666666666666664%;
  *width: 16.606666666666664%;
}

.row-fluid .grid1 {
  width: 8.333333333333332%;
  *width: 8.2692352323%;
}

@media (max-width: 1279px) { 
  .container-big { width: auto; } 
  .row { width: 100%; }
  .container-big .grid1   { width: 6.248%; }
  .container-big .grid2   { width: 12.498%; }
  .container-big .grid3   { width: 18.75%; }
  .container-big .grid4   { width: 25%; }
  .container-big .grid5   { width: 31.249%; }
  .container-big .grid6   { width: 37.498%; }
  .container-big .grid7   { width: 43.747%; }
  .container-big .grid8   { width: 50%; }
  .container-big .grid9   { width: 56.249%; }
  .container-big .grid10  { width: 62.498%; }
  .container-big .grid11  { width: 68.747%; }
  .container-big .grid12  { width: 75%; }
  .container-big .grid13  { width: 81.249%; }
  .container-big .grid14  { width: 87.498%; }
  .container-big .grid15  { width: 93.747%; }
  .container-big .grid16  { width: 100%; }
}

@media (max-width: 959px) { 
  .container-small { width: auto; } 
  .container-small .grid1   { width: 8.333333333333332%; }
  .container-small .grid2   { width: 16.666666666666664%; }
  .container-small .grid3   { width: 25%; }
  .container-small .grid4   { width: 33.33333333333333%; }
  .container-small .grid5   { width: 41.66666666666667%; }
  .container-small .grid6   { width: 50%; }
  .container-small .grid7   { width: 58.333333333333336%; }
  .container-small .grid8   { width: 66.66666666666666%; }
  .container-small .grid9   { width: 75%; }
  .container-small .grid10  { width: 83.33333333333334%; }
  .container-small .grid11  { width: 91.66666666666666%; }
  .container-small .grid12  { width: 100%; }
}

@media (max-width: 767px) {  
  .container-big,
  .container-small {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  [class*="grid"],
  .row-fluid [class*="grid"] {
    float: none;
    width: 100%!important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .grid16,
  .row-fluid .grid12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}