/* ===================================================== */

/* Grid                                                 */

/* ===================================================== */



/* Override vc column container styling */

.wpb_row {

  margin: 0 -15px;

}



.container {

  position: relative;

  max-width: 1104px;

  margin: 0 auto;

  padding: 0 1%;

}



.container.narrow {

  width: 940px;

}



.one-half {

  width: 48%;

}



.one-third {

  width: 60%;

}



.one-fourth {

  width: 22%;

}



.one-fifth {

  width: 16.8%;

}



.one-sixth {

  width: 13.33%;

}

.two-fifths {

  width: 37.6%;

}

.two-fourths {

  width: 48%;

}

.two-thirds {

  width: 30%;

}

.three-fifths {

  width: 58.4%;

}

.three-fourths {

  width: 100%;

}

.four-fifths {

  width: 79.2%;

}

.five-sixths {

  width: 82.67%;

}



.one-fifth-container .wpb_column {

  width: 20%;

}





.one-half,

.one-third,

.two-thirds,

.three-fourths,

.one-fourth,

.two-fourths,

.one-fifth,

.two-fifths,

.three-fifths,

.four-fifths,

.one-sixth,

.five_sixths {

  display: inline-block;

  margin-right: 3.5%;

  position: relative;

  vertical-align: top;

}



.one-half:last-child,

.one-third:last-child,

.two-thirds:last-child,

.three-fourths:last-child,

.one-fourth:last-child,

.two-fourths:last-child,

.one-fifth:last-child,

.two-fifths:last-child,

.three-fifths:last-child,

.four-fifths:last-child,

.one-sixth:last-child,

.one-half:last-child,

.one-third:last-child,

.two-thirds:last-child,

.three-fourths:last-child,

.one-fourth:last-child,

.two-fourths:last-child,

.one-fifth:last-child,

.two-fifths:last-child,

.three-fifths:last-child,

.four-fifths:last-child,

.one-sixth:last-child,

.five_sixth:last-child,

/* using a class for old ie support */

.one-half.last,

.one-third.last,

.two-thirds.last,

.three-fourths.last,

.one-fourth.last,

.two-fourths.last,

.one-fifth.last,

.two-fifths.last,

.three-fifths.last,

.four-fifths.last,

.one-sixth.last,

.one-half.last,

.one-third.last,

.two-thirds.last,

.three-fourths.last,

.one-fourth.last,

.two-fourths.last,

.one-fifth.last,

.two-fifths.last,

.three-fifths.last,

.four-fifths.last,

.one-sixth.last,

.five_sixth.last { margin-right: 0; }



.the-grid div {

  background: #f9f9f9;

  color: #999;

  padding: 10px;

  margin-bottom: 20px;

  text-transform: uppercase;

  text-align: center;

}



/* Turn a 6 column layout into 5 by hiding the last column */

.one-fifth-container .wpb_column:last-child {

  display: none;

}



/* To center a column */

.wpb_column.center {

    margin: 0 auto;

    float: none;

}



@media only screen and (max-width: 1020px) and (min-width: 959px) {

  .container { width: 942px }

}



@media only screen and (min-width: 768px) and (max-width: 959px) {

  .container.narrow,

  .container { width: 750px; }



  .one-half.last,

  .one-third.last,

  .two-thirds.last,

  .three-fourths.last,

  .one-fourth.last,

  .two-fourths.last,

  .one-fifth.last,

  .two-fifths.last,

  .three-fifths.last,

  .four-fifths.last,

  .one-sixth.last,

  .five_sixths {

    margin: 0 2%;

  }

}



/* 100% tablet portrait and below*/

@media only screen and (max-width: 959px) {

  .one-fifth-container .wpb_column,

  .vc_col-sm-1.wpb_column,

  .vc_col-sm-2.wpb_column,

  .vc_col-sm-3.wpb_column,

  .vc_col-sm-4.wpb_column,

  .vc_col-sm-5.wpb_column,

  .vc_col-sm-6.wpb_column,

  .vc_col-sm-7.wpb_column,

  .vc_col-sm-8.wpb_column,

  .vc_col-sm-9.wpb_column,

  .vc_col-sm-10.wpb_column,

  .vc_col-sm-11.wpb_column,

  .one-half,

  .one-third,

  .two-thirds,

  .three-fourths,

  .one-fourth,

  .two-fourths,

  .one-fifth,

  .two-fifths,

  .three-fifths,

  .four-fifths,

  .one-sixth,

  .five_sixths {

    margin: 0 2%;

    width: 45.6%;

  }

}



@media only screen and (max-width: 767px) {

  .container { width: 300px; }



  .one-fifth-container .wpb_column,

  .vc_col-sm-1.wpb_column,

  .vc_col-sm-2.wpb_column,

  .vc_col-sm-3.wpb_column,

  .vc_col-sm-4.wpb_column,

  .vc_col-sm-5.wpb_column,

  .vc_col-sm-6.wpb_column,

  .vc_col-sm-7.wpb_column,

  .vc_col-sm-8.wpb_column,

  .vc_col-sm-9.wpb_column,

  .vc_col-sm-10.wpb_column,

  .vc_col-sm-11.wpb_column,

  .one-half,

  .one-third,

  .two-thirds,

  .three-fourths,

  .one-fourth,

  .two-fourths,

  .one-fifth,

  .two-fifths,

  .three-fifths,

  .four-fifths,

  .one-sixth,

  .five_sixths {

    margin: 0 auto;

    width: 100%;

  }

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

  .container { width: 420px; }



}





/* #Clearing

================================================== */



/* Self Clearing Goodness */

.wpb_row:after,

.sect-1:after,

.sect-2:after,

.sect-3:after,

.sect-4:after,

.image-section:after,

.page-wrap:after,

.blog-post:after,

.filter-menu:after,

.port-item:after,

.one-half:after,

.one-third:after,

.two-thirds:after,

.three-fourths:after,

.one-fourth:after,

.two-fourths:after,

.one-fifth:after,

.two-fifths:after,

.three-fifths:after,

.four-fifths:after,

.one-sixth:after,

.five-sixths:after,

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



    /* Use clearfix class on parent to clear nested columns,

    or wrap each row of columns in a <div class="row"> */

    .clearfix:before,

    .clearfix:after,

    .row:before,

    .row:after {

      content: '\0020';

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0; }

      .row:after,

      .clearfix:after {

        clear: both; }

        .row,

        .clearfix {

          zoom: 1; }



          /* You can also use a <br class="clear" /> to clear columns */

          .clear {

            clear: both;

            display: block;

            overflow: hidden;

            visibility: hidden;

            width: 0;

            height: 0;

          }