/*!
 * Frag 2.1.1
 *
 * Frag is a fluid, responsive, simple grid system for
 * CSS written in Sass. http://fragcss.com/
 *
 * Copyright 2013, Rowan Manning.
 * Licensed under the MIT license.
 *
 */
/* Util: Box for grid/column display */
.frag-box, .grid, .col {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Util: Clearfix */
.frag-clearfix, .grid {
  *zoom: 1;
}
.frag-clearfix:before, .grid:before, .frag-clearfix:after, .grid:after {
  display: table;
  content: '';
}
.frag-clearfix:after, .grid:after {
  clear: both;
}

/* Grid: Base styles */
.grid {
  width: auto;
  max-width: 1200px;
  *width: 980px;
}
.grid .grid {
  *width: auto;
}
.grid .grid .col {
  *width: auto;
  *float: none;
}

/* Grid: Column styles */
.col {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}

[dir=rtl] .col {
  float: right;
}

/* Grid: Remove column gutter */
.col-degutter {
  padding-left: 0;
  padding-right: 0;
  *padding-left: 20px;
  *padding-right: 20px;
}

/* Grid: Base columns */
.dsk-1 {
  width: 8.33333%;
  *width: 41px;
}

.dsk-2 {
  width: 16.66667%;
  *width: 122px;
}

.dsk-3 {
  width: 25%;
  *width: 203px;
}

.dsk-4 {
  width: 33.33333%;
  *width: 284px;
}

.dsk-5 {
  width: 41.66667%;
  *width: 365px;
}

.dsk-6 {
  width: 50%;
  *width: 446px;
}

.dsk-7 {
  width: 58.33333%;
  *width: 527px;
}

.dsk-8 {
  width: 66.66667%;
  *width: 608px;
}

.dsk-9 {
  width: 75%;
  *width: 689px;
}

.dsk-10 {
  width: 83.33333%;
  *width: 770px;
}

.dsk-11 {
  width: 91.66667%;
  *width: 851px;
}

.dsk-12 {
  width: 100%;
  *width: 932px;
}

.dsk-hide {
  display: none;
}

.dsk-show {
  display: block;
}

.dsk-clear {
  clear: left;
}

[dir=rtl] .dsk-clear {
  clear: right;
}

.dsk-unclear {
  clear: none;
}

.oldie-clear {
  display: none;
  *display: block;
  *clear: both;
}

@media all and (max-width: 1000px) {
  .tab-1 {
    width: 8.33333%;
  }

  .tab-2 {
    width: 16.66667%;
  }

  .tab-3 {
    width: 25%;
  }

  .tab-4 {
    width: 33.33333%;
  }

  .tab-5 {
    width: 41.66667%;
  }

  .tab-6 {
    width: 50%;
  }

  .tab-7 {
    width: 58.33333%;
  }

  .tab-8 {
    width: 66.66667%;
  }

  .tab-9 {
    width: 75%;
  }

  .tab-10 {
    width: 83.33333%;
  }

  .tab-11 {
    width: 91.66667%;
  }

  .tab-12 {
    width: 100%;
  }

  .tab-hide {
    display: none;
  }

  .tab-show {
    display: block;
  }

  .tab-clear {
    clear: left;
  }

  [dir=rtl] .tab-clear {
    clear: right;
  }

  .tab-unclear {
    clear: none;
  }
}
@media all and (max-width: 640px) {
  .mob-1 {
    width: 8.33333%;
  }

  .mob-2 {
    width: 16.66667%;
  }

  .mob-3 {
    width: 25%;
  }

  .mob-4 {
    width: 33.33333%;
  }

  .mob-5 {
    width: 41.66667%;
  }

  .mob-6 {
    width: 50%;
  }

  .mob-7 {
    width: 58.33333%;
  }

  .mob-8 {
    width: 66.66667%;
  }

  .mob-9 {
    width: 75%;
  }

  .mob-10 {
    width: 83.33333%;
  }

  .mob-11 {
    width: 91.66667%;
  }

  .mob-12 {
    width: 100%;
  }

  .mob-hide {
    display: none;
  }

  .mob-show {
    display: block;
  }

  .mob-clear {
    clear: left;
  }

  [dir=rtl] .mob-clear {
    clear: right;
  }

  .mob-unclear {
    clear: none;
  }
}