/* ===================================================================
   *  03. grid - (_grid.scss)
   *
   * ------------------------------------------------------------------- */
  .row {
    width: 94%;
    max-width: 1170px;
    margin: 0 auto;
  }
  .row:before, .row:after {
    content: "";
    display: table;
  }
  .row:after {
    clear: both;
  }
  
  .row .row {
    width: auto;
    max-width: none;
    margin-left: -20px;
    margin-right: -20px;
  }
  
  [class*="col-"], .bgrid {
    float: left;
  }
  
  [class*="col-"] + [class*="col-"].end {
    float: right;
  }
  
  [class*="col-"] {
    padding: 20px 20px;
  }
  
  .col-one {
    width: 8.33333%;
  }
  
  .col-two, .col-1-6 {
    width: 16.66667%;
  }
  
  .col-three, .col-1-4 {
    width: 25%;
  }
  
  .col-four, .col-1-3 {
    width: 33.33333%;
  }
  
  .col-five {
    width: 41.66667%;
  }
  
  .col-six, .col-1-2 {
    width: 50%;
  }
  
  .col-seven {
    width: 58.33333%;
  }
  
  .col-eight, .col-2-3 {
    width: 66.66667%;
  }
  
  .col-nine, .col-3-4 {
    width: 75%;
  }
  
  .col-ten, .col-5-6 {
    width: 83.33333%;
  }
  
  .col-eleven {
    width: 91.66667%;
  }
  
  .col-twelve, .col-full {
    width: 100%;
  }
  
  /* ------------------------------------------------------------------- 
   * small screens - (_grid.scss)
   * ------------------------------------------------------------------- */
  @media screen and (max-width: 1024px) {
    .row .row {
      margin-left: -18px;
      margin-right: -18px;
    }
  
    [class*="col-"] {
      padding: 0 0;
    }
  }
  /* ------------------------------------------------------------------- 
   * tablets - (_grid.scss)
   * ------------------------------------------------------------------- */
  @media screen and (max-width: 768px) {
    .item-wrap {
      width: auto;
      padding-bottom: 1.5rem;
    }
    .row {
      width: auto;
      padding-left: 30px;
      padding-right: 30px;
    }
  
    .row .row {
      padding-left: 0;
      padding-right: 0;
      margin-left: -15px;
      margin-right: -15px;
    }
  
    [class*="col-"] {
      padding: 0 0;
    }
  
    .tab-1-4 {
      width: 25%;
    }
  
    .tab-1-3 {
      width: 33.33333%;
    }
  
    .tab-1-2 {
      width: 50%;
    }
  
    .tab-2-3 {
      width: 66.66667%;
    }
  
    .tab-3-4 {
      width: 75%;
    }
  
    .tab-full {
      width: 100%;
    }
  }
  /* ------------------------------------------------------------------- 
   * large mobile devices - (_grid.scss)
   * ------------------------------------------------------------------- */
  @media screen and (max-width: 600px) {
    .row {
      padding-left: 25px;
      padding-right: 25px;
    }
  
    .row .row {
      margin-left: -10px;
      margin-right: -10px;
    }
  
    [class*="col-"] {
      padding: 0 10px;
    }
  
    .mob-1-4 {
      width: 25%;
    }
  
    .mob-1-2 {
      width: 50%;
    }
  
    .mob-3-4 {
      width: 75%;
    }
  
    .mob-full {
      width: 100%;
    }
  }
  /* ------------------------------------------------------------------- 
   * small mobile devices - (_grid.scss)
   * ------------------------------------------------------------------- */
  @media screen and (max-width: 400px) {
    .row .row {
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
    }
  
    [class*="col-"] {
      width: 100% !important;
      float: none !important;
      clear: both !important;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 1rem;
      padding: 0;
    }
  
    [class*="col-"] + [class*="col-"].end {
      float: none;
    }
  }
  /* ===================================================================
   * block grids - (_grid.scss)
   *
   * ------------------------------------------------------------------- */
  [class*="block-"]:before, [class*="block-"]:after {
    content: "";
    display: table;
  }
  [class*="block-"]:after {
    clear: both;
  }
  
  .block-1-6 .bgrid {
    width: 16.66667%;
  }
  
  .block-1-4 .bgrid {
    width: 25%;
  }
  
  .block-1-3 .bgrid {
    width: 33.33333%;
  }
  
  .block-1-2 .bgrid {
    width: 50%;
  }
  
  /**
   * Clearing for block grid columns. Allow columns with 
   * different heights to align properly.
   */
  .block-1-6 .bgrid:nth-child(6n+1),
  .block-1-4 .bgrid:nth-child(4n+1),
  .block-1-3 .bgrid:nth-child(3n+1),
  .block-1-2 .bgrid:nth-child(2n+1) {
    clear: both;
  }
  
  /* ------------------------------------------------------------------- 
   * small screens - (_grid.scss)
   * ------------------------------------------------------------------- */
  @media screen and (max-width: 1024px) {
    .block-s-1-6 .bgrid {
      width: 16.66667%;
    }
  
    .block-s-1-4 .bgrid {
      width: 25%;
    }
  
    .block-s-1-3 .bgrid {
      width: 33.33333%;
    }
  
    .block-s-1-2 .bgrid {
      width: 50%;
    }
  
    .block-s-full .bgrid {
      width: 100%;
      clear: both;
    }
  
    [class*="block-s-"] .bgrid:nth-child(n) {
      clear: none;
    }
  
    .block-s-1-6 .bgrid:nth-child(6n+1),
    .block-s-1-4 .bgrid:nth-child(4n+1),
    .block-s-1-3 .bgrid:nth-child(3n+1),
    .block-s-1-2 .bgrid:nth-child(2n+1) {
      clear: both;
    }
  }
  /* ------------------------------------------------------------------- 
   * tablets - (_grid.scss)
   * ------------------------------------------------------------------- */
  @media screen and (max-width: 768px) {
    .block-tab-1-6 .bgrid {
      width: 16.66667%;
    }
  
    .block-tab-1-4 .bgrid {
      width: 25%;
    }
  
    .block-tab-1-3 .bgrid {
      width: 33.33333%;
    }
  
    .block-tab-1-2 .bgrid {
      width: 50%;
    }
  
    .block-tab-full .bgrid {
      width: 100%;
      clear: both;
    }
  
    [class*="block-tab-"] .bgrid:nth-child(n) {
      clear: none;
    }
  
    .block-tab-1-6 .bgrid:nth-child(6n+1),
    .block-tab-1-4 .bgrid:nth-child(4n+1),
    .block-tab-1-3 .bgrid:nth-child(3n+1),
    .block-tab-1-2 .bgrid:nth-child(2n+1) {
      clear: both;
    }
  }
  /* ------------------------------------------------------------------- 
   * large mobile devices - (_grid.scss)
   * ------------------------------------------------------------------- */
  @media screen and (max-width: 600px) {
    .block-mob-1-6 .bgrid {
      width: 16.66667%;
    }
  
    .block-mob-1-4 .bgrid {
      width: 25%;
    }
  
    .block-mob-1-3 .bgrid {
      width: 33.33333%;
    }
  
    .block-mob-1-2 .bgrid {
      width: 50%;
    }
  
    .block-mob-full .bgrid {
      width: 100%;
      clear: both;
    }
  
    [class*="block-mob-"] .bgrid:nth-child(n) {
      clear: none;
    }
  
    .block-mob-1-6 .bgrid:nth-child(6n+1),
    .block-mob-1-4 .bgrid:nth-child(4n+1),
    .block-mob-1-3 .bgrid:nth-child(3n+1),
    .block-mob-1-2 .bgrid:nth-child(2n+1) {
      clear: both;
    }
  }
  /* ------------------------------------------------------------------- 
   * stack on small mobile devices - (_grid.scss)
   * ------------------------------------------------------------------- */
  @media screen and (max-width: 400px) {
    .stack .bgrid {
      width: 100% !important;
      float: none !important;
      clear: both !important;
      margin-left: 0;
      margin-right: 0;
    }
  }
  /* ===================================================================
   *  04. MISC  - (_grid.scss)
   *
   * ------------------------------------------------------------------- */
   
  /* Clearing - (http://nicolasgallagher.com/micro-clearfix-hack/
   */
  .group:before, .group:after {
    content: "";
    display: table;
  }
  .group:after {
    clear: both;
  }
  
  /* Misc Helper Styles 
   */
  .hide {
    display: none;
  }
  
  .invisible {
    visibility: hidden;
  }
  
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .remove-bottom {
    margin-bottom: 0;
  }
  
  .half-bottom {
    margin-bottom: 1.5rem !important;
  }
  
  .add-bottom {
    margin-bottom: 3rem !important;
  }
  
  .no-border {
    border: none;
  }
  
  .full-width {
    width: 100%;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-right {
    text-align: right;
  }
  
  .pull-left {
    float: left;
  }
  
  .pull-right {
    float: right;
  }
  
  .align-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }