/*  ----------------------------------------------------------------------------
    1. Grid
----------------------------------------------------------------------------- */

.row                              { margin:0 -15px; }
.clearfix:before,
.clearfix:after                   { content: "."; display: block;  height: 0;  overflow: hidden; }
.clearfix:after                   { clear: both; }
.clearfix                         { zoom: 1; /* IE < 8 */ }
.container                        { width:1200px;  margin:0 auto; /*padding:0 15px;*/ padding:0 30px; position: relative; }
.container-small                  { max-width:980px;  margin:0 auto; padding:0 15px; }
.extended-container               { max-width:1570px;  margin:0 auto; padding:0 15px; position: relative; }
[class^='col-'],[class*=' col-']  { padding:0 15px; float:left; }
.padding-left                     { padding-left: 15px; }
.padding-right                    { padding-right: 15px; }
.padding-top                      { padding-top: 25px; }
.padding-bottom                   { padding-top: 25px; }
.col-100                          { width:100%; }
.col-80                           { width:80%; }
.col-75                           { width:75%; }
.col-66                           { width:66.6666%; }
.col-60                           { width:60%; }
.col-50                           { width:50%; }
.col-40                           { width:40%; }
.col-33                           { width:33.3333%; }
.col-25                           { width:25%; }
.col-20                           { width:20%; }

/*  ----------------------------------------------------------------------------
    2. Formating
----------------------------------------------------------------------------- */

.block                  { display: block; }
.inline-block           { display: inline-block; }
.hidden                 { visibility: hidden; position: absolute; left: -9999px; }
.overflow-h             { overflow: hidden; position: relative; }
.inline                 { display: inline; }
.none                   { display: none; }
.center                 { margin-left: auto; margin-right: auto; }
.left                   { float: left; }
.right                  { float: right; }
.align-left             { text-align: left !important; }
.align-center           { text-align: center !important; }
.align-right            { text-align: right !important; }
.align-justify          { text-align: justify !important; }
.bold                   { font-weight: bold; }
.italic                 { font-style: italic; }
.underline              { text-decoration: underline; }
.strike                 { text-decoration: line-through; }
.capitalize             { text-transform: capitalize; }
.lowercase              { text-transform: lowercase; }
.uppercase              { text-transform: uppercase; }
.wrap                   { white-space: normal; }
.nowrap                 { white-space: nowrap; }

.no-margin              { margin:0 !important; }
.no-margin-left         { margin-left:0 !important; }
.no-margin-right        { margin-right:0 !important; }
.no-margin-top          { margin-top:0 !important; }
.no-margin-bottom       { margin-bottom:0 !important; }
.margin                 { margin: 50px 0; }
.margin-bottom          { margin-bottom: 25px; }

.no-padding             { padding:0 !important; }
.no-padding-left        { padding-left:0 !important; }
.no-padding-right       { padding-right:0 !important; }
.no-padding-top         { padding-top:0 !important; }
.no-padding-bottom      { padding-bottom:0 !important; }
.padding-small          { padding: 0 10px; }
.padding-large          { padding: 0 45px; }
.padding-bg             { padding: 65px 15px; }

.ellipsis               { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.table                  { width:100%; height:100%; border-collapse: collapse; }
.table td               { padding:10px; border:1px solid #e5e5e5; }

.table-holder           { display:table; width:100%; height:100%; }
.table-fixed            { table-layout:fixed; }
.table-cell-holder      { display:table-cell; width:100%; height:100%; vertical-align:middle; float:none !important; }

.vertical-align-top     { vertical-align: top; }
.vertical-align-bottom  { vertical-align: bottom; }
.vertical-align-middle  { vertical-align: middle; }