/* #Base 960 Grid
================================================== */
.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

/* Nested Column Classes */
.column.first, .columns.first               { margin-left: 0; }
.column.last, .columns.last                 { margin-right: 0; }

/* Base Grid */
.container .one.column                      { width: 60px; }
.container .two.columns                     { width: 140px; }
.container .three.columns                   { width: 220px; }
.container .four.columns                    { width: 300px; }
.container .five.columns                    { width: 380px; }
.container .six.columns                     { width: 460px; }
.container .seven.columns                   { width: 540px; }
.container .eight.columns                   { width: 620px; }
.container .nine.columns                    { width: 700px; }
.container .ten.columns                     { width: 780px; }
.container .eleven.columns                  { width: 860px; }
.container .twelve.columns                  { width: 940px; }

/* Offsets */
.container .offset-by-one                   { padding-left: 80px;  }
.container .offset-by-one-more-half         { padding-left: 120px; }
.container .offset-by-two                   { padding-left: 160px; }
.container .offset-by-three                 { padding-left: 240px; }
.container .offset-by-four                  { padding-left: 320px; }
.container .offset-by-five                  { padding-left: 400px; }
.container .offset-by-six                   { padding-left: 480px; }
.container .offset-by-seven                 { padding-left: 560px; }
.container .offset-by-eight                 { padding-left: 640px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 720px; }
.container .offset-by-eleven                { padding-left: 800px; }
.container .offset-by-twelve                { padding-left: 880px; }


.container.fullwidth{width:auto;display:block;}



/* #Tablet (Portrait)<br>
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                                  { width: 100%; padding: 0 1.302%;box-sizing: border-box;}
    .container .column,
    .container .columns                         { margin:0; padding-left: 1.302%; padding-right: 1.302%;box-sizing: border-box;}
    .column.first, .columns.first               { padding-left: 0; padding-right: 1.302%;}
    .column.last, .columns.last                 { padding-right: 0; padding-left: 1.302%;}

    .container .one.column                      { width:  8.333%; }
    .container .two.columns                     { width: 16.666%; }
    .container .three.columns                   { width: 25.000%; }
    .container .four.columns                    { width: 33.333%; }
    .container .five.columns                    { width: 41.666%; }
    .container .six.columns                     { width: 50.000%; }
    .container .seven.columns                   { width: 58.333%; }
    .container .eight.columns                   { width: 66.666%; }
    .container .nine.columns                    { width: 75.000%; }
    .container .ten.columns                     { width: 83.333%; }
    .container .eleven.columns                  { width: 91.666%; }
    .container .twelve.columns                  { width: 100%; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 8.333%; }
    .container .offset-by-one-more-half         { padding-left:12.500%; }
    .container .offset-by-two                   { padding-left:16.666%; }
    .container .offset-by-three                 { padding-left:25.000%; }
    .container .offset-by-four                  { padding-left:33.333%; }
    .container .offset-by-five                  { padding-left:41.666%; }
    .container .offset-by-six                   { padding-left:50.000%; }
    .container .offset-by-seven                 { padding-left:58.333%; }
    .container .offset-by-eight                 { padding-left:66.666%; }
    .container .offset-by-nine                  { padding-left:75.000%; }
    .container .offset-by-ten                   { padding-left:83.333%; }
    .container .offset-by-eleven                { padding-left:91.666%; }
}


/*  #Mobile (Portrait)<br>
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

    .container { width: 300px; }
    .columns, .column { margin: 0; }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { width: 300px; }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }

   /* Float menu left now*/

   .menu ul {float:left;}

}
/* #Mobile (Landscape)<br>
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 420px; }
    .columns, .column { margin: 0; }
    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { width: 420px; }
    /* Float menu left now*/
   .menu ul {float:left;}
}


/* #Clearing<br>
================================================== */

/* Self Clearing Goodness */
.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 &lt;div class="row"&gt; */
.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 &lt;br class="clear" /&gt; to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.space-section{
    padding: 65px 0 65px 0;
    border-bottom: 1px solid #EDEDED; 
}

.space-section.bg{background-color: #F4F4F4;}
.space-section.bg2{background-color: #F0F0F0;}

ul li section.space-section:last-child{border: none;}

.space-info{padding: 40px 0;}
.space-section p:last-child, 
.space-info p:last-child{
    padding-bottom: 0; 
    margin-bottom: 0;
}

.space-text{padding: 0 0 40px 0;}
.space-item{padding: 0 0 30px 0;}

.page-banner,
.page-nav,
.page-content{position: relative;}
.page-content{min-height: 250px;}