
.left { text-align: left !important; }
.center { text-align: center !important; }
.right, input.number, input.small-number, input.year { text-align: right !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }

.clearfix:before, .clearfix:after { content: ' '; display: table; clear: both; zoom: 1; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }

.lighter { opacity: .75; }
.light { opacity: .6; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

.hidden { display: none; }
.invisible { visibility: hidden; }

.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.relative { position: relative !important; }

.hand { cursor: pointer; }
.noselect { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }

.fullwidth { width: 100% !important; }

.show-960, .show-640, .show-414, .show-320 { display: none; }

img { max-width: 100%; height: auto; }
div { box-sizing: border-box; }

button, input.button { cursor: pointer; }

@media only screen and (max-width: 960px) {
	.show-960 { display: block !important; }
	.hide-960 { display: none !important; }
}

@media only screen and (max-width: 640px) {
	.show-640 { display: block !important; }
	.hide-640 { display: none !important; }
}

@media only screen and (max-width: 414px) {
	.show-414 { display: block !important; }
	.hide-414 { display: none !important; }
}

@media only screen and (max-width: 320px) {
	.show-320 { display: block !important; }
	.hide-320 { display: none !important; }
}

@media print {
	.noprint { display: none; }
}
