/* Grid system */

.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.row > [class*="col"] {
  float: left;
  margin-left: 20px;
}
.row > [class*="push"],
.row > [class*="pull"] {
  position: relative;
}
.container {
  width: 964px;
}

.row > .col12 {
  width: 964px;
}
.row > .col11 {
  width: 882px;
}
.row > .col10 {
  width: 800px;
}
.row > .col9 {
  width: 718px;
}
.row > .col8 {
  width: 636px;
}
.row > .col7 {
  width: 554px;
}
.row > .col6 {
  width: 472px;
}
.row > .col5 {
  width: 390px;
}
.row > .col4 {
  width: 308px;
}
.row > .col3 {
  width: 226px;
}
.row > .col2 {
  width: 144px;
}
.row > .col1 {
  width: 62px;
}

.row > .push12 {
  left: 984px;
}
.row > .push11 {
  left: 902px;
}
.row > .push10 {
  left: 820px;
}
.row > .push9 {
  left: 738px;
}
.row > .push8 {
  left: 656px;
}
.row > .push7 {
  left: 574px;
}
.row > .push6 {
  left: 492px;
}
.row > .push5 {
  left: 410px;
}
.row > .push4 {
  left: 328px;
}
.row > .push3 {
  left: 246px;
}
.row > .push2 {
  left: 164px;
}
.row > .push1 {
  left: 82px;
}

.row > .pull12 {
  left: -984px;
}
.row > .pull11 {
  left: -902px;
}
.row > .pull10 {
  left: -820px;
}
.row > .pull9 {
  left: -738px;
}
.row > .pull8 {
  left: -656px;
}
.row > .pull7 {
  left: -574px;
}
.row > .pull6 {
  left: -492px;
}
.row > .pull5 {
  left: -410px;
}
.row > .pull4 {
  left: -328px;
}
.row > .pull3 {
  left: -246px;
}
.row > .pull2 {
  left: -164px;
}
.row > .pull1 {
  left: -82px;
}




/* Utility classes */

.visible-phone     { display: none !important; }
.visible-tablet    { display: none !important; }
.hidden-phone      { }
.hidden-tablet     { }
.hidden-desktop    { display: none !important; }
.visible-desktop   { display: inherit !important; }



/* Large desktops */

@media (min-width: 1200px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  .row > [class*="col"] {
    float: left;
    margin-left: 20px;
  }
  .container {
    width: 1180px;
  }

  .row > .col12 {
    width: 1180px;
  }
  .row > .col11 {
    width: 1080px;
  }
  .row > .col10 {
    width: 980px;
  }
  .row > .col9 {
    width: 880px;
  }
  .row > .col8 {
    width: 780px;
  }
  .row > .col7 {
    width: 680px;
  }
  .row > .col6 {
    width: 580px;
  }
  .row > .col5 {
    width: 480px;
  }
  .row > .col4 {
    width: 380px;
  }
  .row > .col3 {
    width: 280px;
  }
  .row > .col2 {
    width: 180px;
  }
  .row > .col1 {
    width: 80px;
  }

  .row > .push12 {
    left: 1200px;
  }
  .row > .push11 {
    left: 1100px;
  }
  .row > .push10 {
    left: 1000px;
  }
  .row > .push9 {
    left: 900px;
  }
  .row > .push8 {
    left: 800px;
  }
  .row > .push7 {
    left: 700px;
  }
  .row > .push6 {
    left: 600px;
  }
  .row > .push5 {
    left: 500px;
  }
  .row > .push4 {
    left: 400px;
  }
  .row > .push3 {
    left: 300px;
  }
  .row > .push2 {
    left: 200px;
  }
  .row > .push1 {
    left: 100px;
  }

  .row > .pull12 {
    left: -1200px;
  }
  .row > .pull11 {
    left: -1100px;
  }
  .row > .pull10 {
    left: -1000px;
  }
  .row > .pull9 {
    left: -900px;
  }
  .row > .pull8 {
    left: -800px;
  }
  .row > .pull7 {
    left: -700px;
  }
  .row > .pull6 {
    left: -600px;
  }
  .row > .pull5 {
    left: -500px;
  }
  .row > .pull4 {
    left: -400px;
  }
  .row > .pull3 {
    left: -300px;
  }
  .row > .pull2 {
    left: -200px;
  }
  .row > .pull1 {
    left: -100px;
  }

  }


/* Tablets */

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  .row > [class*="col"] {
    float: left;
    margin-left: 20px;
  }
  .container {
    width: 748px;
  }

  .row > .col12 {
    width: 748px;
  }
  .row > .col11 {
    width: 684px;
  }
  .row > .col10 {
    width: 620px;
  }
  .row > .col9 {
    width: 556px;
  }
  .row > .col8 {
    width: 492px;
  }
  .row > .col7 {
    width: 428px;
  }
  .row > .col6 {
    width: 364px;
  }
  .row > .col5 {
    width: 300px;
  }
  .row > .col4 {
    width: 236px;
  }
  .row > .col3 {
    width: 172px;
  }
  .row > .col2 {
    width: 108px;
  }
  .row > .col1 {
    width: 44px;
  }

  .row > .push12 {
    left: 768px;
  }
  .row > .push11 {
    left: 704px;
  }
  .row > .push10 {
    left: 640px;
  }
  .row > .push9 {
    left: 576px;
  }
  .row > .push8 {
    left: 512px;
  }
  .row > .push7 {
    left: 448px;
  }
  .row > .push6 {
    left: 384px;
  }
  .row > .push5 {
    left: 320px;
  }
  .row > .push4 {
    left: 256px;
  }
  .row > .push3 {
    left: 192px;
  }
  .row > .push2 {
    left: 128px;
  }
  .row > .push1 {
    left: 64px;
  }

  .row > .pull12 {
    left: -768px;
  }
  .row > .pull11 {
    left: -704px;
  }
  .row > .pull10 {
    left: -640px;
  }
  .row > .pull9 {
    left: -576px;
  }
  .row > .pull8 {
    left: -512px;
  }
  .row > .pull7 {
    left: -448px;
  }
  .row > .pull6 {
    left: -384px;
  }
  .row > .pull5 {
    left: -320px;
  }
  .row > .pull4 {
    left: -256px;
  }
  .row > .pull3 {
    left: -192px;
  }
  .row > .pull2 {
    left: -128px;
  }
  .row > .pull1 {
    left: -64px;
  }

  
  .main-content .row {
    margin-left: 0;
  }

  .main-content .row > [class*="col"] {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    left: 0;
  }

    

  /* Utility classes */

  .hidden-desktop    { display: inherit !important; }
  .visible-desktop   { display: none !important ; }
  .visible-tablet    { display: inherit !important; }
  .hidden-tablet     { display: none !important; }
}


/* Small tablets and smartphones */

@media (max-width: 767px) {
  .header-wrapper,
  .showcase-top-wrapper,
  .content-wrapper,
  .showcase-bottom-wrapper,
  .footer-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-wrapper {
    text-align: center;
  }
  .container {
    width: auto;
    padding: 0;
    border: 0;
  }
  .row {
    margin-left: 0;
  }
  .row > [class*="col"] {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    left: 0;
  }
  [class^="menu-horiz-"] .menu-module,
  [class^="menu-horiz-"] .menu-module .mod-container {
    width: auto !important;
    float: none !important;
  }
  [class^="menu-horiz-"] .menu-module .mod-container {
    margin-bottom: 30px !important;
  }
      .position-0 div.mod-inner,
  .position-15 div.mod-inner {
    float: none;
  }
  .position-0 ul[class^="menu"] {
    margin-top: 0;
  }

  /* Utility classes */

  .hidden-desktop    { display: inherit !important; }
  .visible-desktop   { display: none !important; }
  .visible-phone     { display: inherit !important; }
  .hidden-phone      { display: none !important; }
}

/* Smartphones */

@media (max-width: 480px) {
  .header-wrapper,
  .showcase-top-wrapper,
  .content-wrapper,
  .showcase-bottom-wrapper,
  .footer-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }
  body.header-fixed {
    padding: 0 !important;
  }
  .header-wrapper.fixed {
    position: static !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  h1 {
    font-size: 26px !important;
  }

  h2 {
    font-size: 22px !important;
  }
  a.logo:link,
  a.logo:visited {
    font-size: 30px !important;
  }
}