/* `Container
----------------------------------------------------------------------------------------------------*/

.main {
  margin-left: auto;
  margin-right: auto;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.mid{
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.oh{
overflow:hidden;
}
.fl{
float:left;
}
.fr{
float:right;
}
/*p{
margin:0;
}*/
.pa{
  position:absolute;
}
.pr{
position:relative;
}
.pf{
position:fixed;
}
.di{
display:inline;
}
.db{
display:block;
}
.dn{
display: none;
}
.dib{
display: inline-block;
}
.tac{text-align: center;}
.tar{text-align: right;}
.ttc{text-transform: capitalize;}
.ttuc{text-transform: uppercase;}
.ttlc{text-transform: uppercase;}
.br{display: block;}
/*
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}
*/
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
/*
.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}
*/
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

 .grid_1 {
  width: 60px;
}

 .grid_2 {
  width: 140px;
}

 .grid_3 {
  width: 220px;
}

 .grid_4 {
  width: 300px;
}

 .grid_5 {
  width: 380px;
}

 .grid_6 {
  width: 460px;
}

 .grid_7 {
  width: 540px;
}

 .grid_8 {
  width: 620px;
}

 .grid_9 {
  width: 700px;
}

 .grid_10 {
  width: 780px;
}

 .grid_11 {
  width: 860px;
}

 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/*MARGINS*/
.mt5{margin-top:5px;} .mr5{margin-right: 5px;} .mb5{margin-bottom: 5px;} .ml5{margin-left: 5px;}

.mt10{margin-top:10px;} .mr10{margin-right:10px;} .mb10{margin-bottom:10px;} .ml10{margin-left:10px;}

.mt20{margin-top:20px;} .mr20{margin-right:20px;} .mb20{margin-bottom:20px;} .ml20{margin-left:20px;}

.mt30{margin-top:30px;} .mr30{margin-right:30px;} .mb30{margin-bottom:30px;} .ml30{margin-left:30px;}

.mt40{margin-top:40px;} .mr40{margin-right:40px;} .mb40{margin-bottom:40px;} .ml40{margin-left:40px;}

.mt50{margin-top:50px;} .mr50{margin-right:50px;} .mb50{margin-bottom:50px;} .ml50{margin-left:50px;}

.mt100{margin-top: 100px;} .mr100{margin-right: 100px;} .mb100{margin-bottom: 100px;} .ml100{margin-left: 100px;}
/*/////////////////////////////////////*/
/*MOBILE_MARGINS*/
@media screen and (max-width: 767px) {
  .mo_mt5{margin-top:5px;} .mo_mr5{margin-right: 5px;} .mo_mb5{margin-bottom: 5px;} .mo_ml5{margin-left: 5px;}

  .mo_mt10{margin-top:10px;} .mo_mr10{margin-right:10px;} .mo_mb10{margin-bottom:10px;} .mo_ml10{margin-left:10px;}

  .mo_mt20{margin-top:20px;} .mo_mr20{margin-right:20px;} .mo_mb20{margin-bottom:20px;} .mo_ml20{margin-left:20px;}

  .mo_mt30{margin-top:30px;} .mo_mr30{margin-right:30px;} .mo_mb30{margin-bottom:30px;} .mo_ml30{margin-left:30px;}

  .mo_mt40{margin-top:40px;} .mo_mr40{margin-right:40px;} .mo_mb40{margin-bottom:40px;} .mo_ml40{margin-left:40px;}

  .mo_mt50{margin-top:50px;} .mo_mr50{margin-right:50px;} .mo_mb50{margin-bottom:50px;} .mo_ml50{margin-left:50px;}

  .mo_mt100{margin-top:100px;} .mo_mr100{margin-right:100px;} .mo_mb100{margin-bottom:100px;} .mo_ml100{margin-left:100px;}

.mo_mid{
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.mo_tar{text-align: right;}
.mo_tac{text-align: center !important;}
.mo_dn{display:none;}
}
/*/////////////////////////////////////*/
/*TABLET_MARGINS*/
@media (min-width: 768px) and (max-width: 1023px) {
  .tab_mt5{margin-top:5px;} .tab_mr5{margin-right: 5px;} .tab_mb5{margin-bottom: 5px;} .tab_ml5{margin-left: 5px;}

  .tab_mt10{margin-top:10px;} .tab_mr10{margin-right:10px;} .tab_mb10{margin-bottom:10px;} .tab_ml10{margin-left:10px;}

  .tab_mt20{margin-top:20px;} .tab_mr20{margin-right:20px;} .tab_mb20{margin-bottom:20px;} .tab_ml20{margin-left:20px;}

  .tab_mt30{margin-top:30px;} .tab_mr30{margin-right:30px;} .tab_mb30{margin-bottom:30px;} .tab_ml30{margin-left:30px;}

  .tab_mt40{margin-top:40px;} .tab_mr40{margin-right:40px;} .tab_mb40{margin-bottom:40px;} .tab_ml40{margin-left:40px;}

  .tab_mt50{margin-top:50px;} .tab_mr50{margin-right:50px;} .tab_mb50{margin-bottom:50px;} .tab_ml50{margin-left:50px;}

  .tab_mt100{margin-top:100px;} .tab_mr100{margin-right:100px;} .tab_mb100{margin-bottom:100px;} .tab_ml100{margin-left:100px;}
  
.tab_mid{
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.tab_tar{text-align: right;}
.tab_tac{text-align: center;}
  }
/*/////////////////////////////////////*/