/* textblock */
*.right {
	text-align:right;
}
*.left {
	text-align:left;
}
*.center {
	text-align:center;
}
p.center {
	display:block;
	text-align:center;
}


/* clear fix */
.clearboth{
clear:both;
}
.clearfix { zoom: 1; }
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }



/* display */
.hidden {
display:none;
}
.show {
display:block;
}


.display-block {
display:block;
}
.display-inline {
display:inline;
}
.display-inline-block {
display:-block;
}
.display-table-cell {
display:table-cell;
}

 
 /* layout */
.pull-center {
display:block;
margin:auto;
float:none;
}

.pull-left {
  float: left;
}
*.pull-right {
  float: right;
}

*.pull-none,
*.no-float{
float:none !important;
}

*.clear-left{
clear:left;
}
*.clear-right{
clear:right;
}
*.clear-both{
clear:both;
}

/* mute */
.muted{
color: #999;
}

/* debug */
.dbg{
background: #ccc;
}
.dbb{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

border: #ccc 1px solid;
}



/* icon kit */
.relative{
position: relative;
}
.relative-float{
position:absolute;
}

.relative-topright{
top:0;
right:0;
}
.relative-top{
top:0;
}
.relative-bottom{
bottom:0;
}
.relative-right{
right:0;
}



/* overflow */
.overflow-hidden{
overflow:hidden;
}
.overflow-visible{
overflow:visible;
}

/* transform */
.transform-middle{
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.transform-horizontalcenter{
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.transform-center{
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}



/* vertical */
.va-center,
.va-middle{
vertical-align:middle;
}