.row {
  margin: 0px;
  padding: 0px;
  width: 100%;
  position: relative; }

.grid {
  width: 80%;
  position: relative;
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px; }

.full-grid {
  width: 96%;
  position: relative;
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px; }

.full {
  width: 100%;
  position: relative;
  margin: 0px auto;
  padding: 0px; }

.l-3x2 {
  width: 64.66667%;
  margin: 0px 1%;
  float: left;
  position: relative;
  display: block; }

.l-1 {
  width: 98%;
  margin: 0px 1%;
  float: left;
  position: relative;
  display: block; }

.l-2 {
  width: 48%;
  margin: 0px 1%;
  float: left;
  position: relative;
  display: block; }

.l-3 {
  width: 31.33333%;
  margin: 0px 1%;
  float: left;
  position: relative;
  display: block; }

.l-5, .rfbp-post {
  width: 20%;
  margin: 0;
  float: left;
  position: relative;
  display: block; }

.l-5.1 {
  width: 18%;
  margin: 0px 1%;
  float: left;
  position: relative;
  display: block; }

.l-6 {
  width: 14.66667%;
  margin: 0px 1%;
  float: left;
  position: relative;
  display: block; }

.l-3x2-full {
  width: 66.66667%;
  margin: 0px;
  float: left;
  position: relative;
  display: block; }

.l-1-full {
  width: 100%;
  margin: 0px;
  float: left;
  position: relative;
  display: block; }

.l-2-full {
  width: 50%;
  margin: 0px;
  float: left;
  position: relative;
  display: block; }

.l-3-full {
  width: 33.33333%;
  margin: 0px;
  float: left;
  position: relative;
  display: block; }

.l-4-full {
  width: 25%;
  margin: 0px;
  float: left;
  position: relative;
  display: block; }

.l-5-full {
  width: 20%;
  margin: 0px;
  float: left;
  position: relative;
  display: block; }

.l-6-full {
  width: 16.66667%;
  margin: 0px;
  float: left;
  position: relative;
  display: block; }

@media only screen and (max-width: 768px) {
  .grid {
    width: 97%; }

  .full-grid {
    width: 94%; }

  .s-3x2 {
    width: 63.66667%;
    margin: 0px 1.5%;
    float: left;
    position: relative;
    display: block; }

  .s-1, .rfbp-post {
    width: 97%;
    margin: 0px 1.5%;
    float: left;
    position: relative;
    display: block; }

  .s-2 {
    width: 47%;
    margin: 0px 1.5%;
    float: left;
    position: relative;
    display: block; }

  .s-3 {
    width: 30.33333%;
    margin: 0px 1.5%;
    float: left;
    position: relative;
    display: block; }

  .s-4 {
    width: 22%;
    margin: 0px 1.5%;
    float: left;
    position: relative;
    display: block; }

  .s-5 {
    width: 17%;
    margin: 0px 1.5%;
    float: left;
    position: relative;
    display: block; }

  .s-6 {
    width: 13.66667%;
    margin: 0px 1.5%;
    float: left;
    position: relative;
    display: block; }

  .s-3x2-full {
    width: 66.66667%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .s-1-full {
    width: 100%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .s-2-full {
    width: 50%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .s-3-full {
    width: 33.33333%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .s-4-full {
    width: 25%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .s-5-full {
    width: 20%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .s-6-full {
    width: 16.66667%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .m-3x2 {
    width: 64.66667%;
    margin: 0px 1%;
    float: left;
    position: relative;
    display: block; }

  .m-1 {
    width: 98%;
    margin: 0px 1%;
    float: left;
    position: relative;
    display: block; }

  .m-2 {
    width: 48%;
    margin: 0px 1%;
    float: left;
    position: relative;
    display: block; }

  .m-3 {
    width: 31.33333%;
    margin: 0px 1%;
    float: left;
    position: relative;
    display: block; }

  .m-4, .rfbp-post {
    width: 23%;
    margin: 0px 1%;
    float: left;
    position: relative;
    display: block; }

  .m-5 {
    width: 18%;
    margin: 0px 1%;
    float: left;
    position: relative;
    display: block; }

  .m-6 {
    width: 14.66667%;
    margin: 0px 1%;
    float: left;
    position: relative;
    display: block; }

  .m-3x2-full {
    width: 66.66667%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .m-1-full {
    width: 100%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .m-2-full {
    width: 50%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .m-3-full {
    width: 33.33333%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .m-4-full {
    width: 25%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .m-5-full {
    width: 20%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; }

  .m-6-full {
    width: 16.66667%;
    margin: 0px;
    float: left;
    position: relative;
    display: block; } }
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.row:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.row {
  *zoom: 1; }

strong {font-weight:600!important;}