.flex { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.clear { clear: both; }
.shadow { box-shadow: rgba(0,0,0,0.2) 0 0 4px 1px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 4px 1px; -moz-box-shadow: rgba(0,0,0,0.2) 0 0 4px 1px; }
.transition { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }

.left { float: left; }
.right { float: right; }

.center-content { text-align: center; }
.left-content { text-align: left; }
.right-content { text-align: right; }
.center-block { margin-left: auto; margin-right: auto; }

.block { display: block; }
.i-block { display: inline-block; }
.inline { display: inline; }

.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.p-top { top: 0; }
.p-left { left: 0; }
.p-right { right: 0; }
.p-bottom { bottom: 0; }

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

.overflow { overflow: hidden; }

.width-10 { width: 10%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-33 { width: 33%; }
.width-33:nth-child(3n) { width: 34%; }
.width-40 { width: 40%; }
.width-50 { width: 50%; }
.width-60 { width: 60%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-100 { width: 100%; }

.width-10.flex { width: 7%; padding: 1.5%; }
.width-20.flex { width: 17%; padding: 1.5%; }
.width-25.flex { width: 22%; padding: 1.5%; }
.width-33.flex { width: 30%; padding: 1.5%; }
.width-40.flex { width: 36%; padding: 2%; }
.width-50.flex { width: 46%; padding: 2%; }
.width-60.flex { width: 56%; padding: 2%; }
.width-80.flex { width: 76%; padding: 2%; }
.width-100.flex { width: 96%; padding: 2%; }

.height-100 { height: 100%; }