/* CSS - default */
/** ------------------------- **/
/** Grid - container          **/
/** ------------------------- **/
.grid
{ display: block; clear: both; }
.grid:after
{ display: block; content: "."; height: 0; clear: both; visibility: hidden; }


/** ------------------------- **/
/** Grid - padding            **/
/** ------------------------- **/
.grid.grid-ph>.item,.grid>.item.item-ph
{ padding-left: 18px; padding-right: 18px; }
.grid.grid-pv>.item,.grid>.item.item-pv
{ padding-top: 18px; padding-bottom: 18px; }

/** ------------------------- **/
/** Grid - item               **/
/** ------------------------- **/
.grid>.item 
{
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
}

/** ------------------------- **/
/** Grid - item width         **/
/** ------------------------- **/
.grid>.item.item-w05 { width: 05%; }
.grid>.item.item-w10 { width: 10%; }
.grid>.item.item-w15 { width: 15%; }
.grid>.item.item-w20 { width: 20%; }
.grid>.item.item-w25 { width: 25%; }
.grid>.item.item-w30 { width: 30%; }
.grid>.item.item-w35 { width: 35%; }
.grid>.item.item-w40 { width: 40%; }
.grid>.item.item-w45 { width: 45%; }
.grid>.item.item-w50 { width: 50%; }
.grid>.item.item-w55 { width: 55%; }
.grid>.item.item-w60 { width: 60%; }
.grid>.item.item-w65 { width: 65%; }
.grid>.item.item-w70 { width: 70%; }
.grid>.item.item-w75 { width: 75%; }
.grid>.item.item-w80 { width: 80%; }
.grid>.item.item-w85 { width: 85%; }
.grid>.item.item-w90 { width: 90%; }
.grid>.item.item-w95 { width: 95%; }
.grid>.item.item-w100 { width: 100%;}

/** ------------------------- **/
/** Grid - item left space    **/
/** ------------------------- **/
.grid>.item.item-l05 { margin-left: 05%; }
.grid>.item.item-l10 { margin-left: 10%; }
.grid>.item.item-l15 { margin-left: 15%; }
.grid>.item.item-l20 { margin-left: 20%; }
.grid>.item.item-l25 { margin-left: 25%; }
.grid>.item.item-l30 { margin-left: 30%; }
.grid>.item.item-l35 { margin-left: 35%; }
.grid>.item.item-l40 { margin-left: 40%; }
.grid>.item.item-l45 { margin-left: 45%; }
.grid>.item.item-l50 { margin-left: 50%; }
.grid>.item.item-l55 { margin-left: 55%; }
.grid>.item.item-l60 { margin-left: 60%; }
.grid>.item.item-l65 { margin-left: 65%; }
.grid>.item.item-l70 { margin-left: 70%; }
.grid>.item.item-l75 { margin-left: 75%; }
.grid>.item.item-l80 { margin-left: 80%; }
.grid>.item.item-l85 { margin-left: 85%; }
.grid>.item.item-l90 { margin-left: 90%; }
.grid>.item.item-l95 { margin-left: 95%; }

/** ------------------------- **/
/** Grid - item right space   **/
/** ------------------------- **/
.grid>.item.item-r05 { margin-right: 05%; }
.grid>.item.item-r10 { margin-right: 10%; }
.grid>.item.item-r15 { margin-right: 15%; }
.grid>.item.item-r20 { margin-right: 20%; }
.grid>.item.item-r25 { margin-right: 25%; }
.grid>.item.item-r30 { margin-right: 30%; }
.grid>.item.item-r35 { margin-right: 35%; }
.grid>.item.item-r40 { margin-right: 40%; }
.grid>.item.item-r45 { margin-right: 45%; }
.grid>.item.item-r50 { margin-right: 50%; }
.grid>.item.item-r55 { margin-right: 55%; }
.grid>.item.item-r60 { margin-right: 60%; }
.grid>.item.item-r65 { margin-right: 65%; }
.grid>.item.item-r70 { margin-right: 70%; }
.grid>.item.item-r75 { margin-right: 75%; }
.grid>.item.item-r80 { margin-right: 80%; }
.grid>.item.item-r85 { margin-right: 85%; }
.grid>.item.item-r90 { margin-right: 90%; }
.grid>.item.item-r95 { margin-right: 95%; }