/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/content/grid.less
*
* ---------------------------
* Styles associated with the grid system
* ---------------------------
*/
#maincontent .grid1,
#maincontent .grid2,
#maincontent .grid3,
#maincontent .grid4,
#maincontent .grid5,
#maincontent .grid6,
#maincontent .grid7,
#maincontent .grid8,
#maincontent .grid9,
#maincontent .grid10,
#maincontent .grid11,
#maincontent .grid12 {
  width: auto;
}
#maincontent .col,
#maincontent .two_col,
#maincontent .three_col,
#maincontent .four_col {
  width: auto;
}
@media (min-width: 320px) {
  
}
@media (min-width: 480px) {
  #maincontent .grid1,
  #maincontent .grid2,
  #maincontent .grid3,
  #maincontent .grid4,
  #maincontent .grid5,
  #maincontent .grid6,
  #maincontent .grid7,
  #maincontent .grid8,
  #maincontent .grid9,
  #maincontent .grid10,
  #maincontent .grid11,
  #maincontent .grid12 {
    width: 49%;
    margin-left: 2%;
    float: left;
    display: inline;
  }
  #maincontent .grid12 {
    width: 100% !important;
    clear: left !important;
    margin-left: 0 !important;
  }
  #maincontent *[class^="grid"]:nth-of-type(odd) {
    margin-left: 0;
    clear: left;
  }
  #maincontent *[class^="grid"] > *[class^="grid"] {
    width: 100%;
    margin-left: 0;
  }
  #maincontent .first:first-of-type {
    margin-left: 0 !important;
    clear: left;
  }
  #maincontent .col,
  #maincontent .two_col,
  #maincontent .three_col,
  #maincontent .four_col {
    width: 48%;
    padding-left: 1%;
    padding-right: 1%;
    display: inline;
    float: left;
  }
  #maincontent .col.right,
  #maincontent .two_col.right,
  #maincontent .three_col.right,
  #maincontent .four_col.right {
    float: right;
  }
}
@media (min-width: 600px) {
  #maincontent .grid1,
  #maincontent .grid2,
  #maincontent .grid3,
  #maincontent .grid4,
  #maincontent .grid5,
  #maincontent .grid6,
  #maincontent .grid7,
  #maincontent .grid8,
  #maincontent .grid9,
  #maincontent .grid10,
  #maincontent .grid11,
  #maincontent .grid12 {
    width: 32%;
  }
  #maincontent *[class^="grid"]:nth-of-type(odd) {
    margin-left: 2%;
    clear: none;
  }
  #maincontent *[class^="grid"]:nth-of-type(3n+1) {
    margin-left: 0;
    clear: left;
  }
  #maincontent *[class^="grid"] > *[class^="grid"] {
    width: 100%;
    margin-left: 0;
  }
  #maincontent .col {
    width: 23%;
  }
  #maincontent .two_col {
    width: 48%;
  }
  #maincontent .three_col {
    width: 73%;
  }
  #maincontent .four_col {
    width: 100%;
  }
  #maincontent .two_col .col {
    width: 48%;
  }
  #maincontent .three_col .col {
    width: 31%;
  }
  #maincontent .three_col .two_col {
    width: 64%;
  }
}
@media (min-width: 768px) {
  #maincontent .grid1,
  #maincontent .grid2,
  #maincontent .grid3,
  #maincontent .grid4,
  #maincontent .grid5,
  #maincontent .grid6,
  #maincontent .grid7,
  #maincontent .grid8,
  #maincontent .grid9,
  #maincontent .grid10,
  #maincontent .grid11 {
    margin-left: 2.54%;
  }
  #maincontent .grid1 {
    width: 6%;
  }
  #maincontent .grid2 {
    width: 14.54%;
  }
  #maincontent .grid3 {
    width: 23.08%;
  }
  #maincontent .grid4 {
    width: 31.62%;
  }
  #maincontent .grid5 {
    width: 40.16%;
  }
  #maincontent .grid6 {
    width: 48.7%;
  }
  #maincontent .grid7 {
    width: 57.24%;
  }
  #maincontent .grid8 {
    width: 65.78%;
  }
  #maincontent .grid9 {
    width: 74.32%;
  }
  #maincontent .grid10 {
    width: 82.86%;
  }
  #maincontent .grid11 {
    width: 91.4%;
  }
  #maincontent .grid12 {
    width: 100%;
  }
  #maincontent *[class^="grid"]:nth-of-type(odd) {
    margin-left: 2.54%;
    clear: none;
  }
  #maincontent *[class^="grid"]:nth-of-type(odd).first {
    clear: left;
  }
  #maincontent *[class^="grid"]:nth-of-type(3n+1) {
    margin-left: 2.54%;
    clear: none;
  }
  #maincontent *[class^="grid"]:nth-of-type(3n+1).first {
    clear: left;
  }
  #maincontent .first {
    margin-left: 0 !important;
    clear: left;
  }
  #maincontent *[class^="grid"] > .grid1 {
    width: 6%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid2 {
    width: 14.54%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid3 {
    width: 23.08%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid4 {
    width: 31.62%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid5 {
    width: 40.16%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid6 {
    width: 48.7%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid7 {
    width: 57.24%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid8 {
    width: 65.78%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid9 {
    width: 74.32%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid10 {
    width: 82.86%;
    margin-left: 2.54%;
  }
  #maincontent *[class^="grid"] > .grid11 {
    width: 91.4%;
    margin-left: 2.54%;
  }
}
@media (min-width: 960px) {
  #maincontent *[class^="grid"]:nth-of-type(odd) {
    margin-left: 2.54%;
    clear: none;
  }
  #maincontent *[class^="grid"]:nth-of-type(3n+1) {
    margin-left: 2.54%;
    clear: none;
  }
}
@media (min-width: 1040px) {
  #maincontent .grid1,
  #maincontent .grid2,
  #maincontent .grid3,
  #maincontent .grid4,
  #maincontent .grid5,
  #maincontent .grid6,
  #maincontent .grid7,
  #maincontent .grid8,
  #maincontent .grid9,
  #maincontent .grid10,
  #maincontent .grid11 {
    margin-left: 24px;
  }
  #maincontent .grid1 {
    width: 58px;
  }
  #maincontent .grid2 {
    width: 140px;
  }
  #maincontent .grid3 {
    width: 222px;
  }
  #maincontent .grid4 {
    width: 304px;
  }
  #maincontent .grid5 {
    width: 386px;
  }
  #maincontent .grid6 {
    width: 468px;
  }
  #maincontent .grid7 {
    width: 550px;
  }
  #maincontent .grid8 {
    width: 632px;
  }
  #maincontent .grid9 {
    width: 714px;
  }
  #maincontent .grid10 {
    width: 796px;
  }
  #maincontent .grid11 {
    width: 878px;
  }
  #maincontent .grid12 {
    width: 960px;
  }
  #maincontent *[class^="grid"]:nth-of-type(odd) {
    margin-left: 24px;
    clear: none;
  }
  #maincontent *[class^="grid"]:nth-of-type(3n+1) {
    margin-left: 24px;
    clear: none;
  }
  #maincontent *[class^="grid"] > .grid1 {
    width: 58px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid2 {
    width: 140px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid3 {
    width: 222px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid4 {
    width: 304px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid5 {
    width: 386px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid6 {
    width: 468px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid7 {
    width: 550px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid8 {
    width: 632px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid9 {
    width: 714px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid10 {
    width: 796px;
    margin-left: 24px;
  }
  #maincontent *[class^="grid"] > .grid11 {
    width: 878px;
    margin-left: 24px;
  }
}