/*
########################
# RESET
########################
*/

body { height: 100%; }

body, div, span, ul, li, form, fieldset, input, a, p, h1, h2, h3, h4, h5, img, table, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px; 
	outline: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
}

img { display: block; }

/*
########################
# SHORTCUTS: STYLE
########################
*/

.dn { display: none; }
.dni { display: none !important; }
.db { display: block; }
.dib { display: inline-block; }
.dt { display: table; }
.dti { display: table !important; }
.dtr { display: table-row; }
.dtd { display: table-cell; }
.fl { float: left; }
.fr { float: right; }
.tar { text-align: right; }
.tari { text-align: right !important; }
.tal { text-align: left; }
.tali { text-align: left !important; }
.tac { text-align: center; }
.nw { white-space: nowrap; }
.ma { margin: auto; }
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }
.fwb { font-weight: bold; }
.fwn { font-weight: normal; }
.fwni { font-weight: normal !important; }
.vat { vertical-align: top; }
.vab { vertical-align: bottom; }
.ofh { overflow: hidden; }
.ofyh { overflow-y: hidden; }
.ofxh { overflow-x: hidden; }
.ofxa { overflow-x: auto; }
.ofya { overflow-y: auto; }
.ofe { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ofh, .ofxh, .ofyh { -webkit-overflow-scrolling: touch; }
.ofa { overflow: auto; overflow-x: hidden; }
.ofv { overflow: visible; }
.cp { cursor: pointer; }

.flatl {
	border-left-width: 0px !important;
	border-top-left-radius: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	-webkit-border-radius-topleft: 0px !important;
	border-bottom-left-radius: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	-webkit-border-radius-bottomleft: 0px !important;
}

.flatr {
	border-top-right-radius: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-webkit-border-radius-topright: 0px !important;
	border-bottom-right-radius: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-webkit-border-radius-bottomright: 0px !important;
}

.lsn {
	list-style-image: none;
	list-style-type: none;
}

.transition {
	transition: all 1s cubic-bezier(0.1, 0.6, .4, 1.0);
	-moz-transition: all 1s cubic-bezier(0.1, 0.6, .4, 1.0);
	-webkit-transition: all 1s cubic-bezier(0.1, 0.6, .4, 1.0);
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 0;
	-moz-perspective: 0;
	-webkit-perspective: 0;
}

/*
########################
# SHORTCUTS: METRICS
########################
*/

.w100p { width: 100%; }
.h100p { height: 100%; }

.t0 { top: 0px; }
.l0 { left: 0px; }

.m0 { margin: 0px; }
.m0i { margin: 0px !important; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }
.m35 { margin: 35px; }
.m40 { margin: 40px; }

.mt0 { margin-top: 0px; }
.mt0i { margin-top: 0px !important; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }

.mr0 { margin-right: 0px; }
.mr0i { margin-right: 0px !important; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }

.mb0 { margin-bottom: 0px; }
.mb0i { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }

.ml0 { margin-left: 0px; }
.ml0i { margin-left: 0px !important; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }

.p0 { padding: 0px; }
.p0i { padding: 0px !important; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.p35 { padding: 35px; }
.p40 { padding: 40px; }

.pt0 { padding-top: 0px; }
.pt0i { padding-top: 0px !important; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }

.pr0 { padding-right: 0px; }
.pr0i { padding-right: 0px !important; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }

.pb0 { padding-bottom: 0px; }
.pb0i { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }

.pl0 { padding-left: 0px; }
.pl0i { padding-left: 0px !important; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }

.w5p { width: 5%; }
.w10p { width: 10%; }
.w12-5p { width: 12.5%; }
.w14-25p { width: 14.25%; }
.w15p { width: 15%; }
.w16p { width: 16.666%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w33p { width: 33.333%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w55p { width: 55%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w66p { width: 66.666%; }
.w70p { width: 70%; }
.w75p { width: 75%; }
.w80p { width: 80%; }
.w85p { width: 85%; }
.w90p { width: 90%; }
.w95p { width: 95%; }
.w100p { width: 100%; }

.b0i { border: none !important; }

/*
########################
# RWD
########################
*/

@media screen and (max-width: 960px) {
	.mw960_dn { display: none; }
	.mw960_dni { display: none !important; }
	.mw960_db { display: block; }
	.mw960_dib { display: inline-block; }
	.mw960_fl { float: left; }
	.mw960_fr { float: right; }
	.mw960_tal { text-align: left; }
	.mw960_pr { position: relative; }
	.mw960_pa { position: absolute; }
	.mw960_pr0 { padding-right: 0px; }
	.mw960_pr20 { padding-right: 20px; }
	.mw960_pl0 { padding-left: 0px; }
	.mw960_w5p { width: 5%; }
	.mw960_w10p { width: 10%; }
	.mw960_w15p { width: 15%; }
	.mw960_w20p { width: 20%; }
	.mw960_w25p { width: 25%; }
	.mw960_w30p { width: 30%; }
	.mw960_w33p { width: 33.333%; }
	.mw960_w35p { width: 35%; }
	.mw960_w40p { width: 40%; }
	.mw960_w45p { width: 45%; }
	.mw960_w50p { width: 50%; }
	.mw960_w55p { width: 55%; }
	.mw960_w60p { width: 60%; }
	.mw960_w66p { width: 66.666%; }
	.mw960_w65p { width: 65%; }
	.mw960_w70p { width: 70%; }
	.mw960_w75p { width: 75%; }
	.mw960_w80p { width: 80%; }
	.mw960_w85p { width: 85%; }
	.mw960_w90p { width: 90%; }
	.mw960_w95p { width: 95%; }
	.mw960_w100p { width: 100%; }
}

@media screen and (max-width: 660px) {
	.mw660_dn { display: none; }
	.mw660_dni { display: none !important; }
	.mw660_db { display: block; }
	.mw660_dib { display: inline-block; }
	.mw660_fl { float: left; }
	.mw660_fr { float: right; }
	.mw660_tal { text-align: left; }
	.mw660_b0i { border-width: 0px !important; }
	.mw660_pr { position: relative; }
	.mw660_pa { position: absolute; }
	.mw660_pr0 { padding-right: 0px; }
	.mw660_pl0 { padding-left: 0px; }
	.mw660_pl10 { padding-left: 10px; }
	.mw660_pb10 { padding-bottom: 10px;}
	.mw660_w5p { width: 5%; }
	.mw660_w10p { width: 10%; }
	.mw660_w15p { width: 15%; }
	.mw660_w20p { width: 20%; }
	.mw660_w25p { width: 25%; }
	.mw660_w30p { width: 30%; }
	.mw660_w33p { width: 33.333%; }
	.mw660_w35p { width: 35%; }
	.mw660_w40p { width: 40%; }
	.mw660_w45p { width: 45%; }
	.mw660_w50p { width: 50%; }
	.mw660_w55p { width: 55%; }
	.mw660_w60p { width: 60%; }
	.mw660_w66p { width: 66.666%; }
	.mw660_w65p { width: 65%; }
	.mw660_w70p { width: 70%; }
	.mw660_w75p { width: 75%; }
	.mw660_w80p { width: 80%; }
	.mw660_w85p { width: 85%; }
	.mw660_w90p { width: 90%; }
	.mw660_w95p { width: 95%; }
	.mw660_w100p { width: 100%; }
}